/* ==========================================================================
   CARLO BERRY® — 2026 · AAA build
   world: #0b0b09 (tar) · #e9e5da (bone) · #c6f211 (acid)
   display: Clash Display / voice: Instrument Serif italic / body: Switzer
   motion: Lenis + GSAP ScrollTrigger · GL: three.js (bg field + hover fx)
   ========================================================================== */
:root{
  --tar:#0b0b09; --tar-2:#111110; --bone:#e9e5da; --acid:#c6f211;
  --mute:rgba(233,229,218,.45); --mute-2:rgba(233,229,218,.62);
  --hair:rgba(233,229,218,.13); --hair-d:rgba(11,11,9,.14);
  --ease:cubic-bezier(.76,0,.18,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--tar);color:var(--bone);overflow-x:clip}
body{font-family:'Switzer',sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
::selection{background:var(--acid);color:var(--tar)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.shell{max-width:1760px;margin:0 auto;padding-inline:clamp(20px,3.6vw,72px)}

/* GL canvases */
#gl-bg{position:fixed;inset:0;z-index:0;pointer-events:none}
main,header,section,footer,.band,.light,nav{position:relative;z-index:10}

/* grain */
body::after{content:"";position:fixed;inset:-60%;width:220%;height:220%;pointer-events:none;z-index:2400;opacity:.055;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23n)'/%3E%3C/svg%3E");
animation:grain 7s steps(9) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}12%{transform:translate(-4%,-9%)}34%{transform:translate(4%,-13%)}52%{transform:translate(10%,8%)}72%{transform:translate(8%,3%)}92%{transform:translate(-2%,6%)}}

/* availability chip */
.hero .avail{display:inline-flex;align-items:center;gap:8px;color:var(--acid)}
.hero .avail .dot{width:7px;height:7px;border-radius:50%;background:var(--acid);animation:pulse 2.2s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@media(max-width:700px){.hero .tm-mid.avail{display:inline-flex}}

/* a11y */
.skip{position:fixed;top:-60px;left:20px;z-index:5000;background:var(--acid);color:var(--tar);font-family:'Clash Display';font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:12px 20px;transition:top .3s}
.skip:focus{top:14px}
a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

/* ---------- cursor ---------- */
.cursor{position:fixed;top:0;left:0;z-index:3000;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.cursor .ring{width:12px;height:12px;border-radius:50%;background:var(--acid);transition:width .4s var(--ease),height .4s var(--ease),background .3s;display:flex;align-items:center;justify-content:center}
.cursor .lbl{position:absolute;font-family:'Clash Display';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tar);opacity:0;transition:opacity .25s;font-weight:600;white-space:nowrap}
.cursor.big .ring{width:84px;height:84px}
.cursor.big .lbl{opacity:1}
@media (hover:none){.cursor{display:none}}

/* ---------- loader ---------- */
.loader{position:fixed;inset:0;z-index:4000;background:var(--tar);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,64px)}
.loader .l-top{display:flex;justify-content:space-between;align-items:baseline;font-family:'Clash Display';font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.loader .l-top em{font-style:normal;color:var(--acid)}
.loader .l-sys{font-family:'Switzer';font-size:11px;letter-spacing:.22em;color:var(--mute)}
.loader .l-bot{display:flex;justify-content:space-between;align-items:flex-end}
.loader .word{font-family:'Clash Display';font-weight:500;font-size:clamp(34px,6vw,88px);text-transform:uppercase;letter-spacing:-.02em;line-height:.92}
.loader .word .serif{text-transform:none;color:var(--acid);font-size:1.05em}
.loader .pct{font-family:'Clash Display';font-weight:400;font-size:clamp(64px,13vw,190px);line-height:.8;color:var(--acid);letter-spacing:-.04em}
.loader .l-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hair)}
.loader .l-line i{position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:left}

/* ---------- nav ---------- */
nav{position:fixed;inset:0 0 auto 0;z-index:1200;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,3.6vw,72px);mix-blend-mode:difference}
nav .brand{font-family:'Clash Display';font-weight:600;font-size:16px;letter-spacing:.01em;color:#e9e5da}
nav .brand sup{font-size:9px}
nav .links{display:flex;gap:30px;font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#e9e5da}
nav .links a{position:relative;overflow:hidden;display:inline-block;padding:3px 0}
nav .links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:translateX(-102%);transition:transform .5s var(--ease)}
nav .links a:hover::after{transform:translateX(0)}
@media(max-width:780px){nav{padding:16px 20px}nav .brand{font-size:13px;white-space:nowrap}nav .links{gap:14px;font-size:10.5px}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.hero .top-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);padding:110px 0 0}
.hero .tm-mid{color:var(--acid)}
@media(max-width:700px){.hero .tm-mid{display:none}}
.hero h1{font-family:'Clash Display';font-weight:500;text-transform:uppercase;letter-spacing:-.03em;line-height:.82;font-size:clamp(72px,16.5vw,300px);margin-top:auto;will-change:transform}
.hero h1 .row{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .row.r2{text-align:right;color:transparent;-webkit-text-stroke:1.5px var(--bone)}
.hero h1 .ch{display:inline-block;transform:translateY(120%) rotate(6deg);will-change:transform}
.hero .roles{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--hair);margin-top:clamp(24px,4vh,44px);padding:18px 0 26px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute-2);flex-wrap:wrap}
.hero .roles .flip{display:inline-block;height:1.4em;overflow:hidden;vertical-align:bottom}
.hero .roles .flip span{display:block;color:var(--acid);line-height:1.4;animation:flip 7.5s var(--ease) infinite}
@keyframes flip{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-1.4em)}66%,92%{transform:translateY(-2.8em)}100%{transform:translateY(-4.2em)}}
.hero .intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,120px);padding:clamp(26px,4vh,46px) 0 clamp(30px,5vh,60px);border-top:1px solid var(--hair)}
.hero .intro h2{font-family:'Clash Display';font-weight:400;font-size:clamp(20px,2.2vw,31px);line-height:1.3;letter-spacing:-.01em;max-width:24ch}
.hero .intro h2 .serif{color:var(--acid);font-size:1.07em}
.hero .intro .r{justify-self:end;display:flex;flex-direction:column;gap:18px;max-width:44ch}
.hero .intro p{font-size:14.5px;line-height:1.8;color:var(--mute-2)}
.hero .intro .lnk{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);display:flex;align-items:center;gap:10px}
.hero .intro .lnk i{font-style:normal;color:var(--acid);transition:transform .4s var(--ease);display:inline-block}
.hero .intro .lnk:hover i{transform:translateX(8px)}
@media(max-width:880px){.hero .intro{grid-template-columns:1fr}.hero .intro .r{justify-self:start}}

/* ---------- marquee band ---------- */
.band{background:var(--acid);color:var(--tar);overflow:hidden;transform:rotate(-1.2deg) scale(1.02);margin:10px 0;position:relative;z-index:15}
.band .track{display:flex;width:max-content;padding:16px 0;will-change:transform}
.band .it{font-family:'Clash Display';font-weight:600;font-size:clamp(16px,1.9vw,26px);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:28px;padding-right:28px}
.band .it::after{content:"◆";font-size:.55em}

/* ---------- manifesto ---------- */
.manifesto{padding-block:clamp(130px,18vh,260px) clamp(110px,16vh,220px)}
.kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.kicker::before{content:"";width:40px;height:1px;background:var(--acid)}
.kicker b{color:var(--acid);font-weight:500}
.manifesto p.big{font-family:'Clash Display';font-weight:400;font-size:clamp(32px,5.1vw,84px);line-height:1.08;letter-spacing:-.022em;max-width:19ch;margin-top:44px}
.manifesto p.big .w{opacity:.13}
.manifesto p.big .serif{color:var(--acid)}
.manifesto .foot{display:flex;gap:clamp(30px,6vw,110px);flex-wrap:wrap;margin-top:clamp(64px,10vh,120px)}
.manifesto .cell .n{font-family:'Clash Display';font-weight:500;font-size:clamp(40px,4.6vw,76px);letter-spacing:-.02em;line-height:1}
.manifesto .cell .n i{font-style:normal;color:var(--acid)}
.manifesto .cell .d{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:10px;max-width:22ch;line-height:1.7}

/* ---------- work: sticky stacked cards ---------- */
.workhead{padding-block:0 8vh}
.workhead h3{font-family:'Clash Display';font-weight:500;text-transform:uppercase;font-size:clamp(52px,10vw,180px);line-height:.86;letter-spacing:-.03em;margin-top:30px}
.workhead h3 .serif{text-transform:none;color:var(--acid);letter-spacing:-.01em}
.workhead .sub{display:flex;justify-content:space-between;align-items:baseline;margin-top:26px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}

.stack{position:relative}
.card{position:sticky;top:0;min-height:100svh;display:flex;align-items:stretch;border-top:1px solid var(--hair);overflow:clip}
.card .inner{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(24px,4vw,70px);width:100%;max-width:1760px;margin:0 auto;padding:clamp(90px,12vh,130px) clamp(20px,3.6vw,72px) clamp(40px,6vh,70px);align-items:center;will-change:transform}
.card .info .no{font-family:'Clash Display';font-size:13px;letter-spacing:.2em;color:var(--mute)}
.card .info .no b{color:var(--acid);font-weight:500}
.card .info h4{font-family:'Clash Display';font-weight:500;font-size:clamp(34px,3.9vw,68px);line-height:.98;letter-spacing:-.022em;margin:22px 0 6px;text-transform:uppercase}
.card .info h4 .serif{text-transform:none;color:var(--acid);font-size:.96em}
.card .info .cli{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:24px}
.card .info p{font-size:14.5px;line-height:1.85;color:var(--mute-2);max-width:48ch}
.card .info p b{color:var(--bone);font-weight:500}
.card .info .hl{list-style:none;margin-top:18px}
.card .info .hl li{font-size:12.5px;line-height:1.7;color:var(--mute-2);padding:3px 0 3px 16px;position:relative}
.card .info .hl li::before{content:"◆";position:absolute;left:0;top:8px;color:var(--acid);font-size:7px}
.card .info .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.card .info .tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--hair);border-radius:99px;padding:7px 14px;color:var(--mute-2)}
.card .media-wrap{display:grid;gap:12px;min-width:0}
.card .m{overflow:hidden;border-radius:6px;position:relative;will-change:transform}
.card .m img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);transition:transform 1.4s cubic-bezier(.22,1,.36,1);will-change:transform}
.card .m:hover img{transform:scale(1)}
.card .m video{width:100%;height:100%;object-fit:cover;display:block}
.card .m.main.vid{aspect-ratio:16/9}
.card .m.main{aspect-ratio:16/10.5}
.card .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card .duo .m{aspect-ratio:4/3}
.card.c1{background:#141013}.card.c2{background:#0e0e15}.card.c3{background:#0c0c0c}
.card.c4{background:#15100b}.card.c5{background:#120e08}.card.c6{background:#0e120a}
@media(max-width:960px){
  .card{position:relative;min-height:auto}
  .card .inner{grid-template-columns:1fr;padding-top:64px}
}

/* ---------- frames: horizontal cutting room ---------- */
.frames{height:340svh;background:var(--tar);position:relative;z-index:12}
.ftrack-wrap{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.fhead{width:100%;padding-top:clamp(80px,10vh,120px);padding-bottom:clamp(20px,4vh,44px)}
.fhead h3{font-family:'Clash Display';font-weight:500;text-transform:uppercase;font-size:clamp(38px,6.5vw,110px);line-height:.88;letter-spacing:-.028em;margin-top:22px}
.fhead h3 .serif{text-transform:none;color:var(--acid)}
.ftrack{display:flex;align-items:flex-start;gap:clamp(18px,2.4vw,44px);padding-inline:clamp(20px,3.6vw,72px);will-change:transform;width:max-content;flex:0 0 auto;margin-bottom:clamp(60px,10vh,120px)}
.fitem{flex:0 0 auto;margin:0}
.fitem .fim{height:clamp(300px,52svh,560px);overflow:hidden;border-radius:6px}
.fitem .fim img{height:100%;width:auto;object-fit:cover}
.fitem.wide .fim img{width:auto}
.fitem figcaption{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:12px;font-family:'Clash Display'}
.fend{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40vw}
.fend .serif{font-size:clamp(40px,6vw,90px);color:var(--acid)}
@media(max-width:960px){
  .frames{height:auto}
  .ftrack-wrap{position:relative;height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ftrack{margin-bottom:60px}
  .fitem .fim{height:44svh}
}

/* case HUD */
.casehud{position:fixed;right:clamp(20px,3.6vw,72px);bottom:22px;z-index:1300;font-family:'Clash Display';font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#e9e5da;mix-blend-mode:difference;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.casehud b{color:var(--acid);font-weight:500}
.casehud.on{opacity:1;transform:none}

/* nav hide on scroll down */
nav{transition:transform .55s var(--ease)}
nav.hid{transform:translateY(-115%)}

/* ---------- light zone ---------- */
.light{background:var(--bone);color:var(--tar);position:relative;z-index:20}
.light .kicker{color:rgba(11,11,9,.5)}
.light .kicker::before{background:var(--tar)}
.light .kicker b{color:var(--tar)}
.caps{padding-block:clamp(120px,16vh,220px) clamp(80px,10vh,140px)}
.caps h3{font-family:'Clash Display';font-weight:500;text-transform:uppercase;font-size:clamp(46px,8.5vw,150px);line-height:.88;letter-spacing:-.028em;margin-top:30px}
.caps h3 .serif{text-transform:none}
.caps h3 .out{color:transparent;-webkit-text-stroke:1.2px var(--tar)}
.capgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);margin-top:clamp(56px,9vh,100px)}
.capcol .t{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--tar);padding-bottom:14px;margin-bottom:8px}
.capcol .t h5{font-family:'Clash Display';font-weight:500;font-size:clamp(19px,1.8vw,26px)}
.capcol .t span{font-family:'Clash Display';font-size:12px;letter-spacing:.16em}
.capcol li{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair-d);font-family:'Clash Display';font-weight:500;font-size:clamp(16px,1.5vw,21px);letter-spacing:-.005em;transition:padding-left .35s var(--ease)}
.capcol li:hover{padding-left:14px}
.capcol li small{font-family:'Switzer';font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(11,11,9,.45);text-align:right}
@media(max-width:860px){.capgrid{grid-template-columns:1fr}}

/* experience */
.xp{padding-block:clamp(40px,8vh,110px) clamp(120px,16vh,200px)}
.xp h3{font-family:'Clash Display';font-weight:500;text-transform:uppercase;font-size:clamp(40px,6vw,100px);line-height:.9;letter-spacing:-.025em;margin:30px 0 clamp(40px,7vh,80px)}
.xprow{padding:clamp(20px,3vh,30px) 0;border-top:1px solid var(--hair-d);transition:opacity .3s}
.xprow:not(.xpacc),.xphead{display:grid;grid-template-columns:120px 1.2fr 1.8fr 150px;gap:clamp(16px,3vw,56px);align-items:baseline}
.xphead{width:100%;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:0}
.xprow:last-of-type{border-bottom:1px solid var(--hair-d)}
.xprow .plus{display:inline-block;margin-left:14px;font-family:'Clash Display';font-weight:500;font-size:18px;line-height:1;color:var(--tar);transition:transform .5s var(--ease);vertical-align:middle}
.xprow.open .plus{transform:rotate(45deg)}
.xpmore{overflow:hidden;height:0}
.xpmore .xmi{padding:18px 0 8px;display:grid;grid-template-columns:120px 1fr;gap:clamp(16px,3vw,56px)}
.xpmore .xmi::before{content:""}
.xpmore ul{list-style:none;max-width:72ch}
.xpmore li{font-size:13.5px;line-height:1.75;color:rgba(11,11,9,.72);padding:4px 0 4px 18px;position:relative}
.xpmore li::before{content:"◆";position:absolute;left:0;top:11px;color:#7e9410;font-size:7px}
.xpmore li b{color:var(--tar);font-weight:600}
@media(max-width:900px){
  .xprow:not(.xpacc),.xphead{grid-template-columns:1fr;gap:6px}
  .xpmore .xmi{grid-template-columns:1fr}
  .xpmore .xmi::before{display:none}
}
.xplist:hover .xprow{opacity:.35}
.xplist .xprow:hover{opacity:1}
.xprow .yr{font-family:'Clash Display';font-size:12.5px;letter-spacing:.14em;color:rgba(11,11,9,.5)}
.xprow .co{font-family:'Clash Display';font-weight:500;font-size:clamp(19px,2vw,28px);letter-spacing:-.01em}
.xprow .co small{display:block;font-family:'Switzer';font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(11,11,9,.45);margin-top:4px}
.xprow .d{font-size:13.5px;line-height:1.7;color:rgba(11,11,9,.68)}
.xprow .loc{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(11,11,9,.45);text-align:right;white-space:nowrap}
@media(max-width:900px){.xprow .loc{text-align:left}}

/* ---------- footer ---------- */
footer{background:var(--tar);color:var(--bone);padding:clamp(120px,17vh,230px) 0 34px;position:relative;overflow:clip}
footer .kick{text-align:center;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
footer .giant{display:block;text-align:center;font-family:'Clash Display';font-weight:500;text-transform:uppercase;font-size:clamp(52px,11.5vw,210px);line-height:.88;letter-spacing:-.03em;margin-top:30px}
footer .giant .serif{text-transform:none;color:var(--acid)}
footer .giant .row{display:block}
footer .mag{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(40px,6vh,64px);background:var(--acid);color:var(--tar);font-family:'Clash Display';font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:22px 44px;border-radius:99px;will-change:transform}
footer .magwrap{text-align:center}
footer .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-top:clamp(80px,12vh,140px);border-top:1px solid var(--hair);padding-top:36px;font-size:13.5px}
footer .grid .h{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
footer .grid a{display:block;padding:3px 0;color:var(--mute-2);transition:color .3s}
footer .grid a:hover{color:var(--acid)}
footer .bar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:64px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
@media(max-width:860px){footer .grid{grid-template-columns:1fr 1fr}}

/* ---------- animation primitives ---------- */
[data-reveal]{opacity:0;transform:translateY(50px)}
[data-chars] .ch{display:inline-block;transform:translateY(115%);will-change:transform}
[data-chars] .wd{display:inline-block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em;vertical-align:bottom}
html.no-js [data-reveal],html.reduced [data-reveal]{opacity:1;transform:none}
html.reduced [data-chars] .ch{transform:none}

@media (prefers-reduced-motion:reduce){
  body::after{animation:none}
  .flip span{animation:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  [data-chars] .ch{transform:none!important}
  #gl-bg,#gl-fx{display:none}
}


/* ---------- mobile & tablet hardening (2026-07-17) ---------- */
@media(max-width:600px){
  nav{padding:14px 18px}
  nav .brand{font-size:12px;letter-spacing:0}
  nav .links{gap:10px;font-size:9.5px;letter-spacing:.04em}
  nav .links a[href="#caps"],nav .links a[href="#xp"]{display:none}
}
@media(max-width:700px){
  .hero .top-meta{flex-direction:column;align-items:flex-start;gap:7px;padding-top:84px}
}
@media(max-width:960px){
  .card .inner{padding:54px clamp(20px,3.6vw,72px) 36px;gap:26px}
  .workhead{padding-block:0 5vh}
}
@media(max-width:480px){
  footer .mag{font-size:11px;letter-spacing:.02em;padding:15px 18px;gap:8px;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  footer .giant{font-size:clamp(42px,12.5vw,80px)}
  .hero h1{font-size:clamp(64px,19vw,300px)}
  .hero .roles{font-size:11px;letter-spacing:.14em;gap:12px}
  .manifesto p.big{font-size:clamp(28px,7.6vw,84px)}
  .caps h3{font-size:clamp(38px,10.5vw,150px)}
  .fhead h3{font-size:clamp(32px,9vw,110px)}
  .casehud{right:16px;bottom:14px;font-size:9.5px}
}