/* jiskro / Atelier — experience layer
   The motion language is one travelling spark: reveal, trace, clarify. */

.atelier-home{
  --at-black:#191714;
  --at-ink:#171410;
  --at-ivory:#F7F1E8;
  --at-paper:#ECE3D7;
  --at-white:#FFFFFF;
  --at-orange:#DE603A;
  --at-orange-ink:#9C3E24;
  --at-yellow:#D9C38B;
  --at-blue:#9CBFC0;
  --at-focus:#146B76;
  --at-muted:#6B645C;
  --at-line:rgba(23,20,16,.15);
  background:var(--at-ivory);
  color:var(--at-ink);
}
.atelier-home *{scrollbar-color:var(--at-orange) var(--at-paper)}
.atelier-home [hidden]{display:none!important}
.at-shell{width:min(100% - 40px,1380px);margin-inline:auto}
.atelier-home .skip-link{border-radius:0;background:var(--at-yellow);color:var(--at-ink);font-weight:800}

/* navigation */
.at-nav{position:sticky;z-index:100;top:0;height:72px;background:rgba(247,241,232,.88);border-bottom:1px solid rgba(23,20,16,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.at-nav-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.at-brand{font-size:1.45rem;color:var(--at-ink);letter-spacing:-.04em}
.at-brand .spark-mark{width:1.05em;color:var(--at-orange)}
.at-nav-links{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:.82rem;font-weight:700;color:#625B53}
.at-nav-links a{position:relative}
.at-nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--at-orange);transition:right .25s ease}
.at-nav-links a:hover{color:var(--at-ink)}.at-nav-links a:hover::after{right:0}
.at-nav-cta{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(23,20,16,.32);border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:800;color:var(--at-ink);transition:.2s}
.at-nav-cta:hover{background:var(--at-ink);color:var(--at-ivory)}
.at-status-dot,.at-live{width:7px;height:7px;border-radius:50%;background:var(--at-orange);box-shadow:0 0 0 0 rgba(255,106,50,.6);animation:at-pulse 2.2s infinite}
@keyframes at-pulse{70%{box-shadow:0 0 0 9px rgba(255,106,50,0)}100%{box-shadow:0 0 0 0 rgba(255,106,50,0)}}

/* hero */
.at-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--at-ivory);padding:clamp(54px,8vw,118px) 0 0}
.at-grid-lines{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(23,20,16,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,20,16,.055) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 92%)}
.at-hero-glow{position:absolute;z-index:-1;left:var(--spot-x,72%);top:var(--spot-y,18%);width:44vw;aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(156,191,192,.26),rgba(222,96,58,.08) 36%,transparent 69%);filter:blur(24px);pointer-events:none;transition:left .18s linear,top .18s linear}
.at-kicker{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(23,20,16,.2);font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#625B53}
.at-kicker span:last-child{color:var(--at-orange-ink)}
.at-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:clamp(30px,7vw,110px);align-items:end;padding:clamp(30px,4vw,54px) 0 clamp(52px,7vw,92px)}
.at-title-row h1{max-width:12ch;font-size:clamp(4rem,8.8vw,9rem);font-weight:600;line-height:.83;letter-spacing:-.072em;color:var(--at-ink)}
.at-title-row h1 em{position:relative;font-style:normal;color:var(--at-orange)}
.at-title-row h1 em::after{content:"";position:absolute;height:.075em;left:.02em;right:-.02em;bottom:-.03em;background:var(--at-orange);transform:rotate(-2deg);border-radius:2px}
.at-title-note{position:relative;padding-top:22px;border-top:1px solid rgba(23,20,16,.3)}
.at-title-note p{font-size:clamp(.98rem,1.4vw,1.14rem);line-height:1.55;color:#554E47}
.at-title-note a{display:inline-flex;align-items:center;gap:16px;margin-top:24px;color:var(--at-ink);font-weight:800;border-bottom:1px solid var(--at-orange);padding-bottom:6px}
.at-title-note a span{color:var(--at-orange);font-size:1.3em;transition:transform .2s}.at-title-note a:hover span{transform:translate(5px,5px)}

/* live proof machine */
.at-lab{position:relative;border:1px solid rgba(23,20,16,.2);border-bottom:0;background:#F1E9DF;box-shadow:0 36px 90px rgba(54,43,30,.2)}
.at-lab::before,.at-lab::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--at-orange);pointer-events:none}
.at-lab::before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.at-lab::after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.at-lab-head{height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid rgba(23,20,16,.14);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#625B53}
.at-lab-head>div{display:flex;align-items:center;gap:10px}.at-lab-readout span{color:var(--at-ink)}.at-lab-readout b{color:var(--at-orange-ink);font-weight:800}
.at-brief{display:grid;grid-template-columns:minmax(310px,.68fr) minmax(0,1.32fr);scroll-margin-top:86px}
.at-brief-copy{padding:clamp(26px,3vw,44px);border-right:1px solid rgba(23,20,16,.14)}
.at-index{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.15em;color:var(--at-orange-ink)}
.at-brief-copy h2{margin-top:22px;font-size:clamp(2rem,3.4vw,3.7rem);line-height:.96;letter-spacing:-.055em}
.at-brief-copy>p{max-width:38ch;margin-top:16px;color:#5F5851;font-size:.92rem;line-height:1.55}
.at-input-label{display:block;margin-top:30px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5F5851}
.at-input-wrap{display:flex;align-items:center;margin-top:8px;border-bottom:2px solid rgba(23,20,16,.35);transition:border-color .2s}
.at-input-wrap:focus-within{border-color:var(--at-orange)}
.at-input-wrap input{min-width:0;flex:1;border:0;background:transparent;color:var(--at-ink);padding:11px 0;font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;outline:0}
.at-input-wrap input::placeholder{color:#6E665E}.at-input-wrap>span{color:#625B53;font-size:.9rem}
.at-industries{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0;border:0}
.at-industries legend{width:100%;margin-bottom:2px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5F5851}
.at-industries label{position:relative}.at-industries input{position:absolute;opacity:0;pointer-events:none}
.at-industries label span{display:block;border:1px solid rgba(23,20,16,.22);padding:7px 10px;color:#5F5851;font-size:.72rem;line-height:1.1;cursor:pointer;transition:.18s}
.at-industries label:hover span{border-color:var(--at-ink);color:var(--at-ink)}
.at-industries input:focus-visible+span{outline:3px solid var(--at-focus);outline-offset:2px}
.at-industries input:checked+span{background:var(--at-blue);border-color:#6F9FA1;color:var(--at-ink);font-weight:800}
.at-seeds{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:15px;color:#625B53;font-size:.7rem}
.at-seeds .seedchip{border:0;background:transparent;color:#4E4842;padding:2px 3px;text-decoration:underline;text-decoration-color:#8C8176;text-underline-offset:3px;cursor:pointer}
.at-seeds .seedchip:hover,.at-seeds .seedchip.on{color:var(--at-orange-ink);text-decoration-color:currentColor}
.at-primary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:28px;border:0;background:var(--at-orange);color:var(--at-black);padding:15px 17px;font-weight:850;cursor:pointer;transition:background .2s,transform .2s}
.at-primary:hover{background:var(--at-ink);color:var(--at-ivory);transform:translateY(-2px)}.at-primary span{font-size:1.25rem}
.at-fine{text-align:center!important;max-width:none!important;margin-top:9px!important;color:#625B53!important;font-size:.68rem!important}

.at-proof-machine{position:relative;min-width:0;padding:clamp(16px,2vw,28px);background:radial-gradient(circle at 70% 10%,rgba(156,191,192,.2),transparent 40%),#E5DACE}
.at-machine-bar{position:relative;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(23,20,16,.2);border-bottom:0;background:#F4EEE6;color:#6A625A;font-size:.65rem;overflow:hidden}
.at-machine-dots{position:absolute;left:13px;display:flex;gap:5px}.at-machine-dots i{width:6px;height:6px;border-radius:50%;background:#B8AEA4}.at-machine-dots i:first-child{background:var(--at-orange)}
.at-machine-url b{color:#47413B;font-weight:700}.at-machine-progress{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--at-orange)}
.at-compare{position:relative;height:clamp(400px,42vw,560px);overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#DAD9D5;isolation:isolate}
.at-page{position:absolute;inset:0;overflow:hidden}
.at-page-before{background:#E7E5E1;color:#3B3B3C}
.at-generic-nav{height:11%;display:flex;align-items:center;gap:8%;padding:0 6%;border-bottom:1px solid #C9C7C2;font:700 .6rem/1 Arial,sans-serif;color:#767575}
.at-generic-nav span{margin-right:auto}.at-generic-nav i{width:8%;height:5px;background:#BDBBB7}
.at-generic-copy{padding:12% 10% 7%;font-family:Arial,sans-serif}.at-generic-copy small{font-size:.66rem;color:#898783}.at-generic-copy b{display:block;max-width:14ch;margin-top:3%;font:700 clamp(1.8rem,4.4vw,4.8rem)/.96 Arial,sans-serif;color:#434343}
.at-generic-copy>span{display:block;width:68%;height:7px;margin-top:4%;background:#BCBAB5}.at-generic-copy>span+span{margin-top:7px;width:59%}.at-generic-copy>span.short{width:40%}
.at-generic-copy button{margin-top:7%;border:0;background:#777;color:#fff;padding:9px 16px;font:700 .68rem Arial,sans-serif}
.at-noise-cards{position:absolute;left:10%;right:10%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:3%}.at-noise-cards i{height:70px;background:#D0CEC9;border:1px solid #BAB8B4}

.at-page-after{z-index:2;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#0C0C0F;color:#fff;transition:background .45s,color .45s}
.at-preview-nav{height:11%;display:flex;align-items:center;gap:7%;padding:0 5%;border-bottom:1px solid rgba(255,255,255,.16);font-size:.59rem;color:#AAA7AF;white-space:nowrap}.at-preview-nav b{margin-right:auto;color:#fff;font-family:var(--font-display);font-size:.82rem}.at-preview-nav i{font-style:normal;border:1px solid currentColor;border-radius:999px;padding:5px 9px;color:var(--at-orange)}
.at-preview-copy{padding:10% 8% 7%;position:relative}.at-preview-copy small{font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--at-orange)}
.at-preview-copy b{display:block;max-width:10ch;margin-top:4%;font-family:var(--font-display);font-size:clamp(2.2rem,5.2vw,5.7rem);line-height:.84;letter-spacing:-.065em;color:#fff}
.at-preview-copy p{max-width:38ch;margin-top:4%;font-size:clamp(.72rem,1.2vw,.98rem);line-height:1.45;color:#AAA7AF}
.at-preview-cta{display:inline-block;margin-top:5%;border:0;background:var(--at-orange);color:#0C0C0F;padding:10px 15px;font-size:.7rem;font-weight:850}
.at-preview-proof{position:absolute;left:8%;right:8%;bottom:6%;display:flex;gap:7%;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:.6rem;color:#AAA7AF}
.at-page-after[data-preview-style="calm"]{background:#F4EEE5;color:#16130E}.at-page-after[data-preview-style="calm"] .at-preview-nav{border-color:rgba(0,0,0,.14);color:#6D665D}.at-page-after[data-preview-style="calm"] .at-preview-nav b,.at-page-after[data-preview-style="calm"] .at-preview-copy b{color:#16130E}.at-page-after[data-preview-style="calm"] .at-preview-nav i,.at-page-after[data-preview-style="calm"] .at-preview-copy small{color:#146B76}.at-page-after[data-preview-style="calm"] .at-preview-copy p,.at-page-after[data-preview-style="calm"] .at-preview-proof{color:#5D554C}.at-page-after[data-preview-style="calm"] .at-preview-cta{background:var(--at-blue)}.at-page-after[data-preview-style="calm"] .at-preview-proof{border-color:rgba(0,0,0,.16)}
.at-page-after[data-preview-style="calm"] .at-preview-nav{height:14%;justify-content:center;padding-inline:8%}.at-page-after[data-preview-style="calm"] .at-preview-nav b{position:absolute;left:50%;margin:0;translate:-50% 0;font-size:1rem}.at-page-after[data-preview-style="calm"] .at-preview-nav span{display:none}.at-page-after[data-preview-style="calm"] .at-preview-nav i{margin-left:auto;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:4px 0}.at-page-after[data-preview-style="calm"] .at-preview-copy{height:70%;padding:7% 12% 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.at-page-after[data-preview-style="calm"] .at-preview-copy b{max-width:12ch;margin-top:3%;font-size:clamp(2rem,4.7vw,5.1rem);line-height:.94;letter-spacing:-.045em}.at-page-after[data-preview-style="calm"] .at-preview-copy p{margin-top:4%;max-width:34ch}.at-page-after[data-preview-style="calm"] .at-preview-cta{margin-top:5%;border-radius:999px;padding-inline:18px}.at-page-after[data-preview-style="calm"] .at-preview-proof{left:15%;right:15%;justify-content:center}
.at-page-after[data-preview-style="signal"]{background:var(--at-yellow);color:#08080A}.at-page-after[data-preview-style="signal"] .at-preview-nav{border-color:rgba(0,0,0,.2);color:#54420D}.at-page-after[data-preview-style="signal"] .at-preview-nav b,.at-page-after[data-preview-style="signal"] .at-preview-copy b{color:#08080A}.at-page-after[data-preview-style="signal"] .at-preview-nav i{color:#08080A}.at-page-after[data-preview-style="signal"] .at-preview-copy small{color:#6B3300}.at-page-after[data-preview-style="signal"] .at-preview-copy p,.at-page-after[data-preview-style="signal"] .at-preview-proof{color:#4C3A08}.at-page-after[data-preview-style="signal"] .at-preview-cta{background:#08080A;color:#fff}.at-page-after[data-preview-style="signal"] .at-preview-proof{border-color:rgba(0,0,0,.2)}
.at-page-after[data-preview-style="signal"] .at-preview-nav{height:16%;padding-inline:5%;border-bottom:3px solid #08080A}.at-page-after[data-preview-style="signal"] .at-preview-nav b{margin-right:0;font-size:1rem;text-transform:uppercase}.at-page-after[data-preview-style="signal"] .at-preview-nav span:first-of-type{margin-left:auto}.at-page-after[data-preview-style="signal"] .at-preview-nav i{border:2px solid currentColor;border-radius:0;font-weight:900}.at-page-after[data-preview-style="signal"] .at-preview-copy{height:68%;padding:5% 5% 13%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(90px,.75fr);grid-template-rows:auto 1fr auto;column-gap:6%;align-items:end}.at-page-after[data-preview-style="signal"] .at-preview-copy small{grid-column:1/-1;align-self:start;font-weight:950}.at-page-after[data-preview-style="signal"] .at-preview-copy b{grid-column:1;grid-row:2/4;align-self:center;max-width:8ch;margin:0;font-size:clamp(2.4rem,6vw,6.5rem);line-height:.76;letter-spacing:-.075em;text-transform:uppercase}.at-page-after[data-preview-style="signal"] .at-preview-copy p{grid-column:2;grid-row:2;margin:0;padding-left:10%;border-left:3px solid #08080A;font-weight:700}.at-page-after[data-preview-style="signal"] .at-preview-cta{grid-column:2;grid-row:3;margin:8% 0 0;padding:11px 9px;font-weight:900}.at-page-after[data-preview-style="signal"] .at-preview-proof{left:auto;right:5%;bottom:3%;width:34%;display:grid;gap:2px;padding:0 0 0 9px;border-top:0;border-left:3px solid #08080A;font-weight:800}
.at-reveal-line{position:absolute;z-index:5;left:var(--reveal);top:0;bottom:0;width:2px;background:var(--at-orange);translate:-50% 0;pointer-events:none;box-shadow:0 0 22px rgba(255,106,50,.48)}
.at-reveal-line>span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;translate:-50% -50%;background:var(--at-orange);color:#08080A;box-shadow:0 10px 35px rgba(0,0,0,.36)}.at-reveal-line .spark-mark{width:20px}
.at-reveal-control{position:absolute;z-index:6;inset:0}.at-reveal-control input{width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.at-reveal-control:focus-within{outline:3px solid var(--at-focus);outline-offset:-4px}
.at-side-label{position:absolute;z-index:4;top:17px;padding:5px 8px;font-size:.55rem;font-weight:900;letter-spacing:.12em}.at-side-label-before{right:16px;background:rgba(255,255,255,.8);color:#595857}.at-side-label-after{left:16px;background:var(--at-orange);color:#08080A}
.at-machine-foot{display:grid;grid-template-columns:auto minmax(160px,1fr);gap:18px;align-items:center;border:1px solid rgba(23,20,16,.2);border-top:0;padding:12px;background:#F4EEE6}
.at-style-switch{display:flex;gap:4px}.at-style-switch button{border:1px solid rgba(23,20,16,.2);background:transparent;color:#5F5851;padding:7px 9px;font-size:.62rem;cursor:pointer}.at-style-switch button b{color:#756D65;margin-right:3px}.at-style-switch button:hover{color:var(--at-ink);border-color:var(--at-ink)}.at-style-switch button.is-active{border-color:#6F9FA1;color:var(--at-ink);background:rgba(156,191,192,.34)}.at-style-switch button:focus-visible{outline:3px solid var(--at-focus);outline-offset:2px}
.at-machine-foot>p{font-size:.66rem;line-height:1.4;color:#5F5851}.at-build-note{position:absolute;z-index:10;left:50%;bottom:82px;translate:-50% 0;background:var(--at-orange);color:#09090B;padding:9px 13px;font-size:.72rem;box-shadow:0 10px 35px rgba(0,0,0,.24)}
.at-brief.is-building .at-proof-machine .at-page-after{filter:blur(10px);opacity:.25}

.at-marquee{overflow:hidden;border-top:1px solid rgba(23,20,16,.18);border-bottom:1px solid rgba(23,20,16,.18);background:var(--at-ink);color:var(--at-ivory);white-space:nowrap}
.at-marquee>div{width:max-content;padding:13px 0;font-family:var(--font-display);font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:800;letter-spacing:.06em;animation:at-marquee 28s linear infinite}.at-marquee span{display:inline-block;margin:0 20px}
@keyframes at-marquee{to{transform:translateX(-50%)}}

/* shared light sections */
.at-choice,.at-process,.at-promise{color:var(--at-ink);background:var(--at-ivory)}
.at-choice{padding:clamp(90px,12vw,170px) 0}
.at-section-title{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);gap:clamp(28px,6vw,100px);align-items:end;margin-bottom:clamp(45px,7vw,90px)}
.at-section-title>span{align-self:start;color:#9D3B18;font-size:.68rem;font-weight:850;letter-spacing:.15em}.at-section-title h2{font-size:clamp(3rem,6vw,6.6rem);line-height:.89;letter-spacing:-.065em}.at-section-title>p{max-width:46ch;color:#625D57;font-size:1rem;line-height:1.55}
.at-section-title-dark{color:#fff}.at-section-title-dark>span{color:var(--at-orange)}.at-section-title-dark>p{color:#C5C1C9}
.at-doors{display:grid;grid-template-columns:1fr 1fr;border:1px solid #CFC7BD}
.at-door{position:relative;min-height:520px;padding:clamp(26px,4vw,54px);display:flex;flex-direction:column;overflow:hidden;color:#111;transition:transform .35s,box-shadow .35s}
.at-door+.at-door{border-left:1px solid rgba(0,0,0,.22)}.at-door:hover{z-index:2;transform:translateY(-8px);box-shadow:0 28px 60px rgba(0,0,0,.16)}
.at-door-atelier{background:#EBCDBB}.at-door-audit{background:#C8DADB}
.at-door-no{font-size:.67rem;font-weight:850;letter-spacing:.14em}.at-door-symbol{margin-top:auto;font-family:var(--font-display);font-size:clamp(5rem,10vw,10rem);line-height:.75;transition:transform .45s}.at-door:hover .at-door-symbol{transform:rotate(12deg) scale(1.08)}
.at-door h3{margin-top:36px;font-size:clamp(2.5rem,5vw,5.3rem);line-height:.88;letter-spacing:-.06em}.at-door p{max-width:38ch;margin-top:18px;font-size:1rem;line-height:1.5;color:rgba(0,0,0,.67)}
.at-door strong{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:16px;border-top:1px solid rgba(0,0,0,.28);font-size:.82rem}.at-door strong span{font-size:1.4rem}
.at-service-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid #CFC7BD}.at-service-links a{position:relative;min-height:138px;padding:18px;color:var(--at-ink);background:#F1E9DF;border-right:1px solid #CFC7BD;transition:background .2s,transform .2s}.at-service-links a:last-child{border-right:0}.at-service-links a:hover{background:var(--at-yellow);transform:translateY(-3px)}.at-service-links span{display:block;color:var(--at-orange-ink);font-size:.6rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.at-service-links strong{display:block;max-width:12ch;margin-top:17px;font-size:1.18rem;line-height:1.02}.at-service-links i{position:absolute;right:17px;bottom:14px;font-style:normal;font-size:1.15rem;color:var(--at-orange-ink)}
.atelier-home :focus-visible{outline:3px solid #146B76;outline-offset:4px}

/* Audit intake: the pale-blue door opens into the real Jiskrou CRM queue. */
.at-audit{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);margin-top:clamp(30px,5vw,64px);scroll-margin-top:92px;overflow:hidden;border:1px solid #9FADAA;background:#D8E5E2;box-shadow:0 30px 90px rgba(46,58,54,.13)}
.at-audit::before{content:"AUDIT";position:absolute;z-index:-1;left:-.04em;bottom:-.24em;color:rgba(19,31,29,.045);font-family:var(--font-display);font-size:clamp(8rem,20vw,19rem);font-weight:800;letter-spacing:-.08em;line-height:1;pointer-events:none}
.at-audit-copy{padding:clamp(30px,5vw,68px);border-right:1px solid rgba(18,33,31,.24)}
.at-audit-kicker{display:flex;align-items:center;gap:10px;color:#315D5C;font-size:.65rem;font-weight:900;letter-spacing:.14em}.at-audit-kicker i{width:7px;height:7px;border-radius:50%;background:#315D5C;box-shadow:0 0 0 6px rgba(49,93,92,.12)}
.at-audit-copy h3{max-width:8ch;margin-top:clamp(34px,6vw,76px);font-size:clamp(3.2rem,6.4vw,7.2rem);line-height:.82;letter-spacing:-.075em}.at-audit-copy h3 em{color:#315D5C;font-style:normal}
.at-audit-copy>p{max-width:46ch;margin-top:28px;color:#425654;font-size:.96rem;line-height:1.62}
.at-audit-scope{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.at-audit-scope span{border:1px solid rgba(20,45,42,.23);background:rgba(255,255,255,.26);padding:6px 8px;color:#314543;font-size:.61rem;font-weight:800;letter-spacing:.035em}
.at-audit-truth{display:grid;grid-template-columns:auto 1fr;gap:15px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(20,45,42,.25)}.at-audit-truth span{height:max-content;background:#17201F;color:#F7F1E8;padding:5px 7px;font-size:.6rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.at-audit-truth p{max-width:38ch;color:#4A5D5A;font-size:.75rem;line-height:1.5}
.at-audit-console{align-self:stretch;margin:clamp(14px,2.4vw,32px);border:1px solid rgba(16,31,29,.48);background:#F7F5EF;box-shadow:12px 12px 0 rgba(23,32,31,.1);transition:transform .35s,box-shadow .35s}
.at-audit-console:focus-within{transform:translate(-3px,-3px);box-shadow:15px 15px 0 rgba(23,32,31,.13)}
.at-audit-console-head{min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 14px;background:#17201F;color:#E7ECE8;font-size:.58rem;letter-spacing:.11em}.at-audit-console-head>span{display:flex;gap:5px}.at-audit-console-head>span i{width:6px;height:6px;border-radius:50%;background:#62706E}.at-audit-console-head>span i:first-child{background:#DE603A}.at-audit-console-head b{text-align:center}.at-audit-console-head em{color:#9CBFC0;font-style:normal;font-weight:900}
.at-audit-radar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(20,34,31,.24);background:#E8EFEB}.at-audit-radar>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:0;padding:10px;border-right:1px solid rgba(20,34,31,.12);border-bottom:1px solid rgba(20,34,31,.12);font-size:.54rem}.at-audit-radar>span:nth-child(3n){border-right:0}.at-audit-radar>span:nth-last-child(-n+3){border-bottom:0}.at-audit-radar b{color:#445956}.at-audit-radar em{color:#344844;font-style:normal;font-weight:900;letter-spacing:.06em}.at-audit-radar i{position:relative;height:3px;overflow:hidden;background:#C9D3CF}.at-audit-radar i::after{content:"";position:absolute;inset:0;background:#315D5C;transform:scaleX(0);transform-origin:left;transition:transform .4s ease calc(var(--audit-delay) * 55ms)}
.at-audit-console.is-scanning .at-audit-radar i::after,.at-audit-console.is-complete .at-audit-radar i::after{transform:scaleX(1)}.at-audit-console.is-scanning .at-audit-console-head em{animation:at-audit-blink .8s steps(2,end) infinite}.at-audit-console.is-complete .at-audit-console-head em{color:#D8E5E2}
@keyframes at-audit-blink{50%{opacity:.35}}
.at-audit-form{padding:clamp(22px,3.5vw,42px)}.at-audit-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.at-audit-field{display:block;min-width:0}.at-audit-field-wide{grid-column:1/-1}.at-audit-field>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#40514E;font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.at-audit-field small{color:#4D5E5A;font:inherit;font-weight:700;text-transform:none;letter-spacing:0}
.at-audit-field input,.at-audit-field textarea{width:100%;border:0;border-bottom:1px solid #71807C;border-radius:0;background:transparent;color:#17201F;padding:10px 0;font:inherit;font-size:1rem;outline:0;resize:vertical}.at-audit-field input::placeholder,.at-audit-field textarea::placeholder{color:#606D69}.at-audit-field input:focus,.at-audit-field textarea:focus{border-color:#17201F;box-shadow:0 2px 0 #17201F}.at-audit-field input:invalid:not(:placeholder-shown){border-color:#9D3B18}
.at-audit-submit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;border:0;background:#17201F;color:#F7F1E8;padding:15px 17px;font:inherit;font-size:.77rem;font-weight:900;cursor:pointer;transition:background .2s,color .2s}.at-audit-submit b{font-size:1.25rem}.at-audit-submit:hover{background:#DE603A;color:#17201F}.at-audit-submit:disabled{cursor:wait;opacity:.68}
.at-audit-legal{margin-top:14px;color:#586562;font-size:.66rem;line-height:1.48}.at-audit-legal a{text-decoration:underline;text-underline-offset:2px}.at-audit-message{min-height:1.2em;margin-top:11px;color:#9D3B18;font-size:.74rem;font-weight:800}.at-audit-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.at-audit-success{min-height:370px;padding:clamp(30px,5vw,62px);align-content:center}.at-audit-success:not([hidden]){display:grid}.at-audit-success>span{color:#315D5C;font-size:.63rem;font-weight:900;letter-spacing:.15em}.at-audit-success h4{margin-top:24px;font-size:clamp(3rem,5vw,5.6rem);line-height:.84;letter-spacing:-.07em}.at-audit-success p{max-width:43ch;margin-top:24px;color:#51605D;line-height:1.55}.at-audit-success button{width:max-content;margin-top:30px;border:0;border-bottom:1px solid #17201F;background:transparent;padding:0 0 5px;color:#17201F;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}

/* scroll process */
.at-process{padding:clamp(95px,13vw,180px) 0}
.at-process-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(44px,8vw,120px);align-items:start}
.at-process-sticky{position:sticky;top:104px;border:1px solid #CFC8BE;background:#fff;box-shadow:0 24px 60px rgba(42,32,18,.12);transition:transform .45s}
.at-process-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #DAD4CC;background:#EEE9E2}.at-process-bar i{width:7px;height:7px;border-radius:50%;background:#C4BEB5}.at-process-bar i:first-child{background:var(--at-orange)}.at-process-bar span{margin-left:auto;margin-right:auto;color:#5A544C;font-size:.63rem}
.at-process-canvas{position:relative;min-height:500px;overflow:hidden;padding:11% 10%;background:#F9F6F0}.at-process-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:36px 36px}
.at-sketch{position:absolute;z-index:1;border:2px dashed #BBB4AA;transition:all .6s cubic-bezier(.16,1,.3,1)}.at-sketch-1{left:8%;top:14%;width:45%;height:28%}.at-sketch-2{right:8%;top:14%;width:30%;height:28%}.at-sketch-3{left:8%;right:8%;bottom:10%;height:26%}
.at-process-logo,.at-process-headline,.at-process-copy,.at-process-button,.at-process-price{position:relative;z-index:2;opacity:0;translate:0 14px;transition:opacity .5s,translate .5s}
.at-process-logo{font-size:.72rem;font-weight:900;letter-spacing:.08em}.at-process-headline{max-width:11ch;margin-top:16%;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5.5rem);font-weight:700;line-height:.84;letter-spacing:-.065em}.at-process-copy{display:grid;gap:7px;margin-top:6%;width:54%}.at-process-copy i{height:7px;background:#C2BAB0}.at-process-copy i:nth-child(2){width:88%}.at-process-copy i:nth-child(3){width:62%}.at-process-button{display:inline-block;margin-top:7%;background:var(--at-orange);padding:10px 14px;font-size:.68rem;font-weight:850}.at-process-price{position:absolute;right:8%;bottom:8%;font-size:.66rem;font-weight:800;color:#716A61}
.at-process-sticky[data-stage="1"] .at-sketch-1{left:8%;top:11%;width:84%;height:14%;border-style:solid;border-color:#D4CEC5}.at-process-sticky[data-stage="1"] .at-sketch-2{right:8%;top:31%;width:84%;height:30%;border-style:solid;border-color:#D4CEC5}.at-process-sticky[data-stage="1"] .at-sketch-3{height:20%;border-style:solid;border-color:#D4CEC5}
.at-process-sticky[data-stage="2"] .at-sketch,.at-process-sticky[data-stage="3"] .at-sketch{opacity:0;scale:.95}.at-process-sticky[data-stage="2"] .at-process-logo,.at-process-sticky[data-stage="2"] .at-process-headline,.at-process-sticky[data-stage="2"] .at-process-copy,.at-process-sticky[data-stage="3"] .at-process-logo,.at-process-sticky[data-stage="3"] .at-process-headline,.at-process-sticky[data-stage="3"] .at-process-copy,.at-process-sticky[data-stage="3"] .at-process-button,.at-process-sticky[data-stage="3"] .at-process-price{opacity:1;translate:0 0}
.at-process-sticky[data-stage="2"] .at-process-headline{color:#151416}.at-process-sticky[data-stage="3"]{transform:rotate(-.35deg)}.at-process-sticky[data-stage="3"] .at-process-canvas{background:linear-gradient(135deg,#FFF7E8,#F3E5D2)}
.at-process-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 17px;border-top:1px solid #DAD4CC;font-size:.68rem}.at-process-caption span{color:#9D3B18;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.at-process-caption b{text-align:right}
.at-process-list{list-style:none;margin:0;padding:0}.at-process-list li{display:grid;grid-template-columns:50px 1fr;gap:20px;min-height:46vh;padding:32px 0;border-top:1px solid #D1C9BF;opacity:.42;transition:opacity .3s}.at-process-list li:last-child{border-bottom:1px solid #D1C9BF}.at-process-list li.is-active{opacity:1}.at-process-list>li>span{font-size:.75rem;font-weight:850;color:#9D3B18}.at-process-list small{font-size:.65rem;font-weight:850;letter-spacing:.14em;color:#5A544C}.at-process-list h3{margin-top:12px;font-size:clamp(2rem,3.6vw,4rem);line-height:.94}.at-process-list p{max-width:36ch;margin-top:14px;color:#625D57;font-size:.96rem;line-height:1.55}

/* City portal: lightweight echo of the WebGL experience */
.at-city{position:relative;min-height:880px;overflow:hidden;background:linear-gradient(#080910 0,#10142A 54%,#06070A 54%);color:#fff;padding:clamp(80px,10vw,140px) 0 70px}
.at-city::after{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));pointer-events:none}
.at-city-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.at-city-moon{position:absolute;right:11%;top:9%;width:90px;height:90px;border-radius:50%;background:var(--at-yellow);box-shadow:0 0 80px rgba(255,176,32,.22)}
.at-city-tower{position:absolute;bottom:142px;border:1px solid rgba(54,194,255,.42);background:linear-gradient(90deg,rgba(54,194,255,.06),rgba(255,106,50,.05)),#0A0C14;box-shadow:0 0 40px rgba(54,194,255,.05);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}
.at-city-tower i{display:block;background:rgba(255,176,32,.72);box-shadow:0 0 14px rgba(255,176,32,.3)}
.at-city-tower i:nth-child(3n){background:rgba(54,194,255,.4)}
.at-city-tower-1{left:3%;width:12%;height:34%}.at-city-tower-2{left:19%;width:15%;height:48%}.at-city-tower-3{right:20%;width:14%;height:39%}.at-city-tower-4{right:3%;width:12%;height:55%}
.at-city-studio{position:absolute;left:50%;bottom:142px;width:24%;height:31%;translate:-50% 0;border:1px solid rgba(255,106,50,.7);background:linear-gradient(155deg,rgba(255,106,50,.18),transparent 55%),#111117;display:grid;place-items:center;align-content:center;gap:10px;box-shadow:0 0 70px rgba(255,106,50,.13)}.at-city-studio span{font-size:4.5rem;color:var(--at-orange);filter:drop-shadow(0 0 22px rgba(255,106,50,.55))}.at-city-studio b{font-size:.72rem;letter-spacing:.18em}
.at-city-road{position:absolute;left:-10%;right:-10%;bottom:58px;height:86px;background:#08080A;border-top:1px solid #2B2D35;transform:perspective(350px) rotateX(46deg)}.at-city-road::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--at-yellow) 0 38px,transparent 38px 70px)}
.at-city-car{position:absolute;z-index:2;bottom:93px;left:10%;width:70px;height:24px;border-radius:5px 13px 4px 4px;background:var(--at-orange);box-shadow:0 0 24px rgba(255,106,50,.5);animation:at-drive 13s linear infinite}.at-city-car::before{content:"";position:absolute;left:18px;top:-11px;width:34px;height:14px;background:#222838;clip-path:polygon(20% 0,85% 0,100% 100%,0 100%)}.at-city-car i{position:absolute;bottom:-6px;width:13px;height:13px;border-radius:50%;background:#030304;border:2px solid #85858B}.at-city-car i:first-child{left:9px}.at-city-car i:last-child{right:9px}
@keyframes at-drive{0%{left:-10%;transform:scale(.85)}50%{left:55%;transform:scale(1)}100%{left:110%;transform:scale(.85)}}
.at-city-content{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(40px,8vw,120px);align-items:start}.at-city-label{display:block;color:var(--at-blue);font-size:.68rem;font-weight:850;letter-spacing:.14em}.at-city h2{margin-top:20px;font-size:clamp(3.4rem,7vw,7.5rem);line-height:.86;letter-spacing:-.07em}.at-city h2 em{font-style:normal;color:var(--at-orange)}
.at-city-copy{padding-top:28px;border-top:1px solid rgba(255,255,255,.2)}.at-city-copy>p{max-width:43ch;color:#B5B3BC;line-height:1.6}.at-city-note{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:26px;padding:16px;border:1px solid rgba(255,176,32,.38);background:rgba(255,176,32,.08)}.at-city-note span{height:max-content;background:var(--at-yellow);color:#0A0A0C;padding:4px 7px;font-size:.61rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.at-city-note p{color:#D5D2D9;font-size:.8rem;line-height:1.45}
.at-city-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.at-city-primary{display:flex;justify-content:space-between;gap:30px;min-width:220px;background:var(--at-orange);color:#08080A;padding:13px 15px;font-weight:850}.at-city-primary:hover{background:var(--at-yellow)}.at-city-skip{font-size:.78rem;color:#B0ADB5;border-bottom:1px solid #56545C;padding-bottom:4px}.at-city-skip:hover{color:#fff}

/* real work */
.at-work{background:var(--at-black);color:#fff;padding:clamp(100px,14vw,190px) 0}
.at-work-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:clamp(35px,7vw,110px);align-items:end}.at-work-head .at-section-title{display:block;margin:0}.at-work-head .at-section-title h2{margin-top:20px}.at-work-head>p{padding-top:25px;border-top:1px solid rgba(255,255,255,.2);color:#AAA7AF;line-height:1.6}
.at-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:clamp(52px,8vw,90px)}
.at-project{--project-readable:color-mix(in srgb,var(--project) 52%,#fff);grid-column:span 4;position:relative;min-height:570px;padding:18px;border:1px solid rgba(255,255,255,.16);background:#111115;display:flex;flex-direction:column;color:#fff;transition:transform .3s,border-color .3s}.at-project:hover{transform:translateY(-7px);border-color:var(--project)}.at-project-featured{grid-column:span 8;grid-row:span 2}
.at-project-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;color:#C3BFC8}.at-project-top span{color:var(--project-readable);font-weight:850}
.at-project-visual{position:relative;min-height:240px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--project) 24%,#0C0C10),#070709);display:grid;place-items:center}.at-project-featured .at-project-visual{min-height:420px}.at-project-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(135deg,#000,transparent 76%)}
.at-project-visual i{position:absolute;border:1px solid color-mix(in srgb,var(--project) 62%,#fff);background:color-mix(in srgb,var(--project) 13%,transparent)}.at-project-visual i:nth-of-type(1){width:56%;height:48%;left:9%;top:11%}.at-project-visual i:nth-of-type(2){width:42%;height:55%;right:8%;bottom:9%}.at-project-visual i:nth-of-type(3){width:18%;aspect-ratio:1;border-radius:50%;right:17%;top:13%;background:var(--project);filter:blur(1px);box-shadow:0 0 45px color-mix(in srgb,var(--project) 42%,transparent)}
.at-project-visual b{position:relative;z-index:2;max-width:80%;font-family:var(--font-display);font-size:clamp(2rem,4vw,5rem);line-height:.86;letter-spacing:-.06em;text-align:center}.at-project-visual img{position:relative;z-index:3;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}.at-project-visual img+b{display:none}
.at-project-copy{padding:23px 4px 12px}.at-project-copy>span{font-size:.62rem;color:var(--project-readable);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.at-project-copy h3{margin-top:9px;font-size:clamp(1.7rem,2.4vw,2.7rem)}.at-project-copy p{margin-top:12px;color:#B8B5BD;font-size:.83rem;line-height:1.52}.at-project-copy small{display:block;margin-top:15px;color:#99959D;font-size:.64rem}.at-project-link{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:.69rem;color:#C3C0C7}
.at-work-more{margin-top:clamp(55px,8vw,90px);padding-top:32px;border-top:1px solid rgba(255,255,255,.18)}.at-work-more-head{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(280px,1fr);gap:24px;align-items:start}.at-work-more-head>span{color:var(--at-orange);font-size:.66rem;font-weight:850;letter-spacing:.14em}.at-work-more-head>p{max-width:56ch;color:#AAA7AF;font-size:.83rem;line-height:1.55}.at-work-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.at-project-mini{--project-readable:color-mix(in srgb,var(--project) 52%,#fff);display:grid;grid-template-columns:minmax(190px,.86fr) minmax(0,1.14fr);gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#111115;color:#fff;transition:transform .25s,border-color .25s}.at-project-mini:hover{transform:translateY(-4px);border-color:var(--project)}.at-project-mini-visual{min-width:0;background:#09090C}.at-project-mini-visual .port-prev{height:100%;min-height:210px;aspect-ratio:auto;border-radius:0}.at-project-mini-copy{display:flex;flex-direction:column;padding:22px}.at-project-mini-copy>span{color:var(--project-readable);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.at-project-mini-copy h3{margin-top:8px;font-size:clamp(1.35rem,2vw,1.9rem)}.at-project-mini-copy p{margin-top:11px;color:#B8B5BD;font-size:.75rem;line-height:1.48}.at-project-mini-copy small{display:block;margin-top:auto;padding-top:16px;color:#99959D;font-size:.61rem}

/* promise, newsletter, close */
.at-promise{padding:clamp(90px,12vw,165px) 0}.at-promise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,9vw,140px)}.at-promise h2{margin-top:22px;font-size:clamp(3.2rem,6vw,6.3rem);line-height:.89;letter-spacing:-.065em}.at-promise-points{border-top:1px solid #CCC4BA}.at-promise-points article{display:grid;grid-template-columns:42px 1fr;gap:8px 18px;padding:27px 0;border-bottom:1px solid #CCC4BA}.at-promise-points article>span{grid-row:1/3;color:#9D3B18;font-size:.68rem;font-weight:850}.at-promise-points h3{font-size:clamp(1.4rem,2vw,2rem)}.at-promise-points p{max-width:42ch;color:#625D57;font-size:.9rem;line-height:1.5}
.at-about{padding:clamp(90px,12vw,155px) 0;background:#E7DDD0;color:var(--at-ink)}.at-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(42px,10vw,170px);align-items:end}.at-about h2{margin-top:22px;font-size:clamp(3.1rem,6.4vw,7rem);line-height:.86;letter-spacing:-.07em}.at-about h2 em{font-style:normal;color:var(--at-orange-ink)}.at-about-copy{padding-top:24px;border-top:1px solid rgba(23,20,16,.28)}.at-about-mark{width:88px;margin:0 0 18px}.at-about-mark img{width:100%;height:auto}.at-about-copy p{max-width:42ch;color:#4E4842;line-height:1.58}.at-about-copy p+p{margin-top:14px}.at-about-copy a{display:inline-flex;gap:20px;margin-top:28px;border-bottom:1px solid var(--at-orange-ink);padding-bottom:6px;color:var(--at-ink);font-weight:850}.at-about-copy a span{color:var(--at-orange-ink);font-size:1.2em}
.at-news{background:#DCE8E5;color:#15201F;padding:clamp(80px,11vw,150px) 0}.at-news-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(45px,9vw,140px);align-items:end}.at-news-copy .at-index{color:#2C666B}.at-news-copy h2{margin-top:22px;font-size:clamp(3.4rem,7vw,7rem);line-height:.85;letter-spacing:-.07em}.at-news-copy p{max-width:42ch;margin-top:24px;color:#445957;line-height:1.55}
.at-news-panel{border:1px solid rgba(0,0,0,.35);background:rgba(255,255,255,.17);padding:clamp(22px,4vw,44px)}.at-news-form>label:first-child{display:block;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.at-news-row{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:10px;border-bottom:2px solid #071017}.at-news-row input{min-width:0;border:0;background:transparent;color:#071017;padding:14px 0;font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:600;outline:0}.at-news-row input::placeholder{color:rgba(0,0,0,.42)}.at-news-row button{border:0;background:#071017;color:#fff;padding:0 18px;font-weight:850;cursor:pointer}.at-news-row button:hover{background:var(--at-orange);color:#071017}.at-news-row button:disabled{opacity:.55}.at-news-consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:rgba(0,0,0,.66);font-size:.72rem;line-height:1.5}.at-news-consent input{margin-top:3px}.at-news-consent a{text-decoration:underline;text-underline-offset:2px}.at-news-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.at-news-msg{margin-top:12px;color:#6B1E05;font-size:.78rem;font-weight:700}.at-news-ok:focus{outline:3px solid #071017}.at-news-ok>span{font-size:.68rem;font-weight:850;letter-spacing:.14em}.at-news-ok h3{margin-top:14px;font-size:2rem}.at-news-ok p{margin-top:12px;color:rgba(0,0,0,.65)}
.news-consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:rgba(0,0,0,.66);font-size:.72rem;line-height:1.5}.news-consent input{margin-top:3px}.news-consent a{text-decoration:underline;text-underline-offset:2px}
.at-closing{background:var(--at-black);color:#fff;text-align:center;padding:clamp(110px,16vw,220px) 0}.at-closing-spark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 35px;border-radius:50%;background:var(--at-orange);color:#08080A;box-shadow:0 0 60px rgba(255,106,50,.28)}.at-closing-spark .spark-mark{width:34px}.at-closing h2{font-size:clamp(4rem,10vw,10rem);line-height:.8;letter-spacing:-.075em}.at-closing h2 em{font-style:normal;color:var(--at-orange)}.at-closing p{margin-top:28px;color:#AAA7AF}.at-closing>a{display:inline-flex;gap:35px;margin-top:32px;background:#fff;color:#09090B;padding:15px 18px;font-weight:850;min-width:240px;justify-content:space-between}.at-closing>a:hover{background:var(--at-orange)}
.at-footer{border-top:1px solid rgba(255,255,255,.14);background:var(--at-black);color:#fff;padding:50px 0 86px}.at-footer .at-brand{color:#fff}.at-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.at-footer-grid>div{display:flex;flex-direction:column;gap:8px}.at-footer-grid>div>span{color:#C5C1C9;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.at-footer-grid p,.at-footer-grid a:not(.at-brand){color:#D0CDD3;font-size:.78rem}.at-footer-grid a:hover{color:#fff}.at-footer .at-brand+p{margin-top:4px;color:#C5C1C9}
.at-mobile-cta{display:none}

/* responsive */
@media(max-width:1120px){
  .at-brief{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr)}
  .at-machine-foot{grid-template-columns:1fr}.at-machine-foot>p{display:none}
  .at-audit{grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr)}
  .at-project{grid-column:span 6}.at-project-featured{grid-column:span 12}.at-work-more-grid{grid-template-columns:1fr}
  .at-city{min-height:820px}.at-city-tower-1,.at-city-tower-4{display:none}.at-city-tower-2{left:5%}.at-city-tower-3{right:5%}.at-city-studio{width:35%}
}
@media(max-width:860px){
  .at-shell{width:min(100% - 28px,1380px)}.at-nav-links{display:none}.at-nav{height:64px}
  .at-title-row,.at-section-title,.at-work-head,.at-promise-grid,.at-about-grid,.at-news-grid,.at-city-content{grid-template-columns:1fr}
  .at-title-row{align-items:start}.at-title-note{max-width:480px}
  .at-brief{grid-template-columns:1fr}.at-brief-copy{border-right:0;border-bottom:1px solid rgba(23,20,16,.14)}
  .at-compare{height:min(72vw,560px)}
  .at-doors{grid-template-columns:1fr}.at-door+.at-door{border-left:0;border-top:1px solid rgba(0,0,0,.22)}.at-door{min-height:420px}.at-service-links{grid-template-columns:repeat(2,minmax(0,1fr))}.at-service-links a:nth-child(2){border-right:0}.at-service-links a:nth-child(n+3){border-top:1px solid #CFC7BD}
  .at-audit{grid-template-columns:1fr}.at-audit-copy{border-right:0;border-bottom:1px solid rgba(18,33,31,.24)}
  .at-process-layout{grid-template-columns:1fr}.at-process-sticky{position:relative;top:0}.at-process-list li{min-height:auto;padding:35px 0;opacity:1}
  .at-city-content{gap:30px}.at-city-copy{max-width:520px}.at-city{min-height:940px}.at-city-sky{top:260px}.at-city-studio{width:42%}
  .at-footer-grid{grid-template-columns:1fr 1fr}.at-footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:620px){
  .at-shell{width:min(100% - 22px,1380px)}.at-nav-cta{padding:9px 12px;font-size:.7rem}.at-brand{font-size:1.25rem}
  .at-hero{padding-top:40px}.at-kicker{font-size:.6rem}.at-title-row h1{font-size:clamp(3.7rem,17vw,5.6rem)}
  .at-title-row{padding-bottom:44px}.at-lab{width:100%;border-left:0;border-right:0}.at-lab-head{padding:0 13px}.at-lab-readout b{display:none}
  .at-brief-copy{padding:24px 18px}.at-industries label span{font-size:.66rem;padding:7px 8px}.at-primary{margin-top:24px}
  .at-proof-machine{padding:10px}.at-machine-bar{height:34px}.at-compare{height:106vw;max-height:520px;min-height:400px}.at-preview-nav span{display:none}.at-preview-copy{padding:14% 7%}.at-preview-copy b{font-size:clamp(2.4rem,12vw,4rem)}.at-preview-copy p{font-size:.72rem}.at-preview-proof{gap:10px;justify-content:space-between}.at-reveal-line>span{width:40px;height:40px}.at-side-label{top:10px}.at-machine-foot{padding:9px}.at-style-switch{display:grid;grid-template-columns:repeat(3,1fr)}.at-style-switch button{padding:8px 5px}.at-style-switch button b{display:none}
  .at-page-after[data-preview-style="signal"] .at-preview-copy{grid-template-columns:1fr;padding:8% 7% 18%}.at-page-after[data-preview-style="signal"] .at-preview-copy b{grid-column:1;grid-row:2;max-width:8ch}.at-page-after[data-preview-style="signal"] .at-preview-copy p{display:none}.at-page-after[data-preview-style="signal"] .at-preview-cta{grid-column:1;grid-row:3;width:max-content;margin-top:4%}.at-page-after[data-preview-style="signal"] .at-preview-proof{width:42%}
  .at-marquee>div{animation-duration:18s}
  .at-choice,.at-process,.at-work,.at-promise,.at-news{padding-block:88px}.at-section-title{margin-bottom:42px}.at-section-title h2,.at-promise h2{font-size:clamp(3rem,13vw,4.7rem)}.at-door{min-height:390px;padding:25px}.at-door-symbol{font-size:5rem}.at-door h3{font-size:3.1rem}
  .at-audit-copy{padding:30px 20px}.at-audit-copy h3{font-size:clamp(3.2rem,15vw,4.9rem)}.at-audit-truth{grid-template-columns:1fr}.at-audit-truth span{width:max-content}.at-audit-console{margin:10px;box-shadow:6px 6px 0 rgba(23,32,31,.1)}.at-audit-console-head b{font-size:.52rem}.at-audit-radar{grid-template-columns:repeat(2,minmax(0,1fr))}.at-audit-radar>span:nth-child(3n){border-right:1px solid rgba(20,34,31,.12)}.at-audit-radar>span:nth-child(2n){border-right:0}.at-audit-radar>span:nth-last-child(-n+3){border-bottom:1px solid rgba(20,34,31,.12)}.at-audit-radar>span:nth-last-child(-n+2){border-bottom:0}.at-audit-fields{grid-template-columns:1fr}.at-audit-field-wide{grid-column:auto}.at-audit-form{padding:24px 18px}.at-audit-success{min-height:430px;padding:34px 22px}
  .at-process-canvas{min-height:390px}.at-process-headline{font-size:2.9rem}.at-process-list li{grid-template-columns:34px 1fr}.at-process-list h3{font-size:2.25rem}
  .at-city{min-height:900px;padding-top:74px}.at-city h2{font-size:clamp(3.4rem,15vw,5.1rem)}.at-city-sky{top:330px}.at-city-tower-2{width:24%;height:36%}.at-city-tower-3{width:23%;height:31%}.at-city-studio{width:48%;height:27%}.at-city-moon{width:60px;height:60px}.at-city-note{grid-template-columns:1fr}.at-city-actions{align-items:flex-start;flex-direction:column}
  .at-work-grid{grid-template-columns:1fr}.at-project,.at-project-featured{grid-column:1;min-height:510px}.at-project-featured .at-project-visual,.at-project-visual{min-height:270px}.at-project-copy h3{font-size:2rem}.at-work-more-head{grid-template-columns:1fr}.at-project-mini{grid-template-columns:1fr}.at-project-mini-visual .port-prev{min-height:240px}
  .at-news-row{grid-template-columns:1fr}.at-news-row button{padding:13px}.at-news-panel{padding:22px 18px}.at-closing h2{font-size:clamp(3.8rem,17vw,6rem)}
  .at-footer-grid{grid-template-columns:1fr}.at-footer-grid>div:first-child{grid-column:auto}
  .at-mobile-cta{position:fixed;z-index:90;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;background:var(--at-orange);color:#09090B;padding:13px 15px;font-size:.8rem;font-weight:850;box-shadow:0 12px 40px rgba(0,0,0,.45);transition:opacity .2s,translate .2s}.at-mobile-cta.is-hidden{opacity:0;pointer-events:none;translate:0 12px}.at-mobile-cta b{font-size:1.2rem}
}

@media(prefers-reduced-motion:reduce){
  .atelier-home *,.atelier-home *::before,.atelier-home *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .at-hero-glow{display:none}.at-city-car{left:52%}.at-marquee>div{transform:none}
}

@media(forced-colors:active){
  .at-page-after{clip-path:none}.at-page-before,.at-reveal-line,.at-side-label-before{display:none}.at-industries input:checked+span{outline:3px solid CanvasText}.at-status-dot,.at-live{forced-color-adjust:none}
}