.dream-hero{background:#171b18;color:#f5f6ed;padding:55px var(--gutter) 0;overflow:hidden}.dream-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center;min-height:680px;padding-bottom:52px}.dream-copy h1{font-size:clamp(70px,7.2vw,113px);line-height:.96;letter-spacing:-.065em;font-weight:500;margin-top:34px}.dream-copy h1 em{font-style:normal;color:#c6d5bc}.dream-copy h2{font-size:24px;letter-spacing:-.035em;font-weight:400;margin-top:26px}.dream-copy>p{color:#c3cebd;font-size:14px;line-height:1.8;margin-top:19px}.dream-form{margin-top:34px;max-width:440px}.dream-form label{font-size:11px;color:#e0e8d9;display:block}.dream-input-row{display:flex;border-bottom:1px solid #a8b99c;align-items:center;margin-top:10px;gap:15px}.dream-input-row input{background:none;border:0;border-radius:0;min-width:0;width:100%;color:#fff;padding:16px 0;font:inherit;font-size:15px;outline-offset:4px}.dream-input-row input::placeholder{color:#899b7f;opacity:1}.dream-input-row button{border:0;background:#e4442f;color:#fffaf5;flex-shrink:0;width:48px;height:48px;font-size:25px;cursor:pointer;transition:background .16s ease-out}.dream-form>p{font-size:9px;color:#aab9a0;margin-top:12px}.dream-lab{align-self:center;border:1px solid #52614b;background:#232a23;transform:rotate(-1.3deg);box-shadow:0 28px 50px #080d0840;position:relative}.dream-lab-top{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;font-size:8px;letter-spacing:.08em;border-bottom:1px solid #52614b}.dream-lab-indicator{color:#bfd2b1;font-size:8px;letter-spacing:0}.dream-options{display:flex;padding:12px 16px;gap:5px;border-bottom:1px solid #52614b}.dream-options button{font-size:9px;flex:1;padding:12px 8px;background:none;color:#bdcbb4;border:1px solid transparent;cursor:pointer;white-space:nowrap}.dream-options button[aria-pressed=true]{border-color:#96aa88;background:#313e2e;color:#f4f7ef}.dream-canvas{position:relative;aspect-ratio:1.17;overflow:hidden;background:#dbe2d2}.dream-canvas>img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease-out,transform .25s ease-out;filter:grayscale(1) brightness(.6);transform:scale(1.06)}.dream-sketch{position:absolute;inset:0;pointer-events:none;opacity:.9;background:linear-gradient(0deg,#111a1480,transparent);transition:opacity .25s ease-out}.dream-sketch svg{position:absolute;inset:4%;width:92%;height:92%;fill:none;stroke:#c8e1ba;stroke-width:1;stroke-dasharray:3 5}.dream-canvas-caption{position:absolute;bottom:28px;left:27px;right:24px;z-index:2}.dream-canvas:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#101810eb,transparent);pointer-events:none}.dream-canvas-caption>span{font-size:8px;letter-spacing:.08em;color:#cfddc4}.dream-canvas-caption h3{font-size:28px;line-height:1.13;letter-spacing:-.04em;font-weight:400;margin:12px 0 0;color:#fffdf7}.dream-concept-label{position:absolute;top:17px;left:20px;font-size:7px;letter-spacing:.08em;background:#172019c9;color:#dce7d3;padding:7px 10px;z-index:2}.dream-timeline{display:flex;padding:0 22px;gap:20px}.dream-timeline button{display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-top:2px solid transparent;flex:1;color:#a6b79a;font-size:12px;padding:18px 0;cursor:pointer;min-height:50px}.dream-timeline button[aria-pressed=true]{border-top-color:#c6d5bc;color:#f8faef}.dream-timeline i{width:5px;height:5px;border-radius:50%;background:#586c4b}.dream-timeline button[aria-pressed=true] i{background:#d9ec58}.dream-phase-description{padding:0 22px 20px;color:#b7c7ac;font-size:10px;min-height:48px;line-height:1.6}.dream-build-stamp{position:absolute;right:22px;top:48px;background:#d9ec58;color:#273317;padding:17px;transform:rotate(6deg) translateY(8px);opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;z-index:2}.dream-build-stamp span{display:block;font-size:7px;letter-spacing:.07em}.dream-build-stamp strong{font-size:20px;font-weight:500;letter-spacing:-.04em}.dream-canvas[data-dream-phase=design]>img{filter:saturate(.45) brightness(.85);transform:scale(1.02)}.dream-canvas[data-dream-phase=design] .dream-sketch{opacity:.4}.dream-canvas[data-dream-phase=build]>img{filter:none;transform:scale(1)}.dream-canvas[data-dream-phase=build] .dream-sketch{opacity:0}.dream-canvas[data-dream-phase=build] .dream-build-stamp{opacity:1;transform:rotate(6deg) translateY(0)}.dream-hero-foot{border-top:1px solid #52614b;padding:21px 0;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.04em;color:#bbcbb0}.dream-hero-foot a{color:#f3f7ea;font-size:10px;letter-spacing:0}.dream-hero-foot a>span{margin-left:20px}.dream-hero a:focus-visible,.dream-hero button:focus-visible,.dream-hero input:focus-visible{outline:2px solid #d9ec58;outline-offset:4px}.dream-hero [aria-pressed=true]:focus-visible{outline-offset:2px}
@media(hover:hover)and(pointer:fine){.dream-options button:hover{color:#fff;background:#35432f}.dream-timeline button:hover{color:#fff}.dream-input-row button:hover{background:#c43625}}
@media(max-width:1100px){.dream-hero-grid{gap:5%;min-height:650px}.dream-copy h1{font-size:8vw}.dream-lab-top{padding:15px}.dream-options{padding:10px}.dream-options button{font-size:8px;padding:10px 4px}.dream-canvas-caption h3{font-size:24px}.dream-copy>p{font-size:13px}.dream-lab-indicator{font-size:7px}.dream-hero-foot>span:nth-child(2){display:none}}
@media(max-width:849px){.dream-hero{padding-top:42px}.dream-hero-grid{grid-template-columns:1fr;gap:45px;padding-bottom:40px;min-height:0}.dream-copy h1{font-size:clamp(70px,13vw,100px);margin-top:27px}.dream-copy h1 br{display:none}.dream-copy h2{font-size:25px}.dream-copy>p{font-size:14px}.dream-copy>p br{display:none}.dream-copy>p{max-width:50ch}.dream-form{max-width:580px;margin-top:28px}.dream-lab{transform:rotate(0deg);width:100%;max-width:620px;margin:auto}.dream-lab-top{font-size:9px;padding:18px}.dream-lab-indicator{font-size:8px}.dream-options{padding:12px}.dream-options button{font-size:10px;padding:12px 5px}.dream-canvas{aspect-ratio:1.35}.dream-canvas-caption h3{font-size:31px}.dream-phase-description{font-size:11px}.dream-hero-foot{font-size:7px}.dream-hero-foot a{font-size:9px}}
@media(max-width:480px){.dream-hero{padding-top:33px}.dream-copy h1{font-size:clamp(65px,17vw,82px);max-width:7ch;line-height:.96}.dream-copy h1 br{display:block}.dream-copy h2{font-size:22px;margin-top:24px}.dream-copy>p{font-size:12px}.dream-form label{font-size:10px}.dream-input-row input{font-size:13px}.dream-form>p{font-size:8px}.dream-hero-grid{gap:35px}.dream-lab{margin:0 -7px;width:calc(100% + 14px)}.dream-lab-top{font-size:7px;padding:15px 13px;gap:8px}.dream-lab-indicator{font-size:7px}.dream-options{padding:8px;gap:2px}.dream-options button{font-size:8px;padding:12px 3px}.dream-canvas{aspect-ratio:1.05}.dream-canvas-caption{bottom:24px;left:20px;right:18px}.dream-canvas-caption h3{font-size:25px}.dream-canvas-caption>span{font-size:7px}.dream-timeline{padding:0 15px;gap:17px}.dream-timeline button{font-size:11px}.dream-phase-description{font-size:9px;padding:0 15px 17px;min-height:48px}.dream-build-stamp{padding:12px;right:16px}.dream-build-stamp strong{font-size:17px}.dream-concept-label{font-size:6px;left:15px}.dream-hero-foot{display:block;line-height:1.8}.dream-hero-foot a{display:block;margin-top:10px}.dream-hero-foot>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.dream-lab{transform:none}.dream-canvas>img,.dream-sketch,.dream-build-stamp{transition:none}.dream-canvas>img{transform:none!important}}
