/* ============ Tokens (from Figma) ============ */
:root{
  --bg:#f1f3f1;
  --ink:#1c201e;
  --muted:#5f6562;
  --accent:#674ef9;
  --line:rgba(28,32,30,.14);
  --dark:#0a0d13;
  --dark-ink:#ecf0ec;
  --dark-muted:#8d9399;

  --pad:clamp(24px, 7.3vw, 140px);          /* 140px @1920 */
  --content-start:22.2%;                     /* 566px @1920 → left column ≈ 426px */
  --h-display:clamp(64px, 9.58vw, 184px);    /* 184px */
  --h-display-lh:.92;
  --h-display-ls:-.045em;
  --h2:clamp(40px, 4.17vw, 80px);            /* 80px */
  --h2-ls:-.035em;
  --label:clamp(16px, 1.25vw, 24px);         /* 24px */
  --header-h:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,ul,ol{margin:0;padding:0;font-weight:400}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%}
.muted{color:var(--muted)}
@media (max-width:1200px){br.d{display:none}}
.accent{color:var(--accent)}
.sprite{position:absolute}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{padding-inline:var(--pad);max-width:1920px;margin-inline:auto;position:relative}
/* Two-column section grid: label on the left, content from 566px */
.grid{display:grid;grid-template-columns:var(--content-start) 1fr;column-gap:0}
.grid > .col{grid-column:2}
.label{font-size:var(--label);line-height:20px;grid-column:1;padding-top:112px}
.section{border-top:1px solid var(--line);position:relative}
.h2{font-size:var(--h2);line-height:1;letter-spacing:var(--h2-ls)}
.h2-top{padding-top:100px}

/* Icons */
.ico{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ico-sm{width:16px;height:16px}

/* Text link with underline + arrow */
.tlink{display:inline-flex;align-items:center;gap:4px;border-bottom:1px solid currentColor;padding-bottom:4px;line-height:20px;transition:opacity .2s}
.tlink:hover{opacity:.7}
.tlink .ico{transition:transform .2s}
.tlink:hover .ico{transform:translate(2px,-2px)}

/* Round CTA */
.cta{display:inline-flex;align-items:center;gap:26px;font-size:20px;line-height:24px}
.cta .circle{width:80px;height:80px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s}
.cta:hover .circle{background:var(--ink);color:var(--bg)}

/* Image slot: shows the asset when present, keeps a soft fallback otherwise */
.slot{position:relative;overflow:hidden}
.slot > img{width:100%;height:100%;object-fit:cover}
.hero-sculpture:has(img){background:none}
.hero-sculpture img{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%)}
.member .photo:has(img) span{display:none}

/* ============ Header ============ */
.header{position:sticky;top:0;z-index:50;height:var(--header-h);background:rgba(241,243,241,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid var(--line)}
.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{display:inline-flex;align-items:center;line-height:0;color:var(--ink)}
.logo-svg{height:23px;width:auto;aspect-ratio:2015.25/293.19;display:block}
.nav{display:flex;gap:38px;font-size:16px;line-height:20px}
.nav a{position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after{transform:scaleX(1)}
.burger{display:none;width:44px;height:44px;margin-right:-7px;place-items:center}
.burger svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}

/* ============ Mobile menu (Figma: TURING DESK - Mobile Menú) ============ */
.menu{position:fixed;inset:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column;padding:0 24px 48px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility 0s .3s;overflow-y:auto}
.menu.open{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s}
.menu-top{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;flex:none}
.menu-top .logo{color:#fff}
.menu-close{width:44px;height:44px;margin-right:-7px;display:grid;place-items:center}
.menu-close svg{width:24px;height:24px;stroke:#fff;stroke-width:1.5;fill:none}
.menu-links{margin-top:24px}
.menu-links a{display:block;font-size:36px;line-height:1.2;padding:16px 0 14px;border-bottom:1px solid rgba(255,255,255,.35)}
.menu-cta{margin-top:auto;padding-top:64px}
.pill{display:flex;align-items:center;justify-content:center;gap:16px;height:49px;border:1px solid #fff;border-radius:32px;font-size:16px;line-height:24px;transition:background .2s,color .2s}
.pill:hover{background:#fff;color:#000}
.menu .menu-links a{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.menu.open .menu-links a{opacity:1;transform:none}
.menu.open .menu-links li:nth-child(2) a{transition-delay:.04s}
.menu.open .menu-links li:nth-child(3) a{transition-delay:.08s}
.menu.open .menu-links li:nth-child(4) a{transition-delay:.12s}
.menu.open .menu-links li:nth-child(5) a{transition-delay:.16s}
body.no-scroll{overflow:hidden}

/* ============ Hero ============ */
.hero{position:relative;overflow:hidden}
.hero .wrap{display:flex;flex-direction:column;padding-top:clamp(40px,7.9vw,151px);padding-bottom:clamp(40px,3vw,60px)}
.hero-glow{position:absolute;left:41.8%;top:52%;translate:-50% -50%;width:52.9%;z-index:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(103,78,249,.6) 0%,rgba(140,125,250,.38) 34%,rgba(200,196,248,.18) 52%,rgba(241,243,241,0) 66%);pointer-events:none;animation:float 14s ease-in-out infinite}
.hero-intro{font-size:var(--label);line-height:1.2;position:relative;margin-top:clamp(0px,1.7vw,32px)}
.hero-meta{font-size:16px;line-height:19.25px;margin-top:12px;position:relative}
.hero-title{position:relative;margin-top:clamp(40px,4.2vw,82px);padding-top:0;font-size:var(--h-display);line-height:var(--h-display-lh);letter-spacing:var(--h-display-ls)}
.hero-title .ht{position:relative;z-index:1;display:block}
.hero-title .line2{display:inline-block;padding-left:.09em}
.hero-title sup{font-size:.35em;letter-spacing:-.02em;color:var(--accent);vertical-align:top;position:relative;top:.45em;margin-left:.4em;line-height:1}
.hero-sculpture{position:absolute;left:38.5%;top:46%;translate:0 -50%;width:70.8%;z-index:0;aspect-ratio:1.61;overflow:visible;mix-blend-mode:multiply;opacity:.85;pointer-events:none;
  background:radial-gradient(ellipse 45% 42% at 40% 50%,#d7d9dc 0%,#b9bcc1 45%,rgba(241,243,241,0) 72%)}
.hero-sculpture img{width:100%;height:100%;object-fit:fill;filter:brightness(1.045) contrast(1.06)}
.hero-bottom{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:clamp(64px,7.8vw,150px)}
.hero-copy{max-width:420px;font-size:16px;line-height:26px}
.hero-copy p{color:var(--muted)}
.hero-copy p strong{color:var(--ink);font-weight:400}
.hero-copy .tlink{margin-top:34px;color:var(--accent);font-size:20px}

/* ============ Section 1 — When we help ============ */
.s-help .col{padding-top:100px;padding-bottom:160px}
.s-help .sub{font-size:clamp(24px,1.875vw,36px);line-height:1.1;color:var(--accent);margin-top:60px}
.numlist{margin-top:24px;border-top:1px solid var(--line)}
.numlist li{display:flex;align-items:center;gap:25px;min-height:73px;border-bottom:1px solid var(--line);padding:12px 0}
.numlist .n{width:31px;flex:none;font-size:16px;line-height:16px;color:var(--muted)}
.numlist .t{font-size:clamp(18px,1.25vw,24px);line-height:32px}
.s-help .note{max-width:626px;margin-top:52px;font-size:20px;line-height:26px;color:var(--muted)}

/* ============ Section 2 — Predictable (dark) ============ */
.s-premise{position:relative;height:890px;background:linear-gradient(180deg,#030305 0%,#07080d 55%,#030305 100%);color:var(--dark-ink);text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 var(--pad)}
.s-premise .kicker{font-size:var(--label);line-height:20px;color:var(--dark-muted);position:relative}
.s-premise .art{position:absolute;left:50%;top:50%;width:min(1087px,95%);aspect-ratio:1087/619;transform:translate(-50%,-50%);pointer-events:none}
.s-premise .art::before{content:"";position:absolute;inset:6% 20% 11% 6.5%;border-radius:50%;background:radial-gradient(closest-side,rgba(103,78,249,.45),rgba(103,78,249,0));filter:blur(20px)}
.s-premise .art img{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 45%,transparent 100%);position:absolute;left:8.5%;top:13.7%;width:72.5%;height:72.5%;object-fit:contain;mix-blend-mode:screen;opacity:.85}
.s-premise h2{position:relative;font-size:var(--h-display);line-height:var(--h-display-lh);letter-spacing:var(--h-display-ls);margin-top:clamp(60px,8vw,154px);background:linear-gradient(180deg,#ffffff 0%,#c9ccd4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-premise .lead{position:relative;font-size:20px;line-height:26px;color:var(--dark-muted);margin-top:clamp(40px,6vw,117px)}
.s-premise .tlink{position:relative;margin-top:63px;font-size:20px;color:var(--dark-ink)}

/* ============ Section 3 — Why TuringDesk ============ */
.s-why{padding-bottom:110px;overflow:hidden}
.s-why .cards-wrap{position:relative;margin-top:72px}
.s-why .cards-glow{position:absolute;left:8%;right:8%;top:14%;bottom:14%;pointer-events:none;opacity:.85;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(88,62,240,.8) 0%,rgba(110,90,245,.62) 50%,rgba(135,120,248,.38) 78%,rgba(241,243,241,0) 100%);filter:blur(28px)}
.cards{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,58px)}
.card{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 4px 16px rgba(103,78,249,.08);padding:42px 24px 36px;min-height:402px}
.card .num{font-size:48px;font-weight:300;line-height:1}
.card h3{font-size:24px;line-height:32px;letter-spacing:-.6px;margin-top:32px}
.card p{font-size:16px;line-height:22.75px;color:var(--muted);margin-top:14px}

/* ============ Section 4 — What we do ============ */
.s-what .col{padding-top:100px;padding-bottom:110px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:70px}
.steps li{border-top:1px solid var(--ink);padding-top:22px}
.steps .n{font-size:12px;line-height:16px;color:var(--muted)}
.steps .t{font-size:18px;line-height:24.75px;margin-top:16px}
.result{font-size:18px;line-height:28px;margin-top:72px;max-width:640px}
.services-title{font-size:24px;line-height:20px;color:var(--accent);margin-top:112px}
.services{margin-top:16px;border-top:1px solid var(--line)}
.services a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:89px;border-bottom:1px solid var(--line);font-size:clamp(24px,1.875vw,36px);line-height:40px;letter-spacing:-.025em;transition:color .2s,padding .25s}
.services a:hover{color:var(--accent);padding-left:8px}
.services a .ico{transition:transform .25s}
.services a:hover .ico{transform:translate(3px,-3px)}

/* ============ Section 5 — Audit. Fix. Operate. (dark) ============ */
.s-way{position:relative;background:var(--dark);color:var(--dark-ink);min-height:936px;overflow:hidden}
.s-way .photo{position:absolute;top:0;bottom:0;left:50%;right:0;background:radial-gradient(ellipse 60% 50% at 60% 55%,#2a2440 0%,#141826 60%,#0a0d13 100%)}
.s-way .photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;animation:drift 24s ease-in-out infinite alternate}
.s-way .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0d13 0%,rgba(10,13,19,.25) 50%,rgba(10,13,19,0) 100%)}
.s-way .tint{position:absolute;inset:2px 0 0 0;mix-blend-mode:color;background:linear-gradient(246deg,rgba(27,36,64,0) 4%,#1b2440 56%,#000 108%);pointer-events:none}
.s-way .wrap{position:relative;min-height:936px;display:flex;flex-direction:column;padding-top:112px;padding-bottom:110px}
.s-way .label{padding:0;color:var(--dark-muted)}
.s-way .way-title{font-size:clamp(64px,5.87vw,112.7px);line-height:1;letter-spacing:-.035em;margin-top:auto}
.s-way p{max-width:454px;font-size:20px;line-height:26px;color:var(--dark-muted);margin-top:auto;padding-top:60px}

/* ============ Section 6 — Team ============ */
.s-team{padding-bottom:110px}
.intro-lead{font-size:clamp(20px,1.67vw,32px);line-height:1.3;letter-spacing:-.01em;max-width:820px;margin-top:32px}
.team{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.33vw,64px);margin-top:72px}
.member .photo{aspect-ratio:788/591;background:linear-gradient(160deg,#b9bcbd,#8f9395);display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:56px;letter-spacing:-.02em}
.member .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.member h3{font-size:30px;line-height:36px;letter-spacing:-.75px;margin-top:32px}
.member .role{font-size:16px;line-height:20px;color:var(--accent);margin-top:8px}
.member .tags{font-size:16px;line-height:20px;color:var(--muted);margin-top:24px;max-width:536px}
.member .bio{font-size:16px;line-height:26px;margin-top:12px;max-width:570px}
.member .tlink{margin-top:20px;font-size:16px}

/* ============ Section 7 — Get in touch ============ */
.s-contact{position:relative;overflow:hidden;min-height:792px}
.s-contact .g1{position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 100% 100%,rgba(208,225,235,1) 0%,rgba(203,210,220,1) 30%,rgba(203,210,220,0) 62%)}
.s-contact .g2{position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 0% 0%,rgba(180,169,238,1) 0%,rgba(203,210,220,1) 30%,rgba(203,210,220,0) 60%)}
.s-contact .blob{position:absolute;left:9.4%;top:21%;width:min(617px,40vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#f6f7f6 0%,rgba(241,243,241,.85) 45%,rgba(241,243,241,0) 100%);animation:float 16s ease-in-out infinite;pointer-events:none}
.s-contact .wrap{position:relative;padding-top:112px;padding-bottom:110px}
.s-contact .label{padding:0;font-size:20px}
.s-contact .contact-title{font-size:var(--h-display);line-height:var(--h-display-lh);letter-spacing:var(--h-display-ls);margin-top:80px}
.contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:64px}
.contact-row p{max-width:440px;font-size:20px;line-height:26px}

/* ============ Footer ============ */
.footer{border-top:1px solid var(--line)}
.footer .wrap{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;line-height:16px;padding-block:20px}
.footer .muted{text-align:right}


/* ============ Service pages ============ */
.svc-hero{position:relative;overflow:hidden}
.svc-hero .wrap{display:flex;flex-direction:column;padding-top:clamp(40px,5.2vw,100px);padding-bottom:clamp(48px,4.2vw,80px)}
.crumbs{display:flex;gap:10px;font-size:16px;line-height:20px;color:var(--muted)}
.crumbs a{color:var(--ink);border-bottom:1px solid currentColor}
.crumbs a:hover{color:var(--accent)}
.svc-title{position:relative;margin-top:clamp(56px,6.25vw,120px);max-width:15ch;font-size:clamp(48px,6.25vw,120px);line-height:.98;letter-spacing:-.04em}
.svc-title .ht{position:relative;z-index:1;display:block}
.svc-glow{position:absolute;left:38%;top:50%;translate:-50% -50%;width:min(780px,60vw);aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(103,78,249,.55) 0%,rgba(140,125,250,.34) 34%,rgba(200,196,248,.16) 52%,rgba(241,243,241,0) 66%);animation:float 14s ease-in-out infinite}
.svc-hero-bottom{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:clamp(56px,6.25vw,120px)}
.svc-hero-lead{max-width:520px;font-size:20px;line-height:28px;color:var(--muted)}
.svc-what-is .col,.svc-what-we-do .col{padding-top:100px}
.svc-what-is .col{padding-bottom:120px}
.svc-pov{max-width:820px;margin-top:24px;font-size:20px;line-height:28px;color:var(--muted)}
.svc-sub{font-size:clamp(24px,1.875vw,36px);line-height:1.1;color:var(--accent);margin-top:72px}
.svc-diff{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}
.svc-diff li{border-top:1px solid var(--ink);padding-top:22px}
.svc-diff .n{font-size:12px;line-height:16px;color:var(--muted)}
.svc-diff h3{font-size:24px;line-height:30px;letter-spacing:-.02em;margin-top:16px}
.svc-diff p:not(.n){font-size:16px;line-height:24px;color:var(--muted);margin-top:10px}
.svc-band{position:relative;height:720px;overflow:hidden;background:linear-gradient(180deg,#030305 0%,#07080d 55%,#030305 100%);color:var(--dark-ink);text-align:center;display:flex;align-items:center;justify-content:center;padding:0 var(--pad)}
.svc-band::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,90%);aspect-ratio:2;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(103,78,249,.42),rgba(103,78,249,0));filter:blur(30px);pointer-events:none}
.band-art{position:absolute;left:50%;top:50%;width:min(1100px,96%);translate:-50% -50%;pointer-events:none;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 34% 30% at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.45) 55%,#000 100%);mask-image:radial-gradient(ellipse 34% 30% at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.45) 55%,#000 100%);animation:band-drift 18s ease-in-out infinite alternate}
.band-svg{display:block;width:100%;height:auto}
.band-inner{position:relative}
.svc-band .kicker{font-size:var(--label);line-height:20px;color:var(--dark-muted)}
.svc-band h2{font-size:clamp(64px,8.3vw,160px);line-height:1;letter-spacing:var(--h-display-ls);margin-top:clamp(40px,4.5vw,88px);background:linear-gradient(180deg,#ffffff 0%,#c9ccd4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.svc-band .lead{max-width:560px;margin:clamp(32px,4vw,72px) auto 0;font-size:20px;line-height:28px;color:var(--dark-muted)}
@keyframes band-drift{from{transform:scale(1) rotate(0deg)}to{transform:scale(1.05) rotate(-1.5deg)}}
.svc-what-we-do{padding-bottom:110px;overflow:hidden}
.svc-what-we-do .numlist{margin-top:24px}
.svc-what-we-do .cards-wrap{margin-top:32px}
.svc-what-we-do .card{min-height:300px}
.svc-cases{padding-bottom:110px}
.svc-cases-title{padding-top:100px}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,58px);margin-top:72px}
.case{border-top:1px solid var(--ink);padding-top:24px;display:flex;flex-direction:column}
.case-sector{font-size:14px;line-height:20px;color:var(--accent)}
.case-metric{font-size:clamp(48px,4.17vw,80px);font-weight:300;line-height:1;letter-spacing:-.03em;margin-top:40px}
.case-metric-label{font-size:16px;line-height:22px;color:var(--muted);margin-top:12px;max-width:320px;min-height:44px}
.case h3{font-size:24px;line-height:30px;letter-spacing:-.02em;margin-top:40px}
.case-text{font-size:16px;line-height:24px;color:var(--muted);margin-top:12px}
.svc-others .col{padding-top:100px;padding-bottom:110px}
.svc-others .label{padding-top:112px}

/* ============ Motion ============ */
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(2%,-3%) scale(1.04)}}
@keyframes drift{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.08) translateX(-2%)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ============ Tablet ============ */
@media (max-width:1200px){
  :root{--content-start:0%}
  .grid{grid-template-columns:1fr}
  .grid > .col{grid-column:1}
  .label{padding-top:80px}
  .s-help .col,.s-what .col{padding-top:40px}
  .h2-top{padding-top:40px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .card{min-height:0}
  .steps{grid-template-columns:repeat(2,1fr)}
  .svc-what-is .col,.svc-what-we-do .col,.svc-others .col{padding-top:40px}
  .svc-diff{grid-template-columns:1fr;gap:28px}
  .svc-cases-title{padding-top:40px}
  .svc-others .label{padding-top:80px}
}

/* ============ Mobile (Figma: TURING DESK - Mobile, 390px) ============ */
@media (max-width:820px){
  :root{--pad:24px;--header-h:76px;--h-display:clamp(56px,17vw,80px);--h2:clamp(36px,10.3vw,44px);--label:18px}
  .nav{display:none}
  .burger{display:grid}
  .logo-svg{height:20px}

  .hero .wrap{padding-top:32px;padding-bottom:48px}
  .hero-intro{margin-top:0;font-size:20px}
  .hero-meta{margin-top:16px;font-size:14px;line-height:18px}
  .hero-glow{left:50%;top:60%;width:125%}
  .hero-sculpture{left:auto;right:-14%;top:auto;bottom:100%;translate:0 22%;width:92%}
  .hero-title{margin-top:180px;line-height:.95;font-size:13.4vw}
  .hero-bottom{flex-direction:column;align-items:flex-start;gap:40px;margin-top:100px}
  .hero-copy .tlink{margin-top:24px;font-size:18px}
  .cta{font-size:18px;gap:18px;width:100%;justify-content:space-between}
  .cta .circle{width:64px;height:64px}

  .label{padding-top:64px;font-size:18px}
  .s-help .col{padding-top:28px;padding-bottom:80px}
  .s-help .sub{margin-top:40px;font-size:24px}
  .numlist li{gap:16px;min-height:64px}
  .numlist .t{font-size:18px;line-height:24px}
  .s-help .note{font-size:16px;line-height:24px;margin-top:36px}

  .s-premise{width:100%;height:auto;min-height:508px;padding:72px 24px}
  .s-premise h2{font-size:clamp(56px,17vw,80px);margin-top:56px}
  .s-premise .kicker{font-size:16px}
  .s-premise .lead{font-size:16px;line-height:24px;margin-top:40px}
  .s-premise .tlink{margin-top:36px;font-size:18px}
  .s-premise .art{width:150%}

  .s-why{padding-bottom:72px}
  .s-why .cards-wrap{margin-top:40px}
  .cards{grid-template-columns:1fr;gap:16px}
  .card{padding:32px 24px}
  .card h3{margin-top:24px}

  .s-what .col{padding-top:28px;padding-bottom:72px}
  .steps{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:40px}
  .steps .t{font-size:16px;line-height:22px}
  .result{font-size:16px;line-height:24px;margin-top:40px}
  .services-title{margin-top:64px;font-size:20px}
  .services a{min-height:68px;font-size:22px;line-height:28px}

  .s-way{min-height:732px}
  .s-way .photo{left:0;top:auto;height:55%}
  .s-way .photo::after{background:linear-gradient(180deg,#0a0d13 0%,rgba(10,13,19,.3) 45%,rgba(10,13,19,0) 100%)}
  .s-way .wrap{min-height:732px;padding-top:64px;padding-bottom:64px}
  .s-way .way-title{font-size:clamp(64px,18vw,84px);margin-top:48px}
  .s-way p{font-size:16px;line-height:24px}

  .s-team{padding-bottom:72px}
  .intro-lead{font-size:20px;margin-top:20px}
  .team{grid-template-columns:1fr;gap:56px;margin-top:40px}
  .member h3{font-size:26px;margin-top:24px}
  .member .tags{margin-top:16px}

  .s-contact{min-height:473px}
  .s-contact .wrap{padding-top:64px;padding-bottom:64px}
  .s-contact .label{font-size:18px}
  .s-contact .contact-title{margin-top:40px;font-size:clamp(52px,15.4vw,72px);letter-spacing:-.04em}
  .s-contact .blob{left:-20%;width:90vw}
  .contact-row{flex-direction:column;align-items:flex-start;gap:36px;margin-top:36px}
  .contact-row p{font-size:16px;line-height:24px}

  .svc-hero .wrap{padding-top:24px;padding-bottom:56px}
  .crumbs{font-size:14px;flex-wrap:wrap}
  .svc-title{margin-top:72px;font-size:clamp(40px,11.5vw,52px);line-height:1}
  .svc-glow{left:50%;width:120%}
  .svc-hero-bottom{flex-direction:column;align-items:flex-start;gap:36px;margin-top:64px}
  .svc-hero-lead{font-size:16px;line-height:24px}
  .svc-what-is .col,.svc-what-we-do .col,.svc-others .col{padding-top:28px}
  .svc-what-is .col{padding-bottom:72px}
  .svc-others .col{padding-bottom:72px}
  .svc-others .label{padding-top:64px}
  .svc-pov{font-size:16px;line-height:24px}
  .svc-sub{font-size:22px;margin-top:48px}
  .svc-diff h3{font-size:20px;line-height:26px}
  .svc-what-we-do{padding-bottom:72px}
  .svc-band{height:auto;min-height:520px;padding:72px 24px}
  .svc-band .kicker{font-size:15px}
  .svc-band h2{font-size:clamp(44px,13vw,64px);margin-top:48px}
  .svc-band .lead{font-size:16px;line-height:24px;margin-top:40px}
  .band-art{width:170%}
  .svc-what-we-do .card{min-height:0}
  .svc-cases{padding-bottom:72px}
  .svc-cases-title{padding-top:28px}
  .cases{grid-template-columns:1fr;margin-top:40px;gap:40px}
  .case-metric{margin-top:24px}
  .case-metric-label{min-height:0}
  .case h3{font-size:20px;line-height:26px;margin-top:24px}

  .footer .wrap{font-size:14px}
}
@media (max-width:380px){
  .steps{grid-template-columns:1fr}
}