/* ───────── fonts ───────── */
@font-face{font-family:"Inknut Antiqua";font-weight:400;font-display:swap;src:local("Inknut Antiqua Regular"),local("InknutAntiqua-Regular"),url(/fonts/InknutAntiqua-Regular.ttf) format("truetype")}
@font-face{font-family:"Inknut Antiqua";font-weight:300;font-display:swap;src:local("Inknut Antiqua Light"),local("InknutAntiqua-Light"),url(/fonts/InknutAntiqua-Light.ttf) format("truetype")}
@font-face{font-family:"Footlight MT Light";font-display:swap;src:local("Footlight MT Light"),local("FootlightMTLight"),url(/fonts/FootlightMTLight.ttf) format("truetype")}
@font-face{font-family:"Century Gothic";font-weight:400;font-display:swap;src:local("Century Gothic"),local("CenturyGothic"),url(/fonts/CenturyGothic.ttf) format("truetype")}
@font-face{font-family:"Century Gothic";font-weight:700;font-display:swap;src:local("Century Gothic Bold"),local("CenturyGothic-Bold"),url(/fonts/CenturyGothic-Bold.ttf) format("truetype")}
@font-face{font-family:"Lulo Clean";font-weight:700;font-display:swap;src:local("Lulo Clean W01 One Bold"),local("LuloCleanW01-OneBold"),url(/fonts/LuloCleanW01-OneBold.ttf) format("truetype")}
@font-face{font-family:"Marion";font-display:swap;src:local("Marion-Regular"),local("Marion"),url(/fonts/Marion-Regular.ttf) format("truetype")}
@font-face{font-family:"Bodoni Ornaments";font-display:block;src:local("Bodoni Ornaments"),local("BodoniOrnamentsITCTT"),url(/fonts/BodoniOrnaments.ttf) format("truetype")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;src:url(/PROWESS/projects/Ahead/SOW/fonts/InstrumentSerif-Italic.ttf) format("truetype")}
@font-face{font-family:"Optician Sans";font-display:swap;src:url(/PROWESS/projects/Ahead/SOW/fonts/Optician-Sans.otf) format("opentype")}

:root{
  --display:"Inknut Antiqua", serif;
  --body:"Footlight MT Light", serif;
  --gothic:"Century Gothic", sans-serif;
  --lulo:"Lulo Clean", sans-serif;
  --marion:"Marion", serif;
  --caption:"PT Serif Caption", serif;
  --orn:"Bodoni Ornaments";
  --serif:"Instrument Serif", serif;
  --mark:"Optician Sans", sans-serif;
  --pala:Palatino, "Palatino Linotype", serif;

  --ink:#FAF3EE; --ivory:#D6CFBF; --beige:#9A9287; --dim:#3B3B35; --red:#CC342C; --gold:#B8862B;
  --sun:#EFA807; --sun-2:#FAB300; --night:#0A0907; --plum:#220927;
  --azure:#1F2BFC; --royal:#020CDF; --mred:#FE0000; --cream:#F0DCB3; --wall:#26120A;
  --inn:#391676; --inn-cream:#FFFAF3;

  --hud:#FAF3EE; --hud-b:#FAF3EE;
  --pad:clamp(20px, 4.2vw, 76px);
  --frame:1440px;
  --ease:cubic-bezier(.22,.61,.12,1);
  --mk:clamp(9.5px, .74vw, 12.5px);
  --body-size:clamp(16.5px, 1.24vw, 22px);
}
*{box-sizing:border-box}
html{background:var(--night);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:var(--body-size);line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
::selection{background:var(--sun);color:var(--night)}
h1,h2,h3,h4,p,ol,ul,figure,blockquote{margin:0;padding:0}
ol,ul{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%;height:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100%, var(--frame));margin:0 auto;padding:0 var(--pad)}

/* type */
.mk{font-family:var(--mark);font-size:var(--mk);line-height:1.4;letter-spacing:.36em;text-transform:uppercase;font-weight:400}
.mk.red{color:var(--red)}
.mk.dim{opacity:.55}
.display{font-family:var(--display);font-weight:400;line-height:1.06;letter-spacing:-.01em}
.q{color:var(--sun-2);font-family:var(--display)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.w>span{display:inline-block;will-change:transform}
.split{display:flex;justify-content:space-between;align-items:baseline;gap:1em}
.label{display:block;text-align:center}

/* ───────── HUD ───────── */
.hud{position:fixed;z-index:60;pointer-events:none;transition:color .8s var(--ease), opacity .8s var(--ease)}
.hud a,.hud button{pointer-events:auto}
.hud-tl{top:clamp(18px, 2.4vw, 34px);left:var(--pad);color:var(--hud)}
.hud-tr{top:clamp(4px, 1.6vw, 20px);right:calc(var(--pad) - 12px);color:var(--hud)}
.hud-bl{bottom:clamp(16px, 2.2vw, 30px);left:var(--pad);color:var(--hud-b)}
.hud-br{bottom:clamp(16px, 2.2vw, 30px);right:var(--pad);color:var(--hud-b);display:flex;gap:1.1em}
.hud-br .sl{color:var(--red)}
.hud-br .tot{opacity:.45}
.swap{display:inline-grid}
.swap>span{grid-area:1/1;white-space:nowrap;transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
.swap>span.pre{opacity:0;transform:translate3d(0,.7em,0);filter:blur(3px);transition:none}
.swap>span.out{opacity:0;transform:translate3d(0,-.7em,0);filter:blur(3px)}
.burger{position:relative;width:48px;height:48px;display:block}
.burger i{position:absolute;left:12px;right:12px;top:50%;height:1px;background:currentColor;transition:transform .7s var(--ease), left .7s var(--ease)}
.burger i:first-child{transform:translateY(-3.5px)}
.burger i:last-child{transform:translateY(3.5px);left:20px}
.burger:hover i:last-child{left:12px}
body.menu-open .burger i:first-child{transform:rotate(45deg)}
body.menu-open .burger i:last-child{transform:rotate(-45deg);left:12px}
body.menu-open .hud-tr,body.menu-open .hud-tl{color:var(--ink)}

/* menu */
.menu{position:fixed;inset:0;z-index:55;background:var(--night);clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease);overflow:auto;overscroll-behavior:contain}
body.menu-open .menu{clip-path:inset(0 0 0 0)}
.menu-in{min-height:100%;width:min(100%, var(--frame));margin:0 auto;padding:clamp(90px, 13vh, 150px) var(--pad) clamp(50px, 8vh, 90px);display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 4fr);gap:clamp(30px, 6vw, 120px);align-content:center}
.menu .mk.head{display:block;margin-bottom:clamp(14px, 2.4vh, 28px);color:var(--beige)}
.menu li{overflow:hidden;border-bottom:1px solid #1d1a16}
.menu li a{display:grid;grid-template-columns:3.4em 1fr auto;align-items:baseline;gap:1em;padding:clamp(8px, 1.3vh, 16px) 0;transform:translateY(105%);transition:transform 1s var(--ease)}
body.menu-open .menu li a{transform:none}
.menu .n{color:var(--red)}
.menu .t{font-family:var(--display);font-size:clamp(26px, 3.3vw, 58px);line-height:1.14;color:var(--ink);transition:color .5s var(--ease), transform .8s var(--ease)}
.menu .m{color:var(--beige)}
.menu li a:hover .t{color:var(--sun-2);transform:translateX(.2em)}
.menu .side li a{grid-template-columns:3.4em 1fr}
.menu .side .t{font-size:clamp(19px, 1.7vw, 28px)}
.menu .contact-m{margin-top:clamp(30px, 6vh, 60px);display:grid;gap:.9em;color:var(--beige)}
.menu .contact-m a:hover{color:var(--ink)}
.menu ol li:nth-child(2) a,.menu ul li:nth-child(2) a{transition-delay:.05s}.menu ol li:nth-child(3) a,.menu ul li:nth-child(3) a{transition-delay:.1s}.menu ol li:nth-child(4) a,.menu ul li:nth-child(4) a{transition-delay:.15s}.menu ol li:nth-child(5) a,.menu ul li:nth-child(5) a{transition-delay:.2s}.menu ol li:nth-child(6) a{transition-delay:.25s}

/* ───────── 00 hero ───────── */
.hero{position:relative;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 42%, #1a1310 0%, var(--night) 70%);display:grid;place-items:center}
.hero-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px, 2vh, 24px);padding-top:3vh}
.window{position:relative;width:clamp(112px, 10.4vw, 180px);aspect-ratio:4/5}
.card{position:absolute;inset:0;overflow:hidden;background:#15110e;box-shadow:0 30px 60px rgba(0,0,0,.55);opacity:0;will-change:transform,opacity}
.card img{width:100%;height:100%;object-fit:cover}
.card.light{background:var(--cream)}
.hero-name{font-size:clamp(84px, 12vw, 224px);line-height:.92;margin-top:clamp(4px, 1vh, 12px)}
.hero-role{font-family:var(--display);font-weight:300;font-size:clamp(18px, 1.6vw, 28px);line-height:1.2}
.hero-role em{font-style:normal;color:var(--sun-2)}
.roles{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em 2.2em;max-width:min(92vw, 1000px);color:var(--beige)}
.roles span{white-space:nowrap}
.cue{position:absolute;left:0;right:0;bottom:clamp(16px, 2.2vw, 30px);text-align:center;color:var(--beige)}
.cue i{display:block;width:1px;height:28px;margin:10px auto 0;background:linear-gradient(var(--beige), transparent);animation:cue 2.4s var(--ease) infinite;transform-origin:50% 0}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

/* ───────── 01 statement ───────── */
.statement{position:relative;background:linear-gradient(180deg, var(--night) 0%, #17101A 40%, var(--plum) 100%);padding:clamp(120px, 22vh, 260px) 0 clamp(60px, 12vh, 140px);text-align:center;overflow:hidden}
.statement .some{font-family:var(--display);font-weight:300;font-size:clamp(17px, 1.42vw, 25px);line-height:1.5}
.dots{display:grid;gap:12px;justify-content:center;margin:clamp(34px, 4vw, 64px) 0}
.dots i{width:5px;height:5px;border-radius:50%;background:var(--ink);animation:dot 2.4s var(--ease) infinite}
.dots i:nth-child(2){animation-delay:.3s}.dots i:nth-child(3){animation-delay:.6s}
@keyframes dot{0%,100%{opacity:.25;transform:scale(.8)}35%{opacity:1;transform:scale(1.15)}}
.scream{position:relative;isolation:isolate;font-size:clamp(54px, 12.4vw, 240px);line-height:.98;white-space:nowrap;letter-spacing:-.02em;padding-bottom:.3em}
.scream .row{display:block}
.flourish{position:absolute;left:0;top:-26%;width:100%;height:auto;z-index:-1;pointer-events:none}
.flourish path{fill:none;stroke:#8A6332;stroke-width:2.2;stroke-linecap:round;opacity:.85}

/* ───────── 02 the mind: psychoanalytica → why what works where ───────── */
.mind{position:relative;background:var(--azure)}
.stage{position:sticky;top:0;height:100svh;overflow:hidden}
.m-bg{position:absolute;inset:0}
.m-sun{background:radial-gradient(ellipse 80% 70% at 50% 60%, #F6B612 0%, var(--sun) 60%, #E39A06 100%)}
.m-plum{background:linear-gradient(180deg, var(--plum) 0%, #4C2A1A 34%, #885717 62%, rgba(239,168,7,0) 100%);opacity:var(--plum-o, 1)}
.m-blue{inset:-40px;filter:blur(22px);clip-path:circle(var(--blue-r, 0%) at var(--blue-x, 62%) 50%);background:linear-gradient(118deg, rgba(10,14,120,.9) 0%, rgba(31,43,252,0) 40%), repeating-linear-gradient(118deg, #1F2BFC 0 60px, #1620EC 60px 120px, #4060FF 120px 150px, #0C14BE 150px 210px), var(--azure)}
.m-blue::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg, rgba(255,190,40,0) 0 300px, rgba(255,190,40,.25) 300px 330px, rgba(255,190,40,0) 330px 520px);filter:blur(8px)}
.beam{position:absolute;left:0;right:0;margin:0 auto;top:-4vh;width:clamp(120px, 14vw, 260px);height:96vh;background:radial-gradient(ellipse 50% 100% at 50% 0%, rgba(255,240,210,.92), rgba(255,226,160,.5) 38%, rgba(255,210,120,0) 72%);filter:blur(18px);mix-blend-mode:screen;opacity:var(--beam-o, 0)}
.star{position:absolute;left:50%;top:50%;width:min(110vw, 1500px);margin:calc(min(110vw, 1500px) * -1081 / 900 / 2) 0 0 calc(min(110vw, 1500px) / -2);mix-blend-mode:screen;opacity:var(--star-o, 0);transform:translateY(8vh) scale(var(--star-s, 1))}
.fig{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:min(84svh, 860px);aspect-ratio:849/1669;transform:translate3d(var(--fx, 0px), var(--fy, 0px), 0) rotate(var(--fr, 0deg)) scale(var(--fs, 1));filter:blur(var(--fb, 0px)) saturate(var(--fsat, 1));will-change:transform, filter}
.fig img{position:absolute;inset:0;width:100%;height:100%;transform:translate(calc(var(--i) * -12% * var(--spread, 0)), calc(var(--i) * 5% * var(--spread, 0)));opacity:calc(1 - var(--i) * .14 * var(--spread, 0))}
.m-label{position:absolute;top:clamp(90px, 18vh, 200px);left:0;right:0;text-align:center;opacity:var(--label-o, 0)}
.traits{position:absolute;inset:0;pointer-events:none}
.trait{position:absolute;width:0;font-family:var(--caption);font-size:clamp(14px, 1.3vw, 24px);line-height:1.15;color:var(--ink);text-shadow:0 1px 18px rgba(20,10,60,.35);pointer-events:auto;cursor:default}
.trait>span{display:block;width:max-content;transform:translateX(-50%);text-align:center}
.trait .orn{font-family:var(--orn);font-size:1.25em;line-height:1;margin-bottom:.3em}
.mind-flow{position:relative;margin-top:-100svh;z-index:3}
.mind-zone{height:240svh}
.mind-text{width:min(100%, var(--frame));margin:0 auto;padding:4vh var(--pad) 24vh}
.mind-text .col{max-width:min(46vw, 640px)}
.mind-text p{text-wrap:pretty}
.mind-text p+p{margin-top:1.4em}
.www{font-size:clamp(46px, 6vw, 114px);line-height:1.02;margin:.45em 0 .5em;position:relative;padding-left:.35em}
.www .row{display:block;white-space:nowrap}
.www .q1{position:absolute;left:-.1em;top:-.06em;font-size:.6em}
.www .q2{font-size:.6em;vertical-align:-.25em;margin-left:.05em}

/* ───────── 03 worlds index ───────── */
.worlds{position:relative;background:var(--night);padding:clamp(110px, 18vh, 220px) 0}
.worlds-head{text-align:center;margin-bottom:clamp(40px, 7vh, 90px)}
.worlds-head p{margin:1.1em auto 0;color:#B9AFA3;max-width:30em}
.wlist{border-top:1px solid #241f1b}
.wrow{border-bottom:1px solid #241f1b}
.wrow a{display:grid;grid-template-columns:clamp(46px, 6vw, 110px) 1fr auto;align-items:center;gap:clamp(12px, 2vw, 40px);padding:clamp(14px, 2.4vh, 30px) 0;transition:opacity .6s var(--ease)}
.wrow .n{color:var(--red)}
.wrow .t{font-family:var(--display);font-size:clamp(32px, 4.8vw, 92px);line-height:1.08;transition:transform .9s var(--ease)}
.wrow .m{color:var(--beige);text-align:right}
.wlist:hover .wrow a{opacity:.3}
.wlist .wrow a:hover{opacity:1}
.wrow a:hover .t{transform:translate3d(clamp(10px, 1.4vw, 26px),0,0)}
.zero{font-family:var(--marion);font-size:1.12em;line-height:0}
.peek{position:fixed;left:0;top:0;width:clamp(180px, 19vw, 320px);aspect-ratio:4/5;pointer-events:none;z-index:50;opacity:0;transform:translate3d(-50%,-50%,0) scale(.85);transition:opacity .45s var(--ease), transform .6s var(--ease);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.peek.on{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
.peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--ease)}
.peek img.on{opacity:1}
.whead{text-align:center;display:grid;justify-items:center;gap:clamp(14px, 2vh, 24px)}

/* ───────── 04 Logic Over All ───────── */
.la{position:relative;background:var(--night);padding-top:clamp(110px, 16vh, 200px)}
.la-logo{font-family:var(--lulo);font-weight:700;font-size:clamp(66px, 10vw, 190px);line-height:.9;letter-spacing:-.02em;margin-top:.2em}
.la-name{font-family:var(--lulo);font-weight:700;font-size:clamp(16px, 2.3vw, 42px);letter-spacing:.02em}
.la-intro{max-width:31em;text-align:center}
.rail{position:relative;margin-top:clamp(50px, 9vh, 120px)}
.rail-pin{height:100svh;display:flex;align-items:center;overflow:hidden}
.rail-track{display:flex;gap:clamp(8px, .7vw, 14px);padding:0 var(--pad);will-change:transform}
.tile{flex:none;width:clamp(240px, 30vw, 540px);aspect-ratio:1;background:#fff;position:relative;overflow:hidden}
.tile img{position:absolute;left:-6%;top:-6%;width:112%;height:112%;max-width:none;object-fit:cover}
.tile figcaption{position:absolute;left:14px;bottom:12px;font-family:var(--mark);font-size:9.5px;letter-spacing:.36em;color:#111;opacity:.7}
.tile.tall{width:clamp(240px, 24vw, 440px);aspect-ratio:3/4}
.la-wide{position:relative;height:clamp(420px, 92vh, 1100px);overflow:hidden;margin:clamp(8px, .7vw, 14px) 0}
.la-wide img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;will-change:transform}
.la-wide .over{position:absolute;left:0;right:0;margin:0 auto;bottom:clamp(30px, 7vh, 80px);width:min(90%, 760px);text-align:center;font-family:var(--lulo);font-weight:700;font-size:clamp(9px, .86vw, 14px);line-height:1.6;letter-spacing:.06em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.la-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px, .7vw, 14px)}
.la-pair figure{position:relative;aspect-ratio:1;overflow:hidden}
.la-pair img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}
.la-end{height:clamp(220px, 40vh, 480px);background:linear-gradient(180deg, var(--night) 0%, var(--night) 30%, #4A0402 66%, #C10200 100%);display:grid;place-items:start center;padding-top:8vh}
.double{width:min(40vw, 540px);height:5px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.35;margin:0 auto}

/* ───────── 05 0Malice ───────── */
.om{position:relative;background:var(--cream);color:#1A1210;overflow:hidden}
.om-top{background:linear-gradient(180deg, #C10200 0%, var(--mred) 30%);color:#fff;text-align:center;padding:clamp(70px, 12vh, 160px) var(--pad) clamp(140px, 24vh, 300px)}
.om-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:clamp(18px, 3.6vh, 46px) 0 clamp(6px, 1.6vh, 20px);font-family:var(--marion);line-height:1}
.om-logo .o{font-size:clamp(120px, 12vw, 220px);color:#000;line-height:1}
.om-logo .half{font-size:clamp(9px, .74vw, 12.5px);letter-spacing:2.1em;color:#fff;white-space:nowrap}
.om-logo .half.l{margin-right:.3em}
.om-logo .half.r{margin-left:.9em;margin-right:-2.1em}
.om-logo sup{font-size:.55em;letter-spacing:0;vertical-align:1.5em;margin-left:-1.5em}
.om-year{font-family:var(--body);font-size:clamp(18px, 1.5vw, 26px)}
.om-night{position:relative;margin-top:calc(-1 * clamp(120px, 20vh, 260px));z-index:2}
.om-night img{width:100%}
.om-peek{text-align:center;max-width:22em;margin:clamp(20px, 5vh, 70px) auto clamp(60px, 10vh, 130px);padding:0 var(--pad)}
.om-hang img{width:100%;transform-origin:50% 8.5%;will-change:transform}
.om-poem{font-family:var(--marion);color:#E3140C;font-size:clamp(9px, .9vw, 15px);letter-spacing:.3em;line-height:1.6;text-transform:uppercase;width:min(86vw, 34em);margin:clamp(70px, 12vh, 140px) auto}
.om-poem span{display:block;text-align:justify;text-align-last:justify}
.om-fan{position:relative;height:clamp(420px, 66vw, 1100px);margin-top:clamp(20px, 4vh, 60px)}
.om-fan img{position:absolute;width:clamp(260px, 42vw, 720px);filter:drop-shadow(0 18px 24px rgba(60,30,10,.28));will-change:transform}
.om-fan .b1{left:2%;top:6%}.om-fan .b2{left:25%;top:14%}.om-fan .b3{left:48%;top:24%}
.om-odd{position:relative;margin-top:clamp(40px, 8vh, 120px)}
.om-odd img{width:100%}
.om-odd p{position:absolute;right:var(--pad);top:10%;width:min(40vw, 520px);text-align:right}
.om-m{background:#F8090A;color:#fff;text-align:center;padding:clamp(20px, 5vh, 70px) 0 clamp(120px, 20vh, 240px);margin-top:-2px}
.om-m .m{font-family:var(--marion);font-size:clamp(24px, 2vw, 34px);font-weight:700;letter-spacing:-.04em;display:block;margin-bottom:clamp(30px, 6vh, 70px)}

/* ───────── 06 artworks (John Tremendol) ───────── */
.art{position:relative;background:radial-gradient(ellipse 80% 50% at 50% 20%, #2F170C 0%, var(--wall) 55%, #1A0C06 100%);padding:clamp(110px, 18vh, 200px) 0 clamp(120px, 18vh, 220px)}
.jt-logo{font-family:var(--gothic);line-height:.92;color:var(--ink)}
.jt-logo b{display:block;font-weight:700;font-size:clamp(48px, 5.6vw, 104px);letter-spacing:-.01em}
.jt-logo span{display:block;font-weight:400;font-size:clamp(29px, 3.3vw, 62px);letter-spacing:.01em}
.jt-logo small{display:block;font-family:var(--gothic);font-size:clamp(8px, .62vw, 11px);letter-spacing:.6em;margin-top:1.4em;padding-left:.6em}
.alias{color:#C9A77A;max-width:26em;text-align:center}
.alias em{font-style:normal;color:var(--ink)}
.gallery{width:min(100%, var(--frame));margin:clamp(50px, 9vh, 120px) auto 0;padding:0 var(--pad);display:grid;gap:clamp(60px, 10vh, 130px)}
.g-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px, 3.4vw, 64px)}
.piece{display:grid;justify-items:center;gap:clamp(12px, 1.6vh, 18px)}
.piece .plaque{color:#CFAE80;text-align:center;line-height:1.7}
.piece .plaque b{display:block;font-weight:400;color:var(--ink)}
.frame{position:relative;aspect-ratio:var(--ar);cursor:zoom-in;will-change:transform}
.frame .pic{position:absolute;left:var(--l);top:var(--t);right:var(--r);bottom:var(--b);overflow:hidden;background:#111}
.frame .pic img{position:absolute;left:-5%;top:-5%;width:110%;height:110%;max-width:none;object-fit:cover;transform:translate3d(var(--mx, 0), var(--my, 0), 0);transition:transform .9s var(--ease)}
.frame>img.fr{position:relative;width:100%;height:100%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));transition:filter .9s var(--ease)}
.frame:hover>img.fr{filter:drop-shadow(0 40px 46px rgba(0,0,0,.72))}
.f-copper{--ar:.7618;--l:18.93%;--t:14.46%;--r:19.16%;--b:13.98%}
.f-gold{--ar:.6965;--l:17.83%;--t:12.70%;--r:17.34%;--b:12.18%}
.f-plain{--ar:.7594;--l:16.22%;--t:11.69%;--r:13.51%;--b:12.17%}
.f-ornate{--ar:.7946;--l:17.92%;--t:15.06%;--r:18.67%;--b:14.42%}
.s-xl{width:clamp(260px, 30vw, 470px)}.s-l{width:clamp(220px, 24vw, 380px)}.s-m{width:clamp(180px, 19vw, 300px)}.s-s{width:clamp(150px, 15.6vw, 250px)}

/* ───────── 07 the cosmic verses ───────── */
.tcv{position:relative;background:#0E0C0A}
.tcv-head{padding:clamp(110px, 18vh, 200px) 0 clamp(60px, 10vh, 120px);text-align:center}
.book{display:inline-grid;place-items:center;width:clamp(38px, 3vw, 52px);aspect-ratio:3/4.3;background:linear-gradient(100deg,#121212 0%,#2a2a2a 50%,#111 100%);border-radius:2px 4px 4px 2px;box-shadow:inset 3px 0 0 rgba(255,255,255,.06), 0 10px 20px rgba(0,0,0,.4);position:relative;flex:none}
.book::after{content:"";position:absolute;right:3px;top:12%;bottom:12%;width:2px;background:linear-gradient(#ff6a3c,#7a5cff);opacity:.8}
.book b{font-family:var(--gothic);font-weight:400;font-size:clamp(9px, .7vw, 12px);letter-spacing:.12em;color:#ddd}
.tcv-title{font-family:var(--display);font-weight:300;font-size:clamp(46px, 6.2vw, 116px);line-height:1.04;margin-top:.3em}
.tcv-mission{max-width:28em;margin:1.1em auto 0;color:#C8BDAE}
.tcv-links{display:flex;justify-content:center;gap:2.4em;margin-top:clamp(24px, 4vh, 40px)}
.tcv-links a{border-bottom:1px solid rgba(250,243,238,.25);padding-bottom:.4em;transition:border-color .5s var(--ease)}
.tcv-links a:hover{border-color:var(--ink)}
.verse{position:sticky;top:0;min-height:100svh;overflow:hidden;background:var(--g);color:var(--fg);display:flex;align-items:center}
.verse+.verse{box-shadow:0 -40px 80px rgba(0,0,0,.35)}
.v-in{position:relative;z-index:2;width:min(100%, var(--frame));margin:0 auto;padding:clamp(90px, 13vh, 140px) var(--pad) clamp(80px, 12vh, 130px);display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);gap:clamp(20px, 4vw, 80px);align-items:center}
.v-title{display:flex;align-items:center;gap:.55em;font-family:var(--display);font-weight:300;font-size:clamp(30px, 3.2vw, 58px);line-height:1.1;margin-bottom:clamp(18px, 3vh, 34px)}
.v-title .book{width:clamp(26px, 1.9vw, 34px)}
.v-title .book b{font-size:7px}
.v-lines{font-family:var(--caption);font-size:clamp(15px, 1.16vw, 20px);line-height:1.55}
.v-lines p+p{margin-top:1.05em}
.v-lines.caps{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(13px, 1vw, 17.5px)}
.v-foot{margin-top:clamp(24px, 4vh, 44px);opacity:.7}
.v-art{position:absolute;z-index:1;right:-6vw;top:0;bottom:0;margin:auto 0;width:min(64vw, 900px);aspect-ratio:1;color:var(--fg);opacity:.3;pointer-events:none}
.v-art svg{width:100%;height:100%;overflow:visible}
.v-art .spin{transform-box:fill-box;transform-origin:center;animation:spin 140s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.v-art .flick{animation:flick 3.2s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:.75}50%{opacity:1}}
.tcv-more{padding:clamp(80px, 14vh, 160px) 0;text-align:center;background:#0E0C0A;position:relative;z-index:2}
.tcv-more ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;max-width:52em;margin:1.4em auto 0;font-family:var(--display);font-weight:300;font-size:clamp(19px, 1.9vw, 32px);color:#C8BDAE}
.tcv-more li:not(:last-child)::after{content:"·";margin-left:1.2em;color:var(--red)}

/* ───────── 08 PROWESS ───────── */
.pw{position:relative;background:#000;color:var(--ivory)}
.pw-signal{position:relative;min-height:115svh;display:grid;place-items:center;overflow:hidden;padding:clamp(100px, 16vh, 180px) 0}
.signal-light{position:absolute;inset:0;background:radial-gradient(circle at var(--lx, 50%) var(--ly, 38%), rgba(214,207,191,.15) 0%, rgba(214,207,191,0) 32%)}
.signal-in{position:relative;display:grid;justify-items:center}
.rockbird{width:min(64vw, 900px);filter:drop-shadow(0 0 1px rgba(214,207,191,.6)) drop-shadow(0 -1px 0 rgba(214,207,191,.28)) drop-shadow(0 0 40px rgba(214,207,191,.07))}
.signal-copy{margin-top:clamp(40px, 7vh, 80px);display:grid;justify-items:center;gap:18px;text-align:center}
.pw-h{font-family:var(--serif);font-style:italic;font-weight:400;line-height:1.02;color:var(--ivory)}
.pw-h.m{font-size:clamp(34px, 3.3vw, 62px)}
.pw-h.l{font-size:clamp(56px, 6.2vw, 120px)}
.pw-h.under{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:.18em}
.pw-p{font-family:var(--pala);font-size:clamp(17px, 1.45vw, 27px);line-height:1.42;color:var(--beige);max-width:24em;margin:0 auto;text-align:center}
.pw-p.ivory{color:var(--ivory)}
.pw-rule{width:min(50vw, 440px);height:2px;background:var(--red)}
.pw-word{position:relative;height:clamp(440px, 96vw, 1500px);max-height:130svh;overflow:hidden;background:#000}
.pw-word .bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 56%, #B10A14 0%, #6A040A 62%, #160103 100%)}
.pw-word .rond{position:absolute;left:50%;top:58%;width:min(150vw, 2300px);aspect-ratio:1920/1859;margin:calc(min(150vw, 2300px) * 1859 / 1920 / -2) 0 0 calc(min(150vw, 2300px) / -2);mix-blend-mode:multiply;opacity:.95}
.pw-word .rond img{width:100%;height:100%;will-change:transform}
.pw-word .letters{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:min(94vw, 1760px);height:auto}
.pw-word .mk{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(18px, 2.4vw, 34px);color:var(--ivory)}
.pw-word .mk.top{bottom:auto;top:clamp(70px, 10vh, 110px)}
.pw-stage{padding:clamp(110px, 18vh, 220px) 0;text-align:center}
.pw-stage .mk.red{display:block;margin-bottom:clamp(12px, 2vh, 20px)}
.quote{display:grid;justify-items:center;gap:clamp(20px, 3vh, 34px);margin:clamp(40px, 7vh, 80px) auto 0;max-width:34em}
.quote img{width:clamp(30px, 2.6vw, 50px)}
.quote img.flip{transform:rotate(180deg)}
.ladder{display:grid;gap:clamp(36px, 6vh, 64px);margin:clamp(70px, 12vh, 140px) auto 0}
.ladder h4{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(40px, 4vw, 76px);line-height:1;color:var(--ivory)}
.ladder p{font-family:var(--pala);font-size:clamp(16px, 1.45vw, 27px);color:var(--beige);margin-top:.25em}
.fire{display:grid;justify-items:center;gap:18px;margin-top:clamp(100px, 16vh, 180px)}
.fire img{width:clamp(56px, 4.4vw, 84px)}
.custodians{margin-top:clamp(40px, 7vh, 80px)}
.block{position:relative;height:320vh;background:#000}
.block-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.wheel{position:absolute;left:50%;top:50%;width:min(150vw, 2200px);aspect-ratio:3196/3210;margin:calc(min(150vw, 2200px) * 3210 / 3196 / -2) 0 0 calc(min(150vw, 2200px) / -2);transform:rotate(var(--wr, 0deg)) scale(var(--ws, .5));will-change:transform}
.wheel img{width:100%;height:100%}
.block-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:18px;text-align:center;padding:0 var(--pad);opacity:var(--bc-o, 0);transform:translateY(var(--bc-y, 20px))}
.block-copy .pw-p{color:var(--ivory);text-shadow:0 2px 30px rgba(0,0,0,.9)}
.block-copy .pw-h{text-shadow:0 2px 30px rgba(0,0,0,.9)}
.block-mk{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(18px, 2.4vw, 34px);z-index:2;color:var(--ivory)}
.premise{padding:clamp(110px, 18vh, 220px) 0 clamp(90px, 14vh, 160px);text-align:center}
.premise .verse-lines{font-family:var(--pala);font-size:clamp(18px, 1.6vw, 30px);line-height:1.5;color:var(--ivory);margin-top:clamp(36px, 6vh, 60px)}
.moments{position:relative;height:clamp(420px, 70vw, 1300px);max-height:120svh;overflow:hidden}
.moments img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;will-change:transform}
.moments::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 70%, #000 100%)}
.moments .cap{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(18px, 2.6vw, 40px)}
.moments h3{position:absolute;z-index:2;left:0;right:0;top:clamp(40px, 10vh, 120px);text-align:center}
.forge{position:relative;height:300vh}
.forge-pin{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.forge-glow{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:min(80vw, 900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, rgba(204,52,44,.55) 0%, rgba(204,52,44,.16) 34%, rgba(204,52,44,0) 66%);filter:blur(20px);opacity:var(--heat, .2);transform:scale(var(--heat-s, .6))}
.forge-lines{position:relative;width:min(100% - 2*var(--pad), 1000px);text-align:center}
.forge-line{padding:clamp(8px, 1.4vh, 18px) 0;opacity:.14;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(8px)}
.forge-line.on{opacity:1;transform:none}
.forge-line .k{display:block;color:var(--red);margin-bottom:.4em}
.forge-line .v{font-family:var(--serif);font-style:italic;font-size:clamp(30px, 4vw, 76px);line-height:1.08}
.laws{width:min(100%, 1000px);margin:0 auto;padding:clamp(70px, 12vh, 140px) var(--pad);text-align:center}
.laws ol{margin-top:clamp(28px, 5vh, 50px);display:grid;gap:clamp(10px, 1.6vh, 18px)}
.laws li{font-family:var(--serif);font-style:italic;font-size:clamp(28px, 3.2vw, 60px);line-height:1.12;color:var(--ivory)}
.laws li span{color:#4a4640}
.phases{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(14px, 2vw, 30px);margin-top:clamp(60px, 10vh, 110px);text-align:left}
.phase{border-top:2px solid #2a2622;padding-top:clamp(12px, 1.4vw, 20px)}
.phase.now{border-color:var(--red)}
.phase .mk{color:var(--beige)}
.phase h4{margin-top:.5em;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px, 2.2vw, 40px);color:var(--ivory)}
.pw-end{padding:0 var(--pad) clamp(90px, 14vh, 160px);text-align:center;color:var(--beige)}

/* ───────── 09 innernet ───────── */
.inn{position:relative;background:radial-gradient(ellipse 90% 70% at 70% 40%, #4A1E8F 0%, var(--inn) 46%, #1C0B3E 100%);color:var(--inn-cream);overflow:clip;min-height:200svh}
.inn canvas{position:sticky;top:0;width:100%;height:100svh;display:block}
.inn-copy{position:relative;margin-top:-100svh;pointer-events:none}
.inn-copy .wrap{padding-top:clamp(110px, 18vh, 220px);padding-bottom:clamp(120px, 20vh, 260px)}
.inn-copy a,.inn-copy button{pointer-events:auto}
.inn-title{font-family:var(--display);font-weight:300;font-size:clamp(64px, 9.2vw, 176px);line-height:1;letter-spacing:-.02em;margin-top:.25em}
.inn-tag{font-family:var(--display);font-weight:300;font-size:clamp(20px, 2.2vw, 40px);margin-top:.25em;opacity:.92}
.inn-lines{margin-top:46vh;display:grid;gap:clamp(70px, 22vh, 240px);max-width:32em}
.inn-lines p{font-size:clamp(19px, 1.85vw, 33px);line-height:1.32;text-shadow:0 2px 30px rgba(28,11,62,.6)}
.inn-lines .small{font-size:clamp(15px, 1.2vw, 21px);opacity:.85}
.inn-laws{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(16px, 2vw, 34px);max-width:min(100%, 980px)}
.inn-laws div{border-top:1px solid rgba(255,250,243,.3);padding-top:14px}
.inn-laws p{font-size:clamp(16px, 1.25vw, 22px)}
.npx{display:inline-flex;align-items:center;gap:1em;margin-top:1em;padding:.7em 1.1em;border:1px solid rgba(255,250,243,.35);border-radius:999px;font-family:ui-monospace, "SF Mono", Menlo, monospace;font-size:clamp(14px, 1.05vw, 17px);background:rgba(28,11,62,.35);backdrop-filter:blur(6px);transition:border-color .5s var(--ease)}
.npx:hover{border-color:var(--inn-cream)}
.npx em{font-style:normal;opacity:.6}
.inn-door{display:inline-block;margin-top:1.4em;font-family:var(--display);font-weight:300;font-size:clamp(20px, 2vw, 36px);border-bottom:1px solid rgba(255,250,243,.4)}

/* ───────── 10 work ───────── */
.work{background:var(--night);padding:clamp(110px, 18vh, 220px) 0 clamp(90px, 14vh, 160px)}
.work-lead{font-family:var(--display);font-weight:300;font-size:clamp(26px, 2.9vw, 52px);line-height:1.2;max-width:22em;margin:clamp(20px, 3vh, 34px) auto 0;text-align:center}
.stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(14px, 2vw, 30px);margin:clamp(50px, 9vh, 100px) 0}
.stat{border-top:1px solid #241f1b;padding-top:16px}
.stat b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(28px, 2.8vw, 50px);line-height:1.1;color:var(--sun-2)}
.stat p{color:var(--beige);margin-top:.5em;font-size:clamp(14px, 1.05vw, 18px)}
.plist{border-top:1px solid #241f1b}
.plist li{border-bottom:1px solid #241f1b}
.plist a,.plist div{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:clamp(12px, 2vw, 40px);padding:clamp(14px, 2.2vh, 26px) 0}
.plist .t{font-family:var(--display);font-size:clamp(24px, 2.5vw, 44px);line-height:1.15;transition:transform .8s var(--ease), color .5s var(--ease)}
.plist .m{color:var(--beige)}
.plist .go{color:var(--red);opacity:0;transition:opacity .5s var(--ease)}
.plist a:hover .t{transform:translateX(.25em);color:var(--sun-2)}
.plist a:hover .go{opacity:1}
.iwimus{text-align:center;margin-top:clamp(60px, 10vh, 110px)}
.iwimus p{font-family:var(--display);font-weight:300;font-size:clamp(22px, 2.3vw, 40px);line-height:1.25;margin-top:.5em}

/* ───────── 11 influences ───────── */
.inf{position:relative;background:var(--royal);padding-top:clamp(90px, 14vh, 170px);overflow:hidden}
.orbit{--W:min(132vw, 1700px);position:relative;width:var(--W);aspect-ratio:1;margin:clamp(30px, 6vh, 80px) 0 calc(var(--W) * -.31) calc(50% - var(--W) / 2)}
.orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit text{font-family:var(--caption);fill:var(--ink);font-size:23px;letter-spacing:.02em}
.orbit .floor{position:absolute;left:-20%;right:-20%;top:57%;height:60%;background:var(--night);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);z-index:1}
.me{position:absolute;z-index:2;inset:0;margin:auto;width:31%;height:31%;border-radius:50%;overflow:hidden;background:#FCB212;box-shadow:0 0 0 clamp(4px, .5vw, 8px) rgba(252,178,18,.12)}
.me img{width:100%;height:100%;object-fit:cover}
.inf-text{position:relative;isolation:isolate;background:var(--night);text-align:center;padding:clamp(40px, 6vh, 80px) var(--pad) clamp(100px, 16vh, 200px);overflow:hidden}
.eii{font-size:clamp(50px, 7vw, 132px);line-height:1.02;position:relative;display:inline-block}
.eii .q1{position:absolute;left:-.42em;top:-.04em;font-size:.6em}
.eii .q2{position:absolute;right:-.5em;bottom:-.3em;font-size:.6em}
.inf-text p{max-width:21em;margin:1em auto 0;font-family:var(--display);font-weight:300;font-size:clamp(16px, 1.3vw, 23px);line-height:1.55}
.inf-text p em{font-style:normal;color:var(--sun-2)}
.inf-text .flourish{opacity:.5;top:-6%}

/* ───────── 12 call ───────── */
.call{background:var(--night);text-align:center;padding:clamp(70px, 12vh, 140px) 0 0}
.contact{display:grid;gap:clamp(22px, 3.4vh, 38px);margin:clamp(60px, 10vh, 120px) 0 clamp(70px, 12vh, 130px)}
.contact a{display:inline-block;font-family:var(--display);font-weight:300;font-size:clamp(17px, 1.42vw, 25px);line-height:1.2;transition:color .5s var(--ease)}
.contact a:hover{color:var(--sun-2)}
.contact .mk{display:block;color:#A1712A;margin-top:.7em}
.phone{display:flex;align-items:center;gap:clamp(14px, 3vw, 60px)}
.phone::before,.phone::after{content:"";flex:1;height:1px;background:#A1712A}
.phone a{font-family:var(--display);font-size:clamp(44px, 9vw, 172px);line-height:1.05;color:var(--sun-2);letter-spacing:-.02em;text-shadow:.045em .045em 0 #020CDF, .05em .06em 0 var(--ink)}
.phone a span{display:inline-block}
.call .mk.ph{display:block;color:#A1712A;margin-top:clamp(14px, 2vh, 24px)}
.legacy{margin-top:clamp(28px, 4vh, 50px);font-family:var(--display);font-weight:300;font-size:clamp(16px, 1.3vw, 22px)}
.foot{margin-top:clamp(70px, 12vh, 130px);padding:24px var(--pad) clamp(70px, 9vh, 90px);border-top:1px solid #1d1a16;color:#6d655c}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(10,6,4,.94);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .6s var(--ease);cursor:zoom-out;padding:5vh 5vw}
.lightbox.on{opacity:1;pointer-events:auto}
.lightbox img{max-height:82vh;width:auto;box-shadow:0 40px 90px rgba(0,0,0,.6);transform:scale(.96);transition:transform .8s var(--ease)}
.lightbox.on img{transform:none}
.lightbox p{margin-top:1.2em;text-align:center;color:#D9B98A}

/* reveal */
.js [data-r]{opacity:0;transform:translate3d(0,26px,0)}
@media (prefers-reduced-motion: reduce){
  .js [data-r]{opacity:1!important;transform:none!important}
  .dots i,.cue i,.v-art .spin,.v-art .flick{animation:none}
  .card{opacity:1}
}

/* ───────── tablet ───────── */
@media (max-width: 1024px){
  .menu-in{grid-template-columns:1fr;align-content:start}
  .v-in{grid-template-columns:1fr}
  .v-art{right:-20vw;width:90vw;opacity:.22}
  .g-row{flex-wrap:wrap}
}
/* ───────── phones ───────── */
@media (max-width: 760px){
  :root{--mk:9.5px}
  .hud-bl{display:none}
  .hero-name{font-size:clamp(76px, 25vw, 130px)}
  .roles{gap:.5em 1.4em}
  .scream{font-size:clamp(44px, 14vw, 110px)}
  .fig{height:62svh}
  .trait{font-size:14.5px}
  .mind-text{padding-top:34vh}
  .mind-text .col{max-width:100%;background:linear-gradient(180deg, rgba(14,22,190,0) 0%, rgba(14,22,190,.62) 8%, rgba(14,22,190,.62) 92%, rgba(14,22,190,0) 100%);margin:0 calc(-1 * var(--pad));padding:48px var(--pad)}
  .www{font-size:10.6vw}
  .wrow a{grid-template-columns:38px 1fr}
  .wrow .m{grid-column:2;text-align:left}
  .rail-pin{height:auto;padding:4vh 0}
  .rail-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}
  .tile,.tile.tall{width:78vw;scroll-snap-align:center}
  .la-pair{grid-template-columns:1fr}
  .om-fan{height:120vw}
  .om-fan img{width:70vw}
  .om-fan .b1{left:-6%;top:0}.om-fan .b2{left:14%;top:18%}.om-fan .b3{left:34%;top:36%}
  .om-odd p{position:relative;right:auto;top:auto;width:auto;text-align:left;padding:0 var(--pad);margin-top:24px}
  .g-row{gap:34px 14px}
  .s-xl{width:76vw}.s-l{width:62vw}.s-m{width:43vw}.s-s{width:40vw}
  .v-in{padding-top:96px}
  .v-art{right:-40vw;width:120vw;top:auto;bottom:-24vw;margin:0}
  .pw-word{height:118vw}
  .phases{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .plist a,.plist div{grid-template-columns:1fr auto}
  .plist .go{display:none}
  .inn-laws{grid-template-columns:1fr}
  .inn-lines{margin-top:40vh}
  .orbit{--W:170vw}
  .tcv-links{flex-direction:column;gap:1em;align-items:center}
}