@font-face{font-family:Inter;src:url(assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f5f4;color:#23282a;font:15px/1.65 Inter,Arial,sans-serif;--paper:#f4f5f4;--ink:#23282a;--muted:#596368;--silver:#dce1e1;--copper:#825b39;--ease:cubic-bezier(.2,.7,.2,1)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #94683d;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}figure,p,h1,h2,h3,dl{margin:0}button{color:inherit}h1,h2,h3{font-family:Jost,Arial,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(56px,5.65vw,88px)}h2{font-size:clamp(34px,3.6vw,56px)}h3{font-size:28px}p{color:var(--muted)}.reviewbar{display:flex;align-items:center;justify-content:space-between;background:#293237;color:#edf1f2;min-height:36px;padding:4px 3.8%;font-size:11px;letter-spacing:.02em}.reviewbar nav{display:flex;gap:26px}.reviewbar a{padding:5px 0}.reviewbar a:hover{text-decoration:underline}.local-label{color:#c1cdd1}.site-header{position:relative;z-index:5;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper)}.site-header img{width:205px;height:auto}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.contact-link{border-bottom:1px solid #7d878b;padding:11px 0}.contact-link span{margin-left:25px}.menu-toggle{display:none}.skip{position:fixed;left:10px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:600;line-height:1.5;color:var(--muted);margin-bottom:25px}.hero{display:grid;grid-template-columns:43% 57%;padding:24px 0 0 5%;min-height:650px}.hero-copy{padding:35px 44px 40px 0;display:flex;flex-direction:column;align-items:flex-start}.hero h1 span{color:#717d82}.hero-copy>p{max-width:350px;font-size:13px;line-height:1.9;margin:28px 0}.button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;background:#293337;color:white;border:1px solid #293337;border-radius:3px;padding:15px 21px;font-size:12px;min-height:48px;transition:transform .3s var(--ease),background .3s}.button:hover{background:#48565c;transform:translateY(-2px)}.button:active{transform:scale(.97)}.button span{font-size:20px;line-height:1}.hero-origin{margin-top:auto;padding-top:35px;display:flex;align-items:center;gap:10px;font-size:10px;color:#536166}.hero-origin>span:last-child{margin-left:16px}.dot{width:5px;height:5px;border-radius:50%;background:#647569}.hero-image{position:relative;min-width:0;overflow:hidden;background:#dce1e1}.hero-image>img{height:100%;width:100%;object-position:43% 50%;position:absolute;inset:0}.hero-image:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#20292b88);pointer-events:none}.hero-image figcaption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:16px;z-index:1;font-size:10px;color:white}.bridge{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:104px 9% 108px 5%;align-items:center}.bridge figure{position:relative}.bridge img{aspect-ratio:1.52;width:100%}.bridge figcaption{font-size:10px;color:var(--muted);margin-top:13px}.bridge h2{font-size:clamp(32px,3.1vw,48px)}.bridge p{font-size:13px;max-width:400px;margin-top:24px}.text-link{display:inline-flex;align-items:center;gap:30px;padding:10px 0;font-size:12px;border:0;background:none;border-bottom:1px solid #90999b;transition:gap .3s var(--ease)}.text-link:hover{gap:40px}.bridge .text-link{margin-top:21px}.section{padding:100px 6%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>p{max-width:300px;font-size:13px}.assembly{background:#e8ecec}.assembly-stage{display:grid;grid-template-columns:minmax(0,3fr) 1fr;align-items:center;background:#f8f9f8;border-radius:5px;padding:35px;gap:24px}.diagram-frame{min-width:0}.diagram-frame svg{width:100%;height:auto;overflow:visible}.diagram-frame .tag{font:12px Inter,Arial;fill:#535e62}.diagram-frame .lead{stroke:#788388;stroke-width:1;fill:none}.diagram-frame .g{transition:opacity .35s ease}.diagram-frame .g.muted-layer{opacity:.17}.caption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:14px}.diagram-full{font-size:10px;min-height:40px}.assembly-note{padding:10px 12px;border-left:1px solid #dce0e0}.assembly-note p{font:26px/1.3 Jost,sans-serif;color:var(--ink);letter-spacing:-.015em}.small-note{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:22px}.layer-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.layer-controls button{text-align:left;background:none;border:1px solid transparent;border-radius:4px;padding:18px 16px;transition:background .3s,border-color .3s;min-height:148px}.layer-controls button:hover{background:#f1f4f3}.layer-controls button[aria-pressed=true]{background:#f8f9f8;border-color:#99a4a6}.layer-controls span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:16px}.layer-controls strong{font:20px Jost,sans-serif;display:block;font-weight:400;letter-spacing:-.02em}.layer-controls small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:9px}.reset-assembly{margin-top:16px}.detail{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;align-items:center;padding-top:115px;padding-bottom:115px}.detail-copy>p{max-width:370px;margin-top:25px;font-size:13px}.detail dl{margin:30px 0 18px}.detail dl>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #d9dede;padding:13px 0;font-size:11px}.detail dt{color:var(--muted)}.detail dd{margin:0;text-align:right}.inspect-photo{position:relative;overflow:hidden;border-radius:3px;isolation:isolate}.inspect-photo>img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:center}.zoom-open{position:absolute;bottom:18px;right:18px;background:#f7f8f7ed;border:0;border-radius:3px;padding:12px 15px;display:flex;gap:28px;font-size:11px;z-index:2}.zoom-open:hover{background:white}.lens{position:absolute;top:0;left:0;width:170px;height:170px;border-radius:50%;border:2px solid white;box-shadow:0 8px 25px #16212455;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:1;transition:opacity .15s}.inspect-photo.lens-on .lens{opacity:1}.photo-choices{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px}.photo-choices button{font-size:10px;border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:var(--muted)}.photo-choices button[aria-pressed=true]{border-color:#283438;color:var(--ink)}.performance{background:#303a3f;color:#f3f5f4;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.performance .eyebrow,.performance p{color:#cad2d4}.performance>div>p{max-width:410px;font-size:13px;margin-top:25px}.performance .qualification{font-size:10px;color:#b5c0c4;line-height:1.85}.performance .text-link{margin-top:25px}.pressure-chart{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end;padding-top:30px}.pressure-chart>div>span{font:clamp(40px,4.2vw,65px)/1.1 Jost,sans-serif;letter-spacing:-.04em;display:block;margin-bottom:22px}.pressure-bar{height:100px;background:#77858b;border-radius:2px 2px 0 0;transform-origin:bottom}.pressure-after .pressure-bar{height:200px;background:linear-gradient(100deg,#dce4e7,#a4b3b9)}.pressure-chart>div>p{font-size:10px;margin-top:12px}.chart-caption{grid-column:1/-1;font-size:9px;color:#b5c0c4;border-top:1px solid #637077;padding-top:16px;margin-top:14px}.field{display:grid;grid-template-columns:1.13fr 1fr;gap:7%;padding:110px 6% 80px;align-items:center}.field video{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;background:#dce1e1;border-radius:3px}.field h2{font-size:clamp(32px,3vw,46px)}.audiences{margin-top:36px}details{border-bottom:1px solid #cfd7d7;padding:18px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;min-height:28px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;transition:transform .3s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;margin-top:14px;max-width:370px}.founders{padding-top:50px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.founders>div>p{font-size:13px;margin-top:25px;max-width:370px}.founder-list{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:40px}.founder-list h3{font-size:27px}.founder-list p{font-size:12px;margin-top:18px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#e4e9e8}.contact>div>p{font-size:13px;max-width:330px;margin-top:25px}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px;font-size:12px}.contact-info span{color:var(--muted);font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}form label{display:flex;flex-direction:column;font-size:11px;margin-bottom:24px;gap:9px}input,select,textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #a5b0b0;border-radius:0;padding:10px 0;background:transparent;color:var(--ink);font-size:13px;min-height:44px}textarea{resize:vertical;min-height:95px}select{max-width:100%;font-size:11px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-bottom p{font-size:10px}#form-status{font-size:12px;margin-top:18px;color:var(--ink)}footer{padding:42px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between}footer img{width:175px;height:auto}footer p,footer>a:last-child{font-size:10px}dialog{width:min(1100px,94vw);max-height:92vh;border:0;border-radius:6px;padding:24px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111c21cc;backdrop-filter:blur(5px)}dialog>img{width:100%;max-height:72vh;object-fit:contain}dialog>p{font-size:11px;margin-top:16px}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-top h2{font-size:25px}.close-dialog{border:0;background:none;min-height:44px;padding:8px 12px;font-size:12px}.js-motion .reveal-pending{opacity:0;transform:translateY(18px)}.js-motion .revealed{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.outline p{margin:25px 0}.alternative .hero{position:relative;display:block;padding:0 5%;min-height:630px;isolation:isolate;background:#dce1e1}.alternative .hero-image{position:absolute;inset:0;z-index:-1}.alternative .hero-image>img{object-position:center 48%}.alternative .hero-image:after{inset:0;background:linear-gradient(90deg,#102128cc,#10212810)}.alternative .hero-copy{position:relative;color:white;max-width:600px;padding-top:65px;padding-bottom:70px;min-height:630px}.alternative .hero-copy .eyebrow,.alternative .hero-copy p,.alternative .hero-copy h1 span,.alternative .hero-origin{color:#f0f4f4}.alternative .hero-image figcaption{display:none}.alternative .hero .button{background:#f3f5f4;color:#293337;border-color:transparent}.alternative .hero-origin{margin-top:0}.alternative .bridge{grid-template-columns:1fr 1fr}.alternative .bridge>figure{order:2}.alternative .bridge>figure img{}.alternative .bridge figcaption{visibility:hidden}.alternative .bridge>div{order:1}.review-page{padding:45px 5%}.review-page h1{font-size:52px}.review-page>p{max-width:800px;margin:18px 0}.review-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:25px 0}.review-controls button,.review-controls select{width:auto;border:1px solid #bbc7c9;padding:9px 14px;border-radius:3px;background:transparent;font-size:12px;min-height:44px}.review-controls button[aria-pressed=true]{background:#293337;color:white}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison article{min-width:0}.comparison h2{font-size:24px}.comparison p{font-size:12px;margin:12px 0}.frame-window{height:690px;overflow:hidden;border:1px solid #c2cccc;border-radius:4px;background:#e4e9e8;position:relative;display:flex;justify-content:center}.frame-window iframe{border:0;width:100%;height:100%;background:#f4f5f4}.comparison.mobile .frame-window{max-width:390px;margin:0 auto}.comparison.mobile iframe{width:390px;flex-shrink:0}.comparison.desktop iframe{width:1280px;flex-shrink:0;transform:scale(var(--frame-scale,.45));transform-origin:top center;height:calc(690px / var(--frame-scale,.45))}.board{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;margin:35px 0}.board img{height:260px;width:100%;object-fit:cover}.board h2{font-size:27px;margin-top:22px}.board p{font-size:13px;margin-top:15px}.board-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0;border-top:1px solid #cbd3d3}.board-notes h2{font-size:30px}.board-notes p{font-size:13px;margin:20px 0}.swatches{display:flex;height:48px;margin:20px 0}.swatches span{flex:1}.review-page li{font-size:13px;margin:12px 0;color:var(--muted)}
@media(min-width:1600px){body:not(.review-body) main,body:not(.review-body) .site-header,body:not(.review-body) footer{max-width:1600px;margin:auto}.hero{min-height:760px}.hero-copy{padding-top:65px}}
@media(max-width:1000px){.site-header nav{gap:18px;font-size:11px}.site-header img{width:175px}.hero{grid-template-columns:46% 54%;min-height:570px}.hero-copy{padding-right:25px}h1{font-size:60px}.hero-image figcaption{flex-direction:column;gap:2px}.hero-origin{flex-wrap:wrap}.hero-origin>span:last-child{margin-left:15px}.assembly-stage{grid-template-columns:1fr;padding:25px}.assembly-note{display:none}.layer-controls{gap:4px}.layer-controls button{padding:12px 9px}.layer-controls strong{font-size:18px}.detail{gap:5%}.performance{gap:7%}.field{gap:5%}.contact{gap:6%}.board{grid-template-columns:1fr 1fr}.board article:first-child{grid-column:1/-1}}
@media(max-width:700px){html{scroll-padding-top:20px}.reviewbar{padding:7px 5%;font-size:9px;gap:10px;flex-wrap:wrap}.reviewbar>span:first-child{display:none}.reviewbar nav{gap:17px}.local-label{display:none}.site-header{height:84px;padding:0 6%}.site-header img{width:175px}.site-header nav{display:none}.menu-toggle{display:flex;gap:16px;align-items:center;border:0;background:none;padding:10px 0 10px 10px;min-height:44px;font-size:12px}.menu-toggle span{font-size:22px}#mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:10px 6% 25px;gap:5px;border-bottom:1px solid #c7d0d1}#mobile-nav a{padding:12px 0;font-size:14px}.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{padding:25px 6% 32px}.eyebrow{font-size:9px;margin-bottom:19px}h1{font-size:clamp(51px,12.9vw,75px);line-height:1.02}.hero-copy>p{font-size:12px;max-width:330px;line-height:1.85;margin:23px 0}.button{font-size:11px;padding:13px 18px;gap:40px}.hero-origin{margin:0;padding-top:24px;font-size:9px}.hero-image{min-height:330px}.hero-image>img{object-position:43% 48%}.hero-image figcaption{font-size:9px;left:6%;right:6%;bottom:18px;flex-direction:row}.bridge{display:flex;flex-direction:column-reverse;padding:65px 6%;gap:35px;align-items:stretch}.bridge h2{font-size:37px}.bridge p{font-size:12px;margin-top:20px}.bridge .text-link{margin-top:15px}.bridge img{aspect-ratio:1.5}.section{padding:65px 6%}h2{font-size:37px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:12px}.assembly-stage{padding:20px 10px}.diagram-frame svg{min-width:0}.diagram-frame .caption{padding-left:10px;font-size:9px}.diagram-full{margin-left:10px}.layer-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.layer-controls button{padding:15px 9px;min-height:150px}.layer-controls strong{font-size:19px}.layer-controls small{font-size:10px}.layer-controls span{font-size:8px;margin-bottom:12px}.detail{display:flex;flex-direction:column;align-items:stretch;gap:32px}.detail-copy>p{font-size:12px}.detail dl>div{font-size:10px}.inspect-photo>img{aspect-ratio:1.1}.photo-choices{gap:17px}.photo-choices button{font-size:9px;min-height:44px}.detail-viewer>.caption{margin-top:5px}.performance{display:flex;flex-direction:column;align-items:stretch;gap:35px}.performance>div>p{font-size:12px}.performance .qualification{font-size:10px}.pressure-chart{padding:0 15px;gap:18px}.pressure-chart>div>span{font-size:56px}.pressure-bar{height:75px}.pressure-after .pressure-bar{height:150px}.field{display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px;padding:65px 6%}.field h2{font-size:36px}.field video{aspect-ratio:1.3}.founders{display:block;padding-top:0}.founders h2{font-size:37px}.founder-list{gap:27px;grid-template-columns:1fr;padding-top:35px}.founder-list article{border-top:1px solid #cfd7d7;padding-top:22px}.founder-list p{margin-top:12px}.contact{display:block}.contact form{margin-top:40px}.form-row{gap:18px}.contact-info{font-size:11px}.form-bottom{align-items:flex-start}footer{display:grid;grid-template-columns:1fr 1fr;padding:35px 6%;gap:27px 15px}footer img{width:165px}footer p,footer>a:last-child{font-size:9px}footer p:nth-child(2){display:none}.dialog-top h2{font-size:21px}dialog{padding:16px}.alternative .hero{min-height:700px;padding:0 6%}.alternative .hero-copy{min-height:700px;padding-top:45px;justify-content:flex-end;max-width:none;padding-bottom:65px}.alternative .hero-image:after{background:linear-gradient(0deg,#102128eb 0%,#10212888 55%,#10212810)}.alternative .hero-image>img{object-position:58% 45%}.alternative .bridge{display:flex;flex-direction:column}.alternative .bridge>figure{order:2}.alternative .bridge>div{order:1}.review-page{padding:30px 5%}.review-page h1{font-size:39px}.review-page>p{font-size:13px}.comparison{grid-template-columns:1fr}.frame-window{height:630px}.comparison.desktop iframe{height:calc(630px / var(--frame-scale,.28))}.board{grid-template-columns:1fr}.board article:first-child{grid-column:auto}.board-notes{grid-template-columns:1fr;gap:15px;padding-top:35px}.board img{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal-pending{opacity:1;transform:none}.button:hover,.button:active{transform:none}.lens{display:none}}

.comparison.mobile iframe{transform:scale(var(--mobile-scale,1));transform-origin:top center;height:calc(690px / var(--mobile-scale,1))}@media(max-width:700px){.comparison.mobile iframe{height:calc(630px / var(--mobile-scale,1))}}
@media(max-width:700px){.diagram-frame svg .tag,.diagram-frame svg .lead{display:none}}
/* HTML dimensions reserve intrinsic space; fluid CSS controls the rendered crop. */
img{height:auto}.hero-image>img{height:100%}
/* Selected architecture-led direction: opening, installation, detail, fabrication. */
.architecture .site-header nav{gap:24px}.architecture .hero{min-height:680px}.architecture .hero-copy{min-height:680px;padding-top:70px;max-width:650px}.architecture .hero-image>img{object-position:center 48%}.architecture .bridge{padding-bottom:85px}.architecture .bridge figcaption{visibility:visible}.photo-story{padding-top:15px;padding-bottom:90px}.photo-story .section-heading{margin-bottom:36px}.photo-story .section-heading p{max-width:320px}.installation-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:30px 24px}.installation-wide{grid-column:1/-1}.site-photo{min-width:0}.gallery-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:3px;overflow:hidden;background:#dce1e1;text-align:left}.gallery-open>img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;transition:transform .8s var(--ease)}.installation-wide .gallery-open>img{aspect-ratio:2.45;object-position:center 62%}.gallery-open:hover>img{transform:scale(1.025)}.photo-enlarge{position:absolute;bottom:18px;right:18px;background:#f4f5f4f0;color:#293337;padding:10px 15px;font-size:10px;border-radius:3px;transition:background .2s}.gallery-open:hover .photo-enlarge{background:white}.site-photo figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:12px}.architecture .detail{padding-top:90px;padding-bottom:90px}.architecture .field-image{min-width:0}.architecture .field-image .gallery-open>img{aspect-ratio:1.12;object-position:48% 50%}.film-details{padding:12px 0 0;border-bottom:0}.film-details summary{font-size:11px}.film-details video{margin-top:18px;aspect-ratio:16/9;object-fit:contain}.shop-story{padding:0 6% 65px}.shop-story .gallery-open>img{aspect-ratio:2.6;object-position:center 54%}.shop-story .site-photo figcaption{display:flex;justify-content:space-between}.architecture .founders{padding-top:25px}.architecture .photo-choices{gap:17px}.architecture .hero-image figcaption{display:none}.architecture .hero .button{background:#f3f5f4;color:#293337}.architecture .hero .button:hover{background:white}
@media(max-width:1000px){.architecture .site-header nav{gap:15px}.architecture .site-header .contact-link span{margin-left:12px}}
@media(max-width:700px){.architecture .hero,.architecture .hero-copy{min-height:700px}.architecture .hero-copy{padding-top:45px;padding-bottom:65px}.architecture .hero-image>img{object-position:58% 45%}.architecture .bridge{padding-bottom:55px}.photo-story{padding-top:5px;padding-bottom:60px}.photo-story .section-heading h2{font-size:34px}.installation-photos{grid-template-columns:1fr;gap:25px}.installation-wide{grid-column:auto}.installation-wide .gallery-open>img{aspect-ratio:1.25;object-position:43% 65%}.gallery-open>img{aspect-ratio:1.4}.photo-enlarge{bottom:12px;right:12px;font-size:9px;padding:9px 11px}.architecture .detail{padding-top:65px;padding-bottom:65px}.architecture .field-image .gallery-open>img{aspect-ratio:1.3}.shop-story{padding-bottom:45px}.shop-story .gallery-open>img{aspect-ratio:1.25;object-position:56% 50%}.architecture .founders{padding-top:0}.architecture .photo-choices{gap:14px}.architecture .photo-choices button{font-size:9px}.architecture .hero-copy>p{max-width:330px}}
@media(prefers-reduced-motion:reduce){.gallery-open:hover>img{transform:none}}
/* Clear action affordances for the selected architecture-led design. */
.architecture .photo-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.architecture .photo-choices button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 10px;border:1px solid #89979d;border-radius:5px;background:#fff;color:#293337;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 2px 3px #26383d0b;transition:background .2s,border-color .2s,box-shadow .2s}
.architecture .photo-choices button:hover{background:#e0e7e7;border-color:#40555e;box-shadow:0 3px 7px #26383d15}
.architecture .photo-choices button[aria-pressed=true]{background:#293337;color:#fff;border-color:#293337;box-shadow:inset 0 0 0 1px #293337}
.architecture .layer-controls button{border:1px solid #a1afb3;background:#f8faf9;box-shadow:0 2px 4px #26383d0a}
.architecture .layer-controls button:hover{background:#fff;border-color:#455d67}
.architecture .layer-controls button[aria-pressed=true]{border-color:#293337;background:#d8e3e5;box-shadow:inset 0 0 0 1px #293337}
.architecture .layer-controls button[aria-pressed=true] span:after{content:' ✓';font-size:12px;color:#293337}
.architecture .text-link{min-height:44px;padding:11px 16px;border:1px solid #89979d;border-radius:4px;background:#fff;color:#293337;font-weight:500;gap:24px;box-shadow:0 2px 3px #26383d0a;transition:background .2s,border-color .2s}
.architecture .text-link:hover{background:#e0e7e7;border-color:#40555e;gap:24px}
.architecture .performance .text-link{background:#f4f7f6;border-color:#f4f7f6;color:#293337}
.architecture .performance .text-link:hover{background:#dce6e7;border-color:#dce6e7}
.architecture .zoom-open,.architecture .photo-enlarge{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #f3f6f5;border-radius:4px;background:#293337;color:#fff;font-size:11px;font-weight:500;box-shadow:0 3px 12px #14232930}
.architecture .zoom-open:hover,.architecture .gallery-open:hover .photo-enlarge{background:#43575f;color:#fff}
.architecture .close-dialog{border:1px solid #89979d;background:#fff;border-radius:4px;min-height:44px;padding:10px 16px;font-weight:500}
.architecture .close-dialog:hover{background:#e0e7e7}
.architecture .audiences details{border-bottom:0;padding:5px 0}
.architecture .audiences summary,.architecture .film-details summary{border:1px solid #a1afb3;background:#fff;border-radius:4px;min-height:48px;padding:12px 15px;transition:background .2s,border-color .2s}
.architecture .audiences summary:hover,.architecture .film-details summary:hover{background:#e0e7e7;border-color:#40555e}
.architecture .audiences details[open] summary,.architecture .film-details[open] summary{background:#dce6e7;border-color:#526970}
.architecture .audiences details p{padding:0 15px 12px}
.architecture .site-header .contact-link{background:#293337;color:#fff;border:1px solid #293337;border-radius:4px;min-height:44px;padding:11px 15px}
.architecture .site-header .contact-link:hover{background:#43575f}
.architecture .menu-toggle{border:1px solid #89979d;background:#fff;border-radius:4px;padding:8px 12px}
.architecture .menu-toggle[aria-expanded=true]{background:#293337;color:#fff}
.architecture .button{font-weight:500;box-shadow:0 3px 7px #15252c15}
@media(max-width:700px){.architecture .photo-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.architecture .photo-choices button{font-size:12px;min-height:46px}.architecture .photo-enlarge,.architecture .zoom-open{font-size:10px;padding:10px 12px}.architecture .dialog-top{gap:16px}.architecture .close-dialog{flex-shrink:0}}
.architecture .action-arrow{display:block;flex:none;width:22px;height:22px}
/* Slow photographic results reel, with native horizontal scrolling. */
.results-gallery{padding:85px 0 70px;background:#edf0ef;overflow:hidden}
.results-heading{padding:0 6%;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}
.results-heading p{font-size:13px;margin-top:22px;max-width:440px}
.results-controls{display:flex;gap:9px;align-items:center;flex-shrink:0}
.results-controls button{min-height:46px;min-width:46px;padding:11px 16px;border:1px solid #85969e;border-radius:4px;background:#fff;color:#293337;font-size:12px;font-weight:500;cursor:pointer}
.results-controls button:hover{background:#dce6e7;border-color:#40555e}
.results-controls .results-toggle{min-width:146px;background:#293337;color:#fff;border-color:#293337}
.results-controls .results-toggle:hover{background:#43575f}
.results-controls button:disabled{cursor:default;opacity:.65}
.results-controls span{font-size:21px;line-height:1}
.results-strip{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;margin:0;scroll-behavior:auto;max-width:100%}
.results-strip::-webkit-scrollbar{display:none}
.results-strip:focus-visible{outline-offset:-4px}
.results-track{display:flex;width:max-content}
.results-group{display:flex;gap:22px;padding-right:22px;flex-shrink:0}
.result-photo{width:clamp(310px,42vw,630px);flex:none}
.result-photo img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}
.result-photo figcaption{font-size:12px;color:#38494f;padding:14px 3px 0}
.results-hint{padding:0 6%;font-size:10px;margin-top:25px}
@media(max-width:700px){.results-gallery{padding:60px 0 45px}.results-heading{display:block;margin-bottom:24px}.results-heading h2{font-size:37px}.results-heading p{font-size:12px;max-width:310px}.results-controls{margin-top:24px}.result-photo{width:82vw}.result-photo img{aspect-ratio:1.18}.results-group{gap:14px;padding-right:14px}.result-photo figcaption{font-size:11px}.results-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.results-repeat{display:none}}

.results-touch-hint{display:none}
@media(hover:none),(pointer:coarse){.results-hover-hint{display:none}.results-touch-hint{display:inline}.results-repeat{display:none}}
/* Shared arrow icon, independent of font glyph rendering. */
.action-arrow,.architecture .action-arrow{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px}
.button .action-arrow,.architecture .button .action-arrow{width:22px;height:22px}
.site-header .contact-link{display:inline-flex;align-items:center;gap:18px}
.photo-enlarge{gap:12px}.contact-info a .action-arrow{margin-left:6px}
.reviewbar .action-arrow{width:12px;height:12px;margin-left:3px}
/* Layer controls belong to the diagram, inside its panel. */
.architecture .diagram-controls{margin-top:18px;padding-top:16px;border-top:1px solid #d3dcdd}
.architecture .diagram-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#53646b;margin-bottom:10px}
.architecture .diagram-controls .reset-assembly{margin:0;min-height:44px;padding:9px 14px;font-size:11px}
.architecture .diagram-controls .layer-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.architecture .diagram-controls .layer-controls button{min-height:44px;padding:11px 9px;border-radius:4px;font:500 12px/1.4 Inter,Arial,sans-serif;text-align:center;background:#fff;border:1px solid #89979d;box-shadow:0 2px 3px #26383d0b}
.architecture .diagram-controls .layer-controls button:hover{background:#e0e7e7;border-color:#40555e}
.architecture .diagram-controls .layer-controls button[aria-pressed=true]{background:#293337;color:#fff;border-color:#293337;box-shadow:none}
.architecture .assembly-note{align-self:center}.architecture .assembly-note p{min-height:140px}
@media(max-width:1000px){.architecture .assembly-note{display:block;border-left:0;border-top:1px solid #d3dcdd;padding:20px 10px 5px}.architecture .assembly-note p{min-height:0;max-width:580px;font-size:22px}.architecture .assembly-note .eyebrow{margin-bottom:12px}.architecture .assembly-note .small-note{display:none}}
@media(max-width:700px){.architecture .diagram-controls{margin:16px 10px 0;padding-top:14px}.architecture .diagram-controls .layer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture .diagram-controls .layer-controls button{font-size:12px}.architecture .assembly-note p{font-size:20px;min-height:78px}.architecture .assembly-stage{gap:18px}}

/* Compact diagram toolbar; photographs remain in the page without view controls. */
.architecture .diagram-controls{margin-top:18px;padding-top:16px}
.architecture .diagram-controls-heading{margin-bottom:12px;min-height:0;align-items:center}
.architecture .diagram-disclaimer{font-size:10px;text-align:right;color:#65747b}
.architecture .diagram-controls .layer-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
.architecture .diagram-controls .layer-controls .reset-assembly{margin:0;padding:11px 9px;min-height:44px;font-size:12px}
.architecture .gallery-photo{overflow:hidden;border-radius:3px;background:#dce1e1}
.architecture .gallery-photo img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}
.architecture .installation-wide .gallery-photo img{aspect-ratio:2.45;object-position:center 62%}
.architecture .field-image .gallery-photo img{aspect-ratio:1.12;object-position:48% 50%}
.architecture .shop-story .gallery-photo img{aspect-ratio:2.6;object-position:center 54%}
@media(max-width:700px){.architecture .diagram-controls .layer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture .diagram-controls .layer-controls .reset-assembly{grid-column:1/-1}.architecture .diagram-controls-heading{gap:10px;font-size:10px}.architecture .diagram-disclaimer{font-size:9px}.architecture .gallery-photo img{aspect-ratio:1.4}.architecture .installation-wide .gallery-photo img{aspect-ratio:1.25;object-position:43% 65%}.architecture .field-image .gallery-photo img{aspect-ratio:1.3}.architecture .shop-story .gallery-photo img{aspect-ratio:1.25;object-position:56% 50%}}
.architecture .diagram-controls .layer-controls .reset-assembly{justify-content:center}

/* Installation footage behind the established architecture-led hero. */
.architecture .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease}
.architecture .hero-video.is-ready{opacity:1}
.architecture .hero-image:after{background:linear-gradient(90deg,rgba(12,26,32,.84) 0%,rgba(12,26,32,.65) 40%,rgba(12,26,32,.2) 100%)}
.architecture .hero-video-toggle{position:absolute;right:5%;bottom:26px;z-index:2;min-height:44px;padding:9px 16px;border:1px solid #ffffff80;border-radius:4px;background:#182a32d9;color:white;font-size:12px}
.architecture .hero-video-toggle[hidden]{display:none}
.architecture .hero-video-toggle:hover{background:#182a32}
.architecture .audiences details{border-bottom:1px solid #cfd7d7;padding:0}
.architecture .audiences summary,.architecture .audiences summary:hover,.architecture .audiences details[open] summary{border:0;border-radius:0;background:transparent;min-height:64px;padding:17px 0}
.architecture .audiences summary:hover{color:#40555e}
.architecture .audiences details p{padding:0 28px 20px 0;margin-top:0}
@media(max-width:700px){
 .architecture .hero-image:after{background:linear-gradient(90deg,rgba(12,26,32,.8),rgba(12,26,32,.48))}
 .architecture .hero-copy{padding-bottom:100px}
 .architecture .hero-video-toggle{bottom:20px;right:6%}
}
@media(prefers-reduced-motion:reduce){.architecture .hero-video{transition:none}}

.architecture .founder-quote{grid-column:1/-1;border-top:1px solid #cfd7d7;padding-top:42px;margin-top:16px;max-width:1050px}
.architecture .founder-quote blockquote{margin:0;font-family:Jost,Arial,sans-serif;font-size:clamp(25px,2.6vw,39px);line-height:1.35;letter-spacing:-.025em;text-wrap:pretty}
.architecture .founder-quote figcaption{margin-top:24px;font-size:13px;font-weight:500}
.architecture .founder-quote figcaption span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}
@media(max-width:700px){.architecture .founder-quote{padding-top:30px;margin-top:30px}}

/* Production form safeguards. */
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
button:disabled{opacity:.6;cursor:wait}

/* Wide screens: full-width media/backgrounds, with the approved content width. */
@media(min-width:1600px){
 body.architecture:not(.review-body) main{max-width:none}
 .architecture main>section{max-width:1600px;margin-inline:auto}
 .architecture main>:is(.section,.field,.shop-story){padding-inline:96px}
 .architecture main>.bridge{padding-left:80px;padding-right:144px}
 .architecture main>.hero{max-width:none;padding-inline:calc((100% - 1600px)/2 + 80px)}
 .architecture .hero-video-toggle{right:calc((100% - 1600px)/2 + 80px)}
 .architecture .assembly{--section-background:#e8ecec}
 .architecture .performance{--section-background:#303a3f}
 .architecture .results-gallery{--section-background:#edf0ef}
 .architecture .contact{--section-background:#e4e9e8}
 .architecture :is(.assembly,.performance,.results-gallery,.contact){box-shadow:0 0 0 100vmax var(--section-background);clip-path:inset(0 -100vmax)}
}