:root{--paper:#f6f1e9;--ink:#302b27;--accent:#a94832;--soft:#e8dfd2;--line:#302b2730}
.wordmark{font-family:'Instrument Sans',sans-serif;font-size:28px;font-weight:600;letter-spacing:-2px}.wordmark span{font-size:8px;font-weight:400;letter-spacing:.13em;vertical-align:middle;margin-left:10px}.nav{border-bottom:1px solid var(--line)}
.forma-hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;min-height:calc(100svh - 88px);overflow:hidden}.hero-heading{padding:70px 5vw 50px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}.hero-heading .eyebrow{max-width:290px}.forma-hero h1{font-size:clamp(85px,9vw,152px);line-height:.88;letter-spacing:-5px;margin:50px 0}.forma-hero h1 em{color:var(--accent)}.hero-deck{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-deck p{font-size:15px;line-height:1.7}.round-link{width:70px;height:70px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:28px}.hero-visual{position:relative;min-height:650px;overflow:hidden}.hero-visual img{object-position:62%;animation:drift 18s ease-out both}.vertical-label{position:absolute;right:25px;top:30px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;color:white}.project-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;color:white;font-size:9px;letter-spacing:.13em;text-shadow:0 1px 5px #000}.giant-type{position:absolute;font:320px 'Newsreader',serif;right:-20px;bottom:-75px;color:#ffffff30;pointer-events:none;mix-blend-mode:screen}
.intro{display:grid;grid-template-columns:.5fr 2fr;gap:30px 60px}.intro h2{font-size:clamp(45px,5vw,76px);line-height:1.07;letter-spacing:-2px}.intro>p{grid-column:2;max-width:450px;line-height:1.8;margin-top:20px}.project{background:var(--soft)}.comparison{aspect-ratio:16/9;position:relative;overflow:hidden;background:#d3c9bb}.comparison>img,.after-layer,.after-layer img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.after-layer{clip-path:inset(0 45% 0 0)}.divider{position:absolute;left:55%;top:0;bottom:0;width:2px;background:white;pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;font-size:24px;box-shadow:0 8px 30px #0003}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.comparison:focus-within{outline:3px solid var(--accent);outline-offset:5px}.compare-label{position:absolute;top:25px;font-size:9px;letter-spacing:.12em;color:white;padding:10px;background:#302b2770;pointer-events:none}.before-label{right:25px}.after-label{left:25px}.project-details{display:flex;justify-content:space-between;padding-top:25px;gap:20px;font-size:9px;letter-spacing:.15em}
.material-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center}.material-visual{height:560px;background:#d8cdbc;position:relative;overflow:hidden;perspective:900px}.sample-stone{position:absolute;top:8%;left:14%;width:52%;height:53%;background:repeating-linear-gradient(11deg,transparent 0 11px,#5a49300c 11px 12px),linear-gradient(135deg,#ddc9ae,#bbaa8c 40%,#ead8bd);box-shadow:10px 15px 25px #20160f25;transform:rotate(-10deg);border:1px solid #fff5;transition:background 1s,transform 1s}.sample-wood{position:absolute;top:35%;right:9%;width:40%;height:47%;background:repeating-linear-gradient(90deg,#aa7c53 0 2px,#b78e66 2px 5px,#af8057 5px 7px);box-shadow:10px 15px 25px #20160f30;transform:rotate(12deg);transition:background 1s,transform 1s}.sample-fabric{position:absolute;bottom:9%;left:12%;width:40%;height:39%;background:repeating-linear-gradient(0deg,#ffffff18 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ffffff30 0 1px,transparent 1px 3px),#d9cbb8;border-radius:2px;box-shadow:7px 12px 25px #20160f30;transform:rotate(-5deg);transition:background 1s,transform 1s}.material-caption{position:absolute;bottom:25px;right:25px;font-size:9px;letter-spacing:.1em;writing-mode:vertical-rl}.board-no{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:.14em}.material-copy h3{font:56px/1.02 'Newsreader',serif;margin:28px 0}.material-copy>p{line-height:1.8;max-width:350px}.swatches{display:flex;gap:14px;margin:35px 0}.swatch{width:47px;height:47px;border:5px solid var(--paper);outline:1px solid var(--line);border-radius:50%}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:4px}.swatch.earth{background:linear-gradient(90deg,#c8b492 50%,#aa7c53 50%)}.swatch.contrast{background:linear-gradient(90deg,#292927 50%,#674630 50%)}.swatch.soft{background:linear-gradient(90deg,#eee8db 50%,#cfb999 50%)}
.process{background:var(--ink);color:var(--paper)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-grid>div{padding-top:25px;border-top:1px solid #ffffff40}.process-grid span{font-size:10px;opacity:.6}.process-grid h3{font:44px 'Newsreader',serif;margin:30px 0 15px}.process-grid p{font-size:13px;line-height:1.8;opacity:.7}.portal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.milestone{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.milestone.active{color:var(--accent)}.milestone small{font-size:10px;opacity:.6}.invitation{text-align:center}.invitation h2{font-size:clamp(60px,7.5vw,120px);line-height:.98;letter-spacing:-3px;margin:35px 0}.invitation h2 em{color:var(--accent)}
fieldset{margin:0;padding:0;border:0}.step-progress{border-top:1px solid var(--line);padding:22px 0;font-size:10px;letter-spacing:.15em;margin-top:25px}.wizard-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.room-choices{display:flex;gap:20px;flex-wrap:wrap}.room-choices label{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#briefResult h3{font:43px 'Newsreader',serif;margin:30px 0}.record button{margin-top:10px}.brief-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px}.brief-summary span{display:block;font-size:10px;opacity:.6;margin-bottom:5px}
@keyframes drift{from{transform:scale(1.09)}to{transform:scale(1)}}@media(max-width:1000px){.forma-hero h1{font-size:90px}.hero-heading{padding:65px 5vw}.material-visual{height:450px}.process-grid{gap:20px}.nav-links{gap:18px}}@media(max-width:700px){.forma-hero{display:flex;flex-direction:column}.hero-heading{padding:50px 6vw 40px}.forma-hero h1{font-size:88px;letter-spacing:-3px;margin:40px 0}.hero-visual{height:500px;min-height:0}.hero-visual img{object-position:65%}.project-caption{font-size:8px;left:20px;right:20px}.giant-type{font-size:210px;bottom:-50px}.nav-links>.pill{display:none}.intro{display:block}.intro h2{margin:30px 0;font-size:47px}.comparison{aspect-ratio:1.15}.comparison img{object-fit:cover}.compare-label{font-size:7px;top:14px;padding:8px}.before-label{right:14px}.after-label{left:14px}.project-details{font-size:8px;line-height:1.7}.material-layout{display:block}.material-visual{height:430px}.material-copy{margin-top:40px}.material-copy h3{font-size:49px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.process-grid h3{font-size:35px}.portal-grid{grid-template-columns:1fr}.invitation h2{font-size:61px}.wizard-buttons{flex-wrap:wrap}}