.opening{background:var(--dark);perspective:1500px;position:relative;overflow:clip}.opening-stage{isolation:isolate;transform-origin:50% 65%;height:100svh;min-height:720px;max-height:1250px;position:relative}.opening-stage>picture,.opening-stage>picture img,.opening-shade{width:100%;height:100%;position:absolute;inset:0}.opening-stage>picture{z-index:-2}.opening-stage>picture img{object-fit:cover}.opening-shade{z-index:-1;background:linear-gradient(#f3ece022,#0000 55%,#0b100d99)}.hero-copy{padding:clamp(115px,14vh,190px) var(--gutter) 0;color:var(--ink);container-type:inline-size}.hero-copy h1{letter-spacing:var(--tracking);margin:0;font-size:min(16cqw,17rem);line-height:.88;position:relative}.title-top,.title-bottom{display:block}.title-bottom{margin-top:.05em;margin-left:23%}.hero-amp{color:#98713f;z-index:1;font:italic .65em/.8 Instrument Serif,serif;position:absolute;top:.77em;left:34%}.opening-bottom{bottom:48px;left:var(--gutter);right:var(--gutter);color:#fff;grid-template-columns:1fr 1fr auto;align-items:end;gap:2rem;display:grid;position:absolute}.opening-bottom p,.opening-bottom a{font-size:.78rem;line-height:1.55}.opening-bottom p>span{opacity:.8}.hero-link{border-bottom:1px solid #ffffff70;align-items:center;gap:2rem;min-height:44px;display:inline-flex}.concept-credit{bottom:14px;left:var(--gutter);color:#eee;font-size:.6rem;position:absolute}.mission{grid-template-columns:1fr 1.2fr;gap:6vw;padding-block:7vw 9vw;display:grid;position:relative;overflow:clip}.mission-amp{color:var(--ink);opacity:.035;user-select:none;margin-left:2vw;font:italic 32vw/.8 Instrument Serif,serif;display:block}.mission h2{margin-bottom:2rem;font-size:clamp(2.7rem,4.7vw,6rem)}.mission-statement{letter-spacing:-.035em;max-width:31ch;font-size:clamp(1.2rem,2.25vw,2.5rem);line-height:1.2}.mission-detail{align-items:center;gap:2rem;margin-top:3rem;display:flex}.mini-images{gap:6px;display:flex}.mini-images img{object-fit:cover;width:55px;height:66px}.project-collage{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 2vw;padding-top:1rem;padding-bottom:6vw;display:grid;position:relative;container-type:inline-size}.collage-title{grid-area:1/1/auto/7;align-self:start;margin:0;font-size:clamp(3rem,8.7vw,10rem);line-height:.93}.collage-title span{white-space:nowrap;padding-left:8vw}.project-card{min-width:0;transform-style:preserve-3d;perspective:1000px;align-self:start;display:block}.card-image{border-radius:var(--radius);overflow:hidden}.card-image img{object-fit:cover;aspect-ratio:1.23;width:100%;height:100%;display:block}.card-caption{justify-content:space-between;gap:1rem;padding:.9rem 0;font-size:.8rem;line-height:1.5;display:flex}.card-caption small{color:var(--dim);margin-top:3px;font-size:.67rem;display:block}.card-one{grid-area:1/8/auto/13;margin-top:5vw}.card-two{grid-area:2/1/auto/5;margin-top:0}.card-two .card-image img{aspect-ratio:.82;object-position:60%}.collage-word{font:400 clamp(3rem,8.2vw,9.5rem)/.97 var(--display);letter-spacing:var(--tracking);grid-area:2/6/auto/13;margin:8vw 0 0}.collage-word span{margin-left:8vw}.card-three{grid-area:3/7/auto/12;margin-top:2vw}.card-three .card-image img{aspect-ratio:1}.collage-note{grid-area:3/1/auto/5;align-self:end;max-width:30ch;margin-bottom:3vw;font-size:.85rem}.collage-note a{margin-top:1rem}.style-explorer{text-align:center;background:var(--wash);max-width:none;padding-block:8vw 10vw;overflow:clip}.style-list{max-width:1100px;margin:3rem auto;position:relative}.style-link{width:fit-content;max-width:100%;min-height:44px;font:400 clamp(2.6rem,6.5vw,7.5rem)/1.1 var(--display);letter-spacing:var(--tracking);justify-content:center;align-items:start;margin:auto;padding:.18em 0;display:flex;position:relative}.style-link sup{letter-spacing:0;margin:.8em 0 0 1em;font:400 .7rem DM Sans,sans-serif}.style-0{margin-left:2%}.style-1{z-index:2;margin-right:0}.style-2{z-index:3;margin-left:14%}.style-link span{z-index:2;position:relative}.style-link picture{opacity:0;pointer-events:none;z-index:1;width:clamp(150px,22vw,300px);height:180px;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)rotate(-7deg)scale(.7)}.style-link img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%}.style-hint{color:var(--dim);font-size:.8rem}.style-link:hover,.style-link:focus-visible{color:var(--ink);text-shadow:0 1px 12px var(--paper)}.style-link:hover picture,.style-link:focus-visible picture{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}.design-process{padding:5rem var(--gutter) 3rem;text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;height:100svh;min-height:780px;max-height:1100px;display:flex;position:relative;overflow:hidden}.process-heading h2{font-size:clamp(2.8rem,4vw,5rem)}.process-heading .kicker{margin-bottom:.6rem}.process-footer{flex-direction:column;align-items:center;display:flex}.process-visual{flex:1;width:min(950px,90vw);min-height:290px;max-height:570px;margin:1rem 0;position:relative}.room-canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.room-fallback{justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}.room-fallback img{object-fit:cover;border-radius:var(--radius);width:min(650px,85vw);height:100%;max-height:430px}.process-visual[data-ready] .room-canvas{opacity:1}.process-visual[data-ready] .room-fallback{visibility:hidden}.process-controls{border-bottom:1px solid var(--rule);justify-content:center;gap:2rem;display:flex}.process-controls button{color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;min-height:48px;padding:.7rem 0;font-size:.85rem}.process-controls button span{margin-right:.5rem;font-size:.65rem}.process-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.process-descriptions{min-height:3em;margin-top:1.3rem;font-size:.82rem;line-height:1.5}.process-note{color:var(--dim);margin-top:1rem;font-size:.65rem}.living-interlude{isolation:isolate;color:#fff;height:95svh;min-height:600px;padding:4rem var(--gutter);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden;container-type:inline-size}.living-interlude>picture{z-index:-2;width:100%;height:116%;position:absolute;inset:-8% 0}.living-interlude>picture img{object-fit:cover;width:100%;height:100%}.living-interlude:after{content:"";z-index:-1;background:linear-gradient(#10180f60,#0000 50%,#10180f90);position:absolute;inset:0}.living-interlude h2{font-size:clamp(3rem,7.5vw,9rem);line-height:.95}.living-interlude h2 span{margin-left:8vw}.interlude-bottom{justify-content:space-between;align-items:end;gap:2rem;padding-bottom:2rem;display:flex}.interlude-bottom p{font-size:1rem}.living-interlude small{left:var(--gutter);font-size:.6rem;position:absolute;bottom:1rem}.dark-faq{background:var(--dark);color:var(--on-dark);grid-template-columns:1fr 1.25fr;gap:8vw;max-width:none;display:grid}.dark-faq h2{font-size:clamp(2.2rem,3.5vw,4rem)}.faq{border-bottom:1px solid #ffffff40;padding:1rem 0}.faq summary{align-content:center;min-height:44px;padding-right:2rem;font-size:.9rem;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.1rem;position:absolute;right:0}.faq[open] summary:after{content:"−"}.faq p{opacity:.75;max-width:55ch;padding:1rem 0;font-size:.85rem}.faq p a{text-decoration:underline}.closing{background:var(--dark);color:var(--on-dark);padding:1rem var(--gutter) 5rem}.closing p{opacity:.75;margin-bottom:1.2rem;font-size:.8rem}.closing>a{font:400 clamp(2.6rem,8vw,9rem)/1.1 var(--display);letter-spacing:var(--tracking);justify-content:space-between;gap:1rem;display:flex}.closing>a>span{color:var(--gold)}@media (prefers-reduced-motion:no-preference){.style-link picture{transition:opacity .35s,transform .7s var(--ease)}.card-image img{transition:transform .8s var(--ease)}.project-card:hover .card-image img{transform:scale(1.045)}}@media (width<=760px){.opening-stage{height:92svh;min-height:650px}.hero-copy{padding-top:155px}.hero-copy h1{font-size:19cqw}.title-bottom{margin-top:.16em;margin-left:12%}.hero-amp{font-size:.7em;top:.85em;left:46%}.opening-stage>picture img{object-position:62% center}.opening-bottom{grid-template-columns:1fr;gap:1rem;bottom:65px}.opening-bottom p:first-child{display:none}.hero-link{width:fit-content}.concept-credit{bottom:18px}.mission{grid-template-columns:1fr;gap:1rem;padding-block:4rem}.mission-amp{display:none}.mission h2{font-size:2.8rem}.mission-statement{font-size:1.4rem}.mission-detail{gap:1.3rem;margin-top:2rem}.mini-images img{width:40px;height:48px}.project-collage{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:2.5rem;padding-top:1rem;padding-bottom:4rem}.collage-title{grid-area:1/1/auto/-1;font-size:16cqw}.collage-title span{padding-left:15cqw}.card-one{grid-area:2/2/auto/-1;margin-top:0}.card-two{grid-area:3/1/auto/5;margin-top:0}.collage-word{grid-area:4/2/auto/-1;margin:0;font-size:15cqw}.collage-word span{margin-left:12cqw}.card-three{grid-area:5/2/auto/-1;margin-top:0}.collage-note{grid-area:6/1/auto/-1;margin-bottom:0}.style-explorer{padding-block:4rem}.style-list{margin:2rem auto}.style-link{padding:.4em 0;font-size:10vw}.style-0{margin-left:0}.style-1{margin-right:0}.style-2{margin-left:8%}.style-link picture{width:180px;height:120px}.design-process{grid-template-rows:minmax(0,1fr) 45svh minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100svh;min-height:0;max-height:none;padding:1.25rem 1rem;display:grid}.process-heading,.process-footer{align-self:center}.process-visual{width:100%;height:100%;min-height:0;max-height:none;margin:0}.process-heading h2{font-size:2.7rem}.process-controls{gap:1.25rem}.process-controls button{font-size:.77rem}.process-controls button span{margin:0;display:block}.living-interlude{height:78svh;min-height:600px;padding-top:3rem}.living-interlude h2{font-size:13cqw}.living-interlude h2 span{margin-left:0}.interlude-bottom{flex-direction:column;align-items:start;gap:1.3rem;padding-bottom:6rem}.dark-faq{grid-template-columns:1fr;gap:2rem}}@media (height<=650px) and (width>=761px){.design-process{height:auto;min-height:700px}}@media (width<=760px) and (height<=639px){.design-process{height:auto;min-height:640px;padding:2rem 1rem;display:flex}.process-visual{flex:none;height:280px;min-height:280px}.process-footer{margin-top:1rem}}
