/* Apeks read-more pages, v7.1: each page's signature pieces. Loads after deep.css. Grouped by page; shared pieces first. */

/* ---------- shared pieces ---------- */
.tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);transform-style:preserve-3d}
.kb .frame img{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{scale:1}to{scale:1.08}}
.band{position:relative;overflow:hidden;padding:clamp(90px,12vw,170px) 0;isolation:isolate}
.band .bimg{position:absolute;inset:-8% 0;z-index:-1}.band .bimg img{width:100%;height:116%;object-fit:cover}
.band.dark .bimg::after{content:"";position:absolute;inset:0;background:linear-gradient(#191A20d9,#191A20b3 40%,#191A20e6)}
.band.light .bimg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F7F7F2f0 0%,#F7F7F2b8 42%,#F7F7F200 70%)}
.bcard{max-width:520px}.bcard p{max-width:46ch}
.band.dark h2{color:#fff}
.diptych .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(12px,2vw,24px);align-items:end}
.diptych .fig img{aspect-ratio:4/5;object-fit:cover}.diptych .fig:first-child img{aspect-ratio:4/3}
.never{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.never li{position:relative;padding:22px 22px 24px;border-radius:18px;background:#FCFCF8;border:1px solid #E7E7E2}
.never b{position:relative;display:inline-block;font-size:24px;letter-spacing:-.03em;line-height:1.1}
.never b::after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:3px;border-radius:2px;background:var(--coral);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease) .3s}
.strike.in b::after,.strike.in li::after{transform:scaleX(1)}
.never li:nth-child(2) b::after{transition-delay:.45s}.never li:nth-child(3) b::after{transition-delay:.6s}.never li:nth-child(4) b::after{transition-delay:.75s}
.never span{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:#45464d}
.warm img{filter:grayscale(.85) brightness(.75) contrast(1.05) hue-rotate(-12deg);transition:filter 1.6s var(--ease) .2s}
.warm.in img{filter:none}

/* ---------- WHY: the essay ---------- */
.essay{display:grid;grid-template-columns:minmax(0,1fr) min(680px,100% - 2*var(--gut)) minmax(0,1fr);column-gap:clamp(20px,3vw,48px)}
.ecol{grid-column:2}.emarg{grid-column:3;align-self:start;padding-top:clamp(70px,7vw,110px)}
.ecol h2{font-size:var(--h2)}.ecol p{margin:20px 0 0;font-size:clamp(18px,1.35vw,21px);line-height:1.68}
.drop::first-letter{float:left;font-size:5.2em;line-height:.82;font-weight:800;margin:.06em .1em 0 0;color:var(--acc)}
.sn{max-width:220px;font-size:14px;line-height:1.5;color:var(--mute);font-style:italic}.sn+.sn{margin-top:20px}
.sn::before{content:"";display:block;width:22px;height:2px;margin-bottom:10px;border-radius:1px;background:var(--acc)}
.exhibits .eb{text-align:center}
.exrow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,36px);margin-top:28px}
.ex{margin:0}.ex:nth-child(2){margin-top:clamp(30px,5vw,80px)}
.mat{padding:clamp(14px,1.8vw,26px);background:#fff;box-shadow:0 1px 0 #fff inset,0 40px 60px -40px #191A2070,0 2px 6px #191A2010;border-radius:6px}
.mat img{aspect-ratio:4/5;object-fit:cover;width:100%}
.ex figcaption{margin-top:16px;font-size:15px;line-height:1.5;color:#45464d}.ex figcaption b{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.film{display:flex;justify-content:center;gap:0;padding:18px 0;background:#191A20;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14'%3E%3Ccircle cx='11' cy='7' r='4' fill='%23F7F7F2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14'%3E%3Ccircle cx='11' cy='7' r='4' fill='%23F7F7F2'/%3E%3C/svg%3E");
  background-position:0 2px,0 calc(100% - 2px);background-repeat:repeat-x,repeat-x;background-size:22px 14px,22px 14px}
.film figure{margin:0 6px;width:min(30vw,300px)}.film img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:4px}

/* ---------- PROMISE: the sticky stage ---------- */
.pstick{padding:clamp(40px,6vw,80px) 0}
.pstick .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px)}
.pstage{position:sticky;top:14vh;height:72vh;align-self:start}
.player{position:absolute;inset:0;opacity:0;scale:.94;rotate:-2deg;transition:opacity .6s var(--ease),scale .6s var(--ease),rotate .6s var(--ease)}
.pstage[data-on="0"] .player[data-i="0"],.pstage[data-on="1"] .player[data-i="1"],.pstage[data-on="2"] .player[data-i="2"],.pstage[data-on="3"] .player[data-i="3"],
.pstage[data-on="4"] .player[data-i="4"],.pstage[data-on="5"] .player[data-i="5"],.pstage[data-on="6"] .player[data-i="6"]{opacity:1;scale:1;rotate:0deg}
.pmedia{position:relative;height:100%;border-radius:26px;overflow:hidden;box-shadow:0 40px 70px -40px #191A2080}
.pmedia img{width:100%;height:100%;object-fit:cover}
.pnum{position:absolute;left:22px;top:16px;z-index:2;font-size:clamp(64px,7vw,110px);font-weight:800;letter-spacing:-.06em;line-height:1;color:#fff;mix-blend-mode:difference}
.gfxcard{display:grid;place-content:center;gap:10px;text-align:center;background:linear-gradient(160deg,#FCFCF8,#EEE9F8);border:1px solid #E7E2F2}
.gfxcard .pnum{color:#191A20;mix-blend-mode:normal;opacity:.12}
.gfxcard span{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.gfxcard b{font-size:clamp(56px,7vw,110px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.gfxcard s{font-size:clamp(34px,4vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1.15;text-decoration-thickness:6px;text-decoration-color:var(--coral);color:#191A2099}
.pitem{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:6vh 0}
.pitem h2{font-size:var(--h2)}.pitem p{margin:14px 0 0;max-width:52ch}
.pitem .pline{font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.4;color:var(--ink)}
.pitem h3{margin-top:26px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.pm-inline{display:none}

/* ---------- HOW: the rail ---------- */
.rail{position:relative;padding-left:clamp(56px,7vw,110px)}
.rail-line,.rail-fill{position:absolute;left:clamp(18px,2.2vw,34px);top:20px;bottom:20px;width:3px;border-radius:2px}
.rail-line{background:#191A2014}.rail-fill{background:linear-gradient(var(--acc),var(--acc2));transform-origin:50% 0}
.station{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(48px,7vw,100px) 0}
.smark{position:absolute;left:calc(-1 * clamp(56px,7vw,110px) + clamp(18px,2.2vw,34px) - 21px);top:clamp(48px,7vw,100px);display:grid;justify-items:center;gap:6px}
.smark b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--acc);font-size:16px;color:var(--acc)}
.smark span{writing-mode:vertical-rl;rotate:180deg;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--mute)}
.sbody h2{font-size:clamp(30px,3vw,46px)}.sbody p{margin:16px 0 0;max-width:50ch}
.svis .fig.vert img{max-height:66vh}
.fx-radius{position:relative;border-radius:22px;overflow:hidden;background:#191A20}
.fx-radius img{aspect-ratio:4/5;object-fit:cover;border-radius:0;box-shadow:none}
.ring150{position:absolute;inset:0;width:100%;height:calc(100% - 3.4em);pointer-events:none}
.r150{position:absolute;right:16px;top:16px;padding:6px 12px;border-radius:99px;background:#2C52D0;color:#fff;font-size:13px;font-weight:800}
.fx-radius figcaption{padding:12px 16px 14px;margin:0;background:#191A20;color:#F7F7F2b3}
.clockfig{position:relative}.clockfig img{aspect-ratio:4/5;object-fit:cover}
.badge30{position:absolute;right:-12px;bottom:28px;padding:14px 20px;border-radius:18px;background:var(--yellow);font-size:14px;font-weight:600;box-shadow:0 20px 34px -18px #191A2080;rotate:-3deg}
.badge30 b{display:block;font-size:32px;letter-spacing:-.04em;line-height:1}
.wkx{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.dx{min-height:150px;border-radius:14px;background:#FCFCF8;border:1px solid #E7E7E2;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.dx span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--mute)}
.dx i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.dx i svg{width:20px;height:20px}
.dx em{font-style:normal;font-size:11.5px;line-height:1.3;color:#45464d}
.dx.plan{border-style:dashed;border-color:#2C52D066}
.dx.miss i{border:2px dashed #191A2033}
.dx.back i{background:var(--coral);color:var(--ink)}.dx.back{background:#FFF1EC;border-color:#FF725E55}
.dx.extra i{background:var(--lav);color:var(--ink)}
.two{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:clamp(28px,4vw,48px);border-radius:24px;background:#EEF0FA}
.two i{display:grid;place-items:center;width:clamp(80px,9vw,130px);aspect-ratio:1;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:clamp(36px,4vw,56px);font-weight:800;box-shadow:0 20px 34px -18px #2C52D0aa}
.two i+i{background:var(--lav);color:var(--ink)}
.two span{flex-basis:100%;font-weight:700;color:var(--blue)}
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(24px,3vw,40px)}
.lcol{padding:26px;border-radius:22px;background:#FCFCF8;border:1px solid #E7E7E2}
.lcol h3{font-size:13px;letter-spacing:.2em;text-transform:uppercase}.lcol.yes h3{color:var(--blue)}.lcol.no h3{color:#D9472F}
.lcol ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}
.lcol li{display:flex;gap:14px;align-items:flex-start}.lcol li svg{flex:none;width:28px;height:28px;padding:4px;border-radius:50%}
.lcol.yes svg{background:#2C52D01a;color:var(--blue)}.lcol.no svg{background:#FF725E22;color:#D9472F}
.lcol b{display:block;font-size:18px}.lcol span{font-size:15px;color:#45464d;line-height:1.5}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px;background:#191A20;border-radius:10px}
.contact figure{position:relative;margin:0}.contact img{aspect-ratio:3/4;object-fit:cover;width:100%}
.contact span{position:absolute;left:8px;bottom:6px;font:700 11px ui-monospace,Menlo,Consolas,monospace;color:#F0E99B;letter-spacing:.1em}

/* ---------- RANK: the scoreboard ---------- */
.eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:clamp(10px,1.4vw,20px);margin-top:clamp(24px,3vw,40px)}
.term{padding:clamp(22px,2.4vw,34px);border-radius:24px;box-shadow:0 30px 50px -40px #191A2080}
.term span{font-size:13px;font-weight:800;letter-spacing:.2em;opacity:.6}.term b{display:block;margin-top:14px;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.04em;line-height:1.05}
.term p{margin:12px 0 0;font-size:15.5px;line-height:1.5}
.t1{background:var(--lav)}.t2{background:var(--coral)}.t3{background:#191A20;color:#F7F7F2}.t3 p{color:#F7F7F2b3}
.op{align-self:center;font-style:normal;font-size:clamp(36px,4vw,60px);font-weight:800;color:#191A2066}
.pedestal .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.pedestal{background:radial-gradient(ellipse 50% 60% at 28% 55%,#3a3949 0%,#1E1D2600 70%)}
.pobj{max-width:440px;justify-self:center}
.pobj img{border-radius:18px;box-shadow:0 60px 90px -40px #000,0 0 0 1px #ffffff10}
.boardsec{position:relative;padding:clamp(80px,10vw,150px) 0;overflow:hidden;isolation:isolate}
.boardsec .bimg{position:absolute;inset:0;z-index:-1}.boardsec .bimg img{width:100%;height:100%;object-fit:cover}
.boardsec .bimg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F7F7F2f5 0%,#F7F7F2d9 45%,#F7F7F266 100%)}
.boardsec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.gboard{padding:22px;border-radius:24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 40px 70px -40px #191A2088;border:1px solid #fff}
.gbh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.gbh b{font-size:20px}.gbh span{font-size:12px;color:var(--mute)}
.gbr{display:grid;grid-template-columns:24px 30px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #191A2012}
.gbr em{font-style:normal;font-weight:800;color:var(--mute)}.gbr i{width:30px;height:30px;border-radius:50%}
.gbr u{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#C5B7EB,#9C8CF0);width:var(--w);text-decoration:none}
.gbr .cb{font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:#FF725E22;color:#D9472F;white-space:nowrap}
.gbf{margin:12px 0 0;font-size:13px;color:var(--mute)}
.duo{margin-top:clamp(24px,3vw,40px);padding:clamp(22px,3vw,36px);border-radius:24px;background:#FCFCF8;border:1px solid #E7E7E2;display:grid;gap:18px}
.drow{display:grid;grid-template-columns:130px repeat(4,1fr);align-items:center;gap:10px}
.drow b{font-size:15px}
.wkcol{display:flex;gap:6px;padding:10px;border-radius:12px;background:#F1EFE9;min-height:44px;align-items:center}
.wkcol i{width:20px;height:20px;border-radius:50%;background:var(--lav)}.wkcol i.cb,.dkey i.cb{background:var(--coral);box-shadow:0 0 0 4px #FF725E33}
.wkcol.gap{background:transparent;border:1.5px dashed #191A2026}.wkcol.gap u{font-size:12px;color:var(--mute);text-decoration:none}
.dkey{display:flex;gap:22px;font-size:13px;color:var(--mute)}.dkey span{display:flex;align-items:center;gap:8px}.dkey i{width:14px;height:14px;border-radius:50%;background:var(--lav)}
.apex{position:relative;padding:clamp(32px,5vw,64px);border-radius:28px;background:radial-gradient(ellipse at 80% 0%,#3a3949,#191A20 60%);color:#F7F7F2;overflow:hidden}
.apex svg{width:64px;height:48px}.apex h2{margin-top:16px;font-size:clamp(40px,5vw,76px);color:#fff}.apex p{max-width:52ch;color:#F7F7F2cc;margin:14px 0 0}
.apex .soon{position:absolute;right:24px;top:24px;padding:6px 12px;border-radius:99px;background:#F0E99B;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* ---------- CLUB: the poster ---------- */
.p-club .dhero .gfx{aspect-ratio:auto;max-width:620px}
.ticker{overflow:hidden;display:flex;background:var(--yellow);padding:16px 0;rotate:-1.5deg;margin:20px -20px;box-shadow:0 16px 30px -24px #191A2066}
.ticker div{display:flex;gap:18px;flex:none;padding-right:18px;animation:tick 26s linear infinite;align-items:center}
.ticker span{font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-.03em}.ticker i{font-style:normal;color:var(--coral);font-size:28px}
@keyframes tick{to{transform:translateX(-100%)}}
.sticker{display:inline-block;margin-top:22px!important;padding:12px 18px;border-radius:14px;background:var(--yellow);rotate:-2deg;font-size:15px!important;box-shadow:0 14px 24px -16px #191A2066}
.sticker b{display:block;font-size:22px;letter-spacing:-.02em}
.wk4{position:relative;margin-top:clamp(28px,4vw,56px)}
.wk4-line,.wk4-fill{position:absolute;left:0;right:0;top:22px;height:4px;border-radius:2px}
.wk4-line{background:#191A2014}.wk4-fill{background:linear-gradient(90deg,var(--acc),var(--acc2));transform-origin:0 50%}
.wk4 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.wk4 li{padding-top:56px;position:relative;opacity:.45;transition:opacity .5s}
.wk4 li::before{content:"";position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #191A2026;transition:background .4s,border-color .4s}
.wk4 li.on{opacity:1}.wk4 li.on::before{background:var(--coral);border-color:var(--coral)}
.wk4 b{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}.wk4 span{display:block;margin-top:6px;font-size:22px;font-weight:800;letter-spacing:-.03em}
.wk4 p{margin:8px 0 0;font-size:15px;color:#45464d}
.vs{display:grid;grid-template-columns:auto 1fr 1fr;margin-top:clamp(24px,3vw,40px);border-radius:22px;overflow:hidden;border:1px solid #E7E2D8;background:#FCFCF8}
.vs>div{padding:16px 20px;border-top:1px solid #E7E2D8;font-size:16px}
.vs .vh{border-top:0;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.vs .vk{font-weight:700;color:var(--mute);font-size:14px}
.vs .hot{background:#FFF3E3;font-weight:700}.vs .vh.hot{color:var(--acc)}
.vs>div:nth-child(3n+2){color:#191A2088;text-decoration:line-through;text-decoration-color:#191A2040}
.vs .vh:nth-child(2){text-decoration:none}
.shutsec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.fx-shutter{position:relative}
.sh-img{border-radius:20px;overflow:hidden;background:#3a3a44}
.fx-shutter img{aspect-ratio:9/14;object-fit:cover;max-height:78vh;width:100%;border-radius:0;box-shadow:none}
.polas{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px) clamp(14px,2.4vw,36px);margin:clamp(28px,4vw,56px) 0 12px;padding:0 clamp(0px,3vw,40px)}
.pola{margin:0;padding:12px 12px 16px;background:#fff;border-radius:4px;box-shadow:0 30px 40px -30px #191A2080,0 2px 6px #191A2014;rotate:var(--r)}
.pola:nth-child(even){margin-top:clamp(18px,4vw,56px)}
.pola img{aspect-ratio:1;object-fit:cover;width:100%}
.pola figcaption{margin-top:10px;font:600 15px/1 "Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#45464d;text-align:center}

/* ---------- START: the sideways journey and the packing list ---------- */
.hjourney{position:relative;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,36px);padding:90px 0 40px}
.hj-head{padding:0 var(--gut);display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.hj-head h2{font-size:clamp(30px,3vw,46px)}.hj-head .eb{margin:0 0 8px;flex-basis:100%}
.hj-prog{margin-left:auto;width:200px;height:4px;border-radius:2px;background:#191A2014;overflow:hidden}
.hj-prog u{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2));transform-origin:0 50%;transform:scaleX(var(--hp,0))}
.hj-track{display:flex;gap:clamp(18px,2vw,32px);padding:0 var(--gut);width:max-content;will-change:transform}
.hj-panel{flex:none;width:min(78vw,980px);height:min(62vh,560px);display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;background:#FCFCF8;border:1px solid #E7E7E2;box-shadow:0 40px 70px -50px #191A2088}
.hj-img img{width:100%;height:100%;object-fit:cover}
.hj-txt{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center}
.hj-n{font-size:clamp(64px,7vw,110px);font-weight:800;letter-spacing:-.06em;line-height:.9;color:var(--acc)}
.hj-txt h3{margin-top:12px;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.04em;line-height:1.05}.hj-txt h3 em{font-style:normal;color:var(--acc)}
.hj-txt p{margin:12px 0 0;font-size:16px;line-height:1.55;color:#45464d}
.packsec .fig.vert img{max-height:76vh}
.chk{display:grid;gap:10px;margin-top:22px}
.chk-n{margin:0!important;font-size:13px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)!important}
.chk button{all:unset;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#FCFCF8;border:1px solid #E7E7E2;transition:background .3s,border-color .3s,translate .3s var(--ease)}
.chk button:hover{translate:4px 0}.chk button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.chk i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:2px solid #191A2033;color:transparent;transition:background .3s,border-color .3s,color .3s}
.chk i svg{width:18px;height:18px}
.chk b{display:block;font-size:17px}.chk span{font-size:14.5px;line-height:1.45;color:#45464d}
.chk [aria-pressed="true"]{background:#FFF1EC;border-color:#FF725E66}.chk [aria-pressed="true"] i{background:var(--coral);border-color:var(--coral);color:var(--ink)}
.chk [aria-pressed="true"] b{text-decoration:line-through;text-decoration-color:#FF725E}

/* ---------- RESEARCH: the paper ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:1px solid #191A2026}
.stats div{padding:clamp(20px,3vw,36px) clamp(12px,2vw,28px)}.stats div+div{border-left:1px solid #191A2026}
.stats b{display:block;font-size:clamp(44px,5.4vw,86px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--blue)}
.stats span{display:block;margin-top:10px;font-size:15px;color:#45464d}
.absgrid{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(20px,3vw,48px);align-items:center}
.absgrid.r{grid-template-columns:1fr 1fr;align-items:start}
.abs{position:relative;padding:clamp(24px,3vw,40px);background:#fff;box-shadow:0 0 0 1px #191A2010,0 30px 60px -44px #191A2066}
.abs header{display:flex;flex-wrap:wrap;gap:8px 16px;font:600 12px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.abs header span:first-child{color:var(--blue)}.abs sup{margin-left:auto;font-size:12px;color:var(--coral)}
.abs h3{margin-top:14px;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;line-height:1.05}.abs h3 em{font-style:normal;color:var(--coral)}
.abs-b{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid #191A2014}
.abs-b b{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.abs-b div:last-child b{color:var(--coral)}
.abs-b p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#45464d}
.absfig img{max-height:70vh}
.cmp{position:relative;margin:0;--pos:50%;border-radius:22px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 40px 70px -50px #191A2088;user-select:none}
.cmp-a,.cmp-b{position:absolute;inset:0}.cmp img{width:100%;height:100%;object-fit:cover}
.cmp-b{clip-path:inset(0 0 0 var(--pos))}
.cmp span{position:absolute;top:16px;padding:6px 12px;border-radius:99px;background:#F7F7F2e6;font-size:13px;font-weight:700}.cmp-a span{left:16px}.cmp-b span{right:16px}
.cmp-h{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px #191A2022;pointer-events:none}
.cmp-h::after{content:"‹ ›";position:absolute;top:50%;left:50%;translate:-50% -50%;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;color:var(--ink);box-shadow:0 10px 20px -10px #0008}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cmp input:focus-visible~figcaption{outline:2px solid var(--blue)}
.cmp figcaption{position:absolute;left:16px;bottom:14px;padding:6px 12px;border-radius:99px;background:#191A20cc;color:#fff;font-size:12.5px;pointer-events:none}
.p2a{display:grid;gap:14px;margin-top:clamp(24px,3vw,40px)}
.p2a .row{display:grid;grid-template-columns:1fr 120px 1.4fr;align-items:center;gap:16px}
.p2a .fd{padding:18px 20px;border-radius:14px;background:#EEF0FA;font-weight:700}
.p2a .ft{padding:18px 20px;border-radius:14px;background:#191A20;color:#F7F7F2;font-weight:600}
.arr{position:relative;height:3px;background:linear-gradient(90deg,var(--blue),var(--coral));transform-origin:0 50%}
.arr::after{content:"";position:absolute;right:-4px;top:50%;width:12px;height:14px;background:var(--coral);clip-path:polygon(0 0,100% 50%,0 100%);translate:0 -50%}
.dont{padding:clamp(24px,3vw,40px);border-radius:22px;border:2px dashed #191A2033}
.dont ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}
.dont li{font-size:20px;font-weight:800;letter-spacing:-.02em;position:relative}
.dont li span{display:block;margin-top:6px;font-size:15.5px;font-weight:500;letter-spacing:0;color:#45464d}
.cite{list-style:decimal;padding-left:22px}.cite li{padding-left:8px}

/* ---------- FOR GYMS ---------- */
.churn .big{max-width:20ch;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:800;letter-spacing:-.045em;line-height:1.08;color:#fff}
.churn .big em{font-style:normal;color:var(--coral)}
.churn .small2{margin-top:26px;max-width:52ch;font-size:clamp(18px,1.4vw,21px);color:#F7F7F2b3}
.flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px);margin-top:clamp(28px,4vw,56px)}
.flow svg{position:absolute;left:0;right:0;top:0;width:100%;height:70px;pointer-events:none}
.fpath{fill:none;stroke:#C5B7EB;stroke-width:3;stroke-dasharray:100;stroke-linecap:round}
.fn{position:relative;padding-top:80px}
.fn i{position:absolute;top:8px;left:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:2px solid #ffffff33;color:#fff;font-style:normal;font-size:20px;font-weight:800}
.fn.hot i{background:var(--coral);border-color:var(--coral);color:var(--ink)}
.fn b{display:block;font-size:clamp(20px,1.8vw,26px);color:#fff;letter-spacing:-.02em}.fn span{display:block;margin-top:6px;font-size:15.5px;color:#F7F7F2b3}
.mosaic .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,24px)}
.mosaic .fig img{aspect-ratio:3/2;object-fit:cover}.mosaic .wide2{grid-column:1/-1}.mosaic .wide2 img{aspect-ratio:21/9}

/* ---------- MUMBAI: the field log ---------- */
.board{border-radius:20px;overflow:hidden;background:#141519;padding:10px;box-shadow:0 40px 70px -40px #191A2099}
.brow{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #ffffff12}
.brow:last-child{border-bottom:0}
.brow span{font:600 12px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;color:#F7F7F288}
.brow b{font:700 clamp(18px,2vw,28px) ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;color:#F0E99B;white-space:nowrap;overflow:hidden}
.brow i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.brow i.go{background:#7BD88F26;color:#7BD88F}.brow i.wait{background:#ffffff14;color:#F7F7F2aa}
.cinema{position:relative}
.cin-img{position:sticky;top:0;height:100svh;overflow:hidden}
.cin-img img{width:100%;height:100%;object-fit:cover}
.cin-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#191A2099,#191A2026 60%)}
.cin-cards{position:relative;margin-top:-100svh;padding:30vh var(--gut) 40vh;display:grid;gap:60vh}
.ccard{max-width:460px;padding:clamp(24px,3vw,36px);border-radius:24px;background:#F7F7F2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 40px 70px -40px #000c}
.ccard h2{font-size:clamp(28px,2.6vw,40px)}.ccard p{margin:12px 0 0}
.ccard:nth-child(2){margin-left:auto}
.dcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(24px,3vw,40px)}
.dc{padding:24px;border-radius:20px;background:#FCFCF8;border:1px solid #E7E7E2}
.dc i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#FF725E1f;color:#D9472F}.dc i svg{width:24px;height:24px}
.dc h3{margin-top:16px;font-size:19px;letter-spacing:-.02em}.dc p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#45464d}

/* ---------- phone ---------- */
@media (max-width:820px){
  .essay{grid-template-columns:1fr;padding-inline:var(--gut)}.ecol,.emarg{grid-column:1}.emarg{padding-top:18px}.sn{max-width:none}
  .exrow{grid-template-columns:1fr;gap:28px}.ex:nth-child(2){margin-top:0}
  .film figure{width:31vw;margin:0 3px}
  .pstick .wrap{grid-template-columns:1fr}.pstage{display:none}.pitem{min-height:auto;padding:40px 0}
  .pm-inline{display:block;margin-bottom:22px}.pm-inline .pmedia{height:auto;aspect-ratio:4/5}
  .rail{padding-left:46px}.rail-line,.rail-fill{left:14px}.smark{left:-53px}.smark span{display:none}
  .station{grid-template-columns:1fr;gap:22px;padding:44px 0}
  .wkx{grid-template-columns:repeat(7,1fr);gap:4px}.dx{min-height:120px;padding:8px 2px}.dx em{font-size:9.5px}.dx i{width:26px;height:26px}
  .ledger,.eq,.pedestal .wrap,.boardsec .wrap,.shutsec .wrap,.absgrid,.absgrid.r,.abs-b,.mosaic .wrap,.diptych .wrap{grid-template-columns:1fr}
  .op{justify-self:center}
  .drow{grid-template-columns:1fr 1fr 1fr 1fr}.drow b{grid-column:1/-1}
  .wk4 ol{grid-template-columns:1fr 1fr;row-gap:28px}.wk4-line,.wk4-fill{display:none}
  .vs>div{padding:12px 10px;font-size:14px}
  .polas{grid-template-columns:1fr 1fr}
  .hjourney{height:auto;padding:60px 0}.hj-track{flex-direction:column;width:auto}.hj-panel{width:auto;height:auto;grid-template-columns:1fr}.hj-img img{aspect-ratio:4/3}.hj-prog{display:none}
  .stats{grid-template-columns:1fr}.stats div+div{border-left:0;border-top:1px solid #191A2026}
  .p2a .row{grid-template-columns:1fr;gap:8px}.arr{width:60px;justify-self:center;rotate:90deg}
  .flow{grid-template-columns:1fr}.flow svg{display:none}
  .brow{grid-template-columns:1fr auto;gap:6px 12px}.brow span{grid-column:1/-1}
  .cin-cards{gap:40vh}
  .dcards{grid-template-columns:1fr 1fr}
  .band.light .bimg::after{background:#F7F7F2d9}
}
@media (prefers-reduced-motion:reduce){
  .kb .frame img,.ticker div{animation:none}.warm img{filter:none;transition:none}.never b::after{transform:scaleX(1);transition:none}
  .player{transition:none}.tilt{transform:none}
}

/* v7.1 QA fixes */
.blk.dark,.pull.dark{--dk:#191A20;background:linear-gradient(#191A2000,var(--dk) 110px,var(--dk) calc(100% - 110px),#191A2000)}
.p-for-gyms .blk.dark{background:var(--dk)}  /* consecutive dark sections under a night sky: no fades between them */
.loop{--dk:#22212B!important}
.pedestal{--dk:#1E1D26;background:radial-gradient(ellipse 50% 60% at 28% 55%,#3a3949 0%,#1E1D2600 70%),linear-gradient(#1E1D2600,#1E1D26 110px,#1E1D26 calc(100% - 110px),#1E1D2600)!important}
.stats b span{display:inline;margin:0;font-size:inherit;color:inherit}
.station.full{grid-template-columns:1fr}.station.full .svis{max-width:900px}
.station.full .dx{min-height:170px}.station.full .dx em{font-size:13px}
.p-for-gyms .loop{background:linear-gradient(var(--dk) calc(100% - 120px),#22212B00)}

/* Sitting 3 (R8): the mymind touches on Apeks' own pages. A chat-bubble chip in the hero; common thoughts before the questions. */
.ap-bub{display:inline-block;margin:0 0 16px;padding:8px 16px;border-radius:18px 18px 18px 5px;background:#fff;font-size:15px;font-weight:500;color:var(--ink);box-shadow:0 10px 24px -14px #0005}
.dark .ap-bub{background:#F7F7F2;color:#191A20}
.ap-thoughts{position:relative;padding:clamp(80px,10vw,140px) 0;overflow:hidden;isolation:isolate;text-align:center}
.ap-thoughts::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 60%,#C5B7EB66,transparent 70%),radial-gradient(ellipse 40% 35% at 82% 20%,#FF725E33,transparent 70%),radial-gradient(ellipse 35% 30% at 15% 80%,#F0E99B55,transparent 70%)}
.ap-thoughts h2{font-size:clamp(38px,5vw,72px)}
.ap-tb{position:relative;max-width:900px;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:26px 60px;text-align:left}
.ap-t{position:relative;justify-self:start;max-width:340px;margin:0;padding:16px 20px;border-radius:20px 20px 20px 6px;background:#fff;font-size:16px;line-height:1.45;box-shadow:0 20px 40px -26px #0006;opacity:0;translate:0 26px;transition:opacity 1s var(--ease),translate 1s var(--ease)}
.ap-t:nth-child(even){justify-self:end;margin-top:40px;border-radius:20px 20px 6px 20px}
.ap-t::after{content:"";position:absolute;left:-12px;bottom:-12px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 8%,var(--b,#C5B7EB) 40%,var(--b2,#9C8CF0));box-shadow:0 6px 12px -6px #0006}
.ap-t:nth-child(even)::after{left:auto;right:-12px}.ap-t:nth-child(4n+2){--b:#FF725E;--b2:#d9472f}.ap-t:nth-child(4n+3){--b:#F0E99B;--b2:#c9b84a}.ap-t:nth-child(4n){--b:#7d97e8;--b2:#2C52D0}
.ap-tb.in .ap-t{opacity:1;translate:0 0;animation:apfloat 7s ease-in-out infinite alternate}
.ap-tb.in .ap-t:nth-child(2){transition-delay:.15s;animation-delay:-2s}.ap-tb.in .ap-t:nth-child(3){transition-delay:.3s;animation-delay:-4s}.ap-tb.in .ap-t:nth-child(4){transition-delay:.45s;animation-delay:-1s}
@keyframes apfloat{to{transform:translateY(-8px)}}
.ap-tnote{margin:36px 0 0;font-size:13px;color:var(--mute)}
@media (max-width:820px){.ap-tb{grid-template-columns:1fr}.ap-t:nth-child(even){margin-top:0}}
@media (prefers-reduced-motion:reduce){.ap-tb.in .ap-t{animation:none}.ap-t{opacity:1;translate:none;transition:none}}

/* moving pieces (the promise deck, floating bubbles) never cause sideways scroll */
html:has(body.deep){overflow-x:clip}
.dhero{overflow-x:clip}

/* R8 revised: each page shows the thoughts its own way (chat, struck doubts, whiteboard, stickies, Mondays, search bar, logbook) */
.ap-x{padding:clamp(80px,10vw,140px) 0}
.ap-x h2{font-size:clamp(36px,4.6vw,66px)}
.ap-x .ap-tnote{text-align:left;margin-top:26px}
.ap-hand{font-family:Caveat,"Segoe Print","Bradley Hand",cursive}
/* start: notes to self, on a phone */
.ap-x-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(30px,6vw,90px);align-items:center}
.ap-phone{width:min(340px,86vw);padding:20px 16px 26px;border-radius:38px;background:#fff;box-shadow:0 0 0 10px #191A20,0 50px 80px -40px #191A20aa;display:grid;gap:10px}
.ap-ph-top{margin:0 0 6px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--mute)}
.ap-msg{margin:0;justify-self:end;max-width:80%;padding:10px 14px;border-radius:18px 18px 4px 18px;background:#2C52D0;color:#fff;font-size:15px;line-height:1.35}
.ap-msg.alt{background:#2C52D0}
.ap-msg.reply{justify-self:start;border-radius:18px 18px 18px 4px;background:#EEEDE6;color:var(--ink)}
/* how it works: doubts struck out, plain answers */
.ap-qa{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ap-qa li{padding:22px 24px;border-radius:18px;background:#FCFCF8;border:1px solid #E7E7E2;display:grid;gap:10px}
.ap-qa s{font-size:17px;color:#191A2080;text-decoration-color:#FF725E;text-decoration-thickness:2px}
.ap-qa b{font-size:clamp(20px,1.7vw,24px);font-weight:500;letter-spacing:-.02em;color:var(--ink)}
/* rank: marker on a gym whiteboard */
.ap-board{position:relative;margin:34px auto 0;max-width:820px;padding:clamp(30px,4vw,52px) clamp(30px,5vw,64px) 70px;border-radius:8px;background:linear-gradient(170deg,#ffffff,#f1f3f4);box-shadow:0 0 0 12px #c9ccd1,0 40px 70px -40px #191A2099}
.ap-mk{margin:0 0 14px;font-family:Caveat,"Segoe Print",cursive;font-size:clamp(28px,3vw,40px);line-height:1.15;color:#2C52D0;rotate:var(--r,0deg)}
.ap-mk:nth-child(3){color:#d9472f}.ap-mk:nth-child(5){color:#191A20}
.ap-mk.ans{margin-top:22px;padding-top:14px;border-top:2px dashed #191A2033;color:#191A20;font-size:clamp(32px,3.4vw,46px)}
.ap-board-tray{position:absolute;left:10%;right:10%;bottom:-20px;height:12px;border-radius:3px;background:#b9bcc1}
/* why: crumpled sticky notes */
.ap-stickies{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px);margin-top:36px}
.ap-sticky{margin:0;aspect-ratio:1;padding:18px;background:var(--c);rotate:var(--r);font-family:Caveat,"Segoe Print",cursive;font-size:clamp(24px,2.2vw,30px);line-height:1.15;color:#191A20;
  box-shadow:0 18px 24px -18px #0007,inset 0 -20px 30px -24px #0003;clip-path:polygon(0 2%,98% 0,100% 96%,3% 100%)}
/* club: four Mondays, four reasons */
.ap-mons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:36px}
.ap-mon{border-radius:14px;background:#FCFCF8;border:1px solid #E7E2D8;overflow:hidden;min-height:180px}
.ap-mon span{display:block;padding:8px 12px;background:#F0E99B;font-size:12px;font-weight:800;letter-spacing:.14em}
.ap-mon p{margin:0;padding:12px;font-family:Caveat,"Segoe Print",cursive;font-size:clamp(22px,1.9vw,27px);line-height:1.15;color:#191A20}
.ap-mon:not(.go) p{text-decoration:line-through;text-decoration-color:#191A2055}
.ap-mon.go{border-color:#FF725E}.ap-mon.go span{background:#FF725E}.ap-mon.go p{color:#d9472f}
/* research: what people look up */
.ap-search{margin:34px auto 0;max-width:720px;border-radius:26px;background:#fff;box-shadow:0 30px 60px -40px #191A2088,0 0 0 1px #E7E7E2;overflow:hidden}
.ap-sb{display:flex;align-items:center;gap:14px;margin:0;padding:18px 22px;border-bottom:1px solid #EDEDE8;font-size:18px}
.ap-sb i{width:18px;height:18px;border:2.5px solid #5d5e66;border-radius:50%;position:relative;flex:none}.ap-sb i::after{content:"";position:absolute;right:-7px;bottom:-6px;width:8px;height:2.5px;background:#5d5e66;rotate:45deg}
.ap-type{position:relative;padding-right:6px}
.ap-type::after{content:"";position:absolute;right:0;top:.12em;bottom:.12em;width:2px;background:#2C52D0;animation:apcaret 1s steps(1) infinite}
@keyframes apcaret{50%{opacity:0}}
.ap-search ul{list-style:none;margin:0;padding:8px 0}.ap-search li{padding:12px 22px 12px 54px;font-size:17px;color:#45464d;position:relative}
.ap-search li::before{content:"";position:absolute;left:24px;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid #b8b9bf;border-radius:50%}
/* for gyms: a front-desk logbook */
.ap-x-dark{background:linear-gradient(#22212B00,#22212B 110px,#22212B calc(100% - 110px),#22212B00);color:#F7F7F2}
.ap-x-dark h2{color:#fff}.ap-x-dark .ap-tnote{color:#F7F7F299}
.ap-log{margin:34px 0 0;max-width:680px;padding:26px 30px;border-radius:6px;background:#f6f1e6;color:#191A20;rotate:-1deg;box-shadow:0 40px 60px -40px #000c;background-image:repeating-linear-gradient(#f6f1e6 0 40px,#dcd3c2 40px 41px)}
.ap-log-h{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#8a8170}
.ap-log p:not(.ap-log-h){margin:0;display:flex;gap:18px;align-items:baseline;line-height:41px;font-family:Caveat,"Segoe Print",cursive;font-size:26px}
.ap-log span{font:600 13px ui-monospace,Menlo,Consolas,monospace;color:#8a8170}
@media (max-width:820px){.ap-x-grid,.ap-qa{grid-template-columns:1fr}.ap-stickies{grid-template-columns:1fr 1fr}.ap-mons{grid-template-columns:1fr 1fr}.ap-phone{justify-self:center}}
@media (prefers-reduced-motion:reduce){.ap-type::after{animation:none}}

/* v8: the tilted ticker band bleeds 20px past each side on purpose; clip it so the page cannot scroll sideways (a v7 defect, 21px at 1440) */
.p-club main{overflow-x:clip}

/* v8.3: for-gyms: the night run owns its night and fades into first light, so no dark words sit on a half-changed sky */
.p-for-gyms .dhero.dark{background:var(--night)}
.p-for-gyms .blk.dark.loop{background:linear-gradient(var(--dk) calc(100% - 110px),#191A2000)}

/* v8.5: no gradient merges on the deep pages either: the night sections keep clean edges */
.blk.dark,.pull.dark{background:var(--dk)}
.pedestal{background:radial-gradient(ellipse 50% 60% at 28% 55%,#3a3949 0%,#1E1D2600 70%),var(--dk)!important}
.p-for-gyms .loop,.p-for-gyms .blk.dark.loop{background:var(--dk)}
.ap-x-dark{background:#22212B}
/* for-brands: the three short sections in the lit card language */
.p-for-brands .bgrid>*{background:linear-gradient(160deg,#FFFFFF,#F4F1FB);box-shadow:inset 0 1px 0 #fff,0 40px 70px -46px #191A2077,0 0 0 1px #191A2010}
.p-for-brands .bgrid.steps .hot{background:linear-gradient(160deg,#FFE7DF,#FFD3C6);box-shadow:inset 0 1px 0 #ffffffb3,0 40px 70px -40px #FF725E88}