:root{
  --ink:#08080a; --bone:#ece6dc; --mute:#8b867d; --line:rgba(236,230,220,.18);
  --ember:#ff5a1f; --rose:#ff3d81; --violet:#7b5cff;
  --sans:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Instrument Serif','Times New Roman',Georgia,serif;
  --pad:clamp(16px,2.4vw,34px);
  --p:0;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color-scheme:dark}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--sans);background:var(--ink);color:var(--bone);font-size:clamp(14px,1.05vw,16px);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--ember);color:var(--ink)}
i{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
main,footer{position:relative;z-index:2}

/* ---------- background aurora + grain ---------- */
#aurora{position:fixed;left:-6%;top:-6%;width:112%;height:112%;z-index:0;pointer-events:none;filter:blur(22px) saturate(1.25);opacity:.8;transition:opacity .2s}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---------- fixed UI ---------- */
.ui-btn{position:fixed;z-index:90;bottom:var(--pad);height:64px;display:grid;place-items:center;border-radius:12px;
  background:rgba(34,34,38,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 40px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.ui-btn:hover{transform:translateY(-3px);background:rgba(50,50,56,.8)}
.logo-btn{left:var(--pad);width:64px}
.logo-btn svg{width:34px;height:34px}
.menu-btn{right:var(--pad);padding:0 22px;display:flex;align-items:center;gap:12px;letter-spacing:.02em}
.dots{display:grid;grid-template-columns:repeat(2,5px);gap:3px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.dots i{width:5px;height:5px;border-radius:50%;background:var(--ember)}
.menu-btn[aria-expanded=true] .dots{transform:rotate(135deg)}

.sound{position:fixed;z-index:90;left:50%;bottom:var(--pad);transform:translateX(-50%);height:44px;padding:0 18px 0 12px;display:flex;align-items:center;gap:10px;border-radius:999px;
  background:rgba(34,34,38,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;letter-spacing:.12em}
.sound canvas{width:54px;height:18px}
.sound[aria-pressed=false]::after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:1px solid var(--ember);opacity:0;animation:ping 2.4s 2s infinite}
@keyframes ping{0%{opacity:.7;transform:scale(.96)}100%{opacity:0;transform:scale(1.18)}}

/* ---------- menu ---------- */
.menu{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;justify-content:center;padding:var(--pad);
  background:rgba(8,8,10,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  clip-path:circle(0 at calc(100% - 90px) calc(100% - 60px));transition:clip-path .9s cubic-bezier(.7,0,.2,1);pointer-events:none}
.menu.open{clip-path:circle(160% at calc(100% - 90px) calc(100% - 60px));pointer-events:auto}
.menu ol{list-style:none}
.menu li{overflow:hidden;border-top:1px solid var(--line)}
.menu li:last-child{border-bottom:1px solid var(--line)}
.menu ol a{display:flex;align-items:baseline;gap:2vw;padding:1.4vw 0;font-size:clamp(54px,11vw,190px);line-height:.95;font-weight:300;text-transform:uppercase;letter-spacing:-.045em;
  transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.menu.open ol a{transform:none}
.menu li:nth-child(2) a{transition-delay:.06s}.menu li:nth-child(3) a{transition-delay:.12s}
.menu ol a em{font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.1em;color:var(--mute);letter-spacing:.1em}
.menu ol a:hover span{background:linear-gradient(90deg,var(--ember),var(--rose),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.menu-foot{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--pad) + 6px);display:flex;justify-content:space-between;font-size:13px;color:var(--mute)}

/* ---------- hero ---------- */
.hero{position:relative;height:340vh}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.frame{position:absolute;inset:0;z-index:1;
  clip-path:inset(calc(9vh*(1 - var(--p))) calc(34vw*(1 - var(--p))) 0 round calc(26px*(1 - var(--p))));
  background:#050506}
.frame-art{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 50% 105%,rgba(255,90,31,.95),transparent 70%),
  radial-gradient(70% 60% at 20% 30%,rgba(123,92,255,.55),transparent 65%),
  linear-gradient(180deg,#09090b 0%,#2a0d07 55%,#8a2a0c 100%)}
.frame-img,.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame video{opacity:0;transition:opacity .6s}
.frame video.ready{opacity:1}
.frame-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.35),transparent 30%,transparent 60%,rgba(8,8,10,.55))}
.top-row,.hello{position:absolute;left:var(--pad);right:var(--pad);z-index:3;display:flex;justify-content:space-between;align-items:flex-start;text-transform:uppercase;letter-spacing:.01em}
.top-row{top:var(--pad)}
.hello{top:36vh;align-items:flex-start;padding-bottom:3.2vh;border-bottom:1px solid var(--line);transform:translateY(calc(var(--p)*-8vh));opacity:calc(1 - var(--p)*3)}
.hello p{max-width:26ch;text-transform:none;font-size:clamp(14px,1.15vw,18px);line-height:1.3}
.spark{width:42px;height:42px;margin-top:-6px;animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mega{position:absolute;z-index:3;left:calc(var(--pad)*1.4);right:var(--pad);bottom:3vh;font-weight:300;line-height:.8;letter-spacing:-.05em;text-transform:uppercase;font-size:16.6vw;
  transform:translateY(calc(var(--p)*-26vh)) scale(calc(1 - var(--p)*.1));transform-origin:50% 100%;opacity:calc(1 - var(--p)*1.35)}
.mega span{display:block;white-space:nowrap}
.mega .l2{text-align:right;margin-top:-.02em;background:linear-gradient(95deg,var(--ember) 20%,var(--rose) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mega i{letter-spacing:-.03em}
.cue{position:absolute;z-index:3;left:50%;bottom:calc(var(--pad) + 74px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;opacity:calc(1 - var(--p)*5)}
.cue i{width:1px;height:38px;background:linear-gradient(var(--bone),transparent);animation:drip 1.8s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- shared ---------- */
.label{text-transform:uppercase}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:1fr minmax(240px,26vw) 1.5fr;gap:var(--pad);padding:18vh var(--pad) 14vh;align-items:end;min-height:100vh}
.about .label{align-self:center}
.portrait{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#050506}
.portrait-art{position:absolute;inset:0;background:
  radial-gradient(80% 60% at 50% 110%,rgba(255,90,31,1),transparent 70%),
  radial-gradient(60% 50% at 80% 10%,rgba(123,92,255,.45),transparent 70%),linear-gradient(180deg,#09090b,#3a0f06)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.facts dl{display:block}
.row{display:flex;justify-content:space-between;gap:2rem;padding:1.45rem 0;border-top:1px solid var(--line);text-transform:uppercase}
.row dd{text-align:right;max-width:30ch}
.cta{display:inline-flex;align-items:center;gap:12px;margin-top:2.4rem;padding:1rem 1.2rem;background:linear-gradient(100deg,var(--ember),var(--rose));color:#fff;letter-spacing:.01em;border-radius:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .3s}
.cta:hover{transform:translateY(-3px);filter:brightness(1.1)}
.cta b,.hello-cta b{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}

/* ---------- statement ---------- */
.statement{padding:10vh var(--pad) 18vh}
.statement h2{font-size:clamp(40px,8.4vw,150px);line-height:.92;font-weight:300;text-transform:uppercase;letter-spacing:-.045em;padding-bottom:7vh;border-bottom:1px solid var(--line)}
.because{display:grid;grid-template-columns:1fr 2.2fr;gap:var(--pad);padding-top:2.6rem}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}
.cols p{max-width:46ch;font-size:clamp(14px,1.1vw,17px)}

/* ---------- work carousel ---------- */
.rail-section{position:relative}
.rail-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1600px;perspective-origin:50% 50%}
.kicker{position:absolute;top:calc(var(--pad) + 6px);left:var(--pad);z-index:1;font-size:12px;letter-spacing:.06em}
.work-mega{position:absolute;left:0;right:0;top:7vh;text-align:center;font-weight:300;line-height:.8;letter-spacing:-.05em;font-size:30vw;z-index:1;will-change:transform;
  background:linear-gradient(180deg,var(--bone) 40%,rgba(236,230,220,.35));-webkit-background-clip:text;background-clip:text;color:transparent}
.work-mega i{-webkit-text-fill-color:var(--bone)}
.rail{position:absolute;left:0;top:57%;display:flex;gap:4.5vw;padding:0 8vw 0 calc(50vw - min(27vw,430px));transform-style:preserve-3d;will-change:transform;z-index:2}
.card{flex:none;width:min(54vw,860px);transform-style:preserve-3d;will-change:transform;cursor:pointer}
.card-media{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#0d0d10;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.card-art{position:absolute;inset:-10%;background:
  radial-gradient(55% 60% at 18% 22%,hsl(var(--h1) 100% 58%/.95),transparent 70%),
  radial-gradient(60% 65% at 85% 85%,hsl(var(--h2) 95% 55%/.9),transparent 70%),#0b0b0e;filter:saturate(1.1);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.card-media img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-art,.card:hover img{transform:scale(1.06)}
.card-no{position:absolute;left:18px;top:14px;font-size:12px;letter-spacing:.12em;mix-blend-mode:difference}
.card-big{position:absolute;left:22px;bottom:16px;right:22px;font-size:clamp(26px,3.6vw,60px);line-height:.9;font-weight:300;text-transform:uppercase;letter-spacing:-.04em;color:rgba(255,255,255,.92);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.card h3{margin-top:1.1rem;font-weight:400;font-size:clamp(15px,1.3vw,21px);text-transform:uppercase;letter-spacing:.01em}
.card p{display:flex;justify-content:space-between;margin-top:.35rem;color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.rail-count{position:absolute;left:50%;bottom:calc(var(--pad) + 62px);transform:translateX(-50%);z-index:3;font-size:13px;letter-spacing:.1em}

/* A soft, sound-led ribbon instead of geometric audio art. */
.sound-art{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 48% 58%,rgba(255,75,96,.19),transparent 48%),radial-gradient(ellipse at 78% 32%,rgba(123,92,255,.2),transparent 46%);opacity:.86;transition:opacity .7s,filter .7s}
.sound-art svg{position:absolute;width:120%;height:115%;inset:-7% -10%;overflow:visible;filter:drop-shadow(0 0 20px rgba(255,76,112,.36))}
.sound-art .ribbon{fill:none;stroke:url(#soundGradient);stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:ribbon-drift 12s ease-in-out infinite alternate}
.sound-art .ribbon-a{stroke-width:112;opacity:.36;filter:blur(25px)}.sound-art .ribbon-b{stroke-width:64;opacity:.55;filter:blur(12px);animation-duration:9s;animation-direction:alternate-reverse}.sound-art .ribbon-c{stroke-width:12;opacity:.88;filter:drop-shadow(0 0 10px rgba(255,210,230,.55));animation-duration:7s}
.sound-active .sound-art{opacity:1;filter:saturate(1.35)}.sound-active .sound-art .ribbon{animation-duration:4.5s}.sound-active .sound-art .ribbon-a{opacity:.5}.sound-active .sound-art .ribbon-c{stroke-width:18}
.card-watch{position:absolute;right:20px;top:18px;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(8,8,10,.55);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.card-film .card-big{display:none}
.card:hover .card-watch,.card:focus-within .card-watch{opacity:1;transform:none}.card-watch:hover{background:var(--bone);color:var(--ink)}
@keyframes ribbon-drift{from{transform:translate3d(-2%,2%,0) scaleY(.94)}to{transform:translate3d(2%,-2%,0) scaleY(1.06)}}

/* ---------- footer ---------- */
.foot{min-height:118vh;min-height:118svh;overflow:hidden;padding:var(--pad);display:flex;flex-direction:column;
  background:radial-gradient(130% 55% at 50% 112%,rgba(255,90,31,.7),rgba(255,61,129,.28) 42%,transparent 72%),var(--ink)}
.foot-spot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,70%),rgba(255,120,70,.22),transparent 65%);transition:background .1s}
.foot-top{display:flex;justify-content:space-between;text-transform:uppercase;position:relative;z-index:2}
.hello-cta{position:relative;z-index:2;align-self:center;margin-top:12vh;display:inline-flex;align-items:center;gap:1.2vw;font-size:clamp(34px,6.4vw,110px);line-height:1;font-weight:300;letter-spacing:-.045em;text-transform:uppercase;
  padding-bottom:.15em;border-bottom:1px solid var(--line);transition:letter-spacing .6s cubic-bezier(.2,.8,.2,1)}
.hello-cta:hover{letter-spacing:-.02em}
.hello-cta b{width:.14em;height:.14em;background:var(--ember)}
.crescent{position:absolute;z-index:4;left:50%;bottom:26%;width:min(22vw,300px);transform:translateX(-50%) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(var(--rz,-12deg));
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));transition:transform .25s ease-out;will-change:transform}
.contact-grid{position:relative;z-index:5;margin-top:auto;margin-bottom:19vw;display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);text-transform:uppercase}
.contact-grid .col{display:flex;flex-direction:column;gap:1.4rem}
.contact-grid .right{align-items:flex-end;text-align:right}
.item small{display:block;color:var(--mute);font-size:11px;letter-spacing:.12em;margin-bottom:.15rem}
.item a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s}
.item a:hover{background-size:100% 1px}
.marquee{position:absolute;left:0;right:0;bottom:-.04em;z-index:3;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,#000 55%,transparent 105%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 105%)}
.marquee-track{display:flex;width:max-content;font-size:25vw;line-height:.74;font-weight:300;letter-spacing:-.05em;white-space:nowrap;will-change:transform;
  background:linear-gradient(180deg,var(--bone) 30%,rgba(236,230,220,.1));-webkit-background-clip:text;background-clip:text;color:transparent}
.marquee-track i{-webkit-text-fill-color:var(--bone)}
.marquee-track span{padding-right:.12em}
.marquee-track .dot{font-size:.28em;align-self:center;padding:0 .5em 0 .1em;-webkit-text-fill-color:var(--ember)}
.legal{position:absolute;z-index:6;left:50%;bottom:calc(var(--pad) + 74px);transform:translateX(-50%);display:none;font-size:11px;letter-spacing:.12em;color:var(--mute);white-space:nowrap}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .frame{clip-path:inset(calc(9vh*(1 - var(--p))) calc(16vw*(1 - var(--p))) 0 round calc(22px*(1 - var(--p))))}
  .hello{top:30vh}.hello p{max-width:20ch}
  .mega{font-size:16.2vw;bottom:calc(var(--pad) + 84px)}
  .cue{display:none}
  .about{grid-template-columns:1fr;gap:2.2rem;align-items:start;padding-top:14vh}
  .portrait{width:70%}
  .because,.cols{grid-template-columns:1fr}
  .card{width:78vw}.rail{padding-left:11vw}
  .work-mega{font-size:34vw;top:12vh}
  .contact-grid{grid-template-columns:1fr}.contact-grid .right{align-items:flex-start;text-align:left}
  .crescent{width:44vw;bottom:34%}
  .contact-grid{margin-bottom:38vw}
  .legal{bottom:calc(var(--pad) + 62px)}
  .marquee-track{font-size:34vw}
  .sound span{display:none}.sound{padding-right:12px}
  .card-watch{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .spark,.cue i,.cta b,.hello-cta b,.sound::after,.sound-art .ribbon,.marquee-track{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
  .frame{clip-path:inset(9vh 0 0 round 0)}
  .hero{height:100vh}
}

/* ---------- Jesse's editorial slit opening ---------- */
#aurora{opacity:.18;filter:blur(54px) saturate(1.05)}
.grain{opacity:.025}
.hero{height:235vh}
.stage{background:#09090a}
.frame{inset:0 auto 0 50%;width:47vw;height:100%;clip-path:inset(0 var(--slit-inset,15vw) 0 round 2px);border-radius:2px;background:#101012;overflow:hidden;transform:translateX(-50%);transform-origin:center;will-change:clip-path}
.frame-art{background:linear-gradient(165deg,#141218,#1b100e 55%,#23130f)}
.frame-img,.frame video{width:100%;height:100%;object-fit:cover;object-position:center}
.frame video{opacity:0;transition:opacity .4s}
.frame video.ready{opacity:1}
.frame-shade{background:linear-gradient(180deg,rgba(8,8,10,.2),transparent 24%,transparent 60%,rgba(8,8,10,.26))}
.top-row{top:var(--pad);align-items:center;text-transform:none;letter-spacing:0;font-size:12px}
.wordmark{font-size:12px;letter-spacing:.11em;font-weight:500}
.top-row nav{display:flex;gap:clamp(20px,3vw,44px)}
.top-row nav a{color:rgba(236,230,220,.75);transition:color .2s}
.top-row nav a:hover{color:var(--bone)}
.hero-side{position:absolute;z-index:3;top:45%;transform:translateY(-50%);transition:opacity .4s,transform .4s}
.hero-left{left:var(--pad);width:min(24vw,300px)}
.hero-right{right:var(--pad);width:min(34vw,520px);text-align:right}
.eyebrow{font-size:10px;letter-spacing:.15em;color:rgba(236,230,220,.58);text-transform:uppercase}
.side-copy{margin-top:1.3rem;font-size:clamp(18px,2vw,28px);line-height:1.12;letter-spacing:-.025em}
.hero-left>a{display:inline-flex;align-items:center;gap:14px;margin-top:2rem;padding-bottom:6px;border-bottom:1px solid rgba(236,230,220,.45);font-size:12px;color:rgba(236,230,220,.86)}
.hero-left>a span{font-size:18px}
.hero-right h1{margin-top:1.1rem;font-size:clamp(52px,8.1vw,124px);font-weight:400;line-height:.77;letter-spacing:-.065em}
.hero-right h1 i{font-size:1.04em}
.hero-right .side-copy{font-family:var(--serif);font-size:clamp(18px,1.8vw,26px);font-style:italic;color:rgba(236,230,220,.82)}
.hero .scroll-note{position:absolute;z-index:4;left:50%;right:auto;bottom:var(--pad);transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:9px;letter-spacing:.14em;color:rgba(236,230,220,.65);text-transform:uppercase;opacity:calc(1 - var(--p)*3)}
.scroll-note i{width:34px;height:1px;background:linear-gradient(90deg,rgba(236,230,220,.75),transparent)}
.hero[style*="--p"] .hero-side{opacity:calc(1 - var(--p)*1.4)}
.about{grid-template-columns:minmax(100px,.55fr) 1.45fr;gap:clamp(24px,5vw,80px)}
.foot{min-height:92vh;min-height:92svh;background:radial-gradient(120% 52% at 50% 112%,rgba(255,90,31,.38),rgba(255,61,129,.12) 42%,transparent 72%),var(--ink)}
.foot-spot{display:none}
.contact-grid{margin-bottom:5vw}
.hello-cta{margin-top:15vh}
.marquee-track{font-size:22vw}
@media(max-width:760px){
  .hero{height:145vh}
  .stage{height:100svh}
  .frame{inset:0;width:100%;height:100%;clip-path:none;border-radius:0;transform:none;will-change:auto}
  .frame video{object-fit:cover;object-position:center}
  .frame-shade{background:linear-gradient(180deg,rgba(8,8,10,.4),transparent 22%,rgba(8,8,10,.08) 45%,rgba(8,8,10,.72) 100%)}
  .top-row{align-items:center}
  .wordmark{font-size:11px}
  .top-row nav{gap:15px;font-size:11px}
  .hero-left{left:var(--pad);top:auto;bottom:30vh;width:auto;transform:none}
  .hero-left .side-copy,.hero-left>a{display:none}
  .hero-right{left:var(--pad);right:var(--pad);top:auto;bottom:8vh;width:auto;text-align:left;transform:translateY(calc(var(--p)*-10px))}
  .hero-right .eyebrow,.hero-right .side-copy{display:none}
  .hero-right h1{margin:0;font-size:clamp(56px,13vw,90px);line-height:.78}
  .hero-right h1 br{display:none}
  .hero-right h1 i{margin-left:.14em}
  .hero .scroll-note{left:auto;right:var(--pad);bottom:var(--pad);transform:none;font-size:8px}
  .about{grid-template-columns:1fr;gap:1rem;padding-top:15vh}
  .marquee-track{font-size:29vw}
  .contact-grid{margin-bottom:28vw}
}
@media(max-width:390px){
  .top-row nav{gap:11px;font-size:10px}
  .wordmark{font-size:10px;letter-spacing:.07em}
  .hero-right h1{font-size:13vw}
}