@font-face{font-family:Archivo;src:url(assets/fonts/archivo-125-900.woff2) format('woff2');font-style:normal;font-weight:900;font-stretch:125%;font-display:swap}
@font-face{font-family:Geist;src:url(assets/fonts/geist-100-400.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url(assets/fonts/geist-100-600.woff2) format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{
 --navy:#0c1820;--ivory:#f2efe6;--paper:#fcfaf4;--teal:#5da6a8;--sand:#d5ae75;--muted:#53616a;
 --sc-canvas:var(--ivory);--sc-surface:var(--paper);--sc-ink:var(--navy);--sc-ink-soft:var(--muted);--sc-accent:var(--teal);--sc-accent-ink:var(--navy);
 --sc-font-display:Archivo,system-ui,sans-serif;--sc-font-text:Geist,system-ui,sans-serif;
 --sc-gutter:clamp(1.25rem,4vw,4rem);--sc-maxw:88rem;--sc-r-lg:8px;--sc-r-md:6px;--sc-r-sm:4px;
 --bar:4.5rem;--dock:0px;--sc-leading-body:1.55;--sc-track-normal:-.012em;
}
html{background:var(--navy);scroll-padding-top:calc(var(--bar) + 20px)}
body{background:var(--ivory);font-size:1rem}
::selection{background:var(--sand);color:var(--navy)}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
a{ text-underline-offset:.25em }
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
.word,.label__title,.card h3,.options__title{font-family:Archivo,system-ui,sans-serif;font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.04em}
.word{font-size:clamp(2.6rem,6.3vw,6rem);line-height:.95;margin:0;text-wrap:balance;color:inherit}
.sc-lede{font-size:clamp(1.1rem,1.65vw,1.5rem);line-height:1.5;letter-spacing:-.025em;max-width:43ch;color:inherit}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;background:var(--ivory);color:var(--navy);padding:12px 18px;transform:translateY(-180%)}
.skip-link:focus{transform:none}
/* Navigation stays quiet while the photographs carry the page. */
.bar{position:fixed;inset:0 0 auto;height:var(--bar);z-index:70;padding:0 var(--sc-gutter);display:flex;align-items:center;gap:2.5rem;background:var(--navy);border-bottom:1px solid #33414a;color:var(--ivory)}
.bar__brand{text-decoration:none;display:flex;align-items:center;min-height:44px}
.bar__name{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.bar__name em{font-style:normal;color:#b9c7ca;font-weight:400}
.bar__index{display:flex;gap:2rem;margin-left:auto;align-items:center}
.bar__index a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:#d4dbd9;font-size:13px;font-weight:600}
.bar__tel{display:none}
.bar__menu{display:none}
.cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:5px;background:var(--teal);color:var(--navy);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;line-height:1.2;transition:background 180ms var(--sc-ease-out),transform 180ms var(--sc-ease-out)}
.cta::after{content:"";width:14px;height:14px;margin-left:20px;background:currentColor;clip-path:polygon(0 44%,70% 44%,39% 13%,47% 5%,95% 50%,47% 95%,39% 87%,70% 56%,0 56%)}
.cta:active{transform:translateY(1px)}
.cta--big{min-height:54px;font-size:17px}
/* Both hero frames share their own fixed coordinate system. */
#one{height:300vh;background:var(--navy)}
#one>.drop{height:100svh}
.drop{background:var(--navy);color:var(--ivory);--fw:min(65vw,calc((100svh - var(--bar) - 40px)*1.0949));}
.drop__box--phone,.drop__backdrop,.drop__scrim--phone{display:none}
.drop__box--wide{position:absolute;inset:var(--bar) 0 0;overflow:hidden}
.drop__frame{position:absolute;perspective:1400px;overflow:hidden;isolation:isolate}
.drop__frame--wide{width:var(--fw);aspect-ratio:2330/2128;right:20px;top:50%;transform:translateY(-50%);border-radius:8px}
.drop__frame--wide::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(90deg,var(--navy),rgb(12 24 32 / .2) 5%,transparent 11%)}
.drop__base,.drop__skin img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.drop__piece,.drop__shadow{position:absolute;inset:0;opacity:0;will-change:transform,opacity;backface-visibility:hidden}
.drop__skin,.drop__shadow-i{position:absolute;inset:0}
.drop__shadow{filter:blur(8px)}
.drop__shadow-i{background:rgb(8 20 30 / .55)}
.drop__label{position:absolute;left:var(--sc-gutter);top:50%;transform:translateY(-38%);z-index:12;width:calc(100vw - var(--fw) - var(--sc-gutter) - 44px);max-width:32rem;display:flex;flex-direction:column;align-items:flex-start;gap:20px;color:var(--ivory)}
.label__title{font-size:clamp(3rem,5.7vw,6rem);line-height:.93;margin:0;white-space:nowrap}
.label__title>span{display:block}
.label__title .label__year{font-family:Geist,system-ui,sans-serif;font-size:20px;font-weight:400;letter-spacing:.02em;line-height:1.4;color:var(--sand);margin-top:18px}
.label__spec{margin:0;max-width:29ch;color:#c7d1d0;line-height:1.5;font-size:16px;letter-spacing:-.02em}
.label__live{margin:0;min-height:22px;max-width:100%;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--sand);line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.label__act{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:6px}
.label__note{margin:0;max-width:29ch;font-size:12px;line-height:1.5;color:#bbc8c8}
/* Documentary process cards: the incoming card covers the previous step. */
.act-work{background:var(--ivory);padding:96px 0 88px;color:var(--navy)}
.work__head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:60px}
.work__head .sc-lede{max-width:36ch;padding-bottom:4px}
.stack{max-width:var(--sc-maxw);margin:auto;padding:0 var(--sc-gutter) 8vh;display:flex;flex-direction:column;gap:12vh;overflow:clip;--stack-shield:0 100svh 0 100svh var(--ivory)}
.card{position:sticky;top:calc(var(--bar) + 20px);height:min(65vh,640px);min-height:380px;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid #c8ccc7;background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 10px 28px -18px rgb(12 24 32 / .45),var(--stack-shield,0 0 0 0 transparent)}
.stack .card:nth-child(2){top:calc(var(--bar) + 28px)}
.stack .card:nth-child(3){top:calc(var(--bar) + 36px)}
.stack .card:nth-child(4){top:calc(var(--bar) + 44px)}
.stack .card:nth-child(5){top:calc(var(--bar) + 52px)}
.card img{width:100%;height:100%;min-height:0;object-fit:cover}
.card__copy{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);align-items:start;gap:40px;padding:28px 32px;border-top:1px solid #d5d7cf;background:var(--paper)}
.card h3{font-size:clamp(1.2rem,1.75vw,1.75rem);line-height:1.08;margin:0;text-wrap:balance;max-width:14ch}
.card__number{font-family:Geist,system-ui,sans-serif;display:block;font-size:11px;font-weight:600;letter-spacing:.1em;color:#596969;margin-bottom:12px}
.card__text{display:grid;gap:8px;max-width:64ch}
.card p{font-size:16px;margin:0;color:var(--muted);line-height:1.5;text-wrap:pretty}
.card .card__lede{font-size:21px;line-height:1.35;color:var(--navy);letter-spacing:-.025em}
.card--inset{padding-top:20px}
.card--inset img{width:calc(100% - 40px);margin:auto;border-radius:4px}
.card--split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.card--split .card__copy{display:flex;flex-direction:column;justify-content:center;height:100%;gap:24px;padding:40px;border-top:0;border-left:1px solid #d5d7cf}
.card--split .card__text{gap:12px;max-width:42ch}
.card--dark img{background:#3a424f;object-fit:contain}
.card--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.card--flip img{grid-column:2;grid-row:1}
.card--flip .card__copy{grid-column:1;grid-row:1;border-left:0;border-right:1px solid #d5d7cf}
/* Current materials are kept distinct from the earlier installation photograph. */
.act-material{background:var(--ivory);color:var(--navy);padding-top:96px}
.material{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.material__pic{margin:0;overflow:hidden;clip-path:none!important}
.material__pic img{width:100%;height:auto;aspect-ratio:900/964;object-fit:cover;border-radius:8px}
.material__pic figcaption{font-size:12px;line-height:1.5;color:var(--muted);padding:14px 0 0;max-width:46ch}
.material__copy{display:grid;gap:28px}
.material__copy .word{font-size:clamp(2.5rem,5.3vw,5rem)}
.material__copy>.sc-lede{font-size:clamp(18px,1.65vw,22px)}
.layers{margin:0;padding:28px 12px 20px;background:#e7e5da;border-radius:6px;color:var(--navy);border:1px solid #d6d6ca}
.layers svg{display:block;width:100%;height:auto;overflow:visible}
.layers text{font-family:Geist,system-ui,sans-serif;font-size:16px;font-weight:400;fill:var(--navy)}
.layers figcaption{font-size:12px;padding:14px 20px 0;line-height:1.4;color:#46504f}
.facts{list-style:none;display:grid;gap:0;padding:0;margin:0;font-size:15px}
.facts li{padding:14px 0;border-bottom:1px solid #d5d7cf}
.options{padding-top:76px;padding-bottom:96px;display:grid;gap:28px}
.options__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.options__title{font-size:clamp(1.5rem,2.8vw,2.5rem);margin:0;line-height:1.1}
.options__live{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;min-width:12ch;margin:0;color:#53616a}
.swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:12px}
.swatches li{min-width:0}
.swatches button{display:block;position:relative;width:100%;max-width:64px;min-height:44px;aspect-ratio:1;border:1px solid rgb(12 24 32 / .22);border-radius:5px;background:var(--c);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3)}
.swatches button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .08) 0 1px,transparent 1px 3px);pointer-events:none}
.swatches li.is-on button,.swatches button[aria-pressed="true"]{outline:2px solid var(--navy);outline-offset:4px}
.swatches button:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.swatches span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin:16px 0 0;padding-top:28px;border-top:1px solid #bfc6bf}
.spec div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:baseline}
.spec dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#53616a}
.spec dd{margin:0;font-size:16px;line-height:1.55;text-wrap:pretty}
/* A quiet, direct close. Opening Messages never claims a quote was sent. */
.act-quote{background:var(--navy);color:var(--ivory);height:auto}
.close{padding-top:100px}
.close__inner{width:100%;max-width:var(--sc-maxw);margin:auto;padding:0 var(--sc-gutter) 100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,112px);align-items:start}
.close__copy{display:grid;gap:26px}
.close__copy .word{font-size:clamp(2.8rem,6.1vw,5.5rem);max-width:7ch}
.close__lede{font-size:22px;line-height:1.4;letter-spacing:-.02em;max-width:28ch;margin:0;color:var(--ivory)}
.close__turn,.close__call{font-size:16px;line-height:1.5;color:#bac8c8;max-width:35ch;margin:0}
.close__call a{color:var(--ivory);white-space:nowrap}
.qform{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:8px}
.qform label{display:grid;gap:12px;min-width:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c7d1d0}
.qform label:nth-child(3),.qform__wide{grid-column:1/-1}
.qform label:nth-child(3){max-width:calc(50% - 12px)}
.qform input{width:100%;min-width:0;height:52px;padding:0 14px;border:1px solid #516168;border-radius:4px;background:#182932;color:var(--ivory);font-size:18px;font-weight:400;letter-spacing:-.01em;text-transform:none}
.qform input::placeholder{color:#b5c2c5;opacity:1}
.qform input:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-color:var(--teal)}
.qform input[aria-invalid="true"]{border-color:#edb5a3}
.qform__hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden}
.qform__actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.text-button{background:none;border:0;padding:12px 0;min-height:44px;font-size:14px;color:#d9e0dc;text-decoration:underline;text-underline-offset:.3em}
.qform__status{grid-column:1/-1;font-size:13px;line-height:1.5;color:#b9c9c9;margin:0}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px var(--sc-gutter) calc(28px + env(safe-area-inset-bottom));border-top:1px solid #34454b;color:#acbec0;font-size:12px;line-height:1.7}
.foot p{margin:0}
.foot strong,.foot a{color:var(--ivory);font-weight:400}
.phonebar{display:none}
.index{border:1px solid #526369;border-radius:8px;padding:24px;background:var(--navy);color:var(--ivory);width:min(92vw,440px);max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 18px 60px -16px rgb(0 0 0 / .4)}
.index::backdrop{background:rgb(4 12 17 / .66)}
.index[open]{display:grid;gap:8px}
.index form{justify-self:end}
.index__close{border:0;min-width:44px;min-height:44px;background:none;color:#c2d0d0;padding:8px}
.index h2{font-size:22px;font-weight:600;margin:0 0 16px;letter-spacing:-.025em}
html.is-menu-open,html.is-menu-open body{overflow:hidden;overscroll-behavior:none}
.site-menu{position:fixed;inset:calc(var(--bar) + 12px) 16px auto auto;margin:0;padding:16px;width:min(calc(100vw - 32px),360px);max-height:calc(100svh - var(--bar) - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #526369;border-radius:8px;background:var(--navy);color:var(--ivory);box-shadow:0 18px 60px -16px rgb(0 0 0 / .4)}
.site-menu::backdrop{background:rgb(4 12 17 / .66)}
.site-menu__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.site-menu h2{font-size:16px;font-weight:600;margin:0;letter-spacing:.02em}
.site-menu__close{min-width:56px;min-height:44px;padding:8px;background:none;border:1px solid #526369;border-radius:4px;color:var(--ivory);font-size:13px}
.site-menu__links{display:grid;gap:4px}
.site-menu__links a{display:flex;align-items:center;min-height:48px;padding:12px;border-radius:4px;text-decoration:none;color:var(--ivory);font-size:16px;font-weight:600;line-height:1.4}
.site-menu__links .site-menu__quote{margin-top:8px;background:var(--teal);color:var(--navy)}
.chip{display:flex;gap:10px;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #506169;border-radius:4px;text-decoration:none;font-size:13px;line-height:1.35;color:inherit;background:transparent}
.chip i{height:9px;width:9px;flex:none;border-radius:50%;background:var(--c);border:1px solid rgb(255 255 255 / .25)}
.chip.is-on{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}
@media (hover:hover) and (pointer:fine){
 .cta:hover{background:#83bdb8;transform:translateY(-1px)}
 .bar__index a:hover{color:var(--sand)}
 .chip:hover{border-color:var(--sand)}
 .text-button:hover,.index__close:hover{color:var(--sand)}
 .swatches button:hover{outline:2px solid #53616a;outline-offset:3px}
}
@media (max-width:1100px){.swatches{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media (max-width:1100px) and (min-width:861px){
 .bar{gap:24px}.bar__index{gap:20px}.bar__name{font-size:10px}
 .drop{--fw:min(63vw,calc((100svh - var(--bar) - 40px)*1.0949))}
 .label__title{font-size:clamp(40px,5vw,60px)}.drop__label{gap:16px}
 .label__spec{font-size:14px}.label__note{font-size:11px}
 .card__copy{gap:24px;padding:24px}.card--split .card__copy{padding:28px}
}
@media (max-width:860px){
 :root{--bar:64px;--dock:calc(56px + env(safe-area-inset-bottom));--sc-gutter:20px}
 .bar{gap:12px;justify-content:space-between}.bar__name{font-size:10px;letter-spacing:.12em}.bar__index{gap:18px}
 .bar__index,.cta--bar{display:none}
 .bar__menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--ivory);font-size:12px;font-weight:600;line-height:1.2}
 .drop__box--wide{display:none}.drop__box--phone{display:block;position:absolute;inset:0;overflow:hidden}
 .drop__frame--phone{inset:auto;bottom:calc(var(--dock) + 18px);left:50%;transform:translateX(-50%);width:min(calc(100vw - 40px),calc((100svh - var(--bar) - var(--dock) - 230px)*.8));aspect-ratio:1814/2268;border-radius:6px;background:#23323a}
 .drop__label{top:calc(var(--bar) + 24px);left:20px;right:20px;width:auto;max-width:none;transform:none;gap:10px;min-width:0}
 .label__title{font-size:clamp(30px,7vw,50px);line-height:.95;white-space:normal;display:flex;gap:.27em;flex-wrap:wrap;max-width:680px}
 .label__title>span{display:inline}.label__title .label__year{font-size:13px;line-height:1;flex-basis:100%;margin-top:4px}
 .label__spec{font-size:14px;line-height:1.45;max-width:39ch}
 .label__live{font-size:10px;line-height:20px;min-height:20px}.label__act{display:none}
 .act-work{padding:64px 0 56px}.work__head{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
 .word{font-size:clamp(36px,9vw,64px)}.work__head .sc-lede{font-size:18px;max-width:38ch}
 .stack{gap:14vh;padding-bottom:6vh}
 .card{height:min(66svh,660px);min-height:440px;top:calc(var(--bar) + 12px)}
 .stack .card:nth-child(2){top:calc(var(--bar) + 18px)}.stack .card:nth-child(3){top:calc(var(--bar) + 24px)}.stack .card:nth-child(4){top:calc(var(--bar) + 30px)}.stack .card:nth-child(5){top:calc(var(--bar) + 36px)}
 .card__copy{display:flex;flex-direction:column;gap:12px;padding:20px}
 .card h3{font-size:21px;max-width:none}.card__number{display:inline-block;margin:0 12px 0 0;font-size:10px;vertical-align:middle}
 .card__text{gap:6px}.card p{font-size:14px;line-height:1.5}.card .card__lede{font-size:16px;line-height:1.4}
 .card--inset{padding-top:12px}.card--inset img{width:calc(100% - 24px)}
 .card--split,.card--flip{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .card--split .card__copy{height:auto;padding:20px;gap:12px;border-left:0;border-right:0;border-top:1px solid #d5d7cf}
 .card--split .card__text{gap:6px}.card--flip img{grid-column:1;grid-row:1}.card--flip .card__copy{grid-column:1;grid-row:2}
 .act-material{padding-top:64px}.material{grid-template-columns:1fr;gap:44px}.material__pic{max-width:580px;width:100%;margin:0 auto}.material__pic img{max-height:70svh;object-fit:cover}
 .material__copy{gap:24px}.material__copy .word{font-size:clamp(34px,8vw,56px)}.material__copy>.sc-lede{font-size:18px}
 .layers{padding:20px 8px 16px}.layers figcaption{font-size:12px;padding:12px 10px 0}.layers text{font-size:18px}
 .facts{font-size:15px}.options{padding-top:52px;padding-bottom:64px;gap:24px}.options__head{align-items:flex-start;flex-direction:column;gap:16px}.options__title{font-size:26px}.options__live{min-height:18px}
 .swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.swatches button{min-height:44px}
 .spec{grid-template-columns:1fr;gap:22px;margin-top:8px}.spec div{grid-template-columns:78px minmax(0,1fr);gap:16px}.spec dd{font-size:15px}
 .close{padding-top:64px}.close__inner{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.close__copy{gap:20px}.close__copy .word{font-size:clamp(40px,10vw,68px);max-width:none}.close__lede{font-size:20px;max-width:30ch}.close__turn,.close__call{font-size:15px}
 .qform{gap:24px 16px}.qform input{font-size:17px}.qform__actions{gap:20px}.qform__status{font-size:13px;min-height:40px}.foot{padding-bottom:calc(var(--dock) + 24px);font-size:11px}
 .phonebar{position:fixed;inset:auto 0 0;z-index:70;display:flex;height:var(--dock);padding-bottom:env(safe-area-inset-bottom);background:var(--navy);border-top:1px solid #33454b;transition:transform 180ms var(--sc-ease-out)}
 .phonebar__btn{display:flex;align-items:center;justify-content:center;flex:1;background:transparent;border:0;color:var(--ivory);font-size:15px;font-weight:600;text-decoration:none;min-height:56px}
 .phonebar__btn--cta{background:var(--teal);color:var(--navy)}
 body.is-quote .phonebar{transform:translateY(110%)}
}
@media(max-width:860px) and (max-height:720px){
 .drop__label{top:calc(var(--bar) + 16px);gap:8px}.label__title{font-size:30px}.label__spec{font-size:12px;line-height:1.4}.label__live{font-size:9px}
 .drop__frame--phone{width:min(calc(100vw - 40px),calc((100svh - var(--bar) - var(--dock) - 180px)*.8));bottom:calc(var(--dock) + 12px)}
 .card{height:calc(100svh - var(--bar) - var(--dock) - 66px);min-height:360px}.card__copy,.card--split .card__copy{padding:16px;gap:10px}.card h3{font-size:18px}.card p{font-size:13px}.card .card__lede{font-size:15px}
}
@media(max-width:380px){.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}
@media(max-width:360px){.bar__index{display:none}.label__title{font-size:28px}.label__spec{max-width:36ch}.card__number{margin-right:8px}.qform__actions{gap:8px 16px}}
@media(max-width:360px) and (min-height:551px) and (max-height:720px){.drop__frame--phone{width:min(calc(100vw - 40px),calc((100svh - var(--bar) - var(--dock) - 210px)*.8))}}
@media(max-height:550px) and (max-width:860px){
 .drop__label{max-width:43%;gap:8px}.label__title{font-size:28px}.label__spec{font-size:12px}.drop__frame--phone{left:auto;right:30px;bottom:calc(var(--dock) + 10px);transform:none;width:calc((100svh - var(--bar) - var(--dock) - 24px)*.8)}
 .card,.stack .card:nth-child(n){position:relative;top:auto;height:auto;min-height:0;grid-template-rows:auto auto}.card img{height:50svh;min-height:180px}.stack{gap:28px;overflow:visible;--stack-shield:0 0 0 0 transparent}.card__copy{height:auto}
}
.stack.is-flow{gap:28px;overflow:visible;--stack-shield:0 0 0 0 transparent}
.stack.is-flow .card:nth-child(n){position:relative;top:auto;height:auto;min-height:0;grid-template-rows:auto auto}
.stack.is-flow .card img{height:clamp(180px,45svh,540px)}
.stack.is-flow .card__copy{height:auto}
/* The CAD photograph is a wide drawing inside a square canvas. Keep every panel in frame. */
.card.card--design{height:auto;min-height:0;grid-template-rows:auto auto}
.card__design-media{display:grid;place-items:center;min-height:0;overflow:hidden;aspect-ratio:12/5;background:#3a4050}
.card.card--design .card__design-media>img{width:100%;height:100%;max-width:100%;min-height:0;aspect-ratio:12/5;object-fit:cover;object-position:50% 50%}
@media(min-width:861px){
 .stack:not(.is-flow) .card--design{height:min(640px,calc(100svh - var(--bar) - 56px));grid-template-rows:minmax(0,1fr) auto}
 .stack:not(.is-flow) .card__design-media{aspect-ratio:auto}
 .stack:not(.is-flow) .card--design .card__design-media>img{width:auto;height:100%}
}
@media(prefers-reduced-motion:reduce){
 #one{height:100svh!important}.drop__piece{opacity:1!important;transform:none!important}.drop__shadow{display:none}
 .card,.stack .card:nth-child(n){position:relative;top:auto}.stack{gap:28px;overflow:visible;--stack-shield:0 0 0 0 transparent}
 .cta,.phonebar{transition:none}
}

/* The solid shadow hides covered cards in the same paint as native sticky scrolling. */