/* ==========================================================
   ADARSH A S — "Design that stops the scroll"
   Palette: pink #B00644 · lime #D2FF00 · white · black #131313
   Type:    Bricolage Grotesque (display + text) · Instrument Serif Italic (accent) · DM Mono (labels)
   ========================================================== */
@font-face{font-family:"Bricolage";src:url("../assets/fonts/bricolage-var.woff2") format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"DM Mono";src:url("../assets/fonts/dm-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{
  --pink:#B00644;--lime:#D2FF00;--white:#fff;--black:#131313;
  --sans:"Bricolage",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif","Times New Roman",serif;
  --mono:"DM Mono",ui-monospace,Consolas,"Roboto Mono",monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --pad:clamp(20px,5vw,72px);
  --vh:100vh;
  /* AS logo, embedded so it also works when the page is opened straight from disk */
  --logo:url("data:image/webp;base64,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");
}
@supports(height:100svh){:root{--vh:100svh}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{background:var(--black);color:var(--white);font-family:var(--sans);font-size:clamp(15px,1.08vw,18px);line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video,canvas{display:block;max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ac,var(--lime));outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--lime);color:var(--black);padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:var(--pad)}
.as-mark{display:block;aspect-ratio:892/996;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}

/* ---------- fixed chrome ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);color:var(--white);pointer-events:none;transition:color .35s}
.top>*{pointer-events:auto}
.top__logo{width:34px;color:inherit;transition:transform .5s var(--ease)}
.top__logo:hover{transform:rotate(-8deg) scale(1.1)}
.top__nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px);background:rgba(19,19,19,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:99px;padding:5px 5px 5px 22px;transition:background .35s;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.top__nav a{text-decoration:none;padding:8px 0;position:relative}
.top__nav a:not(.top__cta)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.top__nav a:hover::after{transform:scaleX(1)}
.top__cta{display:inline-flex;align-items:center;gap:9px;border:1.5px solid currentColor;border-radius:99px;padding:9px 14px!important;transition:background .3s,color .3s}
.top__cta:hover{background:var(--lime);border-color:var(--lime);color:var(--black)}
.rec{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(210,255,0,.6);animation:rec 1.8s infinite}
@keyframes rec{70%{box-shadow:0 0 0 8px rgba(210,255,0,0)}100%{box-shadow:0 0 0 0 rgba(210,255,0,0)}}
.top-light .top{color:var(--black)}
.top-light .top__nav{background:rgba(255,255,255,.6)}
.top-light .rec{background:var(--pink);animation:none}
.top-light .top__cta:hover{background:var(--black);border-color:var(--black);color:var(--lime)}

.hud{position:fixed;inset:auto 0 0 0;z-index:100;padding:30px var(--pad) 14px;background:linear-gradient(to top,var(--hud-bg,#131313) 45%,transparent);color:var(--white);pointer-events:none;transition:color .35s;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hud__row{display:flex;justify-content:space-between;margin-bottom:8px}
.hud__tc{font-variant-numeric:tabular-nums}
.hud__track{position:relative;height:2px;background:color-mix(in srgb,currentColor 25%,transparent)}
.hud__track s{position:absolute;top:-3px;width:1.5px;height:8px;background:currentColor;opacity:.55}
.hud__head{position:absolute;top:-5px;left:0;width:2px;height:12px;background:var(--lime);box-shadow:0 0 0 1px var(--black);will-change:transform}
.hud__head::before{content:"";position:absolute;left:-4px;top:-6px;border:5px solid transparent;border-top-color:var(--lime)}
.hud-light .hud{color:var(--black)}
.hud-light .hud__head{background:var(--pink);box-shadow:none}
.hud-light .hud__head::before{border-top-color:var(--pink)}

/* ---------- scenes: every section is a clip that slides over the last one ---------- */
.scene{
  --bg:var(--black);--fg:var(--white);--ac:var(--lime);--soft:rgba(255,255,255,.64);--line:rgba(255,255,255,.16);
  position:sticky;top:var(--top,0px);min-height:var(--vh);
  background-color:var(--bg);color:var(--fg);
  border-radius:clamp(20px,3vw,40px) clamp(20px,3vw,40px) 0 0;
  box-shadow:0 -24px 60px rgba(0,0,0,.35);
  transform:scale(calc(1 - var(--c,0)*.06));transform-origin:50% calc(100% - 50vh);
}
.scene:first-child{border-radius:0;box-shadow:none}
.scene::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#000;opacity:calc(var(--c,0)*.65);pointer-events:none;z-index:60}
.scene__in{padding-block:clamp(96px,14vh,150px) clamp(110px,16vh,170px)}

/* each scene gets its own surface, so the page reads as layers of different material */
.scene--pink{--bg:var(--pink);--soft:rgba(255,255,255,.8);--line:rgba(255,255,255,.28);
  background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 2px,transparent 2px 16px)}
.scene--lime{--bg:var(--lime);--fg:var(--black);--ac:var(--pink);--soft:rgba(19,19,19,.74);--line:rgba(19,19,19,.22)}
.scene--paper{--bg:var(--white);--fg:var(--black);--ac:var(--pink);--soft:rgba(19,19,19,.68);--line:rgba(19,19,19,.16);
  background-image:radial-gradient(rgba(19,19,19,.16) 1px,transparent 1.5px);background-size:22px 22px}
.scene--lines{background-image:linear-gradient(rgba(19,19,19,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(19,19,19,.07) 1px,transparent 1px);background-size:44px 44px;
  border-radius:0;border-top:3px solid var(--black)}
.scene--glow{background-image:radial-gradient(50% 40% at 12% 30%,rgba(176,6,68,.42),transparent 70%),radial-gradient(45% 40% at 92% 78%,rgba(210,255,0,.13),transparent 70%)}
.scene--blue{background-image:linear-gradient(rgba(210,255,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(210,255,0,.06) 1px,transparent 1px);background-size:56px 56px}
.scene--slant{border-radius:0;box-shadow:none;clip-path:polygon(0 clamp(28px,5vw,84px),100% 0,100% 100%,0 100%)}
.scene--slant .scene__in{padding-top:clamp(120px,18vh,190px)}

/* ---------- shared type ---------- */
.slate{display:flex;flex-wrap:wrap;gap:0 12px;font:500 12px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.slate span:first-child{color:var(--ac)}
.scene--pink .slate span:first-child{color:var(--lime)}
.slate span+span::before{content:"/";margin-right:12px;opacity:.5}
.title,.mega{font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:-.025em}
.title{font-size:clamp(3.2rem,10.5vw,9.6rem);line-height:.86}
.title--sm{font-size:clamp(2.5rem,6.2vw,5.6rem);line-height:.92}
.title--xs{font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:.95}
/* accent word: italic serif against the heavy grotesque */
.out{font-family:var(--serif);font-style:italic;font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.02em;font-size:1.12em;color:var(--ac)}
.scene--pink .out{color:var(--lime)}
.clip-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px clamp(24px,5vw,80px);margin-bottom:clamp(36px,6vh,72px)}
.clip-head .slate{grid-column:1/-1}
.clip-head__note{max-width:36ch;color:var(--soft);padding-bottom:.6em}

.btn{display:inline-flex;align-items:center;gap:10px;border:1.5px solid currentColor;border-radius:99px;padding:14px 22px;text-decoration:none;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.btn i{font-style:normal;transition:transform .4s var(--ease)}
.btn:hover{background:var(--white);border-color:var(--white);color:var(--black);transform:translateY(-3px)}
.btn--lime{background:var(--lime);border-color:var(--lime);color:var(--black)}
.btn--lime:hover i{transform:translateY(4px)}

/* reveal */
[data-r]{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)}
[data-r].in{opacity:1;transform:none}
.clip-head .title{clip-path:inset(0 0 100% 0);transform:translateY(.25em);transition:clip-path .9s var(--ease),transform .9s var(--ease)}
.clip-head.in .title{clip-path:inset(-20% -5% -20% -5%);transform:none}

/* ==========================================================
   SC 01 — INTRO
   ========================================================== */
.open{position:relative;min-height:var(--vh);display:flex;align-items:center;padding:96px var(--pad) 100px;overflow:hidden;
  background:
    radial-gradient(46% 60% at 74% 46%,rgba(176,6,68,.55),transparent 72%),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.035) 119px 120px)}
.open__stage{position:absolute;right:0;top:0;bottom:0;width:58%}
#pcanvas{width:100%;height:100%}
.open__fallback{position:absolute;right:8%;bottom:0;height:88%;width:auto;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen;opacity:.9}
.open__note{position:absolute;font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);animation:fade 1s 2.2s both}
.open__note b{color:var(--lime);font-weight:500}
.open__note--a{top:17%;right:var(--pad);text-align:right;padding-top:10px;border-top:1px solid rgba(255,255,255,.3)}
.open__note--b{left:4%;top:46%;color:var(--lime)}
.open__copy{position:relative;z-index:2;max-width:min(60%,880px)}
.mega{font-size:clamp(3rem,min(8.2vw,14.5vh),9.6rem);line-height:.86;margin:.16em 0 .26em;user-select:none}
.mega__l{display:block;white-space:nowrap}
.mega em{font-style:normal;color:var(--pink)}
.mega i{display:inline-block;font-style:normal;font-stretch:var(--w,75%);animation:letter 1s var(--ease) both;animation-delay:calc(var(--i)*32ms + 120ms)}
@keyframes letter{from{opacity:0;transform:translateY(.5em) rotate(5deg);font-stretch:100%}to{opacity:1;transform:none;font-stretch:75%}}
.mega__l--serif{font-family:var(--serif);font-style:italic;font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.02em;color:var(--lime);
  font-size:1.36em;line-height:.74;margin:.02em 0 .1em .32em;animation:serifIn 1.1s var(--ease) .55s both}
@keyframes serifIn{from{opacity:0;transform:translateX(-.4em) skewX(-14deg)}}
.open__lede{max-width:46ch;font-size:clamp(1rem,1.3vw,1.28rem);color:rgba(255,255,255,.74);animation:fade 1s .9s both}
.open__lede strong{color:var(--white);font-weight:700}
.open__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6em;animation:fade 1s 1.15s both}
@keyframes fade{from{opacity:0;transform:translateY(14px)}}
.open__facts{position:absolute;right:var(--pad);bottom:66px;z-index:2;list-style:none;display:flex;gap:10px;animation:fade 1s 1.6s both}
.open__facts li{background:rgba(19,19,19,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:11px 14px;
  font:500 10.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.open__facts b{display:block;font:800 1.25rem/1.1 var(--sans);font-stretch:75%;letter-spacing:0;color:var(--lime);margin-bottom:2px}

/* ==========================================================
   SC 02 — ABOUT + JOURNEY
   ========================================================== */
.about{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(30px,6vw,100px);align-items:center}
.about__pic{position:relative;aspect-ratio:4/5;max-width:440px;border:2.5px solid var(--black);border-radius:16px;background:var(--lime);box-shadow:14px 14px 0 var(--pink);rotate:-2.5deg}
.about__pic img{width:100%;height:100%;object-fit:cover;border-radius:13px}
.sticker{position:absolute;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:99px;border:2px solid var(--black);white-space:nowrap}
.sticker--lime{background:var(--lime);color:var(--black);top:-16px;right:-22px;rotate:7deg}
.sticker--black{background:var(--black);color:var(--white);bottom:22px;left:-26px;rotate:-5deg}
.about__copy .title{margin:.3em 0 .5em}
.about__copy p:not(.slate){max-width:56ch;color:var(--soft);margin-top:.9em}
.about__copy .about__big{font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.3;font-weight:600;color:var(--fg);max-width:34ch}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:1.8em;max-width:640px}
.facts div{display:flex;gap:14px;align-items:baseline;border-top:1.5px solid var(--black);padding:10px 0}
.facts dt{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);width:74px;flex-shrink:0}
.facts dd{font-weight:600;font-size:.95em}

.seq-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin:clamp(56px,10vh,110px) 0 22px}
.seq-head p{color:var(--soft);max-width:34ch}
.seq{background:var(--black);color:var(--white);border-radius:18px;padding:16px 18px 20px;position:relative;overflow-x:auto;box-shadow:10px 10px 0 var(--lime),10px 10px 0 2.5px var(--black)}
.seq>div{min-width:620px}
.seq__ruler{display:grid;grid-template-columns:repeat(9,1fr);margin-left:44px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.5);padding-bottom:10px;border-bottom:1px solid #333}
.seq__ruler span{border-left:1px solid #444;padding-left:6px}
.seq__track{display:flex;align-items:center;margin-top:8px}
.seq__track>b{width:44px;font:500 11px/1 var(--mono);color:rgba(255,255,255,.45)}
.seq__lane{flex:1;position:relative;height:56px;background:#1d1d1d;border-radius:6px}
.clipbar{position:absolute;top:4px;bottom:4px;left:calc(var(--s)/9*100%);width:calc((var(--e) - var(--s))/9*100% - 3px);border-radius:5px;padding:0 10px;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;white-space:nowrap;transform:scaleX(0);transform-origin:0 50%;transition:transform 1s var(--ease) var(--d,0ms)}
.seq.in .clipbar{transform:none}
.clipbar strong{font-weight:800;font-stretch:80%;font-size:14px;text-transform:uppercase;line-height:1.2}
.clipbar em{font:500 10px/1.3 var(--mono);font-style:normal;opacity:.78}
.clipbar--lime{background:var(--lime);color:var(--black)}
.clipbar--pink{background:var(--pink);color:var(--white)}
.clipbar--dark{background:#3a3a3a;color:var(--white)}
.seq__track:nth-child(3) .clipbar{--d:300ms}.seq__track:nth-child(2) .clipbar{--d:600ms}
.seq__lane .clipbar:nth-child(2){--d:150ms}
.seq__play{position:absolute;top:8px;bottom:8px;left:62px;width:2px;background:var(--white);opacity:0;pointer-events:none}
.seq__play::before{content:"";position:absolute;left:-5px;top:0;border:6px solid transparent;border-top-color:var(--white)}
.seq.in .seq__play{opacity:.9;animation:play 9s linear 1.2s infinite}
@keyframes play{from{left:62px}to{left:calc(100% - 20px)}}

/* ==========================================================
   pinned runs (SC 03 feed, SC 06 posters)
   ========================================================== */
.run{height:var(--runH,220vh)}
.run__pin{position:sticky;top:0;height:var(--vh);overflow:hidden;border-radius:inherit}
.scene--feed .run,.scene--run .run{border-radius:inherit}

.feed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;height:100%}
.feed__copy{padding:0 2vw 0 var(--pad);position:relative;z-index:2}
.scrub{font-weight:800;font-stretch:75%;font-size:clamp(1.9rem,4.2vw,4.1rem);line-height:1;letter-spacing:-.02em;margin-top:.5em;text-transform:uppercase}
.scrub span{opacity:.14;transition:opacity .25s}
.scrub span.on{opacity:1}
.scrub b{font:italic 400 1.1em/1 var(--serif);text-transform:none;letter-spacing:-.02em;color:var(--lime)}
.wall{position:relative;height:100%;perspective:1100px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(#0000,#000 18%,#000 82%,#0000);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(#0000,#000 18%,#000 82%,#0000);mask-composite:intersect}
.wall__plane{position:absolute;left:50%;top:50%;width:min(64vw,880px);display:grid;grid-template-columns:1fr .56fr 1fr;gap:16px;transform:translate(-46%,-50%) rotateX(48deg) rotateZ(-22deg);transform-style:preserve-3d}
.wall__col{display:flex;flex-direction:column;gap:16px;animation:wallY 26s linear infinite;will-change:transform}
.wall__col:nth-child(2){animation-duration:20s;animation-direction:reverse}
.wall__col:nth-child(3){animation-duration:32s}
.wall__col img{width:100%;border-radius:10px;background:#222}
.wall__col .w16{aspect-ratio:16/9}.wall__col .w9{aspect-ratio:9/16}
@keyframes wallY{to{transform:translateY(calc(-50% - 8px))}}
.is-stopped .wall__col{animation-play-state:paused}
.wall__focus{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:16/10;transform:translate(-50%,-50%) scale(1.25);opacity:0;transition:opacity .4s,transform .6s var(--ease);z-index:3;pointer-events:none;
  background:
   linear-gradient(var(--lime) 0 0) 0 0/34px 3px,linear-gradient(var(--lime) 0 0) 0 0/3px 34px,
   linear-gradient(var(--lime) 0 0) 100% 0/34px 3px,linear-gradient(var(--lime) 0 0) 100% 0/3px 34px,
   linear-gradient(var(--lime) 0 0) 0 100%/34px 3px,linear-gradient(var(--lime) 0 0) 0 100%/3px 34px,
   linear-gradient(var(--lime) 0 0) 100% 100%/34px 3px,linear-gradient(var(--lime) 0 0) 100% 100%/3px 34px;
  background-repeat:no-repeat}
.wall__focus::after{content:"■ STOPPED";position:absolute;left:0;bottom:-28px;font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--lime)}
.is-stopped .wall__focus{opacity:1;transform:translate(-50%,-50%)}

/* ==========================================================
   work cards (shared)
   ========================================================== */
.card{display:block;width:100%;text-align:left;position:relative}
.card__img{display:block;position:relative;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.25);transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.card:hover .card__img,.card:focus-visible .card__img{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.02);box-shadow:0 26px 50px rgba(0,0,0,.4)}
.card:hover img{transform:scale(1.05)}
.card__cap{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.card__cap span:last-child{color:var(--soft);text-align:right;flex-shrink:0}

.deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px) clamp(12px,1.8vw,26px);perspective:1400px}
.deck .card__img{aspect-ratio:16/9}
.deck [data-r]{transform:translateY(70px) rotateX(-24deg) scale(.92);transform-origin:50% 0}
.deck [data-r].in{transform:none}
.deck .card:nth-child(1){grid-column:span 2;grid-row:span 2}

.phones{display:flex;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,26px);perspective:1500px;padding:20px 0 10px;transform-style:preserve-3d}
.phone{flex:0 0 auto;width:clamp(150px,16.5vw,236px);background:#050505;border:1.5px solid #3a3a3a;border-radius:clamp(22px,2.2vw,32px);padding:10px 7px 14px;position:relative;
  transform:rotateY(calc(var(--o)*-15deg)) translateZ(calc(var(--a)*-70px)) translateY(calc(var(--a)*14px));transition:transform .6s var(--ease),border-color .3s;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.phone::before{content:"";position:absolute;top:5px;left:50%;width:26%;height:4px;border-radius:4px;background:#2c2c2c;transform:translateX(-50%)}
.phone:hover,.phone:focus-visible{transform:rotateY(calc(var(--o)*-6deg)) translateZ(30px) translateY(-10px);border-color:var(--lime)}
.phone__screen{display:block;aspect-ratio:9/16;border-radius:clamp(14px,1.5vw,22px);overflow:hidden;background:#1c1c1c;position:relative}
.phone__screen img,.phone__screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone--reel{border-color:var(--lime)}
.phone__badge{position:absolute;left:10px;top:10px;z-index:2;background:var(--lime);color:var(--black);font:500 10px/1 var(--mono);letter-spacing:.1em;padding:5px 7px;border-radius:5px}
.phones[data-r]{transform:translateY(60px)}

.scene--run .run__pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,3vh,34px);perspective:1500px;padding-block:70px 60px}
.scene--run .clip-head{margin-bottom:0}
.scene--run .title{font-size:clamp(3rem,min(9vw,15vh),8.5rem)}
.run__rail{position:relative;display:flex;align-items:center;gap:clamp(18px,3vw,46px);padding-inline:var(--pad);width:max-content;will-change:transform;transform-style:preserve-3d}
.poster{flex:0 0 auto;width:auto;height:min(50vh,520px);aspect-ratio:var(--ar,1);position:relative;transform:rotateY(var(--py,0deg)) translateZ(var(--pz,0px));will-change:transform}
.poster .card__img{height:100%;border-radius:8px;box-shadow:0 22px 44px rgba(19,19,19,.35)}
.poster .card__cap{position:absolute;left:0;right:0;top:100%}

.shelf{display:flex;justify-content:center;align-items:flex-end;gap:clamp(28px,7vw,110px);perspective:1800px;padding:20px 0 30px;flex-wrap:wrap}
.bookwrap{display:flex;flex-direction:column;align-items:center;gap:34px}
.book{--w:clamp(150px,19vw,260px);--h:calc(var(--w)*1.414);--dp:clamp(22px,2.6vw,36px);width:var(--w);height:var(--h);position:relative;transform-style:preserve-3d;transform:rotateY(34deg) rotateX(4deg);transition:transform .9s var(--ease)}
[data-r] .book{transform:rotateY(96deg) rotateX(4deg)}
[data-r].in .book{transform:rotateY(34deg) rotateX(4deg)}
.bookwrap:hover .book,.bookwrap:focus-visible .book{transform:rotateY(-12deg) rotateX(2deg) translateY(-12px)}
.book>*{position:absolute}
.book__front{inset:0;transform:translateZ(calc(var(--dp)/2));border-radius:2px 5px 5px 2px;overflow:hidden;background:var(--bc)}
.book__front img{width:100%;height:100%;object-fit:cover}
.book__front::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 5%,rgba(255,255,255,.14) 7%,transparent 10%)}
.book__back{inset:0;transform:translateZ(calc(var(--dp)/-2)) rotateY(180deg);background:var(--bc);border-radius:2px 5px 5px 2px}
.book__spine{left:0;top:0;height:100%;width:var(--dp);margin-left:calc(var(--dp)/-2);transform:rotateY(-90deg);background:var(--bc);display:grid;place-items:center;color:#fff;font-weight:800;font-stretch:75%;font-size:calc(var(--dp)*.42);letter-spacing:.12em;writing-mode:vertical-rl;white-space:nowrap;overflow:hidden}
.book__spine::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 40%,rgba(0,0,0,.2))}
.book__pages{right:0;top:4px;bottom:4px;width:var(--dp);margin-right:calc(var(--dp)/-2);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#f6f3ea 0 2px,#d9d4c6 2px 3px)}
.book__shadow{left:6%;right:-6%;bottom:-22px;height:22px;background:radial-gradient(closest-side,rgba(0,0,0,.38),transparent);transform:rotateX(90deg) translateZ(-4px);filter:blur(5px)}
.bookwrap .card__cap{justify-content:center;text-align:center;max-width:24ch}

.monitors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,44px)}
.mon{background:#1c1c1c;border:1px solid #303030;border-radius:16px;overflow:hidden}
.mon__bar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mon__bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:8px}
.mon.playing .mon__bar i{background:var(--lime)}
.mon__view{position:relative;aspect-ratio:16/9;background:#000;display:block;width:100%}
.mon__view video,.mon__view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mon__tl{display:grid;gap:4px;padding:12px 14px 4px}
.mon__tl u{display:block;height:9px;border-radius:3px;text-decoration:none;background:linear-gradient(90deg,var(--lime) 0 var(--a),transparent 0 calc(var(--a) + 1%),var(--pink) 0 var(--b),transparent 0 calc(var(--b) + 1%),#4a4a4a 0 var(--c2),transparent 0 calc(var(--c2) + 1%),var(--lime) 0)}
.mon__tl u:nth-child(2){opacity:.55}
.mon__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px 16px}
.mon__meta h3{font-weight:800;font-stretch:75%;font-size:clamp(1.2rem,1.9vw,1.7rem);text-transform:uppercase;line-height:1.05}
.mon__meta p{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:5px}
.mon__meta a{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);white-space:nowrap}

/* ==========================================================
   SC 09 — WORKFLOW
   ========================================================== */
#flow .scene__in{padding-top:0}
.tape{overflow:hidden;background:var(--lime);color:var(--black);transform:rotate(-1.6deg) scale(1.04);margin:clamp(70px,11vh,120px) 0 clamp(50px,8vh,90px)}
.tape__in{display:flex;width:max-content;animation:tape 40s linear infinite;font-weight:800;font-stretch:75%;font-size:clamp(1.7rem,4vw,3.6rem);text-transform:uppercase;line-height:1;padding:.24em 0;letter-spacing:-.02em}
.tape__in span{padding-right:.5em}
.tape__in span::after{content:"✦";padding-left:.5em;color:var(--pink)}
.tape__in span:nth-child(even){font:italic 400 1.12em/.9 var(--serif);text-transform:none}
@keyframes tape{to{transform:translateX(-50%)}}

.pipe{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;position:relative}
.node{position:relative;border:1px solid var(--line);border-radius:18px;padding:18px 18px 20px;background:rgba(19,19,19,.82);display:flex;flex-direction:column;gap:8px;transition:border-color .3s,translate .4s var(--ease),opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)}
.node:hover{border-color:var(--lime);translate:0 -6px}
.node:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:50%;translate:0 -50%;color:var(--lime);font:500 16px/1 var(--mono);animation:nudge 1.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(4px)}}
.node__n{font:500 12px/1 var(--mono);letter-spacing:.12em;color:var(--lime);display:flex;justify-content:space-between}
.node h3{font-weight:800;font-stretch:75%;font-size:clamp(1.7rem,2.8vw,2.6rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em;margin-top:.5em}
.node p{color:var(--soft);font-size:.92em;flex:1}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chips i{font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.06em;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.1)}
.node--ai{background:var(--lime);color:var(--black);border-color:var(--lime);box-shadow:0 0 60px rgba(210,255,0,.22)}
.node--ai .node__n{color:var(--black)}
.node--ai .node__n b{background:var(--black);color:var(--lime);padding:4px 7px;border-radius:5px;margin-top:-4px;font-weight:500}
.node--ai p{color:rgba(19,19,19,.78)}
.node--ai .chips i{background:var(--black);color:var(--white)}

.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;margin-top:26px}
.term{border:1px solid rgba(210,255,0,.35);border-radius:18px;background:#0c0c0c;padding:0 20px 22px;font:500 clamp(13px,1.05vw,15px)/1.65 var(--mono);color:rgba(255,255,255,.86)}
.term__bar{display:flex;align-items:center;gap:7px;padding:14px 0;margin-bottom:10px;border-bottom:1px solid #262626;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.term__bar i{width:10px;height:10px;border-radius:50%;background:#333}
.term__bar i:first-child{background:var(--pink)}.term__bar i:nth-child(2){background:var(--lime)}
.term__bar span{margin-left:auto}
.term b{color:var(--lime);font-weight:500}
.term__out{color:rgba(255,255,255,.55);margin-top:10px}
.caret{display:inline-block;width:.6em;height:1.1em;background:var(--lime);vertical-align:-.2em;margin-left:4px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.duo{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.duo>div{padding:20px}
.duo>div:last-child{background:var(--pink)}
.duo h4{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:14px}
.duo ul{list-style:none;display:grid;gap:8px;font-weight:600;font-size:.98em;line-height:1.3}
.duo li::before{content:"+ ";font-family:var(--mono);opacity:.6}

/* ==========================================================
   SC 10 — END CARD
   ========================================================== */
.end{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,6vw,90px);align-items:end;padding-bottom:110px}
.mega--end{font-size:clamp(3.6rem,min(10vw,22vh),10.5rem);line-height:.82;margin:.12em 0 .24em}
.mega--end .out{display:block;font-size:1.2em;line-height:.8;margin-left:.12em}
.mega--end em{color:var(--black)}
.end__lede{max-width:40ch;font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:500}
.end__mail{display:inline-block;margin-top:1.1em;font-weight:800;font-stretch:75%;font-size:clamp(1.3rem,2.6vw,2.3rem);text-decoration:none;border-bottom:3px solid var(--pink);padding-bottom:2px;transition:color .3s}
.end__mail:hover{color:var(--pink)}
.end__socials{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:1.6em;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.end__socials a{text-decoration:none;padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .3s}
.end__socials a:hover{border-color:currentColor}
.form{background:var(--black);color:var(--white);border-radius:22px;padding:clamp(22px,3vw,38px);display:grid;gap:18px;box-shadow:14px 14px 0 var(--pink)}
.form label{display:grid;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.form input,.form textarea{font:500 16px/1.4 var(--sans);color:var(--white);background:transparent;border:0;border-bottom:1.5px solid #444;padding:8px 0 10px;resize:vertical;border-radius:0;letter-spacing:0;text-transform:none}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--lime)}
.form ::placeholder{color:rgba(255,255,255,.3)}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form button{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:var(--black);border-radius:12px;padding:16px 20px;font-weight:800;font-stretch:75%;font-size:1.2rem;text-transform:uppercase;transition:background .3s,transform .3s var(--ease)}
.form button i{font-style:normal;transition:transform .4s var(--ease)}
.form button:hover{background:var(--white)}
.form button:hover i{transform:translateX(6px)}
.form button[disabled]{opacity:.6;cursor:progress}
.form__status{min-height:1.4em;font:500 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--lime)}
.form__status.err{color:#ff7aa5}
.credits{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1.5px solid var(--black);padding-top:16px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.credits a{margin-left:auto;text-decoration:none}

/* ==========================================================
   LIGHTBOX
   ========================================================== */
.lb{position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.94);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:clamp(12px,3vw,40px);animation:lbIn .3s}
.lb[hidden]{display:none}
@keyframes lbIn{from{opacity:0}}
.lb__fig{display:grid;justify-items:center;gap:14px;min-width:0}
.lb__fig img{max-width:100%;max-height:calc(var(--vh) - 130px);width:auto;height:auto;border-radius:8px;animation:lbImg .45s var(--ease)}
@keyframes lbImg{from{opacity:0;transform:scale(.94)}}
.lb__fig figcaption{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--white)}
.lb__fig figcaption span{color:var(--lime)}
.lb__x,.lb__nav{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);color:var(--white);font-size:18px;transition:background .3s,color .3s,border-color .3s}
.lb__x:hover,.lb__nav:hover{background:var(--lime);border-color:var(--lime);color:var(--black)}
.lb__x{position:absolute;top:16px;right:16px;z-index:2}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media(max-width:1100px){
  .pipe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .node:not(:last-child)::after{display:none}
  .node:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .top__nav a:not(.top__cta){display:none}
  .top__nav{padding:5px}
  .open{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:0 var(--pad) 84px;
    background:radial-gradient(80% 42% at 50% 26%,rgba(176,6,68,.55),transparent 72%)}
  .open__stage{left:0;right:0;width:100%;bottom:auto;height:min(56svh,520px)}
  .open__note{display:none}
  .open__copy{max-width:none;margin-top:min(51svh,470px)}
  .mega{font-size:clamp(2.6rem,min(13.4vw,9vh),6rem)}
  .open__facts{position:static;margin-top:18px;flex-wrap:wrap}
  .open__facts li{padding:9px 12px}
  .open__facts li:nth-child(2){display:block}
  .about{grid-template-columns:1fr}
  .about__pic{max-width:min(74%,320px);margin-left:6px}
  .facts{grid-template-columns:1fr}
  .feed{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding-top:88px}
  .feed__copy{padding-right:var(--pad)}
  .wall__plane{width:120vw}
  .wall{-webkit-mask-image:linear-gradient(#0000,#000 22%,#000 80%,#0000);mask-image:linear-gradient(#0000,#000 22%,#000 80%,#0000)}
  .clip-head{grid-template-columns:1fr}
  .deck{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phones{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad)*-1);padding:20px var(--pad) 26px;perspective:none;scrollbar-width:none}
  .phones::-webkit-scrollbar{display:none}
  .phone{width:min(58vw,240px);transform:none!important;scroll-snap-align:center}
  .poster{height:min(44vh,420px)}
  .monitors,.split{grid-template-columns:1fr}
  .end{grid-template-columns:1fr;align-items:start}
  .form{box-shadow:8px 8px 0 var(--pink)}
  .lb{grid-template-columns:1fr}
  .lb__nav{position:absolute;bottom:16px}
  .lb__nav--p{left:16px}.lb__nav--n{right:16px}
  .lb__fig img{max-height:calc(var(--vh) - 190px)}
}
@media(max-width:560px){
  .hud__scene{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .deck .card__cap span:last-child{display:none}
  .shelf{gap:44px 24px}
  .book{--w:38vw}
  .pipe{grid-template-columns:1fr;gap:14px}
  .node:last-child{grid-column:auto}
  .duo{grid-template-columns:1fr}
  .sticker--lime{right:-12px}.sticker--black{left:-12px}
  .credits a{margin-left:0}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .scene{transform:none}
  [data-r]{opacity:1;transform:none}
  .wall__col,.tape__in,.seq__play{animation:none}
  .scrub span{opacity:1}
}

/* ==========================================================
   hero facts (in the text column, clear of the particles)
   ========================================================== */
.open__facts{position:static;list-style:none;display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:clamp(22px,4vh,40px);animation:fade 1s 1.4s both}
.open__facts li{background:none;border:0;border-left:1.5px solid rgba(255,255,255,.28);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2px 0 2px 14px;
  font:500 10.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.open__facts li:nth-child(2){display:block}
.open__facts b{font-size:1.3rem}

/* ==========================================================
   SC 08 — VIDEOGRAPHY (camera viewfinder)
   ========================================================== */
.scene--vf{background-image:radial-gradient(60% 50% at 80% 10%,rgba(176,6,68,.3),transparent 70%)}
.shoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.3164fr);gap:clamp(12px,1.8vw,26px)}
.vf{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#000;outline:1px solid #2e2e2e}
.vf--tall{aspect-ratio:9/16}
.vf img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(.6);scale:1.12;transition:filter 1.6s var(--ease) .25s,scale 2.2s var(--ease) .25s}
.vf.in img{filter:none;scale:1}                           /* focus pull as it comes into view */
.vf__hud{position:absolute;inset:0;font:500 clamp(10px,.95vw,13px)/1 var(--mono);letter-spacing:.1em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);
  background:
    linear-gradient(rgba(255,255,255,.22) 0 0) 33.33% 0/1px 100% no-repeat,linear-gradient(rgba(255,255,255,.22) 0 0) 66.66% 0/1px 100% no-repeat,
    linear-gradient(rgba(255,255,255,.22) 0 0) 0 33.33%/100% 1px no-repeat,linear-gradient(rgba(255,255,255,.22) 0 0) 0 66.66%/100% 1px no-repeat}
.vf__hud span{position:absolute}
.vf__rec{left:4%;top:5%;display:flex;align-items:center;gap:8px}
.vf__rec::before{content:"";width:.8em;height:.8em;border-radius:50%;background:#ff2d55;animation:blink 1.2s steps(1) infinite}
.vf__tr{right:4%;top:5%}.vf__bl{left:4%;bottom:5%;font-variant-numeric:tabular-nums}.vf__br{right:4%;bottom:5%}
.vf__focus{position:absolute;left:50%;top:38%;width:clamp(54px,9%,110px);aspect-ratio:1;translate:-50% -50%;
  background:
   linear-gradient(var(--lime) 0 0) 0 0/30% 2px,linear-gradient(var(--lime) 0 0) 0 0/2px 30%,
   linear-gradient(var(--lime) 0 0) 100% 0/30% 2px,linear-gradient(var(--lime) 0 0) 100% 0/2px 30%,
   linear-gradient(var(--lime) 0 0) 0 100%/30% 2px,linear-gradient(var(--lime) 0 0) 0 100%/2px 30%,
   linear-gradient(var(--lime) 0 0) 100% 100%/30% 2px,linear-gradient(var(--lime) 0 0) 100% 100%/2px 30%;
  background-repeat:no-repeat;scale:1.6;opacity:0;transition:scale .9s var(--ease) 1.1s,opacity .4s 1.1s}
.vf--tall .vf__focus{top:40%;width:26%}
.vf.in .vf__focus{scale:1;opacity:1}
.crew{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,5vh,56px);border-top:1px solid var(--line)}
.crew li{padding:20px 22px 0 0;border-right:1px solid var(--line)}
.crew li+li{padding-left:22px}
.crew li:last-child{border-right:0}
.crew span{font:500 12px/1 var(--mono);letter-spacing:.12em;color:var(--lime)}
.crew h3{font-weight:800;font-stretch:75%;font-size:clamp(1.5rem,2.4vw,2.2rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em;margin:.55em 0 .35em}
.crew p{color:var(--soft);font-size:.93em;max-width:30ch}
@media(max-width:900px){
  .open__facts{margin-top:20px;gap:12px 20px}
  .crew{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crew li:nth-child(2){border-right:0}
  .crew li:nth-child(3){padding-left:0}
  .crew li:nth-child(n+3){border-top:1px solid var(--line);margin-top:20px}
}
@media(max-width:560px){
  .shoot{grid-template-columns:1fr}
  .vf--tall{max-width:62%}
  .crew{grid-template-columns:1fr}
  .crew li,.crew li+li{padding-left:0;border-right:0}
  .crew li+li{border-top:1px solid var(--line);margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.vf img{filter:none;scale:1}.vf__focus{opacity:1;scale:1}}.vf__tr{right:auto;left:calc(4% + 6.5em)}
.vf:not(.vf--tall) .vf__focus{left:56.5%;top:27%}
.vf--tall .vf__focus{top:36%}