.at-demo{--paper:#f4f0e8;--ink:#151515;--ink-2:#5a5751;--stone:#b5aea3;--line:#dcd6cb;--terra:#b76e52;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Instrument Sans,Inter,Arial,sans-serif}.demo-notice.atelier{color:#dcd6cb;background:#151515}.at-demo h1,.at-demo h2,.at-demo h3{letter-spacing:-.02em;margin:0;font-weight:500}.at-k{letter-spacing:.2em;color:var(--ink-2);text-transform:uppercase;margin:0 0 14px;font:500 11px IBM Plex Mono,ui-monospace,monospace}.at-header{align-items:center;gap:32px;height:84px;padding:0 5vw;display:flex}.at-logo{letter-spacing:.3em;color:var(--ink);align-items:baseline;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.at-logo small{letter-spacing:.24em;color:var(--stone);font:500 9px IBM Plex Mono,monospace}.at-header nav{letter-spacing:.06em;color:var(--ink-2);gap:28px;margin:auto;font-size:13px;display:flex}.at-header nav a:hover{color:var(--ink)}.at-cta{border:1px solid var(--ink);letter-spacing:.04em;color:var(--ink);align-items:center;gap:8px;padding:11px 16px;font-size:13px;display:inline-flex}.at-cta:hover{background:var(--ink);color:var(--paper)}.demo-menu.at-menu{border:1px solid var(--line);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.at-menu span{background:var(--ink);width:16px;height:1px;display:block}.at-mobile{display:none}.at-plan{z-index:2;width:84%;height:84%;filter:drop-shadow(0 0 2px var(--plan-halo,#0000008c)) drop-shadow(0 0 1px var(--plan-halo,#0000008c));--k:.75;position:absolute;inset:8%}.at-hero-visual .at-plan{--k:.34}@media (max-width:760px){.at-hero-visual .at-plan{--k:.6}}.at-plan path{fill:none;stroke:var(--plan,#e8926f);stroke-width:calc(var(--k) * 1.2);stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:1.1;stroke-dashoffset:1.1px;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1) .2s}.at-plan .w path{stroke-width:calc(var(--k) * 3)}.at-plan .p path{stroke-width:calc(var(--k) * 1.2);transition-delay:.9s}.at-plan .o path{stroke-width:calc(var(--k) * 1);transition-delay:1.5s}.at-plan .dw-dims path{stroke-width:calc(var(--k) * .8);transition-delay:1.9s}.at-plan text{fill:var(--plan,#e8926f);stroke:var(--plan-halo,#0000008c);stroke-width:2.2px;paint-order:stroke;stroke-linejoin:round;opacity:0;transition:opacity .7s 2.3s}.at-plan .dw-dims text{fill:var(--plan,#e8926f);font-size:6px}.is-in .at-plan text,.at-plan.is-hero text{opacity:1}.is-in .at-plan path,.at-plan.is-hero path{stroke-dashoffset:0}.at-plan.is-hero path{transition-delay:.5s}.at-light{z-index:1;background:linear-gradient(#15151514 0%,#1515150d 40%,#15151573 100%);position:absolute;inset:0}.at-hero{grid-template-columns:1.25fr .75fr;gap:0;min-height:600px;display:grid}.at-hero-visual{background:var(--tone);min-height:520px;position:relative;overflow:hidden}.at-hero-meta{flex-direction:column;justify-content:flex-end;gap:16px;padding:56px 5vw 56px 48px;display:flex}.at-hero h1{font-size:clamp(2.4rem,4.6vw,4rem);line-height:1}.at-hero dl{gap:32px;margin:0;display:flex}.at-hero dl div{flex-direction:column;gap:2px;display:flex}.at-hero dt{letter-spacing:.18em;color:var(--stone);text-transform:uppercase;font:500 10px IBM Plex Mono,monospace}.at-hero dd{font-variant-numeric:tabular-nums;margin:0;font-size:15px}.at-lead{color:var(--ink-2);max-width:40ch;margin:0;font-size:15.5px;line-height:1.65}.at-link{letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--ink);align-self:flex-start;align-items:center;gap:8px;padding-bottom:3px;font-size:13px;display:inline-flex}.at-section-head{max-width:720px;margin-bottom:32px}.at-section-head h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}.at-projects{border-top:1px solid var(--line);padding:88px 0 88px 5vw}.at-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--stone) transparent;gap:20px;padding:4px 5vw 20px 0;display:flex;overflow-x:auto}.at-card{scroll-snap-align:start;opacity:0;flex:0 0 min(360px,78vw);transition:opacity .5s,transform .5s;transform:translateY(10px)}.at-card.is-in{opacity:1;transform:none}.at-card-visual{aspect-ratio:4/3;background:var(--tone);position:relative;overflow:hidden}.at-card-meta{gap:2px;padding:14px 0 0;display:grid}.at-card-meta h3{font-size:17px}.at-card-meta p{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.at-case{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:88px 5vw;display:grid}.at-case-drawings{grid-template-columns:1fr;gap:16px;display:grid}.at-case-drawings figure{border:1px solid var(--line);background:#ece7dd;margin:0;padding:14px 14px 30px;position:relative}.at-case-drawings figcaption{letter-spacing:.16em;color:var(--ink-2);text-transform:uppercase;font:500 10px IBM Plex Mono,monospace;position:absolute;bottom:10px;left:14px}.at-case-how{border-left:2px solid var(--terra);padding-left:12px;color:var(--ink)!important;font-size:13.5px!important}.dw{width:100%;height:auto;color:var(--ink);fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;display:block}.dw text{stroke:none;fill:currentColor}.dw-walls path{stroke-width:5px}.dw-parts path{stroke-width:1.6px}.dw-open path{stroke-width:1.1px;stroke:var(--terra)}.dw-site path{stroke-width:1px;color:#6b6760}.dw-dims path{stroke-width:.8px;color:#5a5751}.dw-dims text{fill:#5a5751;font-size:8px}.dw path{stroke-dasharray:1;stroke-dashoffset:1px;animation:14s linear infinite dw-draw}.dw-walls path{animation-name:dw-walls}.dw-parts path{animation-name:dw-parts}.dw-open path{animation-name:dw-open}.dw-site path{animation-name:dw-site}.dw-dims path{animation-name:dw-dims}.dw-text{opacity:0;animation:14s linear infinite dw-text}@keyframes dw-walls{0%{stroke-dashoffset:1px;opacity:1}2%{stroke-dashoffset:1px}20%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes dw-parts{0%,20%{stroke-dashoffset:1px;opacity:1}34%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes dw-open{0%,34%{stroke-dashoffset:1px;opacity:1}46%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes dw-site{0%,46%{stroke-dashoffset:1px;opacity:1}58%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes dw-dims{0%,58%{stroke-dashoffset:1px;opacity:1}72%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes dw-text{0%,70%{opacity:0}78%{opacity:1}92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.dw path{stroke-dashoffset:0;animation:none}.dw-text{opacity:1;animation:none}}.at-case-copy h2{margin-bottom:16px;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15}.at-case-copy p:not(.at-k){color:var(--ink-2);max-width:52ch;margin:0 0 12px;font-size:15.5px;line-height:1.65}.at-materials-inline{flex-wrap:wrap;gap:28px;margin:20px 0 0;display:flex}.at-materials-inline div{flex-direction:column;gap:2px;display:flex}.at-materials-inline dt{letter-spacing:.16em;color:var(--stone);text-transform:uppercase;font:500 10px IBM Plex Mono,monospace}.at-materials-inline dd{margin:0;font-size:14px}.at-materials{border-top:1px solid var(--line);padding:88px 5vw}.at-swatches{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.at-swatches>div{opacity:0;transition:opacity .5s}.at-swatches>div.is-in{opacity:1}.at-swatches i{aspect-ratio:1;margin-bottom:14px;display:block}.at-swatches h3{margin-bottom:6px;font-size:16px}.at-swatches p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.at-process{border-top:1px solid var(--line);padding:88px 5vw}.at-process ol{grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.at-process li{border-top:1px solid var(--ink);opacity:0;padding-top:16px;transition:opacity .5s}.at-process li.is-in{opacity:1}.at-process span{letter-spacing:.16em;color:var(--terra);margin-bottom:10px;font:500 11px IBM Plex Mono,monospace;display:block}.at-process h3{margin-bottom:8px;font-size:18px}.at-process p{color:var(--ink-2);margin:0 0 10px;font-size:14px;line-height:1.55}.at-deliverable{color:var(--ink)!important;font-size:13.5px!important}.at-deliverable b{font-weight:600}.at-studio{border-top:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:start;gap:56px;padding:88px 5vw;display:grid}.at-studio h2{margin-bottom:22px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}.at-manifesto{max-width:44ch;margin:0;font-size:18px;line-height:1.7}.at-studio ul{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.at-studio li{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:16px;padding:14px 0;font-size:14px;display:grid}.at-studio b{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);padding-top:3px;font:500 11px IBM Plex Mono,monospace}.at-contact{border-top:1px solid var(--line);text-align:center;justify-items:center;gap:14px;padding:96px 5vw;display:grid}.at-contact h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05}.at-contact p:not(.at-k){color:var(--ink-2);max-width:48ch;margin:0;font-size:15.5px;line-height:1.6}.at-footer{border-top:1px solid var(--line);gap:10px;padding:36px 5vw 28px;display:grid}.at-footer p{color:var(--ink-2);max-width:70ch;margin:0;font-size:13.5px}.at-footer small{color:var(--stone);font-size:12px}@media (max-width:1000px){.at-hero{grid-template-columns:1fr}.at-hero-meta{padding:36px 5vw}.at-case,.at-studio{grid-template-columns:1fr}.at-swatches,.at-process ol{grid-template-columns:1fr 1fr}}@media (max-width:760px){.at-header nav,.at-header .at-cta{display:none}.demo-menu.at-menu{margin-left:auto;display:flex}.at-mobile{border-bottom:1px solid var(--line);flex-direction:column;padding:6px 5vw 18px;display:flex}.at-mobile a{border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.at-hero-visual{min-height:360px}.at-swatches,.at-process ol,.at-case-drawings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.at-plan path{stroke-dashoffset:0;transition:none}.at-plan text{opacity:1;transition:none}.at-card,.at-swatches>div,.at-process li{opacity:1;transition:none;transform:none}}.at-hero-visual>picture>img,.at-card-visual>picture>img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.at-card:hover .at-card-visual>picture>img{transform:scale(1.03)}@media (max-width:760px){.at-logo{min-height:44px}.at-logo small{font-size:10px}.at-link,.at-cta{align-items:center;min-height:44px;display:inline-flex}}