@import url("assets/fonts/zt-qingyati/zt-qingyati.css");

@font-face{
  font-family:"IBM Plex Sans SC";
  src:url("assets/fonts/ibm-plex-sans-sc/IBMPlexSansSC-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"IBM Plex Sans SC";
  src:url("assets/fonts/ibm-plex-sans-sc/IBMPlexSansSC-Medium.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

:root{--ink:#51456f;--mint:#5ecdc0;--cream:#fff2c9;--lavender:#9d8bd1;--aqua:#8fd8df;--ui-edge:clamp(18px,4vw,64px);--ui-shadow:0 14px 32px rgba(49,55,119,.17);--ui-rim:rgba(255,247,214,.68)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body,body *{cursor:none!important}
body{font-family:ui-rounded,"SF Pro Rounded","PingFang SC","Noto Sans SC",sans-serif;color:var(--ink)}
body.surface-page{width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden}
a{color:inherit;text-decoration:none}
.surface-hero,.dive-world{isolation:isolate;position:relative;min-height:100svh;overflow:hidden}
.surface-hero{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 46% 15%,rgba(255,247,208,.85) 0 9%,transparent 28%),radial-gradient(ellipse at 7% 17%,rgba(244,189,214,.55) 0 16%,transparent 35%),linear-gradient(180deg,#c4b0db 0%,#dec6d9 39%,#b9dce9 61%,#8bcbdc 100%)}
.surface-hero:before,.dive-world:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background:repeating-linear-gradient(104deg,rgba(75,60,118,.14) 0 1px,transparent 1px 7px),repeating-linear-gradient(15deg,rgba(255,255,255,.21) 0 1px,transparent 1px 9px);mix-blend-mode:soft-light}
.site-nav,.dive-nav{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:clamp(18px,3.2vh,30px) var(--ui-edge);font:clamp(10px,.72vw,12px)/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em;color:rgba(71,58,107,.76);text-transform:uppercase}
.site-nav span,.dive-nav span{display:block;max-width:42vw}
.dive-nav span:last-child{position:absolute;left:50%;transform:translateX(-50%);max-width:none;text-align:center;color:rgba(255,248,222,.96);white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.site-mark{font-weight:700}
.home-copy{position:relative;z-index:3;width:min(70vw,720px);margin:clamp(38px,9vh,90px) auto 0;padding-inline:18px;text-align:center;background:transparent!important;border:none!important;box-shadow:none!important}
.home-copy p{margin:0 0 clamp(13px,1.5vw,20px);font:clamp(10px,.74vw,12px)/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.15em;color:rgba(71,58,107,.78)}
.dive-cta-region{position:absolute;z-index:7;left:50%;bottom:calc(12% + 52px);width:min(260px,82vw);height:62px;transform:translateX(-50%);pointer-events:auto;overflow:visible}
.surface-lifebuoy-entry{position:absolute;z-index:3;left:50%;top:50px;width:clamp(136px,12.5vw,198px);height:clamp(91px,8.3vw,133px);display:block;transform:translateX(-50%) rotate(-3deg);transform-origin:center center;pointer-events:auto;cursor:pointer!important;outline:0;filter:drop-shadow(0 8px 10px rgba(63,91,151,.2));transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .6s ease}
.surface-lifebuoy-entry::before,.surface-lifebuoy-entry::after{content:"";position:absolute;left:50%;top:54%;display:block;border:1px solid rgba(165,218,226,.32);border-left-color:rgba(165,218,226,.1);border-right-color:transparent;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scaleY(.48);transition:opacity .6s ease,transform .8s ease}
.surface-lifebuoy-entry::before{width:118%;height:42%;opacity:.55}
.surface-lifebuoy-entry::after{width:143%;height:54%;opacity:.3;border-top-color:rgba(255,236,198,.32);border-bottom-color:rgba(165,202,228,.16)}
.surface-lifebuoy-float{position:absolute;inset:0;display:block;transform-origin:center center;animation:surface-lifebuoy-drift 9.8s ease-in-out infinite;pointer-events:none}
.surface-lifebuoy-art{display:block;width:100%;height:100%;object-fit:contain;opacity:.98;filter:saturate(.82) brightness(1.1) contrast(1.04) drop-shadow(0 5px 7px rgba(66,87,145,.16));pointer-events:none;transition:filter .55s ease,opacity .55s ease}
.surface-lifebuoy-entry:hover,.surface-lifebuoy-entry:focus-visible{transform:translate(-50%,-3px) rotate(-2deg) scale(1.035);filter:drop-shadow(0 10px 14px rgba(63,91,151,.25))}
.surface-lifebuoy-entry:hover .surface-lifebuoy-art,.surface-lifebuoy-entry:focus-visible .surface-lifebuoy-art{opacity:1;filter:saturate(.9) brightness(1.16) contrast(1.06) drop-shadow(0 0 12px rgba(255,255,255,.38))}
.surface-lifebuoy-entry:hover::before,.surface-lifebuoy-entry:focus-visible::before{opacity:.78;transform:translate(-50%,-50%) scaleY(.52)}
.surface-lifebuoy-entry:hover::after,.surface-lifebuoy-entry:focus-visible::after{opacity:.48;transform:translate(-50%,-50%) scaleY(.58)}
.surface-hero.is-dive-cta-clicking .surface-lifebuoy-entry{transform:translate(-50%,2px) rotate(-3deg) scale(.97);filter:drop-shadow(0 5px 8px rgba(63,91,151,.14))}
.surface-hero.is-dive-cta-clicking .surface-lifebuoy-entry::before,.surface-hero.is-dive-cta-clicking .surface-lifebuoy-entry::after{opacity:0;transform:translate(-50%,-50%) scale(.5,.2)}
.surface-hero.is-dive-cta-clicking .surface-lifebuoy-art{opacity:.6;transition:opacity .28s ease}
@keyframes surface-lifebuoy-drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}32%{transform:translate3d(-2px,-2px,0) rotate(.8deg)}67%{transform:translate3d(2px,1px,0) rotate(-.6deg)}}
.dive-vortex{position:absolute;z-index:0;left:50%;top:24px;width:430px;height:116px;transform:translateX(-50%);pointer-events:none;opacity:.96;mix-blend-mode:normal;filter:blur(.08px);will-change:opacity}
.dive-vortex-ring{position:absolute;left:50%;top:50%;display:block;width:100px;height:34px;border:2px solid rgba(80,157,187,.65);border-top-color:rgba(155,187,231,.82);border-bottom-color:rgba(92,157,196,.52);border-left-color:rgba(98,177,193,.32);border-right-color:transparent;border-radius:47% 53% 44% 56%;box-shadow:0 0 10px rgba(115,178,216,.3);transform:translate(-50%,-50%) rotate(-4deg) scaleY(.55);opacity:.95;will-change:transform,opacity,border-radius}
.dive-vortex-ring-a{width:300px;height:88px;border-width:2px;border-color:rgba(111,181,205,.48);border-top-color:rgba(180,207,239,.76);border-bottom-color:rgba(93,164,201,.38);border-left-color:rgba(105,179,195,.24);border-right-color:transparent;box-shadow:0 0 12px rgba(111,180,214,.25)}
.dive-vortex-ring-b{width:238px;height:68px;border-width:2px;border-color:rgba(126,119,190,.48);border-top-color:rgba(157,187,228,.7);border-bottom-color:rgba(149,131,204,.4);border-right-color:rgba(135,148,198,.23);border-left-color:transparent;opacity:.84;transform:translate(-50%,-50%) rotate(5deg) scaleY(.5);animation-name:dive-vortex-ring-b;animation-duration:22s;animation-delay:-6s}
.dive-vortex-ring-c{width:172px;height:49px;border-width:2px;border-color:rgba(234,199,155,.32);border-top-color:rgba(255,225,181,.78);border-bottom-color:rgba(104,165,198,.38);border-left-color:transparent;border-right-color:rgba(116,149,201,.24);opacity:.75;transform:translate(-50%,-50%) rotate(-8deg) scaleY(.48);animation-name:dive-vortex-ring-c;animation-duration:28.5s;animation-delay:-12s}
.dive-vortex-core{position:absolute;left:50%;top:52%;display:block;width:64px;height:28px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,226,177,.66) 0,rgba(175,220,228,.3) 43%,rgba(145,181,220,.1) 62%,transparent 78%);opacity:.78;transform:translate(-50%,-50%) scale(.88);filter:blur(2.2px);will-change:transform,opacity;animation:dive-vortex-core 8.8s ease-in-out infinite}
.dive-cta-region:hover .dive-vortex,.dive-cta-region:focus-within .dive-vortex{opacity:.66}
.dive-cta-region:hover .dive-vortex-ring,.dive-cta-region:focus-within .dive-vortex-ring{opacity:.84;animation-duration:11.5s}
.dive-cta-region:hover .dive-vortex-ring-b{animation-duration:16.5s}
.dive-cta-region:hover .dive-vortex-ring-c{animation-duration:21s}
.dive-cta-region:hover .dive-vortex-core,.dive-cta-region:focus-within .dive-vortex-core{opacity:.58;transform:translate(-50%,-50%) scale(1.12)}
.surface-hero.is-dive-cta-clicking .dive-vortex-ring{animation:dive-vortex-collapse .36s ease-in forwards}
.surface-hero.is-dive-cta-clicking .dive-vortex-core{opacity:.68;transform:translate(-50%,-50%) scale(.7);transition:transform .36s ease,opacity .36s ease}
.dive-trigger{position:absolute;z-index:1;left:50%;top:0;bottom:auto;transform:translate3d(calc(-50% + var(--cta-parallax-x,0px)),var(--cta-parallax-y,0px),0);margin:0;padding:5px 10px;color:rgba(71,58,107,.78);font:600 clamp(10px,.74vw,12px)/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.15em;white-space:nowrap;text-align:center;opacity:.78;animation:dive-trigger-breathe 5.6s ease-in-out infinite;transition:transform .55s cubic-bezier(.2,.75,.25,1),text-shadow .3s ease,color .3s ease}
.surface-hero.is-dive-cta-clicking .dive-trigger{transform:translate3d(calc(-50% + var(--cta-parallax-x,0px)),calc(var(--cta-parallax-y,0px) + 4px),0);opacity:0;transition:transform .3s ease,opacity .28s ease}
.dive-trigger-hint{position:absolute;left:50%;top:calc(100% + 13px);display:block;pointer-events:none;white-space:nowrap;color:rgba(76,66,112,.82);font:8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em;opacity:.9;transform:translateX(-50%);animation:none;transition:opacity .3s ease,color .3s ease,text-shadow .3s ease}
.dive-click-ripple{position:absolute;z-index:2;left:var(--ripple-x,50%);top:var(--ripple-y,50%);width:28px;height:14px;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}
.dive-click-ripple i{position:absolute;left:50%;top:50%;display:block;width:28px;height:10px;border:1px solid rgba(161,224,226,.7);border-top-color:transparent;border-radius:50%;opacity:0;filter:blur(.3px);box-shadow:0 0 5px rgba(134,220,223,.26);transform:translate(-50%,-50%) rotate(var(--ripple-rotate,0deg)) scaleX(.5) scaleY(.55);animation:dive-click-ripple-ring 1s cubic-bezier(.22,.72,.28,1) forwards}
.dive-click-ripple i:nth-child(2){width:44px;height:15px;--ripple-rotate:2deg;border-color:rgba(161,224,226,.52);border-top-color:transparent;box-shadow:0 0 7px rgba(134,220,223,.2);animation-delay:.1s}
.dive-cta-region:hover .dive-trigger,.dive-trigger:focus-visible{animation:none;color:rgba(190,248,243,.98);text-shadow:0 0 4px rgba(133,237,224,.8),0 0 12px rgba(113,219,224,.42);outline:0}
.dive-cta-region:hover .dive-trigger-hint,.dive-trigger:focus-visible .dive-trigger-hint{animation:none;opacity:1;color:rgba(190,248,243,.92);text-shadow:0 0 7px rgba(113,219,224,.4)}
@keyframes dive-trigger-breathe{0%,100%{text-shadow:0 0 0 rgba(250,220,161,0),0 0 0 rgba(250,220,161,0)}50%{text-shadow:0 0 4px rgba(250,220,161,.62),0 0 11px rgba(250,220,161,.22),0 0 18px rgba(244,194,136,.1)}}
@keyframes dive-click-ripple-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ripple-rotate,0deg)) scaleX(.5) scaleY(.55)}22%{opacity:.72;transform:translate(-50%,-50%) rotate(var(--ripple-rotate,0deg)) scaleX(1.1) scaleY(.78)}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ripple-rotate,0deg)) scaleX(3.2) scaleY(1.2)}}
@keyframes dive-vortex-ring-a{0%,100%{transform:translate(-50%,-50%) rotate(-7deg) scale(.94,.5);border-radius:46% 54% 43% 57%}46%{transform:translate(-48%,-52%) rotate(2deg) scale(1.04,.62);border-radius:53% 47% 57% 43%}72%{transform:translate(-52%,-48%) rotate(7deg) scale(.98,.54);border-radius:42% 58% 49% 51%}}
@keyframes dive-vortex-ring-b{0%,100%{transform:translate(-50%,-50%) rotate(8deg) scale(.9,.46);border-radius:54% 46% 49% 51%}42%{transform:translate(-52%,-48%) rotate(-5deg) scale(1.06,.56);border-radius:45% 55% 57% 43%}77%{transform:translate(-48%,-52%) rotate(-10deg) scale(.96,.5);border-radius:58% 42% 44% 56%}}
@keyframes dive-vortex-ring-c{0%,100%{transform:translate(-50%,-50%) rotate(-10deg) scale(.88,.44);border-radius:43% 57% 52% 48%}50%{transform:translate(-49%,-51%) rotate(9deg) scale(1.1,.6);border-radius:57% 43% 46% 54%}}
@keyframes dive-vortex-core{0%,100%{opacity:.26;transform:translate(-50%,-50%) scale(.86,.72)}52%{opacity:.5;transform:translate(-50%,-53%) scale(1.08,.86)}78%{opacity:.3;transform:translate(-50%,-48%) scale(.94,.76)}}
@keyframes dive-vortex-collapse{0%{opacity:.84;transform:translate(-50%,-50%) scale(1,.55)}100%{opacity:0;transform:translate(-50%,-50%) scale(.52,.22)}}
.title-art{--title-drop:clamp(8px,2.1vw,30px);position:relative;width:min(32vw,430px);height:clamp(165px,18vw,280px);margin:0 auto;overflow:visible;transform:translateY(var(--title-drop));background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
.title-art img{position:absolute;inset:0;display:block;width:100%;height:auto;transform:translateY(-20%);mix-blend-mode:normal;pointer-events:none;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;-webkit-mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.18) 90%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.18) 90%,transparent 92%)}
.title-art::after{content:none;display:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.title-surface{z-index:2;clip-path:inset(0 0 43% 0);filter:none!important;opacity:1!important}
.title-underwater{z-index:3;transform:translateY(-20%) skewX(-4deg) scaleY(.96);transform-origin:center bottom;opacity:.78;filter:blur(2.4px) hue-rotate(15deg) saturate(1.08) brightness(.98) drop-shadow(0 1px 0 rgba(78,138,163,.3));mix-blend-mode:normal;clip-path:inset(57% 0 0 0);background:transparent!important;border:none!important;box-shadow:none!important}
.diver{z-index:6;position:absolute;width:125px;height:94px;pointer-events:none;filter:drop-shadow(0 8px 6px rgba(91,75,140,.18));transition:none!important;will-change:transform}
.home-diver{left:calc(50% - 132px);top:52%;transform:rotate(7deg)}
.book-dive-anchor{position:absolute;z-index:7;left:54%;bottom:3%;width:210px;height:170px;pointer-events:none}
.dive-entry{--jelly-scale:1.3;position:absolute;left:50%;right:auto;bottom:-1px;width:138px;height:153px;text-align:center;transform:translateX(-50%) scale(var(--jelly-scale));transform-origin:center bottom;filter:drop-shadow(0 10px 18px rgba(76,74,132,.12));transition:filter .35s ease,opacity .25s ease,transform .3s ease;pointer-events:auto}
.dive-entry::before{content:"";position:absolute;inset:-14px;border-radius:50%;pointer-events:auto}
.dive-entry .jelly-float{position:absolute;left:18px;top:-4px;width:102px;height:104px;display:block;animation:shell-float 4.6s ease-in-out infinite}
.dive-jelly-art{position:absolute;left:0;top:0;width:102px;height:104px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(92,84,150,.22));transform-origin:center center;transition:filter .35s ease,transform .35s ease}
.dive-entry b{position:absolute;top:89px;left:0;right:0;font-size:14px;letter-spacing:.17em;color:#51456f}
.dive-entry small{position:absolute;top:111px;left:7px;right:0;font:9px/1.08 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.1em;text-align:left;transform:rotate(-2deg);color:rgba(81,69,111,.82)}
.dive-entry small i{display:block;font-style:normal}
.dive-entry small i:nth-child(2){margin-left:21px;font-size:10px}
.dive-entry small i:nth-child(3){margin-left:8px;letter-spacing:.15em}
.caption{position:absolute;z-index:6;right:clamp(24px,5vw,88px);bottom:clamp(17px,2.8vh,30px);margin:0;font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.13em;color:rgba(249,245,221,.74)}
.surface-hero .planet-hotspot{position:absolute;z-index:5;left:11%;top:1%;width:25%;height:27%;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer!important}
.planet-hotspot::before{content:"";position:absolute;inset:17% -2% 42%;border:1px solid rgba(255,247,214,.46);border-radius:50%;opacity:0;transform:rotate(-14deg) scale(.78);filter:drop-shadow(0 0 8px rgba(255,236,190,.42));transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.planet-hotspot::after{content:"";position:absolute;inset:17%;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,244,203,.34),rgba(178,224,245,.14) 44%,transparent 72%);filter:blur(12px);transition:opacity .45s ease,transform .45s ease;transform:scale(.82);pointer-events:none}
.planet-hotspot:hover::before,.planet-hotspot:focus-visible::before{opacity:.82;transform:rotate(-14deg) scale(1)}
.planet-hotspot:hover::after,.planet-hotspot:focus-visible::after{opacity:.9;transform:scale(1.08)}
.surface-hero.is-planet-hover .planet-hotspot::before{opacity:.82;transform:rotate(-14deg) scale(1)}
.surface-hero.is-planet-hover .planet-hotspot::after{opacity:.9;transform:scale(1.08)}
.planet-hotspot.is-pulsing::after{animation:planet-pulse .72s ease-out}
.planet-hotspot:focus-visible{outline:0}
.planet-hint{position:absolute;z-index:5;left:14%;top:25.5%;pointer-events:none;color:rgba(66,54,100,.92);font:clamp(10px,.72vw,12px)/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.18em;white-space:nowrap;opacity:.84;transform:translateX(-4%);text-shadow:0 0 8px rgba(255,255,255,.3);transition:opacity .6s ease,color .6s ease,text-shadow .6s ease,letter-spacing .6s ease}
.planet-hotspot:hover + .planet-hint,.planet-hotspot:focus-visible + .planet-hint,.surface-hero.is-planet-hover .planet-hint{opacity:.98;letter-spacing:.22em;text-shadow:0 0 10px rgba(255,244,203,.42)}
.surface-hero[data-time="sunset"] .planet-hint{color:rgba(88,54,86,.9);text-shadow:0 0 8px rgba(255,218,203,.44)}
.surface-hero[data-time="sunset"] .planet-hotspot:hover + .planet-hint,.surface-hero[data-time="sunset"] .planet-hotspot:focus-visible + .planet-hint,.surface-hero[data-time="sunset"].is-planet-hover .planet-hint{opacity:.98;color:rgba(70,42,77,.96);text-shadow:0 0 10px rgba(255,213,201,.56)}
.surface-hero[data-time="blue-hour"] .planet-hint{color:rgba(235,235,255,.92);text-shadow:0 0 10px rgba(180,194,255,.56)}
.surface-hero[data-time="blue-hour"] .planet-hotspot:hover + .planet-hint,.surface-hero[data-time="blue-hour"] .planet-hotspot:focus-visible + .planet-hint,.surface-hero[data-time="blue-hour"].is-planet-hover .planet-hint{opacity:.99;color:rgba(245,246,255,.99);text-shadow:0 0 12px rgba(182,200,255,.72)}
@keyframes planet-pulse{0%{opacity:.9;transform:scale(.82)}55%{opacity:.98;transform:scale(1.16)}100%{opacity:0;transform:scale(1.32)}}
@keyframes shell-float{50%{transform:translateY(-9px) rotate(3deg) scale(1.25)}
}
/* Drift Bottle / Contact: a small piece of the surface world, never a UI card. */
.drift-bottle-contact{position:absolute;z-index:3;right:7%;top:52%;width:clamp(210px,16vw,290px);height:clamp(126px,11vw,170px);pointer-events:none;overflow:visible}
.drift-bottle-trigger{position:absolute;right:0;top:0;width:clamp(96px,8vw,138px);height:clamp(74px,6.6vw,106px);margin:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer!important;outline:0;overflow:visible}
.drift-bottle-float{position:absolute;inset:0;display:block;transform-origin:57% 53%;will-change:transform;pointer-events:none}
.drift-bottle-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:.76;filter:saturate(.82) contrast(.9) drop-shadow(0 6px 8px rgba(71,78,144,.12));transition:filter .65s ease,opacity .65s ease}
.drift-bottle-trigger:focus-visible .drift-bottle-art,.surface-hero.is-drift-bottle-hover .drift-bottle-art{opacity:.9;filter:saturate(.92) contrast(.96) drop-shadow(0 0 10px rgba(255,222,171,.28))}
.drift-bottle-hint{position:absolute;right:2px;top:auto;bottom:calc(100% + 7px);white-space:nowrap;pointer-events:none;color:rgba(56,46,88,0);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.13em;text-shadow:0 0 8px rgba(188,169,230,0);opacity:0;transform:translateY(3px);transition:opacity .55s ease,transform .55s ease,color .55s ease,text-shadow .55s ease}
.surface-hero.is-drift-bottle-hover .drift-bottle-hint,.drift-bottle-trigger:focus-visible .drift-bottle-hint{opacity:.9;transform:translateY(0);color:rgba(57,44,87,.9);text-shadow:0 0 8px rgba(246,220,180,.38)}
.surface-hero.is-drift-bottle-hover .cursor-light{transform:translate(-50%,-50%) scale(.82)}
.surface-hero.is-drift-bottle-hover .cursor-light::after{opacity:.72;transform:scale(1);border-color:rgba(255,224,177,.38)}
.surface-hero.is-drift-bottle-open .drift-bottle-contact{z-index:40}
.drift-contact-note{position:absolute;right:clamp(56px,6vw,120px);top:clamp(-72px,-6vw,-34px);width:clamp(240px,21vw,390px);height:clamp(270px,24vw,450px);z-index:41;pointer-events:auto;opacity:0;visibility:hidden;transform:translate3d(0,10px,0) rotate(-1.8deg) scale(.97);transform-origin:100% 62%;transition:opacity .28s ease,visibility .28s ease,transform .32s cubic-bezier(.2,.75,.25,1)}
.drift-contact-note:not([hidden]){opacity:1;visibility:visible;transform:translate3d(0,0,0) rotate(-.8deg) scale(1)}
.drift-note-paper{position:relative;width:100%;height:100%;padding:0;color:#555b72;background:transparent;clip-path:none;box-shadow:none;filter:none;opacity:1;text-align:left;font-family:"Kaiti SC","STKaiti","Bradley Hand","Segoe Print",cursive}
.drift-note-paper-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.drift-note-paper::after{display:none}
.drift-note-close{position:absolute;z-index:2;right:9%;top:7%;width:44px;height:44px;border:0;padding:0;background:transparent;color:rgba(78,72,108,.94);font:32px/1 ui-rounded,"SF Pro Rounded",sans-serif;cursor:pointer!important;pointer-events:auto;outline:0;text-shadow:0 1px 0 rgba(246,246,255,.84),0 0 4px rgba(78,72,108,.2);transition:color .2s ease,transform .2s ease}
.drift-note-close:hover,.drift-note-close:focus-visible{color:#45405f;transform:scale(1.06);outline:0}
.drift-note-opening{position:absolute;left:17%;top:16%;z-index:1;display:block;margin:0;font:500 clamp(18px,1.42vw,22px)/1.16 "Kaiti SC","STKaiti","Bradley Hand","Segoe Print",cursive;letter-spacing:.015em;color:#50566f;transform:rotate(-1.4deg)}
.drift-note-subtitle{position:absolute;left:18%;top:22.5%;z-index:1;margin:0;font:400 clamp(13px,1.05vw,17px)/1.3 "Kaiti SC","STKaiti","Bradley Hand","Segoe Print",cursive;letter-spacing:.01em;color:rgba(80,86,111,.72);transform:rotate(-1.1deg)}
.drift-note-fields{position:relative;z-index:1;width:100%;height:100%}
.drift-note-fields p{margin:0;color:#55516f}
.drift-note-phone{position:absolute;left:17%;top:52%;transform:rotate(.8deg)}
.drift-note-phone b{display:inline-block;font:500 clamp(14px,1.05vw,17px)/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.08em;color:#555b72}
.drift-note-wechat{position:absolute;right:14%;bottom:13%;display:flex;flex-direction:column;align-items:center;gap:5px;transform:rotate(1.2deg)}
.drift-note-qr{display:block;width:clamp(52px,4.1vw,72px);height:auto;aspect-ratio:1;border:0;object-fit:contain;background:transparent;mix-blend-mode:multiply;filter:grayscale(1) sepia(.08) hue-rotate(176deg) saturate(.48) contrast(1.2)}
.drift-note-wechat span{display:block;font:500 8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em;color:rgba(80,86,111,.7)}
.drift-note-smiley{position:absolute;right:63%;bottom:12%;z-index:1;display:block;width:20px;height:20px;border:1.2px solid rgba(82,87,106,.56);border-radius:50%;color:rgba(82,87,106,.68);transform:rotate(-8deg)}
.drift-note-smiley::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 32% 38%,currentColor 0 1.1px,transparent 1.35px),radial-gradient(circle at 68% 38%,currentColor 0 1.1px,transparent 1.35px)}
.drift-note-smiley::after{content:"";position:absolute;left:5px;top:8px;width:10px;height:6px;border-bottom:1.2px solid currentColor;border-radius:0 0 10px 10px}
.surface-hero.is-drift-bottle-open .drift-bottle-art{opacity:.94;filter:saturate(.86) contrast(.94) drop-shadow(0 0 14px rgba(255,222,174,.3))}
.surface-hero.is-drift-bottle-open .drift-bottle-hint{opacity:0}
.drift-bottle-trigger:focus-visible{outline:1px solid rgba(255,240,205,.35);outline-offset:5px;border-radius:50%}

.dive-world{background:radial-gradient(ellipse at 51% 43%,#e5faf7 0 16%,#b9e3ef 37%,#99afd9 60%,#836bab 100%);cursor:none}
.dive-rays{position:absolute;inset:-10% -8% 0;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:screen;background:linear-gradient(108deg,transparent 0 25%,rgba(220,248,255,.24) 31%,transparent 39%),linear-gradient(116deg,transparent 0 41%,rgba(219,240,255,.18) 48%,transparent 57%),linear-gradient(102deg,transparent 0 61%,rgba(231,224,255,.16) 68%,transparent 76%);transform:skewX(-2deg);transform-origin:top center;will-change:opacity,transform}
.dive-world::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--focus-x,50%) var(--focus-y,52%),transparent 0 13%,rgba(63,73,138,.06) 30%,rgba(46,48,115,.25) 100%);mix-blend-mode:multiply;transition:background-position .12s linear}
.dive-nav{color:#faf5da;text-shadow:0 2px 10px rgba(32,45,101,.38)}
.dive-nav span:first-child{color:rgba(255,248,222,.9)}
.dive-nav span:last-child{letter-spacing:.16em}
.site-info{position:absolute;z-index:9;left:var(--ui-edge);top:clamp(72px,15%,118px);width:min(280px,calc(100% - var(--ui-edge) - var(--ui-edge)));aspect-ratio:1586 / 992;pointer-events:none;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;opacity:0;visibility:hidden;transform:scale(.95);transform-origin:top left;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;overflow:visible;isolation:isolate}
.site-info.is-active{opacity:1;visibility:visible;transform:scale(1)}
.site-info-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(30,43,112,.22));opacity:.9}
.site-info-copy{position:relative;z-index:1;padding:28px 31px 22px;color:#51456f;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.site-info::before{content:"";position:absolute;z-index:0;inset:16% 9% 12% 8%;pointer-events:none;opacity:.56;background:rgba(231,246,250,.26);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:18%}
.site-info::after{content:"";position:absolute;z-index:0;inset:14% 8% 12% 8%;pointer-events:none;opacity:.58;border:1px solid rgba(233,252,249,.42);border-radius:18%;box-shadow:0 12px 24px rgba(44,58,125,.16)}
.site-info[data-theme="logbook"]::before{inset:12% 7% 11% 9%;background:linear-gradient(135deg,rgba(255,234,197,.62),rgba(220,194,170,.3) 48%,rgba(203,190,235,.28));clip-path:polygon(3% 8%,94% 0,100% 88%,8% 100%,0 28%);transform:rotate(-1.5deg);border-radius:0;box-shadow:inset 0 0 28px rgba(166,112,74,.12)}
.site-info[data-theme="logbook"]::after{inset:11% 7% 10% 8%;border-color:rgba(255,221,147,.78);border-style:dashed;border-radius:0;transform:rotate(-1.5deg);box-shadow:0 14px 25px rgba(88,62,104,.18)}
.site-info[data-theme="content"]::before{inset:14% 7% 13% 8%;background:linear-gradient(135deg,rgba(255,250,237,.58),rgba(222,240,244,.3) 56%,rgba(177,204,246,.2));clip-path:polygon(0 9%,100% 0,96% 91%,4% 100%);border-radius:2%;box-shadow:inset 0 0 0 6px rgba(255,250,237,.16),inset 0 -18px 22px rgba(157,130,154,.1)}
.site-info[data-theme="content"]::after{inset:13% 6% 12% 7%;border-color:rgba(255,249,229,.72);border-radius:2%;transform:rotate(-1deg);box-shadow:0 14px 24px rgba(78,66,119,.2)}
.site-info[data-theme="communications"]::before{inset:12% 7% 14% 6%;background:linear-gradient(135deg,rgba(224,204,255,.44),rgba(113,211,245,.24)),repeating-linear-gradient(0deg,rgba(184,247,255,.14) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(184,247,255,.1) 0 1px,transparent 1px 13px);clip-path:polygon(6% 0,100% 10%,94% 100%,0 88%);border-radius:8%;box-shadow:inset 0 0 24px rgba(103,214,242,.2)}
.site-info[data-theme="communications"]::after{inset:11% 6% 13% 5%;border-color:rgba(133,231,255,.72);border-radius:8%;box-shadow:0 0 18px rgba(91,204,235,.24),0 15px 28px rgba(55,70,137,.2)}
.site-info[data-theme="tools"]::before{inset:16% 6% 11% 7%;background:linear-gradient(130deg,rgba(197,247,247,.34),rgba(224,196,255,.28) 48%,rgba(255,221,198,.28)),radial-gradient(circle at 22% 18%,rgba(255,255,255,.55),transparent 24%);clip-path:polygon(0 12%,100% 4%,96% 88%,8% 100%);border-radius:14%;box-shadow:inset 0 0 0 1px rgba(228,255,250,.32),inset 0 0 22px rgba(150,222,236,.22)}
.site-info[data-theme="tools"]::after{inset:14% 5% 10% 6%;border-color:rgba(229,220,255,.62);border-radius:14%;box-shadow:0 0 20px rgba(199,181,244,.22),0 14px 24px rgba(49,74,140,.18)}
.site-info[data-theme="insight"]::before{inset:9% 11% 9% 9%;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.6),transparent 16%),radial-gradient(circle,rgba(206,239,247,.4),rgba(205,198,246,.22) 65%,transparent 69%);clip-path:polygon(12% 0,78% 3%,100% 35%,88% 87%,41% 100%,0 69%,4% 24%);border-radius:44% 56% 48% 52%;box-shadow:inset -8px -10px 18px rgba(118,153,207,.16)}
.site-info[data-theme="insight"]::after{inset:8% 10% 8% 8%;border-color:rgba(215,241,255,.58);border-radius:44% 56% 48% 52%;clip-path:polygon(12% 0,78% 3%,100% 35%,88% 87%,41% 100%,0 69%,4% 24%);box-shadow:0 0 18px rgba(160,221,240,.25),0 14px 25px rgba(55,73,139,.18)}
.site-info[data-theme="logbook"] .site-info-art{filter:hue-rotate(-12deg) saturate(.92) drop-shadow(0 12px 18px rgba(74,54,116,.2))}
.site-info[data-theme="content"] .site-info-art{filter:hue-rotate(0deg) saturate(1.04) drop-shadow(0 12px 18px rgba(37,104,136,.2))}
.site-info[data-theme="communications"] .site-info-art{filter:hue-rotate(18deg) saturate(1.02) drop-shadow(0 12px 18px rgba(86,56,144,.22))}
.site-info[data-theme="tools"] .site-info-art{filter:hue-rotate(28deg) saturate(.92) drop-shadow(0 12px 18px rgba(38,118,143,.2))}
.site-info[data-theme="insight"] .site-info-art{filter:hue-rotate(-22deg) saturate(1.1) drop-shadow(0 12px 18px rgba(119,83,147,.22))}
.site-info b{display:block;margin-bottom:7px;font-size:14px;letter-spacing:.12em;color:#51456f}
.site-info p{margin:0;font-size:12px;line-height:1.65;color:rgba(81,69,111,.9)}
.site-info small{display:block;margin-top:9px;font:10px/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.06em;color:rgba(81,69,111,.74)}
.station{position:absolute;z-index:4;border:0;padding:0;background:transparent;cursor:none;outline:0;transform:translateY(0) scale(1);transform-origin:center center;transition:filter .18s ease;will-change:transform;overflow:visible}
.station-original,.station-zoom{display:block;position:absolute;left:50%;top:50%;width:100%;height:100%;pointer-events:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center center;image-rendering:auto;image-rendering:high-quality;backface-visibility:hidden}
.station-original{z-index:1;opacity:calc(1 - clamp(0, calc(var(--proximity,0) * 4), 1));transition:opacity .18s ease}
.station-zoom{z-index:2;opacity:clamp(0, calc(var(--proximity,0) * 4), 1);transition:opacity .18s ease;will-change:opacity}
.station::after{content:"";position:absolute;inset:12%;border:0;border-radius:50%;background:radial-gradient(circle,rgba(255,247,214,.2),rgba(177,236,236,.1) 48%,transparent 72%);box-shadow:0 0 0 8px rgba(177,236,236,calc(var(--proximity,0) * .07)),0 0 24px rgba(255,229,177,calc(var(--proximity,0) * .3));opacity:var(--proximity,0);pointer-events:none;transition:opacity .18s ease}
/* These regions sit over the five objects in the approved, composited scene. */
.logbook{left:9%;top:62%;width:18%;height:24%}
.content{left:5%;top:25%;width:19%;height:23%}
.communications{left:75%;top:31%;width:20%;height:25%}
.tools{left:46%;top:75%;width:18%;height:15%}
.insight{left:78%;top:72%;width:14%;height:20%}
.glow{position:absolute;z-index:2;width:260px;height:260px;border-radius:49% 51% 46% 54%;background:radial-gradient(ellipse,rgba(255,251,214,.5) 0 7%,rgba(228,250,245,.39) 23%,rgba(176,225,236,.19) 48%,transparent 72%);transform:translate(-50%,-50%);pointer-events:none;transition:none;mix-blend-mode:screen}
.cursor-light{position:absolute;z-index:12;width:12px;height:12px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:#fff2b7;box-shadow:0 0 0 3px rgba(255,245,194,.35),0 0 12px 5px rgba(218,251,236,.72),0 0 30px 13px rgba(173,226,239,.3);mix-blend-mode:screen}
.trail{position:absolute;z-index:7;inset:0;pointer-events:none;overflow:visible}
.trail i{position:absolute;display:block;left:50%;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);opacity:.82;mix-blend-mode:screen;will-change:left,top,transform;transition:left .08s linear,top .08s linear}
/* Confirmed trail language: transparent iridescent bubbles, one star glint, and a soft ripple. */
.trail i:nth-child(1){background:conic-gradient(from 210deg,rgba(255,235,176,.82),rgba(235,168,218,.7),rgba(133,224,235,.72),rgba(190,170,236,.68),rgba(255,235,176,.82));-webkit-mask:radial-gradient(circle,transparent 0 57%,#000 66% 79%,transparent 90%);mask:radial-gradient(circle,transparent 0 57%,#000 66% 79%,transparent 90%);filter:drop-shadow(0 0 8px rgba(198,240,242,.48));animation:trail-pulse 3.4s ease-in-out infinite}
.trail i:nth-child(2){width:13px;height:13px;opacity:.68;background:conic-gradient(from 30deg,rgba(255,230,174,.7),rgba(180,224,241,.72),rgba(232,177,220,.62),rgba(255,230,174,.7));-webkit-mask:radial-gradient(circle,transparent 0 56%,#000 66% 78%,transparent 91%);mask:radial-gradient(circle,transparent 0 56%,#000 66% 78%,transparent 91%);animation:trail-pulse 3.8s .25s ease-in-out infinite}
.trail i:nth-child(3){width:17px;height:17px;opacity:.58;background:conic-gradient(from 160deg,rgba(154,225,237,.72),rgba(227,177,224,.6),rgba(255,233,183,.7),rgba(154,225,237,.72));-webkit-mask:radial-gradient(circle,transparent 0 59%,#000 67% 79%,transparent 91%);mask:radial-gradient(circle,transparent 0 59%,#000 67% 79%,transparent 91%);animation:trail-pulse 4.1s .42s ease-in-out infinite}
.trail i:nth-child(4){width:15px;height:15px;background:#fff3bd;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.9;filter:drop-shadow(0 0 7px rgba(255,236,173,.88));animation:trail-twinkle 2.8s .18s ease-in-out infinite}
.trail i:nth-child(5){width:70px;height:27px;border:1px solid rgba(178,216,235,.7);border-radius:50%;background:transparent;opacity:.56;filter:drop-shadow(0 0 7px rgba(185,218,239,.4));transform:translate(-50%,-50%) rotate(-11deg);animation:trail-ripple 3.7s .2s ease-out infinite}
.trail i:nth-child(6){width:8px;height:8px;border-radius:50%;background:#fff3bd;opacity:.86;filter:drop-shadow(0 0 7px rgba(255,236,173,.9));animation:trail-twinkle 2.5s .55s ease-in-out infinite}
@keyframes trail-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(198,240,242,.34));transform:translate(-50%,-50%) scale(.82)}50%{filter:drop-shadow(0 0 11px rgba(255,226,191,.72));transform:translate(-50%,-50%) scale(1.12)}}
@keyframes trail-twinkle{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.72) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.22) rotate(45deg)}}
@keyframes trail-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-11deg)}35%{opacity:.62}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(-11deg)}}
.swimmer{transform:translate(-50%,-50%) rotate(-10deg)}
.jelly-return{--jelly-scale:1;position:absolute;z-index:10;right:clamp(18px,3vw,48px);top:clamp(52px,7vh,78px);width:112px;min-height:44px;padding:2px 4px 5px;border-radius:58px;font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.08em;text-align:center;color:#faf5d9;text-shadow:0 1px 4px rgba(48,61,123,.72);transform:scale(var(--jelly-scale));transform-origin:top right;transition:filter .35s ease,transform .3s ease}
.jelly-return:before{content:none}
.jelly-return .jelly-float{display:block;width:100%;animation:none}
.jelly-return img{display:block;width:86px;height:98px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 5px 8px rgba(73,81,145,.24));transform-origin:center center;transition:filter .35s ease,transform .35s ease}
.jelly-return span{display:block}
.jelly-ripple{position:absolute!important;left:50%;top:46%;width:62px;height:42px;border:1px solid rgba(229,249,247,.68);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.55);mix-blend-mode:screen}
.is-clicking .jelly-ripple{animation:jelly-ripple .72s ease-out forwards}
.dive-entry:hover,.dive-entry:focus-visible{transform:translate(-50%,-7px) scale(calc(var(--jelly-scale) * 1.15));outline:0}
.dive-entry:hover .dive-jelly-art,.dive-entry:focus-visible .dive-jelly-art,.jelly-return:hover img,.jelly-return:focus-visible img{filter:drop-shadow(0 9px 18px rgba(174,235,239,.72)) saturate(1.08);transform:scale(1.05)}
.jelly-return:hover,.jelly-return:focus-visible{transform:scale(calc(var(--jelly-scale) * 1.15));outline:0;filter:drop-shadow(0 0 13px rgba(184,239,242,.5))}

.cursor-layer{position:absolute;inset:0;z-index:8;pointer-events:none}
.surface-hero .cursor-light{transition:transform .24s ease,box-shadow .24s ease}
.surface-hero .cursor-light::after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,231,181,.34);border-radius:50%;opacity:0;transform:scale(.68);pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.surface-hero.is-dive-cta-hover .cursor-light{transform:translate(-50%,-50%) scale(.78)}
.surface-hero.is-dive-cta-hover .cursor-light::after{opacity:1;transform:scale(1)}
.surface-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 0 18%,rgba(65,56,116,.035) 58%,rgba(53,58,116,.12) 100%);mix-blend-mode:multiply}
@media(max-width:760px){
.site-nav,.dive-nav{padding:16px var(--ui-edge);gap:12px;font-size:9px;letter-spacing:.09em}
.site-nav span,.dive-nav span{max-width:46vw}
.dive-nav span:last-child{max-width:46vw;font-size:8px;line-height:1.45}
.home-copy{width:86vw;margin-top:12vh}
.home-copy h1 span{font-size:clamp(50px,12vw,75px)}
.home-copy h1 span+span{font-size:clamp(42px,10vw,64px)}
.home-diver{left:27%;transform:scale(.78) rotate(7deg)}
.book-dive-anchor{left:auto;right:8%;bottom:4%;width:180px;height:156px}
.dive-entry{left:50%;right:auto;top:auto;bottom:-1px}
  .site-info{top:clamp(72px,13%,104px);width:min(280px,calc(100% - var(--ui-edge) - var(--ui-edge)))}
  .site-info-copy{padding:24px 25px 20px}
  .station{transform-origin:center}
  .logbook{left:9%;top:62%;width:18%;height:24%}
  .content{left:5%;top:25%;width:19%;height:23%}
  .communications{left:75%;top:31%;width:20%;height:25%}
  .tools{left:46%;top:75%;width:18%;height:15%}
  .insight{left:78%;top:72%;width:14%;height:20%}
  .jelly-return{--jelly-scale:.84;right:10px;top:58px;width:100px;transform:scale(var(--jelly-scale));transform-origin:top right}
}

/* Beijing 2022 — one continuous editorial poster; collage density is local to the calendar. */
.dive-descent .case-reading-layer[data-reading-mode="beijing2022"]{
  display:block;
  width:100vw;
  max-width:none;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  background:#e7eef1;
  color:#123341;
}
.dive-descent .case-reading-layer[data-reading-mode="beijing2022"]::-webkit-scrollbar{display:none}
.dive-descent .case-reading-layer[data-reading-mode="beijing2022"]>.ltpo-reading-background{display:none}
.dive-descent .beijing2022-reading{
  --bj-paper:#e7eef1;
  --bj-paper-cool:#dce8ec;
  --bj-ink:#123341;
  --bj-ink-soft:#436473;
  --bj-blue:#078eb4;
  --bj-blue-deep:#087493;
  --bj-blue-light:#83d2df;
  --bj-red:#ed3b35;
  --bj-rule:rgba(8,116,147,.23);
  position:relative;
  width:100%;
  min-height:100%;
  background:var(--bj-paper);
  color:var(--bj-ink);
  font-family:"IBM Plex Sans SC","PingFang SC","Noto Sans SC",sans-serif;
}
.dive-descent .beijing2022-topbar{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:62px;
  padding:0 clamp(24px,4.2vw,80px);
  border-bottom:1px solid rgba(8,116,147,.2);
  background:rgba(231,238,241,.9);
  color:var(--bj-blue-deep);
  font:500 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.18em;
  backdrop-filter:blur(10px);
}
.dive-descent .beijing2022-topbar .case-reading-return{
  margin:0;
  padding:9px 0 7px;
  border-color:rgba(8,116,147,.42);
  color:var(--bj-blue-deep);
  text-shadow:none;
}
.dive-descent .beijing2022-topbar .case-reading-return:hover,
.dive-descent .beijing2022-topbar .case-reading-return:focus-visible{color:var(--bj-red);border-bottom-color:var(--bj-red)}
.dive-descent .beijing2022-poster{
  position:relative;
  width:100%;
  min-height:800svh;
  overflow:clip;
  isolation:isolate;
  background:var(--bj-paper);
}
.dive-descent .beijing2022-poster::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.09;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.82'/%3E%3C/svg%3E");
  background-size:160px 160px;
}
.dive-descent .beijing2022-poster::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18),transparent 39%),radial-gradient(ellipse at 50% 100%,rgba(58,117,139,.09),transparent 46%);
}
.dive-descent .beijing2022-paper-light{
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(ellipse at 18% 5%,rgba(250,253,253,.38),transparent 28%),
    radial-gradient(ellipse at 86% 28%,rgba(121,202,219,.14),transparent 24%),
    linear-gradient(180deg,#eaf1f3 0%,#e5eef1 42%,#dce8ec 69%,#e6eef0 100%);
}
.dive-descent .beijing2022-grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.52;
  background:
    repeating-linear-gradient(90deg,transparent 0 calc(8.333vw - 1px),rgba(8,116,147,.09) calc(8.333vw - 1px) 8.333vw),
    repeating-linear-gradient(0deg,transparent 0 94px,rgba(8,116,147,.055) 94px 95px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.dive-descent .beijing2022-axis{
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  z-index:-2;
  width:clamp(94px,8.4vw,162px);
  transform:translateX(-50%);
  background:linear-gradient(180deg,
    rgba(7,142,180,.92) 0 31%,
    rgba(7,142,180,.92) 38%,
    rgba(237,59,53,.9) 48%,
    rgba(237,59,53,.9) 58%,
    rgba(7,142,180,.9) 66% 100%);
  box-shadow:0 0 52px rgba(7,142,180,.07);
}
.dive-descent .beijing2022-marker{
  display:flex;
  align-items:flex-end;
  gap:12px;
  color:var(--bj-blue-deep);
  font:500 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.14em;
}
.dive-descent .beijing2022-marker strong{font-size:clamp(34px,3.3vw,60px);font-weight:400;line-height:.78;letter-spacing:-.08em}
.dive-descent .beijing2022-marker span{padding-bottom:2px;border-bottom:1px solid currentColor;white-space:nowrap}

.dive-descent .beijing2022-hero{
  position:relative;
  min-height:132svh;
  padding:clamp(80px,11vh,126px) clamp(42px,7vw,134px) 16vh;
}
/* Beijing 2022: cold-stock paper and offset-print finish, without changing the editorial system. */
.dive-descent .beijing2022-hover-label{
  font-weight:700;
  letter-spacing:.095em;
  text-shadow:-.5px -.5px 0 rgba(0,0,0,.26),.7px .7px 0 rgba(235,249,244,.14),0 2px 5px rgba(1,8,25,.92);
}
.dive-descent .beijing2022-hover-label strong{
  font-weight:800;
  letter-spacing:.075em;
  -webkit-text-stroke:.18px rgba(216,241,236,.44);
}
.dive-descent .beijing2022-hover-label small{font-weight:650}
.dive-descent .beijing2022-art>img{
  filter:saturate(.58) brightness(.69) contrast(1.02) drop-shadow(0 13px 12px rgba(2,8,30,.44));
}
.dive-descent .beijing2022-entry:hover .beijing2022-art>img,
.dive-descent .beijing2022-entry:focus-visible .beijing2022-art>img,
.dive-descent .beijing2022-entry[data-case-state="PROXIMITY"] .beijing2022-art>img{
  filter:saturate(.66) brightness(.79) contrast(1.06) drop-shadow(0 15px 13px rgba(2,8,30,.5));
}

.dive-descent .beijing2022-hero-year{
  position:absolute;
  left:50%;
  top:7vh;
  z-index:1;
  display:grid;
  color:rgba(21,94,118,.3);
  font:400 clamp(180px,24vw,430px)/.68 "IBM Plex Sans SC","Arial Narrow",sans-serif;
  letter-spacing:-.115em;
  transform:translateX(-52%);
}
.dive-descent .beijing2022-hero-year span:last-child{margin-left:.06em}
.dive-descent .beijing2022-meta{
  position:absolute;
  left:8vw;
  top:12vh;
  width:min(28vw,410px);
  margin:0;
  color:var(--bj-blue-deep);
  font:500 clamp(10px,.74vw,12px)/1.6 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.12em;
}
.dive-descent .beijing2022-hero h1{
  position:relative;
  z-index:2;
  display:grid;
  width:min(84vw,1480px);
  margin:43vh auto 0;
  color:var(--bj-ink);
  letter-spacing:-.075em;
}
.dive-descent .beijing2022-hero h1 span{margin-left:3vw;font-size:clamp(74px,9.6vw,176px);font-weight:500;line-height:.84}
.dive-descent .beijing2022-hero h1 strong{justify-self:end;margin-top:.16em;font-size:clamp(60px,7.5vw,138px);font-weight:400;line-height:.92;letter-spacing:-.085em}
.dive-descent .beijing2022-hero-index{
  position:absolute;
  right:7vw;
  bottom:10vh;
  margin:0;
  color:var(--bj-ink-soft);
  font:500 9px/1.55 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.18em;
  text-align:right;
}

.dive-descent .beijing2022-context{
  position:relative;
  min-height:112svh;
  padding:15vh 7vw 20vh;
}
.dive-descent .beijing2022-context>.beijing2022-marker{position:absolute;left:8vw;top:10vh}
.dive-descent .beijing2022-context-copy{position:relative;z-index:2;width:min(43vw,720px);margin-left:48%;padding:4vh 3vw 7vh;background:rgba(231,240,242,.86);border-top:2px solid var(--bj-blue)}
.dive-descent .beijing2022-context-copy h2{margin:0 0 7vh;font-size:clamp(35px,4.2vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.055em}
.dive-descent .beijing2022-context-copy p{width:min(34vw,580px);margin:0 0 1.7em;color:var(--bj-ink-soft);font-size:clamp(15px,1.04vw,19px);font-weight:400;line-height:1.9;letter-spacing:.015em}
.dive-descent .beijing2022-context-scale{position:absolute;left:8vw;bottom:13vh;display:grid;grid-template-columns:auto min(25vw,420px) auto;align-items:center;gap:14px;color:var(--bj-blue-deep);font:500 9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.18em}
.dive-descent .beijing2022-context-scale i{height:1px;background:var(--bj-blue)}

.dive-descent .beijing2022-question{
  position:relative;
  min-height:116svh;
  padding:16vh 7vw 18vh;
}
.dive-descent .beijing2022-question>.beijing2022-marker{margin-left:48%}
.dive-descent .beijing2022-question h2{position:relative;z-index:2;width:min(83vw,1480px);margin:16vh auto 0;font-size:clamp(52px,7.2vw,132px);font-weight:400;line-height:.94;letter-spacing:-.07em}
.dive-descent .beijing2022-question h2 span,.dive-descent .beijing2022-question h2 strong{display:block;font-weight:inherit}
.dive-descent .beijing2022-question h2 span:nth-child(3){margin-left:29vw}
.dive-descent .beijing2022-question h2 strong:nth-child(2){margin-left:11vw;color:var(--bj-blue-deep)}
.dive-descent .beijing2022-question h2 strong:last-child{margin-left:45vw;color:var(--bj-blue-deep)}
.dive-descent .beijing2022-question>p{width:min(31vw,520px);margin:10vh 0 0 8vw;color:var(--bj-ink-soft);font-size:clamp(14px,.96vw,18px);line-height:1.85}

.dive-descent .beijing2022-calendar{position:relative;min-height:286svh}
.dive-descent .beijing2022-calendar-stage{
  position:sticky;
  top:62px;
  min-height:calc(100svh - 62px);
  padding:5vh 5.5vw 4vh;
  overflow:hidden;
  background:rgba(225,235,238,.96);
}
.dive-descent .beijing2022-calendar-heading{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}
.dive-descent .beijing2022-calendar-heading>div:last-child{padding-left:3vw;border-left:1px solid var(--bj-rule)}
.dive-descent .beijing2022-calendar-heading p{margin:0 0 8px;color:var(--bj-red);font:500 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em}
.dive-descent .beijing2022-calendar-heading h2{margin:0;font-size:clamp(36px,4.35vw,78px);font-weight:500;line-height:1;letter-spacing:-.055em}
.dive-descent .beijing2022-process{position:relative;z-index:4;display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:14px;width:min(88vw,1600px);margin:5vh auto 0}
.dive-descent .beijing2022-process>span{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:9px;color:var(--bj-blue-deep);font-family:"SF Mono","Roboto Mono",ui-monospace,monospace}
.dive-descent .beijing2022-process b{grid-row:1 / 3;font-size:clamp(30px,3vw,54px);font-weight:400;line-height:.82;letter-spacing:-.08em}
.dive-descent .beijing2022-process strong{font-size:10px;font-weight:600;letter-spacing:.1em}
.dive-descent .beijing2022-process small{font-size:9px;letter-spacing:.12em}
.dive-descent .beijing2022-process>i{width:clamp(26px,4vw,76px);height:1px;background:var(--bj-rule)}
.dive-descent .beijing2022-process span[data-bj-phase="track"]{color:color-mix(in srgb,var(--bj-blue-deep) 78%,var(--bj-red) 22%)}
.dive-descent .beijing2022-process span[data-bj-phase="verify"]{color:color-mix(in srgb,var(--bj-blue-deep) 58%,var(--bj-red) 42%)}
.dive-descent .beijing2022-process span[data-bj-phase="fill"]{color:var(--bj-red)}
.dive-descent .beijing2022-schedule{
  position:relative;
  z-index:3;
  width:min(89vw,1610px);
  height:55vh;
  min-height:430px;
  margin:4vh auto 0;
  border-top:1px solid var(--bj-blue-deep);
  border-bottom:1px solid var(--bj-blue-deep);
  background:
    linear-gradient(90deg,transparent 49.93%,rgba(7,142,180,.38) 49.93% 50.07%,transparent 50.07%),
    repeating-linear-gradient(90deg,rgba(7,142,180,.16) 0 1px,transparent 1px 12.5%),
    repeating-linear-gradient(0deg,rgba(7,142,180,.13) 0 1px,transparent 1px 25%);
  perspective:900px;
}
.dive-descent .beijing2022-schedule-ruler{position:absolute;left:0;right:0;top:-20px;display:grid;grid-template-columns:auto repeat(4,1fr) auto;align-items:center;gap:8px;color:var(--bj-blue-deep);font:500 8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em}
.dive-descent .beijing2022-schedule-ruler i{height:1px;background:var(--bj-rule)}
.dive-descent .beijing2022-block{position:absolute;display:grid;align-content:space-between;padding:clamp(12px,1.1vw,20px);border:1px solid currentColor;background:rgba(231,240,242,.96);color:var(--bj-blue-deep);box-shadow:0 12px 34px rgba(19,74,91,.08);transform-origin:left center;will-change:transform,opacity}
.dive-descent .beijing2022-block small,.dive-descent .beijing2022-block span{font:500 8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em}
.dive-descent .beijing2022-block strong{font-size:clamp(16px,1.25vw,23px);font-weight:500;line-height:1.15;letter-spacing:-.025em}
.dive-descent .beijing2022-block span{justify-self:end}
.dive-descent .beijing2022-block.is-plan-a{left:2.5%;top:8%;width:22%;height:32%}
.dive-descent .beijing2022-block.is-plan-b{left:27.5%;top:8%;width:19%;height:32%}
.dive-descent .beijing2022-block.is-plan-c{left:52.5%;top:8%;width:20%;height:32%}
.dive-descent .beijing2022-block.is-plan-d{left:77.5%;top:8%;width:19.8%;height:32%}
.dive-descent .beijing2022-block.is-live{z-index:5;border-color:var(--bj-red);background:#edf0ef;color:var(--bj-red)}
.dive-descent .beijing2022-block.is-live-a{left:12.5%;top:55%;width:24%;height:28%}
.dive-descent .beijing2022-block.is-live-b{left:44%;top:52%;width:16%;height:26%}
.dive-descent .beijing2022-block.is-live-c{left:68%;top:54%;width:26%;height:30%}
.dive-descent .beijing2022-status{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;margin:0;padding:7px 10px;background:var(--bj-paper);font:500 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.08em;will-change:transform,opacity}
.dive-descent .beijing2022-status span{font-size:16px;line-height:1}
.dive-descent .beijing2022-status.is-status-verified{left:56%;top:42%;color:var(--bj-blue-deep)}
.dive-descent .beijing2022-status.is-status-reorder{right:5%;bottom:5%;color:var(--bj-red)}
.dive-descent .beijing2022-update-line{position:absolute;left:0;right:0;top:48%;z-index:2;display:flex;align-items:center;gap:12px;color:var(--bj-red);font:500 8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.15em;will-change:transform,opacity}
.dive-descent .beijing2022-update-line i{height:2px;flex:1;background:var(--bj-red);transform-origin:left center}
.dive-descent .beijing2022-calendar-note{position:relative;z-index:4;width:max-content;max-width:86vw;margin:2.3vh 0 0 auto;color:var(--bj-ink-soft);font-size:clamp(12px,.82vw,15px);letter-spacing:.025em}

.dive-descent .beijing2022-results{position:relative;min-height:145svh;padding:20vh 7vw 18vh}
.dive-descent .beijing2022-results>.beijing2022-marker{margin-left:48%}
.dive-descent .beijing2022-results>h2{position:absolute;left:7vw;top:38vh;margin:0;color:rgba(8,116,147,.11);font:500 clamp(120px,21vw,390px)/.75 "IBM Plex Sans SC",sans-serif;letter-spacing:-.1em;transform:rotate(-90deg) translateX(-100%);transform-origin:left top}
.dive-descent .beijing2022-result-number{position:relative;z-index:2;display:flex;align-items:flex-end;gap:clamp(20px,3vw,56px)}
.dive-descent .beijing2022-result-number strong{font:500 clamp(150px,22vw,410px)/.72 "IBM Plex Sans SC","Arial Narrow",sans-serif;letter-spacing:-.11em}
.dive-descent .beijing2022-result-number span{display:grid;margin-bottom:1.2em;color:var(--bj-blue-deep);font-size:clamp(17px,1.25vw,24px);letter-spacing:.08em}
.dive-descent .beijing2022-result-number span b{font-size:clamp(38px,4vw,74px);font-weight:400;line-height:1}
.dive-descent .beijing2022-result-number.is-primary{margin:18vh 0 0 10vw}
.dive-descent .beijing2022-result-number.is-secondary{justify-content:flex-end;margin:-3vh 7vw 0 0;color:var(--bj-blue-deep)}
.dive-descent .beijing2022-result-number.is-secondary strong{font-size:clamp(180px,25vw,470px)}
.dive-descent .beijing2022-result-fragments{position:absolute;inset:29% 8vw auto 8vw;display:grid;grid-template-columns:1fr auto 1.3fr auto;align-items:center;gap:14px;color:rgba(8,116,147,.5);font:500 8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.15em}
.dive-descent .beijing2022-result-fragments i{font-style:normal;border-top:1px solid currentColor;padding-top:7px}
.dive-descent .beijing2022-result-fragments i:nth-child(3){color:rgba(237,59,53,.55)}

.dive-descent .beijing2022-closing{position:relative;min-height:112svh;padding:20vh 7vw 12vh;background:linear-gradient(180deg,rgba(231,238,241,0),rgba(203,222,227,.58))}
.dive-descent .beijing2022-closing>.beijing2022-marker{margin-left:8vw}
.dive-descent .beijing2022-closing h2{position:relative;z-index:2;width:min(82vw,1450px);margin:20vh auto 0;font-size:clamp(48px,6.8vw,126px);font-weight:400;line-height:1.08;letter-spacing:-.065em}
.dive-descent .beijing2022-closing-return{position:absolute;right:8vw;bottom:10vh;display:grid;grid-template-columns:min(28vw,420px) auto;align-items:center;gap:20px;margin:0;padding:13px 0;border:0;color:var(--bj-blue-deep);text-shadow:none}
.dive-descent .beijing2022-closing-return i{width:100%;height:1px;background:currentColor}
.dive-descent .beijing2022-closing-return:hover,.dive-descent .beijing2022-closing-return:focus-visible{color:var(--bj-red);border:0}

@media(min-width:761px){
  .dive-descent.is-case-reading .case-reading-layer[data-reading-mode="beijing2022"],
  .dive-descent.is-case-reading .case-reading-layer[data-reading-mode="beijing2022"] *{cursor:none!important}
}
@media(max-width:760px){
  .dive-descent .beijing2022-poster{min-height:720svh}
  .dive-descent .beijing2022-axis{left:58%;width:68px}
  .dive-descent .beijing2022-hero{min-height:116svh;padding-inline:22px}.dive-descent .beijing2022-hero-year{top:14vh;font-size:35vw}.dive-descent .beijing2022-meta{left:22px;top:8vh;width:60vw}.dive-descent .beijing2022-hero h1{margin-top:43vh}.dive-descent .beijing2022-hero h1 span{margin-left:0;font-size:16vw}.dive-descent .beijing2022-hero h1 strong{font-size:14vw}
  .dive-descent .beijing2022-context,.dive-descent .beijing2022-question,.dive-descent .beijing2022-results,.dive-descent .beijing2022-closing{padding-inline:22px}
  .dive-descent .beijing2022-context-copy{width:88vw;margin:23vh 0 0;padding:28px 22px 42px}.dive-descent .beijing2022-context-copy p{width:auto}.dive-descent .beijing2022-context-scale{left:22px}
  .dive-descent .beijing2022-question>.beijing2022-marker,.dive-descent .beijing2022-results>.beijing2022-marker{margin-left:45%}.dive-descent .beijing2022-question h2{margin-top:13vh;font-size:13vw}.dive-descent .beijing2022-question h2 span:nth-child(3){margin-left:12vw}.dive-descent .beijing2022-question h2 strong:last-child{margin-left:28vw}.dive-descent .beijing2022-question>p{width:70vw;margin-left:0}
  .dive-descent .beijing2022-calendar{min-height:260svh}.dive-descent .beijing2022-calendar-stage{padding:4vh 16px}.dive-descent .beijing2022-calendar-heading{grid-template-columns:1fr;gap:20px}.dive-descent .beijing2022-calendar-heading>div:last-child{margin-left:37%;padding-left:14px}.dive-descent .beijing2022-process{grid-template-columns:1fr 1fr;width:100%;gap:9px}.dive-descent .beijing2022-process>i{display:none}.dive-descent .beijing2022-schedule{width:100%;height:52vh;min-height:410px}.dive-descent .beijing2022-block{padding:8px}.dive-descent .beijing2022-block strong{font-size:12px}.dive-descent .beijing2022-block.is-plan-a{left:2%;width:29%}.dive-descent .beijing2022-block.is-plan-b{left:34%;width:27%}.dive-descent .beijing2022-block.is-plan-c{left:64%;width:34%}.dive-descent .beijing2022-block.is-plan-d{left:12%;top:44%;width:27%;height:25%}.dive-descent .beijing2022-block.is-live-a{left:4%;top:72%;width:36%;height:23%}.dive-descent .beijing2022-block.is-live-b{left:43%;top:48%;width:25%;height:22%}.dive-descent .beijing2022-block.is-live-c{left:58%;top:72%;width:40%;height:24%}.dive-descent .beijing2022-status.is-status-verified{left:58%;top:41%}.dive-descent .beijing2022-status.is-status-reorder{right:1%;bottom:1%}.dive-descent .beijing2022-calendar-note{width:auto;max-width:none;font-size:11px}
  .dive-descent .beijing2022-result-number.is-primary{margin-left:0}.dive-descent .beijing2022-result-number strong{font-size:27vw}.dive-descent .beijing2022-result-number.is-secondary strong{font-size:36vw}.dive-descent .beijing2022-result-number.is-secondary{margin-top:9vh;margin-right:0}.dive-descent .beijing2022-closing h2{font-size:10.5vw}.dive-descent .beijing2022-closing-return{left:22px;right:22px;grid-template-columns:1fr auto}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .beijing2022-block,.dive-descent .beijing2022-status,.dive-descent .beijing2022-update-line{will-change:auto}
}

/* Surface fills the live viewport; only the legacy dive canvas keeps its 16:9 frame. */
@media(min-width:701px){
  .dive-world{min-height:0;height:min(100vh,56.25vw);aspect-ratio:16/9;margin:auto}
  .home-copy{width:min(58vw,780px);margin:clamp(4px,2vh,24px) auto 0}
  .title-art{width:min(29vw,430px);height:clamp(170px,18vw,280px)}
}


/* Individualized underwater glass profile cards. */
.site-info{left:auto;top:auto;width:clamp(320px,29vw,390px);min-width:292px;aspect-ratio:auto;min-height:294px;padding:0;pointer-events:none;overflow:visible;border:1px solid rgba(234,255,252,.52)!important;border-radius:26px;background:linear-gradient(145deg,rgba(28,73,132,.68),rgba(62,124,177,.5) 48%,rgba(78,65,143,.56))!important;backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18);box-shadow:0 22px 48px rgba(32,44,112,.3),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -20px 36px rgba(64,112,166,.28);transform:translateY(8px) scale(.95);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;will-change:opacity,transform}
.site-info.is-active{pointer-events:auto;transform:translateY(0) scale(1)}
.site-info::before{content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-radius:30px;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.52),transparent 23%),radial-gradient(circle at 94% 88%,rgba(120,226,239,.35),transparent 30%);filter:blur(12px);opacity:.9}
.site-info::after{content:"";position:absolute;inset:8px;z-index:0;pointer-events:none;border:1px solid rgba(229,253,255,.3);border-radius:21px;box-shadow:inset 0 0 20px rgba(231,252,255,.16)}
.site-info-shell{position:relative;z-index:2;padding:22px 23px 20px}
.site-info-art{position:absolute;inset:4% 8%;z-index:0;width:84%;height:92%;object-fit:contain;pointer-events:none;opacity:.09;mix-blend-mode:screen;filter:drop-shadow(0 12px 18px rgba(50,62,142,.2))}
.site-info-head{display:flex;align-items:center;gap:14px;padding-right:28px}
.site-info-icon-wrap{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:20px;background:rgba(220,249,252,.18);border:1px solid rgba(243,255,255,.44);box-shadow:0 8px 20px rgba(72,111,164,.18),inset 0 0 18px rgba(255,255,255,.18)}
.site-info-icon{display:block;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(55,71,137,.24))}
.site-info-index{display:block;margin-bottom:2px;font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;color:rgba(255,250,220,.9)}
.site-info-kicker{display:block;margin-bottom:3px;font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em;color:rgba(231,252,255,.78)}
.site-info .site-info-title{display:block;margin:0;color:#fff8d7;font-size:17px;letter-spacing:.08em;text-shadow:0 2px 9px rgba(28,47,104,.56)}
.site-info-close{position:absolute;right:16px;top:13px;width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.58),rgba(162,226,237,.18) 52%,rgba(102,153,209,.2));color:#fbf6d9;font:20px/24px ui-rounded,sans-serif;text-align:center;padding:0;cursor:none!important;box-shadow:0 0 14px rgba(172,236,241,.34);transition:transform .2s ease,filter .2s ease}
.site-info-close:hover,.site-info-close:focus-visible{transform:scale(1.08) rotate(8deg);filter:drop-shadow(0 0 8px rgba(212,250,246,.65));outline:0}
.site-info-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 13px;padding-bottom:10px;border-bottom:1px solid rgba(236,255,255,.34)}
.site-info-tab{border:1px solid rgba(238,255,255,.34);border-radius:999px;padding:5px 9px;background:rgba(229,252,255,.12);color:rgba(251,255,250,.92);font:10px/1.1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.05em;cursor:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.site-info-tab:hover,.site-info-tab:focus-visible{transform:translateY(-1px);background:rgba(230,252,255,.23);border-color:rgba(255,255,255,.7);outline:0}
.site-info-tab.is-active{background:rgba(220,250,251,.34);border-color:rgba(255,255,255,.78);color:#fff9dc}
.site-info-works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.site-info-work{min-height:56px;padding:10px 11px;border:1px solid rgba(240,255,255,.32);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(157,213,232,.15));box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.site-info .site-info-work b{display:block;margin:0 0 3px;color:#fff9dc;font-size:11px;letter-spacing:.06em}
.site-info-work span{display:block;color:rgba(242,255,252,.9);font-size:10.5px;line-height:1.38}
.site-info .site-info-summary{margin:13px 0 0;color:rgba(250,255,252,.96);font-size:11.5px;line-height:1.58;text-shadow:0 1px 5px rgba(28,49,108,.46)}
.site-info-hint{display:block;margin-top:9px;color:rgba(238,255,253,.76);font:9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.06em}
.site-info[data-theme="logbook"]{--profile-accent:#ffd98b;border-color:rgba(255,223,154,.62)!important}
.site-info[data-theme="content"]{--profile-accent:#ffe2b7;border-color:rgba(255,242,214,.62)!important}
.site-info[data-theme="communications"]{--profile-accent:#91e9ff;border-color:rgba(151,238,255,.64)!important}
.site-info[data-theme="tools"]{--profile-accent:#e7caff;border-color:rgba(227,209,255,.62)!important}
.site-info[data-theme="insight"]{--profile-accent:#b7f2ee;border-color:rgba(190,247,245,.62)!important}
.site-info[data-theme] .site-info-tab.is-active{border-color:var(--profile-accent);box-shadow:0 0 12px color-mix(in srgb,var(--profile-accent) 34%,transparent)}
@media(max-width:700px){
  .site-info{left:14px!important;right:14px!important;bottom:18px!important;top:auto!important;width:auto;min-width:0;min-height:0}
  .site-info-shell{padding:18px 18px 16px}
  .site-info-icon-wrap{width:52px;height:52px;flex-basis:52px}.site-info-icon{width:46px;height:46px}
}

/* Continuous Descent prototype — a fixed viewport looking into one continuous cave. */
html:has(.descent-body){background:#15163d}
/* The lower master stays at its native aspect ratio.  Give it enough actual
   scroll distance to pass through the viewport instead of compressing its
   journey into the old prototype length. */
.descent-body{--deep-sea-master-height:523.8095238vw;min-height:var(--deep-sea-master-height);background:#15163d;overflow-x:hidden;scrollbar-width:none}
.descent-body::-webkit-scrollbar{width:0;height:0}
.dive-world.dive-descent{--descent-depth:0px;--depth-distant:0px;--depth-middle:0px;--depth-foreground:0px;--depth-content:0px;position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;background:radial-gradient(ellipse at 50% -8%,#cef5f4 0%,#77bcdc 23%,#384e98 64%,#191a4c 100%);overflow:hidden;isolation:isolate}
.dive-descent::before{z-index:30;opacity:.14;background:repeating-linear-gradient(104deg,rgba(210,239,255,.12) 0 1px,transparent 1px 8px),repeating-linear-gradient(15deg,rgba(45,39,103,.2) 0 1px,transparent 1px 10px)}
.descent-scroll-spacer{height:var(--deep-sea-master-height);pointer-events:none}
.descent-stage{position:absolute;inset:0;z-index:1;overflow:hidden;isolation:isolate}
.descent-layer{position:absolute;left:0;top:0;width:100%;height:455vh;pointer-events:none;will-change:transform}
.descent-layer-distant{z-index:1;transform:translate3d(0,var(--depth-distant),0)}
.descent-layer-middle{z-index:3;transform:translate3d(0,var(--depth-middle),0)}
.descent-layer-foreground{z-index:6;transform:translate3d(0,var(--depth-foreground),0)}
.descent-layer-content{z-index:8;transform:translate3d(0,var(--depth-content),0)}
.dive-descent::after{z-index:31;background:radial-gradient(ellipse at var(--focus-x,50%) var(--focus-y,52%),transparent 0 10%,rgba(19,25,77,.05) 36%,rgba(10,14,54,.32) 100%);mix-blend-mode:multiply}
.cave-echo{position:absolute;left:0;width:100%;height:118vh;opacity:.3;background-image:linear-gradient(180deg,rgba(18,22,74,.05),rgba(42,68,137,.3)),url("assets/dive-world-background-no-stations-v1.png");background-size:cover;background-position:center;filter:saturate(.62) contrast(.92) brightness(.58);mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent,black 18%,black 76%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 76%,transparent)}
.cave-echo-entry{top:-16vh;opacity:.44;filter:saturate(.72) brightness(.75)}
.cave-echo-chamber{top:57vh;background-position:50% 62%;opacity:.18;transform:scaleX(1.15);filter:hue-rotate(7deg) saturate(.52) brightness(.5)}
.cave-echo-writing{top:151vh;background-position:20% 52%;opacity:.14;transform:scaleX(1.07);filter:hue-rotate(15deg) saturate(.48) brightness(.42)}
.cave-echo-deep{top:305vh;height:140vh;background-position:60% 72%;opacity:.16;transform:scale(1.13);filter:hue-rotate(23deg) saturate(.42) brightness(.32)}
.cave-void{position:absolute;left:50%;width:min(76vw,1040px);height:90vh;border-radius:48% 52% 45% 55%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 38%,rgba(147,231,239,.24),rgba(73,121,191,.14) 42%,rgba(21,24,76,.08) 68%,transparent 72%);filter:blur(9px);opacity:.72}
.cave-void-a{top:88vh;transform:translateX(-50%) scale(1.2,1.04)}
.cave-void-b{top:316vh;background:radial-gradient(ellipse at 50% 42%,rgba(113,205,221,.16),rgba(66,71,163,.16) 43%,rgba(15,18,65,.28) 72%,transparent 76%);transform:translateX(-50%) scale(1.26,1.12)}
.cave-shell{position:absolute;left:0;width:100%;overflow:hidden;--left-width:24%;--right-width:24%;--tint:rgba(39,48,118,.85)}
.cave-shell-entry{top:-18vh;height:122vh;--left-width:29%;--right-width:28%;--tint:rgba(44,49,123,.9)}
.cave-shell-chamber{top:54vh;height:126vh;--left-width:12%;--right-width:13%;--tint:rgba(40,58,137,.76)}
.cave-shell-writing{top:146vh;height:102vh;--left-width:30%;--right-width:29%;--tint:rgba(34,35,105,.92)}
.cave-shell-side{top:208vh;height:112vh;--left-width:27%;--right-width:12%;--tint:rgba(38,47,119,.86)}
.cave-shell-quiet{top:271vh;height:116vh;--left-width:14%;--right-width:15%;--tint:rgba(27,32,99,.86)}
.cave-shell-deep{top:326vh;height:124vh;--left-width:9%;--right-width:10%;--tint:rgba(22,23,79,.93)}
.cave-wall{position:absolute;top:0;height:100%;display:block;opacity:.96;background-image:linear-gradient(145deg,rgba(29,30,91,.9),rgba(62,75,150,.58) 48%,rgba(147,120,188,.2)),url("assets/dive-world-background-no-stations-v1.png");background-size:330% auto;background-repeat:no-repeat;box-shadow:inset 0 0 48px rgba(16,17,61,.44);filter:saturate(.72) brightness(.73)}
.cave-wall-left{left:0;width:var(--left-width);background-position:left 42%;clip-path:polygon(0 0,100% 0,80% 13%,94% 26%,72% 40%,90% 54%,68% 69%,83% 84%,54% 100%,0 100%)}
.cave-wall-right{right:0;width:var(--right-width);background-position:right 54%;clip-path:polygon(0 0,100% 0,100% 100%,47% 100%,18% 85%,36% 70%,11% 55%,28% 40%,5% 25%,22% 12%)}
.cave-roof{display:none}
.cave-shell-chamber .cave-wall{opacity:.78;filter:saturate(.63) brightness(.82)}
.cave-shell-writing .cave-wall{box-shadow:inset 0 0 68px rgba(10,13,56,.64);filter:saturate(.6) brightness(.61)}
.cave-shell-side .cave-wall-right{opacity:.68;clip-path:polygon(15% 0,100% 0,100% 100%,31% 100%,0 76%,21% 58%,4% 39%,28% 21%)}
.cave-shell-quiet .cave-wall{opacity:.72;filter:saturate(.5) brightness(.58)}
.cave-shell-deep .cave-wall{opacity:.82;filter:hue-rotate(12deg) saturate(.48) brightness(.5)}
.deepest-recess{position:absolute;z-index:1;top:366vh;left:50%;width:min(64vw,820px);height:70vh;transform:translateX(-50%);clip-path:polygon(0 23%,18% 8%,41% 0,63% 5%,84% 13%,100% 30%,100% 100%,0 100%);background:linear-gradient(180deg,rgba(22,26,80,.08),rgba(13,16,61,.42) 42%,rgba(9,12,52,.68) 100%);box-shadow:inset 0 22px 36px rgba(44,55,118,.08);opacity:.48}
.hidden-cave{position:absolute;z-index:4;top:390vh;left:50%;width:min(64vw,820px);height:100vh;transform:translateX(-50%);overflow:hidden;visibility:hidden;opacity:0;background:radial-gradient(ellipse at 50% 26%,rgba(72,104,166,.22),rgba(22,27,83,.58) 58%,rgba(9,12,52,.78) 100%);box-shadow:inset 0 34px 72px rgba(8,12,52,.5),inset 0 -48px 90px rgba(7,10,46,.46);clip-path:polygon(8% 0,92% 0,100% 18%,96% 100%,4% 100%,0 17%)}
.hidden-cave::before{content:"";position:absolute;inset:12% 17% 8%;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse at 50% 22%,rgba(118,180,194,.16),rgba(35,49,111,.12) 48%,transparent 74%);filter:blur(3px)}
.hidden-cave-ceiling{position:absolute;left:9%;top:-8%;width:82%;height:27%;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(12,15,59,.88),rgba(31,37,101,.5),transparent);clip-path:polygon(0 0,100% 0,86% 66%,64% 100%,37% 87%,13% 58%)}
.hidden-cave-wall{position:absolute;top:8%;height:92%;width:19%;background:linear-gradient(145deg,rgba(15,18,65,.95),rgba(54,65,132,.6),rgba(106,99,163,.12));filter:saturate(.56) brightness(.62)}
.hidden-cave-wall-left{left:0;clip-path:polygon(0 0,100% 0,82% 18%,100% 39%,73% 60%,91% 80%,62% 100%,0 100%)}
.hidden-cave-wall-right{right:0;clip-path:polygon(0 0,100% 0,100% 100%,37% 100%,9% 80%,28% 60%,0 39%,18% 18%)}
.hidden-cave-floor{position:absolute;left:7%;bottom:-9%;width:86%;height:25%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(35,42,105,.3),rgba(8,11,49,.92));clip-path:polygon(0 35%,17% 15%,39% 8%,62% 15%,84% 5%,100% 30%,100% 100%,0 100%)}
.hidden-cave-seal{position:absolute;z-index:2;left:14%;top:0;width:72%;height:24%;background:linear-gradient(180deg,rgba(11,14,56,.94),rgba(23,28,83,.86) 55%,rgba(45,53,120,.26));clip-path:polygon(0 0,100% 0,91% 72%,73% 100%,52% 82%,31% 100%,9% 71%)}
.debug-hidden-cave .descent-layer{height:520vh}.debug-hidden-cave .hidden-cave{visibility:visible;opacity:1}.debug-hidden-cave .hidden-cave-seal{display:none}
.foreground-rock{position:absolute;display:block;width:clamp(150px,25vw,390px);height:86vh;background:linear-gradient(135deg,rgba(26,24,79,.86),rgba(70,68,145,.62) 48%,rgba(141,122,192,.16)),url("assets/dive-world-background-no-stations-v1.png");background-size:320% auto;box-shadow:0 0 54px rgba(10,14,56,.32);filter:saturate(.7) brightness(.65);opacity:.8}
.rock-entry-left{top:8vh;left:-8vw;background-position:left 75%;clip-path:polygon(0 0,100% 13%,75% 40%,98% 66%,66% 100%,0 92%)}
.rock-entry-right{top:30vh;right:-11vw;background-position:right 68%;clip-path:polygon(16% 0,100% 9%,100% 100%,0 86%,31% 53%,0 30%)}
.rock-writing-left{top:161vh;left:-7vw;width:30vw;height:106vh;background-position:left 48%;clip-path:polygon(0 0,96% 10%,71% 29%,100% 51%,68% 72%,91% 100%,0 93%)}
.rock-writing-right{top:180vh;right:-10vw;width:25vw;height:94vh;background-position:right 58%;clip-path:polygon(21% 0,100% 0,100% 100%,2% 91%,32% 65%,0 44%)}
.rock-side-right{top:222vh;right:-9vw;width:22vw;height:80vh;background-position:right 73%;opacity:.65;clip-path:polygon(16% 0,100% 0,100% 100%,0 90%,34% 60%,0 30%)}
.rock-deep-left{top:344vh;left:-10vw;width:30vw;height:100vh;background-position:left 60%;opacity:.72;clip-path:polygon(0 0,100% 10%,70% 31%,98% 55%,62% 76%,84% 100%,0 94%)}
.descent-motes{position:absolute;inset:0;background-image:radial-gradient(circle at 14% 12%,rgba(229,255,246,.58) 0 1px,transparent 1.7px),radial-gradient(circle at 72% 21%,rgba(178,242,247,.48) 0 1px,transparent 1.8px),radial-gradient(circle at 43% 42%,rgba(255,235,190,.5) 0 1px,transparent 1.8px),radial-gradient(circle at 87% 64%,rgba(211,240,255,.42) 0 1px,transparent 1.7px);background-size:280px 330px,340px 420px,410px 390px,360px 460px;opacity:.52;mix-blend-mode:screen}
.prototype-node,.prototype-marker{position:absolute;margin:0;color:rgba(239,252,248,.94);font-family:"SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em;text-shadow:0 2px 12px rgba(12,17,65,.82);will-change:transform,opacity}
.prototype-node{width:max-content;max-width:220px;padding:10px 13px 9px;border:1px solid rgba(201,245,243,.34);border-radius:999px;background:linear-gradient(130deg,rgba(113,181,205,.15),rgba(80,84,163,.1));box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 12px 26px rgba(11,18,70,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translate3d(0,0,0)}
.prototype-node small,.prototype-marker span{display:block;margin-bottom:4px;color:rgba(200,239,239,.64);font-size:8px;letter-spacing:.18em}
.prototype-node b,.prototype-marker b{display:block;font-size:12px;font-weight:500;letter-spacing:.1em}
.prototype-marker{left:44%;top:30vh;opacity:.64;text-align:center}.prototype-marker b{font-size:10px;color:rgba(255,241,208,.78)}
.node-work{top:var(--node-top);left:var(--node-left);--node-top:84vh;--node-left:20%;max-width:min(190px,22vw)}.node-work b{line-height:1.34}.node-ltpo{--node-top:73vh;--node-left:14%;border-color:rgba(237,249,231,.62);background:linear-gradient(130deg,rgba(162,221,218,.28),rgba(84,90,177,.15));box-shadow:0 0 22px rgba(180,245,235,.14),0 0 0 1px rgba(255,255,255,.13) inset}.node-hundred{--node-top:96vh;--node-right:14%;left:auto;right:var(--node-right)}.node-lab{--node-top:119vh;--node-left:17%}.node-beijing{--node-top:142vh;--node-right:16%;left:auto;right:var(--node-right)}
.node-writing{left:var(--node-left);top:var(--node-top);border-color:rgba(202,218,255,.26);background:linear-gradient(130deg,rgba(113,111,187,.16),rgba(61,71,148,.13));font-size:10px;opacity:clamp(.08,calc(var(--writing-opacity,.08) + var(--approach-boost,0)),1);transform:translate3d(0,var(--writing-shift,8px),0) scale(var(--writing-scale,.96));filter:blur(var(--writing-blur,3px));transition:none}.writing-one{--node-top:196vh;--node-left:31%}.writing-two{--node-top:214vh;--node-left:18%}.writing-three{--node-top:232vh;--node-left:32%}.writing-four{--node-top:250vh;--node-left:21%}
.node-side{top:var(--node-top);right:var(--node-right);border-color:rgba(180,241,237,.32);background:linear-gradient(130deg,rgba(88,177,195,.2),rgba(104,93,176,.13));opacity:clamp(.08,calc(var(--side-opacity,.08) + var(--approach-boost,0)),1);transform:translate3d(0,var(--side-shift,0),0) scale(var(--side-scale,1));filter:blur(var(--side-blur,0));transition:none}.side-edits{--node-top:274vh;--node-right:18%;padding:14px 17px;box-shadow:0 0 calc(16px + var(--approach-glow,0px)) rgba(135,226,222,.12)}.side-travel{--node-top:300vh;--node-right:13%;padding:9px 12px;border-color:rgba(180,241,237,.23);border-radius:16px;background:linear-gradient(130deg,rgba(88,177,195,.13),rgba(104,93,176,.08));box-shadow:0 0 calc(10px + var(--approach-glow,0px)) rgba(135,226,222,.08)}.travel-note b{font-size:10px;line-height:1.35;letter-spacing:.06em}.travel-note span{display:block;margin-top:7px;color:rgba(205,241,237,.7);font:8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.08em;opacity:var(--travel-affordance,.24)}
.distant-signal{position:absolute;top:var(--signal-top);left:var(--signal-left);display:block;width:clamp(42px,6vw,82px);height:clamp(30px,4vw,58px);border-radius:50%;background:radial-gradient(ellipse,rgba(205,248,239,.42) 0 5%,rgba(141,225,230,.18) 22%,rgba(84,87,174,.09) 48%,transparent 72%);box-shadow:0 0 28px rgba(125,216,230,.16);opacity:var(--signal-opacity,.03);transform:scale(var(--signal-scale,.55));filter:blur(var(--signal-blur,8px));transition:none}.signal-deeper{--signal-top:310vh;--signal-left:29%}.signal-sea{--signal-top:322vh;--signal-left:62%}
.node-deepest{top:var(--node-top);left:var(--node-left);padding:16px 20px;border-color:rgba(224,250,240,.58);background:linear-gradient(130deg,rgba(136,231,225,.21),rgba(88,82,173,.18));box-shadow:0 0 30px rgba(152,237,231,.18),inset 0 0 22px rgba(230,255,247,.08);opacity:var(--deep-opacity,.08);transform:translate3d(0,var(--deep-shift,8px),0) scale(var(--deep-scale,.96));filter:blur(var(--deep-blur,3px));transition:none}.deepest-a{--node-top:375vh;--node-left:20%}.deepest-b{--node-top:387vh;--node-left:63%}
.easter-anchor{position:absolute;left:84%;top:399vh;width:12px;height:12px;border-radius:50%;opacity:0}
.surface-look-up{position:absolute;z-index:34;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}
.surface-look-up-wash{position:absolute;left:50%;top:-8vh;width:min(84vw,1240px);height:42vh;transform:translateX(-50%) rotate(-1.5deg);opacity:.72;filter:blur(16px) saturate(.78);-webkit-mask-image:radial-gradient(ellipse 70% 100% at 50% 0%,#000 0 38%,rgba(0,0,0,.78) 58%,transparent 88%);mask-image:radial-gradient(ellipse 70% 100% at 50% 0%,#000 0 38%,rgba(0,0,0,.78) 58%,transparent 88%);background:radial-gradient(ellipse at 46% 4%,rgba(225,255,247,.31) 0 24%,rgba(174,230,234,.19) 48%,transparent 82%),radial-gradient(ellipse at 63% 17%,rgba(193,240,239,.16) 0 18%,transparent 70%),linear-gradient(180deg,rgba(190,238,239,.13),transparent 74%);will-change:transform,opacity}
.surface-look-up-ripple{position:absolute;left:50%;top:2vh;display:block;border:1px solid rgba(218,250,244,.16);border-bottom-color:transparent;border-radius:50%;filter:blur(.8px);transform:translateX(-50%) rotate(-3deg);opacity:.34;will-change:transform,opacity}
.surface-look-up-ripple-a{width:min(70vw,980px);height:19vh}.surface-look-up-ripple-b{top:8vh;width:min(52vw,720px);height:13vh;opacity:.22;transform:translateX(-50%) rotate(4deg)}
.surface-look-up-shimmer{position:absolute;left:16%;top:7vh;width:68%;height:18vh;display:block;opacity:.16;filter:blur(1.8px) skewX(-8deg);clip-path:polygon(0 30%,14% 22%,28% 31%,41% 16%,54% 27%,69% 10%,82% 24%,100% 14%,96% 47%,79% 39%,63% 54%,47% 42%,31% 60%,17% 48%,2% 66%);background:repeating-linear-gradient(165deg,transparent 0 18px,rgba(235,255,247,.42) 19px 21px,transparent 22px 36px);animation:surface-look-up-shimmer 9s ease-in-out infinite}
.dive-descent .dive-nav{position:absolute;z-index:50;inset:0 0 auto;padding:clamp(18px,3.2vh,30px) var(--ui-edge);pointer-events:none;color:rgba(241,251,243,.84);text-shadow:0 2px 12px rgba(12,18,70,.62)}
.dive-descent .dive-nav span:last-child{color:rgba(239,251,245,.8);letter-spacing:.16em}.dive-descent .dive-nav span:first-child{color:rgba(255,244,212,.86)}
.descent-return{z-index:54}.descent-depth{position:absolute;z-index:53;left:var(--ui-edge);bottom:clamp(18px,3.2vh,30px);margin:0;color:rgba(234,250,244,.72);font:9px/1.25 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;text-shadow:0 2px 12px rgba(9,14,61,.7);pointer-events:none}.descent-depth span{display:block;margin-bottom:4px;opacity:.62}.descent-depth b{font-size:11px;font-weight:500;color:rgba(255,242,208,.88)}
.descent-lifeline{--rope-pull:0px;--rope-stretch:0;position:absolute;z-index:56;top:-4px;left:50%;width:204px;height:314px;transform:translateX(-50%);pointer-events:auto;touch-action:none;user-select:none;filter:drop-shadow(0 12px 20px rgba(13,19,68,.22));will-change:filter,transform}
.descent-lifeline::after{content:"";position:absolute;left:40px;top:32px;width:124px;height:258px;border-radius:46% 54% 42% 58%;background:radial-gradient(ellipse,rgba(174,239,236,.11),rgba(93,145,204,.045) 42%,transparent 74%);filter:blur(15px);opacity:.6;pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.lifeline-ring-art{position:absolute;z-index:2;left:27px;top:-66px;width:150px;height:150px;display:block;object-fit:contain;opacity:.72;mix-blend-mode:multiply;filter:blur(.35px) saturate(.68) drop-shadow(0 4px 10px rgba(8,16,61,.18));transform:rotate(-4deg) scaleY(.9);transform-origin:50% 58%;pointer-events:none;will-change:transform,filter}
.lifeline-rope-art{position:absolute;z-index:1;left:42px;top:7px;width:120px;height:214px;display:block;object-fit:contain;opacity:.68;mix-blend-mode:multiply;filter:blur(.25px) saturate(.72) drop-shadow(0 2px 4px rgba(5,13,58,.22));transform:rotate(-1deg) scaleY(calc(1 + var(--rope-stretch) * .16));transform-origin:50% 0;pointer-events:none;will-change:transform,filter}
.lifeline-ring{position:absolute;z-index:2;left:63px;top:-24px;display:block;width:68px;height:62px;border:5px solid rgba(9,21,67,.42);border-top-color:rgba(20,35,84,.48);border-right-color:rgba(27,44,96,.37);border-radius:48% 52% 46% 54%;background:radial-gradient(ellipse at 48% 48%,rgba(5,16,59,.32) 0 46%,rgba(186,229,228,.04) 48% 54%,transparent 57%);box-shadow:inset 0 0 0 1px rgba(6,17,59,.19),0 3px 15px rgba(5,14,58,.22),0 0 11px rgba(175,232,232,.05);filter:blur(1.4px) saturate(.52);opacity:.7;mix-blend-mode:multiply;transform:rotate(-8deg) scaleY(.78);transform-origin:50% 50%;pointer-events:none}
.lifeline-ring::before{content:"";position:absolute;inset:7px;border:1px solid rgba(5,16,61,.26);border-radius:48% 52% 46% 54%;filter:blur(1px)}
.lifeline-ring::after{content:"";position:absolute;left:45%;top:-13px;width:18px;height:17px;background:linear-gradient(180deg,rgba(220,250,242,.2),rgba(38,64,117,.08));transform:rotate(8deg);transform-origin:bottom center;filter:blur(1px)}
.lifeline-ring i{position:absolute;left:50%;top:50%;width:12px;height:9px;border:1px solid rgba(213,242,237,.16);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(174,239,236,.08)}
.lifeline-rope{position:absolute;z-index:1;left:74px;top:28px;width:56px;height:188px;overflow:visible;transform:scaleY(calc(1 + var(--rope-stretch) * .16));transform-origin:50% 0;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(5,13,58,.34))}
.lifeline-rope-sway{transform-box:fill-box;transform-origin:50% 0}
.lifeline-rope path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.lifeline-rope-shadow{stroke:rgba(8,19,69,.56);stroke-width:4.6;filter:blur(1.25px)}
.lifeline-rope-path{stroke:rgba(160,211,210,.5);stroke-width:2.05;stroke-dasharray:11 5 3 9;filter:drop-shadow(0 0 3px rgba(186,235,234,.14))}
.lifeline-grip{position:absolute;z-index:3;left:92px;top:201px;width:20px;height:29px;border:1.5px solid rgba(191,231,225,.48);border-top-color:rgba(222,246,237,.62);border-radius:48% 52% 54% 46%;background:radial-gradient(ellipse at 42% 25%,rgba(228,250,238,.2),rgba(62,108,170,.17) 58%,rgba(28,35,101,.36));box-shadow:0 3px 8px rgba(9,17,66,.26),0 0 9px rgba(169,229,229,.11);transform:translate3d(0,var(--rope-pull),0) rotate(-7deg);transform-origin:50% 0;pointer-events:none}
.lifeline-grip::before{content:"";position:absolute;left:6px;top:6px;width:7px;height:17px;border-left:1px solid rgba(237,253,243,.5);border-radius:50%;transform:rotate(10deg)}
.lifeline-grip i{position:absolute;left:50%;top:-7px;width:10px;height:10px;border:1.5px solid rgba(208,244,237,.54);border-bottom:0;border-radius:10px 10px 0 0;transform:translateX(-50%)}
.lifeline-prompt{position:absolute;z-index:4;left:20px;top:234px;width:164px;color:rgba(238,246,249,.82);font:8px/1.25 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.14em;text-align:center;text-shadow:0 2px 10px rgba(31,42,92,.58);opacity:.82;transform:translate3d(var(--return-copy-x,0px),var(--return-copy-y,0px),0);transition:opacity .32s ease,transform .55s cubic-bezier(.22,.72,.25,1);pointer-events:none;will-change:transform}
.descent-lifeline .lifeline-ring,.descent-lifeline .lifeline-rope,.descent-lifeline .lifeline-grip{opacity:0!important}
.lifeline-prompt b{margin-left:4px;color:rgba(255,240,198,.84);font-size:11px;font-weight:400}
.descent-lifeline.is-near .lifeline-prompt,.descent-lifeline.is-pulling .lifeline-prompt{opacity:1;transform:translate3d(var(--return-copy-x,0px),var(--return-copy-y,0px),0)}
.descent-lifeline.has-been-touched .lifeline-prompt{opacity:.82;transform:translate3d(var(--return-copy-x,0px),var(--return-copy-y,0px),0)}
.descent-lifeline.is-near .lifeline-ring,.descent-lifeline.is-pulling .lifeline-ring{filter:brightness(1.12);box-shadow:inset 0 0 0 2px rgba(227,248,239,.2),0 0 0 1px rgba(238,255,249,.28),0 0 32px rgba(154,225,229,.34)}
.descent-lifeline.is-near .lifeline-rope-path{stroke:rgba(218,249,237,.76)}
.descent-lifeline.is-pulling .lifeline-rope{filter:drop-shadow(0 2px 5px rgba(5,13,58,.48))}
.descent-lifeline.is-pulling .lifeline-grip{box-shadow:0 7px 16px rgba(9,17,66,.38),0 0 18px rgba(169,229,229,.26)}
.ascent-light{position:absolute;inset:0;z-index:57;pointer-events:none;opacity:var(--ascent-light,0);background:radial-gradient(ellipse at 50% -5%,rgba(221,255,246,.92),rgba(158,222,231,.42) 38%,rgba(100,154,211,.12) 68%,transparent 82%),linear-gradient(180deg,rgba(192,239,237,.35),transparent 66%);mix-blend-mode:screen;transition:opacity .18s linear}
.ascent-bubbles{position:absolute;inset:0;z-index:63;overflow:hidden;pointer-events:none;opacity:var(--ascent-bubbles-opacity,0);transition:opacity .3s ease}
.ascent-bubble{position:absolute;left:var(--bubble-x);top:var(--bubble-y);display:block;width:var(--bubble-size);height:var(--bubble-size);border:1.5px solid rgba(222,252,245,.66);border-radius:50%;background:radial-gradient(circle at 28% 24%,rgba(248,255,250,.62),rgba(160,224,231,.18) 48%,transparent 76%);box-shadow:inset -2px -3px 4px rgba(74,136,185,.16),0 0 11px rgba(168,238,235,.25);will-change:transform,opacity}
.dive-descent .descent-layer-distant{transform:translate3d(0,calc(var(--depth-distant) + var(--ascent-distant-shift,0px)),0)}
.dive-descent .descent-layer-middle{transform:translate3d(0,calc(var(--depth-middle) + var(--ascent-middle-shift,0px)),0)}
.dive-descent .descent-layer-foreground{transform:translate3d(0,calc(var(--depth-foreground) + var(--ascent-foreground-shift,0px)),0)}
.dive-descent .descent-layer-content{transform:translate3d(0,calc(var(--depth-content) + var(--ascent-content-shift,0px)),0)}
body.is-ascent-active .is-fallback-ascent .descent-layer{transition:transform 1.05s cubic-bezier(.2,.72,.24,1)}
body.is-ascent-active{overflow:hidden}
body.is-ascent-active .descent-lifeline{pointer-events:none}
body.is-ascent-active .descent-onboarding{opacity:0!important}
.descent-onboarding{position:absolute;z-index:55;left:50%;top:72%;display:grid;justify-items:center;gap:8px;min-width:220px;transform:translate3d(-50%,0,0);color:rgba(239,253,246,.92);font-family:"SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;text-align:center;text-shadow:0 2px 14px rgba(8,14,58,.68);pointer-events:none;transition:opacity .78s ease,transform .78s cubic-bezier(.2,.7,.25,1)}.descent-onboarding strong{font-size:11px;font-weight:500}.descent-onboarding strong i{display:inline-block;margin-left:6px;color:rgba(255,242,208,.9);font-style:normal}.descent-onboarding span{font-size:8px;color:rgba(202,239,239,.68);letter-spacing:.2em}.descent-onboarding.is-dismissed{animation:none!important;opacity:0;transform:translate3d(-50%,10px,0)}
.dive-descent .cursor-layer{z-index:60}.dive-descent .descent-diver{z-index:61;width:132px;height:auto;filter:drop-shadow(0 9px 9px rgba(20,26,78,.3)) drop-shadow(0 0 13px rgba(222,251,240,.24))}
.dive-descent .glow{z-index:59;opacity:.82}.dive-descent .cursor-light{z-index:62}

/* Deep Sea visual foundation: light, distance and space exist before content. */
.dive-world.dive-descent{background:radial-gradient(ellipse at 50% -10%,rgba(230,255,246,.92) 0 11%,rgba(160,225,234,.66) 24%,transparent 48%),radial-gradient(ellipse at 47% 58%,rgba(127,181,212,.34),transparent 53%),linear-gradient(180deg,#b9e5e8 0%,#82bfd7 26%,#6d83bd 66%,#4c4e97 100%)}
.dive-descent::before{opacity:.1;background:repeating-linear-gradient(104deg,rgba(239,255,249,.16) 0 1px,transparent 1px 11px),repeating-linear-gradient(15deg,rgba(75,62,147,.12) 0 1px,transparent 1px 13px)}

/* Surface Dive remains in the same location and behavior; only the visual cue is more compact and legible by default. */
.surface-hero .dive-vortex{top:28px;width:330px;height:86px;opacity:.9}.surface-hero .dive-vortex-ring-a{width:228px;height:63px}.surface-hero .dive-vortex-ring-b{width:178px;height:49px}.surface-hero .dive-vortex-ring-c{width:132px;height:37px}.surface-hero .dive-vortex-core{width:48px;height:22px;opacity:.7}.surface-hero .dive-cta-region:hover .dive-vortex,.surface-hero .dive-cta-region:focus-within .dive-vortex{opacity:1}.surface-hero .dive-trigger{color:rgba(71,58,107,.91);opacity:.96;text-shadow:0 1px 9px rgba(239,249,243,.42)}.surface-hero .dive-trigger-hint{color:rgba(76,66,112,.92);opacity:.96;text-shadow:0 1px 7px rgba(239,249,243,.36)}
@media(max-width:700px){.quiet-professional{left:44%;width:48vw}.experience-coordinate{max-width:42vw;font-size:8px;letter-spacing:.06em}.experience-coordinate-kuaishou{left:12%}.experience-coordinate-boe{right:11%}.chamber-project{width:43vw}.case-ltpo{left:10%}.case-media{right:9%}.case-hundred{left:14%}.case-beijing{right:10%}.chamber-project h2{font-size:16px}.case-ltpo h2{font-size:22px}}
@media(max-width:700px){.descent-body{--deep-sea-master-height:523.8095238vw;min-height:var(--deep-sea-master-height)}.descent-scroll-spacer{height:var(--deep-sea-master-height)}.dive-descent .dive-nav{font-size:8px}.dive-descent .dive-nav span:last-child{max-width:56vw;white-space:normal}.prototype-node{font-size:9px}.node-work{transform:scale(.86)}.node-writing{transform:scale(.82)}.node-side{transform:scale(.82)}.dive-descent .descent-diver{width:105px}.descent-depth{left:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.dive-descent .descent-layer{will-change:auto}.prototype-node{backdrop-filter:none;-webkit-backdrop-filter:none}.dive-descent .cursor-layer,.dive-descent .descent-diver{transition:none!important}}

/* Deep Sea first view: one opaque open-water plate, with atmosphere kept as
   restrained light only. The rejected full-frame candidate layers stay out of
   this view so distance reads through edge treatment and occlusion, not PNG
   opacity stacking. */
.dive-descent.dive-world{background:linear-gradient(180deg,#477d98 0%,#244d70 37%,#132d4c 72%,#0b1b35 100%)}
.dive-descent::before{opacity:0!important}
.dive-descent .world-scene-entry,.dive-descent .world-scene-chamber,.dive-descent .reef-foreground-entry,.dive-descent .reef-foreground-chamber,.dive-descent .cave-echo-entry,.dive-descent .cave-echo-chamber,.dive-descent .cave-shell-entry,.dive-descent .cave-shell-chamber,.dive-descent .rock-entry-left,.dive-descent .rock-entry-right,.dive-descent .cave-void-a,.dive-descent .cave-void-b{display:none!important}
.dive-descent .world-scene-open-water{top:-5vh;width:100vw;height:124vh;background-image:url("assets/dive-open-water-first-view-candidate-v1.png");background-size:cover;background-position:center top;opacity:1;filter:saturate(.72) brightness(.76) contrast(1.06);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.8) 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.8) 94%,transparent 100%)}
.dive-descent .world-scene-open-water::after{background:linear-gradient(180deg,rgba(198,237,236,.05),transparent 20%,rgba(8,24,52,.16) 100%);mix-blend-mode:multiply}
.dive-descent .sea-surface-haze{top:-22vh;height:108vh;opacity:.34;filter:blur(19px)}
.dive-descent .sea-light-beam,.dive-descent .sea-caustic-suggestion{display:none!important}
.dive-descent .sea-distant-form,.dive-descent .sea-chamber-basin{display:none!important}
.dive-descent .descent-motes{opacity:.08}
.entry-far-fish{position:absolute;z-index:3;display:block;width:auto;height:auto;object-fit:contain;background-image:none;filter:grayscale(1) saturate(.04) brightness(.1) contrast(1.25) blur(.25px);pointer-events:none}
.entry-far-fish-a{left:29%;top:15vh;width:120px;height:47px;opacity:.26;animation:deep-entry-fish-pass-a 38s ease-in-out -11s infinite}
.entry-far-fish-b{right:24%;top:26vh;width:72px;height:29px;opacity:.16;transform:scaleX(-1);animation:deep-entry-fish-pass-b 46s ease-in-out -19s infinite}
.dive-descent .quiet-professional{top:31vh;width:min(36vw,460px);color:rgba(224,240,241,.72);font:300 clamp(10px,.72vw,12px)/1.84 "PingFang SC","Noto Sans SC",sans-serif;letter-spacing:.095em;text-shadow:0 2px 17px rgba(3,16,39,.64)}
.dive-descent .quiet-professional span{display:block;margin-bottom:21px;color:rgba(178,215,220,.54);font:8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.25em}
.dive-descent .quiet-professional b{margin-bottom:7px;color:rgba(237,246,240,.86);font:300 clamp(18px,1.45vw,23px)/1.36 "PingFang SC","Noto Sans SC",sans-serif;letter-spacing:.18em}
.dive-descent .quiet-professional strong{margin-bottom:16px;color:rgba(210,233,232,.72);font:300 clamp(10px,.75vw,12px)/1.5 "PingFang SC","Noto Sans SC",sans-serif;letter-spacing:.2em}
.dive-descent .quiet-professional i{color:rgba(213,234,233,.68);font-size:clamp(10px,.72vw,12px);letter-spacing:.075em}
.dive-descent .quiet-professional em{margin-top:16px;color:rgba(230,226,207,.71);font-size:clamp(10px,.76vw,12px);letter-spacing:.13em}
.dive-descent .profile-coordinates{top:109vh}
.dive-descent .descent-diver{top:63%}

/* Deep Sea Visual Bible: the first viewport is one open-water volume. The
   generated plate is opaque; the remaining atmosphere is slow, organic light
   and haze rather than another transparent scene pasted on top. */
.dive-descent.dive-world{--reference-blue-light:#e0f5f9;--reference-blue-light-falloff:#cce7f2;--reference-blue-top-left:#9fb5d7;--reference-blue-top-right:#8b9fc9;--depth-light-loss:0;background:linear-gradient(180deg,rgb(20 31 67 / var(--depth-light-loss)),rgb(5 14 39 / var(--depth-light-loss))),radial-gradient(ellipse 58% 88% at 48% -5%,var(--reference-blue-light) 0 14%,var(--reference-blue-light-falloff) 36%,rgba(163,186,217,.72) 61%,rgba(159,181,215,0) 84%),radial-gradient(ellipse 72% 76% at 100% 0%,var(--reference-blue-top-right) 0%,rgba(139,159,201,.72) 28%,rgba(139,159,201,0) 72%),linear-gradient(180deg,var(--reference-blue-top-left) 0%,#94aacf 44%,#7085b2 74%,#43577f 100%)}
.dive-descent .sea-surface-haze{display:none!important}
.dive-descent .sea-light-beam{display:none!important}
.dive-descent .sea-caustic-suggestion{display:none!important}
.dive-descent .surface-look-up-wash{display:none!important}
.dive-descent .surface-look-up-ripple{border-color:rgba(246,249,252,.13);border-bottom-color:transparent;mix-blend-mode:soft-light}
.dive-descent .surface-look-up-shimmer{opacity:.11;background:repeating-linear-gradient(165deg,transparent 0 20px,rgba(248,250,252,.32) 21px 22px,transparent 24px 40px);mix-blend-mode:soft-light}
.dive-descent .quiet-professional{top:40vh;opacity:var(--info-exit-opacity,1);filter:blur(var(--info-exit-blur,0px));will-change:opacity,filter}
.dive-descent .quiet-professional span{margin-bottom:26px}
.dive-descent .quiet-professional b{margin-bottom:12px}
.dive-descent .quiet-professional strong{margin-bottom:22px}
.dive-descent .quiet-professional em{margin-top:20px}
.dive-descent .descent-onboarding{top:77%;animation:deep-scroll-cue-breathe 2.8s ease-in-out infinite}
.dive-descent .descent-diver{width:132px;filter:saturate(.72) brightness(.74) contrast(1.02) drop-shadow(0 9px 12px rgba(8,22,53,.34));mix-blend-mode:normal}

/* The device stays in the upper water column while descending: its lower
   rope tail retracts by clipping from the bottom, then the buoy drifts up. */
.dive-descent .descent-lifeline{transform:translate3d(-50%,var(--lifeline-lift,0px),0)}
.lifeline-rope-retract{position:absolute;z-index:1;left:42px;top:7px;width:120px;height:214px;display:block;overflow:visible;transform:scaleY(calc(1 - var(--rope-retract,0)));transform-origin:50% 0;pointer-events:none;will-change:transform}
.lifeline-rope-retract .lifeline-rope-art{position:relative;left:0;top:0;width:100%;height:100%}
.dive-descent .lifeline-rope{transform:scaleY(calc((1 - var(--rope-retract,0)) * (1 + var(--rope-stretch,0) * .16)));transform-origin:50% 0}
.dive-descent .lifeline-grip{transform:translate3d(0,calc(var(--rope-pull) + var(--rope-tail-lift,0px)),0) rotate(-7deg)}
.dive-descent .deep-water-motion{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;opacity:1;background:none;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(0,0,0,.16) 31%,#000 48%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(0,0,0,.16) 31%,#000 48%,#000 100%)}
.dive-descent .deep-water-motion::before,.dive-descent .deep-water-motion::after{inset:-46%;border-radius:42% 58% 47% 53%;opacity:1;filter:blur(52px);mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 13%,#000 31%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 13%,#000 31%,#000 100%);will-change:transform,background-position}
.dive-descent .deep-water-motion::before{background:radial-gradient(ellipse 62% 42% at 20% 24%,rgba(224,235,244,.24) 0%,rgba(196,215,234,.11) 38%,transparent 76%),radial-gradient(ellipse 54% 46% at 76% 58%,rgba(207,221,238,.18) 0%,rgba(177,197,224,.08) 42%,transparent 78%),radial-gradient(ellipse 48% 34% at 42% 84%,rgba(137,160,203,.1) 0%,transparent 74%);background-size:162% 148%,176% 164%,158% 172%;background-position:5% 14%,92% 72%,44% 90%;animation:deep-water-flow-a 24s cubic-bezier(.45,.05,.55,.95) infinite}
.dive-descent .deep-water-motion::after{inset:-18% -30%;border-radius:0;opacity:.5;filter:blur(13px);background:repeating-radial-gradient(ellipse 82% 44% at 48% -8%,transparent 0 24px,rgba(232,240,246,.11) 28px 30px,transparent 34px 52px),radial-gradient(ellipse 60% 34% at 68% 20%,rgba(226,235,244,.18) 0%,rgba(194,213,233,.06) 48%,transparent 82%),radial-gradient(ellipse 64% 38% at 20% 62%,rgba(184,204,229,.1) 0%,transparent 78%);background-size:132% 86%,178% 158%,166% 174%;background-position:46% 0%,82% 8%,12% 86%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 12%,#000 30%,rgba(0,0,0,.72) 58%,transparent 84%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 12%,#000 30%,rgba(0,0,0,.72) 58%,transparent 84%);animation:deep-water-flow-b 31s cubic-bezier(.42,.08,.58,.92) -9s infinite}
.dive-descent .glow{width:190px;height:190px;opacity:.28;background:radial-gradient(ellipse,rgba(229,237,244,.26) 0 6%,rgba(204,221,235,.13) 28%,rgba(178,199,224,.055) 52%,transparent 78%)}

/* All Deep Sea information shares one upper exit zone. Individual depth
   reveals still control arrival; this rule only handles leaving the viewport. */
.dive-descent .deep-information{opacity:var(--information-opacity,1)}
.dive-descent .deep-information.depth-reveal{filter:blur(calc(var(--entry-blur,0px) + var(--information-blur,0px)))}
.dive-descent .deep-information.node-writing{filter:blur(calc(var(--writing-blur,0px) + var(--information-blur,0px)))}
.dive-descent .deep-information.node-side{filter:blur(calc(var(--side-blur,0px) + var(--information-blur,0px)))}
.dive-descent .deep-information.node-deepest{filter:blur(calc(var(--deep-blur,0px) + var(--information-blur,0px)))}
.dive-descent .deep-information.profile-coordinates,.dive-descent .deep-information.quiet-professional{filter:blur(var(--information-blur,0px))}

@media(prefers-reduced-motion:reduce){.dive-descent .world-scene-open-water,.dive-descent .sea-surface-haze,.dive-descent .sea-light-beam,.dive-descent .deep-water-motion::before,.dive-descent .deep-water-motion::after,.dive-descent .descent-onboarding{animation:none!important}.dive-descent .descent-diver{filter:saturate(.72) brightness(.74) contrast(1.02) drop-shadow(0 9px 12px rgba(8,22,53,.34))}}

/* Swim Map V1 debug is opt-in and fixed above the scene, so it cannot affect
   layout, scroll geometry, or the production appearance. */
.dive-descent .swim-map-debug{position:fixed;inset:0;z-index:180;display:none;pointer-events:none;font:10px/1.55 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.04em}
.dive-descent.debug-swim-map .swim-map-debug{display:block}
.dive-descent .swim-map-debug[hidden]{display:none}
.swim-map-debug-plot{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.swim-map-debug-master{fill:none;stroke:rgba(255,255,255,.56);stroke-width:2;stroke-dasharray:8 7}
.swim-map-debug-free{fill:rgba(94,228,205,.13);stroke:rgba(104,244,215,.86);stroke-width:2;vector-effect:non-scaling-stroke}
.swim-map-debug-blocked{pointer-events:none}
.swim-map-debug-blocked path{fill:rgba(244,116,112,.16);stroke:rgba(255,142,132,.84);stroke-width:1.5;vector-effect:non-scaling-stroke}
.swim-map-debug-reserved{pointer-events:none}
.swim-map-debug-reserved path{fill:rgba(255,219,121,.16);stroke:rgba(255,226,142,.94);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}
.swim-map-debug-cursor{fill:#fff1bd;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.swim-map-debug-diver{fill:#ff9e92;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.swim-map-debug-readout{position:absolute;left:18px;bottom:18px;margin:0;padding:12px 14px;min-width:330px;color:rgba(233,255,248,.92);background:rgba(2,10,28,.76);border:1px solid rgba(146,224,211,.32);box-shadow:0 12px 30px rgba(0,0,0,.24);white-space:pre-wrap}
.swim-map-debug-approaches{pointer-events:none}
.swim-map-debug-approaches path{fill:rgba(178,145,255,.08);stroke:rgba(210,184,255,.78);stroke-width:1.5;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.swim-map-debug-anchors{pointer-events:none}
.swim-map-debug-anchors circle{fill:rgba(255,225,133,.96);stroke:#fff9dd;stroke-width:2;vector-effect:non-scaling-stroke}
.swim-map-debug-anchors text{fill:rgba(255,246,207,.96);font:700 12px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.04em;paint-order:stroke;stroke:rgba(2,10,28,.92);stroke-width:4px;stroke-linejoin:round}
.swim-map-debug-anchors text+text{fill:rgba(210,235,255,.86);font-size:9px;font-weight:500;letter-spacing:.08em}
.swim-map-debug-case-list{display:none}
.dive-descent.debug-swim-map .swim-map-debug-case-list{position:absolute;top:18px;right:18px;z-index:2;display:grid;gap:8px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:12px;color:rgba(235,247,255,.94);background:rgba(2,10,28,.82);border:1px solid rgba(181,205,255,.36);box-shadow:0 12px 30px rgba(0,0,0,.26);font:10px/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.03em}
.swim-map-debug-case-row{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid rgba(183,208,255,.18)}
.swim-map-debug-case-row:last-child{border-bottom:0}
.swim-map-debug-case-row b{color:rgba(255,235,177,.98);font-size:12px;letter-spacing:.08em}
.swim-map-debug-case-row span{color:rgba(214,232,255,.9)}
.swim-map-debug-case-row small{color:rgba(189,214,233,.76);font-size:9px}
.swim-map-debug-case-row em{color:rgba(135,250,214,.9);font-style:normal;font-size:9px;letter-spacing:.06em}
.swim-map-debug-case-row[data-diver-in-approach="false"] em{color:rgba(188,201,218,.68)}

/* Case Entry Skeleton V1: discovery is a small world-space cue, not a
   navigation panel. The landing layer is deliberately separate from the
   continuous world so returning can restore the captured scroll position. */
.dive-descent .case-discovery-layer{position:absolute;inset:0;z-index:48;pointer-events:none;overflow:hidden}
.dive-descent .case-discovery{position:absolute;left:var(--case-screen-x,50%);top:var(--case-screen-y,50%);display:inline-flex;align-items:baseline;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:rgba(247,255,251,.98);font:500 13px/1.1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.14em;text-shadow:0 1px 3px rgba(2,9,31,.82);white-space:nowrap;cursor:pointer;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,calc(-50% + 8px));transition:opacity .28s ease,transform .42s cubic-bezier(.2,.75,.25,1),visibility 0s linear .42s}
.dive-descent .case-discovery[hidden]{display:none}
.dive-descent .case-discovery.is-visible{pointer-events:auto;opacity:1!important;visibility:visible;transform:translate(-50%,-50%);transition-delay:0s}
.dive-descent .case-discovery-label{display:inline-block;opacity:calc(.62 + var(--case-proximity,0) * .38);transition:opacity .45s ease}
.dive-descent .case-discovery small{color:rgba(203,237,235,.94);font-size:8px;letter-spacing:.18em;opacity:calc(.25 + var(--case-proximity,0) * .75);transition:opacity .45s ease}
.dive-descent .case-discovery:focus-visible{outline:1px solid rgba(227,249,241,.82);outline-offset:5px}
.dive-descent .case-reading-layer{position:absolute;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,rgba(22,72,111,.72) 0%,rgba(7,31,61,.84) 42%,rgba(2,11,28,.97) 100%);color:rgba(239,250,247,.92);isolation:isolate}
.dive-descent .case-reading-layer[hidden]{display:none}
.dive-descent .case-reading-layer::before{content:"";position:absolute;inset:-18%;z-index:-1;background:radial-gradient(ellipse at 48% 28%,rgba(111,197,210,.1),transparent 44%),linear-gradient(164deg,transparent 0 38%,rgba(61,126,169,.08) 54%,transparent 74%);filter:blur(20px);pointer-events:none}
.dive-descent .case-reading-panel{display:grid;justify-items:center;gap:14px;width:min(440px,calc(100vw - 48px));padding:34px 28px 30px;text-align:center}
.dive-descent .case-reading-kicker{color:rgba(192,229,227,.62);font:9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.24em}
.dive-descent .case-reading-panel h1{margin:0;color:rgba(255,242,211,.94);font:400 clamp(25px,3.2vw,42px)/1.1 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em;text-shadow:0 3px 20px rgba(2,10,26,.7)}
.dive-descent .case-reading-panel p{margin:0;color:rgba(213,239,235,.68);font:10px/1.4 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em}
.dive-descent .case-reading-return{margin-top:16px;padding:10px 0;border:0;border-bottom:1px solid rgba(203,238,233,.46);background:transparent;color:rgba(222,244,237,.84);font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.14em;cursor:pointer;text-shadow:0 2px 12px rgba(2,9,31,.74)}
.dive-descent .case-reading-return:hover,.dive-descent .case-reading-return:focus-visible{color:rgba(255,242,211,.98);border-bottom-color:rgba(255,242,211,.76)}
.dive-descent .case-reading-return:focus-visible{outline:1px solid rgba(227,249,241,.74);outline-offset:6px}
.descent-body.is-case-reading{overflow:hidden}
.dive-descent.is-case-reading .descent-diver{visibility:hidden!important;opacity:0!important;pointer-events:none!important}



+/* Surface Lifebuoy entry: keep the shared pastel details legible and let the
   two-line invitation sit directly above the object. */
.surface-hero .dive-cta-region .dive-vortex{display:none!important}
.surface-hero .dive-cta-region .dive-trigger{opacity:1;color:rgba(190,248,243,.98);text-shadow:0 1px 1px rgba(58,103,120,.28);animation:none!important}
.surface-hero .dive-cta-region .dive-trigger-hint{top:calc(100% + clamp(95px,7vw,110px));z-index:4;opacity:1;color:rgba(190,248,243,.96);text-shadow:0 1px 1px rgba(58,103,120,.24);animation:none!important}
.surface-hero .dive-cta-region:hover .dive-trigger,.surface-hero .dive-cta-region:focus-within .dive-trigger{color:rgba(190,248,243,.98);text-shadow:0 1px 1px rgba(58,103,120,.3)}
.surface-hero .dive-cta-region:hover .dive-trigger-hint,.surface-hero .dive-cta-region:focus-within .dive-trigger-hint{color:rgba(190,248,243,.98);text-shadow:0 1px 1px rgba(58,103,120,.26)}
.surface-hero .dive-cta-region .dive-trigger{animation:none!important}
.surface-hero .dive-cta-region:hover .dive-trigger,.surface-hero .dive-cta-region:focus-within .dive-trigger{animation:none!important}
.surface-hero.is-dive-cta-clicking .dive-cta-region .dive-trigger{animation:none!important}
@keyframes surface-lifebuoy-text-breathe{0%,100%{text-shadow:0 1px 0 rgba(55,110,143,.34),0 0 1px rgba(255,255,255,.38),0 0 4px rgba(190,235,244,.18)}50%{text-shadow:0 1px 0 rgba(55,110,143,.34),0 0 2px rgba(255,255,255,.92),0 0 7px rgba(190,235,244,.56),0 0 12px rgba(155,213,231,.22)}}

/* Deep Sea structural reset: Profile ends in one continuous terrain field.
   These layers are scenery inside one world, never stacked webpage sections. */
.dive-descent{--terrain-dropoff:0;--terrain-rift:0;--terrain-restriction:0;--terrain-chamber:0;--terrain-open-below:0;--terrain-rock:url("assets/rift-dropoff-environment-v1.png")}
.dive-descent .deep-world-structure{position:absolute;inset:0;pointer-events:none;isolation:isolate}
.dive-descent .deep-world-distant{z-index:0}
.dive-descent .deep-world-middle{z-index:2}
.dive-descent .deep-world-foreground{z-index:5}
.dive-descent .deep-water-open{position:absolute;inset:-8vh 0 0;display:block;background:linear-gradient(180deg,rgba(61,124,154,.14),rgba(13,31,65,.2) 54%,rgba(5,12,38,.56) 100%),url("assets/dive-open-water-first-view-candidate-v1.png") center top / cover no-repeat;opacity:calc(1 - var(--terrain-dropoff) * .34);filter:saturate(.58) brightness(.7) contrast(1.04);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.72) 76%,transparent 94%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.72) 76%,transparent 94%)}
.dive-descent .terrain-dropoff-haze{position:absolute;left:0;top:66vh;width:100%;height:190vh;display:block;background:radial-gradient(ellipse 52% 50% at 49% 32%,rgba(68,148,174,.2),transparent 68%),linear-gradient(180deg,transparent,rgba(8,25,60,.35) 42%,rgba(5,12,39,.72));opacity:var(--terrain-dropoff);filter:blur(12px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 17%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 17%,#000 78%,transparent)}
.dive-descent .terrain-dropoff-shelf,.dive-descent .terrain-dropoff-rock{position:absolute;display:block;background:linear-gradient(145deg,rgba(17,34,68,.9),rgba(39,68,96,.68) 48%,rgba(18,32,64,.9)),var(--terrain-rock) center / cover no-repeat;filter:saturate(.48) brightness(.66) contrast(1.08);box-shadow:inset 0 0 46px rgba(3,10,36,.38),0 -2px 20px rgba(93,181,183,.06);opacity:calc(var(--terrain-dropoff) * (1 - var(--terrain-rift)) * .88);will-change:transform,opacity}
.dive-descent .terrain-dropoff-shelf{top:98vh;height:96vh;width:39vw;min-width:300px}
.dive-descent .terrain-dropoff-shelf-left{left:-7vw;clip-path:polygon(0 0,80% 8%,95% 23%,71% 35%,91% 49%,63% 62%,78% 78%,49% 100%,0 94%);background-position:left 64%}
.dive-descent .terrain-dropoff-shelf-right{right:-9vw;top:119vh;width:34vw;clip-path:polygon(19% 0,100% 8%,100% 100%,45% 96%,61% 80%,34% 65%,55% 48%,25% 34%,42% 16%);background-position:right 58%}
.dive-descent .terrain-dropoff-rock{top:153vh;height:122vh;width:31vw;min-width:270px;z-index:2}
.dive-descent .terrain-dropoff-rock-left{left:-10vw;clip-path:polygon(0 0,78% 6%,57% 22%,87% 40%,49% 56%,77% 73%,42% 100%,0 92%);background-position:left 72%}
.dive-descent .terrain-dropoff-rock-right{right:-12vw;top:137vh;width:27vw;clip-path:polygon(29% 0,100% 4%,100% 92%,62% 100%,72% 77%,43% 61%,67% 41%,35% 22%);background-position:right 68%}
.dive-descent .deep-terrain-rift{position:absolute;z-index:1;left:0;top:137vh;width:100vw;height:min(56.28vw,100vh);overflow:visible;opacity:1;pointer-events:none;isolation:isolate;will-change:transform}
.dive-descent .terrain-rift-depth{position:absolute;inset:0;display:block;background:url("assets/rift-formal-background-v1.png") center top / 100% auto no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.86) 8%,#000 18%,#000 90%,rgba(0,0,0,.55) 97%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.86) 8%,#000 18%,#000 90%,rgba(0,0,0,.55) 97%,transparent 100%)}
.dive-descent .deep-terrain-rift::after{display:none!important}
.dive-descent .terrain-chamber-backdrop{position:absolute;left:50%;top:214vh;width:100%;height:215vh;display:block;transform:translateX(-50%);background:linear-gradient(180deg,rgba(8,21,51,.9),rgba(11,35,71,.18) 28%,rgba(4,13,42,.52) 100%),url("assets/dive-great-chamber-environment-candidate-v1.png") center 38% / cover no-repeat;filter:saturate(.34) brightness(.58) contrast(1.05);opacity:calc(var(--terrain-chamber) * .84);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 8%,#000 20%,#000 78%,rgba(0,0,0,.82) 93%,transparent);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 8%,#000 20%,#000 78%,rgba(0,0,0,.82) 93%,transparent)}
.dive-descent .terrain-chamber-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 46% at 50% 37%,rgba(91,172,186,.22),transparent 70%),linear-gradient(180deg,transparent 26%,rgba(4,10,34,.48) 100%);mix-blend-mode:screen;opacity:.72}
.dive-descent .terrain-chamber-wall{position:absolute;z-index:3;top:262vh;height:150vh;display:block;background:linear-gradient(145deg,rgba(7,16,43,.78),rgba(34,66,86,.6) 46%,rgba(86,111,112,.12)),url("assets/rift-dropoff-environment-v1.png") center / 205% 100% no-repeat;filter:saturate(.4) brightness(.62) contrast(1.06);opacity:calc(var(--terrain-chamber) * (.42 + var(--terrain-open-below) * -.18));box-shadow:inset 0 0 76px rgba(2,7,29,.46)}
.dive-descent .terrain-chamber-wall-left{left:-9vw;width:31vw;clip-path:polygon(0 0,92% 5%,65% 19%,85% 35%,55% 48%,76% 64%,45% 79%,57% 100%,0 94%);background-position:left 65%}
.dive-descent .terrain-chamber-wall-right{right:-11vw;width:28vw;top:286vh;clip-path:polygon(22% 0,100% 0,100% 94%,47% 100%,61% 81%,35% 65%,58% 49%,27% 35%,48% 18%);background-position:right 61%}
.dive-descent .terrain-chamber-scale{position:absolute;z-index:2;left:50%;top:247vh;width:66%;height:145vh;display:block;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 39%,rgba(95,177,190,.19),rgba(27,74,104,.1) 45%,transparent 74%);filter:blur(18px);opacity:calc(var(--terrain-chamber) * .9)}
.dive-descent .terrain-chamber-ledge{position:absolute;z-index:4;top:303vh;height:112vh;display:block;background:linear-gradient(145deg,rgba(4,12,36,.86),rgba(22,48,70,.7) 50%,rgba(83,103,104,.1)),url("assets/rift-dropoff-environment-v1.png") center / 220% 100% no-repeat;filter:saturate(.4) brightness(.6);opacity:calc(var(--terrain-chamber) * (.46 - var(--terrain-open-below) * .23));box-shadow:inset 0 0 72px rgba(2,7,29,.42)}
.dive-descent .terrain-chamber-ledge-left{left:-12vw;width:35vw;clip-path:polygon(0 0,90% 8%,68% 22%,96% 39%,59% 55%,80% 73%,47% 100%,0 93%);background-position:left 70%}
.dive-descent .terrain-chamber-ledge-right{right:-14vw;width:31vw;top:320vh;clip-path:polygon(25% 0,100% 8%,100% 100%,42% 94%,62% 74%,32% 56%,57% 38%,24% 21%);background-position:right 63%}
.dive-descent .terrain-chamber-terrace{position:absolute;z-index:5;left:13%;top:365vh;width:31vw;height:26vh;display:block;background:linear-gradient(180deg,rgba(87,113,113,.28),rgba(8,19,43,.82)),url("assets/rift-dropoff-environment-v1.png") left bottom / 210% auto no-repeat;clip-path:polygon(0 38%,17% 23%,34% 31%,49% 8%,67% 18%,82% 2%,100% 22%,95% 100%,0 100%);filter:saturate(.38) brightness(.62);opacity:calc(var(--terrain-chamber) * (.5 - var(--terrain-open-below) * .3));box-shadow:0 -8px 20px rgba(83,153,157,.08)}
.dive-descent .deep-terrain-projects{position:absolute;z-index:9;left:0;top:0;width:100%;height:430vh;opacity:var(--terrain-chamber);pointer-events:none;transition:opacity .4s ease}
.dive-descent .project-area-cue{position:absolute;left:50%;top:278vh;margin:0;transform:translateX(-50%);color:rgba(211,239,235,.6);font:8px/1.5 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.22em;text-align:center;text-shadow:0 2px 16px rgba(2,9,34,.86);white-space:nowrap}
.dive-descent .terrain-project{position:absolute;display:block;filter:saturate(.52) brightness(.7);opacity:.9;box-shadow:inset 0 0 24px rgba(2,9,34,.42);will-change:transform,opacity}
.dive-descent .terrain-project::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,rgba(172,221,211,.13),transparent 64%);mix-blend-mode:screen}
.dive-descent .terrain-project-ltpo{left:16%;top:300vh;width:15vw;min-width:150px;height:93vh;background:linear-gradient(90deg,rgba(4,10,34,.92),rgba(35,74,92,.62) 47%,rgba(3,9,34,.96)),url("assets/rift-dropoff-environment-v1.png") center / 255% 100% no-repeat;clip-path:polygon(13% 0,82% 5%,63% 17%,88% 32%,60% 47%,79% 61%,52% 77%,68% 91%,44% 100%,0 95%,22% 80%,4% 62%,24% 46%,3% 29%,29% 14%);box-shadow:inset 0 0 34px rgba(2,7,28,.72),0 0 22px rgba(56,142,157,.08)}
.dive-descent .terrain-project-media{right:14%;top:310vh;width:27vw;height:45vh;background:linear-gradient(145deg,rgba(8,18,44,.78),rgba(45,82,99,.5)),url("assets/dive-great-chamber-environment-candidate-v1.png") 68% 55% / 185% auto no-repeat;clip-path:polygon(0 30%,18% 14%,40% 17%,57% 4%,76% 16%,100% 7%,94% 74%,76% 91%,46% 100%,17% 86%);border-radius:48% 36% 24% 40%;box-shadow:inset 0 0 30px rgba(3,10,35,.62)}
.dive-descent .terrain-project-hundred{right:31%;top:291vh;width:17vw;height:23vh;background:radial-gradient(ellipse at 50% 49%,rgba(8,21,51,.94) 0 26%,rgba(55,92,104,.52) 28% 46%,rgba(7,17,44,.82) 68%,transparent 72%),url("assets/rift-dropoff-environment-v1.png") right 46% / 260% auto no-repeat;clip-path:polygon(8% 20%,28% 4%,74% 9%,94% 31%,87% 76%,63% 94%,27% 88%,5% 63%);box-shadow:inset 0 0 24px rgba(1,6,29,.72)}
.dive-descent .terrain-project-beijing{left:51%;top:363vh;width:27vw;height:25vh;background:linear-gradient(180deg,rgba(82,112,113,.36),rgba(9,21,46,.84)),url("assets/rift-dropoff-environment-v1.png") center bottom / 175% auto no-repeat;clip-path:polygon(0 43%,13% 23%,26% 29%,39% 11%,57% 19%,73% 4%,90% 27%,100% 20%,96% 100%,0 100%);box-shadow:0 -10px 24px rgba(81,159,160,.08),inset 0 0 30px rgba(2,7,30,.52)}
.dive-descent .terrain-open-descent{position:absolute;left:50%;top:330vh;width:68%;height:140vh;display:block;transform:translateX(-50%);background:radial-gradient(ellipse 58% 42% at 50% 20%,rgba(68,145,171,.16),transparent 70%),linear-gradient(180deg,transparent,rgba(4,12,39,.26) 58%,rgba(2,7,29,.52));opacity:calc(var(--terrain-open-below) * .64);filter:blur(10px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.dive-descent.is-rift-auto .deep-world-distant{transform:translate3d(0,var(--rift-auto-distant),0)}
.dive-descent.is-rift-auto .deep-world-middle{transform:translate3d(0,var(--rift-auto-middle),0)}
.dive-descent.is-rift-auto .deep-world-foreground{transform:translate3d(0,var(--rift-auto-foreground),0)}
.dive-descent.is-rift-auto .deep-terrain-projects{transform:translate3d(0,var(--rift-auto-content),0)}
@keyframes deep-rift-flow{0%,100%{background-position:0 0;opacity:.28}48%{background-position:18px 42px;opacity:.58}78%{background-position:-12px 76px;opacity:.42}}
@media(max-width:700px){.dive-descent .terrain-project-ltpo{left:7%;width:24vw}.dive-descent .terrain-project-media{right:6%;width:39vw}.dive-descent .terrain-project-hundred{right:25%;width:24vw}.dive-descent .terrain-project-beijing{left:42%;width:42vw}}

/* One full-bleed lower-world scene. The image holds all geology; moving water
   atmospheres are the only separate layers, so no duplicate rocks or page seams
   can appear as the visitor descends. */
.dive-descent .downstream-world-scene{--scene-shift:0px;--scene-opacity:0;--scene-water-shift:0px;--scene-depth-shift:0px;position:absolute;left:0;top:0;width:100%;height:var(--deep-sea-master-height);z-index:0;overflow:visible;pointer-events:none;background:#07162c;transform:translate3d(0,var(--scene-shift),0);will-change:transform}
.dive-descent .downstream-world-master{position:absolute;left:50%;top:0;display:block;width:100vw;height:auto;max-width:none;transform:translateX(-50%);opacity:1;will-change:transform}
.dive-descent .downstream-water-atmosphere,
.dive-descent .downstream-depth-atmosphere{position:absolute;inset:0;display:block!important;pointer-events:none;will-change:transform,opacity}
.dive-descent .downstream-water-atmosphere{z-index:1;opacity:var(--downstream-water-alpha,.07);transform:translate3d(0,var(--scene-water-shift),0);background:radial-gradient(ellipse 58% 22% at 50% 0%,rgba(174,231,237,.22),transparent 72%),linear-gradient(180deg,rgba(116,190,214,.06),transparent 24%,rgba(20,61,118,.035) 68%,transparent 100%)}
.dive-descent .downstream-depth-atmosphere{z-index:2;opacity:var(--downstream-depth-alpha,.035);transform:translate3d(0,var(--scene-depth-shift),0);background:radial-gradient(ellipse 44% 20% at 50% 34%,rgba(95,159,193,.18),transparent 76%),radial-gradient(ellipse 38% 24% at 38% 76%,rgba(25,66,128,.14),transparent 78%),radial-gradient(ellipse 33% 18% at 70% 88%,rgba(18,48,108,.18),transparent 80%)}

/* The supplied image is the only lower environment. Keep the legacy water
   layers on the same continuously changing opacity curve from the first
   frame, so the active-state class cannot create a horizontal join. */
.dive-descent .descent-layer-distant .deep-world-structure,
.dive-descent .descent-layer-distant .world-environments,
.dive-descent .descent-layer-middle,
.dive-descent .deep-terrain-projects,
.dive-descent .surface-look-up{opacity:var(--long-world-old-opacity,1)!important;visibility:visible!important}
.dive-descent .sea-foundation > :not(.sea-light-beam){opacity:var(--long-world-old-opacity,1)!important;visibility:visible!important}
.dive-descent .sea-light-beam{opacity:var(--long-world-light,.84)!important}

/* Deep Sea water base: keep the original framework blue beneath one
   continuous, softly moving water-surface texture. */
.dive-descent.dive-world{--depth-light-loss:0;background:radial-gradient(ellipse at 50% -8%,#cef5f4 0%,#77bcdc 23%,#384e98 64%,#191a4c 100%)}
.dive-descent::before{z-index:30;opacity:.14!important;background:repeating-linear-gradient(104deg,rgba(210,239,255,.12) 0 1px,transparent 1px 8px),repeating-linear-gradient(15deg,rgba(45,39,103,.2) 0 1px,transparent 1px 10px)}
.dive-descent::after{z-index:31;opacity:1;background:radial-gradient(ellipse at var(--focus-x,50%) var(--focus-y,52%),transparent 0 10%,rgba(19,25,77,.05) 36%,rgba(10,14,54,.32) 100%);mix-blend-mode:multiply}
.dive-descent .world-scene-open-water{display:none!important}
.dive-descent .deep-water-motion{display:none!important}
.dive-descent .sea-surface-haze{display:block!important;top:-30vh;height:132vh;opacity:.8;filter:blur(15px)}
.dive-descent .sea-light-beam{display:block!important;opacity:.56}
.dive-descent .sea-light-beam-b{opacity:.38}
.dive-descent .sea-caustic-suggestion{display:block!important;opacity:.18}
.dive-descent .surface-look-up-wash{display:block!important}
.dive-descent .surface-look-up-ripple{border-color:rgba(218,250,244,.16);border-bottom-color:transparent;mix-blend-mode:normal}
.dive-descent .surface-look-up-shimmer{opacity:.16;background:repeating-linear-gradient(165deg,transparent 0 18px,rgba(235,255,247,.42) 19px 21px,transparent 22px 36px);mix-blend-mode:normal}

/* Deep Sea water texture: the supplied reference is a broad, soft open-water
   field, so movement comes from large masked luminance masses rather than
   repeated lines, hard beam edges, or a pasted image plate. */
.dive-descent::before{opacity:.025!important;background:none!important}
.dive-descent .deep-water-motion{display:block!important;z-index:1;opacity:1;background:none;mix-blend-mode:soft-light;isolation:isolate;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.24) 0%,#000 18%,#000 82%,rgba(0,0,0,.22) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.24) 0%,#000 18%,#000 82%,rgba(0,0,0,.22) 100%)}
.dive-descent .deep-water-motion::before,.dive-descent .deep-water-motion::after{content:"";position:absolute;display:block;pointer-events:none;border-radius:50%;will-change:transform;background-repeat:no-repeat}
.dive-descent .deep-water-motion::before{inset:-25%;opacity:.08;filter:blur(31px);mix-blend-mode:screen;background:radial-gradient(ellipse 60% 32% at 13% 8%,rgba(228,243,242,.52),rgba(193,220,231,.2) 42%,transparent 78%),radial-gradient(ellipse 49% 42% at 48% 3%,rgba(231,244,242,.58),rgba(181,213,227,.18) 45%,transparent 80%),radial-gradient(ellipse 63% 35% at 88% 18%,rgba(174,208,226,.38),transparent 78%),radial-gradient(ellipse 38% 58% at 26% 68%,rgba(55,82,153,.25),transparent 79%),radial-gradient(ellipse 57% 39% at 78% 75%,rgba(31,48,122,.22),transparent 82%);background-size:142% 120%,132% 132%,154% 126%,142% 154%,152% 146%;background-position:0% 4%,48% 0%,100% 18%,18% 76%,88% 82%;animation:deep-reference-water-drift 37s ease-in-out infinite}
.dive-descent .deep-water-motion::after{inset:-16%;opacity:.06;filter:blur(19px);mix-blend-mode:multiply;background:radial-gradient(ellipse 38% 22% at 32% 22%,rgba(222,239,240,.16),transparent 76%),radial-gradient(ellipse 45% 28% at 67% 29%,rgba(195,222,232,.13),transparent 78%),radial-gradient(ellipse 34% 38% at 15% 58%,rgba(26,52,121,.36),transparent 78%),radial-gradient(ellipse 54% 28% at 72% 76%,rgba(12,26,92,.3),transparent 80%);background-size:136% 128%,148% 136%,144% 152%,158% 142%;background-position:10% 18%,84% 22%,4% 70%,92% 84%;animation:deep-reference-water-drift-b 49s ease-in-out -13s infinite}
.dive-descent .world-scene-open-water{display:none!important}
.dive-descent .sea-light-beam{display:block!important;top:-18vh;left:4%;width:92vw;height:132vh;opacity:.26;filter:blur(29px);clip-path:none;border-radius:50%;background:radial-gradient(ellipse 76% 42% at 55% 3%,rgba(231,247,244,.16),rgba(188,220,230,.07) 48%,transparent 80%),linear-gradient(180deg,rgba(218,240,239,.045),transparent 58%);mix-blend-mode:screen;animation:deep-reference-light-drift 41s ease-in-out infinite}
.dive-descent .sea-light-beam-b{left:auto;right:-14%;width:72vw;opacity:.14;animation-delay:-17s}
.dive-descent .sea-caustic-suggestion{display:block!important;opacity:.08;filter:blur(8px);background:radial-gradient(ellipse 62% 28% at 52% 8%,rgba(224,242,241,.15),transparent 78%),radial-gradient(ellipse 42% 24% at 18% 42%,rgba(187,216,229,.08),transparent 80%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),#000 28%,rgba(0,0,0,.42) 74%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),#000 28%,rgba(0,0,0,.42) 74%,transparent 100%);animation:deep-reference-caustic-drift 53s ease-in-out infinite}
.dive-descent .surface-look-up-wash{display:block!important;opacity:.28;filter:blur(22px) saturate(.78)}
.dive-descent .surface-look-up-ripple{opacity:.09;filter:blur(3px)}
.dive-descent .surface-look-up-shimmer{display:none!important}
@keyframes deep-reference-water-drift{0%,100%{transform:translate3d(-1.2%,-.6%,0) scale(1.02)}32%{transform:translate3d(1.8%,1.4%,0) scale(1.045)}67%{transform:translate3d(2.4%,-1.1%,0) scale(1.015)}}
@keyframes deep-reference-water-drift-b{0%,100%{transform:translate3d(1.4%,.4%,0) scale(1.015)}38%{transform:translate3d(-1.2%,-1.2%,0) scale(1.035)}72%{transform:translate3d(-2%,.9%,0) scale(1.02)}}
@keyframes deep-reference-light-drift{0%,100%{transform:translate3d(-1.4%,-.4%,0) scale(1.01) rotate(-1deg)}38%{transform:translate3d(1.2%,.7%,0) scale(1.035) rotate(.5deg)}72%{transform:translate3d(2%,-.5%,0) scale(1.02) rotate(-.5deg)}}
@keyframes deep-reference-caustic-drift{0%,100%{transform:translate3d(-1.5%,-.4%,0) scale(1.01)}48%{transform:translate3d(1.8%,1.2%,0) scale(1.035)}78%{transform:translate3d(-.4%,-.6%,0) scale(1.02)}}

/* Deep Sea Cursor Light: keep the crisp cursor dot, while letting its
   surrounding illumination dissolve into the water instead of reading as a
   second cursor or a hard circular spotlight. */
.dive-descent .glow{width:220px;height:220px;opacity:.82;background:radial-gradient(ellipse,rgba(255,244,202,.46) 0 6%,rgba(248,231,181,.28) 19%,rgba(205,226,224,.14) 39%,rgba(167,199,219,.05) 62%,transparent 84%);filter:blur(2px);mix-blend-mode:screen}

/* Deep Sea Tyndall light: several broad, low-contrast shafts scatter from
   the bright upper water. The mask and blur dissolve their edges; movement
   is carried by a slow drift/turn only, so the light does not visibly pulse. */
.dive-descent .sea-light-beam{display:block!important;top:-19vh;left:7%;width:86vw;height:138vh;opacity:.46;filter:blur(18px) saturate(.88);clip-path:none;border-radius:0;background:radial-gradient(ellipse 34% 18% at 34% 1%,rgba(231,249,246,.2),transparent 76%),radial-gradient(ellipse 28% 20% at 58% 7%,rgba(220,245,244,.15),transparent 78%),linear-gradient(108deg,transparent 0 21%,rgba(221,247,243,.055) 36%,rgba(229,249,245,.08) 46%,transparent 68%),linear-gradient(101deg,transparent 0 48%,rgba(220,245,244,.045) 58%,rgba(229,249,245,.065) 69%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse 78% 94% at 50% 0%,#000 0 23%,rgba(0,0,0,.78) 43%,rgba(0,0,0,.4) 72%,transparent 100%);mask-image:radial-gradient(ellipse 78% 94% at 50% 0%,#000 0 23%,rgba(0,0,0,.78) 43%,rgba(0,0,0,.4) 72%,transparent 100%);mix-blend-mode:screen;animation:deep-tyndall-drift-a 39s ease-in-out infinite}
.dive-descent .sea-light-beam::before,.dive-descent .sea-light-beam::after{content:"";position:absolute;inset:-10% -8%;display:block;pointer-events:none;filter:blur(24px);-webkit-mask-image:radial-gradient(ellipse 72% 86% at 50% 0%,#000 0 25%,rgba(0,0,0,.6) 56%,transparent 94%);mask-image:radial-gradient(ellipse 72% 86% at 50% 0%,#000 0 25%,rgba(0,0,0,.6) 56%,transparent 94%)}
.dive-descent .sea-light-beam::before{background:radial-gradient(ellipse 38% 16% at 43% 8%,rgba(234,250,246,.14),transparent 78%),linear-gradient(114deg,transparent 0 34%,rgba(229,249,245,.045) 48%,transparent 66%);opacity:.9}
.dive-descent .sea-light-beam::after{background:radial-gradient(ellipse 48% 24% at 64% 18%,rgba(212,242,241,.09),transparent 80%),linear-gradient(97deg,transparent 0 42%,rgba(221,247,243,.035) 58%,transparent 76%);opacity:.72}
.dive-descent .sea-light-beam-b{left:auto;right:-12%;width:72vw;opacity:.3;animation:deep-tyndall-drift-b 47s ease-in-out -18s infinite}
@keyframes deep-tyndall-drift-a{0%,100%{transform:translate3d(-1.3%,-.4vh,0) rotate(-1.1deg) scale(1.02)}34%{transform:translate3d(.8%,.7vh,0) rotate(-.3deg) scale(1.035)}68%{transform:translate3d(1.5%,-.2vh,0) rotate(.55deg) scale(1.025)}}
@keyframes deep-tyndall-drift-b{0%,100%{transform:translate3d(1.1%,.2vh,0) rotate(1deg) scale(1.018)}38%{transform:translate3d(-.7%,-.6vh,0) rotate(1.8deg) scale(1.03)}72%{transform:translate3d(-1.2%,.5vh,0) rotate(.35deg) scale(1.022)}}

/* Visibility correction: make three broad descending light paths readable
   through the water without restoring a geometric edge or a pulse. */
.dive-descent .sea-light-beam{opacity:.64;filter:blur(14px) saturate(.92);background:radial-gradient(ellipse 38% 17% at 43% 1%,rgba(236,251,247,.24),transparent 78%),linear-gradient(110deg,transparent 0 12%,rgba(225,248,244,.055) 22%,rgba(232,251,247,.13) 34%,rgba(229,250,246,.1) 44%,transparent 59%),linear-gradient(104deg,transparent 0 37%,rgba(220,246,243,.045) 47%,rgba(231,251,247,.105) 58%,rgba(226,249,245,.08) 68%,transparent 82%),linear-gradient(98deg,transparent 0 59%,rgba(220,245,242,.035) 68%,rgba(230,250,246,.08) 77%,transparent 89%);-webkit-mask-image:radial-gradient(ellipse 82% 96% at 50% 0%,#000 0 19%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.48) 73%,transparent 100%);mask-image:radial-gradient(ellipse 82% 96% at 50% 0%,#000 0 19%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.48) 73%,transparent 100%)}
.dive-descent .sea-light-beam-b{opacity:.38;filter:blur(16px) saturate(.88)}

/* Readability pass: the shafts need to register against the deep blue water
   at a glance, while their broad radial falloff keeps them atmospheric. */
.dive-descent .sea-light-beam{opacity:.84;filter:blur(12px) saturate(1.02);background:radial-gradient(ellipse 13% 74% at 30% 51%,rgba(229,251,247,.16) 0%,rgba(224,248,245,.105) 38%,transparent 78%),radial-gradient(ellipse 17% 82% at 49% 54%,rgba(238,253,248,.205) 0%,rgba(226,250,245,.12) 39%,transparent 80%),radial-gradient(ellipse 12% 71% at 69% 55%,rgba(225,249,245,.145) 0%,rgba(219,245,243,.08) 41%,transparent 79%),radial-gradient(ellipse 44% 21% at 49% 2%,rgba(241,255,249,.22),transparent 78%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.68) 56%,rgba(0,0,0,.28) 83%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.68) 56%,rgba(0,0,0,.28) 83%,transparent 100%)}
.dive-descent .sea-light-beam::before{opacity:1;background:radial-gradient(ellipse 19% 76% at 37% 50%,rgba(226,250,246,.11),transparent 80%),radial-gradient(ellipse 12% 65% at 61% 56%,rgba(235,252,247,.1),transparent 79%)}
.dive-descent .sea-light-beam::after{opacity:.9;background:radial-gradient(ellipse 29% 28% at 49% 5%,rgba(241,255,249,.14),transparent 82%),linear-gradient(106deg,transparent 0 24%,rgba(229,250,246,.055) 39%,transparent 59%,rgba(225,248,245,.04) 72%,transparent 88%)}
.dive-descent .sea-light-beam-b{opacity:.48;filter:blur(14px) saturate(.96)}
.dive-descent .sea-light-beam-a{background-position:0% 0%,48% 2%,0% 0%,100% 8%}
.dive-descent .sea-light-beam-b{background-position:100% 4%,44% 1%,96% 6%,4% 0%}

/* Surface Dive CTA: the buoy, title and hint are one discoverable object.
   The parent hover state is the single source of truth for their response. */
.surface-hero .dive-cta-region .dive-trigger{transition:transform .55s cubic-bezier(.2,.75,.25,1),text-shadow .55s ease,color .55s ease;will-change:transform,text-shadow}
.surface-hero .dive-cta-region .dive-trigger-hint{top:calc(100% + clamp(154px,11.5vw,188px));transition:color .55s ease,text-shadow .55s ease,opacity .55s ease}
.surface-hero.is-dive-cta-hover .dive-trigger,.surface-hero .dive-cta-region:hover .dive-trigger,.surface-hero .dive-cta-region:focus-within .dive-trigger{transform:translate3d(calc(-50% + var(--cta-parallax-x,0px)),calc(-3px + var(--cta-parallax-y,0px)),0);color:rgba(190,248,243,.98);text-shadow:0 0 4px rgba(133,237,224,.8),0 0 12px rgba(113,219,224,.42);animation:none}
.surface-hero.is-dive-cta-hover .dive-trigger-hint,.surface-hero .dive-cta-region:hover .dive-trigger-hint,.surface-hero .dive-cta-region:focus-within .dive-trigger-hint{color:rgba(190,248,243,.92);text-shadow:0 0 7px rgba(113,219,224,.4);opacity:1}
.surface-hero.is-dive-cta-hover .surface-lifebuoy-entry,.surface-hero .dive-cta-region:hover .surface-lifebuoy-entry,.surface-lifebuoy-entry:focus-visible{transform:translate(-50%,-3px) rotate(-2deg) scale(1.035);filter:drop-shadow(0 10px 14px rgba(63,91,151,.25))}
.surface-hero.is-dive-cta-hover .surface-lifebuoy-art,.surface-hero .dive-cta-region:hover .surface-lifebuoy-art,.surface-lifebuoy-entry:focus-visible .surface-lifebuoy-art{opacity:1;filter:saturate(.9) brightness(1.13) contrast(1.06) drop-shadow(5px 2px 4px rgba(255,246,220,.38))}
.surface-hero.is-dive-cta-hover .surface-lifebuoy-entry::before,.surface-hero .dive-cta-region:hover .surface-lifebuoy-entry::before,.surface-lifebuoy-entry:focus-visible::before{opacity:.78;transform:translate(-50%,-50%) scaleY(.52)}
.surface-hero.is-dive-cta-hover .surface-lifebuoy-entry::after,.surface-hero .dive-cta-region:hover .surface-lifebuoy-entry::after,.surface-lifebuoy-entry:focus-visible::after{opacity:.48;transform:translate(-50%,-50%) scaleY(.58)}

/* Final CTA readability: keep both labels mint-blue with only a restrained
   contact shadow; the click hint sits directly beneath the buoy. */
.surface-hero .dive-cta-region .dive-trigger{top:22px;color:rgba(190,248,243,.98);opacity:1;text-shadow:0 1px 1px rgba(58,103,120,.28);animation:none!important}
.surface-hero .dive-cta-region .dive-trigger-hint{top:calc(100% + clamp(118px,9.4vw,122px));color:rgba(190,248,243,.96);opacity:1;text-shadow:0 1px 1px rgba(58,103,120,.24);animation:none!important}
.surface-hero.is-dive-cta-hover .dive-trigger,.surface-hero .dive-cta-region:hover .dive-trigger,.surface-hero .dive-cta-region:focus-within .dive-trigger{color:rgba(190,248,243,.98);text-shadow:0 1px 1px rgba(58,103,120,.3);animation:none!important}
.surface-hero.is-dive-cta-hover .dive-trigger-hint,.surface-hero .dive-cta-region:hover .dive-trigger-hint,.surface-hero .dive-cta-region:focus-within .dive-trigger-hint{color:rgba(190,248,243,.98);text-shadow:0 1px 1px rgba(58,103,120,.26);animation:none!important}

/* Unified Interactive Affordance: distance only modulates each object's
   existing material response; it never changes layout, hit areas or motion. */
.surface-hero .surface-planet-layer::before{
  opacity:var(--planet-local-glow-alpha,.74);
  animation:surface-planet-affordance-breathe 7.2s ease-in-out infinite alternate;
}
.surface-hero.is-planet-proximity .surface-planet-layer::before{
  opacity:var(--planet-local-glow-alpha,.82);
}
.surface-hero.is-planet-proximity .planet-hotspot::before{
  opacity:var(--planet-orbit-alpha,.5);
  transform:rotate(-14deg) scale(.9);
}
.surface-hero.is-planet-proximity .planet-hotspot::after{
  opacity:var(--planet-atmosphere-alpha,.48);
  transform:scale(.94);
}
.surface-hero.is-planet-hover .surface-planet-layer::before,
.surface-hero.is-planet-hover.is-planet-proximity .surface-planet-layer::before{opacity:.9}
.surface-hero.is-planet-hover .planet-hotspot::before,
.surface-hero.is-planet-hover.is-planet-proximity .planet-hotspot::before{opacity:.82;transform:rotate(-14deg) scale(1)}
.surface-hero.is-planet-hover .planet-hotspot::after,
.surface-hero.is-planet-hover.is-planet-proximity .planet-hotspot::after{opacity:.9;transform:scale(1.08)}
.surface-hero[data-time="blue-hour"].is-planet-proximity .surface-planet-layer::before{opacity:.16}
.surface-hero[data-time="blue-hour"].is-planet-hover .surface-planet-layer::before,
.surface-hero[data-time="blue-hour"].is-planet-hover.is-planet-proximity .surface-planet-layer::before{opacity:.28}
@keyframes surface-planet-affordance-breathe{0%,100%{opacity:.62}50%{opacity:.8}}

.surface-hero .surface-lifebuoy-entry{
  filter:drop-shadow(0 8px 10px rgba(63,91,151,.2)) drop-shadow(0 0 var(--dive-cta-glow-radius,5px) rgba(255,246,220,var(--dive-cta-glow-alpha,.28)));
}
.surface-hero.is-dive-cta-proximity .surface-lifebuoy-entry{
  filter:drop-shadow(0 8px 10px rgba(63,91,151,.2)) drop-shadow(0 0 var(--dive-cta-glow-radius,8px) rgba(255,246,220,var(--dive-cta-glow-alpha,.34)));
}
.surface-hero.is-dive-cta-hover .surface-lifebuoy-entry,
.surface-hero .dive-cta-region:hover .surface-lifebuoy-entry,
.surface-hero .dive-cta-region:focus-within .surface-lifebuoy-entry{
  filter:drop-shadow(0 10px 14px rgba(63,91,151,.25)) drop-shadow(0 0 8px rgba(255,246,220,.24));
}

.surface-hero .drift-bottle-art{
  filter:saturate(.82) contrast(.9) drop-shadow(0 6px 8px rgba(71,78,144,.12)) drop-shadow(0 0 var(--drift-bottle-glow-radius,4.5px) rgba(255,231,189,var(--drift-bottle-glow-alpha,.2)));
}
.surface-hero.is-drift-bottle-proximity .drift-bottle-art{
  filter:saturate(.86) contrast(.92) drop-shadow(0 6px 8px rgba(71,78,144,.12)) drop-shadow(0 0 var(--drift-bottle-glow-radius,8px) rgba(255,231,189,var(--drift-bottle-glow-alpha,.34)));
}
.surface-hero.is-drift-bottle-hover .drift-bottle-art,
.surface-hero.is-drift-bottle-open .drift-bottle-art{
  filter:saturate(.92) contrast(.96) drop-shadow(0 0 10px rgba(255,222,171,.28));
}

/* Diver already responds through its movement tracker; keep affordance
   environmental and almost imperceptible rather than button-like. */
.surface-hero .home-diver{
  filter:drop-shadow(0 8px 6px rgba(91,75,140,.18)) drop-shadow(0 0 5px rgba(196,240,235,.16));
}
.surface-hero.is-diver-proximity .home-diver{
  filter:brightness(1.045) drop-shadow(0 8px 6px rgba(91,75,140,.18)) drop-shadow(0 0 9px rgba(196,240,235,.25));
}

@media(prefers-reduced-motion:reduce){
  .surface-hero.is-diver-proximity .home-diver{filter:drop-shadow(0 8px 6px rgba(91,75,140,.18))}
}

/* LTPO structural refinement — 2026-09-06 */
.dive-descent .ltpo-rebuild{
  --ltpo-semantic-push:0;--ltpo-values-in:0;--ltpo-values-out:0;--ltpo-collective:0;
  --ltpo-value-1:.12;--ltpo-value-2:.12;--ltpo-value-3:.12
}
.dive-descent .ltpo-v2-light-field{
  inset:-18%;
  background:
    radial-gradient(ellipse at 13% 82%,rgba(5,22,36,.92) 0 13%,rgba(21,48,67,.62) 28%,transparent 56%),
    radial-gradient(ellipse at 80% 12%,rgba(10,32,49,.78) 0 11%,rgba(53,82,103,.5) 32%,transparent 62%),
    linear-gradient(128deg,#688a9a 0%,#aacfd0 31%,#8eb9c0 54%,#405a72 78%,#0a2235 100%)
}
.dive-descent .ltpo-v2-light-field::before{content:"";position:absolute;inset:-12%;z-index:4;opacity:.2;background:repeating-radial-gradient(ellipse at 34% 44%,transparent 0 7%,rgba(225,249,242,.22) 8.2%,transparent 11% 18%);mix-blend-mode:soft-light;filter:blur(18px);animation:ltpo-water-drift 15s ease-in-out infinite alternate;will-change:transform}
.dive-descent .ltpo-v2-light-field::after{z-index:5;background:linear-gradient(165deg,rgba(228,245,240,.16) 0%,transparent 38%,rgba(2,19,32,.32) 100%);mix-blend-mode:multiply}
.dive-descent .ltpo-v2-light-field i{filter:blur(42px);mix-blend-mode:soft-light}
.dive-descent .ltpo-v2-light-field i:nth-child(1){width:72vw;height:62vw;left:-18%;top:-26%;background:rgba(217,242,235,.7);animation:ltpo-field-a 16s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-light-field i:nth-child(2){width:66vw;height:70vw;right:-17%;top:-4%;background:rgba(15,42,63,.8);animation:ltpo-field-b 18s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-light-field i:nth-child(3){width:62vw;height:50vw;left:22%;bottom:-25%;background:rgba(129,206,199,.67);animation:ltpo-field-c 20s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-light-field i:nth-child(4){width:44vw;height:78vw;left:40%;top:-35%;background:rgba(59,88,116,.58);animation:ltpo-field-d 17s ease-in-out infinite alternate}
@keyframes ltpo-water-drift{0%{transform:translate3d(-5%,-3%,0) rotate(-5deg) scale(1.04)}100%{transform:translate3d(8%,7%,0) rotate(8deg) scale(1.16)}}
@keyframes ltpo-field-a{0%{transform:translate3d(-7vw,-5vh,0) rotate(-8deg) scale(.92)}100%{transform:translate3d(calc(12vw + var(--ltpo-pointer-x,0px)*.018),15vh,0) rotate(12deg) scale(1.14)}}
@keyframes ltpo-field-b{0%{transform:translate3d(7vw,9vh,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(calc(-13vw + var(--ltpo-pointer-x,0px)*-.014),-11vh,0) rotate(-15deg) scale(.91)}}
@keyframes ltpo-field-c{0%{transform:translate3d(-8vw,8vh,0) rotate(-7deg) scale(.94)}100%{transform:translate3d(calc(10vw + var(--ltpo-pointer-x,0px)*.01),-14vh,0) rotate(11deg) scale(1.15)}}
@keyframes ltpo-field-d{0%{transform:translate3d(8vw,-8vh,0) rotate(12deg) scale(.88)}100%{transform:translate3d(-12vw,14vh,0) rotate(-10deg) scale(1.18)}}
.dive-descent .ltpo-v2-wordmark{width:min(94vw,1780px)}

/* One semantic push event, followed by three independent value states. */
.dive-descent .ltpo-v2-semantic{height:360svh;background:var(--navy)}
.dive-descent .ltpo-v2-translation{position:absolute;z-index:3;inset:0;opacity:calc(1 - var(--ltpo-values-in));transform:translateY(calc(var(--ltpo-values-in)*-13vh));will-change:transform,opacity}
.dive-descent .ltpo-v2-translation p{position:absolute;margin:0}
.dive-descent .ltpo-v2-translation span{display:block;margin-bottom:2.2vh;color:rgba(241,239,230,.52);font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.14em}
.dive-descent .ltpo-v2-translation strong{display:block;white-space:nowrap;font-size:clamp(76px,13.2vw,220px);font-weight:650;line-height:.78;letter-spacing:-.075em}
.dive-descent .ltpo-v2-translation-tech{left:4vw;top:33vh;width:78vw;color:var(--sand);transform:translate3d(calc(var(--ltpo-semantic-push)*-2vw),0,0) scale(calc(1 - var(--ltpo-semantic-push)*.44));transform-origin:left center;will-change:transform}
.dive-descent .ltpo-v2-translation-experience{left:100vw;top:53vh;width:59vw;color:var(--aqua);transform:translate3d(calc(var(--ltpo-semantic-push)*-63vw),0,0);will-change:transform}
.dive-descent .ltpo-v2-translation-experience::before{content:"";position:absolute;right:calc(100% + 2vw);top:2.9vh;width:calc(var(--ltpo-semantic-push)*16vw);height:1px;background:rgba(169,221,213,.56)}
.dive-descent .ltpo-v2-value-list{position:absolute;z-index:4;inset:20vh 4vw 15vh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4vw;align-items:center;opacity:calc(var(--ltpo-values-in)*(1 - var(--ltpo-values-out)));transform:translateY(calc((1 - var(--ltpo-values-in))*12vh + var(--ltpo-values-out)*-10vh));will-change:transform,opacity}
.dive-descent .ltpo-v2-value-list p{position:relative;margin:0;padding:22px 0 28px;border-top:1px solid rgba(210,234,232,.23);opacity:calc(.28 + var(--value-focus)*.72);transform:translateY(calc((1 - var(--value-focus))*2.2vh));transition:none}
.dive-descent .ltpo-v2-value-list p span{display:block;margin-bottom:17vh;color:rgba(210,234,232,.45);font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.12em}
.dive-descent .ltpo-v2-value-list p strong{position:static;display:block;white-space:normal;font-size:clamp(34px,4.7vw,77px);font-weight:620;line-height:.9;letter-spacing:-.055em;color:rgba(241,239,230,calc(.22 + var(--value-focus)*.78));-webkit-text-stroke:0;transform:none}
.dive-descent .ltpo-v2-value-list p:nth-child(1){--value-focus:var(--ltpo-value-1)}
.dive-descent .ltpo-v2-value-list p:nth-child(2){--value-focus:var(--ltpo-value-2)}
.dive-descent .ltpo-v2-value-list p:nth-child(3){--value-focus:var(--ltpo-value-3)}
.dive-descent .ltpo-v2-semantic-destination{right:4vw;bottom:5vh;color:rgba(169,221,213,calc(var(--ltpo-collective)*(1 - var(--ltpo-values-out))))}
.dive-descent .ltpo-v2-semantic-light{left:calc(12% + var(--ltpo-semantic-push)*46%);top:38%;width:34vw;height:34vw;background:rgba(125,199,197,.18);transform:scale(calc(.7 + var(--ltpo-semantic-push)*1.08));will-change:transform}

/* Color rhythm: quiet reading, one focus field, quiet evidence. */
.dive-descent .ltpo-v2-challenge{background:linear-gradient(180deg,#f1efe6 0%,#e6ebe7 74%,#c5d3d2 100%)}
.dive-descent .ltpo-v2-question{transform:translate3d(calc(var(--ltpo-question-shift)*-7vw),calc(var(--ltpo-question-shift)*-9vh),0) scale(calc(1 - var(--ltpo-question-shift)*.42))}
.dive-descent .ltpo-v2-question strong{font-size:clamp(72px,12.3vw,205px)}
.dive-descent .ltpo-v2-challenge-answer{bottom:7vh;width:min(38vw,560px)}
.dive-descent .ltpo-v2-strategy{background:#d8e0dd}
.dive-descent .ltpo-v2-strategy-stage{background:var(--sand);transition:background-color .15s linear}
.dive-descent .ltpo-v2-strategy-stage::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(135deg,#6f8794 0%,#3d5969 100%);opacity:calc(var(--ltpo-focus-in)*.92);pointer-events:none}
.dive-descent .ltpo-v2-strategy-stage>*{z-index:1}
.dive-descent .ltpo-v2-strategy-intro p{width:min(63vw,940px);font-size:clamp(28px,3.45vw,57px);line-height:1.12}
.dive-descent .ltpo-v2-focus-field strong{font-size:clamp(58px,8.6vw,142px);line-height:.84;-webkit-text-stroke-color:rgba(235,241,237,.38);color:transparent}
.dive-descent .ltpo-v2-focus-field strong.is-focused{color:var(--sand);-webkit-text-stroke-color:var(--sand)}
.dive-descent .ltpo-v2-foundation{background:linear-gradient(125deg,#eef0e8 0%,#dbe4df 100%)}
.dive-descent .ltpo-v2-foundation h3{font-size:clamp(48px,5.4vw,88px);line-height:.92}
.dive-descent .ltpo-v2-foundation figure{height:64vh}
.dive-descent .ltpo-v2-method{background:linear-gradient(128deg,#0a2132 0%,#18394a 60%,#416274 100%);color:var(--sand)}
.dive-descent .ltpo-v2-method>span{color:rgba(205,227,226,.56)}
.dive-descent .ltpo-v2-method-lockup{margin-top:7vh;font-size:clamp(52px,7vw,116px);line-height:.84;letter-spacing:-.06em}
.dive-descent .ltpo-v2-method-lockup strong:last-child{margin-left:18vw}
.dive-descent .ltpo-v2-method-lockup i{top:46%;color:var(--aqua)}
.dive-descent .ltpo-v2-method p{width:min(42vw,650px);font-size:clamp(16px,1.32vw,22px);color:rgba(241,239,230,.84)}
.dive-descent .ltpo-v2-method em{border-bottom-color:rgba(169,221,213,.55)}
.dive-descent .ltpo-v2-evidence{background:linear-gradient(118deg,#d2dcda 0%,#ebeee7 46%,#c2d2d4 100%)}
.dive-descent .ltpo-v2-evidence-copy h3{font-size:clamp(42px,4.8vw,78px);line-height:.94}
.dive-descent .ltpo-v2-evidence-logic{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;margin-top:6vh;padding:15px 0;border-top:1px solid rgba(8,25,35,.25);border-bottom:1px solid rgba(8,25,35,.25);font-size:10px;font-weight:620;letter-spacing:.03em}.dive-descent .ltpo-v2-evidence-logic i{font-style:normal;color:#64818d}.dive-descent .ltpo-v2-ownership{margin-top:6vh}
.dive-descent .ltpo-v2-episode-stage{height:73vh;background:#263d49;box-shadow:0 22px 55px rgba(7,25,35,.13)}

/* Closing is an echo made of fragments, not a second Hero. */
.dive-descent .ltpo-v2-closing{background:#061a28;color:var(--sand)}
.dive-descent .ltpo-v2-closing-light{inset:-18%;background:radial-gradient(ellipse at 55% 42%,#668d99 0%,#244759 31%,#0a2232 64%,#04141f 100%)}
.dive-descent .ltpo-v2-closing-light::after{background:linear-gradient(112deg,rgba(159,220,213,.18),transparent 36%,rgba(0,8,14,.44));mix-blend-mode:screen}
.dive-descent .ltpo-v2-closing-light i{filter:blur(48px);mix-blend-mode:screen}
.dive-descent .ltpo-v2-closing-light i:nth-child(1){width:62vw;height:30vw;left:-18%;top:15%;background:rgba(165,225,216,.28);animation:ltpo-ending-light 18s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-closing-light i:nth-child(2){width:54vw;height:44vw;right:-15%;bottom:-23%;background:rgba(99,139,161,.32);animation:ltpo-ending-light 21s ease-in-out infinite alternate-reverse}
.dive-descent .ltpo-v2-closing-light i:nth-child(3){width:12vw;height:80vh;left:48%;top:8%;background:rgba(215,241,231,.16);transform:rotate(18deg);animation:ltpo-ending-beam 16s ease-in-out infinite alternate}
@keyframes ltpo-ending-light{to{transform:translate3d(13vw,-10vh,0) rotate(9deg) scale(1.18)}}
@keyframes ltpo-ending-beam{to{transform:translate3d(9vw,-6vh,0) rotate(25deg) scaleX(1.8)}}
.dive-descent .ltpo-v2-closing-echo{position:absolute;z-index:2;inset:0;overflow:hidden;font-weight:700;line-height:.72;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(209,236,232,.26)}
.dive-descent .ltpo-v2-closing-echo span{position:absolute;font-size:clamp(190px,37vw,620px)}
.dive-descent .ltpo-v2-closing-echo span:nth-child(1){left:-4vw;top:-10vh;transform:translate3d(calc((1 - var(--ltpo-closing-in))*-12vw),0,0)}
.dive-descent .ltpo-v2-closing-echo span:nth-child(2){right:5vw;top:-21vh;transform:rotate(90deg) translate3d(0,calc((1 - var(--ltpo-closing-in))*-12vw),0)}
.dive-descent .ltpo-v2-closing-echo span:nth-child(3){left:26vw;bottom:-28vh;transform:translate3d(0,calc((1 - var(--ltpo-closing-in))*14vh),0)}
.dive-descent .ltpo-v2-closing-echo span:nth-child(4){right:-12vw;bottom:-25vh;transform:translate3d(calc((1 - var(--ltpo-closing-in))*13vw),0,0)}
.dive-descent .ltpo-v2-closing-note{position:absolute;z-index:3;left:6vw;top:40%;margin:0}.dive-descent .ltpo-v2-closing-note span{display:block;color:rgba(211,234,231,.52);font-size:10px;font-weight:650;letter-spacing:.14em}.dive-descent .ltpo-v2-closing-note strong{display:block;margin-top:22px;font-size:clamp(26px,3vw,48px);font-weight:480;line-height:1.15;letter-spacing:-.04em}
.dive-descent .ltpo-v2-closing-return{left:auto;right:6vw;bottom:7vh;display:grid;grid-template-columns:min(28vw,380px) auto;align-items:center;gap:20px;transform:none;border:0;padding:18px 0;color:var(--sand);font-size:12px;pointer-events:auto}
.dive-descent .ltpo-v2-return-route{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(209,236,232,.88));position:relative}.dive-descent .ltpo-v2-return-route::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.dive-descent .ltpo-v2-closing-return:focus-visible,.dive-descent .ltpo-v2-topbar button:focus-visible{outline:1px solid currentColor;outline-offset:7px}
.dive-descent .ltpo-rebuild[data-ltpo-ending-live="true"] .ltpo-v2-closing{pointer-events:auto}

@media(min-width:761px){
  .dive-descent.is-case-reading .case-reading-layer[data-reading-mode="ltpo"],.dive-descent.is-case-reading .case-reading-layer[data-reading-mode="ltpo"] *{cursor:none!important}
}
@media(max-width:760px){
  .dive-descent .ltpo-v2-light-field{inset:-25%;background:radial-gradient(ellipse at 18% 82%,rgba(5,22,36,.88) 0 15%,transparent 54%),radial-gradient(ellipse at 84% 9%,rgba(9,31,49,.72) 0 14%,transparent 58%),linear-gradient(135deg,#668797 0%,#a6cecf 42%,#4a687e 76%,#0b2336 100%)}
  .dive-descent .ltpo-v2-wordmark{width:118vw}
  .dive-descent .ltpo-v2-semantic{height:350svh}.dive-descent .ltpo-v2-translation strong{font-size:19vw}.dive-descent .ltpo-v2-translation-tech{left:5vw;top:35vh;width:90vw;transform:translate3d(calc(var(--ltpo-semantic-push)*-3vw),calc(var(--ltpo-semantic-push)*-12vh),0) scale(calc(1 - var(--ltpo-semantic-push)*.34))}.dive-descent .ltpo-v2-translation-experience{left:104vw;top:56vh;width:85vw;transform:translate3d(calc(var(--ltpo-semantic-push)*-99vw),0,0)}
  .dive-descent .ltpo-v2-value-list{inset:15vh 5vw 11vh;grid-template-columns:1fr;gap:0;align-content:center}.dive-descent .ltpo-v2-value-list p{padding:19px 0}.dive-descent .ltpo-v2-value-list p span{margin-bottom:3vh}.dive-descent .ltpo-v2-value-list p strong{font-size:12vw;white-space:nowrap}.dive-descent .ltpo-v2-semantic-destination{right:5vw}
  .dive-descent .ltpo-v2-question{left:5vw;top:26vh;width:95vw;transform:translate3d(0,calc(var(--ltpo-question-shift)*-9vh),0) scale(calc(1 - var(--ltpo-question-shift)*.43))}.dive-descent .ltpo-v2-question strong{font-size:20vw}.dive-descent .ltpo-v2-challenge-answer{bottom:8vh}
  .dive-descent .ltpo-v2-strategy-intro p{font-size:7.2vw;line-height:1.16}.dive-descent .ltpo-v2-focus-field strong{font-size:15vw;line-height:.92}.dive-descent .ltpo-v2-foundation h3{font-size:13vw}.dive-descent .ltpo-v2-foundation figure{height:45vh}
  .dive-descent .ltpo-v2-method-lockup{font-size:13vw;line-height:.9}.dive-descent .ltpo-v2-method-lockup strong:last-child{margin-left:10vw}.dive-descent .ltpo-v2-method p{width:90vw;margin-top:7vh;line-height:1.52}
  .dive-descent .ltpo-v2-evidence{grid-template-columns:38vw 1fr}.dive-descent .ltpo-v2-evidence-copy h3{font-size:8.8vw}.dive-descent .ltpo-v2-evidence-logic{margin-top:4vh;padding:10px 0;font-size:9px}.dive-descent .ltpo-v2-ownership{margin-top:4vh}.dive-descent .ltpo-v2-episode-stage{height:68vh}
  .dive-descent .ltpo-v2-closing-note{left:7vw;top:34%}.dive-descent .ltpo-v2-closing-note strong{font-size:7vw}.dive-descent .ltpo-v2-closing-return{left:7vw;right:7vw;bottom:9vh;grid-template-columns:1fr auto}.dive-descent .ltpo-v2-closing-echo span{font-size:68vw}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .ltpo-v2-light-field::before,.dive-descent .ltpo-v2-closing-light i{animation:none!important}.dive-descent .ltpo-rebuild{--ltpo-semantic-push:1;--ltpo-values-in:1;--ltpo-value-1:1;--ltpo-value-2:1;--ltpo-value-3:1;--ltpo-collective:1}.dive-descent .ltpo-v2-translation{position:relative;height:100svh;opacity:1;transform:none}.dive-descent .ltpo-v2-value-list{position:relative;inset:auto;min-height:100svh;opacity:1;transform:none}
}

/* LTPO rebuild — Typography / Semantic Transformation / Light */
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{background:#f1efe6;color:#081923;scrollbar-color:rgba(8,25,35,.28) transparent}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]>.ltpo-reading-background{display:none}
.dive-descent .ltpo-rebuild{
  --ink:#081923;--navy:#071923;--blue-gray:#78909b;--light-blue:#bad8df;--aqua:#a9ddd5;--sand:#f1efe6;
  --ltpo-hero-p:0;--ltpo-semantic-p:0;--ltpo-challenge-p:0;--ltpo-strategy-p:0;--ltpo-result-p:0;
  position:relative;z-index:1;width:100%;min-height:100%;padding:0!important;background:var(--sand);color:var(--ink);font-family:var(--font-sans,"Helvetica Neue",Arial,sans-serif);overflow:clip
}
.dive-descent .ltpo-rebuild[hidden]{display:none!important}
.dive-descent .ltpo-v2-defs{position:absolute}
.dive-descent .ltpo-v2-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dive-descent .ltpo-v2-topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:58px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:rgba(7,25,35,.62);font:600 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.14em;mix-blend-mode:multiply;pointer-events:none}
.dive-descent .ltpo-v2-topbar button{pointer-events:auto;border:0;border-bottom:1px solid currentColor;padding:7px 0;background:none;color:inherit;font:inherit;letter-spacing:inherit}
.dive-descent .ltpo-v2-section-label{display:flex;align-items:center;gap:18px;color:rgba(8,25,35,.52);font:600 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.dive-descent .ltpo-v2-section-label span{width:34px;padding-bottom:7px;border-bottom:1px solid rgba(8,25,35,.35)}
.dive-descent .ltpo-v2-section-label b{font-weight:600}

.dive-descent .ltpo-v2-hero{position:relative;height:240svh;background:var(--sand)}
.dive-descent .ltpo-v2-hero-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.dive-descent .ltpo-v2-hero-frame{position:relative;width:100vw;height:100svh;overflow:hidden;color:var(--navy);transform:scale(calc(1 - var(--ltpo-hero-p)*.145));transform-origin:center;box-shadow:0 calc(var(--ltpo-hero-p)*28px) calc(var(--ltpo-hero-p)*76px) rgba(7,25,35,.16);border-radius:calc(var(--ltpo-hero-p)*3px)}
.dive-descent .ltpo-v2-light-field,.dive-descent .ltpo-v2-closing-light{position:absolute;inset:-14%;overflow:hidden;background:linear-gradient(126deg,#a8ddd4 0%,#c5e1e4 28%,#91adbf 67%,#677f99 100%);isolation:isolate}
.dive-descent .ltpo-v2-light-field::after,.dive-descent .ltpo-v2-closing-light::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(242,246,238,.12),rgba(5,28,41,.09));mix-blend-mode:multiply}
.dive-descent .ltpo-v2-light-field i,.dive-descent .ltpo-v2-closing-light i{position:absolute;border-radius:48% 52% 44% 56%/55% 42% 58% 45%;filter:blur(55px);will-change:transform}
.dive-descent .ltpo-v2-light-field i:nth-child(1){width:65vw;height:72vw;left:-9%;top:-36%;background:rgba(229,245,239,.68);animation:ltpo-field-a 19s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-light-field i:nth-child(2){width:58vw;height:58vw;right:-12%;top:7%;background:rgba(83,119,154,.44);animation:ltpo-field-b 23s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-light-field i:nth-child(3){width:57vw;height:48vw;left:24%;bottom:-32%;background:rgba(161,225,214,.58);animation:ltpo-field-c 27s ease-in-out infinite alternate}
@keyframes ltpo-field-a{to{transform:translate3d(calc(8vw + var(--ltpo-pointer-x,0px)*.018),11vh,0) rotate(10deg) scale(1.08)}}
@keyframes ltpo-field-b{to{transform:translate3d(calc(-10vw + var(--ltpo-pointer-x,0px)*-.014),-7vh,0) rotate(-13deg) scale(.93)}}
@keyframes ltpo-field-c{to{transform:translate3d(calc(7vw + var(--ltpo-pointer-x,0px)*.01),-10vh,0) rotate(8deg) scale(1.12)}}
.dive-descent .ltpo-v2-wordmark{position:absolute;z-index:2;left:50%;top:50%;width:min(96vw,1800px);height:auto;overflow:visible;fill:currentColor;transform:translate(-50%,-51%) scale(calc(1 - var(--ltpo-hero-p)*.045));filter:drop-shadow(0 2px 0 rgba(241,239,230,.16))}
.dive-descent .ltpo-v2-hero-meta{position:absolute;z-index:3;left:2.2vw;right:2.2vw;bottom:2.4vh;display:grid;grid-template-columns:.75fr .7fr 1.55fr;gap:28px;color:rgba(7,25,35,.8);font:600 clamp(9px,.72vw,12px)/1.35 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.04em}
.dive-descent .ltpo-v2-hero-meta p{margin:0;padding-top:8px;border-top:1px solid rgba(7,25,35,.38)}

.dive-descent .ltpo-v2-editorial{position:relative;background:var(--sand)}
.dive-descent .ltpo-v2-overview{position:relative;min-height:108svh;padding:18vh 6vw 14vh}
.dive-descent .ltpo-v2-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:8vw;align-items:end;margin-top:20vh}
.dive-descent .ltpo-v2-overview h2{margin:0;font-size:clamp(68px,10vw,170px);font-weight:640;line-height:.83;letter-spacing:-.065em}
.dive-descent .ltpo-v2-overview p{max-width:430px;margin:0 0 .7vw;font-size:clamp(18px,1.55vw,27px);line-height:1.38;letter-spacing:-.025em}

.dive-descent .ltpo-v2-semantic{height:300svh;background:var(--navy);color:var(--sand)}
.dive-descent .ltpo-v2-semantic-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.dive-descent .ltpo-v2-semantic-origin,.dive-descent .ltpo-v2-semantic-destination{position:absolute;z-index:2;font:600 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase}
.dive-descent .ltpo-v2-semantic-origin{left:4vw;top:6vh;color:rgba(241,239,230,calc(.62*(1 - var(--ltpo-semantic-p))))}
.dive-descent .ltpo-v2-semantic-destination{right:4vw;bottom:5vh;color:rgba(169,221,213,var(--ltpo-semantic-p))}
.dive-descent .ltpo-v2-value-list{position:absolute;z-index:3;inset:0}
.dive-descent .ltpo-v2-value-list strong{position:absolute;left:4vw;display:block;white-space:nowrap;font-size:clamp(62px,11vw,185px);font-weight:640;line-height:.84;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(241,239,230,.48);transform-origin:left center}
.dive-descent .ltpo-v2-value-list strong:nth-child(1){top:18vh;transform:translate3d(calc(var(--ltpo-semantic-p)*19vw),calc(var(--ltpo-semantic-p)*31vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.38))}
.dive-descent .ltpo-v2-value-list strong:nth-child(2){top:42vh;transform:translate3d(calc(var(--ltpo-semantic-p)*8vw),calc(var(--ltpo-semantic-p)*10vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.29))}
.dive-descent .ltpo-v2-value-list strong:nth-child(3){top:67vh;transform:translate3d(calc(var(--ltpo-semantic-p)*27vw),calc(var(--ltpo-semantic-p)*-13vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.43))}
.dive-descent .ltpo-v2-value-list strong:nth-child(1){color:rgba(186,216,223,calc(.12 + var(--ltpo-semantic-p)*.88));-webkit-text-stroke-color:rgba(186,216,223,.7)}
.dive-descent .ltpo-v2-value-list strong:nth-child(2){color:rgba(169,221,213,calc(var(--ltpo-semantic-p)*.9));-webkit-text-stroke-color:rgba(169,221,213,.72)}
.dive-descent .ltpo-v2-value-list strong:nth-child(3){color:rgba(241,239,230,calc(var(--ltpo-semantic-p)*.92));-webkit-text-stroke-color:rgba(241,239,230,.72)}
.dive-descent .ltpo-v2-semantic-light{position:absolute;left:calc(8% + var(--ltpo-semantic-p)*54%);top:calc(15% + var(--ltpo-semantic-p)*30%);width:28vw;height:28vw;border-radius:50%;background:rgba(145,205,207,.15);filter:blur(62px);transform:scale(calc(.7 + var(--ltpo-semantic-p)*1.25))}

.dive-descent .ltpo-v2-challenge{height:330svh;background:var(--sand)}
.dive-descent .ltpo-v2-challenge-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:6vh 4vw}
.dive-descent .ltpo-v2-challenge-intro{position:absolute;right:5vw;top:15vh;width:min(31vw,470px);margin:0;font-size:clamp(15px,1.3vw,22px);line-height:1.42;opacity:calc(1 - min(1,var(--ltpo-challenge-p)*4));transform:translateY(calc(var(--ltpo-challenge-p)*-7vh))}
.dive-descent .ltpo-v2-question{position:absolute;left:3.5vw;top:18vh;width:93vw;line-height:.84;letter-spacing:-.065em;transform:translate3d(calc(var(--ltpo-question-shift)*-15vw),calc(var(--ltpo-question-shift)*-15vh),0) scale(calc(1 - var(--ltpo-question-shift)*.34));transform-origin:left top}
.dive-descent .ltpo-v2-question span{display:block;font-size:clamp(48px,8.8vw,150px);font-weight:420}
.dive-descent .ltpo-v2-question strong{display:block;margin-left:12vw;font-size:clamp(76px,13.5vw,230px);font-weight:670}
.dive-descent .ltpo-v2-challenge-answer{position:absolute;right:5vw;bottom:9vh;width:min(39vw,600px);padding-top:14px;border-top:1px solid rgba(8,25,35,.36);opacity:var(--ltpo-answer-in);transform:translateY(calc((1 - var(--ltpo-answer-in))*8vh))}
.dive-descent .ltpo-v2-challenge-answer span{font-size:10px;font-weight:650;letter-spacing:.12em}.dive-descent .ltpo-v2-challenge-answer p{margin:26px 0 0;font-size:clamp(19px,1.7vw,29px);line-height:1.42;letter-spacing:-.025em}

.dive-descent .ltpo-v2-strategy{height:650svh;background:var(--sand)}
.dive-descent .ltpo-v2-strategy-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:6vh 4vw}
.dive-descent .ltpo-v2-strategy-intro{position:absolute;inset:6vh 4vw auto;opacity:var(--ltpo-strategy-intro);transform:translateY(calc((1 - var(--ltpo-strategy-intro))*5vh))}
.dive-descent .ltpo-v2-strategy-intro p{width:min(67vw,1050px);margin:16vh 0 0;font-size:clamp(31px,4.3vw,72px);font-weight:520;line-height:1.04;letter-spacing:-.045em}
.dive-descent .ltpo-v2-focus-field{position:absolute;left:4vw;right:4vw;top:50%;display:grid;gap:1vh;transform:translateY(-50%);opacity:var(--ltpo-focus-in)}
.dive-descent .ltpo-v2-focus-field strong{font-size:clamp(70px,11.2vw,188px);font-weight:650;line-height:.72;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px rgba(8,25,35,.23);opacity:calc(.2 + var(--focus)*.8);transform:translateX(calc((1 - var(--focus))*6vw)) scale(calc(.95 + var(--focus)*.05));transform-origin:left}
.dive-descent .ltpo-v2-focus-field strong.is-focused{color:var(--ink)}
.dive-descent .ltpo-v2-foundation,.dive-descent .ltpo-v2-method,.dive-descent .ltpo-v2-evidence{position:absolute;inset:0;padding:7vh 5vw;pointer-events:none}
.dive-descent .ltpo-v2-foundation{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;opacity:var(--ltpo-foundation-in);transform:translateY(calc((1 - var(--ltpo-foundation-in))*7vh + var(--ltpo-foundation-out)*-7vh))}
.dive-descent .ltpo-v2-foundation>div span,.dive-descent .ltpo-v2-method>span,.dive-descent .ltpo-v2-evidence-copy>span{font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.13em;color:rgba(8,25,35,.5)}
.dive-descent .ltpo-v2-foundation h3{margin:22px 0 36px;font-size:clamp(64px,8vw,135px);line-height:.85;letter-spacing:-.065em}.dive-descent .ltpo-v2-foundation>div p{max-width:390px;font-size:clamp(18px,1.45vw,24px);line-height:1.42}
.dive-descent .ltpo-v2-foundation figure{position:relative;margin:0;height:70vh;overflow:hidden;background:#dbe0da}.dive-descent .ltpo-v2-foundation img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) contrast(.9)}
.dive-descent .ltpo-v2-foundation figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px;background:rgba(241,239,230,.94);font-size:10px}.dive-descent .ltpo-v2-foundation figcaption b{text-align:center}.dive-descent .ltpo-v2-foundation figcaption small{text-align:right}
.dive-descent .ltpo-v2-method{opacity:var(--ltpo-method-in);transform:translateX(calc(var(--ltpo-method-push)*-39vw));display:flex;flex-direction:column;justify-content:center}
.dive-descent .ltpo-v2-method-lockup{display:grid;margin-top:9vh;font-size:clamp(72px,12vw,198px);font-weight:650;line-height:.74;letter-spacing:-.07em}.dive-descent .ltpo-v2-method-lockup strong:last-child{margin-left:10vw}.dive-descent .ltpo-v2-method-lockup i{position:absolute;left:53%;top:43%;font-size:clamp(32px,4vw,68px);font-style:normal;font-weight:300;color:var(--blue-gray)}
.dive-descent .ltpo-v2-method p{align-self:flex-end;width:min(40vw,620px);margin:7vh 2vw 0 0;font-size:clamp(17px,1.45vw,24px);line-height:1.48}.dive-descent .ltpo-v2-method em{font-style:normal;font-weight:700;border-bottom:1px solid rgba(8,25,35,.35)}
.dive-descent .ltpo-v2-evidence{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr);gap:6vw;opacity:var(--ltpo-evidence-in);transform:translateX(calc((1 - var(--ltpo-evidence-in))*34vw))}
.dive-descent .ltpo-rebuild[data-ltpo-evidence-live="true"] .ltpo-v2-evidence{pointer-events:auto}
.dive-descent .ltpo-v2-evidence-copy{align-self:center}.dive-descent .ltpo-v2-evidence-copy h3{margin:22px 0 12px;font-size:clamp(48px,6vw,100px);line-height:.9;letter-spacing:-.055em}.dive-descent .ltpo-v2-evidence-copy>p{font-size:14px;color:rgba(8,25,35,.62)}
.dive-descent .ltpo-v2-ownership{margin-top:11vh;padding-top:16px;border-top:1px solid rgba(8,25,35,.28)}.dive-descent .ltpo-v2-ownership>span{font-size:10px;font-weight:650;letter-spacing:.12em}.dive-descent .ltpo-v2-ownership ul{display:flex;flex-wrap:wrap;gap:7px 17px;margin:24px 0 0;padding:0;list-style:none;font-size:12px}.dive-descent .ltpo-v2-ownership li::before{content:"/";margin-right:7px;color:var(--blue-gray)}
.dive-descent .ltpo-v2-episode-stage{position:relative;align-self:center;height:78vh;overflow:hidden;background:#d8dfda}
.dive-descent .ltpo-v2-episode-stage figure{position:absolute;inset:0;margin:0;opacity:var(--episode-opacity,0);transform:translate3d(var(--episode-x,12%),var(--episode-y,0),0) scale(var(--episode-scale,.96));transform-origin:center;transition:opacity .2s linear;overflow:hidden}
.dive-descent .ltpo-v2-episode-stage video{width:100%;height:100%;object-fit:cover;background:var(--navy)}
.dive-descent .ltpo-v2-episode-stage figcaption{position:absolute;right:14px;top:14px;padding:6px 8px;background:var(--sand);color:var(--ink);font:700 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.1em}
.dive-descent .ltpo-v2-evidence-controls{position:absolute;right:5vw;bottom:4vh;display:flex;align-items:center;gap:30px}.dive-descent .ltpo-v2-episode-nav{display:flex;gap:6px}.dive-descent .ltpo-v2-episode-nav button,.dive-descent .ltpo-v2-sound{border:0;background:none;padding:6px;color:rgba(8,25,35,.42);font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.12em}.dive-descent .ltpo-v2-episode-nav button[aria-pressed="true"],.dive-descent .ltpo-v2-sound[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}

.dive-descent .ltpo-v2-result{position:relative;height:310svh;background:var(--sand)}
.dive-descent .ltpo-v2-result-sheet,.dive-descent .ltpo-v2-closing{position:sticky;top:0;height:100svh;overflow:hidden}
.dive-descent .ltpo-v2-result-sheet{padding:7vh 5vw;opacity:calc(1 - var(--ltpo-closing-in));transform:scale(calc(1 - var(--ltpo-closing-in)*.08))}
.dive-descent .ltpo-v2-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;height:78vh}.dive-descent .ltpo-v2-award{margin:0}.dive-descent .ltpo-v2-award span,.dive-descent .ltpo-v2-result-grid>div span{display:block;margin-bottom:16px;font-size:10px;font-weight:650;letter-spacing:.12em;color:rgba(8,25,35,.5)}.dive-descent .ltpo-v2-award strong{display:block;font-size:clamp(64px,8.2vw,138px);line-height:.84;letter-spacing:-.06em}.dive-descent .ltpo-v2-result-grid>div p{display:grid;grid-template-columns:110px 1fr;gap:24px;margin:0;padding:25px 0;border-top:1px solid rgba(8,25,35,.28)}.dive-descent .ltpo-v2-result-grid>div b{font-size:clamp(18px,1.5vw,25px);line-height:1.42;font-weight:520}
.dive-descent .ltpo-v2-closing{position:absolute;left:0;right:0;bottom:0;top:auto;color:var(--navy);opacity:var(--ltpo-closing-in);transform:scale(calc(.9 + var(--ltpo-closing-in)*.1));transform-origin:center;pointer-events:none}
.dive-descent .ltpo-v2-closing-light i:first-child{width:70vw;height:65vw;left:-18%;top:-30%;background:rgba(224,244,239,.72);filter:blur(58px);animation:ltpo-field-a 20s ease-in-out infinite alternate}.dive-descent .ltpo-v2-closing-light i:last-child{width:66vw;height:58vw;right:-16%;bottom:-28%;background:rgba(86,121,156,.46);filter:blur(62px);animation:ltpo-field-b 24s ease-in-out infinite alternate}
.dive-descent .ltpo-v2-closing-wordmark{position:absolute;left:50%;top:47%;width:94vw;height:auto;fill:currentColor;transform:translate(-50%,-50%) scale(calc(.9 + var(--ltpo-closing-in)*.1))}
.dive-descent .ltpo-v2-closing-return{position:absolute;z-index:3;left:50%;bottom:6vh;transform:translateX(-50%);border:0;border-bottom:1px solid currentColor;padding:8px 0;background:none;color:inherit;font:650 11px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.16em;pointer-events:auto}
.dive-descent .ltpo-rebuild[data-ltpo-immersive="true"] .ltpo-v2-topbar{color:rgba(241,239,230,.72);mix-blend-mode:normal}

@media(max-width:760px){
  .dive-descent .ltpo-v2-topbar{height:52px;padding:0 18px}.dive-descent .ltpo-v2-hero{height:220svh}.dive-descent .ltpo-v2-hero-frame{transform:scale(calc(1 - var(--ltpo-hero-p)*.095))}.dive-descent .ltpo-v2-wordmark{width:116vw;transform:translate(-50%,-55%) scale(calc(1 - var(--ltpo-hero-p)*.04))}.dive-descent .ltpo-v2-hero-meta{left:5vw;right:5vw;bottom:5vh;grid-template-columns:1fr;gap:8px;font-size:9px}.dive-descent .ltpo-v2-hero-meta p{padding-top:5px}
  .dive-descent .ltpo-v2-overview{min-height:112svh;padding:15vh 6vw}.dive-descent .ltpo-v2-overview-grid{grid-template-columns:1fr;margin-top:19vh;gap:12vh}.dive-descent .ltpo-v2-overview h2{font-size:clamp(57px,18vw,86px)}.dive-descent .ltpo-v2-overview p{font-size:18px}
  .dive-descent .ltpo-v2-semantic{height:270svh}.dive-descent .ltpo-v2-value-list strong{left:5vw;font-size:clamp(54px,17vw,78px)}.dive-descent .ltpo-v2-value-list strong:nth-child(1){top:22vh;transform:translate3d(calc(var(--ltpo-semantic-p)*8vw),calc(var(--ltpo-semantic-p)*26vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.18))}.dive-descent .ltpo-v2-value-list strong:nth-child(2){top:44vh;transform:translate3d(calc(var(--ltpo-semantic-p)*2vw),calc(var(--ltpo-semantic-p)*8vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.14))}.dive-descent .ltpo-v2-value-list strong:nth-child(3){top:66vh;transform:translate3d(calc(var(--ltpo-semantic-p)*11vw),calc(var(--ltpo-semantic-p)*-10vh),0) scale(calc(1 - var(--ltpo-semantic-p)*.22))}
  .dive-descent .ltpo-v2-challenge{height:300svh}.dive-descent .ltpo-v2-challenge-stage{padding:7vh 5vw}.dive-descent .ltpo-v2-challenge-intro{left:5vw;right:auto;top:15vh;width:83vw;font-size:16px}.dive-descent .ltpo-v2-question{left:4vw;top:25vh;width:108vw}.dive-descent .ltpo-v2-question span{font-size:14vw}.dive-descent .ltpo-v2-question strong{margin-left:0;margin-top:3vh;font-size:22vw}.dive-descent .ltpo-v2-challenge-answer{left:5vw;right:auto;bottom:9vh;width:88vw}.dive-descent .ltpo-v2-challenge-answer p{font-size:17px}
  .dive-descent .ltpo-v2-strategy{height:690svh}.dive-descent .ltpo-v2-strategy-stage{padding:7vh 5vw}.dive-descent .ltpo-v2-strategy-intro{inset:7vh 5vw auto}.dive-descent .ltpo-v2-strategy-intro p{width:100%;margin-top:14vh;font-size:clamp(29px,8vw,42px)}.dive-descent .ltpo-v2-focus-field{left:5vw;right:5vw;gap:3vh}.dive-descent .ltpo-v2-focus-field strong{font-size:clamp(58px,18vw,82px);line-height:.82}
  .dive-descent .ltpo-v2-foundation,.dive-descent .ltpo-v2-method,.dive-descent .ltpo-v2-evidence{padding:8vh 5vw}.dive-descent .ltpo-v2-foundation{grid-template-columns:1fr;gap:5vh;align-content:center}.dive-descent .ltpo-v2-foundation h3{font-size:18vw;margin:16px 0 24px}.dive-descent .ltpo-v2-foundation>div p{font-size:16px}.dive-descent .ltpo-v2-foundation figure{height:47vh}
  .dive-descent .ltpo-v2-method{transform:translateX(calc(var(--ltpo-method-push)*-58vw))}.dive-descent .ltpo-v2-method-lockup{font-size:19vw;line-height:.79}.dive-descent .ltpo-v2-method-lockup strong:last-child{margin-left:0}.dive-descent .ltpo-v2-method-lockup i{left:72%;top:42%}.dive-descent .ltpo-v2-method p{width:88vw;margin:8vh 0 0;font-size:16px}
  .dive-descent .ltpo-v2-evidence{grid-template-columns:35vw 1fr;gap:4vw;padding-top:9vh}.dive-descent .ltpo-v2-evidence-copy{align-self:start;margin-top:7vh}.dive-descent .ltpo-v2-evidence-copy h3{font-size:9.6vw}.dive-descent .ltpo-v2-evidence-copy>p{font-size:10px;line-height:1.4}.dive-descent .ltpo-v2-ownership{margin-top:6vh}.dive-descent .ltpo-v2-ownership ul{display:grid;gap:6px;font-size:10px}.dive-descent .ltpo-v2-episode-stage{height:72vh;margin-top:5vh}.dive-descent .ltpo-v2-evidence-controls{right:5vw;bottom:5vh;gap:10px}.dive-descent .ltpo-v2-sound{display:none}
  .dive-descent .ltpo-v2-result{height:290svh}.dive-descent .ltpo-v2-result-sheet{padding:8vh 5vw}.dive-descent .ltpo-v2-result-grid{grid-template-columns:1fr;height:auto;margin-top:19vh;gap:12vh}.dive-descent .ltpo-v2-award strong{font-size:16vw}.dive-descent .ltpo-v2-result-grid>div p{grid-template-columns:1fr;gap:7px}.dive-descent .ltpo-v2-result-grid>div b{font-size:17px}.dive-descent .ltpo-v2-closing-wordmark{width:112vw}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .ltpo-v2-light-field i,.dive-descent .ltpo-v2-closing-light i{animation:none!important}.dive-descent .ltpo-v2-hero,.dive-descent .ltpo-v2-semantic,.dive-descent .ltpo-v2-challenge,.dive-descent .ltpo-v2-strategy,.dive-descent .ltpo-v2-result{height:auto;min-height:100svh}.dive-descent .ltpo-v2-hero-stage,.dive-descent .ltpo-v2-semantic-stage,.dive-descent .ltpo-v2-challenge-stage,.dive-descent .ltpo-v2-strategy-stage,.dive-descent .ltpo-v2-result-sheet{position:relative}.dive-descent .ltpo-rebuild{--ltpo-hero-p:0;--ltpo-semantic-p:1;--ltpo-question-shift:1;--ltpo-answer-in:1;--ltpo-strategy-intro:1;--ltpo-closing-in:0}.dive-descent .ltpo-v2-strategy{min-height:auto}.dive-descent .ltpo-v2-strategy-stage{height:auto;overflow:visible}.dive-descent .ltpo-v2-strategy-intro,.dive-descent .ltpo-v2-focus-field,.dive-descent .ltpo-v2-foundation,.dive-descent .ltpo-v2-method,.dive-descent .ltpo-v2-evidence{position:relative;inset:auto;opacity:1;transform:none;margin:0 0 18vh}.dive-descent .ltpo-v2-evidence{min-height:100svh}.dive-descent .ltpo-v2-closing{position:relative;opacity:1;transform:none;pointer-events:auto}
}

/* Media is already visible during arrival; keep the editorial track hittable
   so drag can begin at the first readable frame without stealing vertical scroll. */
.dive-descent .ltpo-reading[data-strategy-media-phase="arrival"] .ltpo-episode-stage{pointer-events:auto!important}
/* -------------------------------------------------------------------------
   LTPO Reading — authoritative Presentation layer
   ------------------------------------------------------------------------- */
.dive-descent.is-case-reading .dive-nav,
.dive-descent.is-case-reading .descent-lifeline,
.dive-descent.is-case-reading .descent-depth,
.dive-descent.is-case-reading .descent-onboarding,
.dive-descent.is-case-reading .ascent-light,
.dive-descent.is-case-reading .ascent-bubbles,
.dive-descent.is-case-reading .case-discovery-layer{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.dive-descent .case-reading-layer[data-reading-mode="placeholder"]{display:grid;overflow:hidden}
.dive-descent .case-reading-layer[data-reading-mode="mediaLab"]{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#3f719f;color:#f1fbff}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--ocean-bg,#071923);color:var(--text-primary,#EDF4F2)}
.dive-descent .ltpo-reading-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ocean-bg)}
.dive-descent .ltpo-reading-background>i{position:absolute;inset:0;display:block;pointer-events:none}
.dive-descent .ltpo-reading-background>i.ltpo-reading-water-base{inset:-10%;background:linear-gradient(132deg,var(--ltpo-reading-deep) 0%,var(--ocean-bg) 34%,color-mix(in srgb,var(--ocean-bg) 78%,var(--ltpo-cave-muted) 22%) 69%,var(--ltpo-reading-deep) 100%);transform:scale(1.04);animation:ltpo-reading-water-drift 46s ease-in-out infinite}
.dive-descent .ltpo-reading-background>i.ltpo-reading-water-light{inset:-18%;opacity:.18;filter:blur(48px);mix-blend-mode:screen;background:radial-gradient(ellipse 74% 38% at 28% 18%,color-mix(in srgb,var(--ltpo-reading-light) 58%,transparent),transparent 74%),radial-gradient(ellipse 66% 42% at 82% 70%,color-mix(in srgb,var(--ltpo-cave-muted) 34%,transparent),transparent 76%),linear-gradient(112deg,transparent 12%,color-mix(in srgb,var(--ltpo-reading-light) 18%,transparent) 43%,transparent 73%);animation:ltpo-reading-light-drift 59s ease-in-out -16s infinite}
.dive-descent .ltpo-reading-background>i.ltpo-reading-water-haze{inset:-12%;opacity:.11;filter:blur(36px);mix-blend-mode:soft-light;background:radial-gradient(ellipse 54% 68% at 6% 73%,color-mix(in srgb,var(--ltpo-reading-deep) 72%,transparent),transparent 78%),radial-gradient(ellipse 58% 54% at 94% 12%,color-mix(in srgb,var(--ltpo-cave-muted) 34%,transparent),transparent 81%),linear-gradient(180deg,transparent 7%,color-mix(in srgb,var(--ltpo-cave-muted) 11%,transparent) 48%,transparent 93%);animation:ltpo-reading-haze-drift 73s ease-in-out -31s infinite}
.dive-descent .case-reading-layer[data-reading-mode="placeholder"] .ltpo-reading-background{display:none}
.dive-descent .case-reading-layer[data-reading-mode="mediaLab"] .ltpo-reading-background{display:none}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]>.ltpo-reading{position:relative;z-index:1}
@keyframes ltpo-reading-water-drift{0%,100%{transform:translate3d(-1.2%,-.8%,0) scale(1.04)}47%{transform:translate3d(1.6%,1.1%,0) scale(1.075)}}
@keyframes ltpo-reading-light-drift{0%,100%{transform:translate3d(-1.8%,-1.2%,0) scale(1.02);opacity:.16}53%{transform:translate3d(2.2%,1.4%,0) scale(1.06);opacity:.21}}
@keyframes ltpo-reading-haze-drift{0%,100%{transform:translate3d(1.1%,-.5%,0) scale(1.025)}45%{transform:translate3d(-1.5%,1.1%,0) scale(1.055)}}
@media (prefers-reduced-motion:reduce){.dive-descent .ltpo-reading-water-base,.dive-descent .ltpo-reading-water-light,.dive-descent .ltpo-reading-water-haze{animation:none}}
.dive-descent .case-reading-layer[hidden]{display:none!important}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]::-webkit-scrollbar{display:none}
.dive-descent .case-reading-layer [hidden]{display:none!important}

/* Media Lab — one continuous signal field, composed as seven viewport states. */
.dive-descent .case-reading-layer[data-reading-mode="mediaLab"]::-webkit-scrollbar{display:none}
.dive-descent .media-lab-reading{--media-lab-ink:#f3fbff;--media-lab-aqua:#c8f3f4;--media-lab-muted:rgba(225,245,250,.73);--media-lab-deep:#2f5d8a;--media-lab-line:rgba(214,250,250,.54);--ml-hero-exit:0;--ml-question-in:0;--ml-question-out:0;--ml-approach-in:0;--ml-match-focus:0;--ml-results-in:0;--ml-results-out:0;--ml-closing-in:0;--ml-closing-out:0;--ml-closing-reawaken:0;position:relative;width:100%;min-height:100%;background:#3f719f;color:var(--media-lab-ink);isolation:isolate;outline:0}
.dive-descent .media-lab-atmosphere,.dive-descent .media-lab-atmosphere>i{position:absolute;inset:0;display:block;pointer-events:none}
.dive-descent .media-lab-atmosphere{position:fixed;z-index:0;overflow:hidden;background:linear-gradient(180deg,#62a4d0 0%,#568ebd 25%,#477aa9 55%,#355f8c 100%)}
.dive-descent .media-lab-depth{inset:-8%!important;background:radial-gradient(ellipse 72% 48% at 51% 7%,rgba(177,224,242,.22),transparent 68%),radial-gradient(ellipse 48% 76% at -3% 48%,rgba(133,202,229,.17),transparent 72%),radial-gradient(ellipse 50% 80% at 103% 60%,rgba(18,62,106,.16),transparent 76%),linear-gradient(180deg,transparent 38%,rgba(29,72,115,.2));filter:blur(22px);animation:media-lab-depth-drift 28s ease-in-out infinite alternate}
.dive-descent .media-lab-caustics{inset:-18%!important;opacity:.23;mix-blend-mode:screen;filter:blur(28px);background:radial-gradient(ellipse 8% 52% at 18% 22%,rgba(220,251,255,.54),transparent 70%),radial-gradient(ellipse 7% 46% at 48% 15%,rgba(218,251,255,.38),transparent 72%),radial-gradient(ellipse 9% 58% at 79% 26%,rgba(226,252,255,.42),transparent 70%),linear-gradient(112deg,transparent 15%,rgba(209,248,255,.18) 34%,transparent 48% 63%,rgba(216,251,255,.14) 76%,transparent 88%);transform:rotate(-7deg) scale(1.1);animation:media-lab-caustic-drift 37s ease-in-out -8s infinite alternate}
.dive-descent .media-lab-grain{z-index:3;opacity:.23;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:230px 230px;animation:media-lab-grain-shift .42s steps(2,end) infinite}
.dive-descent .media-lab-wave{position:fixed;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(189,247,247,.12))}
.dive-descent .media-lab-topbar{position:sticky;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:clamp(62px,8vh,82px);padding:0 clamp(24px,4.8vw,76px);color:rgba(228,246,250,.62);font:500 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.22em;background:linear-gradient(180deg,rgba(56,107,151,.44),transparent);pointer-events:none}
.dive-descent .media-lab-topbar>*{pointer-events:auto}
.dive-descent .media-lab-topbar .case-reading-return{margin:0;padding:8px 0 7px;border-color:rgba(231,248,250,.44);color:rgba(241,251,252,.86);font-size:9px;letter-spacing:.18em}
.dive-descent .media-lab-hero-copy{position:absolute;left:clamp(24px,5.4vw,86px);top:clamp(96px,13.5vh,150px);z-index:5;max-width:90vw;transform:translate3d(0,calc(var(--ml-hero-exit) * -13vh),0);opacity:calc(1 - var(--ml-hero-exit));will-change:transform,opacity}
.dive-descent .media-lab-hero-copy h1{margin:0;color:var(--media-lab-ink);font:500 clamp(70px,10.8vw,174px)/.88 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.07em;text-shadow:0 4px 34px rgba(20,60,100,.14)}
.dive-descent .media-lab-role{margin:clamp(20px,3vh,34px) 0 0;color:var(--media-lab-aqua);font:500 clamp(12px,1.15vw,18px)/1.55 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:.12em;text-shadow:0 2px 18px rgba(24,67,105,.26)}
.dive-descent .media-lab-summary{position:absolute;left:clamp(24px,5.4vw,86px);top:calc(100svh - clamp(116px,16vh,162px));z-index:5;width:min(620px,70vw);margin:0;color:var(--media-lab-muted);font:400 clamp(13px,1.22vw,18px)/1.85 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:.055em;text-shadow:0 2px 18px rgba(18,58,96,.28);transform:translate3d(0,calc(var(--ml-hero-exit) * -7vh),0);opacity:calc(1 - var(--ml-hero-exit));will-change:transform,opacity}
.dive-descent .media-lab-hero-spacer{height:132svh}
.dive-descent .media-lab-section-label{display:block;color:rgba(222,246,249,.61);font:500 9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.24em}
.dive-descent .media-lab-question{position:relative;z-index:4;height:158svh}
.dive-descent .media-lab-question-stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;height:100svh;padding:10vh clamp(24px,5.4vw,86px);overflow:hidden}
.dive-descent .media-lab-question-stage>.media-lab-section-label{position:absolute;left:clamp(24px,5.4vw,86px);top:14vh;transform:translate3d(0,calc((1 - var(--ml-question-in)) * 18px),0);opacity:var(--ml-question-in)}
.dive-descent .media-lab-question h2{position:relative;z-index:2;width:100%;margin:0;color:var(--media-lab-ink);font-family:"PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.055em}
.dive-descent .media-lab-question h2 span,.dive-descent .media-lab-question h2 strong{display:block;will-change:transform,opacity}
.dive-descent .media-lab-question h2 span{font-size:clamp(30px,4.6vw,72px);font-weight:400;line-height:1.18;transform:translate3d(calc((1 - var(--ml-question-in)) * -11vw),calc(var(--ml-question-out) * -7vh),0);opacity:calc(var(--ml-question-in) * (1 - var(--ml-question-out)))}
.dive-descent .media-lab-question h2 strong{max-width:min(1040px,90vw);margin-top:clamp(20px,4vh,42px);font-size:clamp(58px,8.8vw,142px);font-weight:600;line-height:.98;white-space:normal;transform:translate3d(calc((1 - var(--ml-question-in)) * 15vw),calc(var(--ml-question-out) * -10vh),0);opacity:calc(var(--ml-question-in) * (1 - var(--ml-question-out)))}
.dive-descent .media-lab-question-rule{position:absolute;left:0;right:0;top:68%;height:1px;background:linear-gradient(90deg,transparent,var(--media-lab-aqua) 12% 88%,transparent);transform:scaleX(calc(var(--ml-question-in) * (1 - var(--ml-question-out))));opacity:.46;transform-origin:center}
.dive-descent .media-lab-approach{position:relative;z-index:5;height:348svh}
.dive-descent .media-lab-approach-stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);grid-template-rows:auto 1fr;gap:clamp(28px,4vw,72px);box-sizing:border-box;width:100%;height:100svh;padding:12vh clamp(24px,5.4vw,86px) 8vh;overflow:hidden}
.dive-descent .media-lab-approach-heading{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:32px;transform:translate3d(0,calc((1 - var(--ml-approach-in)) * 18px),0);opacity:var(--ml-approach-in)}
.dive-descent .media-lab-approach-heading h2{margin:0;color:var(--media-lab-ink);font:500 clamp(32px,4.8vw,74px)/1 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.045em}.dive-descent .media-lab-approach-heading h2 span{display:inline-block;transform-origin:center;transition:color .55s ease,opacity .55s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.dive-descent .media-lab-approach-heading h2 i{color:rgba(202,241,244,.46);font-style:normal;font-weight:300;transition:color .45s ease,opacity .45s ease}
.dive-descent .media-lab-correspondence{position:relative;align-self:stretch;min-height:0;border-top:1px solid rgba(218,246,248,.24);border-bottom:1px solid rgba(218,246,248,.16);overflow:hidden;transform:translate3d(calc((1 - var(--ml-approach-in)) * -6vw),calc(var(--ml-match-focus) * -1.2vh),0) scale(calc(1 + var(--ml-match-focus) * .04));opacity:var(--ml-approach-in);transition:border-color .55s ease}
.dive-descent .media-lab-correspondence svg{position:absolute;inset:8% 0;width:100%;height:84%;overflow:visible;transform:scaleX(calc(1 + var(--ml-match-focus) * .05));transition:transform .65s cubic-bezier(.2,.75,.25,1)}.dive-descent .media-lab-correspondence path{fill:none;stroke:rgba(222,252,251,.55);stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ml-approach-phase,0));transition:stroke .55s ease,stroke-width .55s ease,filter .55s ease}.dive-descent .media-lab-correspondence circle{fill:var(--media-lab-aqua);opacity:calc(.28 + var(--ml-approach-phase,0) * .72)}
.dive-descent .media-lab-correspondence-source,.dive-descent .media-lab-correspondence-demand{position:absolute;top:8%;bottom:8%;z-index:2;display:flex;flex-direction:column;justify-content:space-around;color:rgba(236,251,252,.78);font:500 clamp(12px,1.05vw,16px)/1.4 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:.08em}.dive-descent .media-lab-correspondence-source{left:0;align-items:flex-start}.dive-descent .media-lab-correspondence-demand{right:0;align-items:flex-end;color:var(--media-lab-aqua)}
.dive-descent .media-lab-correspondence-source span{transform:translate3d(calc(var(--ml-approach-phase,0) * 1.2vw + var(--ml-match-focus) * 4.2vw),0,0);transition:transform .65s cubic-bezier(.2,.75,.25,1)}.dive-descent .media-lab-correspondence-demand span{transform:translate3d(calc((1 - var(--ml-approach-phase,0)) * 2vw - var(--ml-match-focus) * 4.2vw),0,0);opacity:calc(.42 + var(--ml-approach-phase,0) * .58);transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .45s ease}
.dive-descent .media-lab-match-axis{position:absolute;left:50%;top:17%;z-index:2;display:block;width:1px;height:66%;background:linear-gradient(180deg,transparent,rgba(215,250,250,.78) 24% 76%,transparent);opacity:calc(var(--ml-match-focus) * .86);transform:translateX(-50%) scaleY(calc(.68 + var(--ml-match-focus) * .32));transform-origin:center;transition:opacity .45s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.dive-descent .media-lab-match-axis::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border:1px solid rgba(229,252,252,.88);border-radius:50%;background:rgba(200,243,244,.12);transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(200,243,244,.18)}
.dive-descent .media-lab-correspondence-word{position:absolute;left:50%;top:50%;z-index:3;color:rgba(244,253,253,.94);font:600 clamp(58px,8.2vw,128px)/1 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.08em;text-shadow:0 6px 34px rgba(33,75,112,.24);transform:translate(-50%,-50%) scale(calc(1 + var(--ml-match-focus) * .16));transition:opacity .35s ease,filter .35s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.dive-descent .media-lab-approach-copy{align-self:center;display:grid;gap:0;transform:translate3d(calc((1 - var(--ml-approach-in)) * 6vw),0,0);opacity:var(--ml-approach-in)}
.dive-descent .media-lab-approach-copy article{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:23px 0;border-top:1px solid rgba(222,247,249,.18);color:rgba(225,245,249,.38);transition:color .45s ease,transform .55s cubic-bezier(.2,.75,.25,1),opacity .45s ease}.dive-descent .media-lab-approach-copy article:last-child{border-bottom:1px solid rgba(222,247,249,.18)}.dive-descent .media-lab-approach-copy article>span{padding-top:5px;font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em}.dive-descent .media-lab-approach-copy h3{margin:0;font:500 clamp(20px,2vw,29px)/1.2 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:.02em}.dive-descent .media-lab-approach-copy p{max-width:29em;margin:12px 0 0;font:400 clamp(13px,1.04vw,16px)/1.75 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:.035em}
.dive-descent .media-lab-reading[data-approach-active="0"] .media-lab-approach-copy article:nth-child(1),.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-copy article:nth-child(2),.dive-descent .media-lab-reading[data-approach-active="2"] .media-lab-approach-copy article:nth-child(3){color:rgba(245,253,254,.98);transform:translate3d(-10px,0,0)}
.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-heading h2 [data-approach-key="judge"],.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-heading h2 [data-approach-key="verify"]{opacity:.34;transform:scale(.88)}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-heading h2 [data-approach-key="match"]{color:#f5ffff;transform:translateY(-.07em) scale(calc(1 + var(--ml-match-focus) * .13));text-shadow:0 0 24px rgba(205,247,248,.24)}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-heading h2 i{opacity:.28}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-correspondence{border-color:rgba(221,252,251,.62)}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-correspondence path{stroke:rgba(231,255,254,.88);stroke-width:1.45;filter:drop-shadow(0 0 4px rgba(200,243,244,.18))}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-copy article:not(:nth-child(2)){opacity:.3;transform:translate3d(1.1vw,0,0)}.dive-descent .media-lab-reading[data-approach-active="1"] .media-lab-approach-copy article:nth-child(2){transform:translate3d(-22px,0,0);border-color:rgba(222,252,251,.5)}
.dive-descent .media-lab-results{position:relative;z-index:6;height:170svh}
.dive-descent .media-lab-results-stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);grid-template-rows:1fr auto;gap:6vh 5vw;box-sizing:border-box;width:100%;height:100svh;padding:13vh clamp(24px,5.4vw,86px) 8vh;overflow:hidden}
.dive-descent .media-lab-results-heading{align-self:start;transform:translate3d(calc((1 - var(--ml-results-in)) * -4vw),0,0);opacity:calc(var(--ml-results-in) * (1 - var(--ml-results-out)))}.dive-descent .media-lab-results-heading h2{margin:28px 0 0;color:rgba(237,251,252,.86);font:500 clamp(28px,3.2vw,46px)/1.28 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.035em}
.dive-descent .media-lab-result-numbers{align-self:center;display:grid;gap:clamp(8px,2vh,20px);transform:translate3d(calc((1 - var(--ml-results-in)) * 9vw),calc(var(--ml-results-out) * -8vh),0);opacity:calc(var(--ml-results-in) * (1 - var(--ml-results-out)))}.dive-descent .media-lab-result-numbers p{display:grid;grid-template-columns:auto auto 1fr;align-items:end;margin:0;padding:0 0 16px;border-bottom:1px solid rgba(218,247,248,.26)}.dive-descent .media-lab-result-numbers strong{color:var(--media-lab-ink);font:500 clamp(90px,13vw,210px)/.78 "Avenir Next Condensed","Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em}.dive-descent .media-lab-result-numbers i{margin:0 24px 4px 9px;color:var(--media-lab-aqua);font:500 clamp(28px,3.5vw,54px)/1 "PingFang SC","Noto Sans SC",sans-serif;font-style:normal}.dive-descent .media-lab-result-numbers span{align-self:end;margin-bottom:8px;color:rgba(227,247,249,.74);font:500 clamp(12px,1.05vw,16px)/1.3 "PingFang SC","Noto Sans SC",sans-serif;letter-spacing:.12em}
.dive-descent .media-lab-result-note{grid-column:2;max-width:48em;margin:0;color:rgba(224,244,248,.68);font:400 clamp(12px,1vw,15px)/1.75 "PingFang SC","Noto Sans SC",sans-serif;letter-spacing:.045em;transform:translate3d(0,calc((1 - var(--ml-results-in)) * 18px),0);opacity:calc(var(--ml-results-in) * (1 - var(--ml-results-out)))}
.dive-descent .media-lab-closing{position:relative;z-index:7;height:185svh}
.dive-descent .media-lab-closing-stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;height:100svh;padding:10vh clamp(24px,7vw,118px);overflow:hidden}.dive-descent .media-lab-closing-stage>.media-lab-section-label{margin-bottom:clamp(28px,5vh,52px);transform:translate3d(0,calc((1 - var(--ml-closing-in)) * 18px),0);opacity:calc(var(--ml-closing-in) * (1 - var(--ml-closing-out)))}
.dive-descent .media-lab-closing h2{position:relative;z-index:2;margin:0;color:var(--media-lab-ink);font-family:"PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;letter-spacing:-.045em}.dive-descent .media-lab-closing h2 span,.dive-descent .media-lab-closing h2 strong{display:block;transform:translate3d(0,calc((1 - var(--ml-closing-in)) * 7vh - var(--ml-closing-out) * 11vh),0);opacity:calc(var(--ml-closing-in) * (1 - var(--ml-closing-out)));will-change:transform,opacity}.dive-descent .media-lab-closing h2 span{font-size:clamp(26px,3.25vw,50px);font-weight:400;line-height:1.3}.dive-descent .media-lab-closing h2 strong{margin-top:22px;font-size:clamp(54px,7.6vw,120px);font-weight:600;line-height:1.05;transition-delay:.04s}
.dive-descent .media-lab-closing-line{position:absolute;left:0;right:0;top:50%;z-index:1;height:1px;background:linear-gradient(90deg,transparent,var(--media-lab-aqua) 12% 88%,transparent);transform:scaleX(calc(var(--ml-closing-in) * (1 - var(--ml-closing-out))));opacity:.45;transform-origin:center}
.dive-descent .media-lab-closing-return{position:absolute;left:clamp(24px,7vw,118px);bottom:7vh;z-index:3;display:inline-flex;align-items:center;gap:15px;min-height:40px;margin:0!important;padding:8px 0!important;border:0!important;background:transparent!important;color:rgba(245,253,253,.98)!important;font-size:11px!important;letter-spacing:.22em!important;text-shadow:0 0 16px rgba(215,250,251,.32);transform:translate3d(0,calc((1 - var(--ml-closing-in)) * 16px),0);opacity:calc(var(--ml-closing-in) * (1 - var(--ml-closing-out) * .85));transition:color .24s ease,transform .24s ease!important}.dive-descent .media-lab-closing-return::after{content:"";position:absolute;inset:-14px -18px;z-index:-1}.dive-descent .media-lab-return-route{position:relative;display:block;width:58px;height:15px;border-bottom:1px solid rgba(220,251,251,.75);transform:translateY(-1px);transition:width .34s ease,border-color .24s ease}.dive-descent .media-lab-return-route::before{content:"";position:absolute;left:0;bottom:-3px;width:5px;height:5px;border-radius:50%;background:var(--media-lab-aqua);box-shadow:0 0 10px rgba(200,243,244,.3);transition:transform .34s cubic-bezier(.2,.75,.25,1)}.dive-descent .media-lab-return-route::after{content:"";position:absolute;right:0;bottom:-1px;width:13px;height:8px;border-top:1px solid rgba(220,251,251,.75);border-left:1px solid rgba(220,251,251,.75);transform:skewX(-38deg);transform-origin:right bottom}.dive-descent .media-lab-closing-return:hover,.dive-descent .media-lab-closing-return:focus-visible{color:#fff!important;transform:translate3d(5px,calc((1 - var(--ml-closing-in)) * 16px),0)}.dive-descent .media-lab-closing-return:hover .media-lab-return-route,.dive-descent .media-lab-closing-return:focus-visible .media-lab-return-route{width:72px;border-bottom-color:#fff}.dive-descent .media-lab-closing-return:hover .media-lab-return-route::before,.dive-descent .media-lab-closing-return:focus-visible .media-lab-return-route::before{transform:translateX(12px)}
@keyframes media-lab-depth-drift{0%{transform:translate3d(-1.2%,-.8%,0) scale(1.03)}100%{transform:translate3d(1.4%,1%,0) scale(1.08)}}
@keyframes media-lab-caustic-drift{0%{transform:translate3d(-2%,-1.5%,0) rotate(-8deg) scale(1.08)}100%{transform:translate3d(2.4%,2%,0) rotate(-4deg) scale(1.16)}}
@keyframes media-lab-grain-shift{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-1.2%,.8%,0)}50%{transform:translate3d(.8%,-1%,0)}75%{transform:translate3d(1.2%,.5%,0)}100%{transform:translate3d(-.5%,-.8%,0)}}
@media(max-width:700px){
  .dive-descent .media-lab-hero-copy{top:16vh;max-width:calc(100vw - 48px)}
  .dive-descent .media-lab-hero-copy h1{font-size:clamp(56px,17vw,82px);line-height:.96;letter-spacing:-.065em}
  .dive-descent .media-lab-role{max-width:24em;margin-top:22px;font-size:12px;line-height:1.8;letter-spacing:.07em}
  .dive-descent .media-lab-summary{top:78svh;width:calc(100vw - 48px);font-size:13px;line-height:1.75;letter-spacing:.025em}
  .dive-descent .media-lab-summary br{display:none}
  .dive-descent .media-lab-question h2 span{font-size:clamp(24px,6.8vw,30px)}
  .dive-descent .media-lab-question h2 strong{font-size:clamp(42px,11.2vw,58px);white-space:normal}
  .dive-descent .media-lab-approach{height:392svh}.dive-descent .media-lab-approach-stage{grid-template-columns:1fr;grid-template-rows:auto 45vh 1fr;gap:20px;padding-top:10vh}.dive-descent .media-lab-approach-heading{display:block}.dive-descent .media-lab-approach-heading h2{margin-top:18px;font-size:34px}.dive-descent .media-lab-correspondence-word{font-size:58px}.dive-descent .media-lab-correspondence-source,.dive-descent .media-lab-correspondence-demand{font-size:10px}.dive-descent .media-lab-approach-copy{align-self:start}.dive-descent .media-lab-approach-copy article{grid-template-columns:28px 1fr;padding:13px 0}.dive-descent .media-lab-approach-copy p{margin-top:6px;font-size:12px;line-height:1.55}
  .dive-descent .media-lab-results{height:205svh}.dive-descent .media-lab-results-stage{display:block;padding-top:12vh}.dive-descent .media-lab-results-heading h2{font-size:29px}.dive-descent .media-lab-result-numbers{margin-top:10vh}.dive-descent .media-lab-result-numbers strong{font-size:clamp(78px,27vw,122px)}.dive-descent .media-lab-result-numbers i{margin-right:8px;font-size:30px}.dive-descent .media-lab-result-numbers span{font-size:10px}.dive-descent .media-lab-result-note{margin-top:7vh;font-size:12px}
  .dive-descent .media-lab-closing h2 strong{font-size:clamp(43px,12vw,62px)}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .media-lab-depth,.dive-descent .media-lab-caustics,.dive-descent .media-lab-grain{animation:none!important}
}
/* The Reading layer is opaque and owns its own scroll. Do not keep painting
   the covered world scene while the user is reading; the class is toggled by
   the existing case lifecycle and leaves the global cursor untouched. */
.dive-descent .is-reading-suspended{visibility:hidden!important;animation-play-state:paused!important}
.dive-descent .ltpo-reading[data-reading-variant="tide"]{--ocean-bg:#071923;--ocean-bg-deep:#041117;--text-primary:#EDF4F2;--text-secondary:#C3D1D0;--text-muted:#93A9AA;--aqua-primary:#BFE7E8;--aqua-secondary:#9FCFD3;--aqua-strong:#D1F0EF;--gold-primary:#F4DF79;--gold-bright:#FFF4A8;--gold-core:#FFF8C9;--gold-soft:#DCCB78;--ltpo-display:"Avenir Next Condensed","Helvetica Neue",Arial,sans-serif;--ltpo-cn:"PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;--ltpo-meta:"SF Mono","Roboto Mono",ui-monospace,monospace;--ltpo-title:var(--text-primary);--ltpo-body:var(--text-secondary);--ltpo-secondary:var(--text-muted);--ltpo-accent:var(--aqua-primary);--ltpo-tonal:var(--aqua-secondary);--ltpo-warm:var(--gold-bright);--reading-gutter:5.5vw;position:relative;box-sizing:border-box;width:100%;max-width:1440px;min-height:100%;margin:0 auto;padding:0 var(--reading-gutter) 150px;color:var(--text-primary);isolation:isolate;overflow-x:clip}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{--ocean-bg:#071923;--ocean-bg-deep:#041117;--text-primary:#EDF4F2;--text-secondary:#C3D1D0;--text-muted:#93A9AA;--aqua-primary:#BFE7E8;--aqua-secondary:#9FCFD3;--aqua-strong:#D1F0EF;--gold-primary:#F4DF79;--gold-bright:#FFF4A8;--gold-core:#FFF8C9;--gold-soft:#DCCB78;background:var(--ocean-bg)}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"],.dive-descent .case-reading-layer[data-reading-mode="ltpo"]>.ltpo-reading{--ltpo-cave-shadow:rgb(4 10 34);--ltpo-cave-water:rgb(35 74 92);--ltpo-cave-light:rgb(68 145 171);--ltpo-reading-neutral:rgb(122 130 132);--ltpo-cave-muted:color-mix(in srgb,var(--ltpo-cave-water) 72%,var(--ltpo-reading-neutral) 28%);--ocean-bg:color-mix(in srgb,var(--ltpo-cave-shadow) 55%,var(--ltpo-cave-muted) 45%);--ltpo-reading-deep:color-mix(in srgb,var(--ltpo-cave-shadow) 76%,var(--ltpo-cave-muted) 24%);--ltpo-reading-light:color-mix(in srgb,var(--ltpo-cave-light) 42%,var(--ltpo-reading-neutral) 58%)}
.dive-descent .ltpo-reading::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 34% at 76% calc(8% + var(--reading-progress,0) * 36%),color-mix(in srgb,var(--ltpo-reading-light) 13%,transparent),transparent 72%),radial-gradient(ellipse 50% 46% at 8% calc(58% - var(--reading-progress,0) * 22%),color-mix(in srgb,var(--ltpo-cave-muted) 12%,transparent),transparent 74%)}
.dive-descent .ltpo-reading-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:76px;margin:0 calc(var(--reading-gutter) * -1);padding:0 var(--reading-gutter);background:linear-gradient(180deg,rgba(7,25,35,.96),rgba(7,25,35,.72) 68%,transparent);pointer-events:none}
.dive-descent .ltpo-reading-topbar>*{pointer-events:auto}
.dive-descent .ltpo-reading-mark{color:rgba(195,209,208,.56);font:10px/1.2 var(--ltpo-meta);letter-spacing:.22em}
.dive-descent .ltpo-reading .case-reading-return{margin:0;padding:8px 0 7px;border:0;border-bottom:1px solid rgba(195,209,208,.42);background:transparent;color:var(--text-secondary);font:10px/1.2 var(--ltpo-meta);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .22s ease,border-color .22s ease,transform .22s ease}
.dive-descent .ltpo-reading .case-reading-return:hover,.dive-descent .ltpo-reading .case-reading-return:focus-visible{color:var(--gold-bright);border-bottom-color:var(--gold-soft)}
.dive-descent .ltpo-reading .case-reading-return:focus-visible{outline:1px solid var(--aqua-secondary);outline-offset:7px}
.dive-descent .ltpo-reading-hero{position:relative;min-height:148svh;padding:0}
.dive-descent .ltpo-reading-hero-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:visible}
.dive-descent .ltpo-reading-hero-mark{position:absolute;left:0;top:50%;z-index:1;display:inline-flex;align-items:center;width:max-content;margin:0;color:var(--ltpo-title);font:500 clamp(160px,24vw,380px)/.82 var(--ltpo-display);letter-spacing:-.06em;white-space:nowrap;overflow:visible;transform:translate3d(0,-50%,0) translate3d(calc(var(--project-handoff,0) * -4vw),calc(var(--project-handoff,0) * -3vh),0) scale(calc(1 - var(--project-handoff,0) * .12));transform-origin:left center;will-change:transform}
.dive-descent .ltpo-reading-hero-mark>span,.dive-descent .ltpo-reading-hero-mark>svg{position:relative;z-index:1}
.dive-descent .ltpo-reading-hero-o{display:block;flex:0 0 auto;width:.55em;height:.9em;margin-left:.015em;overflow:visible}
.dive-descent .ltpo-reading-hero-o ellipse{fill:none;stroke:var(--ltpo-title);stroke-width:22;vector-effect:non-scaling-stroke}
.dive-descent .ltpo-reading-hero-sheen{position:absolute;inset:-14% -7%;z-index:2;display:block;pointer-events:none;overflow:visible;opacity:var(--hero-sheen-opacity,.1);mix-blend-mode:screen;background:radial-gradient(ellipse 20% 96% at var(--hero-sheen-x,36%) 48%,rgba(230,246,245,.8),rgba(190,225,228,.22) 38%,transparent 76%);filter:blur(8px);transform:translate3d(var(--hero-sheen-translate,0),0,0);transition:opacity .36s ease}
.dive-descent .ltpo-reading-hero-stage>.ltpo-reading-index,.dive-descent .ltpo-reading-hero-stage>.ltpo-reading-kicker{display:none}
.dive-descent .ltpo-reading-hero-meta{position:absolute;top:50%;right:96px;z-index:2;display:grid;justify-items:end;gap:7px;width:max-content;max-width:calc(100% - 48vw);transform:translateY(-50%);text-align:right}
.dive-descent .ltpo-reading-hero-meta p{margin:0;white-space:nowrap}
.dive-descent .ltpo-reading-deck{color:var(--ltpo-title);font:500 22px/1.5 var(--ltpo-cn);letter-spacing:.03em;opacity:calc(1 - var(--project-exit,0) * .65)}
.dive-descent .ltpo-reading-date{color:var(--ltpo-body);font:400 17px/1.55 var(--ltpo-meta);letter-spacing:.04em;opacity:calc(1 - var(--project-exit,0) * .65)}
.dive-descent .ltpo-reading-role{color:var(--ltpo-body);font:400 16px/1.6 var(--ltpo-cn);letter-spacing:.02em;opacity:calc(1 - var(--project-exit,0) * .65)}
.dive-descent .ltpo-reading-hero-meta .ltpo-reading-deck,.dive-descent .ltpo-reading-hero-meta .ltpo-reading-date,.dive-descent .ltpo-reading-hero-meta .ltpo-reading-role{transform:translate3d(calc(var(--project-exit,0) * 12px),0,0)}
.dive-descent .ltpo-reading-section{position:relative;min-height:112svh;padding:18vh 0 24vh}
.dive-descent .ltpo-reading-section::after{content:"";position:absolute;left:0;right:18%;bottom:0;height:1px;transform:scaleX(var(--divider-progress,0));transform-origin:left center;background:rgba(190,215,218,.17)}
.dive-descent .ltpo-reading-index{display:block;color:var(--aqua-secondary);font:10px/1.3 var(--ltpo-meta);letter-spacing:.18em}
.dive-descent .ltpo-reading-section h2{margin:20px 0 0;color:var(--ltpo-title);font:500 clamp(58px,7.4vw,112px)/.84 var(--ltpo-display);letter-spacing:-.055em}
.dive-descent .ltpo-reading-overview{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr);align-items:center;column-gap:clamp(54px,9vw,150px);min-height:126svh;padding-top:12vh}
.dive-descent .ltpo-reading-overview-intro{width:min(100%,540px)}
.dive-descent .ltpo-reading-overview-intro h2{transform:translate3d(calc((1 - var(--what-progress,0)) * 1.2vw),calc((1 - var(--what-progress,0)) * 18px),0) scale(calc(.96 + var(--what-progress,0) * .04));letter-spacing:calc(.01em + (1 - var(--what-progress,0)) * .035em);opacity:calc(.68 + var(--what-progress,0) * .32)}
.dive-descent .ltpo-reading-overview-intro p{max-width:34em;margin:40px 0 0;color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn);letter-spacing:.025em;transform:translate3d(calc((1 - var(--what-progress,0)) * 1vw),calc((1 - var(--what-progress,0)) * 10px),0);opacity:calc(.82 + var(--what-progress,0) * .18)}
.dive-descent .ltpo-reading-values{display:grid;gap:13px;width:100%;max-width:580px;margin:0;padding:0;color:var(--ltpo-title);transform:translate3d(calc((1 - var(--what-progress,0)) * 2vw),calc((1 - var(--what-progress,0)) * 10px),0) scale(calc(.98 + var(--what-progress,0) * .02));opacity:calc(.52 + var(--what-progress,0) * .48)}
.dive-descent .ltpo-reading-values span{display:block;padding:18px 0 19px;border-top:1px solid rgba(190,215,218,.18);color:var(--aqua-strong);font:500 clamp(56px,8vw,130px)/.86 var(--ltpo-cn);letter-spacing:var(--benefit-tracking,-.045em);white-space:nowrap;transform:translate3d(calc((1 - var(--what-progress,0)) * 1vw),var(--benefit-y,0),0) scale(calc(.88 + var(--benefit-weight,1) * .12));transform-origin:left center;opacity:var(--benefit-opacity,1);filter:blur(var(--benefit-blur,0));transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .24s ease,filter .24s ease,letter-spacing .24s ease,color .24s ease}
.dive-descent .ltpo-reading-challenge{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(48px,8vw,135px);min-height:136svh;padding-top:11vh}
.dive-descent .ltpo-reading-challenge-intro{width:min(100%,520px);transform:translate3d(calc((1 - var(--challenge-takeover,0)) * 1.2vw),calc((1 - var(--challenge-takeover,0)) * 10px),0)}
.dive-descent .ltpo-reading-challenge-intro h2{opacity:calc(.72 + var(--challenge-takeover,0) * .28)}
.dive-descent .ltpo-reading-challenge-intro p,.dive-descent .ltpo-reading-challenge-copy p{color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn);letter-spacing:.025em}
.dive-descent .ltpo-reading-challenge-intro p{max-width:31em;margin:42px 0 0}
.dive-descent .ltpo-reading-challenge-copy{width:100%;max-width:620px;margin-left:auto;padding-left:clamp(18px,3vw,48px);border-left:1px solid rgba(190,215,218,.25);transform:translate3d(calc((1 - var(--challenge-takeover,0)) * 2.5vw),calc((1 - var(--challenge-takeover,0)) * 14px),0);opacity:calc(.82 + var(--challenge-takeover,0) * .18)}
.dive-descent .ltpo-reading-label{display:block;color:var(--text-muted);font:13px/1.4 var(--ltpo-meta);letter-spacing:.12em}
.dive-descent .ltpo-reading-challenge-copy p{margin:20px 0 0}
.dive-descent .ltpo-reading-challenge-copy small{position:relative;display:block;height:158px;margin-top:58px;color:var(--ltpo-title);font:500 1em/1 var(--ltpo-cn)}
.dive-descent .ltpo-reading-challenge-copy small b{position:absolute;display:block;color:var(--ltpo-title);font:500 clamp(38px,4vw,58px)/1.08 var(--ltpo-cn);letter-spacing:.01em;transform:translate3d(var(--term-x,0),var(--term-y,0),0) scale(var(--term-scale,1));opacity:var(--term-reveal,1);filter:blur(calc((1 - var(--term-reveal,1)) * 4px));transition:filter .26s ease}
.dive-descent .ltpo-reading-challenge-problem-lead{left:0;top:0}
.dive-descent .ltpo-reading-challenge-problem-question{left:20%;top:82px;color:var(--aqua-primary)!important}

.dive-descent .ltpo-reading-strategy{position:relative;min-height:560svh;padding:0}
.dive-descent .ltpo-reading-strategy-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden}
.dive-descent .ltpo-reading-strategy-intro,.dive-descent .ltpo-reading-strategy-scenes,.dive-descent .ltpo-reading-phase{position:absolute;inset:0;box-sizing:border-box;margin:0}
.dive-descent .ltpo-reading-strategy-intro,.dive-descent .ltpo-reading-phase{visibility:hidden;pointer-events:none;opacity:0}
.dive-descent .ltpo-reading-strategy-intro{z-index:20;opacity:calc(.82 + var(--strategy-intro,0) * .18);transform:translate3d(0,calc((1 - var(--strategy-intro-enter,0)) * 14px - var(--strategy-intro-leave,0) * 14px),0)}
.dive-descent .ltpo-reading[data-strategy-scene="intro"] .ltpo-reading-strategy-intro,.dive-descent .ltpo-reading[data-strategy-scene="foundation"] .ltpo-reading-phase-foundation,.dive-descent .ltpo-reading[data-strategy-scene="amplification"] .ltpo-reading-phase-amplification,.dive-descent .ltpo-reading[data-strategy-scene="media"] .ltpo-reading-phase-amplification{visibility:visible;pointer-events:auto}
.dive-descent .ltpo-reading[data-strategy-scene="foundation"] .ltpo-reading-phase-foundation,.dive-descent .ltpo-reading[data-strategy-scene="amplification"] .ltpo-reading-phase-amplification,.dive-descent .ltpo-reading[data-strategy-scene="media"] .ltpo-reading-phase-amplification{opacity:1}
.dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading{position:absolute;left:0;top:12vh;width:100%}
.dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading h2{margin-top:18px}
.dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading p{position:absolute;right:96px;top:8vh;width:min(36vw,48ch);margin:0;color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn);letter-spacing:.025em}
.dive-descent .ltpo-reading-strategy-bridge{position:absolute;left:0;right:0;top:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(20px,3vw,54px);transform:translateY(-50%)}
.dive-descent .ltpo-reading-strategy-bridge::before{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;z-index:0;background:linear-gradient(90deg,transparent,rgba(159,207,211,.22) 18%,rgba(159,207,211,.13) 50%,rgba(159,207,211,.22) 82%,transparent);filter:blur(.35px);transform:scaleX(var(--strategy-bridge-flow,0));transform-origin:left center}
.dive-descent .ltpo-reading-strategy-bridge::after{content:"";position:absolute;left:22%;right:22%;top:calc(50% + 2px);height:1px;z-index:0;background:linear-gradient(90deg,transparent,rgba(191,231,232,.12),transparent);filter:blur(.7px)}
.dive-descent .ltpo-reading-strategy-bridge span{position:relative;z-index:1;color:var(--aqua-primary);font:500 clamp(34px,3.1vw,42px)/1.1 var(--ltpo-cn);letter-spacing:calc(.01em + (1 - var(--bridge-term,1)) * .035em);white-space:nowrap;text-align:center;transform:translate3d(0,calc((1 - var(--bridge-term,1)) * 12px),0) scale(calc(.9 + var(--bridge-term,1) * .1));opacity:calc(.3 + var(--bridge-term,1) * .7);filter:blur(calc((1 - var(--bridge-term,1)) * 2px))}
.dive-descent .ltpo-reading-strategy-scenes{z-index:10}
.dive-descent .ltpo-reading-foundation-copy{position:absolute;left:0;top:20vh;width:30%;opacity:var(--strategy-foundation,0);transform:translate3d(calc((1 - var(--strategy-foundation-enter,0)) * -18px - var(--strategy-foundation-leave,0) * -12px),calc((1 - var(--strategy-foundation-enter,0)) * 12px - var(--strategy-foundation-leave,0) * 12px),0)}
.dive-descent .ltpo-reading-phase-heading{display:flex;align-items:flex-end;gap:20px}
.dive-descent .ltpo-reading-phase-heading>span{color:var(--aqua-secondary);font:500 clamp(86px,10vw,150px)/.72 var(--ltpo-display);letter-spacing:-.08em}
.dive-descent .ltpo-reading-phase-heading h3{margin:0 0 5px;color:var(--ltpo-title);font:500 clamp(30px,3.2vw,48px)/1 var(--ltpo-cn);white-space:nowrap}
.dive-descent .ltpo-reading-phase-lead{width:24ch;margin:36px 0 0;color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn)}
.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{position:absolute;right:96px;top:12vh;z-index:8;width:min(58vw,760px);height:min(67svh,620px);margin:0;padding:0;overflow:hidden;visibility:hidden;opacity:0;transform:translate3d(0,22px,0) scale(1.018)}
.dive-descent .ltpo-reading[data-strategy-evidence-phase="enter"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note,.dive-descent .ltpo-reading[data-strategy-evidence-phase="hold"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note,.dive-descent .ltpo-reading[data-strategy-evidence-phase="exit"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{visibility:visible}
.dive-descent .ltpo-reading[data-strategy-evidence-phase="enter"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{opacity:var(--strategy-evidence,0);transform:translate3d(0,calc((1 - var(--strategy-evidence,0)) * 22px),0) scale(calc(1.018 - var(--strategy-evidence,0) * .018))}
.dive-descent .ltpo-reading[data-strategy-evidence-phase="hold"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{opacity:1;transform:none}
.dive-descent .ltpo-reading[data-strategy-evidence-phase="exit"] .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{opacity:calc(1 - var(--strategy-evidence-exit,0));transform:translate3d(0,calc(var(--strategy-evidence-exit,0) * -12px),0)}
.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:1;filter:none;clip-path:none}
.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note>span,.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note>b,.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note>figcaption{display:none}
.dive-descent .ltpo-reading-amplification-copy{position:absolute;inset:0;z-index:12;opacity:var(--strategy-amplification,0);transform:translate3d(calc((1 - var(--strategy-amplification-enter,0)) * 18px - var(--strategy-amplification-leave,0) * 18px),0,0)}
.dive-descent .ltpo-reading-amplification-copy .ltpo-reading-phase-heading{position:absolute;left:0;top:12vh}
.dive-descent .ltpo-reading-method-lockup{position:absolute;left:0;top:35vh;width:48%;margin:0;color:var(--ltpo-title);font:500 clamp(38px,3vw,44px)/1.02 var(--ltpo-cn);letter-spacing:.01em}
.dive-descent .ltpo-reading-method-lockup>span{display:block;width:max-content}
.dive-descent .ltpo-reading-method-lockup .ltpo-reading-method-secondary{margin:7px 0 0 28px;color:var(--aqua-primary)}
.dive-descent .ltpo-reading-method-lockup>i{position:absolute;left:42%;top:50%;color:var(--gold-primary);font:500 clamp(24px,2vw,30px)/1 var(--ltpo-display);font-style:normal;transform:translate(-50%,-50%)}
.dive-descent .ltpo-reading-method-explanation{position:absolute;right:0;top:34vh;width:min(40%,55ch);margin:0;color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn);letter-spacing:.025em}
.dive-descent .ltpo-reading-method-explanation em{color:color-mix(in srgb,var(--ltpo-body) var(--method-body-mix,100%),var(--aqua-primary) var(--method-aqua-mix,0%));font-style:normal;opacity:var(--method-opacity,.5);filter:blur(var(--method-blur,2px));transition:color .3s ease,opacity .3s ease,filter .3s ease}
.dive-descent .ltpo-reading-phase-amplification .ltpo-reading-series{position:absolute;inset:0;z-index:14;visibility:hidden;pointer-events:none;opacity:var(--media-progress,0);transform:translate3d(0,calc((1 - var(--media-enter,0)) * 18px - var(--media-leave,0) * 16px),0) scale(calc(.985 + var(--media-enter,0) * .015 - var(--media-leave,0) * .025))}
.dive-descent .ltpo-reading[data-strategy-media-phase="arrival"] .ltpo-reading-phase-amplification .ltpo-reading-series,.dive-descent .ltpo-reading[data-strategy-media-phase="hold"] .ltpo-reading-phase-amplification .ltpo-reading-series,.dive-descent .ltpo-reading[data-strategy-media-phase="release"] .ltpo-reading-phase-amplification .ltpo-reading-series{visibility:visible;pointer-events:auto}
.dive-descent .ltpo-reading-series-heading{position:absolute;left:0;top:10vh;z-index:3;margin:0;pointer-events:none}
.dive-descent .ltpo-reading-series-heading>span{display:block;color:var(--text-muted);font:13px/1.3 var(--ltpo-meta);letter-spacing:.12em}
.dive-descent .ltpo-reading-series-heading h4{margin:14px 0 0;color:var(--ltpo-title);font:500 clamp(30px,2.7vw,40px)/1.1 var(--ltpo-cn);white-space:nowrap}
.dive-descent .ltpo-reading-series-heading p{margin:8px 0 0;color:var(--ltpo-body);font:13px/1.6 var(--ltpo-cn)}
.dive-descent .ltpo-episode-nav{position:absolute;right:0;top:11vh;z-index:8;display:flex;gap:20px}
.dive-descent .ltpo-episode-nav button{min-width:18px;margin:0;padding:0 0 6px;border:0;border-bottom:1px solid transparent;background:none;color:var(--ltpo-secondary);font:13px/1.3 var(--ltpo-meta);letter-spacing:.12em;cursor:pointer}
.dive-descent .ltpo-episode-nav button[aria-pressed="true"]{color:var(--ltpo-title);border-bottom-color:var(--aqua-primary)}
.dive-descent .ltpo-episode-nav button:focus-visible{outline:1px solid var(--aqua-primary);outline-offset:5px}
.dive-descent .ltpo-media-utility{position:absolute;left:0;bottom:8vh;z-index:8;display:flex;align-items:center;gap:28px}
.dive-descent .ltpo-media-sound{margin:0;padding:7px 0;border:0;border-bottom:1px solid rgba(195,209,208,.35);background:none;color:var(--ltpo-body);font:13px/1.2 var(--ltpo-meta);letter-spacing:.1em;cursor:pointer}
.dive-descent .ltpo-media-sound:hover,.dive-descent .ltpo-media-sound:focus-visible{color:var(--gold-bright);border-bottom-color:var(--gold-soft)}
.dive-descent .ltpo-media-gesture{color:var(--text-muted);font:13px/1.2 var(--ltpo-meta);letter-spacing:.1em}
.dive-descent .ltpo-reading[data-media-interacted="true"] .ltpo-media-gesture{opacity:0}
.dive-descent .ltpo-episode-stage{position:absolute;inset:11vh 2% 5vh 34%;z-index:2;overflow:visible;cursor:grab;touch-action:pan-y;pointer-events:auto;user-select:none}
.dive-descent .ltpo-episode-stage.is-pressed,.dive-descent .ltpo-episode-stage.is-dragging{cursor:grabbing}
.dive-descent .ltpo-episode{position:absolute;left:50%;top:50%;z-index:var(--episode-z,1);display:flex;align-items:center;justify-content:center;width:min(35vw,410px);height:min(68svh,720px);margin:0;opacity:var(--episode-opacity,0);transform:translate3d(calc(-50% + var(--episode-x,0px) + var(--episode-nudge,0px)),calc(-50% + var(--episode-y,0px)),0) scale(var(--episode-scale,.82));transform-origin:center;transition:transform .72s cubic-bezier(.22,.72,.2,1),opacity .42s ease;will-change:transform,opacity}
.dive-descent .ltpo-episode-stage.is-dragging .ltpo-episode{transition:none}
.dive-descent .ltpo-episode video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;background:#0E2026;box-shadow:0 26px 74px rgba(0,0,0,.35);pointer-events:none}
.dive-descent .ltpo-episode figcaption{display:none}
.dive-descent .ltpo-reading-ownership{position:absolute;left:0;right:60%;top:49vh;z-index:16;display:grid;gap:26px;margin:0;padding:0;opacity:var(--ownership-progress,0);transform:translate3d(calc((1 - var(--ownership-enter,0)) * -18px),0,0)}
.dive-descent .ltpo-reading-ownership>span{color:var(--text-muted);font:15px/1.3 var(--ltpo-meta);letter-spacing:.12em}
.dive-descent .ltpo-reading-ownership ul{display:grid;gap:15px;margin:0;padding:0;list-style:none;color:var(--ltpo-body);font:400 18px/1.5 var(--ltpo-cn)}
.dive-descent .ltpo-reading-result{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.35fr);align-content:center;gap:clamp(44px,9vw,150px);min-height:126svh;padding-top:8vh}
.dive-descent .ltpo-reading-result-heading{align-self:start}
.dive-descent .ltpo-reading-result-heading h2{margin-top:24px;transform:translate3d(0,calc((1 - var(--result-progress,0)) * 8px),0);opacity:calc(.84 + var(--result-progress,0) * .16)}
.dive-descent .ltpo-reading-result-list{border-top:1px solid rgba(190,215,218,.2);transform:translate3d(0,calc((1 - var(--result-progress,0)) * 12px),0);opacity:calc(.82 + var(--result-progress,0) * .18)}
.dive-descent .ltpo-reading-result-list p{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin:0;padding:25px 0 28px;border-bottom:1px solid rgba(190,215,218,.14)}
.dive-descent .ltpo-reading-result-list>p>span{color:var(--text-muted);font:15px/1.3 var(--ltpo-meta);letter-spacing:.08em}
.dive-descent .ltpo-reading-result-list b{color:var(--ltpo-body);font:400 18px/1.8 var(--ltpo-cn);letter-spacing:.02em}
.dive-descent .ltpo-reading-result-list p:first-child b{color:var(--ltpo-title)}
.dive-descent .ltpo-reading-result-hero{display:block;color:var(--result-pulse-color,var(--ltpo-title));font:500 clamp(52px,6.1vw,90px)/.9 var(--ltpo-cn);letter-spacing:-.035em;transform:translate3d(calc((1 - var(--result-hero-progress,0)) * -28px),calc((1 - var(--result-hero-progress,0)) * 24px),0) scale(calc((.94 + var(--result-hero-progress,0) * .06) * var(--result-pulse-scale,1)));transform-origin:left bottom;transition:transform .58s cubic-bezier(.2,.75,.25,1),color .5s ease}
.dive-descent .ltpo-reading-result-list .ltpo-reading-result-hero{font:500 clamp(48px,4.4vw,68px)/.96 var(--ltpo-cn)!important;letter-spacing:-.035em}
.dive-descent .ltpo-reading-result.is-result-pulse .ltpo-reading-result-hero{--result-pulse-scale:.985;--result-pulse-color:var(--aqua-strong);filter:brightness(1.03)}
.dive-descent .ltpo-reading-result.is-result-pulse-peak .ltpo-reading-result-hero{--result-pulse-scale:1.018;--result-pulse-color:var(--ltpo-title)}
.dive-descent .ltpo-reading-end{grid-column:1/-1;display:flex;justify-content:center;margin-top:24vh;padding-top:0}
.dive-descent .ltpo-reading-end .case-reading-return{padding:12px 8px 10px;font-size:16px;letter-spacing:.08em;border-bottom-color:rgba(195,209,208,.58)}
.dive-descent .ltpo-reading-end .case-reading-return:hover,.dive-descent .ltpo-reading-end .case-reading-return:focus-visible{transform:translateY(-2px)}

@media(min-width:761px){
  .dive-descent .ltpo-reading-values{width:calc(100% - 96px)}
  .dive-descent .ltpo-reading-challenge-copy{width:calc(100% - 96px)}
  .dive-descent .ltpo-reading-method-explanation{right:96px}
  .dive-descent .ltpo-episode-nav{right:96px}
  .dive-descent .ltpo-reading-ownership{left:0;right:60%}
  .dive-descent .ltpo-reading-result-list{margin-right:96px}
}

.dive-descent .ltpo-reading-rail{position:fixed;top:50%;right:32px;z-index:40;width:116px;height:47vh;min-height:290px;transform:translateY(-50%);pointer-events:auto}
.dive-descent .ltpo-reading-rail-track{position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(190,215,218,.17)}
.dive-descent .ltpo-reading-rail-progress{position:absolute;left:0;top:0;width:1px;height:calc(var(--reading-progress,0) * 100%);background:rgba(218,232,231,.62)}
.dive-descent .ltpo-reading-rail-beam{position:absolute;left:-5px;top:0;width:12px;height:100%;overflow:visible;pointer-events:none}
.dive-descent .ltpo-reading-rail-beam path{fill:none;stroke:rgba(191,231,232,.54);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(191,231,232,.16))}
.dive-descent .ltpo-reading-rail-beam circle{fill:var(--aqua-strong);filter:drop-shadow(0 0 3px rgba(191,231,232,.34));opacity:.68}
.dive-descent .ltpo-reading-rail-sections{position:absolute;inset:0;display:grid;align-content:space-between;justify-items:end}
.dive-descent .ltpo-reading-rail-sections button{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;height:18px;margin:0;padding:0;border:0;background:none;color:rgba(190,215,218,.34);font:13px/1.2 var(--ltpo-meta);letter-spacing:.05em;white-space:nowrap;cursor:pointer;transition:color .28s ease}
.dive-descent .ltpo-reading-rail-sections button i{display:block;width:6px;height:1px;background:rgba(190,215,218,.22);transition:width .28s ease,background .28s ease}
.dive-descent .ltpo-reading-rail-sections button.is-current{color:rgba(218,232,231,.82)}
.dive-descent .ltpo-reading-rail-sections button.is-current i{width:16px;background:rgba(218,232,231,.72)}
.dive-descent .ltpo-reading-rail-current{position:absolute;right:0;bottom:-28px;color:rgba(195,209,208,.62);font:13px/1.2 var(--ltpo-meta);letter-spacing:.06em;white-space:nowrap}
.dive-descent .ltpo-reading-glyph-light{background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none;transition:text-shadow .22s ease,filter .22s ease}
.dive-descent .ltpo-reading-glyph-light[data-light-active]{text-shadow:0 0 12px rgba(243,231,184,.15),0 0 28px rgba(191,231,232,.08)}
.dive-descent .ltpo-reading-hero-mark.ltpo-reading-glyph-light[data-light-active]{--hero-sheen:.95;text-shadow:0 0 22px rgba(191,231,232,.12),0 0 48px rgba(191,231,232,.05)}
.dive-descent .ltpo-reading-signal{position:fixed;inset:0;z-index:0;width:100vw;height:100svh;overflow:visible;pointer-events:none}
.dive-descent .ltpo-reading-hero,.dive-descent .ltpo-reading-section{z-index:1}
.dive-descent .ltpo-reading-signal path{fill:none;stroke:var(--aqua-secondary);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:13 24;filter:blur(.18px);opacity:0;transition:opacity .45s ease,stroke-dashoffset 2.8s linear;animation:ltpo-signal-flow 21s linear infinite}
.dive-descent .ltpo-reading-signal-landing{opacity:var(--signal-landing-opacity,0)!important}
.dive-descent .ltpo-reading-signal-overview{opacity:var(--signal-overview-opacity,0)!important}
.dive-descent .ltpo-reading-signal-strategy{opacity:var(--signal-strategy-opacity,0)!important}
@keyframes ltpo-signal-flow{to{stroke-dashoffset:-240px}}

.dive-descent.is-case-reading,.dive-descent.is-case-reading *{cursor:auto!important}
.dive-descent.is-case-reading a,.dive-descent.is-case-reading button,.dive-descent.is-case-reading [role="button"]{cursor:pointer!important}
.dive-descent.is-case-reading .ltpo-episode-stage,.dive-descent.is-case-reading .ltpo-episode-stage *{cursor:grab!important}
.dive-descent.is-case-reading .ltpo-episode-stage.is-dragging,.dive-descent.is-case-reading .ltpo-episode-stage.is-dragging *{cursor:grabbing!important}
@media(min-width:761px){
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"]{position:fixed!important;inset:0!important;z-index:140!important;display:block!important;visibility:visible!important;overflow:visible!important;pointer-events:none!important;opacity:1!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"] .glow{display:none!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"] .cursor-light{left:0;top:0;width:38px!important;height:35px!important;border-radius:48% 52% 55% 45% / 54% 43% 57% 46%!important;background:radial-gradient(ellipse at 38% 33%,#FFF8C9 0 9%,#FFF4A8 19%,rgba(244,223,121,.82) 40%,rgba(232,214,138,.42) 60%,rgba(183,231,234,.16) 74%,transparent 82%)!important;box-shadow:0 0 0 1px rgba(232,214,138,.68),0 0 12px rgba(244,223,121,.38),0 0 46px rgba(183,231,234,.15)!important;transform:translate(-50%,-50%)!important;animation:ltpo-reading-cursor-breathe 6s ease-in-out infinite!important;transition:width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="body"] .cursor-light{width:44px!important;height:39px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="section"] .cursor-light,.dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="keyword"] .cursor-light{width:54px!important;height:38px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="hero"] .cursor-light{width:66px!important;height:43px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="media"] .cursor-light{width:52px!important;height:30px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="media-drag"] .cursor-light{width:70px!important;height:25px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="rail"] .cursor-light{width:30px!important;height:28px!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="link"] .cursor-light{width:29px!important;height:29px!important;border-radius:50%!important}
}
@keyframes ltpo-reading-cursor-breathe{0%,100%{transform:translate(-50%,-50%) scale(.97)}50%{transform:translate(-50%,-50%) scale(1.03)}}

@media(min-width:761px){
  .dive-descent.is-case-reading .case-reading-layer[data-reading-mode="mediaLab"],
  .dive-descent.is-case-reading .case-reading-layer[data-reading-mode="mediaLab"] *{cursor:none!important}
}

@media(max-width:760px){
  .dive-descent .ltpo-reading{--reading-gutter:20px;padding-bottom:30vh}
  .dive-descent .ltpo-reading-topbar{height:64px;margin:0 calc(var(--reading-gutter) * -1);padding:0 var(--reading-gutter)}
  .dive-descent .ltpo-reading-rail{top:72px;right:20px;left:20px;width:auto;height:1px;min-height:0;transform:none}
  .dive-descent .ltpo-reading-rail-track,.dive-descent .ltpo-reading-rail-progress{width:100%;height:1px}
  .dive-descent .ltpo-reading-rail-sections,.dive-descent .ltpo-reading-rail-current{display:none}
  .dive-descent .ltpo-reading-hero{min-height:126svh}
  .dive-descent .ltpo-reading-hero-stage{height:100svh;min-height:560px}
  .dive-descent .ltpo-reading-hero-mark{top:42%;font-size:clamp(116px,28vw,190px);transform:translate3d(0,-50%,0) scale(calc(1 - var(--project-handoff,0) * .1))}
  .dive-descent .ltpo-reading-hero-meta{left:0;right:auto;top:62%;justify-items:start;width:100%;max-width:none;transform:none;text-align:left}
  .dive-descent .ltpo-reading-hero-meta p{white-space:normal}
  .dive-descent .ltpo-reading-deck{font-size:17px}.dive-descent .ltpo-reading-date{font-size:14px}.dive-descent .ltpo-reading-role{font-size:14px}
  .dive-descent .ltpo-reading-hero-meta .ltpo-reading-deck,.dive-descent .ltpo-reading-hero-meta .ltpo-reading-date,.dive-descent .ltpo-reading-hero-meta .ltpo-reading-role{transform:none;opacity:1}
  .dive-descent .ltpo-reading-section{min-height:126svh;padding-block:18vh 20vh}
  .dive-descent .ltpo-reading-overview,.dive-descent .ltpo-reading-challenge,.dive-descent .ltpo-reading-result{display:block;min-height:132svh;padding-top:18vh}
  .dive-descent .ltpo-reading-overview-intro,.dive-descent .ltpo-reading-challenge-intro,.dive-descent .ltpo-reading-challenge-copy,.dive-descent .ltpo-reading-result-heading,.dive-descent .ltpo-reading-result-list{width:100%;max-width:none;margin-left:0;padding-left:0;border-left:0}
  .dive-descent .ltpo-reading-overview-intro p,.dive-descent .ltpo-reading-challenge-intro p,.dive-descent .ltpo-reading-challenge-copy p,.dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading p,.dive-descent .ltpo-reading-phase-lead,.dive-descent .ltpo-reading-method-explanation{font-size:17px}
  .dive-descent .ltpo-reading-values{width:100%;margin-top:19vh}.dive-descent .ltpo-reading-values span{font-size:clamp(38px,10vw,58px)}
  .dive-descent .ltpo-reading-challenge-copy{margin-top:18vh}.dive-descent .ltpo-reading-challenge-copy small{height:144px}.dive-descent .ltpo-reading-challenge-copy small b{font-size:clamp(28px,7.6vw,42px)}.dive-descent .ltpo-reading-challenge-problem-question{left:8%;top:70px}
  .dive-descent .ltpo-reading-strategy{min-height:620svh}.dive-descent .ltpo-reading-strategy-stage{min-height:640px;height:100svh}
  .dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading{top:12vh}.dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading h2{font-size:clamp(44px,12vw,68px)}
  .dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading p{left:0;right:auto;top:39vh;width:88%;font-size:15px}
  .dive-descent .ltpo-reading-strategy-bridge{top:64%;grid-template-columns:1fr;gap:24px;transform:translateY(-50%)}.dive-descent .ltpo-reading-strategy-bridge::before,.dive-descent .ltpo-reading-strategy-bridge::after{display:none}
  .dive-descent .ltpo-reading-strategy-bridge span{font-size:clamp(26px,7vw,38px);text-align:left}.dive-descent .ltpo-reading-strategy-bridge span:nth-child(2){margin-left:18%}.dive-descent .ltpo-reading-strategy-bridge span:nth-child(3){margin-left:8%}
  .dive-descent .ltpo-reading-foundation-copy{left:0;top:12vh;width:82%}.dive-descent .ltpo-reading-phase-heading>span{font-size:82px}.dive-descent .ltpo-reading-phase-heading h3{font-size:26px}.dive-descent .ltpo-reading-phase-lead{width:78%;margin-top:26px}
  .dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note{left:0;right:0;top:40vh;width:100%;height:47svh}
  .dive-descent .ltpo-reading-amplification-copy .ltpo-reading-phase-heading{top:10vh}.dive-descent .ltpo-reading-method-lockup{top:34vh;width:100%;font-size:clamp(34px,8.5vw,54px)}.dive-descent .ltpo-reading-method-explanation{left:0;right:auto;top:53vh;width:92%}
  .dive-descent .ltpo-reading-phase-amplification .ltpo-reading-series{inset:0}.dive-descent .ltpo-reading-series-heading h4{font-size:22px}.dive-descent .ltpo-episode-nav{right:0;gap:14px}.dive-descent .ltpo-media-utility{left:0;bottom:7vh}.dive-descent .ltpo-episode-stage{inset:18% -20% 10% 8%}.dive-descent .ltpo-episode{width:min(62vw,270px);height:min(58svh,500px)}
  .dive-descent .ltpo-reading-ownership{left:0;right:0;top:25vh}.dive-descent .ltpo-reading-result{min-height:142svh}.dive-descent .ltpo-reading-result-list{margin-top:18vh}.dive-descent .ltpo-reading-result-list p{grid-template-columns:1fr;gap:10px;padding:22px 0}.dive-descent .ltpo-reading-result-hero{font-size:clamp(42px,12vw,68px)}.dive-descent .ltpo-reading-end{margin-top:30vh}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .ltpo-reading-signal{display:none}
  .dive-descent .ltpo-reading-hero-stage,.dive-descent .ltpo-reading-strategy-stage{position:relative;top:auto;height:auto;min-height:0}
  .dive-descent .ltpo-reading-hero,.dive-descent .ltpo-reading-strategy{min-height:auto}
  .dive-descent .ltpo-reading-hero-mark,.dive-descent .ltpo-reading-hero-meta,.dive-descent .ltpo-reading-overview-intro h2,.dive-descent .ltpo-reading-overview-intro p,.dive-descent .ltpo-reading-values,.dive-descent .ltpo-reading-values span,.dive-descent .ltpo-reading-challenge-intro,.dive-descent .ltpo-reading-challenge-copy,.dive-descent .ltpo-reading-challenge-copy small b,.dive-descent .ltpo-reading-result-heading,.dive-descent .ltpo-reading-result-list,.dive-descent .ltpo-reading-result-hero{transform:none!important;opacity:1!important;filter:none!important}
  .dive-descent .ltpo-reading-hero-meta{position:relative;inset:auto;width:100%;margin:28px 0 0}.dive-descent .ltpo-reading-hero-mark{position:relative;left:auto;top:auto}.dive-descent .ltpo-reading-hero-meta p{white-space:normal}
  .dive-descent .ltpo-reading-strategy-intro,.dive-descent .ltpo-reading-strategy-scenes,.dive-descent .ltpo-reading-phase{position:relative;inset:auto;width:100%;height:auto;margin:0 0 86px;visibility:visible;pointer-events:auto;opacity:1}
  .dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading,.dive-descent .ltpo-reading-strategy-bridge,.dive-descent .ltpo-reading-foundation-copy,.dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note,.dive-descent .ltpo-reading-amplification-copy,.dive-descent .ltpo-reading-phase-amplification .ltpo-reading-series,.dive-descent .ltpo-reading-ownership{position:relative;inset:auto;width:100%;height:auto;margin:0 0 34px;transform:none!important;opacity:1!important;visibility:visible}
  .dive-descent .ltpo-reading-strategy-intro .ltpo-reading-section-heading p,.dive-descent .ltpo-reading-amplification-copy .ltpo-reading-phase-heading,.dive-descent .ltpo-reading-method-lockup,.dive-descent .ltpo-reading-method-explanation,.dive-descent .ltpo-reading-series-heading,.dive-descent .ltpo-episode-nav,.dive-descent .ltpo-media-utility{position:relative;inset:auto;width:100%;margin:24px 0 0}
  .dive-descent .ltpo-reading-strategy-bridge{display:grid;gap:20px}.dive-descent .ltpo-reading-strategy-bridge::before,.dive-descent .ltpo-reading-strategy-bridge::after{display:none}
  .dive-descent .ltpo-reading-phase-foundation .ltpo-reading-evidence-note img{height:auto;object-fit:initial}.dive-descent .ltpo-reading-phase-amplification .ltpo-reading-series{height:560px}.dive-descent .ltpo-episode-stage{position:relative;inset:auto;height:560px}.dive-descent .ltpo-episode{position:absolute}.dive-descent .ltpo-reading-result{display:block}.dive-descent .ltpo-reading-end{margin-top:28vh}.dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"] .cursor-light{animation:none!important}
}

/* LTPO refinement cascade seal: intentionally after legacy rules. */
.dive-descent .ltpo-rebuild .ltpo-v2-light-field{inset:-18%;background:radial-gradient(ellipse at 13% 82%,rgba(5,22,36,.92) 0 13%,rgba(21,48,67,.62) 28%,transparent 56%),radial-gradient(ellipse at 80% 12%,rgba(10,32,49,.78) 0 11%,rgba(53,82,103,.5) 32%,transparent 62%),linear-gradient(128deg,#688a9a 0%,#aacfd0 31%,#8eb9c0 54%,#405a72 78%,#0a2235 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field::after{z-index:5;background:linear-gradient(165deg,rgba(228,245,240,.16) 0%,transparent 38%,rgba(2,19,32,.32) 100%);mix-blend-mode:multiply}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i{filter:blur(42px);mix-blend-mode:soft-light}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(1){width:72vw;height:62vw;left:-18%;top:-26%;background:rgba(217,242,235,.7);animation:ltpo-field-a 16s ease-in-out infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(2){width:66vw;height:70vw;right:-17%;top:-4%;background:rgba(15,42,63,.8);animation:ltpo-field-b 18s ease-in-out infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(3){width:62vw;height:50vw;left:22%;bottom:-25%;background:rgba(129,206,199,.67);animation:ltpo-field-c 20s ease-in-out infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:min(94vw,1780px)}
.dive-descent .ltpo-rebuild .ltpo-v2-hero-meta{color:rgba(241,239,230,.82)}
.dive-descent .ltpo-rebuild .ltpo-v2-hero-meta p{border-top-color:rgba(241,239,230,.38)}
.dive-descent .ltpo-rebuild .ltpo-v2-semantic{height:360svh;background:var(--navy)}
.dive-descent .ltpo-rebuild .ltpo-v2-challenge{background:linear-gradient(180deg,#f1efe6 0%,#e6ebe7 74%,#c5d3d2 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-question{transform:translate3d(0,calc(var(--ltpo-question-shift)*-9vh),0) scale(calc(1 - var(--ltpo-question-shift)*.42))}
.dive-descent .ltpo-rebuild .ltpo-v2-question strong{font-size:clamp(72px,12.3vw,205px)}
.dive-descent .ltpo-rebuild .ltpo-v2-challenge-answer{bottom:8vh;width:min(42vw,620px)}
.dive-descent .ltpo-rebuild .ltpo-v2-challenge-answer p{margin-top:16px;font-size:clamp(17px,1.4vw,23px);line-height:1.4}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy{background:#d8e0dd}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro p{width:min(70vw,1040px);font-size:clamp(27px,3.05vw,50px);line-height:1.18}
.dive-descent .ltpo-rebuild .ltpo-v2-focus-field strong{font-size:clamp(58px,8.6vw,142px);line-height:.84;-webkit-text-stroke-color:rgba(235,241,237,.38)}
.dive-descent .ltpo-rebuild .ltpo-v2-focus-field strong.is-focused{color:var(--sand);-webkit-text-stroke-color:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation{background:linear-gradient(125deg,#eef0e8 0%,#dbe4df 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation h3{font-size:clamp(48px,5.4vw,88px);line-height:.92}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation figure{height:64vh}
.dive-descent .ltpo-rebuild .ltpo-v2-method{background:linear-gradient(128deg,#0a2132 0%,#18394a 60%,#416274 100%);color:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-method>span{color:rgba(205,227,226,.56)}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup{margin-top:7vh;font-size:clamp(52px,7vw,116px);line-height:.84;letter-spacing:-.06em}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:last-child{margin-left:18vw}
.dive-descent .ltpo-rebuild .ltpo-v2-method p{width:min(42vw,650px);font-size:clamp(16px,1.32vw,22px);color:rgba(241,239,230,.84)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence{background:linear-gradient(118deg,#d2dcda 0%,#ebeee7 46%,#c2d2d4 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{font-size:clamp(42px,4.8vw,78px);line-height:.94}
.dive-descent .ltpo-rebuild .ltpo-v2-ownership{margin-top:6vh}
.dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{height:73vh;background:#263d49;box-shadow:0 22px 55px rgba(7,25,35,.13)}
.dive-descent .ltpo-rebuild .ltpo-v2-award strong{font-size:clamp(44px,5.2vw,84px);line-height:.94}
.dive-descent .ltpo-rebuild .ltpo-v2-award strong b{display:block;white-space:nowrap;font:inherit}
.dive-descent .ltpo-rebuild .ltpo-v2-closing{background:#061a28;color:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light{inset:-18%;background:radial-gradient(ellipse at 55% 42%,#668d99 0%,#244759 31%,#0a2232 64%,#04141f 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-return{left:auto;right:6vw;bottom:7vh;display:grid;grid-template-columns:min(28vw,380px) auto;align-items:center;gap:20px;transform:none;border:0;padding:18px 0;color:var(--sand);font-size:12px;pointer-events:auto}
@keyframes ltpo-field-a{0%{transform:translate3d(-7vw,-5vh,0) rotate(-8deg) scale(.92)}100%{transform:translate3d(calc(12vw + var(--ltpo-pointer-x,0px)*.018),15vh,0) rotate(12deg) scale(1.14)}}
@keyframes ltpo-field-b{0%{transform:translate3d(7vw,9vh,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(calc(-13vw + var(--ltpo-pointer-x,0px)*-.014),-11vh,0) rotate(-15deg) scale(.91)}}
@keyframes ltpo-field-c{0%{transform:translate3d(-8vw,8vh,0) rotate(-7deg) scale(.94)}100%{transform:translate3d(calc(10vw + var(--ltpo-pointer-x,0px)*.01),-14vh,0) rotate(11deg) scale(1.15)}}
@media(max-width:760px){
  .dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:103vw}.dive-descent .ltpo-rebuild .ltpo-v2-semantic{height:350svh}.dive-descent .ltpo-rebuild .ltpo-v2-value-list p{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline}.dive-descent .ltpo-rebuild .ltpo-v2-value-list p span{margin:0}.dive-descent .ltpo-rebuild .ltpo-v2-question{left:5vw;top:26vh;width:95vw;transform:translate3d(0,calc(var(--ltpo-question-shift)*-9vh),0) scale(calc(1 - var(--ltpo-question-shift)*.43))}.dive-descent .ltpo-rebuild .ltpo-v2-question strong{font-size:20vw}.dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro p{font-size:7.2vw;line-height:1.16}.dive-descent .ltpo-rebuild .ltpo-v2-focus-field strong{font-size:15vw;line-height:.92}.dive-descent .ltpo-rebuild .ltpo-v2-foundation h3{font-size:13vw}.dive-descent .ltpo-rebuild .ltpo-v2-foundation figure{height:45vh}.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup{font-size:13vw;line-height:.9}.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:last-child{margin-left:10vw}.dive-descent .ltpo-rebuild .ltpo-v2-method p{width:90vw}.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy{transform:translateY(4.5vh)}.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{font-size:8.8vw}.dive-descent .ltpo-rebuild .ltpo-v2-ownership{margin-top:4vh}.dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{height:68vh}.dive-descent .ltpo-rebuild .ltpo-v2-award strong{font-size:11vw}.dive-descent .ltpo-rebuild .ltpo-v2-closing-return{left:7vw;right:7vw;bottom:9vh;grid-template-columns:1fr auto}
}
@media(max-width:760px){.dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:96vw}}

/* LTPO palette + reading QA — 2026-09-06.  This is intentionally the last LTPO-only layer. */
.dive-descent .ltpo-rebuild{
  --sand:#e8e5e4;
  --ink:#233d49;
  --navy:#294957;
  --blue-gray:#829eaa;
  --light-blue:#bdd2d6;
  --aqua:#afd7d1;
}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{background:#e8e5e4}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial,.dive-descent .ltpo-rebuild .ltpo-v2-overview,.dive-descent .ltpo-rebuild .ltpo-v2-result{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field{
  inset:-22%;
  background:radial-gradient(ellipse at 8% 88%,rgba(42,77,94,.74) 0 16%,transparent 52%),radial-gradient(ellipse at 86% 12%,rgba(188,224,220,.72) 0 13%,transparent 55%),linear-gradient(128deg,#7797a7 0%,#b5d4d5 30%,#9ab5c0 53%,#59778c 78%,#3f6376 100%);
}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field::before{
  content:"";position:absolute;inset:-28%;z-index:4;opacity:.72;
  background:repeating-radial-gradient(ellipse 115% 36% at 22% 36%,transparent 0 14%,rgba(233,244,238,.24) 20%,rgba(175,216,210,.18) 25%,transparent 34% 51%),repeating-radial-gradient(ellipse 95% 28% at 76% 66%,transparent 0 16%,rgba(43,84,101,.18) 23%,transparent 31% 52%);
  filter:blur(11px);mix-blend-mode:soft-light;transform-origin:center;animation:ltpo-water-current 14s cubic-bezier(.42,0,.58,1) infinite alternate;will-change:transform;
}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field::after{z-index:5;background:linear-gradient(148deg,rgba(240,244,239,.12),transparent 36%,rgba(31,64,80,.18) 82%);mix-blend-mode:soft-light}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i{filter:blur(34px);mix-blend-mode:soft-light;opacity:.8}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(1){background:rgba(220,241,235,.52);animation-duration:13s}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(2){background:rgba(61,99,120,.62);animation-duration:17s}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(3){background:rgba(147,210,202,.54);animation-duration:19s}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i:nth-child(4){background:rgba(105,135,156,.4);animation-duration:16s}
@keyframes ltpo-water-current{0%{transform:translate3d(-4%,-3%,0) rotate(-5deg) scale(1.03)}48%{transform:translate3d(5%,2%,0) rotate(3deg) scale(1.1)}100%{transform:translate3d(1%,6%,0) rotate(7deg) scale(1.05)}}
.dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:min(88vw,1660px)}

.dive-descent .ltpo-rebuild .ltpo-v2-challenge{background:linear-gradient(180deg,#e8e5e4 0%,#dfe3e2 60%,#bacbd0 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy{background:#c7d5d6}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{background:#e8e5e4}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation{background:linear-gradient(125deg,#e5e4e2 0%,#d4dfde 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-method{background:linear-gradient(128deg,#31596a 0%,#456f7d 55%,#7797a5 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence{background:linear-gradient(118deg,#cad7d7 0%,#e7e5e2 47%,#bfd0d2 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation figcaption{background:rgba(232,229,228,.94)}
.dive-descent .ltpo-rebuild .ltpo-v2-method em{border-bottom-color:rgba(232,229,228,.52)}

/* The sequential focus resolves into three complete, independent reading units. */
.dive-descent .ltpo-rebuild .ltpo-v2-value-list{position:absolute;z-index:4;inset:20vh 4vw 15vh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;align-items:center;opacity:calc(var(--ltpo-values-in)*(1 - var(--ltpo-values-out)));transform:translateY(calc((1 - var(--ltpo-values-in))*12vh + var(--ltpo-values-out)*-10vh));will-change:transform,opacity}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p{position:relative;margin:0;padding:22px 0 28px;border-top:1px solid rgba(224,238,235,.32);opacity:calc(.28 + var(--value-focus)*.72);transform:translateY(calc((1 - var(--value-focus))*2.2vh))}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p span{display:block;margin:0 0 17vh;color:rgba(224,238,235,.58);font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.12em}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p strong{position:static;display:block;white-space:normal;font-size:clamp(34px,4.55vw,74px);font-weight:620;line-height:.93;letter-spacing:-.055em;color:rgba(238,238,232,calc(.28 + var(--value-focus)*.72));-webkit-text-stroke:0;transform:none}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p:nth-child(1){--value-focus:var(--ltpo-value-1)}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p:nth-child(2){--value-focus:var(--ltpo-value-2)}
.dive-descent .ltpo-rebuild .ltpo-v2-value-list p:nth-child(3){--value-focus:var(--ltpo-value-3)}

/* Stable method lockup: the connector is a third element, never an overlap. */
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(20px,3vw,54px);margin-top:7vh;font-size:clamp(50px,5.8vw,96px);line-height:.9;letter-spacing:-.06em}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong{display:block;white-space:nowrap}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:first-child{text-align:right}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:last-child{margin:0;text-align:left}
.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup i{position:static;display:grid;place-items:center;width:clamp(32px,4vw,64px);height:clamp(32px,4vw,64px);font-size:clamp(30px,3.2vw,54px);font-style:normal;font-weight:300;color:#bad9d7}

/* The evidence is a 9:16 frame, so every source frame keeps its original portrait composition. */
.dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{width:min(41svh,32vw);height:auto;aspect-ratio:9/16;justify-self:center;align-self:center;margin:0;background:#516f7d;box-shadow:0 22px 55px rgba(30,60,73,.16)}
.dive-descent .ltpo-rebuild .ltpo-v2-episode-stage figure{inset:0}
.dive-descent .ltpo-rebuild .ltpo-v2-episode-stage video{object-fit:contain;background:#516f7d}

/* The fixed return uses an explicit scene tone rather than blend-mode luck. */
.dive-descent .ltpo-rebuild .ltpo-v2-topbar{mix-blend-mode:normal;text-shadow:none;transition:color .22s ease,text-shadow .22s ease}
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="light"] .ltpo-v2-topbar{color:rgba(244,240,235,.92);text-shadow:0 1px 14px rgba(25,56,69,.28)}
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="dark"] .ltpo-v2-topbar{color:rgba(29,57,68,.84)}

/* A compact Sundown-like final card: field, large wordmark, one route home. */
.dive-descent .ltpo-rebuild .ltpo-v2-closing{background:#a8c5c8;color:#edf0ea}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light{inset:-18%;background:radial-gradient(ellipse at 71% 44%,rgba(207,234,227,.72) 0%,transparent 25%),radial-gradient(ellipse at 25% 90%,rgba(56,96,113,.58) 0%,transparent 42%),linear-gradient(130deg,#7898a7 0%,#b7d5d2 43%,#8caabd 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light::after{background:linear-gradient(160deg,rgba(237,240,234,.26),transparent 36%,rgba(55,91,108,.26));mix-blend-mode:soft-light}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light i{filter:blur(42px);mix-blend-mode:soft-light}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light i:nth-child(1){background:rgba(229,241,234,.54)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light i:nth-child(2){background:rgba(68,110,134,.44)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light i:nth-child(3){background:rgba(158,213,205,.38)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-note{position:absolute;z-index:3;left:6vw;top:25vh;margin:0;color:rgba(237,240,234,.88);font:650 10px/1 var(--font-sans,"Helvetica Neue",Arial,sans-serif);letter-spacing:.15em}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-note i{padding:0 .4em;font-style:normal;color:#5d8494}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-wordmark{position:absolute;z-index:2;left:50%;top:auto;bottom:11vh;width:92vw;height:auto;fill:url(#ltpo-v2-closing-flow);filter:drop-shadow(0 16px 28px rgba(35,74,90,.14));transform:translateX(-50%) scale(calc(.9 + var(--ltpo-closing-in)*.1));transform-origin:center bottom}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-return{z-index:4;left:auto;right:6vw;bottom:4.2vh;display:grid;grid-template-columns:min(26vw,350px) auto;align-items:center;gap:18px;transform:none;border:0;border-top:1px solid rgba(237,240,234,.58);padding:14px 0 0;color:#edf0ea;font-size:11px;text-shadow:0 1px 12px rgba(35,74,90,.18)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-return .ltpo-v2-return-route{height:1px;background:rgba(237,240,234,.72)}

@media(min-width:761px){
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"] .cursor-light{transition:width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease,transform .22s ease!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="hero"] .cursor-light{border-radius:63% 37% 58% 42% / 47% 59% 41% 53%!important;transform:translate(-50%,-50%) rotate(-11deg) scale(1.13,.78)!important;animation:none!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="media"] .cursor-light{border-radius:38% 62% 42% 58% / 63% 40% 60% 37%!important;transform:translate(-50%,-50%) rotate(7deg) scale(1.14,.8)!important;animation:none!important}
  .dive-descent.is-case-reading .cursor-layer[data-cursor-mode="reading"][data-cursor-kind="link"] .cursor-light{width:42px!important;height:25px!important;border-radius:60% 40% 58% 42% / 48% 62% 38% 52%!important;transform:translate(-50%,-50%) rotate(-8deg) scale(1.06,.86)!important;animation:none!important}
}
@media(max-width:760px){
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list{inset:14vh 5vw 10vh;grid-template-columns:1fr;gap:0;align-content:center}
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list p{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;padding:18px 0}
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list p span{margin:0}
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list p strong{font-size:11.7vw;white-space:nowrap}
  .dive-descent .ltpo-rebuild .ltpo-v2-method-lockup{grid-template-columns:1fr;row-gap:11px;margin-top:6vh;font-size:12vw;line-height:.93}
  .dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:first-child,.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong:last-child{text-align:left}
  .dive-descent .ltpo-rebuild .ltpo-v2-method-lockup i{width:auto;height:auto;justify-self:start;margin-left:8vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence{display:block;padding:7vh 5vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy{position:absolute;top:7vh;left:5vw;right:5vw;margin:0;transform:none}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{font-size:8.3vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-logic{margin-top:2vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-ownership{margin-top:3vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-ownership ul{display:flex;gap:5px 11px;font-size:9px}
  .dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{position:absolute;left:50%;bottom:9vh;width:31.5vh;height:auto;margin:0;transform:translateX(-50%)}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-controls{z-index:5;right:5vw;bottom:3vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-closing-note{left:7vw;top:22vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-closing-wordmark{bottom:16vh;width:94vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-closing-return{left:7vw;right:7vw;bottom:6vh;grid-template-columns:1fr auto;gap:12px}
}
@media(prefers-reduced-motion:reduce){.dive-descent .ltpo-rebuild .ltpo-v2-light-field::before{animation:none!important}}

/* 100-inch Case Reading — SEA / TV / SCREEN / INFORMATION / SEA.
   This is intentionally isolated to the hundredInch reading view. The world,
   entry anchor and shared cursor remain outside this visual system. */
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]{
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:rgba(216,228,232,.32) transparent;
  background:#07111c;
  color:#eff2f1;
}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]::-webkit-scrollbar{width:5px}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]::-webkit-scrollbar-track{background:transparent}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]::-webkit-scrollbar-thumb{background:rgba(216,228,232,.3);border-radius:10px}
.dive-descent .hundred-inch-reading{position:relative;min-height:840svh;isolation:isolate;background:#07111c;color:#eff2f1}
.dive-descent .hundred-inch-reading[hidden]{display:none!important}
.dive-descent .hundred-inch-reading-topbar{position:sticky;top:0;z-index:50;height:0;display:flex;align-items:flex-start;justify-content:space-between;padding:25px 4.3vw;pointer-events:none;color:rgba(216,228,232,.72);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.dive-descent .hundred-inch-reading-topbar .case-reading-return{pointer-events:auto;margin:-9px 0 0;padding:10px 0 8px;border-bottom:1px solid rgba(216,228,232,.38);color:inherit;font:inherit;letter-spacing:.18em}
.dive-descent .hundred-inch-reading-topbar .case-reading-return:hover,.dive-descent .hundred-inch-reading-topbar .case-reading-return:focus-visible{color:#fff4c5;border-bottom-color:#fff4c5}
.dive-descent .hundred-inch-reading-scroll{position:relative;min-height:840svh}
.dive-descent .hundred-inch-reading-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#07111c;isolation:isolate;transition:background-color .3s ease}
.dive-descent .hundred-inch-reading-stage::before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 52% 17%,rgba(85,167,208,.25),transparent 44%),linear-gradient(180deg,rgba(39,116,164,.35),transparent 43%,rgba(2,9,20,.48));pointer-events:none}
.dive-descent .hundred-inch-reading-stage::after{content:"";position:absolute;inset:0;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 20%,transparent 76%,rgba(0,0,0,.22));pointer-events:none}
.dive-descent .hundred-inch-water-field{position:absolute;inset:-12%;z-index:-3;display:block;background:radial-gradient(ellipse at 12% 7%,rgba(199,238,245,.43) 0 5%,transparent 26%),radial-gradient(ellipse at 75% 23%,rgba(71,155,193,.36) 0 7%,transparent 30%),radial-gradient(ellipse at 43% 82%,rgba(13,62,104,.5) 0 15%,transparent 52%),linear-gradient(147deg,#0a3b62 0%,#0d6c9c 32%,#0a3159 68%,#061524 100%);filter:saturate(.9);opacity:.95;transform:scale(1.05);animation:hundred-inch-water-drift 18s ease-in-out infinite alternate;pointer-events:none}
.dive-descent .hundred-inch-water-field::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(166deg,transparent 0 10px,rgba(220,249,247,.07) 11px,transparent 15px 35px);mix-blend-mode:screen;opacity:.48}
.dive-descent .hundred-inch-water-glint{position:absolute;inset:-30% -20%;z-index:-2;display:block;background:linear-gradient(112deg,transparent 22%,rgba(211,246,243,.16) 39%,transparent 56%);filter:blur(20px);transform:translate3d(-13%,0,0) rotate(-7deg);animation:hundred-inch-glint-drift 15s ease-in-out infinite alternate;pointer-events:none}
@keyframes hundred-inch-water-drift{0%{transform:scale(1.05) translate3d(-1.5%,1%,0)}100%{transform:scale(1.1) translate3d(2%,-1.5%,0)}}
@keyframes hundred-inch-glint-drift{0%{transform:translate3d(-14%,1%,0) rotate(-7deg)}100%{transform:translate3d(15%,-2%,0) rotate(-2deg)}}
.dive-descent .hundred-inch-state{position:absolute;inset:0;z-index:1;display:block;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden}
.dive-descent .hundred-inch-state-hero{visibility:visible;opacity:1}
.dive-descent .hundred-inch-state-label{display:block;color:rgba(216,228,232,.62);font:9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}
.dive-descent .hundred-inch-hero-copy{position:absolute;left:7.5vw;bottom:17vh;z-index:3;max-width:300px}
.dive-descent .hundred-inch-hero-copy h1{margin:13px 0 0;color:rgba(239,242,241,.9);font:400 clamp(22px,2.2vw,34px)/1.16 "Noto Serif SC","Songti SC",serif;letter-spacing:.05em;text-shadow:0 3px 18px rgba(0,7,20,.45)}
.dive-descent .hundred-inch-hero-tv{position:absolute;left:50%;top:57%;width:min(39vw,570px);margin:0;transform:translate(-50%,-50%) rotate(-3deg);filter:drop-shadow(0 24px 26px rgba(0,5,15,.44));will-change:transform,opacity}
.dive-descent .hundred-inch-hero-tv img,.dive-descent .hundred-inch-return-tv>img,.dive-descent .hundred-inch-stack-tv>img{display:block;width:100%;height:auto;object-fit:contain}
.dive-descent .hundred-inch-crt-screen{position:absolute;left:31.8%;top:25.4%;width:46.5%;height:50.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;overflow:hidden;border-radius:16% 18% 13% 14% / 13% 15% 13% 15%;color:rgba(235,253,255,.95);font-family:"VT323","Courier New",ui-monospace,monospace;font-weight:400;text-align:center;text-shadow:0 0 2px rgba(240,254,255,.96),0 0 8px rgba(150,225,255,.52);mix-blend-mode:screen;pointer-events:none}
.dive-descent .hundred-inch-crt-screen::before,.dive-descent .hundred-inch-crt-screen::after{content:"";position:absolute;inset:0;pointer-events:none}
.dive-descent .hundred-inch-crt-screen::before{background:repeating-linear-gradient(0deg,rgba(226,250,255,.1) 0 1px,transparent 1px 4px);opacity:.22;mix-blend-mode:screen}
.dive-descent .hundred-inch-crt-screen::after{background:linear-gradient(180deg,rgba(231,251,255,.12),transparent 22%,transparent 76%,rgba(5,45,86,.14));opacity:.56}
.dive-descent .hundred-inch-crt-screen>*{position:relative;z-index:1;display:block;margin:0;font-weight:400;white-space:nowrap}
.dive-descent .hundred-inch-crt-screen strong{font-size:clamp(42px,4.2vw,62px);line-height:.72;letter-spacing:.02em}
.dive-descent .hundred-inch-crt-screen b{font-size:clamp(19px,1.65vw,27px);line-height:1;letter-spacing:.08em}
.dive-descent .hundred-inch-crt-screen small{max-width:88%;font-size:clamp(8px,.7vw,11px);line-height:1.2;letter-spacing:.06em;white-space:normal}
.dive-descent .hundred-inch-hero-caption{position:absolute;right:7.2vw;bottom:13.5vh;margin:0;color:rgba(216,228,232,.46);font:9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}

/* 02 — the object is replaced by one screen, leaving the question inside it. */
.dive-descent .hundred-inch-state-flat{display:grid;place-items:center;background:#07111c}
.dive-descent .hundred-inch-flat-screen{position:relative;width:min(72vw,1060px);height:min(66vh,620px);display:grid;place-items:center;overflow:hidden;background:#176bd1;border-radius:10% 9% 8% 9% / 9% 8% 10% 8%;box-shadow:0 0 0 1px rgba(112,190,255,.18),0 0 80px rgba(23,107,209,.3),inset 0 0 56px rgba(2,24,73,.2)}
.dive-descent .hundred-inch-flat-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(223,249,255,.1) 0 1px,transparent 1px 5px),radial-gradient(ellipse at 50% 42%,transparent 0 42%,rgba(4,23,73,.16) 100%);opacity:.55}
.dive-descent .hundred-inch-screen-noise{position:absolute;inset:-10%;background-image:radial-gradient(rgba(235,253,255,.38) .6px,transparent .8px),radial-gradient(rgba(0,21,75,.25) .5px,transparent .8px);background-size:5px 4px,7px 6px;mix-blend-mode:screen;opacity:.18;transform:rotate(-2deg);animation:hundred-inch-static-shift 2.8s steps(3,end) infinite}
@keyframes hundred-inch-static-shift{0%{transform:translate3d(-1%,0,0) rotate(-2deg)}50%{transform:translate3d(1%,1%,0) rotate(-1deg)}100%{transform:translate3d(-.5%,-1%,0) rotate(-2deg)}}
.dive-descent .hundred-inch-flat-copy{position:relative;z-index:1;width:min(78%,760px);color:#effcff;text-align:left}
.dive-descent .hundred-inch-flat-copy .hundred-inch-state-label{color:rgba(232,251,255,.7)}
.dive-descent .hundred-inch-flat-copy h2{margin:22px 0 16px;font:400 clamp(30px,4.2vw,66px)/1.05 "Noto Serif SC","Songti SC",serif;letter-spacing:.02em;text-shadow:0 0 15px rgba(235,253,255,.24)}
.dive-descent .hundred-inch-flat-copy p{margin:0 0 24px;font:400 clamp(17px,1.65vw,25px)/1.45 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em}
.dive-descent .hundred-inch-flat-copy small{display:block;max-width:680px;color:rgba(230,249,255,.74);font:12px/1.8 "Noto Serif SC","Songti SC",serif;letter-spacing:.035em}

/* 03 — four planes, each with its own angle and depth. */
.dive-descent .hundred-inch-state-multi{background:radial-gradient(ellipse at 52% 46%,rgba(29,100,178,.25),transparent 50%),#07111c}
.dive-descent .hundred-inch-multi-heading{position:absolute;left:7vw;top:17vh;z-index:4}
.dive-descent .hundred-inch-multi-heading h2{margin:18px 0 0;color:rgba(239,242,241,.9);font:400 clamp(24px,3vw,46px)/1.12 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-inch-multi-space{position:absolute;inset:0;perspective:1200px;transform-style:preserve-3d}
.dive-descent .hundred-inch-info-plane{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:clamp(210px,28vw,410px);height:clamp(150px,22vh,220px);padding:20px 23px;background:#176bd1;color:#f1fcff;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 0 30px rgba(7,37,103,.15);transform-style:preserve-3d}
.dive-descent .hundred-inch-info-plane::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(227,251,255,.1) 0 1px,transparent 1px 5px);opacity:.4;pointer-events:none}
.dive-descent .hundred-inch-info-plane span,.dive-descent .hundred-inch-info-plane strong,.dive-descent .hundred-inch-info-plane b{position:relative;z-index:1}
.dive-descent .hundred-inch-info-plane span{font:10px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;opacity:.68}
.dive-descent .hundred-inch-info-plane strong{font:400 clamp(18px,2vw,30px)/.95 "VT323","Courier New",monospace;letter-spacing:.05em}
.dive-descent .hundred-inch-info-plane b{font:400 13px/1.2 "Noto Serif SC","Songti SC",serif;letter-spacing:.12em}
.dive-descent .hundred-inch-info-plane-a{left:8vw;top:38vh;transform:rotateY(10deg) rotateZ(-6deg) translateZ(80px)}
.dive-descent .hundred-inch-info-plane-b{right:12vw;top:22vh;width:clamp(190px,24vw,350px);transform:rotateY(-13deg) rotateZ(5deg) translateZ(-40px)}
.dive-descent .hundred-inch-info-plane-c{left:26vw;bottom:11vh;width:clamp(210px,27vw,390px);transform:rotateY(-5deg) rotateZ(3deg) translateZ(35px)}
.dive-descent .hundred-inch-info-plane-d{right:5vw;bottom:15vh;width:clamp(200px,25vw,370px);transform:rotateY(15deg) rotateZ(-4deg) translateZ(125px)}

/* 04 — one editorial composition; only the active step changes emphasis. */
.dive-descent .hundred-inch-state-approach{display:grid;grid-template-columns:minmax(0,40%) minmax(350px,52%);align-items:center;justify-content:space-between;gap:5vw;padding:0 7vw;background:#0a1825}
.dive-descent .hundred-inch-approach-copy{position:relative;z-index:3;max-width:610px}
.dive-descent .hundred-inch-approach-copy h2{margin:20px 0 36px;color:#eff2f1;font:400 clamp(27px,3.15vw,50px)/1.1 "Noto Serif SC","Songti SC",serif;letter-spacing:.05em}
.dive-descent .hundred-inch-approach-steps{display:grid;gap:0;border-top:1px solid rgba(216,228,232,.2)}
.dive-descent .hundred-inch-approach-step{display:grid;grid-template-columns:31px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid rgba(216,228,232,.16);opacity:.34;transform:translateX(0);transition:opacity .35s ease,color .35s ease,border-color .35s ease}
.dive-descent .hundred-inch-approach-step>span{color:rgba(216,228,232,.55);font:10px/1.4 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em}
.dive-descent .hundred-inch-approach-step h3{margin:0;color:#d8e4e8;font:400 15px/1.2 "Noto Serif SC","Songti SC",serif;letter-spacing:.1em}
.dive-descent .hundred-inch-approach-step p{max-width:500px;margin:6px 0 0;color:rgba(216,228,232,.67);font:12px/1.7 "Noto Serif SC","Songti SC",serif;letter-spacing:.03em}
.dive-descent .hundred-inch-approach-step.is-active{opacity:1;border-bottom-color:rgba(216,228,232,.55)}
.dive-descent .hundred-inch-approach-step.is-active>span{color:#fff4c5}
.dive-descent .hundred-inch-approach-step.is-active h3{color:#fff4c5}
.dive-descent .hundred-inch-approach-screen{position:relative;z-index:2;width:min(100%,680px);aspect-ratio:1.22;display:grid;place-items:center;overflow:hidden;background:#176bd1;border-radius:8% 7% 9% 8% / 8% 9% 7% 10%;box-shadow:0 0 55px rgba(23,107,209,.24),inset 0 0 46px rgba(0,26,78,.24);transform:rotate(2.5deg)}
.dive-descent .hundred-inch-approach-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(234,253,255,.1) 0 1px,transparent 1px 5px);opacity:.45}
.dive-descent .hundred-inch-screen-grid{position:absolute;inset:10%;background:linear-gradient(90deg,transparent 49.8%,rgba(227,252,255,.17) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(227,252,255,.17) 50%,transparent 50.2%);opacity:.42}
.dive-descent .hundred-inch-approach-screen-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#f1fcff;text-align:center;opacity:0;transform:translateY(10px);filter:blur(5px);transition:opacity .38s ease,transform .38s ease,filter .38s ease}
.dive-descent .hundred-inch-approach-screen-copy.is-active{opacity:1;transform:none;filter:none}
.dive-descent .hundred-inch-approach-screen-copy strong{font:400 clamp(38px,5.7vw,86px)/.8 "VT323","Courier New",monospace;letter-spacing:.05em;text-shadow:0 0 6px rgba(230,253,255,.55)}
.dive-descent .hundred-inch-approach-screen-copy small{font:10px/1 "VT323","Courier New",monospace;letter-spacing:.16em}

/* 05 — the wall is a visual field, not a grid of case cards. */
.dive-descent .hundred-inch-state-array{background:#07111c}
.dive-descent .hundred-inch-array-copy{position:absolute;left:7vw;top:18vh;z-index:3;width:28vw;min-width:250px}
.dive-descent .hundred-inch-array-copy h2{margin:20px 0 26px;color:#eff2f1;font:400 clamp(30px,3.7vw,56px)/1.05 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-inch-array-copy p{margin:0;color:rgba(216,228,232,.78);font:13px/2.02 "Noto Serif SC","Songti SC",serif;letter-spacing:.1em}
.dive-descent .hundred-inch-array-copy small{display:block;margin-top:34px;color:#fff4c5;font:11px/1.5 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em}
.dive-descent .hundred-inch-tv-array{position:absolute;right:3vw;top:9vh;width:60vw;height:82vh;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:clamp(8px,1.4vw,22px);perspective:1000px;transform:rotateY(-8deg) rotateZ(-1deg);transform-origin:center right}
.dive-descent .hundred-inch-array-tv{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(160deg,#2b91df,#0b3c7b 72%);border:1px solid rgba(163,218,247,.26);box-shadow:inset 0 0 20px rgba(2,21,70,.34),0 13px 22px rgba(0,0,0,.22);color:#effcff;text-align:center;transform:translateZ(0);will-change:transform}
.dive-descent .hundred-inch-array-tv::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(237,254,255,.14) 0 1px,transparent 1px 4px);opacity:.6}
.dive-descent .hundred-inch-array-tv::after{content:"";position:absolute;inset:-30%;background:linear-gradient(132deg,transparent 30%,rgba(232,252,255,.19) 45%,transparent 58%);transform:translateX(-38%);animation:hundred-inch-array-glint 9s ease-in-out infinite alternate}
@keyframes hundred-inch-array-glint{0%{transform:translateX(-38%)}100%{transform:translateX(38%)}}
.dive-descent .hundred-inch-array-tv strong,.dive-descent .hundred-inch-array-tv small{position:relative;z-index:1;font-family:"VT323","Courier New",monospace;font-weight:400}
.dive-descent .hundred-inch-array-tv strong{font-size:clamp(19px,2.1vw,34px);line-height:.92;letter-spacing:.04em}
.dive-descent .hundred-inch-array-tv small{margin-top:10px;font-size:9px;letter-spacing:.15em;opacity:.74}
.dive-descent .array-tv-a{transform:translate(-9px,10px) rotate(-2deg)}.dive-descent .array-tv-b{transform:translate(9px,-12px) rotate(2deg)}.dive-descent .array-tv-c{transform:translate(-4px,5px) rotate(-1deg)}.dive-descent .array-tv-d{transform:translate(13px,8px) rotate(2deg)}.dive-descent .array-tv-e{transform:translate(-11px,-7px) rotate(-2deg)}.dive-descent .array-tv-f{transform:translate(7px,-3px) rotate(1deg)}.dive-descent .array-tv-g{transform:translate(-3px,13px) rotate(-1deg)}.dive-descent .array-tv-h{transform:translate(12px,-8px) rotate(2deg)}.dive-descent .array-tv-i{transform:translate(-12px,4px) rotate(-2deg)}.dive-descent .array-tv-j{transform:translate(5px,11px) rotate(1deg)}.dive-descent .array-tv-k{transform:translate(-8px,-10px) rotate(-2deg)}.dive-descent .array-tv-l{transform:translate(12px,4px) rotate(2deg)}

/* 06 — quiet, legible role section. */
.dive-descent .hundred-inch-state-role{display:grid;grid-template-columns:minmax(0,45%) minmax(360px,42%);align-items:center;justify-content:space-between;padding:0 8vw;background:#1b2a31}
.dive-descent .hundred-inch-role-copy{position:relative;z-index:3;max-width:520px}
.dive-descent .hundred-inch-role-copy h2{margin:20px 0 34px;color:#eff2f1;font:400 clamp(28px,3.25vw,50px)/1.08 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-inch-role-copy ul{display:grid;gap:0;margin:0;padding:0;border-top:1px solid rgba(216,228,232,.32);list-style:none}
.dive-descent .hundred-inch-role-copy li{padding:13px 0;border-bottom:1px solid rgba(216,228,232,.2);color:rgba(239,242,241,.86);font:14px/1.35 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-inch-role-copy li::before{content:"/";display:inline-block;margin-right:14px;color:#fff4c5;font-family:"SF Mono","Roboto Mono",ui-monospace,monospace}
.dive-descent .hundred-inch-role-copy p{margin:25px 0 0;color:rgba(216,228,232,.56);font:10px/1.6 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em}
.dive-descent .hundred-inch-tv-stack{position:relative;width:min(39vw,540px);height:min(78vh,700px);display:grid;align-content:center;gap:clamp(2px,.35vh,7px);transform:rotate(2deg)}
.dive-descent .hundred-inch-stack-tv{position:relative;width:100%;margin:0;transform:translateX(var(--stack-x,0));filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));will-change:transform}
.dive-descent .hundred-inch-stack-tv:nth-child(1){--stack-x:3%}.dive-descent .hundred-inch-stack-tv:nth-child(2){--stack-x:-2%}.dive-descent .hundred-inch-stack-tv:nth-child(3){--stack-x:5%}
.dive-descent .hundred-inch-stack-tv>span{position:absolute;left:31.8%;top:25.4%;width:46.5%;height:50.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:rgba(235,253,255,.9);font-family:"VT323","Courier New",monospace;text-shadow:0 0 5px rgba(150,225,255,.5);mix-blend-mode:screen}
.dive-descent .hundred-inch-stack-tv>span::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(226,250,255,.11) 0 1px,transparent 1px 4px);opacity:.55}
.dive-descent .hundred-inch-stack-tv>span>*{position:relative;z-index:1;font-weight:400}.dive-descent .hundred-inch-stack-tv strong{font-size:clamp(24px,3vw,44px);line-height:.8}.dive-descent .hundred-inch-stack-tv small{font-size:11px;letter-spacing:.16em}

/* 07 — one boundary and almost nothing else. */
.dive-descent .hundred-inch-state-frame{background:#d8e4e8;color:#182329}
.dive-descent .hundred-inch-frame-rect{position:absolute;left:50%;top:50%;width:68vw;height:77vh;transform:translate(-50%,-50%);border:1px solid #182329;box-shadow:0 0 0 1px rgba(24,35,41,.04)}
.dive-descent .hundred-inch-frame-copy{position:absolute;left:calc(50% - 34vw + 28px);bottom:calc(50% - 38.5vh + 32px);max-width:450px;color:#182329}
.dive-descent .hundred-inch-frame-copy .hundred-inch-state-label{color:rgba(24,35,41,.54)}
.dive-descent .hundred-inch-frame-copy h2{margin:14px 0 18px;font:400 clamp(18px,2vw,30px)/1.25 "Noto Serif SC","Songti SC",serif;letter-spacing:.05em}
.dive-descent .hundred-inch-frame-copy small{font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em;color:rgba(24,35,41,.58)}

/* 08 — the object returns to the water, with the existing BACK mechanism. */
.dive-descent .hundred-inch-state-return{background:linear-gradient(180deg,#0d6c9c 0%,#0a3b62 43%,#061524 100%)}
.dive-descent .hundred-inch-state-return::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 5%,rgba(225,251,249,.38),transparent 23%),repeating-linear-gradient(167deg,transparent 0 13px,rgba(218,248,246,.08) 14px,transparent 17px 40px);opacity:.7}
.dive-descent .hundred-inch-return-copy{position:absolute;left:8vw;top:21vh;z-index:3}.dive-descent .hundred-inch-return-copy h2{margin:18px 0 12px;color:#eff2f1;font:400 clamp(30px,3.8vw,58px)/1.04 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em}.dive-descent .hundred-inch-return-copy p{margin:0;color:rgba(216,228,232,.7);font:13px/1.7 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em}
.dive-descent .hundred-inch-return-tv{position:absolute;left:58%;top:58%;width:min(40vw,590px);margin:0;transform:translate(-50%,-50%) rotate(-2deg);filter:drop-shadow(0 24px 25px rgba(0,4,13,.44))}.dive-descent .hundred-inch-return-screen{position:absolute;left:31.8%;top:25.4%;width:46.5%;height:50.8%;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#effcff;font:400 clamp(20px,2vw,31px)/1 "VT323","Courier New",monospace;letter-spacing:.06em;text-shadow:0 0 3px rgba(240,254,255,.95),0 0 8px rgba(150,225,255,.52);cursor:pointer;mix-blend-mode:screen}.dive-descent .hundred-inch-return-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(226,250,255,.11) 0 1px,transparent 1px 4px);opacity:.2}.dive-descent .hundred-inch-return-screen span{position:relative;z-index:1;white-space:nowrap}.dive-descent .hundred-inch-return-screen:hover span,.dive-descent .hundred-inch-return-screen:focus-visible span{color:#fff4c5}.dive-descent .hundred-inch-return-screen:focus-visible{outline:1px solid rgba(255,244,197,.85);outline-offset:10px}

@media(max-width:760px){
  .dive-descent .hundred-inch-reading{min-height:900svh}.dive-descent .hundred-inch-reading-scroll{min-height:900svh}.dive-descent .hundred-inch-reading-topbar{padding:19px 5vw;font-size:8px}.dive-descent .hundred-inch-reading-topbar .case-reading-return{margin-top:-10px}
  .dive-descent .hundred-inch-hero-copy{left:7vw;bottom:12vh}.dive-descent .hundred-inch-hero-copy h1{font-size:24px}.dive-descent .hundred-inch-hero-tv{top:53%;width:76vw}.dive-descent .hundred-inch-hero-caption{left:7vw;right:auto;bottom:6vh;font-size:8px}
  .dive-descent .hundred-inch-flat-screen{width:89vw;height:64vh}.dive-descent .hundred-inch-flat-copy{width:73%}.dive-descent .hundred-inch-flat-copy h2{font-size:8vw}.dive-descent .hundred-inch-flat-copy p{font-size:4.3vw}.dive-descent .hundred-inch-flat-copy small{font-size:10px;line-height:1.65}
  .dive-descent .hundred-inch-multi-heading{left:7vw;top:16vh}.dive-descent .hundred-inch-multi-heading h2{font-size:8vw}.dive-descent .hundred-inch-info-plane{width:55vw;height:18vh;padding:14px 15px}.dive-descent .hundred-inch-info-plane strong{font-size:5.7vw}.dive-descent .hundred-inch-info-plane b{font-size:10px}.dive-descent .hundred-inch-info-plane-a{left:5vw;top:35vh}.dive-descent .hundred-inch-info-plane-b{right:4vw;top:26vh}.dive-descent .hundred-inch-info-plane-c{left:11vw;bottom:14vh}.dive-descent .hundred-inch-info-plane-d{right:0;bottom:7vh}
  .dive-descent .hundred-inch-state-approach{display:block;padding:15vh 7vw 8vh}.dive-descent .hundred-inch-approach-copy h2{font-size:8vw;margin-bottom:22px}.dive-descent .hundred-inch-approach-step{grid-template-columns:27px 1fr;padding:11px 0}.dive-descent .hundred-inch-approach-step p{font-size:10px;line-height:1.55}.dive-descent .hundred-inch-approach-screen{position:absolute;left:7vw;right:7vw;bottom:8vh;width:auto;transform:rotate(1deg)}
  .dive-descent .hundred-inch-array-copy{left:7vw;top:12vh;width:45vw;min-width:0}.dive-descent .hundred-inch-array-copy h2{font-size:8vw}.dive-descent .hundred-inch-array-copy p{font-size:11px;line-height:1.85}.dive-descent .hundred-inch-array-copy small{margin-top:20px;font-size:9px}.dive-descent .hundred-inch-tv-array{right:-24vw;top:24vh;width:89vw;height:64vh;gap:7px;transform:rotateY(-11deg) rotateZ(-2deg)}.dive-descent .hundred-inch-array-tv strong{font-size:4.1vw}.dive-descent .hundred-inch-array-tv small{font-size:7px}
  .dive-descent .hundred-inch-state-role{display:block;padding:14vh 7vw}.dive-descent .hundred-inch-role-copy h2{font-size:8vw;margin-bottom:22px}.dive-descent .hundred-inch-role-copy li{padding:10px 0;font-size:12px}.dive-descent .hundred-inch-role-copy p{font-size:9px}.dive-descent .hundred-inch-tv-stack{position:absolute;right:-11vw;bottom:4vh;width:63vw;height:44vh;gap:0;transform:rotate(3deg)}
  .dive-descent .hundred-inch-frame-rect{width:82vw;height:77vh}.dive-descent .hundred-inch-frame-copy{left:calc(50% - 41vw + 18px);bottom:calc(50% - 38.5vh + 20px);max-width:75vw}.dive-descent .hundred-inch-frame-copy h2{font-size:5vw}.dive-descent .hundred-inch-return-copy{left:7vw;top:17vh}.dive-descent .hundred-inch-return-copy h2{font-size:9vw}.dive-descent .hundred-inch-return-copy p{font-size:11px}.dive-descent .hundred-inch-return-tv{left:56%;top:59%;width:82vw}.dive-descent .hundred-inch-return-screen{font-size:5.2vw}
}
@media(prefers-reduced-motion:reduce){.dive-descent .hundred-inch-water-field,.dive-descent .hundred-inch-water-glint,.dive-descent .hundred-inch-screen-noise,.dive-descent .hundred-inch-array-tv::after{animation:none!important}.dive-descent .hundred-inch-approach-step,.dive-descent .hundred-inch-approach-screen-copy{transition:none!important}}

/* 100-inch Case Reading v2 — full-viewport desktop architecture. */
.dive-descent .hundred-inch-reading .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]{display:block;width:100vw;max-width:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background:#07111c;color:#eff2f1}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-reading,
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-reading-scroll{width:100%;max-width:none;min-height:880svh;margin:0;padding:0}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-reading-stage{position:sticky;inset:0;width:100vw;max-width:none;height:100svh;min-height:620px;margin:0;overflow:hidden;background:#07111c;isolation:isolate;perspective:1400px}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-state{position:absolute;inset:0;width:100vw;height:100svh;min-height:620px;overflow:hidden;transform-style:preserve-3d}
.dive-descent .hundred-inch-reading-topbar{padding:26px 4.2vw}
.dive-descent .hundred-inch-state-label{font-size:9px;letter-spacing:.2em}

/* Shared sea: moving surface, depth falloff and a grounded seabed. */
.dive-descent .hundred-inch-water-field{inset:-15%;background:radial-gradient(ellipse at 52% -3%,rgba(224,250,248,.62) 0 3%,rgba(93,188,218,.28) 11%,transparent 31%),radial-gradient(ellipse at 18% 30%,rgba(41,139,181,.42),transparent 37%),radial-gradient(ellipse at 82% 28%,rgba(17,107,157,.42),transparent 42%),linear-gradient(180deg,#0d729b 0%,#0a5079 38%,#082b4b 68%,#06131e 100%);opacity:1}
.dive-descent .hundred-inch-water-field::before{inset:-7%;background:repeating-linear-gradient(174deg,transparent 0 31px,rgba(216,247,246,.08) 34px,transparent 39px 76px),radial-gradient(ellipse at 28% 0,rgba(224,250,248,.18),transparent 29%),radial-gradient(ellipse at 76% 5%,rgba(126,210,227,.13),transparent 31%);filter:blur(3px);opacity:.54;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.65) 34%,transparent 72%)}
.dive-descent .hundred-inch-water-field::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-7%;height:32%;background:radial-gradient(ellipse at 14% 82%,#06121a 0 16%,transparent 37%),radial-gradient(ellipse at 48% 94%,#071820 0 22%,transparent 50%),radial-gradient(ellipse at 87% 86%,#07141c 0 20%,transparent 46%),linear-gradient(180deg,transparent,#061018 58%);opacity:.96}
.dive-descent .hundred-inch-water-glint{inset:-34% -18%;background:linear-gradient(106deg,transparent 27%,rgba(213,246,242,.19) 40%,transparent 55%),linear-gradient(76deg,transparent 54%,rgba(126,210,227,.09) 64%,transparent 74%);filter:blur(24px);opacity:.86}

/* 01 — sea dominates; the CRT is a discovered object, not a product billboard. */
.dive-descent .hundred-inch-state-hero{background:transparent}
.dive-descent .hundred-inch-state-hero::before{content:"";position:absolute;inset:-12%;z-index:1;background-image:radial-gradient(circle,rgba(218,248,246,.5) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(147,215,228,.34) 0 1px,transparent 1.6px);background-size:137px 181px,211px 263px;background-position:17px 33px,81px 104px;opacity:.28;animation:hundred-inch-particle-drift 18s linear infinite;pointer-events:none}
@keyframes hundred-inch-particle-drift{to{transform:translate3d(2.5%,-6%,0)}}
.dive-descent .hundred-inch-hero-tv{left:50%;top:66%;width:clamp(430px,34vw,560px);transform:translate(-50%,-50%) rotate(-2.8deg);transform-origin:50% 86%;filter:drop-shadow(0 26px 22px rgba(0,5,12,.58));z-index:4}
.dive-descent .hundred-inch-hero-tv::after{content:"";position:absolute;left:9%;right:5%;bottom:2%;height:8%;z-index:-1;border-radius:50%;background:rgba(0,4,9,.68);filter:blur(16px);transform:skewX(-9deg)}
.dive-descent .hundred-inch-crt-screen strong{font-size:clamp(44px,4.6vw,68px)}
.dive-descent .hundred-inch-crt-screen b{font-size:clamp(18px,1.5vw,24px)}

/* 02 — a screen floating in the viewport, never a page wrapper. */
.dive-descent .hundred-inch-state-flat{display:block;background:#07111c}
.dive-descent .hundred-inch-flat-screen{position:absolute;left:50%;top:50%;width:66vw;height:68vh;max-width:none;transform:translate(-50%,-50%);border-radius:7% 6% 7% 6% / 8% 7% 8% 7%;background:#176bd1;box-shadow:0 0 0 1px rgba(131,202,255,.2),0 0 100px rgba(23,107,209,.26),inset 0 0 80px rgba(1,23,66,.22)}
.dive-descent .hundred-inch-flat-copy{width:64%;max-width:740px}
.dive-descent .hundred-inch-flat-copy h2{margin:18px 0 12px;font-size:clamp(30px,3.25vw,50px);line-height:1.2}
.dive-descent .hundred-inch-flat-copy p{margin:0 0 25px;font-size:clamp(18px,1.65vw,25px);line-height:1.45}
.dive-descent .hundred-inch-flat-copy small{display:block;max-width:660px;font-size:12px;line-height:1.85}

/* 03 — four unequal planes occupy the complete field and disagree in depth. */
.dive-descent .hundred-inch-state-multi{background:radial-gradient(circle at 50% 45%,#102d47 0,#081522 48%,#050c13 100%);perspective:1100px}
.dive-descent .hundred-inch-multi-space{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d}
.dive-descent .hundred-inch-info-plane{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;width:auto;height:auto;min-width:0;padding:24px 27px;overflow:hidden;border:1px solid rgba(165,218,242,.24);border-radius:5% 4% 6% 4% / 7% 6% 8% 5%;background:#176bd1;box-shadow:0 22px 50px rgba(0,4,15,.35),inset 0 0 42px rgba(1,25,76,.26);color:#effcff;transform-style:preserve-3d}
.dive-descent .hundred-inch-info-plane::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(237,254,255,.1) 0 1px,transparent 1px 5px);opacity:.42}
.dive-descent .hundred-inch-info-plane span,.dive-descent .hundred-inch-info-plane strong,.dive-descent .hundred-inch-info-plane b{position:relative;z-index:1}
.dive-descent .hundred-inch-info-plane span{margin-bottom:auto;font:10px/1 "SF Mono","Roboto Mono",monospace;letter-spacing:.16em;opacity:.6}
.dive-descent .hundred-inch-info-plane strong{font:400 clamp(27px,3vw,48px)/.88 "VT323","Courier New",monospace;letter-spacing:.025em;text-shadow:0 0 7px rgba(220,249,255,.38)}
.dive-descent .hundred-inch-info-plane b{margin-top:11px;font:400 13px/1.2 "Noto Serif SC","Songti SC",serif;letter-spacing:.12em}
.dive-descent .hundred-inch-info-plane-a{left:4vw;top:33vh;width:29vw;height:34vh;transform:translateZ(90px) rotateY(13deg) rotateZ(-2deg)}
.dive-descent .hundred-inch-info-plane-b{left:38vw;top:8vh;width:28vw;height:29vh;transform:translateZ(-40px) rotateX(-5deg) rotateY(-5deg) rotateZ(1.5deg)}
.dive-descent .hundred-inch-info-plane-c{right:-4vw;top:28vh;width:32vw;height:38vh;transform:translateZ(145px) rotateY(-16deg) rotateZ(2deg)}
.dive-descent .hundred-inch-info-plane-d{left:32vw;bottom:-4vh;width:31vw;height:30vh;transform:translateZ(25px) rotateX(7deg) rotateY(6deg) rotateZ(-1deg)}

/* 04 — one editorial viewport; one step is primary while the rest form a route. */
.dive-descent .hundred-inch-state-approach{display:grid;grid-template-columns:38vw 52vw;column-gap:3vw;align-items:center;padding:0 4.5vw 0 6.5vw;background:#0a1824}
.dive-descent .hundred-inch-approach-copy{width:100%;max-width:none}
.dive-descent .hundred-inch-approach-copy h2{margin:18px 0 24px;font-size:clamp(34px,3.6vw,54px);line-height:1.13}
.dive-descent .hundred-inch-approach-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;border-top:1px solid rgba(216,228,232,.28)}
.dive-descent .hundred-inch-approach-step{display:block;min-width:0;padding:14px 14px 13px 0;border-bottom:1px solid rgba(216,228,232,.18);opacity:.34}
.dive-descent .hundred-inch-approach-step>span{display:block;margin-bottom:10px;font:10px/1 "SF Mono","Roboto Mono",monospace}
.dive-descent .hundred-inch-approach-step h3{margin:0;font-size:13px;white-space:nowrap}
.dive-descent .hundred-inch-approach-step p{display:none;margin:14px 0 0;font-size:12px;line-height:1.8}
.dive-descent .hundred-inch-approach-step.is-active{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:42px 1fr;padding:20px 0 24px;opacity:1}
.dive-descent .hundred-inch-approach-step.is-active>span{grid-row:1/3;margin:3px 0 0;color:#fff4c5}
.dive-descent .hundred-inch-approach-step.is-active h3{font-size:clamp(22px,2vw,31px);color:#eff2f1}
.dive-descent .hundred-inch-approach-step.is-active p{display:block;max-width:470px}
.dive-descent .hundred-inch-approach-screen{justify-self:end;width:49vw;max-width:none;aspect-ratio:1.34;transform:rotateY(-4deg) rotateZ(1deg);box-shadow:0 0 80px rgba(23,107,209,.24),inset 0 0 62px rgba(0,26,78,.28)}
.dive-descent .hundred-inch-approach-screen-copy strong{font-size:clamp(62px,8.2vw,126px)}

/* 05 — real CRT silhouettes make a wide, weighty communication system. */
.dive-descent .hundred-inch-state-array{background:radial-gradient(circle at 76% 45%,#122b3d 0,#07111c 53%,#050b11 100%)}
.dive-descent .hundred-inch-array-copy{left:6vw;top:20vh;width:29vw;min-width:0}
.dive-descent .hundred-inch-array-copy h2{font-size:clamp(38px,4vw,62px)}
.dive-descent .hundred-inch-array-copy p{columns:2;column-gap:34px;font-size:14px;line-height:2.15}
.dive-descent .hundred-inch-tv-array{position:absolute;right:-2vw;top:-3vh;width:64vw;height:106vh;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:0;perspective:1200px;transform:rotateY(-7deg) rotateZ(-1.2deg);transform-origin:80% 50%}
.dive-descent .hundred-inch-array-tv{position:relative;display:block;overflow:visible;background:none;border:0;box-shadow:none;transform-origin:center;filter:drop-shadow(0 12px 9px rgba(0,0,0,.47))}
.dive-descent .hundred-inch-array-tv::before,.dive-descent .hundred-inch-array-tv::after{display:none}
.dive-descent .hundred-inch-array-tv>img{display:block;width:112%;height:112%;object-fit:contain;transform:translate(-6%,-6%)}
.dive-descent .hundred-inch-array-tv>span{position:absolute;left:29.6%;top:21.6%;width:51.8%;height:54%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:16%;color:#effcff;font-family:"VT323","Courier New",monospace;text-align:center;text-shadow:0 0 6px rgba(220,249,255,.56);mix-blend-mode:screen}
.dive-descent .hundred-inch-array-tv>span::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(237,254,255,.12) 0 1px,transparent 1px 4px);opacity:.7}
.dive-descent .hundred-inch-array-tv strong,.dive-descent .hundred-inch-array-tv small{position:relative;z-index:1;font-weight:400}
.dive-descent .hundred-inch-array-tv strong{font-size:clamp(17px,1.8vw,29px);line-height:.85}.dive-descent .hundred-inch-array-tv small{margin-top:7px;font-size:8px;letter-spacing:.13em}
.dive-descent .array-tv-a{transform:translate(-2%,8%) scale(1.08) rotate(-2deg)}.dive-descent .array-tv-b{transform:translate(2%,-5%) scale(.92) rotate(1deg)}.dive-descent .array-tv-c{transform:translate(4%,4%) scale(1.04) rotate(2deg)}
.dive-descent .array-tv-d{transform:translate(3%,-4%) scale(.94) rotate(1deg)}.dive-descent .array-tv-e{transform:translate(-4%,1%) scale(1.12) rotate(-2deg)}.dive-descent .array-tv-f{transform:translate(2%,-7%) scale(.98) rotate(1deg)}
.dive-descent .array-tv-g{transform:translate(-3%,2%) scale(1.04) rotate(-1deg)}.dive-descent .array-tv-h{transform:translate(4%,5%) scale(.93) rotate(2deg)}.dive-descent .array-tv-i{transform:translate(1%,-2%) scale(1.08) rotate(-1deg)}
.dive-descent .array-tv-j{transform:translate(-2%,-3%) scale(.95) rotate(1deg)}.dive-descent .array-tv-k{transform:translate(1%,4%) scale(1.1) rotate(-2deg)}.dive-descent .array-tv-l{transform:translate(5%,-1%) scale(.96) rotate(2deg)}

/* 06 — readable responsibilities with three physically heavy CRTs. */
.dive-descent .hundred-inch-state-role{display:grid;grid-template-columns:45vw 40vw;column-gap:5vw;align-items:center;padding:0 6vw;background:#1a282f}
.dive-descent .hundred-inch-role-copy{max-width:570px}
.dive-descent .hundred-inch-role-copy h2{font-size:clamp(36px,3.8vw,58px)}
.dive-descent .hundred-inch-role-copy li{font-size:15px;padding:12px 0}
.dive-descent .hundred-inch-tv-stack{position:relative;width:38vw;height:94vh;display:block;transform:rotate(1.2deg)}
.dive-descent .hundred-inch-stack-tv{position:absolute;left:50%;width:min(35vw,520px);transform:translateX(calc(-50% + var(--stack-x,0)));filter:drop-shadow(0 15px 14px rgba(0,0,0,.48))}
.dive-descent .hundred-inch-stack-tv:nth-child(1){top:-6%;--stack-x:3%}.dive-descent .hundred-inch-stack-tv:nth-child(2){top:27%;--stack-x:-2%}.dive-descent .hundred-inch-stack-tv:nth-child(3){top:60%;--stack-x:2%}
.dive-descent .hundred-inch-stack-tv strong{font-size:clamp(24px,2.8vw,42px)}

/* 07 — the object has vanished; only a 70vw boundary remains. */
.dive-descent .hundred-inch-state-frame{background:#e4e8e7;color:#182329}
.dive-descent .hundred-inch-frame-rect{left:50%;top:50%;width:70vw;height:78vh;border:1.25px solid #182329;box-shadow:none}
.dive-descent .hundred-inch-frame-copy{left:17vw;bottom:14vh;max-width:510px}
.dive-descent .hundred-inch-frame-copy h2{font-size:clamp(22px,2.35vw,36px);line-height:1.33}

/* 08 — line regains thickness, casing and water; BACK stays inside the screen. */
.dive-descent .hundred-inch-state-return{background:linear-gradient(180deg,#0e739c 0%,#0a4e76 43%,#06131e 100%)}
.dive-descent .hundred-inch-state-return::before{background:radial-gradient(circle,rgba(218,248,246,.42) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(147,215,228,.28) 0 1px,transparent 1.6px),radial-gradient(ellipse at 50% -3%,rgba(225,251,249,.46),transparent 28%),repeating-linear-gradient(174deg,transparent 0 34px,rgba(218,248,246,.07) 37px,transparent 42px 83px);background-size:139px 183px,223px 269px,auto,auto;background-position:21px 39px,91px 111px,0 0,0 0;opacity:.72;animation:hundred-inch-particle-drift 20s linear infinite}
.dive-descent .hundred-inch-state-return::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-4%;height:31%;background:radial-gradient(ellipse at 23% 90%,#06121a 0 17%,transparent 40%),radial-gradient(ellipse at 72% 100%,#071820 0 23%,transparent 53%),linear-gradient(transparent,#061018 65%)}
.dive-descent .hundred-inch-return-tv{left:52%;top:63%;width:clamp(470px,37vw,590px);z-index:3;transform:translate(-50%,-50%) rotate(-2deg);filter:drop-shadow(0 28px 22px rgba(0,4,13,.58))}
.dive-descent .hundred-inch-return-tv::after{content:"";position:absolute;left:8%;right:5%;bottom:2%;height:8%;z-index:-1;border-radius:50%;background:rgba(0,4,9,.7);filter:blur(16px)}

@media(max-width:900px){
  .dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-reading-stage,.dive-descent .case-reading-layer[data-reading-mode="hundredInch"] .hundred-inch-state{min-height:560px}
  .dive-descent .hundred-inch-state-approach{grid-template-columns:42vw 50vw;padding-left:4vw}.dive-descent .hundred-inch-approach-copy h2{font-size:31px}.dive-descent .hundred-inch-approach-step.is-active p{font-size:11px}.dive-descent .hundred-inch-approach-screen{width:48vw}
  .dive-descent .hundred-inch-array-copy{left:4vw;width:31vw}.dive-descent .hundred-inch-tv-array{width:68vw;right:-6vw}.dive-descent .hundred-inch-state-role{grid-template-columns:47vw 43vw;padding:0 4vw}
}

/* LTPO water, tonal continuity and CJK type guard — 2026-09-06. */
.dive-descent .ltpo-rebuild{
  --sand:#e5e1e4;
  --ink:#365863;
  --navy:#4b707c;
  --blue-gray:#8aa5b0;
  --light-blue:#c4d5d9;
  --aqua:#b8dcd5;
}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{background:linear-gradient(145deg,#e5e1e4 0%,#c9d9dc 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial{isolation:isolate;background:transparent}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(145deg,#e5e1e4 0%,#d0dcde 48%,#b6ced4 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial>section{z-index:1}

/* A liquid surface rather than animated gradients: broad refracted sheets move through a distortion field. */
.dive-descent .ltpo-rebuild .ltpo-v2-light-field{background:radial-gradient(ellipse at 11% 82%,rgba(76,116,132,.46) 0 16%,transparent 54%),radial-gradient(ellipse at 84% 13%,rgba(213,237,230,.64) 0 15%,transparent 57%),linear-gradient(126deg,#91b0bb 0%,#c8dddd 31%,#adc6ce 58%,#7899a8 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field::before{display:none}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field::after{background:linear-gradient(148deg,rgba(244,241,239,.16),transparent 38%,rgba(61,99,117,.11) 83%);mix-blend-mode:soft-light}
.dive-descent .ltpo-rebuild .ltpo-v2-light-field i{filter:blur(28px);opacity:.54}
.dive-descent .ltpo-rebuild .ltpo-v2-water-surface{position:absolute;z-index:1;inset:-9%;width:118%;height:118%;overflow:visible;mix-blend-mode:soft-light;opacity:.9;pointer-events:none;will-change:transform}
.dive-descent .ltpo-rebuild .ltpo-v2-water-band{transform-box:fill-box;transform-origin:center;fill:rgba(241,249,243,.52)}
.dive-descent .ltpo-rebuild .ltpo-v2-water-band-a{animation:ltpo-water-band-a 10s cubic-bezier(.47,0,.53,1) infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-water-band-b{fill:rgba(145,202,201,.5);animation:ltpo-water-band-b 13s cubic-bezier(.47,0,.53,1) infinite alternate-reverse}
.dive-descent .ltpo-rebuild .ltpo-v2-water-band-c{fill:rgba(229,240,240,.34);animation:ltpo-water-band-c 16s cubic-bezier(.47,0,.53,1) infinite alternate}
@keyframes ltpo-water-band-a{0%{transform:translate3d(-8%,2%,0) scale(1.08) skewX(-2deg)}100%{transform:translate3d(11%,-5%,0) scale(.94) skewX(3deg)}}
@keyframes ltpo-water-band-b{0%{transform:translate3d(8%,-3%,0) scale(1.03) skewX(3deg)}100%{transform:translate3d(-11%,5%,0) scale(1.13) skewX(-3deg)}}
@keyframes ltpo-water-band-c{0%{transform:translate3d(-5%,6%,0) scale(1.1)}100%{transform:translate3d(8%,-4%,0) scale(.96)}}

/* No heavy navy chapters: the deepest states stay inside a luminous blue-gray range. */
.dive-descent .ltpo-rebuild .ltpo-v2-semantic{background:linear-gradient(138deg,#5c818a 0%,#466c79 54%,#678995 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy{background:#c3d4d7}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{background:#e5e1e4;transition:none}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage::before{background:linear-gradient(135deg,#6f9199 0%,#527987 100%);opacity:calc(var(--ltpo-focus-in)*.84)}
.dive-descent .ltpo-rebuild .ltpo-v2-method{background:linear-gradient(128deg,#557984 0%,#6e929b 56%,#9eb8bd 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence{background:linear-gradient(118deg,#c6d6d7 0%,#e5e1e4 47%,#c7d4da 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing{background:#b6cdd0}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light{background:radial-gradient(ellipse at 70% 44%,rgba(223,241,233,.72) 0%,transparent 28%),radial-gradient(ellipse at 22% 88%,rgba(88,130,147,.42) 0%,transparent 45%),linear-gradient(130deg,#90aeba 0%,#c5ddda 45%,#a7bfcb 100%)}

/* Chinese display text only breaks at author-controlled boundaries. */
.dive-descent .ltpo-rebuild .ltpo-v2-no-break,.dive-descent .ltpo-rebuild .ltpo-v2-title-unit{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}
.dive-descent .ltpo-rebuild .ltpo-v2-overview h2,.dive-descent .ltpo-rebuild .ltpo-v2-value-list p strong,.dive-descent .ltpo-rebuild .ltpo-v2-focus-field strong,.dive-descent .ltpo-rebuild .ltpo-v2-question strong,.dive-descent .ltpo-rebuild .ltpo-v2-foundation h3,.dive-descent .ltpo-rebuild .ltpo-v2-method-lockup strong,.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{word-break:keep-all;overflow-wrap:normal;line-break:strict}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{white-space:nowrap}

/* Continuous pinned handoffs: retain the outgoing plane through the incoming scene's first frames. */
.dive-descent .ltpo-rebuild .ltpo-v2-foundation,.dive-descent .ltpo-rebuild .ltpo-v2-method,.dive-descent .ltpo-rebuild .ltpo-v2-evidence,.dive-descent .ltpo-rebuild .ltpo-v2-result-sheet,.dive-descent .ltpo-rebuild .ltpo-v2-closing{will-change:transform,opacity;backface-visibility:hidden}
.dive-descent .ltpo-rebuild .ltpo-v2-result-sheet{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing{opacity:max(.001,var(--ltpo-closing-in));transform:translateZ(0) scale(calc(.92 + var(--ltpo-closing-in)*.08))}

/* The ending is clipped water, not a gradient-filled wordmark: the same flow visibly crosses each letter. */
.dive-descent .ltpo-rebuild .ltpo-v2-closing-wordmark{fill:none;overflow:visible}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-wordmark-base{fill:rgba(223,233,229,.52)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-water-fill{fill:url(#ltpo-v2-closing-flow);transform-box:fill-box;transform-origin:center;animation:ltpo-closing-water-fill 11s cubic-bezier(.47,0,.53,1) infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-water-ribbon{transform-box:fill-box;transform-origin:center;fill:rgba(244,249,241,.66)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-water-ribbon-a{animation:ltpo-closing-ribbon-a 8.5s cubic-bezier(.47,0,.53,1) infinite alternate}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-water-ribbon-b{fill:rgba(117,171,184,.48);animation:ltpo-closing-ribbon-b 12s cubic-bezier(.47,0,.53,1) infinite alternate-reverse}
@keyframes ltpo-closing-water-fill{0%{transform:translate3d(-11%,0,0) scaleX(1.08)}100%{transform:translate3d(12%,0,0) scaleX(.94)}}
@keyframes ltpo-closing-ribbon-a{0%{transform:translate3d(-12%,-5%,0) scale(1.05)}100%{transform:translate3d(12%,6%,0) scale(.95)}}
@keyframes ltpo-closing-ribbon-b{0%{transform:translate3d(9%,4%,0) scale(1.08)}100%{transform:translate3d(-10%,-6%,0) scale(.94)}}
@media(max-width:760px){.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{white-space:normal}.dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3 .ltpo-v2-title-unit{display:block}.dive-descent .ltpo-rebuild .ltpo-v2-water-surface{inset:-18%;width:136%;height:136%;opacity:.82}}
@media(prefers-reduced-motion:reduce){.dive-descent .ltpo-rebuild .ltpo-v2-water-surface *, .dive-descent .ltpo-rebuild .ltpo-v2-closing-water-mask *{animation:none!important}.dive-descent .ltpo-rebuild .ltpo-v2-water-surface{opacity:.42}}

/* LTPO regression recovery: restore the pre-regression tonal hierarchy and
   keep the original scene handoff; only the approved local fixes remain. */
.dive-descent .ltpo-rebuild{
  --ink:#081923;
  --navy:#071923;
  --blue-gray:#78909b;
  --light-blue:#bad8df;
  --aqua:#a9ddd5;
  --sand:#f1efe6;
}
.dive-descent .case-reading-layer[data-reading-mode="ltpo"]{background:#f1efe6}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial,
.dive-descent .ltpo-rebuild .ltpo-v2-overview,
.dive-descent .ltpo-rebuild .ltpo-v2-result{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-semantic{background:var(--navy)}
.dive-descent .ltpo-rebuild .ltpo-v2-challenge{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy{background:#d8e0dd}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation{background:linear-gradient(125deg,#eef0e8 0%,#dbe4df 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-method{background:linear-gradient(128deg,#0a2132 0%,#18394a 60%,#416274 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence{background:var(--sand)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing{background:#061a28;color:var(--sand);opacity:var(--ltpo-closing-in);transform:scale(calc(.9 + var(--ltpo-closing-in)*.1))}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light{inset:-18%;background:radial-gradient(ellipse at 55% 42%,#668d99 0%,#244759 31%,#0a2232 64%,#04141f 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial{isolation:auto}
.dive-descent .ltpo-rebuild .ltpo-v2-editorial::before{display:none}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation,
.dive-descent .ltpo-rebuild .ltpo-v2-method,
.dive-descent .ltpo-rebuild .ltpo-v2-evidence,
.dive-descent .ltpo-rebuild .ltpo-v2-result-sheet,
.dive-descent .ltpo-rebuild .ltpo-v2-closing{will-change:auto;backface-visibility:visible}
.dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:min(94vw,1780px);height:auto;display:block}
@media(max-width:760px){.dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:103vw}}

/* LTPO palette refinement — shared tonal system only. Layout, scroll distance
   and timeline choreography are intentionally untouched. */
.dive-descent .ltpo-rebuild{
  --ltpo-tint:#efeced;
  --ltpo-tint-cool:#e4e7e8;
  --ltpo-powder:#c7d5df;
  --ltpo-mist-aqua:#b8d8d2;
  --ltpo-periwinkle:#c8cadd;
  --ltpo-blue-gray:#8099a7;
  --ltpo-deep-gray:#587788;
  --ltpo-ink:#355867;
  --ltpo-on-deep:#f3f0ed;
  --ltpo-line:rgba(53,88,103,.24);
  --sand:var(--ltpo-tint);
  --ink:var(--ltpo-ink);
  --navy:var(--ltpo-deep-gray);
  --blue-gray:var(--ltpo-blue-gray);
  --light-blue:var(--ltpo-powder);
  --aqua:var(--ltpo-mist-aqua);
}

.dive-descent .case-reading-layer[data-reading-mode="ltpo"],
.dive-descent .ltpo-rebuild .ltpo-v2-reading,
.dive-descent .ltpo-rebuild .ltpo-v2-editorial,
.dive-descent .ltpo-rebuild .ltpo-v2-overview,
.dive-descent .ltpo-rebuild .ltpo-v2-result{background:var(--ltpo-tint);color:var(--ltpo-ink)}

.dive-descent .ltpo-rebuild .ltpo-v2-hero{
  background:
    radial-gradient(ellipse at 12% 84%,color-mix(in srgb,var(--ltpo-deep-gray) 74%,transparent) 0 18%,transparent 58%),
    radial-gradient(ellipse at 83% 18%,color-mix(in srgb,var(--ltpo-mist-aqua) 78%,transparent) 0 22%,transparent 60%),
    radial-gradient(ellipse at 55% 58%,color-mix(in srgb,var(--ltpo-periwinkle) 78%,transparent) 0 20%,transparent 62%),
    linear-gradient(132deg,var(--ltpo-powder) 0%,var(--ltpo-mist-aqua) 34%,var(--ltpo-periwinkle) 67%,var(--ltpo-blue-gray) 100%);
}
.dive-descent .ltpo-rebuild .ltpo-v2-semantic{background:linear-gradient(142deg,var(--ltpo-deep-gray) 0%,var(--ltpo-blue-gray) 55%,var(--ltpo-mist-aqua) 100%);color:var(--ltpo-on-deep)}
.dive-descent .ltpo-rebuild .ltpo-v2-challenge{background:linear-gradient(165deg,var(--ltpo-tint) 0%,var(--ltpo-tint-cool) 68%,var(--ltpo-powder) 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy{background:var(--ltpo-tint-cool)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{background:var(--ltpo-tint)}
.dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage::before{background:linear-gradient(128deg,var(--ltpo-blue-gray),var(--ltpo-deep-gray))}
.dive-descent .ltpo-rebuild .ltpo-v2-foundation{background:linear-gradient(125deg,var(--ltpo-tint) 0%,var(--ltpo-tint-cool) 58%,var(--ltpo-powder) 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-method{background:linear-gradient(128deg,var(--ltpo-deep-gray) 0%,var(--ltpo-blue-gray) 57%,var(--ltpo-mist-aqua) 100%);color:var(--ltpo-on-deep)}
.dive-descent .ltpo-rebuild .ltpo-v2-evidence{background:linear-gradient(118deg,var(--ltpo-tint-cool) 0%,var(--ltpo-tint) 48%,var(--ltpo-powder) 100%)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing{background:var(--ltpo-deep-gray);color:var(--ltpo-on-deep)}
.dive-descent .ltpo-rebuild .ltpo-v2-closing-light{background:radial-gradient(ellipse at 66% 34%,color-mix(in srgb,var(--ltpo-mist-aqua) 70%,transparent) 0 22%,transparent 62%),linear-gradient(130deg,var(--ltpo-deep-gray) 0%,var(--ltpo-blue-gray) 54%,var(--ltpo-periwinkle) 100%)}

.dive-descent .ltpo-rebuild .ltpo-v2-editorial,
.dive-descent .ltpo-rebuild .ltpo-v2-project-data,
.dive-descent .ltpo-rebuild .ltpo-v2-foundation-card,
.dive-descent .ltpo-rebuild .ltpo-v2-evidence-caption{border-color:var(--ltpo-line)}

/* BACK retains its fixed geometry and uses the existing scroll state only. */
.dive-descent .ltpo-rebuild .ltpo-v2-topbar{mix-blend-mode:normal;text-shadow:none;transition:color .2s ease}
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="light"] .ltpo-v2-topbar,
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="light"] .ltpo-v2-topbar .case-reading-return,
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="light"] .case-reading-return-top{color:var(--ltpo-on-deep);text-shadow:none}
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="dark"] .ltpo-v2-topbar,
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="dark"] .ltpo-v2-topbar .case-reading-return,
.dive-descent .ltpo-rebuild[data-ltpo-topbar-tone="dark"] .case-reading-return-top{color:var(--ltpo-ink);text-shadow:none}

/* The result copy already fits the first sticky viewport. Keep only that
   reading viewport plus the existing Ending viewport; remove the unused hold
   between them without changing the result/closing choreography. */
.dive-descent .ltpo-rebuild .ltpo-v2-result{height:200svh}
@media(max-width:760px){.dive-descent .ltpo-rebuild .ltpo-v2-result{height:205svh}}

/* During Hero framing, the revealed base plane is the same tinted surface as
   Overview, so the extraction reads as one continuous page rather than a color
   seam. The active light field remains unchanged above it. */
.dive-descent .ltpo-rebuild .ltpo-v2-hero,
.dive-descent .ltpo-rebuild .ltpo-v2-hero-stage,
.dive-descent .ltpo-rebuild .ltpo-v2-hero-frame,
.dive-descent .ltpo-rebuild .ltpo-v2-overview{background:var(--ltpo-tint)}

/* 100-inch Case Reading v3 — a water-soaked memory of an obsolete future. */
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]{display:block;width:100vw;max-width:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background:#102733;color:#dce8e9;scrollbar-width:none}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]::-webkit-scrollbar{display:none}
.dive-descent .hundred-v3,.dive-descent .hundred-v3 .hundred-inch-reading-scroll{position:relative;width:100%;max-width:none;min-height:760svh;margin:0;padding:0;background:#102733}
.dive-descent .hundred-v3[hidden]{display:none!important}
.dive-descent .hundred-v3 .hundred-inch-reading-stage{position:sticky;inset:0;width:100vw;max-width:none;height:100svh;min-height:620px;margin:0;overflow:hidden;background:#102733;isolation:isolate;perspective:1500px}
.dive-descent .hundred-v3 .hundred-inch-state{position:absolute;inset:0;width:100vw;height:100svh;min-height:620px;overflow:hidden;visibility:hidden;opacity:0;transform-style:preserve-3d;pointer-events:none}
.dive-descent .hundred-v3 .hundred-inch-state-hero{visibility:visible;opacity:1}
.dive-descent .hundred-v3 .hundred-inch-reading-topbar{position:sticky;top:0;z-index:80;height:0;padding:25px 4.2vw;color:rgba(226,238,239,.76);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em;mix-blend-mode:difference}
.dive-descent .hundred-v3 .hundred-inch-reading-topbar .case-reading-return{color:inherit;border-bottom-color:currentColor}
.dive-descent .hundred-v3 .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dive-descent .hundred-v3-index{position:absolute;left:5.8vw;top:15vh;z-index:5;color:rgba(220,233,234,.55);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.22em}

/* Shared water is soft, luminous and slightly synthetic, never ruin scenery. */
.dive-descent .hundred-v3-water{position:absolute;inset:-10%;z-index:-5;background:radial-gradient(ellipse at 48% -7%,rgba(230,249,246,.62) 0 3%,rgba(136,205,214,.26) 14%,transparent 34%),radial-gradient(ellipse at 16% 38%,rgba(75,151,176,.45),transparent 43%),radial-gradient(ellipse at 83% 52%,rgba(74,123,155,.37),transparent 48%),linear-gradient(180deg,#397f99 0%,#245c77 38%,#173b50 70%,#102631 100%);filter:saturate(.72);animation:hundred-v3-water-drift 18s ease-in-out infinite alternate;will-change:transform,opacity}
.dive-descent .hundred-v3-water::before{content:"";position:absolute;inset:-8%;background:repeating-linear-gradient(174deg,transparent 0 38px,rgba(227,247,244,.08) 42px,transparent 47px 94px),radial-gradient(ellipse at 22% 3%,rgba(231,248,244,.2),transparent 25%),radial-gradient(ellipse at 76% 0,rgba(164,220,224,.17),transparent 28%);filter:blur(4px);opacity:.66;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.7) 42%,transparent 79%)}
.dive-descent .hundred-v3-water::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-8%;height:28%;background:radial-gradient(ellipse at 22% 92%,rgba(7,24,31,.72) 0 18%,transparent 46%),radial-gradient(ellipse at 70% 100%,rgba(7,25,34,.7) 0 20%,transparent 52%),linear-gradient(180deg,transparent,rgba(7,20,27,.8));filter:blur(3px)}
.dive-descent .hundred-v3-caustic{position:absolute;inset:-30% -20%;z-index:-4;background:linear-gradient(111deg,transparent 25%,rgba(225,247,242,.17) 40%,transparent 55%),linear-gradient(78deg,transparent 55%,rgba(134,204,214,.1) 67%,transparent 77%);filter:blur(28px);opacity:.9;animation:hundred-v3-caustic-drift 14s ease-in-out infinite alternate;will-change:transform,opacity}
.dive-descent .hundred-v3-grain{position:absolute;inset:-8%;z-index:60;pointer-events:none;background-image:radial-gradient(circle,rgba(229,247,245,.32) 0 .7px,transparent 1.2px),radial-gradient(circle,rgba(105,165,183,.25) 0 .65px,transparent 1.1px);background-size:151px 193px,223px 271px;background-position:21px 43px,89px 117px;opacity:.18;mix-blend-mode:screen;animation:hundred-v3-grain-drift 22s linear infinite}
@keyframes hundred-v3-water-drift{to{transform:scale(1.045) translate3d(1.8%,-1.2%,0)}}
@keyframes hundred-v3-caustic-drift{from{transform:translate3d(-9%,1%,0) rotate(-5deg)}to{transform:translate3d(10%,-2%,0) rotate(-1deg)}}
@keyframes hundred-v3-grain-drift{to{transform:translate3d(2%,-5%,0)}}

/* 01 / one clean, almost remembered television. */
.dive-descent .hundred-v3 .hundred-inch-state-hero{background:radial-gradient(ellipse at 50% 70%,rgba(166,218,221,.08),transparent 40%)}
.dive-descent .hundred-v3-tv{position:absolute;left:50%;top:62%;z-index:4;width:clamp(500px,39vw,620px);aspect-ratio:1.43;transform:translate(-50%,-50%) rotate(-1.5deg);transform-origin:50% 75%;filter:drop-shadow(0 30px 28px rgba(5,19,28,.46));will-change:transform,opacity}
.dive-descent .hundred-v3-tv-shadow{position:absolute;left:7%;right:5%;bottom:-1%;height:10%;border-radius:50%;background:rgba(4,16,23,.55);filter:blur(18px)}
.dive-descent .hundred-v3-tv-body{position:absolute;inset:0;border:1px solid rgba(207,225,226,.24);border-radius:8% 7% 7% 9% / 10% 9% 8% 10%;background:linear-gradient(145deg,rgba(111,134,141,.96),rgba(42,65,73,.97) 55%,rgba(23,43,51,.98));box-shadow:inset 0 1px 0 rgba(239,248,246,.24),inset 0 -18px 32px rgba(5,19,26,.3);overflow:hidden}
.dive-descent .hundred-v3-tv-body::after{content:"";position:absolute;inset:0;background:linear-gradient(122deg,rgba(235,247,244,.12),transparent 34%,rgba(5,23,32,.12) 70%);opacity:.72}
.dive-descent .hundred-v3-tv-screen{position:absolute;left:5.5%;top:8%;z-index:2;width:77%;height:82%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px solid rgba(207,235,239,.27);border-radius:10% 8% 11% 9% / 11% 9% 12% 10%;background:radial-gradient(ellipse at 48% 45%,#4b99d9 0%,#2d77bb 48%,#22567f 100%);box-shadow:0 0 32px rgba(72,151,210,.32),inset 0 0 54px rgba(13,40,65,.4);color:#edf8f8;font-family:"VT323","Courier New",ui-monospace,monospace;text-align:center;text-shadow:0 0 2px #fff,0 0 10px rgba(202,239,247,.5)}
.dive-descent .hundred-v3-tv-screen::before,.dive-descent .hundred-v3-question-screen::before,.dive-descent .hundred-v3-scale-100::before,.dive-descent .hundred-v3-return-frame::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(237,252,251,.1) 0 1px,transparent 1px 5px);opacity:.4;pointer-events:none}
.dive-descent .hundred-v3-tv-screen>i,.dive-descent .hundred-v3-signal,.dive-descent .hundred-v3-scale-100>i{position:absolute;inset:-15%;background:radial-gradient(rgba(236,252,251,.26) .6px,transparent .9px),radial-gradient(rgba(9,45,77,.22) .6px,transparent 1px);background-size:5px 4px,8px 7px;opacity:.25;mix-blend-mode:screen;animation:hundred-inch-static-shift 3.8s steps(2,end) infinite}
.dive-descent .hundred-v3-tv-screen strong,.dive-descent .hundred-v3-tv-screen b,.dive-descent .hundred-v3-tv-screen small{position:relative;z-index:2;display:block;font-weight:400}
.dive-descent .hundred-v3-tv-screen strong{font-size:clamp(48px,4.7vw,72px);line-height:.76;letter-spacing:.035em}
.dive-descent .hundred-v3-tv-screen b{font-size:clamp(18px,1.55vw,24px);letter-spacing:.12em}
.dive-descent .hundred-v3-tv-screen small{max-width:84%;font-size:11px;line-height:1.35;letter-spacing:.075em}
.dive-descent .hundred-v3-tv-controls{position:absolute;right:3.8%;top:10%;z-index:3;width:9%;height:78%;display:flex;flex-direction:column;align-items:center;gap:10%;padding-top:9%}
.dive-descent .hundred-v3-tv-controls i{display:block;width:64%;aspect-ratio:1;border:1px solid rgba(216,232,232,.34);border-radius:50%;background:radial-gradient(circle at 38% 35%,#82969a,#263d44 58%,#14272f);box-shadow:0 4px 8px rgba(0,0,0,.25)}
.dive-descent .hundred-v3-tv-controls span{display:block;width:70%;height:38%;margin-top:8%;background:repeating-linear-gradient(180deg,rgba(200,217,216,.36) 0 1px,transparent 1px 5px);opacity:.64}

/* 02 / the shell has nearly vanished; context sits beside one luminous plane. */
.dive-descent .hundred-v3 .hundred-inch-state-flat{background:radial-gradient(ellipse at 71% 48%,rgba(61,118,151,.23),transparent 48%),linear-gradient(140deg,#17313d,#10232e 72%)}
.dive-descent .hundred-v3-context-note{position:absolute;left:6.5vw;bottom:13vh;z-index:3;width:22vw;max-width:330px;color:rgba(219,232,233,.74)}
.dive-descent .hundred-v3-context-note span,.dive-descent .hundred-v3-frame-copy span{display:block;margin-bottom:17px;font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.21em;color:rgba(207,224,226,.52)}
.dive-descent .hundred-v3-context-note p{margin:0;font:400 14px/1.85 "Noto Serif SC","Songti SC",serif;letter-spacing:.045em}
.dive-descent .hundred-v3-question-screen{position:absolute;left:61%;top:50%;z-index:2;width:64vw;height:72vh;display:grid;place-items:center;overflow:hidden;transform:translate(-50%,-50%);border:1px solid rgba(167,211,229,.22);border-radius:2.2% 1.5% 2.5% 1.8% / 3.2% 2.5% 3.6% 2.7%;background:radial-gradient(ellipse at 48% 44%,#3e91d5 0%,#2c73b5 50%,#1f527c 100%);box-shadow:0 0 90px rgba(56,132,185,.22),inset 0 0 90px rgba(14,45,73,.35);color:#edf8f8;will-change:transform,opacity,border-radius}
.dive-descent .hundred-v3-question-screen>div{position:relative;z-index:2;width:70%;max-width:720px}
.dive-descent .hundred-v3-question-screen small{display:block;margin-bottom:23px;font:400 12px/1 "VT323","Courier New",monospace;letter-spacing:.15em;color:rgba(236,250,251,.72)}
.dive-descent .hundred-v3-question-screen h2{margin:0;color:#edf8f8;font:400 clamp(31px,3.6vw,55px)/1.17 "Noto Serif SC","Songti SC",serif;letter-spacing:.025em;text-shadow:0 0 20px rgba(220,245,247,.16)}
.dive-descent .hundred-v3-question-screen p{margin:23px 0 0;color:rgba(239,249,249,.88);font:400 clamp(17px,1.55vw,24px)/1.5 "Noto Serif SC","Songti SC",serif;letter-spacing:.035em}

/* 03 / screens first float as memory fragments, then flatten into one reading field. */
.dive-descent .hundred-v3 .hundred-inch-state-approach{background:radial-gradient(ellipse at 48% 50%,#244b61 0%,#142d3a 47%,#0e222d 100%);perspective:1300px}
.dive-descent .hundred-v3-plane-field{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;will-change:transform,opacity}
.dive-descent .hundred-v3-plane{position:absolute;display:block;overflow:hidden;border:1px solid rgba(179,219,230,.27);background:linear-gradient(145deg,rgba(61,145,206,.88),rgba(36,95,143,.76));box-shadow:0 22px 50px rgba(6,23,34,.28),inset 0 0 38px rgba(8,39,68,.2);color:rgba(235,249,249,.92);font:400 clamp(23px,2.8vw,43px)/.9 "VT323","Courier New",monospace;letter-spacing:.035em;text-shadow:0 0 8px rgba(219,246,248,.35);transform-style:preserve-3d}
.dive-descent .hundred-v3-plane::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(235,250,250,.09) 0 1px,transparent 1px 5px);opacity:.55}
.dive-descent .hundred-v3-plane span{position:absolute;left:8%;bottom:10%;z-index:2;max-width:84%}
.dive-descent .hundred-v3-plane-a{left:-4vw;top:31vh;width:35vw;height:32vh;transform:translateZ(130px) rotateY(14deg) rotateZ(-2deg)}
.dive-descent .hundred-v3-plane-b{left:36vw;top:9vh;width:27vw;height:27vh;transform:translateZ(-45px) rotateX(-6deg) rotateZ(1deg)}
.dive-descent .hundred-v3-plane-c{right:-3vw;top:28vh;width:34vw;height:38vh;transform:translateZ(110px) rotateY(-15deg) rotateZ(1.6deg)}
.dive-descent .hundred-v3-plane-d{left:31vw;bottom:-3vh;width:36vw;height:28vh;transform:translateZ(20px) rotateX(7deg) rotateZ(-1deg)}
.dive-descent .hundred-v3-approach-editorial{position:absolute;inset:13vh 6vw 8vh;z-index:3;color:#dce8e9;opacity:0;visibility:hidden;will-change:transform,opacity}
.dive-descent .hundred-v3-approach-editorial header{display:flex;align-items:flex-end;justify-content:space-between}
.dive-descent .hundred-v3-approach-editorial header>span{font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.21em;color:rgba(207,224,226,.52)}
.dive-descent .hundred-v3-approach-editorial h2{width:34vw;margin:0;font:400 clamp(32px,3.7vw,56px)/1.12 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em}
.dive-descent .hundred-v3-route{display:flex;align-items:center;justify-content:space-between;width:100%;margin:9vh 0 6vh;padding:0 0 18px;border-bottom:1px solid rgba(200,222,225,.27);font:400 clamp(18px,1.8vw,27px)/1.2 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-v3-route b{font-weight:400}.dive-descent .hundred-v3-route i{color:rgba(187,215,219,.38);font-style:normal}
.dive-descent .hundred-v3-approach-list{display:grid;grid-template-columns:repeat(4,1fr);gap:3vw}
.dive-descent .hundred-v3-approach-list article{min-width:0;border:0;background:none}
.dive-descent .hundred-v3-approach-list span{display:block;margin-bottom:14px;color:rgba(204,224,226,.45);font:9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.18em}
.dive-descent .hundred-v3-approach-list h3{margin:0 0 12px;color:#e2eded;font:400 17px/1.3 "Noto Serif SC","Songti SC",serif;letter-spacing:.1em}
.dive-descent .hundred-v3-approach-list p{margin:0;color:rgba(212,228,230,.67);font:400 12px/1.78 "Noto Serif SC","Songti SC",serif;letter-spacing:.025em}

/* 04 / scale is felt through two boundaries, not measured by an interface. */
.dive-descent .hundred-v3 .hundred-inch-state-array{background:radial-gradient(ellipse at 60% 47%,rgba(83,151,186,.23),transparent 50%),linear-gradient(145deg,#183542,#102733 75%)}
.dive-descent .hundred-v3-scale-composition{position:absolute;inset:0;perspective:1400px}
.dive-descent .hundred-v3-scale-98{position:absolute;left:5vw;top:31vh;width:31vw;height:37vh;display:grid;place-items:center;border:1px solid rgba(183,216,222,.29);color:rgba(208,229,232,.46);transform:rotateY(8deg) rotateZ(-1deg);will-change:transform,opacity}
.dive-descent .hundred-v3-scale-98 span{font:400 clamp(58px,8vw,122px)/1 "VT323","Courier New",monospace;letter-spacing:.04em}
.dive-descent .hundred-v3-scale-100{position:absolute;right:-3vw;top:14vh;width:71vw;height:72vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:15%;overflow:hidden;border:1px solid rgba(179,220,233,.23);border-radius:1.5%;background:linear-gradient(140deg,rgba(64,145,201,.9),rgba(39,96,143,.82));box-shadow:0 0 90px rgba(61,137,188,.2),inset 0 0 80px rgba(11,42,70,.28);color:#eef8f8;transform:rotateY(-3deg);transform-origin:right center;will-change:transform,opacity}
.dive-descent .hundred-v3-scale-100 small,.dive-descent .hundred-v3-scale-100 strong,.dive-descent .hundred-v3-scale-100 h2{position:relative;z-index:2}
.dive-descent .hundred-v3-scale-100 small{font:400 12px/1 "VT323","Courier New",monospace;letter-spacing:.18em;opacity:.62}
.dive-descent .hundred-v3-scale-100 strong{margin:8px 0 17px;font:400 clamp(90px,13vw,198px)/.72 "VT323","Courier New",monospace;letter-spacing:.015em;text-shadow:0 0 14px rgba(223,248,249,.4)}
.dive-descent .hundred-v3-scale-100 h2{margin:0;font:400 clamp(30px,4vw,60px)/1.1 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em}

/* 05 / all material disappears and only the boundary remains. */
.dive-descent .hundred-v3 .hundred-inch-state-frame{background:#e2e8e8;color:#1b3039}
.dive-descent .hundred-v3-frame{position:absolute;left:50%;top:50%;width:70vw;height:78vh;transform:translate(-50%,-50%);border:1.15px solid #203740;will-change:transform,opacity,border-radius,background-color}
.dive-descent .hundred-v3-frame-copy{position:absolute;left:17vw;bottom:14vh;width:min(39vw,560px);z-index:2;color:#1b3039;will-change:transform,opacity}
.dive-descent .hundred-v3-frame-copy span{color:rgba(27,48,57,.48)}
.dive-descent .hundred-v3-frame-copy h2{margin:0;font:400 clamp(23px,2.45vw,37px)/1.35 "Noto Serif SC","Songti SC",serif;letter-spacing:.045em}

/* 06 / the same boundary remembers a screen, then water. */
.dive-descent .hundred-v3 .hundred-inch-state-return{background:radial-gradient(ellipse at 50% 0,rgba(216,244,241,.36),transparent 31%),linear-gradient(180deg,#347d98 0%,#245d78 43%,#153746 76%,#102631 100%)}
.dive-descent .hundred-v3 .hundred-inch-state-return::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-7%;height:28%;background:radial-gradient(ellipse at 22% 92%,rgba(7,24,31,.7) 0 18%,transparent 46%),radial-gradient(ellipse at 70% 100%,rgba(7,25,34,.68) 0 20%,transparent 52%),linear-gradient(180deg,transparent,rgba(7,20,27,.76));filter:blur(3px)}
.dive-descent .hundred-v3-return-frame{position:absolute;left:50%;top:58%;z-index:3;width:49vw;height:55vh;display:grid;place-items:center;overflow:hidden;transform:translate(-50%,-50%);border:1px solid rgba(197,226,230,.42);border-radius:3% / 5%;background:linear-gradient(145deg,rgba(60,139,190,.62),rgba(35,83,120,.56));box-shadow:0 0 85px rgba(111,187,209,.18),inset 0 0 70px rgba(11,41,65,.27);will-change:transform,opacity,border-radius,background-color}
.dive-descent .hundred-v3-return-frame .case-reading-return{position:relative;z-index:3;padding:14px 18px;border:0;background:transparent;color:#eef9f8;font:400 clamp(29px,4vw,60px)/1 "VT323","Courier New",monospace;letter-spacing:.07em;text-shadow:0 0 3px rgba(238,253,252,.9),0 0 12px rgba(191,235,241,.42)}
.dive-descent .hundred-v3-return-frame .case-reading-return:hover,.dive-descent .hundred-v3-return-frame .case-reading-return:focus-visible{color:#fff3c9;outline:1px solid rgba(255,243,201,.65);outline-offset:8px}

@media(max-width:900px){
  .dive-descent .hundred-v3,.dive-descent .hundred-v3 .hundred-inch-reading-scroll{min-height:790svh}.dive-descent .hundred-v3-tv{width:min(72vw,560px)}
  .dive-descent .hundred-v3-context-note{left:5vw;width:27vw}.dive-descent .hundred-v3-question-screen{left:64%;width:68vw}
  .dive-descent .hundred-v3-approach-editorial{inset:12vh 4vw 7vh}.dive-descent .hundred-v3-route{font-size:16px}.dive-descent .hundred-v3-approach-list{gap:2vw}.dive-descent .hundred-v3-approach-list p{font-size:11px}
}
@media(max-width:700px){
  .dive-descent .hundred-v3-tv{top:60%;width:84vw}.dive-descent .hundred-v3-index{left:6vw;top:13vh}
  .dive-descent .hundred-v3-context-note{left:7vw;top:13vh;bottom:auto;width:78vw}.dive-descent .hundred-v3-question-screen{left:50%;top:62%;width:88vw;height:58vh}.dive-descent .hundred-v3-question-screen>div{width:78%}
  .dive-descent .hundred-v3-approach-editorial{inset:11vh 6vw 5vh;overflow:auto}.dive-descent .hundred-v3-approach-editorial header{display:block}.dive-descent .hundred-v3-approach-editorial h2{width:auto;margin-top:14px;font-size:31px}.dive-descent .hundred-v3-route{margin:4vh 0 3vh;font-size:12px;gap:7px}.dive-descent .hundred-v3-approach-list{grid-template-columns:1fr 1fr;gap:24px}.dive-descent .hundred-v3-plane{font-size:24px}
  .dive-descent .hundred-v3-scale-98{left:-8vw;top:24vh;width:49vw;height:31vh}.dive-descent .hundred-v3-scale-100{right:-17vw;top:24vh;width:82vw;height:58vh;padding-left:14%}.dive-descent .hundred-v3-scale-100 strong{font-size:25vw}.dive-descent .hundred-v3-scale-100 h2{font-size:7vw}
  .dive-descent .hundred-v3-frame{width:84vw;height:77vh}.dive-descent .hundred-v3-frame-copy{left:12vw;bottom:15vh;width:70vw}.dive-descent .hundred-v3-return-frame{width:78vw;height:54vh}
}
@media(prefers-reduced-motion:reduce){.dive-descent .hundred-v3-water,.dive-descent .hundred-v3-caustic,.dive-descent .hundred-v3-grain,.dive-descent .hundred-v3-tv-screen>i,.dive-descent .hundred-v3-signal,.dive-descent .hundred-v3-scale-100>i{animation:none!important}}

/* 100-inch Case — locked artwork landing. The sequence above remains intact; these rules only replace its placeholders with supplied art. */
.dive-descent .hundred-v3-water{background-image:url("assets/100-inch/hero-underwater.png");background-position:center center;background-size:cover;background-repeat:no-repeat;filter:saturate(.82) brightness(.94)}
.dive-descent .hundred-v3-water::before{background:linear-gradient(180deg,rgba(185,229,232,.09),transparent 36%,rgba(8,33,42,.12));opacity:.56}
.dive-descent .hundred-v3-water::after{opacity:.44}
.dive-descent .hundred-v3-tv{top:59%;width:clamp(780px,64vw,1060px);aspect-ratio:16/9;filter:drop-shadow(0 28px 26px rgba(4,21,30,.28))}
.dive-descent .hundred-v3-tv-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.dive-descent .hundred-v3-tv-body,.dive-descent .hundred-v3-tv-controls{display:none}
.dive-descent .hundred-v3-tv-shadow{z-index:1;left:26%;right:19%;bottom:10%;height:7%;background:rgba(3,19,29,.34);filter:blur(20px)}
.dive-descent .hundred-v3-tv-screen{left:43.5%;top:24.5%;z-index:3;width:25%;height:48%;gap:5px;border:0;border-radius:12% 11% 13% 12% / 10% 11% 13% 12%;background:transparent;box-shadow:none;font-family:"VT323","Courier New",ui-monospace,monospace;text-shadow:0 0 2px rgba(255,255,255,.78),0 0 9px rgba(206,244,247,.5)}
.dive-descent .hundred-v3-tv-screen strong{font-size:clamp(32px,3.7vw,60px)}
.dive-descent .hundred-v3-tv-screen b{font-size:clamp(15px,1.28vw,21px)}
.dive-descent .hundred-v3-tv-screen small{font-size:clamp(7px,.68vw,10px);line-height:1.22}

.dive-descent .hundred-v3 .hundred-inch-state-flat{background:radial-gradient(ellipse at 48% 48%,rgba(39,86,111,.3),transparent 42%),#07111c}
.dive-descent .hundred-v3-question-screen{left:59%;width:min(66vw,980px);height:auto;aspect-ratio:1448/1086;border:0;border-radius:0;background-image:url("assets/100-inch/crt-screen.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;overflow:visible}
.dive-descent .hundred-v3-question-screen::before{inset:9% 8% 8%;border-radius:12% 11% 13% 12% / 13% 13% 14% 12%;opacity:.19}
.dive-descent .hundred-v3-question-screen>div{width:57%;max-width:650px;transform:translate(-4%,-1%)}
.dive-descent .hundred-v3-question-screen h2{font-size:clamp(28px,3.25vw,51px)}
.dive-descent .hundred-v3-question-screen p{font-size:clamp(15px,1.38vw,22px)}

.dive-descent .hundred-v3 .hundred-inch-state-approach{background:radial-gradient(ellipse at 74% 25%,rgba(238,220,232,.7),transparent 44%),radial-gradient(ellipse at 20% 70%,rgba(193,220,232,.88),transparent 54%),linear-gradient(118deg,#d8e4ea 0%,#e5e6ee 52%,#eadde4 100%)}
.dive-descent .hundred-v3-plane{border-color:rgba(46,82,107,.28);background:linear-gradient(145deg,rgba(68,133,190,.8),rgba(79,120,174,.69));box-shadow:0 22px 50px rgba(67,91,117,.16),inset 0 0 38px rgba(225,239,243,.12)}
.dive-descent .hundred-v3-approach-editorial{color:#233b4a}.dive-descent .hundred-v3-approach-editorial header>span,.dive-descent .hundred-v3-route i,.dive-descent .hundred-v3-approach-list span{color:rgba(35,59,74,.5)}
.dive-descent .hundred-v3-route{border-bottom-color:rgba(35,59,74,.25)}.dive-descent .hundred-v3-approach-list h3{color:#243c4a}.dive-descent .hundred-v3-approach-list p{color:rgba(35,59,74,.72)}

.dive-descent .hundred-v3 .hundred-inch-state-array{background-image:linear-gradient(90deg,rgba(226,235,239,.13),rgba(220,229,239,.04)),url("assets/100-inch/factcheck-atmosphere.png");background-size:cover;background-position:center;isolation:isolate}
.dive-descent .hundred-v3-factcheck-copy{position:absolute;left:8vw;top:50%;z-index:5;width:min(34vw,470px);transform:translateY(-50%);color:#263e4c}
.dive-descent .hundred-v3-factcheck-copy span{display:block;margin-bottom:20px;color:rgba(38,62,76,.6);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.22em}
.dive-descent .hundred-v3-factcheck-copy h2{margin:0 0 22px;font:400 clamp(39px,4.6vw,70px)/1.05 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.dive-descent .hundred-v3-factcheck-copy p{margin:0;max-width:28em;font:400 clamp(14px,1.18vw,18px)/1.85 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em;color:rgba(38,62,76,.77)}
.dive-descent .hundred-v3-scale-composition{left:43%;right:2vw;width:auto;z-index:2;overflow:visible}
.dive-descent .hundred-v3-factcheck-tv-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 26px rgba(70,93,120,.18));pointer-events:none}
.dive-descent .hundred-v3-scale-98,.dive-descent .hundred-v3-scale-100{position:absolute;z-index:4;display:grid;place-items:center;border:0;background:none;box-shadow:none;overflow:hidden;font-family:"VT323","Courier New",ui-monospace,monospace;text-shadow:0 0 8px rgba(218,249,250,.62);will-change:transform,opacity}
.dive-descent .hundred-v3-scale-98{left:29%;top:26%;width:27%;height:15%;color:rgba(201,235,240,.55);transform:rotate(-1.2deg)}
.dive-descent .hundred-v3-scale-98::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(237,252,251,.1) 0 1px,transparent 1px 5px);opacity:.35}
.dive-descent .hundred-v3-scale-100{right:16%;top:49%;width:37%;height:17%;padding:0;color:#eafcff;transform:rotate(.5deg)}
.dive-descent .hundred-v3-scale-100>i{inset:-10%;opacity:.18}.dive-descent .hundred-v3-scale-100 strong,.dive-descent .hundred-v3-scale-100 b{position:relative;z-index:2;display:block;font-weight:400;text-align:center}
.dive-descent .hundred-v3-scale-100 strong{margin:0;font-size:clamp(42px,5.1vw,78px);line-height:.72}.dive-descent .hundred-v3-scale-100 b{margin-top:12px;font:400 clamp(13px,1.25vw,20px)/1 "Noto Serif SC","Songti SC",serif;letter-spacing:.1em}

.dive-descent .hundred-v3 .hundred-inch-state-frame{background:radial-gradient(ellipse at 70% 16%,rgba(232,220,230,.78),transparent 43%),radial-gradient(ellipse at 12% 84%,rgba(213,228,234,.85),transparent 48%),linear-gradient(115deg,#ecefed,#d8e3ea 52%,#e8dde1)}
.dive-descent .hundred-v3-frame{width:70vw;height:76vh;border:1.7px solid #263c49;background:transparent!important;box-shadow:none}
.dive-descent .hundred-v3-frame-copy{left:19vw;bottom:15vh;color:#263c49}.dive-descent .hundred-v3-frame-copy span{color:rgba(38,60,73,.56)}
.dive-descent .hundred-v3-frame-copy h2{font-size:clamp(22px,2.22vw,34px)}.dive-descent .hundred-v3-frame-copy small{display:block;margin-top:19px;color:rgba(38,60,73,.56);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.18em}
.dive-descent .hundred-v3 .hundred-inch-state-return{background:radial-gradient(ellipse at 50% 0,rgba(220,246,242,.24),transparent 31%),linear-gradient(180deg,#4d8fa7 0%,#306b83 42%,#173f50 77%,#0b2733 100%)}
.dive-descent .hundred-v3-return-frame{top:50%;width:70vw;height:76vh;border:1.7px solid rgba(220,237,238,.72);border-radius:0!important;background:rgba(34,91,121,.16)!important;box-shadow:none}
.dive-descent .hundred-v3-return-frame .case-reading-return{padding:14px 24px;color:#effaf8;font-size:clamp(25px,3.2vw,50px);text-shadow:0 0 10px rgba(196,237,241,.55)}

@media(max-width:900px){.dive-descent .hundred-v3-tv{width:88vw}.dive-descent .hundred-v3-question-screen{left:61%;width:76vw}.dive-descent .hundred-v3-factcheck-copy{left:6vw;width:35vw}.dive-descent .hundred-v3-scale-composition{left:40%;right:-6vw}.dive-descent .hundred-v3-frame,.dive-descent .hundred-v3-return-frame{width:78vw}}
@media(max-width:700px){.dive-descent .hundred-v3-tv{width:142vw;top:61%}.dive-descent .hundred-v3-question-screen{left:50%;top:62%;width:106vw}.dive-descent .hundred-v3-factcheck-copy{left:8vw;top:21%;width:76vw;transform:none}.dive-descent .hundred-v3-scale-composition{left:3vw;right:3vw;top:29%;height:65%}.dive-descent .hundred-v3-frame,.dive-descent .hundred-v3-return-frame{width:84vw;height:76vh}.dive-descent .hundred-v3-frame-copy{left:12vw;bottom:14vh;width:70vw}}

/* 100-inch four-state correction — Hero / full CRT / Fact Check / underwater return. */
.dive-descent .hundred-v3 .hundred-inch-reading-topbar{position:fixed;inset:0 0 auto 0;width:100%;height:auto;box-sizing:border-box;background:transparent;mix-blend-mode:difference}
.dive-descent .hundred-v3 .hundred-inch-reading-stage::before{display:none}
.dive-descent .hundred-v3 .hundred-inch-reading-stage::after{background:linear-gradient(180deg,rgba(28,69,87,.05),transparent 20%,transparent 80%,rgba(26,65,82,.06))}

/* A / the background is the viewport; the television is the only middle-ground object. */
.dive-descent .hundred-v3-water{inset:0;background-image:url("assets/100-inch/hero-underwater-updated.png");background-position:center center;background-size:cover;filter:saturate(.9) contrast(.98) brightness(.98)}
.dive-descent .hundred-v3-water::before{inset:-5%;background:linear-gradient(113deg,transparent 24%,rgba(240,251,249,.16) 43%,transparent 62%),radial-gradient(ellipse at 50% 4%,rgba(255,255,255,.18),transparent 34%);filter:blur(15px);opacity:.58}
.dive-descent .hundred-v3-water::after{left:-5%;right:-5%;bottom:-6%;height:23%;background:linear-gradient(180deg,transparent,rgba(205,225,230,.14));filter:blur(12px);opacity:.52}
.dive-descent .hundred-v3 .hundred-inch-state-hero{background:transparent}
.dive-descent .hundred-v3-index{top:14vh;color:rgba(31,69,87,.62);text-shadow:0 1px 8px rgba(238,250,250,.72)}
.dive-descent .hundred-v3-tv{left:50%;top:61%;width:clamp(850px,68vw,1120px);filter:drop-shadow(0 30px 28px rgba(36,73,91,.24))}
.dive-descent .hundred-v3-tv-shadow{left:27%;right:18%;bottom:9%;height:8%;background:rgba(49,81,95,.23);filter:blur(24px)}
.dive-descent .hundred-v3-tv-screen{left:43.2%;top:24%;width:25.8%;height:49%;gap:6px;color:#f7ffff;text-shadow:0 0 2px #fff,0 0 8px rgba(190,244,250,.9),0 1px 2px rgba(16,64,86,.5)}
.dive-descent .hundred-v3-tv-screen strong{font-size:clamp(52px,5vw,80px);line-height:.72;letter-spacing:.025em}
.dive-descent .hundred-v3-tv-screen b{font-size:clamp(20px,1.72vw,29px);line-height:1;letter-spacing:.1em}
.dive-descent .hundred-v3-tv-screen small{max-width:90%;font-size:clamp(10px,.88vw,14px);line-height:1.28;letter-spacing:.045em}

/* B / the supplied CRT surface grows past the viewport edge; it is no longer a card. */
.dive-descent .hundred-v3 .hundred-inch-state-flat{background:#3d8bd2}
.dive-descent .hundred-v3-question-screen{left:50%;top:50%;width:100vw;height:100vh;aspect-ratio:auto;background-position:center;background-size:134% 138%;border:0;border-radius:0!important;box-shadow:none;overflow:hidden}
.dive-descent .hundred-v3-question-screen::before{inset:0;border-radius:0;background:repeating-linear-gradient(0deg,rgba(244,253,255,.085) 0 1px,transparent 1px 4px);opacity:.52;mix-blend-mode:screen}
.dive-descent .hundred-v3-question-screen::after{content:"";position:absolute;inset:-6%;z-index:1;background:radial-gradient(ellipse at 50% 47%,transparent 50%,rgba(7,29,57,.18) 84%,rgba(5,21,43,.27) 100%);pointer-events:none}
.dive-descent .hundred-v3-question-screen>.hundred-v3-signal{z-index:2;opacity:.2}
.dive-descent .hundred-v3-question-screen>div{z-index:3;width:min(72vw,900px);max-width:none;transform:none;text-align:left}
.dive-descent .hundred-v3-question-screen small{margin-bottom:26px;font-size:13px;color:rgba(243,253,255,.78)}
.dive-descent .hundred-v3-question-screen h2{max-width:19em;font-size:clamp(43px,4.8vw,74px);line-height:1.16;text-shadow:0 0 16px rgba(222,249,255,.24)}
.dive-descent .hundred-v3-question-screen p{font-size:clamp(20px,1.8vw,28px);color:rgba(249,254,255,.94)}
.dive-descent .hundred-v3-context-note{left:8vw;bottom:7.5vh;z-index:6;width:min(36vw,520px);max-width:none;color:rgba(248,254,255,.9);text-shadow:0 1px 10px rgba(20,69,112,.2)}
.dive-descent .hundred-v3-context-note span{color:rgba(248,254,255,.72)}
.dive-descent .hundred-v3-context-note p{font-size:clamp(13px,1vw,16px);line-height:1.72}

/* The method remains one editorial beat; the detailed Fact Check copy only exists in C. */
.dive-descent .hundred-v3-approach-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw}

/* C / a single, unified Fact Check viewport with dimensional CRT motion. */
.dive-descent .hundred-v3 .hundred-inch-state-array{background-image:url("assets/100-inch/factcheck-atmosphere.png");background-position:center;background-size:cover}
.dive-descent .hundred-v3 .hundred-inch-state-array::before{content:"";position:absolute;inset:-8%;z-index:1;background:radial-gradient(ellipse at 18% 53%,rgba(226,244,247,.17),transparent 42%),linear-gradient(108deg,rgba(215,234,241,.08),transparent 48%,rgba(235,190,222,.06));animation:hundred-v3-fact-light 11s ease-in-out infinite alternate;pointer-events:none}
.dive-descent .hundred-v3-factcheck-copy{left:7.5vw;top:50%;width:min(36vw,500px)}
.dive-descent .hundred-v3-factcheck-copy h2{font-size:clamp(50px,5.4vw,82px)}
.dive-descent .hundred-v3-factcheck-copy p{max-width:27em;font-size:clamp(15px,1.25vw,19px)}
.dive-descent .hundred-v3-scale-composition{left:39%;right:-17vw;z-index:3}
.dive-descent .hundred-v3-factcheck-tv-art{filter:drop-shadow(0 28px 28px rgba(67,73,110,.2));animation:hundred-v3-fact-tv-float 8s ease-in-out infinite alternate}
.dive-descent .hundred-v3-scale-98{left:36%;top:25%;width:24%;height:15%;font-size:clamp(30px,3.3vw,50px);color:rgba(219,242,246,.48)}
.dive-descent .hundred-v3-scale-100{right:21%;top:49%;width:32%;height:18%}
.dive-descent .hundred-v3-scale-100 strong{font-size:clamp(52px,5.8vw,88px)}
.dive-descent .hundred-v3-scale-100 b{font-size:clamp(14px,1.32vw,21px)}
@keyframes hundred-v3-fact-light{to{transform:translate3d(1.6%,-1%,0) scale(1.025)}}
@keyframes hundred-v3-fact-tv-float{to{transform:translate3d(0,-7px,0)}}

/* D / the flat reading plane resolves directly into a layered underwater return. */
.dive-descent .hundred-v3 .hundred-inch-state-return{background:#b7d3e2}
.dive-descent .hundred-v3 .hundred-inch-state-return::before{content:"";position:absolute;inset:-8%;z-index:2;background:linear-gradient(112deg,transparent 18%,rgba(250,255,254,.18) 41%,transparent 63%),radial-gradient(ellipse at 49% 4%,rgba(255,255,255,.28),transparent 34%);filter:blur(17px);opacity:.62;animation:hundred-v3-closing-light 12s ease-in-out infinite alternate;pointer-events:none}
.dive-descent .hundred-v3 .hundred-inch-state-return::after{left:-7%;right:-7%;bottom:-9%;z-index:4;height:29%;background:radial-gradient(ellipse at 40% 110%,rgba(223,236,239,.9),transparent 62%),linear-gradient(180deg,transparent,rgba(170,204,216,.24));filter:blur(15px);opacity:.78}
.dive-descent .hundred-v3-closing-water{position:absolute;inset:-4%;z-index:1;background:url("assets/100-inch/hero-underwater-updated.png") center 42% / cover no-repeat;filter:saturate(.83) contrast(.98) brightness(.94);will-change:transform,filter,opacity}
.dive-descent .hundred-v3-closing-haze{position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,rgba(237,249,249,.05),transparent 40%,rgba(210,230,234,.16)),radial-gradient(circle,rgba(255,255,255,.55) 0 .8px,transparent 1.3px);background-size:auto,173px 211px;opacity:.52;mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}
.dive-descent .hundred-v3-closing-tv{position:absolute;left:34vw;top:24vh;z-index:6;width:min(58vw,940px);aspect-ratio:16/9;filter:drop-shadow(0 28px 27px rgba(45,77,92,.22));will-change:transform,opacity}
.dive-descent .hundred-v3-closing-tv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.dive-descent .hundred-v3-closing-screen{position:absolute;left:43.2%;top:24%;z-index:2;width:25.8%;height:49%;display:grid;place-items:center;overflow:hidden;border-radius:12% 11% 13% 12% / 10% 11% 13% 12%;will-change:filter,opacity}
.dive-descent .hundred-v3-closing-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(239,253,254,.12) 0 1px,transparent 1px 5px);opacity:.45;pointer-events:none}
.dive-descent .hundred-v3-closing-screen .hundred-v3-signal{opacity:.16}
.dive-descent .hundred-v3-closing-screen .case-reading-return{position:relative;z-index:3;width:96%;padding:13px 5px;border:0;background:transparent;color:#f4ffff;font:400 clamp(18px,1.65vw,27px)/.9 "VT323","Courier New",monospace;letter-spacing:.025em;text-align:center;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 11px rgba(197,244,249,.8)}
.dive-descent .hundred-v3-closing-screen .case-reading-return:hover,.dive-descent .hundred-v3-closing-screen .case-reading-return:focus-visible{color:#fff2bb;outline:1px solid rgba(255,242,187,.78);outline-offset:4px}
@keyframes hundred-v3-closing-light{to{transform:translate3d(2%,-1.5%,0) scale(1.04)}}

@media(max-width:900px){.dive-descent .hundred-v3-tv{width:92vw}.dive-descent .hundred-v3-question-screen>div{width:76vw}.dive-descent .hundred-v3-scale-composition{left:36%;right:-24vw}.dive-descent .hundred-v3-closing-tv{left:26vw;width:72vw}}
@media(max-width:700px){.dive-descent .hundred-v3-tv{top:61%;width:146vw}.dive-descent .hundred-v3-tv-screen strong{font-size:12vw}.dive-descent .hundred-v3-tv-screen b{font-size:4.5vw}.dive-descent .hundred-v3-question-screen{top:50%;width:100vw;height:100vh;background-size:185% 132%}.dive-descent .hundred-v3-question-screen>div{width:82vw}.dive-descent .hundred-v3-question-screen h2{font-size:8.2vw}.dive-descent .hundred-v3-context-note{left:9vw;bottom:7vh;width:82vw}.dive-descent .hundred-v3-approach-list{grid-template-columns:1fr 1fr}.dive-descent .hundred-v3-scale-composition{left:-10vw;right:-52vw;top:28%;height:72%}.dive-descent .hundred-v3-closing-tv{left:2vw;top:33vh;width:118vw}}
@media(prefers-reduced-motion:reduce){.dive-descent .hundred-v3 .hundred-inch-state-array::before,.dive-descent .hundred-v3-factcheck-tv-art,.dive-descent .hundred-v3 .hundred-inch-state-return::before{animation:none!important}}

/* 100-inch Case Reading v4 — SIGNAL TIDE.
   A submerged signal is extracted, verified, editorialised, enlarged, then
   dissolves back into water. This block is intentionally self-contained. */
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]{
  --h4-ink:#183546;
  --h4-deep:#102a3a;
  --h4-blue:#4d96d8;
  --h4-cyan:#9fd4df;
  --h4-pink:#e4a0bd;
  --h4-lavender:#cfc8df;
  --h4-mist:#e7eceb;
  display:block;
  width:100vw;
  max-width:none;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  background:#9bc8d5;
  color:var(--h4-ink);
  scrollbar-width:none;
}
.dive-descent .case-reading-layer[data-reading-mode="hundredInch"]::-webkit-scrollbar{display:none}
.dive-descent .hundred-v4,
.dive-descent .hundred-v4 .hundred-inch-reading-scroll{
  position:relative;
  width:100%;
  max-width:none;
  min-height:1000svh;
  margin:0;
  padding:0;
  background:#9bc8d5;
}
.dive-descent .hundred-v4[hidden]{display:none!important}
.dive-descent .hundred-v4 .hundred-inch-reading-stage{
  position:sticky;
  inset:0;
  width:100vw;
  max-width:none;
  height:100svh;
  min-height:620px;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  perspective:1800px;
  background:#abcbd8;
}
.dive-descent .hundred-v4 .hundred-inch-reading-topbar{
  position:fixed;
  inset:0 0 auto;
  z-index:90;
  height:auto;
  padding:25px 4.2vw;
  color:rgba(241,247,246,.8);
  background:transparent;
  font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.2em;
  mix-blend-mode:difference;
  pointer-events:none;
}
.dive-descent .hundred-v4 .hundred-inch-reading-topbar .case-reading-return{
  color:inherit;
  border-bottom-color:currentColor;
  pointer-events:auto;
}
.dive-descent .hundred-v4 .hundred-inch-state{
  position:absolute;
  inset:0;
  width:100vw;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  transform-style:preserve-3d;
  pointer-events:none;
}
.dive-descent .hundred-v4 .hundred-inch-state-hero{visibility:visible;opacity:1}
.dive-descent .hundred-v4 .hundred-inch-state-return{pointer-events:auto}
.dive-descent .hundred-v4 .hundred-inch-state span,
.dive-descent .hundred-v4 .hundred-inch-state small{font-style:normal}

/* A single ambient field changes identity as the viewport recomposes. */
.dive-descent .hundred-v4-field{
  position:absolute;
  inset:-14%;
  z-index:-8;
  background:
    radial-gradient(ellipse at 78% 27%,rgba(239,145,186,.82) 0 10%,rgba(225,160,190,.45) 25%,transparent 49%),
    radial-gradient(ellipse at 18% 55%,rgba(94,206,224,.9) 0 12%,rgba(100,180,210,.54) 34%,transparent 58%),
    radial-gradient(ellipse at 52% 93%,rgba(222,218,235,.77),transparent 48%),
    linear-gradient(128deg,#9fd4df 0%,#a7cbdc 43%,#d3bfd8 72%,#e1a2bd 100%);
  filter:saturate(.82) contrast(.96);
  animation:hundred-v4-field-drift 18s ease-in-out infinite alternate;
  will-change:transform;
}
.dive-descent .hundred-v4-caustic{
  position:absolute;
  inset:-24%;
  z-index:45;
  pointer-events:none;
  background:
    repeating-linear-gradient(166deg,transparent 0 42px,rgba(248,255,254,.14) 46px,transparent 54px 105px),
    linear-gradient(108deg,transparent 22%,rgba(246,255,253,.2) 46%,transparent 66%);
  mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 54%,transparent 88%);
  filter:blur(15px);
  opacity:.7;
  mix-blend-mode:screen;
  animation:hundred-v4-caustic-drift 14s ease-in-out infinite alternate;
  will-change:transform;
}
.dive-descent .hundred-v4-noise{
  position:absolute;
  inset:-6%;
  z-index:70;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.34) 0 .55px,transparent .9px),
    radial-gradient(circle,rgba(23,63,84,.18) 0 .55px,transparent 1px);
  background-size:7px 6px,11px 9px;
  opacity:.075;
  mix-blend-mode:soft-light;
  animation:hundred-v4-noise-shift 1.8s steps(2,end) infinite;
}
@keyframes hundred-v4-field-drift{to{transform:translate3d(-2.5%,1.5%,0) scale(1.045)}}
@keyframes hundred-v4-caustic-drift{from{transform:translate3d(-5%,-2%,0) rotate(-4deg)}to{transform:translate3d(7%,2%,0) rotate(1deg)}}
@keyframes hundred-v4-noise-shift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(1.2%,-1%,0)}100%{transform:translate3d(-.8%,.7%,0)}}

/* 01 — Project World: the identity is a horizon-sized signal, not a product. */
.dive-descent .hundred-v4 .hundred-inch-state-hero{
  background:linear-gradient(180deg,rgba(231,245,244,.06),rgba(56,112,139,.08));
  color:#eff7f5;
}
.dive-descent .hundred-v4-horizon{
  position:absolute;
  left:27vw;
  top:10vh;
  z-index:1;
  width:77vw;
  height:81vh;
  border:1px solid rgba(242,252,250,.37);
  border-radius:49% 44% 47% 52% / 42% 48% 51% 46%;
  background:
    radial-gradient(ellipse at 44% 40%,rgba(223,248,246,.16),transparent 43%),
    linear-gradient(135deg,rgba(37,127,163,.12),rgba(229,148,186,.15));
  box-shadow:inset 0 0 110px rgba(236,251,249,.12),0 35px 100px rgba(31,72,94,.12);
  transform-origin:50% 54%;
  will-change:transform,border-radius,opacity;
}
.dive-descent .hundred-v4-horizon::before,
.dive-descent .hundred-v4-horizon::after{
  content:"";
  position:absolute;
  inset:8% 7%;
  border:1px solid rgba(247,252,251,.17);
  border-radius:inherit;
}
.dive-descent .hundred-v4-horizon::after{inset:18% 15%;opacity:.55}
.dive-descent .hundred-v4-opening-number{
  position:absolute;
  right:-4vw;
  top:17vh;
  z-index:2;
  display:flex;
  align-items:flex-start;
  color:rgba(239,249,247,.72);
  font-family:"VT323","Courier New",ui-monospace,monospace;
  line-height:.68;
  letter-spacing:-.045em;
  text-shadow:-7px 0 20px rgba(72,198,220,.3),7px 0 20px rgba(238,123,177,.26),0 0 3px rgba(255,255,255,.7);
  mix-blend-mode:screen;
  transform-origin:70% 50%;
  will-change:transform,filter,opacity,letter-spacing;
}
.dive-descent .hundred-v4-opening-number strong{font-size:clamp(330px,49vw,760px);font-weight:400}
.dive-descent .hundred-v4-opening-number sup{margin-top:.04em;font-size:clamp(90px,13vw,205px);font-weight:400}
.dive-descent .hundred-v4-opening-copy{
  position:absolute;
  left:6.5vw;
  bottom:10.5vh;
  z-index:5;
  width:min(39vw,620px);
  color:#f1f6f4;
  text-shadow:0 2px 20px rgba(25,65,86,.16);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-opening-copy span,
.dive-descent .hundred-v4-question-copy span,
.dive-descent .hundred-v4-verification-copy>span,
.dive-descent .hundred-v4-communication-heading span,
.dive-descent .hundred-v4-scale-copy span,
.dive-descent .hundred-v4-return-lens span{
  display:block;
  margin-bottom:20px;
  font:10px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.23em;
  text-transform:uppercase;
}
.dive-descent .hundred-v4-opening-copy h1{
  margin:0;
  font:400 clamp(49px,5.9vw,92px)/.96 "Noto Serif SC","Songti SC",serif;
  letter-spacing:-.02em;
}
.dive-descent .hundred-v4-opening-copy p{
  margin:22px 0 0;
  font:400 clamp(12px,1.05vw,17px)/1.5 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.085em;
}
.dive-descent .hundred-v4-opening-signal{
  position:absolute;
  right:5vw;
  bottom:5vh;
  z-index:5;
  color:rgba(247,252,251,.68);
  font:9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.24em;
  will-change:transform,opacity;
}

/* 02 — The world flattens into one full-viewport CRT field. */
.dive-descent .hundred-v4 .hundred-inch-state-flat{background:#397fbd;color:#f2fbfa}
.dive-descent .hundred-v4-crt-surface{
  position:absolute;
  inset:-2%;
  z-index:2;
  overflow:hidden;
  display:block;
  background:
    radial-gradient(ellipse at 48% 42%,rgba(128,193,235,.88) 0 17%,rgba(63,139,205,.91) 46%,rgba(41,97,155,.98) 100%),
    #397fbd;
  box-shadow:inset 0 0 13vw rgba(17,51,92,.56),inset 0 0 2vw rgba(217,243,248,.23);
  transform-origin:50% 48%;
  will-change:transform,border-radius,filter;
}
.dive-descent .hundred-v4-crt-surface::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:repeating-linear-gradient(0deg,rgba(244,252,251,.09) 0 1px,transparent 1px 5px);
  opacity:.72;
  pointer-events:none;
}
.dive-descent .hundred-v4-crt-surface::after{
  content:"";
  position:absolute;
  inset:-9%;
  z-index:1;
  background:linear-gradient(105deg,transparent 22%,rgba(235,250,248,.13) 49%,transparent 71%);
  filter:blur(21px);
  animation:hundred-v4-crt-light 7s ease-in-out infinite alternate;
}
@keyframes hundred-v4-crt-light{to{transform:translateX(11%)}}
.dive-descent .hundred-v4-static{
  position:absolute;
  inset:-5%;
  z-index:3;
  background-image:radial-gradient(rgba(240,252,251,.33) .7px,transparent 1px),radial-gradient(rgba(18,51,91,.28) .65px,transparent 1px);
  background-size:5px 4px,8px 7px;
  opacity:.18;
  mix-blend-mode:soft-light;
  animation:hundred-inch-static-shift 3.8s steps(2,end) infinite;
}
.dive-descent .hundred-v4-question-copy{
  position:absolute;
  left:7vw;
  top:18vh;
  z-index:8;
  width:min(76vw,1320px);
  color:#f2f8f7;
  text-shadow:0 0 20px rgba(224,248,249,.13);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-question-copy span{color:rgba(240,250,250,.66)}
.dive-descent .hundred-v4-question-copy h2{
  margin:0;
  font:400 clamp(47px,5.3vw,86px)/1.1 "Noto Serif SC","Songti SC",serif;
  letter-spacing:-.015em;
}
.dive-descent .hundred-v4-question-copy strong{
  display:block;
  margin-top:20px;
  color:#f6fbfa;
  font:400 clamp(27px,3.2vw,52px)/1.24 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.015em;
}
.dive-descent .hundred-v4-context-copy{
  position:absolute;
  left:7vw;
  bottom:8vh;
  z-index:8;
  width:min(42vw,680px);
  margin:0;
  color:rgba(242,250,250,.78);
  font:400 clamp(13px,1.1vw,18px)/1.75 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.045em;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-crt-readout{
  position:absolute;
  right:4vw;
  bottom:4vh;
  z-index:8;
  color:rgba(242,251,250,.52);
  font:15px/1 "VT323","Courier New",monospace;
  letter-spacing:.11em;
}

/* 03 — Fact becomes a spatial scan, then resolves into verification. */
.dive-descent .hundred-v4 .hundred-inch-state-verification{
  background:
    radial-gradient(ellipse at 76% 20%,rgba(231,153,190,.42),transparent 41%),
    radial-gradient(ellipse at 21% 81%,rgba(114,201,219,.42),transparent 48%),
    linear-gradient(137deg,#285b78 0%,#385f83 47%,#8d7799 100%);
  color:#eff6f5;
}
.dive-descent .hundred-v4-verification-type{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  color:rgba(224,243,243,.21);
  font-family:"VT323","Courier New",ui-monospace,monospace;
  line-height:.65;
  letter-spacing:-.065em;
  text-shadow:-5px 0 25px rgba(57,208,229,.19),5px 0 25px rgba(236,127,180,.18);
  will-change:transform,filter,opacity;
}
.dive-descent .hundred-v4-verification-type strong,
.dive-descent .hundred-v4-verification-type b{
  position:absolute;
  font-size:clamp(330px,45vw,720px);
  font-weight:400;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-scan-beam{
  position:absolute;
  left:-18vw;
  top:-20%;
  z-index:4;
  width:34vw;
  height:140%;
  background:linear-gradient(90deg,transparent,rgba(235,255,252,.1) 35%,rgba(244,255,253,.48) 50%,rgba(238,171,203,.14) 66%,transparent);
  filter:blur(20px);
  mix-blend-mode:screen;
  transform:rotate(8deg);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-verification-copy{
  position:absolute;
  left:6.5vw;
  top:12vh;
  z-index:6;
  width:min(35vw,590px);
  color:#eef6f5;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-verification-copy>span{color:rgba(235,247,246,.62)}
.dive-descent .hundred-v4-verification-copy h2{
  margin:0;
  font:400 clamp(42px,4.8vw,76px)/1.12 "Noto Serif SC","Songti SC",serif;
  letter-spacing:-.01em;
}
.dive-descent .hundred-v4-verification-step{
  position:absolute;
  left:0;
  top:52vh;
  width:min(31vw,520px);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-verification-step small{
  display:block;
  margin-bottom:13px;
  color:rgba(236,249,248,.62);
  font:11px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.18em;
}
.dive-descent .hundred-v4-verification-step p{
  margin:0;
  color:rgba(242,249,248,.9);
  font:400 clamp(14px,1.18vw,19px)/1.75 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.03em;
}
.dive-descent .hundred-v4-evidence-trace{
  position:absolute;
  right:6.5vw;
  bottom:11vh;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(3,minmax(95px,1fr));
  grid-template-rows:20px auto;
  width:42vw;
  color:rgba(241,250,249,.72);
  border-top:1px solid rgba(232,248,247,.45);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-evidence-trace i{
  width:11px;
  height:11px;
  margin-top:-6px;
  border:1px solid rgba(248,254,253,.82);
  border-radius:50%;
  background:#b9dfe4;
  box-shadow:0 0 18px rgba(222,250,248,.45);
  transform-origin:center;
}
.dive-descent .hundred-v4-evidence-trace i:nth-child(2){justify-self:center;background:#d2cee3}
.dive-descent .hundred-v4-evidence-trace i:nth-child(3){justify-self:end;background:#e2a6c2}
.dive-descent .hundred-v4-evidence-trace span{
  font:10px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.16em;
}
.dive-descent .hundred-v4-evidence-trace span:nth-of-type(2){text-align:center}
.dive-descent .hundred-v4-evidence-trace span:nth-of-type(3){text-align:right}

/* 04 — A quiet editorial surface, asymmetrical and without cards. */
.dive-descent .hundred-v4 .hundred-inch-state-communication{
  background:
    radial-gradient(ellipse at 88% 12%,rgba(223,158,191,.38),transparent 37%),
    radial-gradient(ellipse at 12% 82%,rgba(130,205,216,.42),transparent 44%),
    linear-gradient(132deg,#e4ebeb 0%,#d9e5e8 45%,#ddd7e5 100%);
  color:var(--h4-ink);
}
.dive-descent .hundred-v4-communication-heading{
  position:absolute;
  left:6.5vw;
  top:10vh;
  z-index:4;
  width:min(57vw,950px);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-communication-heading span{color:rgba(24,53,70,.5)}
.dive-descent .hundred-v4-communication-heading h2{
  margin:0;
  font:400 clamp(44px,5.25vw,84px)/1.12 "Noto Serif SC","Songti SC",serif;
  letter-spacing:-.025em;
}
.dive-descent .hundred-v4-communication-islands{
  position:absolute;
  inset:0;
  z-index:5;
  transform-style:preserve-3d;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-communication-islands article{position:absolute;width:min(28vw,490px);margin:0;background:none;border:0;will-change:transform,opacity}
.dive-descent .hundred-v4-expression{left:12vw;bottom:13vh}
.dive-descent .hundred-v4-media{right:7vw;top:37vh}
.dive-descent .hundred-v4-communication-islands small{
  display:block;
  margin-bottom:13px;
  color:rgba(24,53,70,.48);
  font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.19em;
}
.dive-descent .hundred-v4-communication-islands h3{
  margin:0 0 13px;
  font:400 clamp(24px,2.25vw,36px)/1.2 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.06em;
}
.dive-descent .hundred-v4-communication-islands article p{
  margin:0;
  color:rgba(24,53,70,.76);
  font:400 clamp(13px,1.02vw,17px)/1.8 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.035em;
}
.dive-descent .hundred-v4-process-line{
  position:absolute;
  left:6.5vw;
  right:6.5vw;
  bottom:5.3vh;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0;
  padding-top:15px;
  border-top:1px solid rgba(24,53,70,.24);
  color:rgba(24,53,70,.66);
  font:400 clamp(11px,.92vw,15px)/1.2 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.08em;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-process-line i{font-style:normal;color:rgba(24,53,70,.28)}
.dive-descent .hundred-v4-signal-orbit{
  position:absolute;
  right:-9vw;
  bottom:-28vh;
  z-index:1;
  width:62vw;
  aspect-ratio:1.7;
  border:1px solid rgba(30,81,105,.2);
  border-radius:50%;
  transform:rotate(-8deg);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-signal-orbit i,
.dive-descent .hundred-v4-signal-orbit b{position:absolute;inset:11%;border:1px solid rgba(229,151,188,.25);border-radius:50%}
.dive-descent .hundred-v4-signal-orbit b{inset:25%;border-color:rgba(66,159,183,.27)}
.dive-descent .hundred-v4-signal-orbit span{position:absolute;right:17%;top:7%;color:rgba(24,53,70,.4);font:9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em}

/* 05 — 98 becomes unstable; 100 takes over the entire field. */
.dive-descent .hundred-v4 .hundred-inch-state-scale{
  background:
    radial-gradient(ellipse at 72% 42%,rgba(232,146,187,.76),transparent 46%),
    radial-gradient(ellipse at 14% 54%,rgba(92,201,219,.82),transparent 52%),
    linear-gradient(115deg,#8fd2dc 0%,#93cbdc 40%,#c8b9d7 66%,#dfa0bd 100%);
  color:#f5f7f5;
}
.dive-descent .hundred-v4-scale-98,
.dive-descent .hundred-v4-scale-100{
  position:absolute;
  inset:auto;
  z-index:2;
  color:rgba(244,249,248,.78);
  font:400 clamp(360px,58vw,910px)/.66 "VT323","Courier New",ui-monospace,monospace;
  letter-spacing:-.075em;
  white-space:nowrap;
  text-shadow:-8px 0 26px rgba(45,190,213,.22),8px 0 26px rgba(237,116,176,.21),0 0 3px rgba(255,255,255,.62);
  mix-blend-mode:screen;
  transform-origin:center;
  will-change:transform,filter,opacity,letter-spacing;
}
.dive-descent .hundred-v4-scale-98{left:4vw;top:19vh;color:rgba(41,91,112,.3);mix-blend-mode:multiply;text-shadow:none}
.dive-descent .hundred-v4-scale-100{right:-3vw;top:17vh}
.dive-descent .hundred-v4-scale-sweep{
  position:absolute;
  left:-35vw;
  top:-20vh;
  z-index:3;
  width:42vw;
  height:145vh;
  background:linear-gradient(90deg,transparent,rgba(246,247,245,.44) 48%,rgba(234,136,183,.28) 64%,transparent);
  filter:blur(20px);
  mix-blend-mode:screen;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-scale-copy{
  position:absolute;
  left:6.5vw;
  bottom:8vh;
  z-index:7;
  width:min(45vw,720px);
  color:#173848;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-scale-copy span{color:rgba(23,56,72,.5)}
.dive-descent .hundred-v4-scale-copy h2{
  margin:0;
  font:400 clamp(48px,5.4vw,86px)/1 "Noto Serif SC","Songti SC",serif;
  letter-spacing:.035em;
}
.dive-descent .hundred-v4-scale-copy p{margin:17px 0 0;font:400 clamp(13px,1.05vw,17px)/1.6 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em}

/* 06 — Typography liquefies into depth; return is a water aperture, not a footer. */
.dive-descent .hundred-v4 .hundred-inch-state-return{
  background:
    radial-gradient(ellipse at 50% -8%,rgba(230,249,247,.53) 0 5%,rgba(129,203,214,.3) 20%,transparent 39%),
    radial-gradient(ellipse at 22% 54%,rgba(62,142,168,.43),transparent 49%),
    radial-gradient(ellipse at 78% 67%,rgba(112,104,163,.26),transparent 45%),
    linear-gradient(180deg,#4d98af 0%,#2e708b 40%,#17465d 72%,#0d2938 100%);
  color:#eff8f7;
}
.dive-descent .hundred-v4 .hundred-inch-state-return::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:1;
  pointer-events:none;
  background:repeating-linear-gradient(170deg,transparent 0 43px,rgba(234,251,248,.12) 47px,transparent 54px 102px);
  filter:blur(9px);
  mask-image:linear-gradient(#000,rgba(0,0,0,.38) 57%,transparent 91%);
  animation:hundred-v4-return-light 11s ease-in-out infinite alternate;
}
@keyframes hundred-v4-return-light{to{transform:translate3d(5%,-2%,0) rotate(1.5deg)}}
.dive-descent .hundred-v4-return-depth{
  position:absolute;
  inset:0;
  z-index:2;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-return-depth i{
  position:absolute;
  left:50%;
  bottom:-6vh;
  width:116vw;
  height:34vh;
  border:1px solid rgba(218,245,242,.15);
  border-radius:50%;
  background:radial-gradient(ellipse,transparent 47%,rgba(128,191,203,.12) 71%,rgba(9,39,53,.14));
  transform:translateX(-50%);
  box-shadow:inset 0 0 70px rgba(213,243,241,.06);
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-return-depth i:nth-child(2){bottom:12vh;width:83vw;height:24vh;opacity:.72}
.dive-descent .hundred-v4-return-depth i:nth-child(3){bottom:28vh;width:54vw;height:15vh;opacity:.5}
.dive-descent .hundred-v4-return-lens{
  position:absolute;
  left:50%;
  top:48%;
  z-index:5;
  width:min(53vw,920px);
  aspect-ratio:1.65;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(226,248,246,.35);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 48% 41%,rgba(179,226,228,.25),rgba(46,117,144,.23) 53%,rgba(11,48,65,.35) 100%);
  box-shadow:0 35px 95px rgba(4,28,40,.27),inset 0 0 90px rgba(220,248,244,.12);
  transform:translate(-50%,-50%);
  transform-origin:center;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-return-lens>div{position:relative;z-index:3;width:70%;text-align:center}
.dive-descent .hundred-v4-return-lens span{color:rgba(235,249,248,.55)}
.dive-descent .hundred-v4-return-lens h2{
  margin:0 0 28px;
  font:400 clamp(48px,5.4vw,86px)/.98 "Noto Serif SC","Songti SC",serif;
  letter-spacing:-.025em;
}
.dive-descent .hundred-v4-return-lens .case-reading-return{
  position:relative;
  z-index:5;
  padding:13px 4px;
  border:0;
  border-bottom:1px solid rgba(239,250,248,.58);
  background:transparent;
  color:#f0f9f8;
  font:18px/1 "VT323","Courier New",ui-monospace,monospace;
  letter-spacing:.12em;
}

/* 100-inch typography: display is elegant, reading is quiet, measurements stay CRT. */
.dive-descent .hundred-v4{
  --hundred-cn-display:"ZT QingYaTi","卓特清雅体",sans-serif;
  --hundred-body:"IBM Plex Sans SC","PingFang SC","Noto Sans SC",sans-serif;
  --hundred-en-display:"Helvetica Neue Condensed","Helvetica Neue",Arial Narrow,Arial,sans-serif;
}
.dive-descent .hundred-v4 .hundred-inch-state :is(p,small,span),
.dive-descent .hundred-v4 .hundred-v4-evidence-trace span{
  font-family:var(--hundred-body)!important;
  font-weight:400!important;
}
.dive-descent .hundred-v4 :is(
  .hundred-v4-opening-copy h1,
  .hundred-v4-question-copy h2,
  .hundred-v4-question-copy strong,
  .hundred-v4-verification-copy h2,
  .hundred-v4-communication-heading h2,
  .hundred-v4-communication-islands h3,
  .hundred-v4-scale-copy h2
){
  font-family:var(--hundred-cn-display)!important;
  font-weight:400!important;
}
.dive-descent .hundred-v4 .hundred-v4-opening-copy h1 .hundred-v4-display-en,
.dive-descent .hundred-v4 .hundred-v4-question-copy h2 .hundred-v4-display-en{
  font-family:var(--hundred-en-display)!important;
  font-weight:400!important;
  font-stretch:condensed;
}
.dive-descent .hundred-v4 .hundred-v4-opening-copy h1 span[lang="zh-CN"]{
  font-family:var(--hundred-cn-display)!important;
}
.dive-descent .hundred-v4 :is(
  .hundred-v4-opening-signal,
  .hundred-v4-verification-type,
  .hundred-v4-return-lens .case-reading-return
){
  font-family:var(--hundred-en-display)!important;
  font-weight:400!important;
  font-stretch:condensed;
}
.dive-descent .hundred-v4 :is(
  .hundred-v4-opening-number,
  .hundred-v4-opening-number *,
  .hundred-v4-scale-98,
  .hundred-v4-scale-100,
  .hundred-v4-crt-readout
){
  font-family:"VT323","Courier New",ui-monospace,monospace!important;
}
.dive-descent .hundred-v4-return-lens .case-reading-return:hover,
.dive-descent .hundred-v4-return-lens .case-reading-return:focus-visible{color:#fff1bd;border-bottom-color:#fff1bd;outline:none;text-shadow:0 0 12px rgba(255,241,189,.35)}
.dive-descent .hundred-v4-return-ripple{
  position:absolute;
  inset:9%;
  z-index:2;
  border:1px solid rgba(229,249,246,.22);
  border-radius:50%;
  box-shadow:0 0 55px rgba(200,239,238,.12);
  will-change:transform,opacity;
}

@media(max-width:900px){
  .dive-descent .hundred-v4,.dive-descent .hundred-v4 .hundred-inch-reading-scroll{min-height:1060svh}
  .dive-descent .hundred-v4-opening-number strong{font-size:59vw}
  .dive-descent .hundred-v4-opening-copy{width:52vw}
  .dive-descent .hundred-v4-verification-copy{width:42vw}
  .dive-descent .hundred-v4-evidence-trace{width:45vw}
  .dive-descent .hundred-v4-communication-islands article{width:34vw}
  .dive-descent .hundred-v4-return-lens{width:68vw}
}
@media(max-width:700px){
  .dive-descent .hundred-v4 .hundred-inch-reading-topbar{padding:18px 5vw}
  .dive-descent .hundred-v4-horizon{left:8vw;top:17vh;width:106vw;height:66vh}
  .dive-descent .hundred-v4-opening-number{right:-17vw;top:24vh}.dive-descent .hundred-v4-opening-number strong{font-size:78vw}
  .dive-descent .hundred-v4-opening-copy{left:7vw;bottom:9vh;width:80vw}.dive-descent .hundred-v4-opening-copy h1{font-size:13vw}
  .dive-descent .hundred-v4-question-copy{left:7vw;top:18vh;width:86vw}.dive-descent .hundred-v4-question-copy h2{font-size:9.4vw}.dive-descent .hundred-v4-question-copy strong{font-size:6.5vw}
  .dive-descent .hundred-v4-context-copy{left:7vw;bottom:9vh;width:78vw}
  .dive-descent .hundred-v4-verification-type strong,.dive-descent .hundred-v4-verification-type b{font-size:73vw}
  .dive-descent .hundred-v4-verification-copy{left:7vw;top:12vh;width:82vw}.dive-descent .hundred-v4-verification-copy h2{font-size:10.5vw}
  .dive-descent .hundred-v4-verification-step{top:50vh;width:78vw}
  .dive-descent .hundred-v4-evidence-trace{right:7vw;bottom:8vh;width:70vw}
  .dive-descent .hundred-v4-communication-heading{left:7vw;top:11vh;width:84vw}.dive-descent .hundred-v4-communication-heading h2{font-size:9.8vw}
  .dive-descent .hundred-v4-expression{left:7vw;bottom:32vh}.dive-descent .hundred-v4-media{left:28vw;right:auto;top:auto;bottom:12vh}
  .dive-descent .hundred-v4-communication-islands article{width:65vw}.dive-descent .hundred-v4-process-line{display:none}
  .dive-descent .hundred-v4-scale-98,.dive-descent .hundred-v4-scale-100{top:27vh;font-size:78vw}
  .dive-descent .hundred-v4-scale-copy{left:7vw;bottom:10vh;width:82vw}.dive-descent .hundred-v4-scale-copy h2{font-size:11vw}
  .dive-descent .hundred-v4-return-lens{width:92vw}.dive-descent .hundred-v4-return-lens>div{width:82%}.dive-descent .hundred-v4-return-lens h2{font-size:11vw}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .hundred-v4-field,.dive-descent .hundred-v4-caustic,.dive-descent .hundred-v4-noise,
  .dive-descent .hundred-v4-crt-surface::after,.dive-descent .hundred-v4-static,
  .dive-descent .hundred-v4 .hundred-inch-state-return::before{animation:none!important}
}

/* -------------------------------------------------------------------------
   Deep Sea High V2 — one fixed camera travelling through authored depth.
   The stable Profile / Experience layer above remains unchanged. Everything
   after it is a perspective world, not a stack of vertical page sections.
   ------------------------------------------------------------------------- */
.descent-body:has(.deep-v2-world){--deep-sea-master-height:2400svh;background:#06121f}
.dive-descent:has(.deep-v2-world){
  --v2-world-presence:0;
  --v2-legacy-presence:1;
  --v2-depth-tone:0;
  background:
    radial-gradient(ellipse at calc(50% + var(--v2-camera-light-x,0px)) -8%,rgba(154,215,220,calc(.24 - var(--v2-depth-tone)*.12)),transparent 48%),
    linear-gradient(180deg,#2f6690 0%,#102e4d 44%,#061927 76%,#040d17 100%);
}
.dive-descent:has(.deep-v2-world)::after{
  z-index:31;
  background:
    radial-gradient(ellipse 29% 34% at var(--focus-x,50%) var(--focus-y,52%),rgba(207,238,226,.055),transparent 68%),
    radial-gradient(ellipse at 50% 48%,transparent 0 42%,rgba(2,8,17,.2) 77%,rgba(2,7,14,.55) 100%);
  mix-blend-mode:normal;
}
.dive-descent.is-v2-camera-active .downstream-world-scene,
.dive-descent.is-v2-camera-active .descent-layer-distant,
.dive-descent.is-v2-camera-active .descent-layer-middle,
.dive-descent.is-v2-camera-active .descent-layer-foreground,
.dive-descent.is-v2-camera-active .surface-look-up{opacity:var(--v2-legacy-presence)!important}
.dive-descent .case-discovery-layer{overflow:hidden;perspective:none}
.deep-v2-world{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  opacity:var(--v2-world-presence);
  pointer-events:none;
  isolation:isolate;
  will-change:opacity;
}
.deep-v2-world::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  background:
    radial-gradient(ellipse 42% 54% at 13% 34%,rgba(22,72,94,.34),transparent 74%),
    radial-gradient(ellipse 38% 45% at 83% 65%,rgba(27,54,79,.42),transparent 76%),
    radial-gradient(ellipse 50% 36% at 52% 8%,rgba(116,185,196,.13),transparent 72%),
    linear-gradient(180deg,rgba(9,41,63,.35),rgba(3,16,27,.72));
  transform:translate3d(var(--v2-water-x,0px),var(--v2-water-y,0px),0) scale(1.08);
  filter:saturate(.86);
  will-change:transform;
}
.deep-v2-world::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  background:linear-gradient(90deg,rgba(2,8,16,.32),transparent 18% 82%,rgba(2,7,14,.38));
  pointer-events:none;
}
.deep-v2-water{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.deep-v2-water::before{
  content:"";
  position:absolute;
  left:14%;
  top:-25%;
  width:72%;
  height:135%;
  background:linear-gradient(101deg,transparent 7%,rgba(189,230,224,.03) 34%,rgba(208,237,227,.09) 48%,rgba(159,213,215,.025) 69%,transparent 92%);
  filter:blur(25px);
  transform:rotate(var(--v2-light-rotation,-3deg)) translate3d(var(--v2-light-x,0px),0,0);
  transform-origin:50% 0;
  will-change:transform;
}
.deep-v2-water>i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:rgba(210,237,228,.58);box-shadow:0 0 9px rgba(187,225,222,.34);opacity:.42;animation:v2-mote-rise 15s linear infinite}
.deep-v2-water>i:nth-child(1){left:12%;top:84%;animation-duration:18s}
.deep-v2-water>i:nth-child(2){left:31%;top:65%;animation-duration:23s;animation-delay:-11s}
.deep-v2-water>i:nth-child(3){left:47%;top:91%;animation-duration:19s;animation-delay:-7s}
.deep-v2-water>i:nth-child(4){left:66%;top:73%;animation-duration:25s;animation-delay:-17s}
.deep-v2-water>i:nth-child(5){left:82%;top:88%;animation-duration:21s;animation-delay:-13s}
.deep-v2-water>i:nth-child(6){left:91%;top:56%;animation-duration:27s;animation-delay:-19s}
@keyframes v2-mote-rise{to{transform:translate3d(10px,-112vh,0);opacity:.06}}
.deep-v2-camera{position:absolute;inset:0;z-index:3;perspective:980px;perspective-origin:calc(50% + var(--v2-camera-x,0px)) calc(50% + var(--v2-camera-y,0px));pointer-events:none}
.deep-v2-volume{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.v2-depth-node{
  --v2-node-alpha:0;
  --v2-node-focus:0;
  --v2-node-blur:0px;
  position:absolute;
  left:50%;
  top:50%;
  margin:0;
  opacity:var(--v2-node-alpha);
  filter:blur(var(--v2-node-blur));
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.v2-terrain{
  width:clamp(430px,52vw,980px);
  height:128vh;
  background:
    linear-gradient(128deg,rgba(4,15,25,.5),rgba(15,44,59,.24) 47%,rgba(3,11,20,.62)),
    url("assets/rift-dropoff-environment-v1.png") center 55% / cover no-repeat;
  box-shadow:inset 0 0 8vw rgba(0,5,12,.62),0 0 8vw rgba(0,6,14,.28);
  filter:saturate(.54) brightness(.58) contrast(1.1);
}
.v2-terrain--gate-left,.v2-terrain--closing-left{clip-path:polygon(0 0,100% 5%,72% 18%,91% 31%,63% 45%,84% 58%,52% 73%,74% 88%,37% 100%,0 94%)}
.v2-terrain--gate-right,.v2-terrain--closing-right{clip-path:polygon(13% 0,100% 0,100% 96%,58% 100%,28% 88%,50% 72%,18% 58%,40% 42%,12% 27%,36% 13%);background-position:72% 43%}
.v2-terrain--shelf{width:74vw;height:62vh;clip-path:polygon(0 35%,18% 17%,39% 24%,54% 5%,73% 19%,100% 9%,96% 100%,3% 100%);background-position:34% 78%;filter:saturate(.52) brightness(.49)}
.v2-world-whisper{width:min(38vw,620px);color:rgba(198,225,221,.62);font:9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.23em;text-align:left;text-shadow:0 3px 18px rgba(0,8,19,.8)}
.v2-world-whisper span{display:block;margin-bottom:16px;color:rgba(158,201,205,.48)}
.v2-world-whisper b{display:block;color:rgba(217,235,229,.7);font:300 clamp(15px,1.5vw,24px)/1.55 "Noto Serif SC","Songti SC",serif;letter-spacing:.15em}
.v2-current-line{width:58vw;height:1px;background:linear-gradient(90deg,transparent,rgba(157,207,207,.2),transparent);box-shadow:0 0 28px rgba(119,190,195,.12)}
.v2-current-line::after{content:"";position:absolute;left:34%;top:-14vh;width:1px;height:28vh;background:linear-gradient(transparent,rgba(151,207,205,.14),transparent)}

.v2-case-site{
  width:min(46vw,760px);
  min-height:50vh;
  padding:0;
  border:0;
  background:transparent;
  color:#e7f1eb;
  text-align:left;
  cursor:none;
  pointer-events:none;
}
.v2-case-site[data-v2-active="true"]{pointer-events:auto}
.v2-case-site:focus-visible{outline:1px solid rgba(218,238,225,.64);outline-offset:16px}
.v2-site-geology{position:absolute;inset:-16% -13%;z-index:-1;display:block;background:linear-gradient(145deg,rgba(4,17,27,.54),rgba(25,59,69,.22) 55%,rgba(3,13,23,.68)),url("assets/rift-dropoff-environment-v1.png") center 58% / cover no-repeat;clip-path:polygon(6% 14%,32% 4%,61% 10%,83% 0,100% 24%,92% 51%,99% 79%,72% 100%,44% 91%,18% 100%,0 72%,8% 43%);box-shadow:inset 0 0 70px rgba(1,8,15,.48),0 24px 70px rgba(0,6,14,.32);filter:saturate(.52) brightness(calc(.64 + var(--v2-node-focus)*.14 + var(--v2-human-presence)*.08)) contrast(1.08);transition:filter .45s ease}
.v2-case-site--media .v2-site-geology{clip-path:polygon(0 27%,18% 8%,43% 14%,63% 2%,89% 13%,100% 43%,91% 74%,72% 92%,41% 84%,17% 100%,4% 69%);background-position:70% 49%}
.v2-case-site--hundred .v2-site-geology{clip-path:polygon(3% 37%,18% 16%,43% 7%,69% 13%,91% 3%,100% 44%,92% 83%,64% 100%,37% 90%,14% 100%,0 67%);background-position:32% 74%}
.v2-case-site--beijing .v2-site-geology{clip-path:polygon(0 31%,16% 10%,38% 17%,57% 0,79% 13%,100% 6%,94% 92%,67% 100%,41% 88%,15% 98%,4% 68%);background-position:75% 77%}
.v2-site-index,.v2-site-meta,.v2-site-enter{display:block;font-family:"SF Mono","Roboto Mono",ui-monospace,monospace;text-transform:uppercase}
.v2-site-index{margin-bottom:clamp(26px,4vh,52px);color:rgba(168,207,207,.55);font-size:clamp(8px,.62vw,10px);letter-spacing:.26em}
.v2-case-site>strong{display:block;max-width:92%;font:300 clamp(54px,7.2vw,126px)/.86 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.045em;text-shadow:0 8px 40px rgba(0,7,15,.58)}
.v2-case-site--media>strong,.v2-case-site--beijing>strong{font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(42px,5.2vw,88px);line-height:1.08;letter-spacing:.04em}
.v2-case-site--beijing>strong i{display:block;margin-bottom:7px;color:rgba(205,226,218,.58);font:300 clamp(14px,1.4vw,22px)/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.16em}
.v2-site-meta{margin-top:clamp(18px,3vh,34px);color:rgba(201,226,221,.7);font-size:clamp(9px,.72vw,12px);letter-spacing:.14em;line-height:1.7}
.v2-site-enter{position:absolute;left:0;bottom:-9vh;color:#e4d4ad;font-size:9px;letter-spacing:.24em;opacity:clamp(0,calc((var(--v2-node-focus) - .58)*2.4),1);transform:translate3d(0,calc((1 - var(--v2-node-focus))*12px),0);border-bottom:1px solid rgba(224,207,166,.45);padding-bottom:8px}
.v2-case-site:is(:hover,:focus-visible) .v2-site-enter{color:#f1dfb4;border-bottom-color:rgba(241,223,180,.86)}
.v2-hundred-mark,.v2-beijing-year{position:absolute;z-index:-1;pointer-events:none;color:rgba(157,198,196,.065);font:300 clamp(190px,29vw,480px)/.7 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.09em}
.v2-hundred-mark{left:-22%;top:-12%}
.v2-beijing-year{right:-30%;top:-16%;font-size:clamp(150px,25vw,420px)}

.v2-writing-threshold{width:min(44vw,720px);color:rgba(205,228,223,.75)}
.v2-writing-threshold span{display:block;margin-bottom:20px;font:9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.28em}
.v2-writing-threshold strong{font:300 clamp(27px,3.1vw,50px)/1.35 "Noto Serif SC","Songti SC",serif;letter-spacing:.08em}
.v2-writing-piece{
  width:min(48vw,790px);
  padding:0;
  border:0;
  background:transparent;
  color:rgba(227,239,233,.94);
  text-align:left;
  cursor:none;
  pointer-events:none;
}
.v2-writing-piece[data-v2-active="true"]{pointer-events:auto}
.v2-writing-piece:focus-visible{outline:1px solid rgba(220,239,229,.62);outline-offset:15px}
.v2-writing-piece>span{display:block;margin-bottom:22px;color:rgba(166,207,206,.62);font:9px/1.3 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.2em}
.v2-writing-piece>strong{display:block;font:300 clamp(28px,3.35vw,58px)/1.22 "Noto Serif SC","Songti SC",serif;letter-spacing:.045em;text-shadow:0 7px 32px rgba(0,7,16,.64)}
.v2-writing-piece>strong i,.v2-writing-piece>strong b{font-style:normal;font-weight:300;color:rgba(231,220,188,.92)}
.v2-writing-piece blockquote{max-width:36em;margin:28px 0 0;color:rgba(201,224,220,.7);font:300 clamp(12px,.95vw,16px)/1.9 "Noto Serif SC","Songti SC",serif;letter-spacing:.06em}
.v2-writing-piece>p{max-width:34em;margin:22px 0 0;color:rgba(194,218,216,.68);font:300 clamp(11px,.9vw,15px)/1.8 "Noto Serif SC","Songti SC",serif;letter-spacing:.05em}
.v2-writing-piece>small{display:block;width:max-content;margin-top:28px;padding-bottom:7px;border-bottom:1px solid rgba(224,207,166,.42);color:#dfcfaa;font:8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.22em;opacity:clamp(0,calc((var(--v2-node-focus) - .55)*2.6),1)}
.v2-writing-image{width:min(31vw,510px);overflow:hidden;color:rgba(178,207,205,.55)}
.v2-writing-image img{display:block;width:100%;height:auto;filter:saturate(.55) brightness(.64) contrast(.95);-webkit-mask-image:linear-gradient(135deg,transparent 0,#000 12%,#000 85%,transparent 100%);mask-image:linear-gradient(135deg,transparent 0,#000 12%,#000 85%,transparent 100%)}
.v2-writing-image figcaption{margin-top:10px;font:8px/1.4 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.13em}
.v2-editorial-fragment{width:min(30vw,490px);color:rgba(183,213,210,.58);font:300 clamp(12px,1.02vw,17px)/1.85 "Noto Serif SC","Songti SC",serif;letter-spacing:.07em}
.v2-people-trace{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;color:rgba(177,211,208,.66)}
.v2-people-trace i{font:300 clamp(10px,.78vw,13px)/1.3 "Noto Serif SC","Songti SC",serif;font-style:normal;letter-spacing:.09em}
.v2-people-trace b{margin-left:8px;color:rgba(230,218,184,.86);font-weight:400}

.v2-editing-space{width:92vw;height:88vh;color:rgba(188,216,212,.58);pointer-events:none}
.v2-editing-space p{position:absolute;left:50%;top:50%;margin:0;text-align:center;transform:translate(-50%,-50%)}
.v2-editing-space p span{display:block;margin-bottom:20px;font:9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.32em}
.v2-editing-space p strong{font:200 clamp(74px,14vw,250px)/.72 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em;color:rgba(167,202,201,.085)}
.v2-editing-space>i{position:absolute;top:4%;width:1px;height:92%;background:linear-gradient(transparent,rgba(169,211,210,.06),transparent);transform:rotate(8deg)}
.v2-editing-space>i:nth-of-type(1){left:24%}.v2-editing-space>i:nth-of-type(2){left:51%;transform:rotate(-5deg)}.v2-editing-space>i:nth-of-type(3){left:78%;transform:rotate(11deg)}
.v2-ending{width:min(58vw,860px);color:rgba(226,237,229,.9);text-align:center;pointer-events:none}
.v2-ending span{display:block;margin-bottom:26px;color:rgba(154,196,199,.45);font:8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.3em}
.v2-ending strong{display:block;font:300 clamp(23px,2.8vw,46px)/1.6 "Noto Serif SC","Songti SC",serif;letter-spacing:.09em;white-space:normal}

@media(max-width:760px){
  .descent-body:has(.deep-v2-world){--deep-sea-master-height:2200svh}
  .deep-v2-camera{perspective:760px}
  .v2-case-site,.v2-writing-piece{width:76vw}
  .v2-case-site{min-height:44vh}
  .v2-case-site>strong{font-size:clamp(48px,15vw,82px)}
  .v2-case-site--media>strong,.v2-case-site--beijing>strong{font-size:clamp(36px,10.5vw,58px)}
  .v2-site-geology{inset:-13% -22%}
  .v2-writing-piece>strong{font-size:clamp(27px,8vw,44px)}
  .v2-writing-image{width:58vw}
  .v2-editorial-fragment{width:58vw}
  .v2-world-whisper,.v2-writing-threshold{width:72vw}
  .v2-ending{width:82vw}
}
@media(prefers-reduced-motion:reduce){
  .deep-v2-water>i{animation:none}
  .deep-v2-world::before,.deep-v2-water::before{transform:none!important}
  .v2-depth-node{filter:none!important}
}

/* 100-inch visual refinement — one television boundary, one signal surface,
   one final television. Typography remains intentionally untouched this pass. */
.dive-descent .hundred-v4-opening-bezel{
  position:absolute;
  inset:5.2vh 4.6vw 5.8vh;
  z-index:8;
  border:clamp(7px,.62vw,12px) solid rgba(29,54,67,.55);
  border-radius:4.2% 3.7% 4.4% 3.9% / 5.4% 4.7% 5.8% 5%;
  box-shadow:
    0 30px 80px rgba(25,55,72,.2),
    inset 0 0 0 1px rgba(235,250,249,.36),
    inset 0 0 62px rgba(18,52,70,.21),
    0 0 0 1px rgba(224,244,245,.2);
  pointer-events:none;
  transform-origin:50% 50%;
  will-change:transform,opacity,border-color,border-radius;
}
.dive-descent .hundred-v4-opening-bezel::before{
  content:"";
  position:absolute;
  inset:clamp(9px,1vw,18px);
  border:1px solid rgba(231,249,247,.33);
  border-radius:3.3% 3% 3.5% 3.1% / 4.5% 4% 4.8% 4.2%;
  box-shadow:inset 0 0 48px rgba(20,64,82,.15);
}
.dive-descent .hundred-v4-opening-bezel::after{
  content:"";
  position:absolute;
  left:42%;
  right:42%;
  bottom:calc(clamp(7px,.62vw,12px) * -2.8);
  height:clamp(8px,1.1vh,13px);
  border-radius:0 0 5px 5px;
  background:linear-gradient(90deg,rgba(25,48,61,.24),rgba(225,242,242,.22),rgba(25,48,61,.24));
}
.dive-descent .hundred-v4-horizon{
  left:5.25vw;
  top:6.4vh;
  width:89.5vw;
  height:86.2vh;
  border:0;
  border-radius:3.6% 3.1% 3.8% 3.3% / 4.7% 4.1% 5% 4.4%;
  background:
    radial-gradient(ellipse at 38% 28%,rgba(229,249,247,.21),transparent 37%),
    radial-gradient(ellipse at 78% 43%,rgba(231,151,189,.18),transparent 46%),
    linear-gradient(132deg,rgba(48,140,167,.12),rgba(103,134,175,.08));
  box-shadow:inset 0 0 8vw rgba(19,58,76,.18);
  overflow:hidden;
}
.dive-descent .hundred-v4-horizon::before{
  inset:0;
  border:0;
  border-radius:inherit;
  background:linear-gradient(108deg,transparent 18%,rgba(244,254,252,.12) 48%,transparent 70%);
  filter:blur(13px);
  animation:hundred-v4-screen-glide 9s ease-in-out infinite alternate;
}
.dive-descent .hundred-v4-horizon::after{
  inset:0;
  border:0;
  border-radius:inherit;
  background:repeating-linear-gradient(0deg,rgba(241,252,250,.06) 0 1px,transparent 1px 5px);
  opacity:.48;
}
@keyframes hundred-v4-screen-glide{to{transform:translate3d(7%,-1%,0)}}
.dive-descent .hundred-v4-opening-number{z-index:3;right:1.8vw;top:18vh}
.dive-descent .hundred-v4-opening-copy{z-index:5;left:7vw;bottom:11.5vh}
.dive-descent .hundred-v4-opening-signal{z-index:5;right:7vw;bottom:8.2vh}

/* Fact / Verification: a dark signal condenses inside the colour tide. */
.dive-descent .hundred-v4-verification-surface{
  position:absolute;
  left:3.8vw;
  top:8.5vh;
  z-index:2;
  width:61vw;
  height:82vh;
  overflow:hidden;
  border:1px solid rgba(207,234,236,.13);
  border-radius:5.5% 4.2% 5.8% 4.5% / 6.5% 5.2% 7% 5.5%;
  background:
    radial-gradient(ellipse at 26% 18%,rgba(115,177,192,.16),transparent 48%),
    linear-gradient(145deg,rgba(22,57,73,.7),rgba(41,63,83,.6) 58%,rgba(68,61,84,.48));
  box-shadow:
    0 28px 76px rgba(20,43,59,.18),
    inset 0 0 76px rgba(8,31,45,.2),
    0 0 42px rgba(144,196,205,.08);
  opacity:.92;
  transform-origin:42% 50%;
  will-change:transform,opacity;
}
.dive-descent .hundred-v4-verification-surface::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg,rgba(224,244,243,.055) 0 1px,transparent 1px 5px);
  opacity:.48;
}
.dive-descent .hundred-v4-verification-surface::after{
  content:"";
  position:absolute;
  inset:-12%;
  background:linear-gradient(106deg,transparent 21%,rgba(190,229,230,.11) 48%,transparent 72%);
  filter:blur(15px);
  animation:hundred-v4-signal-breathe 8s ease-in-out infinite alternate;
}
@keyframes hundred-v4-signal-breathe{to{transform:translate3d(8%,-2%,0)}}
.dive-descent .hundred-v4-verification-type{z-index:3;color:rgba(224,243,243,.16)}
.dive-descent .hundred-v4-verification-copy{z-index:6;left:7vw;top:12.5vh;width:min(34vw,570px)}
.dive-descent .hundred-v4-verification-step{top:50vh;width:min(30vw,500px)}
.dive-descent .hundred-v4-evidence-trace{z-index:7;right:6vw;bottom:11vh;width:39vw}
.dive-descent .hundred-v4-signal-fragments{position:absolute;inset:0;z-index:5;pointer-events:none}
.dive-descent .hundred-v4-signal-fragments i{
  position:absolute;
  display:block;
  overflow:hidden;
  border:1px solid rgba(231,247,247,.16);
  border-radius:7% / 10%;
  background:
    repeating-linear-gradient(0deg,rgba(238,250,249,.07) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,rgba(56,123,151,.34),rgba(131,101,144,.27));
  box-shadow:0 18px 46px rgba(25,48,65,.12);
}
.dive-descent .hundred-v4-signal-fragments i:nth-child(1){right:7vw;top:16vh;width:18vw;height:19vh;transform:rotate(2.5deg)}
.dive-descent .hundred-v4-signal-fragments i:nth-child(2){right:18vw;top:39vh;width:12vw;height:13vh;transform:rotate(-4deg);opacity:.62}
.dive-descent .hundred-v4-signal-fragments i:nth-child(3){right:4vw;top:49vh;width:16vw;height:22vh;transform:rotate(3deg);opacity:.76}

/* Return: the camera has pulled back far enough to see a television again. */
.dive-descent .hundred-v4 .hundred-inch-state-return{
  background:
    radial-gradient(ellipse at 28% 25%,rgba(109,190,207,.42),transparent 42%),
    radial-gradient(ellipse at 77% 35%,rgba(170,135,181,.28),transparent 45%),
    linear-gradient(145deg,#315f72 0%,#2d5268 50%,#252f43 100%);
}
.dive-descent .hundred-v4 .hundred-inch-state-return::before{
  opacity:.32;
  filter:blur(12px);
}
.dive-descent .hundred-v4-return-depth{z-index:2;opacity:.55}
.dive-descent .hundred-v4-return-depth i{bottom:-12vh;border-color:rgba(203,232,232,.08);background:radial-gradient(ellipse,rgba(117,178,190,.08),transparent 72%)}
.dive-descent .hundred-v4-return-depth i:nth-child(2){bottom:-2vh;opacity:.42}
.dive-descent .hundred-v4-return-depth i:nth-child(3){bottom:8vh;opacity:.25}
.dive-descent .hundred-v4-return-lens{
  left:50%;
  top:49%;
  width:min(70vw,1180px);
  height:min(70vh,720px);
  aspect-ratio:auto;
  display:block;
  overflow:visible;
  padding:0;
  border:clamp(7px,.62vw,12px) solid rgba(19,34,43,.76);
  border-radius:4.3% 3.6% 4.5% 3.8% / 5.2% 4.5% 5.5% 4.7%;
  background:linear-gradient(145deg,rgba(80,100,106,.98),rgba(35,54,62,.99) 58%,rgba(24,38,45,.99));
  box-shadow:
    0 40px 88px rgba(6,25,34,.42),
    inset 0 0 0 1px rgba(221,237,236,.23),
    inset 0 -18px 36px rgba(8,22,28,.26);
}
.dive-descent .hundred-v4-return-lens::before{
  content:"";
  position:absolute;
  inset:clamp(10px,1vw,18px);
  z-index:4;
  border:1px solid rgba(213,239,240,.27);
  border-radius:3.4% 2.9% 3.6% 3.1% / 4.3% 3.8% 4.6% 4%;
  box-shadow:inset 0 0 56px rgba(7,34,47,.27);
  pointer-events:none;
}
.dive-descent .hundred-v4-return-lens::after{
  content:"";
  position:absolute;
  left:41%;
  bottom:-6.5vh;
  z-index:-1;
  width:18%;
  height:6.5vh;
  border-radius:0 0 14px 14px;
  background:linear-gradient(90deg,rgba(20,35,42,.8),rgba(90,108,111,.82) 50%,rgba(19,33,40,.82));
  box-shadow:0 17px 28px rgba(5,23,31,.24);
}
.dive-descent .hundred-v4-return-water{
  position:absolute!important;
  inset:clamp(10px,1vw,18px)!important;
  z-index:1!important;
  width:auto!important;
  overflow:hidden;
  border-radius:3.4% 2.9% 3.6% 3.1% / 4.3% 3.8% 4.6% 4%;
  background:
    radial-gradient(ellipse at 50% -7%,rgba(223,249,247,.66) 0 5%,rgba(124,206,215,.28) 22%,transparent 42%),
    radial-gradient(ellipse at 19% 48%,rgba(75,165,189,.46),transparent 48%),
    radial-gradient(ellipse at 83% 60%,rgba(94,108,163,.28),transparent 48%),
    linear-gradient(180deg,#4a9fb4 0%,#2d7893 45%,#17465c 77%,#0b2938 100%);
  box-shadow:inset 0 0 90px rgba(4,31,46,.33);
}
.dive-descent .hundred-v4-return-water::before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    repeating-linear-gradient(167deg,transparent 0 38px,rgba(234,252,249,.12) 42px,transparent 49px 91px),
    linear-gradient(108deg,transparent 17%,rgba(239,254,251,.19) 45%,transparent 67%);
  filter:blur(9px);
  mix-blend-mode:screen;
  animation:hundred-v4-tv-water-light 8s ease-in-out infinite alternate;
}
.dive-descent .hundred-v4-return-water::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg,rgba(236,251,249,.055) 0 1px,transparent 1px 5px);
  opacity:.58;
}
.dive-descent .hundred-v4-return-water i{
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-15%;
  height:45%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 20%,rgba(139,198,204,.25),rgba(8,43,57,.5) 62%,rgba(5,29,41,.74));
  filter:blur(3px);
  transform-origin:50% 80%;
  animation:hundred-v4-tv-water-depth 9s ease-in-out infinite alternate;
}
.dive-descent .hundred-v4-return-water i:nth-child(2){bottom:-1%;height:29%;opacity:.56;animation-delay:-3s}
.dive-descent .hundred-v4-return-water i:nth-child(3){bottom:13%;height:16%;opacity:.31;animation-delay:-6s}
@keyframes hundred-v4-tv-water-light{to{transform:translate3d(8%,-2%,0) scale(1.03)}}
@keyframes hundred-v4-tv-water-depth{to{transform:translate3d(2%,-4%,0) scaleX(1.06)}}
.dive-descent .hundred-v4-return-ripple{
  inset:clamp(18px,1.7vw,31px);
  z-index:3;
  border:0;
  border-radius:3% / 4%;
  background:linear-gradient(105deg,transparent 19%,rgba(218,248,245,.08) 44%,rgba(224,169,200,.08) 54%,transparent 75%);
  box-shadow:none;
  mix-blend-mode:screen;
}
.dive-descent .hundred-v4-return-lens>.hundred-v4-return-copy{
  position:absolute;
  left:50%;
  top:50%;
  z-index:6;
  width:68%;
  transform:translate(-50%,-50%);
  color:#eef8f6;
  text-align:center;
  text-shadow:0 2px 20px rgba(6,32,44,.42);
}
.dive-descent .hundred-v4-return-lens h2{margin:0 0 30px;font-size:clamp(42px,4.6vw,74px)}
.dive-descent .hundred-v4-return-lens .case-reading-return{font-size:clamp(18px,1.45vw,24px);text-shadow:0 0 12px rgba(216,247,246,.18)}

@media(max-width:900px){
  .dive-descent .hundred-v4-opening-bezel{inset:6vh 3.5vw 6.5vh}
  .dive-descent .hundred-v4-horizon{left:4.3vw;top:7.2vh;width:91.4vw;height:84.4vh}
  .dive-descent .hundred-v4-return-lens{width:82vw;height:62vh}
}
@media(max-width:700px){
  .dive-descent .hundred-v4-opening-bezel{inset:8vh 4vw 8vh}
  .dive-descent .hundred-v4-horizon{left:5vw;top:9vh;width:90vw;height:82vh}
  .dive-descent .hundred-v4-verification-surface{left:3vw;top:8vh;width:88vw;height:84vh}
  .dive-descent .hundred-v4-verification-copy{left:8vw;width:77vw}
  .dive-descent .hundred-v4-signal-fragments i:nth-child(1){right:-5vw;top:25vh;width:35vw}.dive-descent .hundred-v4-signal-fragments i:nth-child(2){display:none}.dive-descent .hundred-v4-signal-fragments i:nth-child(3){right:-8vw;top:56vh;width:39vw}
  .dive-descent .hundred-v4-return-lens{width:91vw;height:58vh}
  .dive-descent .hundred-v4-return-lens>.hundred-v4-return-copy{width:82%}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .hundred-v4-horizon::before,.dive-descent .hundred-v4-verification-surface::after,
  .dive-descent .hundred-v4-return-water::before,.dive-descent .hundred-v4-return-water i{animation:none!important}
}

/* 100-inch — full-viewport television correction.
   The TV frame is the viewport itself: nothing sits beyond it. */
.dive-descent .hundred-v4 .hundred-inch-reading-topbar{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.dive-descent .hundred-v4 .hundred-inch-state-hero{
  background:#090f15;
}
.dive-descent .hundred-v4-opening-bezel{
  inset:-3.2vh -2.8vw -3.8vh!important;
  z-index:12;
  overflow:hidden;
  border:clamp(28px,3.3vw,62px) solid #0a1118;
  border-radius:2.1% / 3.1%;
  background:transparent;
  box-shadow:
    inset 0 0 0 1px rgba(164,199,215,.22),
    inset 0 0 72px rgba(0,0,0,.7),
    0 0 0 1px rgba(12,26,38,.8);
}
.dive-descent .hundred-v4-opening-bezel::before{
  inset:clamp(10px,1vw,19px);
  border-color:rgba(143,193,219,.26);
  border-radius:1.8% / 2.7%;
  box-shadow:inset 0 0 54px rgba(4,20,32,.54);
}
.dive-descent .hundred-v4-opening-bezel::after{display:none}
.dive-descent .hundred-v4-horizon{
  left:1.1vw!important;
  top:1.3vh!important;
  z-index:3;
  width:97.8vw!important;
  height:97.4vh!important;
  border-radius:2.1% / 3.2%;
  background:
    radial-gradient(ellipse at 48% 32%,rgba(150,211,237,.9) 0,rgba(75,149,205,.68) 28%,transparent 60%),
    radial-gradient(ellipse at 82% 74%,rgba(177,120,174,.4),transparent 55%),
    linear-gradient(148deg,#5ca9c7 0%,#3d83bd 48%,#385f9c 100%);
  box-shadow:inset 0 0 13vw rgba(7,30,56,.44),inset 0 0 2vw rgba(226,247,249,.14);
}
.dive-descent .hundred-v4-horizon::before{
  background:linear-gradient(108deg,transparent 23%,rgba(241,252,251,.12) 48%,transparent 73%);
  animation:hundred-v4-screen-glide 14s ease-in-out infinite alternate;
}
.dive-descent .hundred-v4-horizon::after{opacity:.28}
.dive-descent .hundred-v4-opening-number{z-index:6}
.dive-descent .hundred-v4-opening-copy{z-index:7;bottom:13vh}
.dive-descent .hundred-v4-opening-signal{z-index:7;bottom:9vh}
.dive-descent .hundred-v4-noise{opacity:.035;animation:none}
.dive-descent .hundred-v4-static{opacity:.07;animation:none}

/* The blue screen hands off directly to a full colour fact field. */
.dive-descent .hundred-v4 .hundred-inch-state-verification{
  background:
    radial-gradient(ellipse at 78% 16%,rgba(237,160,199,.56),transparent 44%),
    radial-gradient(ellipse at 19% 76%,rgba(106,210,223,.63),transparent 51%),
    radial-gradient(ellipse at 48% 35%,rgba(215,228,239,.44),transparent 53%),
    linear-gradient(137deg,#82c6d3 0%,#a8c4d8 46%,#c7a8c8 100%);
  color:#15394d;
}
.dive-descent .hundred-v4-verification-surface{
  inset:0;
  z-index:0;
  width:100vw;
  height:100svh;
  border:0;
  border-radius:0;
  background:
    linear-gradient(111deg,rgba(225,247,246,.1),transparent 36%,rgba(229,178,207,.09) 72%,transparent),
    repeating-linear-gradient(0deg,rgba(247,252,251,.04) 0 1px,transparent 1px 6px);
  box-shadow:none;
  opacity:1;
}
.dive-descent .hundred-v4-verification-surface::before{opacity:.2}
.dive-descent .hundred-v4-verification-surface::after{opacity:.22}
.dive-descent .hundred-v4-verification-type{color:rgba(19,74,95,.12)}
.dive-descent .hundred-v4-verification-copy{color:#183c50;text-shadow:0 1px 14px rgba(234,248,247,.26)}
.dive-descent .hundred-v4-verification-copy>span,
.dive-descent .hundred-v4-verification-step small{color:rgba(20,70,90,.67)}
.dive-descent .hundred-v4-verification-step p{color:rgba(20,55,74,.88)}
.dive-descent .hundred-v4-signal-fragments i{
  border-color:rgba(231,248,246,.35);
  background:
    repeating-linear-gradient(0deg,rgba(239,251,250,.12) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,rgba(100,181,198,.23),rgba(221,160,196,.18));
  box-shadow:0 18px 46px rgba(67,116,140,.1);
}

/* Closing: the television fills the viewport; water exists only in its screen. */
.dive-descent .hundred-v4 .hundred-inch-state-communication{background:transparent}
.dive-descent .hundred-v4 .hundred-inch-state-return{background:#080e14}
.dive-descent .hundred-v4 .hundred-inch-state-return::before,
.dive-descent .hundred-v4-return-depth{display:none}
.dive-descent .hundred-v4-return-lens{
  inset:-5svh -5vw;
  width:110vw;
  height:110svh;
  overflow:hidden;
  transform:none!important;
  border-style:solid;
  border-width:clamp(38px,3.65vw,70px) clamp(76px,6.2vw,118px);
  border-color:#071018;
  border-radius:5.5% 4.7% 5.9% 4.9% / 4.4% 5.2% 4.8% 5.4%;
  background:linear-gradient(103deg,#101b23 0%,#071018 42%,#0f1820 100%);
  box-shadow:
    inset 0 0 0 1px rgba(150,197,219,.2),
    inset 0 0 70px rgba(0,0,0,.72);
}
.dive-descent .hundred-v4-return-lens::before{
  inset:clamp(8px,.78vw,15px);
  z-index:5;
  border-color:rgba(150,205,226,.22);
  border-radius:5.2% 4.3% 5.5% 4.5% / 4.1% 4.8% 4.4% 5%;
}
.dive-descent .hundred-v4-return-lens::after{display:none}
.dive-descent .hundred-v4-return-water{
  inset:clamp(10px,.9vw,17px)!important;
  border-radius:5.1% 4.2% 5.4% 4.4% / 4% 4.7% 4.3% 4.9%;
  background:
    radial-gradient(ellipse at 54% -5%,rgba(234,250,248,.58),rgba(139,209,218,.2) 28%,transparent 51%),
    linear-gradient(180deg,#67b3c2 0%,#438da8 38%,#245e79 70%,#102f43 100%);
}
.dive-descent .hundred-v4-return-video{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  background:#2d7893;
}
.dive-descent .hundred-v4-return-water i{display:none}
.dive-descent .hundred-v4 .hundred-inch-reading-stage::before,
.dive-descent .hundred-v4 .hundred-inch-reading-stage::after{display:none}
.dive-descent .hundred-v4-return-water::before{z-index:2;opacity:.72}
.dive-descent .hundred-v4-return-water::after{z-index:4;opacity:.34}
.dive-descent .hundred-v4-return-water i{z-index:3;opacity:.32}
.dive-descent .hundred-v4-return-ripple{z-index:4;opacity:.22}
.dive-descent .hundred-v4-return-lens>.hundred-v4-return-copy{
  top:auto;
  bottom:10vh;
  z-index:7;
  width:auto;
  transform:translateX(-50%);
}
.dive-descent .hundred-v4-return-lens .case-reading-return{
  padding:11px 2px 12px;
  color:rgba(242,253,252,.94);
  font-size:clamp(16px,1.35vw,23px);
  letter-spacing:.24em;
  text-shadow:0 2px 20px rgba(4,23,35,.8);
}
@media(max-width:700px){
  .dive-descent .hundred-v4-opening-bezel{border-width:22px}
  .dive-descent .hundred-v4-return-lens{border-width:28px 48px}
  .dive-descent .hundred-v4-horizon{left:1.6vw!important;top:1.6vh!important;width:96.8vw!important;height:96.8vh!important}
  .dive-descent .hundred-v4-return-lens{inset:-5svh -5vw;width:110vw!important;height:110svh!important}
}

/* Keep Beijing 2022 navigation legible after the shared Reading control rules. */
.dive-descent .beijing2022-topbar .case-reading-return,
.dive-descent .beijing2022-closing-return{color:#087493;border-color:rgba(8,116,147,.42);text-shadow:none}
.dive-descent .beijing2022-topbar .case-reading-return:hover,
.dive-descent .beijing2022-topbar .case-reading-return:focus-visible,
.dive-descent .beijing2022-closing-return:hover,
.dive-descent .beijing2022-closing-return:focus-visible{color:#ed3b35;border-color:#ed3b35;text-shadow:none}
.dive-descent .case-reading-layer[data-reading-mode="beijing2022"]::before{display:none}

/* Beijing 2022: desktop continuity pass. The information system crosses each reading beat. */
@media(min-width:761px){
  .dive-descent .beijing2022-reading{
    --bj-paper-cool:#d6e3e8;
    --bj-blue-ice:#b7dfe6;
    --bj-blue-mid:#45a8c1;
    --bj-blue-slate:#27576a;
    --bj-red:#df3f3b;
    --bj-rule:rgba(8,116,147,.27);
  }
  .dive-descent .beijing2022-context,
  .dive-descent .beijing2022-question,
  .dive-descent .beijing2022-results,
  .dive-descent .beijing2022-closing{isolation:isolate}
  .dive-descent .beijing2022-context::after{
    content:"";
    position:absolute;
    z-index:0;
    left:8vw;
    right:7vw;
    bottom:-18vh;
    height:32vh;
    border-top:1px solid rgba(8,116,147,.32);
    background:
      linear-gradient(90deg,transparent 0 22%,rgba(69,168,193,.11) 22% 22.15%,transparent 22.15% 50%,rgba(8,116,147,.24) 50% 50.18%,transparent 50.18%),
      repeating-linear-gradient(0deg,transparent 0 58px,rgba(8,116,147,.075) 58px 59px);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 54%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 54%,transparent 100%);
  }
  .dive-descent .beijing2022-context-copy{
    background:linear-gradient(135deg,rgba(239,247,248,.78),rgba(219,233,237,.62));
    box-shadow:inset 0 1px rgba(255,255,255,.52);
  }
  .dive-descent .beijing2022-context-scale{z-index:2;color:var(--bj-blue-slate)}
  .dive-descent .beijing2022-question::before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:11vh;
    width:50%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(8,116,147,.42));
  }
  .dive-descent .beijing2022-question::after{
    content:"";
    position:absolute;
    z-index:0;
    right:7vw;
    bottom:-15vh;
    width:min(38vw,720px);
    height:28vh;
    border-right:1px solid rgba(8,116,147,.33);
    border-bottom:1px solid rgba(8,116,147,.26);
    background:repeating-linear-gradient(90deg,transparent 0 11.11%,rgba(8,116,147,.09) 11.11% calc(11.11% + 1px));
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 74%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 74%,transparent 100%);
  }
  .dive-descent .beijing2022-calendar{margin-top:-8vh;padding-top:8vh}
  .dive-descent .beijing2022-calendar-stage{
    background:
      radial-gradient(ellipse at 12% 17%,rgba(180,222,230,.42),transparent 29%),
      linear-gradient(180deg,rgba(221,234,238,.9),rgba(213,228,233,.98));
  }
  .dive-descent .beijing2022-calendar-stage::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,transparent 0 49.93%,rgba(7,142,180,.16) 49.93% 50.07%,transparent 50.07%),
      repeating-linear-gradient(0deg,transparent 0 94px,rgba(8,116,147,.05) 94px 95px);
  }
  .dive-descent .beijing2022-schedule{
    border-color:rgba(8,116,147,.72);
    background:
      linear-gradient(90deg,transparent 49.88%,rgba(7,142,180,.5) 49.88% 50.12%,transparent 50.12%),
      repeating-linear-gradient(90deg,rgba(7,142,180,.19) 0 1px,transparent 1px 12.5%),
      repeating-linear-gradient(0deg,rgba(7,142,180,.15) 0 1px,transparent 1px 25%);
  }
  .dive-descent .beijing2022-block.is-plan{
    z-index:3;
    background:linear-gradient(145deg,rgba(239,248,249,.96),rgba(199,228,234,.86));
    color:var(--bj-blue-deep);
    box-shadow:0 14px 30px rgba(19,74,91,.09),inset 0 1px rgba(255,255,255,.62);
  }
  .dive-descent .beijing2022-block.is-live{
    background:linear-gradient(145deg,rgba(247,240,238,.96),rgba(235,220,216,.9));
    border-width:1.5px;
    box-shadow:0 16px 36px rgba(164,49,45,.14),inset 0 1px rgba(255,255,255,.5);
  }
  .dive-descent .beijing2022-update-line{z-index:4}
  .dive-descent .beijing2022-results{
    background:radial-gradient(ellipse at 82% 18%,rgba(184,223,230,.24),transparent 30%);
  }
  .dive-descent .beijing2022-results::before{
    content:"";
    position:absolute;
    z-index:0;
    top:-29vh;
    left:7vw;
    right:7vw;
    height:58vh;
    opacity:var(--bj-bridge-structure-opacity,.62);
    transform:translateY(var(--bj-results-shift,0vh));
    background:
      linear-gradient(rgba(118,190,205,.28),rgba(118,190,205,.28)) 5% 13%/21% 17% no-repeat,
      linear-gradient(rgba(8,116,147,.22),rgba(8,116,147,.22)) 39% 26%/17% 13% no-repeat,
      linear-gradient(rgba(223,63,59,.28),rgba(223,63,59,.28)) 60% 18%/14% 14% no-repeat,
      linear-gradient(rgba(8,116,147,.21),rgba(8,116,147,.21)) 75% 32%/18% 13% no-repeat,
      linear-gradient(90deg,transparent 0 49.94%,rgba(7,142,180,.58) 49.94% 50.06%,transparent 50.06%),
      repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(8,116,147,.16) calc(12.5% - 1px) 12.5%),
      repeating-linear-gradient(0deg,transparent 0 25%,rgba(8,116,147,.12) 25% calc(25% + 1px));
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 68%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 68%,transparent 100%);
  }
  .dive-descent .beijing2022-results::after{
    content:"";
    position:absolute;
    z-index:0;
    top:-5vh;
    left:7vw;
    right:7vw;
    height:2px;
    opacity:var(--bj-bridge-structure-opacity,.62);
    transform:translateY(var(--bj-results-shift,0vh));
    background:linear-gradient(90deg,var(--bj-red) 0 23%,rgba(8,116,147,.48) 23% 100%);
  }
  .dive-descent .beijing2022-results>.beijing2022-marker,
  .dive-descent .beijing2022-results>h2{z-index:2}
  .dive-descent .beijing2022-result-fragments{
    z-index:1;
    opacity:var(--bj-results-fragment-opacity,.76);
    transform:translateY(var(--bj-results-shift,0vh));
  }
  .dive-descent .beijing2022-closing{
    background:
      linear-gradient(180deg,rgba(225,236,239,.08),rgba(195,216,222,.54)),
      radial-gradient(ellipse at 50% 10%,rgba(176,218,228,.22),transparent 42%);
  }
  .dive-descent .beijing2022-closing::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0 7vw 0;
    opacity:var(--bj-closing-structure-opacity,.5);
    background:
      linear-gradient(90deg,transparent 0 49.94%,rgba(7,142,180,.26) 49.94% 50.06%,transparent 50.06%),
      repeating-linear-gradient(0deg,transparent 0 94px,rgba(8,116,147,.095) 94px 95px),
      repeating-linear-gradient(90deg,transparent 0 16.66%,rgba(8,116,147,.075) 16.66% calc(16.66% + 1px));
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 38%,transparent 90%);
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 38%,transparent 90%);
  }
  .dive-descent .beijing2022-closing>.beijing2022-marker,
  .dive-descent .beijing2022-closing h2,
  .dive-descent .beijing2022-closing-return{z-index:2}
}

.dive-descent .beijing2022-hero-year{
  /* A complete paper deboss: the live axis remains a background band, never a mask. */
  z-index:-1;
  color:rgba(238,247,248,.055);
  font-weight:300;
  text-shadow:
    1.2px 1.2px 2.2px rgba(14,68,84,.22),
    -1.1px -1.1px 1.8px rgba(255,255,255,.56);
  mix-blend-mode:normal;
  opacity:1;
}
.dive-descent .beijing2022-poster::before{
  opacity:.125;
  background-size:188px 188px;
}
.dive-descent .beijing2022-paper-light::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.2;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='fiber'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09 .62' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fiber)' opacity='.48'/%3E%3C/svg%3E");
  background-size:220px 180px;
}
.dive-descent .beijing2022-paper-light::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(101deg,transparent 0 24.7%,rgba(255,255,255,.16) 24.9%,rgba(73,124,140,.04) 25.08%,transparent 25.32%),
    linear-gradient(78deg,transparent 0 68.9%,rgba(255,255,255,.12) 69.08%,rgba(44,102,121,.035) 69.28%,transparent 69.52%),
    radial-gradient(ellipse at 14% 64%,rgba(255,255,255,.18),transparent 25%),
    radial-gradient(ellipse at 82% 33%,rgba(72,139,158,.07),transparent 27%);
}
.dive-descent .beijing2022-grid::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.11;
  mix-blend-mode:multiply;
  background-image:radial-gradient(circle,rgba(17,86,107,.34) .42px,transparent .62px);
  background-size:6px 6px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 93%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 93%,transparent 100%);
}
.dive-descent .beijing2022-axis{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.085) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(90deg,rgba(4,68,91,.055) 0 1px,transparent 1px 9px),
    linear-gradient(180deg,
      rgba(7,142,180,.92) 0 31%,
      rgba(7,142,180,.92) 38%,
      rgba(237,59,53,.9) 48%,
      rgba(237,59,53,.9) 58%,
      rgba(7,142,180,.9) 66% 100%);
  background-blend-mode:soft-light,multiply,normal;
}
.dive-descent .beijing2022-block{isolation:isolate}
.dive-descent .beijing2022-block::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.3;
  mix-blend-mode:multiply;
  background:
    repeating-linear-gradient(0deg,rgba(9,71,89,.12) 0 1px,transparent 1px 5px),
    radial-gradient(circle,rgba(12,76,94,.17) .36px,transparent .58px);
  background-size:auto,5px 5px;
}
.dive-descent .beijing2022-block>*{position:relative;z-index:1}
.dive-descent .beijing2022-block.is-live::after{
  opacity:.24;
  background:
    repeating-linear-gradient(0deg,rgba(143,45,42,.16) 0 1px,transparent 1px 5px),
    radial-gradient(circle,rgba(145,47,43,.2) .36px,transparent .58px);
  background-size:auto,5px 5px;
}

/* Writing Archive: whole-group refraction only. Every glyph remains intact;
   the surrounding water appears to bend the information as one quiet field. */
.dive-descent .writing-archive-discovery{
  position:absolute;
  left:var(--writing-screen-x,68%);
  top:var(--writing-screen-y,57.5%);
  z-index:2;
  width:min(26vw,330px);
  margin:0;
  padding:0;
  color:rgba(202,231,227,calc(.24 + var(--writing-proximity,0) * .68));
  opacity:calc(.5 + var(--writing-proximity,0) * .5);
  pointer-events:none;
  transform:translate(-32px,-50%);
  transition:color 1.25s ease,opacity 1.35s ease,transform 1.35s cubic-bezier(.2,.72,.24,1);
  text-shadow:0 1px 10px rgba(2,12,29,.56);
}
.dive-descent .writing-archive-water-content{
  transform-origin:42% 50%;
  filter:blur(.38px) saturate(.86);
  animation:writing-archive-water-refraction 6.4s cubic-bezier(.42,0,.58,1) infinite alternate;
  transition:filter .92s ease,transform .92s cubic-bezier(.24,.72,.3,1),opacity .92s ease;
  will-change:transform,filter;
}
.dive-descent .writing-archive-discovery.is-near{
  pointer-events:auto;
  transform:translate(-32px,calc(-50% - 2px));
  transition-duration:.62s,.62s,.72s;
}
.dive-descent .writing-archive-discovery.is-near .writing-archive-water-content{
  filter:blur(0) saturate(1);
  transform:translate3d(0,0,0) skewX(0) scaleX(1);
  animation:none;
}
.dive-descent .writing-archive-discovery.is-leaving .writing-archive-water-content{
  filter:blur(.3px) saturate(.88);
}
.dive-descent .writing-archive-eyebrow{
  margin:0 0 7px;
  color:rgba(173,218,216,calc(.24 + var(--writing-proximity,0) * .68));
  font:600 8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.2em;
  text-transform:uppercase;
  transition:color .72s ease;
}
.dive-descent .writing-archive-entry-label{
  position:relative;
  margin:0;
  color:rgba(224,239,232,calc(.4 + var(--writing-proximity,0) * .54));
  font:500 clamp(19px,1.7vw,27px)/1.15 "PingFang SC","Noto Sans SC",sans-serif;
  letter-spacing:.12em;
  text-shadow:0 1px 10px rgba(1,10,27,.82);
  transition:color .72s ease,text-shadow .72s ease;
}
.dive-descent .writing-archive-list{
  display:grid;
  gap:8px;
  margin-top:16px;
  opacity:calc(.48 + var(--writing-proximity,0) * .52);
  transform:translateY(calc((1 - var(--writing-proximity,0)) * 7px));
  transition:opacity 1.42s ease,transform 1.58s cubic-bezier(.2,.72,.24,1);
}
.dive-descent .writing-archive-discovery.is-near .writing-archive-list{
  opacity:calc(.58 + var(--writing-proximity,0) * .42);
  transition-duration:.74s,.9s;
  transition-delay:.12s;
}
.dive-descent .writing-archive-title{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(217,237,231,.9);
  max-width:96%;
  font:400 clamp(11px,1vw,14px)/1.54 "PingFang SC","Noto Sans SC",sans-serif;
  letter-spacing:.035em;
  text-align:left;
  text-shadow:0 1px 7px rgba(1,9,26,.86);
  transition:color .72s ease,text-shadow .72s ease;
}
.dive-descent .writing-archive-title:nth-child(2){margin-left:12px}
.dive-descent .writing-archive-title:nth-child(3){margin-left:4px}
.dive-descent .writing-archive-title:nth-child(4){margin-left:20px}
.dive-descent .writing-archive-title small{
  display:inline-block;
  width:25px;
  margin-right:3px;
  color:rgba(144,197,198,.62);
  font:600 8px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.08em;
  vertical-align:baseline;
}
.dive-descent .writing-archive-title-demo{
  cursor:pointer;
  transition:color .35s ease,text-shadow .35s ease;
}
.dive-descent .writing-archive-title-demo:hover,
.dive-descent .writing-archive-title-demo:focus-visible{
  color:rgba(244,239,191,.98);
  text-shadow:0 1px 8px rgba(3,12,27,.9),0 0 12px rgba(185,224,216,.18);
}
.dive-descent .writing-archive-title-demo:focus-visible{
  outline:1px solid rgba(211,238,228,.72);
  outline-offset:5px;
}

.dive-descent .downstream-world-scene{
  transition:filter .72s ease,opacity .72s ease;
}
.dive-descent.is-writing-reading .downstream-world-scene{
  filter:brightness(.48) contrast(.78) saturate(.56) blur(2px);
  opacity:.78;
}
.dive-descent .case-reading-layer[data-reading-mode="writingArchive"]{
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(20,61,71,.42) transparent;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(221,230,218,.18),transparent 48%),
    repeating-linear-gradient(0deg,rgba(28,61,64,.025) 0 1px,transparent 1px 4px),
    rgba(8,24,35,.76);
  color:#10282c;
  backdrop-filter:blur(7px) saturate(.72) brightness(.72);
}
.dive-descent .case-reading-layer[data-reading-mode="writingArchive"]::-webkit-scrollbar{width:6px}
.dive-descent .case-reading-layer[data-reading-mode="writingArchive"]::-webkit-scrollbar-track{background:transparent}
.dive-descent .case-reading-layer[data-reading-mode="writingArchive"]::-webkit-scrollbar-thumb{background:rgba(201,222,213,.34);border-radius:8px}
.dive-descent.is-writing-reading .case-reading-layer[data-reading-mode="writingArchive"]{
  animation:writing-archive-reading-in .72s cubic-bezier(.2,.72,.24,1) both;
}
.dive-descent .writing-archive-reading{
  position:relative;
  min-height:100%;
  padding:clamp(34px,6vh,72px) clamp(20px,7vw,112px) clamp(70px,10vh,120px);
}
.dive-descent .writing-reading-topbar{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(1120px,100%);
  margin:0 auto clamp(22px,4vh,48px);
  color:rgba(220,237,229,.72);
  font:600 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.17em;
  pointer-events:none;
}
.dive-descent .writing-reading-topbar .case-reading-return{
  margin:0;
  padding:4px 0 4px 10px;
  border:0;
  background:transparent;
  color:rgba(236,244,232,.86);
  font:600 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.18em;
  pointer-events:auto;
  cursor:pointer;
}
.dive-descent .writing-reading-sheet{
  position:relative;
  width:min(1120px,100%);
  min-height:calc(100vh - 180px);
  margin:0 auto;
  padding:clamp(32px,6vw,86px) clamp(24px,7vw,104px) clamp(46px,8vh,92px);
  overflow:hidden;
  background-color:rgba(230,231,218,.95);
  background-image:
    radial-gradient(circle at 16% 13%,rgba(255,255,255,.34),transparent 27%),
    radial-gradient(circle at 84% 73%,rgba(125,151,139,.07),transparent 32%),
    repeating-linear-gradient(0deg,rgba(35,64,61,.025) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px);
  color:#122b31;
  animation:writing-archive-sheet-in .82s cubic-bezier(.2,.72,.24,1) both;
}
.dive-descent .writing-reading-sheet::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:radial-gradient(circle,rgba(24,65,68,.22) .38px,transparent .66px);
  background-size:5px 5px;
  mix-blend-mode:multiply;
}
.dive-descent .writing-reading-sheet>*{position:relative;z-index:1}
.dive-descent .writing-reading-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  color:rgba(25,76,80,.62);
  font:600 9px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.16em;
}
.dive-descent .writing-reading-heading{
  max-width:780px;
  padding:clamp(38px,8vh,98px) 0 clamp(36px,7vh,76px);
}
.dive-descent .writing-reading-kicker,
.dive-descent .writing-reading-label{
  margin:0;
  color:rgba(31,93,96,.7);
  font:600 9px/1.35 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.dive-descent .writing-reading-heading h1{
  max-width:760px;
  margin:22px 0 24px;
  color:#123b42;
  font:500 clamp(34px,5.4vw,74px)/1.08 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.025em;
}
.dive-descent .writing-reading-heading h1 em{
  display:block;
  margin-top:.12em;
  color:#1b6970;
  font-style:normal;
}
.dive-descent .writing-reading-deck{
  max-width:510px;
  margin:0;
  color:rgba(19,61,66,.76);
  font:400 clamp(14px,1.35vw,18px)/1.7 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.04em;
}
.dive-descent .writing-reading-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);
  gap:clamp(30px,8vw,126px);
  padding:28px 0 38px;
}
.dive-descent .writing-reading-block p,
.dive-descent .writing-reading-block ul{
  max-width:520px;
  margin:17px 0 0;
  color:rgba(21,59,64,.82);
  font:400 14px/1.8 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-reading-block ul{padding:0;list-style:none}
.dive-descent .writing-reading-block li{margin:0 0 6px}
.dive-descent .writing-reading-block li::before{content:"—";display:inline-block;width:22px;color:#a37e43}
.dive-descent .writing-reading-excerpt{
  max-width:720px;
  margin:20px 0 50px;
  padding:25px 0 0;
}
.dive-descent .writing-reading-excerpt p{
  margin:18px 0 0;
  color:#1b555d;
  font:500 clamp(20px,2.2vw,31px)/1.45 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.04em;
}
.dive-descent .writing-reading-source{
  display:flex;
  align-items:baseline;
  gap:24px;
  padding-top:22px;
}
.dive-descent .writing-reading-source a{
  color:#936d31;
  font:600 12px/1.5 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.06em;
  text-decoration:none;
}
.dive-descent .writing-reading-source a:hover,
.dive-descent .writing-reading-source a:focus-visible{color:#5e4b29;text-decoration:underline;text-underline-offset:4px}

/* Writing Archive Reading: one quiet reading room, four distinct editorial rhythms. */
.dive-descent .writing-reading-piece{
  position:relative;
  width:min(1120px,100%);
  min-height:calc(100vh - 180px);
  margin:0 auto;
  padding:clamp(32px,6vw,86px) clamp(24px,7vw,104px) clamp(46px,8vh,92px);
  overflow:hidden;
  background-color:rgba(230,231,218,.95);
  background-image:
    radial-gradient(circle at 16% 13%,rgba(255,255,255,.34),transparent 27%),
    radial-gradient(circle at 84% 73%,rgba(125,151,139,.07),transparent 32%),
    repeating-linear-gradient(0deg,rgba(35,64,61,.025) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px);
  color:#122b31;
  animation:writing-archive-sheet-in .82s cubic-bezier(.2,.72,.24,1) both;
}
.dive-descent .writing-reading-piece::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:radial-gradient(circle,rgba(24,65,68,.22) .38px,transparent .66px);
  background-size:5px 5px;
  mix-blend-mode:multiply;
}
.dive-descent .writing-reading-piece>*{position:relative;z-index:1}
.dive-descent .writing-reading-piece[hidden]{display:none}
.dive-descent .writing-reading-piece--viewpoint .writing-reading-heading{max-width:820px}
.dive-descent .writing-viewpoint-image{
  width:min(43%,390px);
  margin:0 0 4px auto;
}
.dive-descent .writing-viewpoint-image img{display:block;width:100%;filter:saturate(.58) contrast(.98)}
.dive-descent .writing-viewpoint-image figcaption{
  margin-top:8px;
  color:rgba(27,83,86,.62);
  font:500 9px/1.4 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.1em;
}
.dive-descent .writing-viewpoint-body{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);
  column-gap:clamp(34px,8vw,126px);
  row-gap:0;
  margin:12px 0 42px;
}
.dive-descent .writing-viewpoint-lead{
  grid-row:span 2;
  align-self:start;
  padding:28px clamp(18px,3vw,42px) 30px 0;
  border-top:1px solid rgba(28,90,90,.3);
}
.dive-descent .writing-viewpoint-lead p{
  margin:22px 0 0;
  color:#174d54;
  font:500 clamp(23px,2.35vw,34px)/1.5 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-viewpoint-section{
  padding:27px 0 28px;
  border-top:1px solid rgba(28,90,90,.22);
}
.dive-descent .writing-viewpoint-section p,
.dive-descent .writing-release-copy p{
  margin:13px 0 0;
  color:rgba(21,59,64,.82);
  font:400 14px/1.8 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-reading-piece--thesis{background-color:rgba(227,232,222,.96)}
.dive-descent .writing-reading-piece--thesis .writing-reading-heading{max-width:910px}
.dive-descent .writing-thesis-margin{
  display:flex;
  align-items:center;
  gap:12px;
  margin:5px 0 38px;
  color:rgba(27,94,95,.64);
  font:600 8px/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.13em;
}
.dive-descent .writing-thesis-margin i{display:block;flex:1;height:1px;background:rgba(28,90,90,.22)}
.dive-descent .writing-thesis-body{max-width:860px;margin-left:auto}
.dive-descent .writing-thesis-body section{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  column-gap:28px;
  padding:30px 0 34px;
  border-top:1px solid rgba(28,90,90,.27);
}
.dive-descent .writing-thesis-body .writing-reading-label{grid-column:1;grid-row:1 / span 2;padding-top:5px}
.dive-descent .writing-thesis-body h2{
  grid-column:2;
  margin:0;
  color:#164e55;
  font:500 clamp(22px,2.5vw,36px)/1.2 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-thesis-body p{
  grid-column:2;
  max-width:610px;
  margin:17px 0 0;
  color:rgba(21,59,64,.82);
  font:400 15px/1.85 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-reading-piece--release{
  background-color:rgba(228,235,249,.97);
  background-image:
    linear-gradient(136deg,rgba(214,239,249,.93) 0%,rgba(224,232,250,.95) 50%,rgba(234,222,247,.93) 100%),
    repeating-linear-gradient(0deg,rgba(32,69,105,.026) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 9px);
}
.dive-descent .writing-release-image{margin:4px 0 38px}
.dive-descent .writing-release-image img{display:block;width:100%;max-height:440px;object-fit:cover;filter:saturate(.72) contrast(.98)}
.dive-descent .writing-release-image figcaption{
  margin-top:10px;
  color:rgba(27,83,86,.62);
  font:500 9px/1.4 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.1em;
}
.dive-descent .writing-release-copy{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,4vw,66px);
  margin:0 0 44px;
}
.dive-descent .writing-release-copy section{padding-top:18px;border-top:1px solid rgba(28,90,90,.3)}
.dive-descent .writing-reading-piece--people{background-color:rgba(232,230,216,.97)}
.dive-descent .writing-reading-piece--people .writing-reading-heading{max-width:840px;padding-bottom:29px}
.dive-descent .writing-people-opening{
  max-width:710px;
  margin:0 0 clamp(42px,7vh,78px);
  color:#1a5155;
  font:500 clamp(22px,2.25vw,33px)/1.6 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.04em;
}
.dive-descent .writing-people-portraits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(42px,8vw,132px);
  border-top:1px solid rgba(28,90,90,.32);
  margin-bottom:52px;
}
.dive-descent .writing-people-portraits section{
  position:relative;
  min-height:188px;
  padding:27px 0 29px 50px;
  border-bottom:1px solid rgba(28,90,90,.22);
}
.dive-descent .writing-people-portraits span{
  position:absolute;
  top:30px;
  left:0;
  color:rgba(154,115,51,.8);
  font:600 9px/1 "SF Mono","Roboto Mono",ui-monospace,monospace;
  letter-spacing:.08em;
}
.dive-descent .writing-people-portraits h2{
  margin:0;
  color:#174f55;
  font:500 clamp(20px,2.05vw,29px)/1.2 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.08em;
}
.dive-descent .writing-people-portraits p{
  margin:14px 0 0;
  color:rgba(21,59,64,.8);
  font:400 14px/1.8 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.035em;
}
.dive-descent .writing-people-closing{
  max-width:730px;
  margin:0 0 44px;
  padding:22px 0 0;
  border-top:1px solid rgba(28,90,90,.28);
}
.dive-descent .writing-people-closing p{
  margin:0;
  color:#1a5b62;
  font:500 clamp(21px,2vw,30px)/1.5 "Noto Serif SC","Songti SC","STSong",serif;
  letter-spacing:.04em;
}
.dive-descent .writing-reading-source{margin-top:auto}
.dive-descent .writing-reading-source a[aria-disabled="true"]{color:rgba(89,104,91,.62);cursor:default;text-decoration:none}
@keyframes writing-archive-reading-in{
  from{opacity:0;filter:blur(4px)}
  to{opacity:1;filter:blur(0)}
}
@keyframes writing-archive-sheet-in{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes writing-archive-water-refraction{
  0%{transform:translate3d(-1px,.4px,0) skewX(-.28deg) scaleX(.997)}
  44%{transform:translate3d(.8px,-.25px,0) skewX(.2deg) scaleX(1.003)}
  100%{transform:translate3d(-.45px,.3px,0) skewX(-.16deg) scaleX(.999)}
}
@media (prefers-reduced-motion:reduce){
  .dive-descent .writing-archive-discovery,
  .dive-descent .downstream-world-scene{transition:none}
  .dive-descent .writing-archive-entry-label,
  .dive-descent .writing-archive-title,
  .dive-descent .writing-archive-list{transition:none}
  .dive-descent .writing-archive-water-content{animation:none;filter:none;transform:none;transition:none}
  .dive-descent.is-writing-reading .case-reading-layer[data-reading-mode="writingArchive"],
  .dive-descent .writing-reading-sheet{animation:none}
}
.dive-descent::after{z-index:31;background:radial-gradient(ellipse at var(--focus-x,50%) var(--focus-y,52%),transparent 0 10%,rgba(19,25,77,.05) 36%,rgba(10,14,54,.32) 100%);mix-blend-mode:multiply}
.dive-descent::after{background:radial-gradient(ellipse at var(--focus-x,50%) var(--focus-y,52%),transparent 0 13%,rgba(43,54,122,.045) 42%,rgba(26,30,92,.22) 100%);mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){.entry-far-fish-a,.entry-far-fish-b{animation:none!important}}

/* Surface responsive composition. Desktop remains governed by the approved
   base layout; these rules only remap the same world for narrow viewports. */
@media(max-width:960px){
  .surface-page .surface-hero{
    --surface-planet-size:clamp(64px,18vw,96px);
    --surface-planet-left:clamp(22px,7vw,66px);
    --surface-planet-top:clamp(46px,6vh,58px);
  }
  .surface-page .site-nav{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .surface-page .surface-hero .home-copy{width:min(84vw,620px);margin-top:clamp(82px,15vh,132px);padding-inline:0}
  .surface-page .surface-hero .title-art{width:clamp(148px,38vw,260px);height:clamp(178px,26vh,240px)}
  .surface-page .surface-hero .surface-planet-layer{left:var(--surface-planet-left);top:var(--surface-planet-top);width:var(--surface-planet-size);height:var(--surface-planet-size)}
  .surface-page .surface-hero .planet-hotspot{
    left:calc(var(--surface-planet-left) - 14px);
    top:calc(var(--surface-planet-top) - 14px);
    width:calc(var(--surface-planet-size) + 28px);
    height:calc(var(--surface-planet-size) + 28px);
  }
  .surface-page .surface-hero .planet-hint{left:var(--surface-planet-left);top:calc(var(--surface-planet-top) + var(--surface-planet-size) + 8px);transform:none}
  .surface-page .surface-hero .drift-bottle-contact{right:max(18px,env(safe-area-inset-right));width:clamp(184px,48vw,230px)}
  .surface-page .surface-hero .drift-bottle-trigger{width:clamp(92px,24vw,112px);height:clamp(70px,16vw,84px)}
  .surface-page .surface-hero .dive-cta-region{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 110px);width:min(250px,calc(100vw - 36px))}
  .surface-page .surface-hero .surface-lifebuoy-entry{top:40px;width:clamp(118px,32vw,142px);height:auto;aspect-ratio:1.5 / 1}
  .surface-page .surface-hero .dive-trigger{min-width:220px;min-height:36px;padding:8px 10px}
  .surface-page .surface-hero .dive-trigger-hint{top:calc(100% + clamp(82px,22vw,96px));min-width:96px;min-height:28px;padding:8px 10px}
  .surface-page .surface-hero .home-diver.hero-diver-art{width:clamp(108px,16vw,138px);height:auto}
  .surface-page .surface-hero .caption{right:max(18px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom))}
  .surface-page .polish-menu{right:max(18px,env(safe-area-inset-right))}
  .surface-page .polish-menu-trigger{min-width:52px;min-height:40px;padding:7px 0 9px}
  .surface-page #polish-menu-links a{display:flex;min-height:36px;align-items:center;justify-content:flex-end}
  .surface-page .drift-contact-note{
    position:fixed;
    left:50%;right:auto;top:50%;
    width:min(300px,calc(100vw - 28px));height:auto;aspect-ratio:8 / 9;
    transform:translate(-50%,-47%) rotate(-1.8deg) scale(.97);
    transform-origin:center;
  }
  .surface-page .drift-contact-note:not([hidden]){transform:translate(-50%,-50%) rotate(-.8deg) scale(1)}
}

@media(max-width:700px){
  .surface-page #polish-menu-links{gap:1px}
}

@media(max-width:700px) and (max-height:680px){
  .surface-page .surface-hero{
    --surface-planet-size:clamp(56px,18vw,68px);
    --surface-planet-left:clamp(20px,7vw,34px);
    --surface-planet-top:44px;
  }
  .surface-page .surface-hero .home-copy{width:86vw;margin-top:clamp(54px,10vh,68px)}
  .surface-page .surface-hero .title-art{width:clamp(122px,38vw,148px);height:clamp(154px,29vh,178px)}
  .surface-page .surface-hero .planet-hint{left:calc(var(--surface-planet-left) + var(--surface-planet-size) + 12px);top:70px}
  .surface-page .surface-hero .dive-cta-region{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 42px)}
  .surface-page .surface-hero .surface-lifebuoy-entry{top:32px;width:clamp(96px,31vw,108px)}
  .surface-page .surface-hero .dive-trigger{min-width:210px}
  .surface-page .surface-hero .dive-trigger-hint{top:calc(100% + 24px)}
  .surface-page .surface-hero .home-diver.hero-diver-art{width:clamp(94px,31vw,106px)}
  .surface-page .surface-hero .drift-bottle-contact{top:50%;right:max(14px,env(safe-area-inset-right))}
  .surface-page .surface-hero .drift-bottle-trigger{width:88px;height:66px}
  .surface-page .drift-contact-note{width:min(260px,calc(100vw - 32px))}
}

@media(min-width:701px) and (max-width:960px) and (max-height:680px){
  .surface-page .surface-hero{
    --surface-planet-size:clamp(72px,11vw,92px);
    --surface-planet-left:clamp(44px,7vw,64px);
    --surface-planet-top:44px;
  }
  .surface-page .surface-hero .home-copy{width:54vw;margin-top:8px;transform:translateX(-10vw)}
  .surface-page .surface-hero .title-art{width:clamp(126px,18vw,150px);height:145px}
  .surface-page .surface-hero .dive-cta-region{left:60%}
}
.dive-descent .world-scene-open-water{display:block!important;top:-7vh;width:110vw;height:132vh;background-image:url("assets/dive-open-water-first-view-candidate-v1.png");background-size:cover;background-position:50% 0%;opacity:.13;filter:grayscale(1) contrast(1.12) brightness(1.08);mix-blend-mode:luminosity;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 12%,#000 30%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 12%,#000 30%,#000 70%,rgba(0,0,0,.72) 86%,transparent 100%);animation:deep-open-water-drift 26s ease-in-out infinite}
.dive-descent .world-scene-open-water::after{display:none}
.dive-descent::after{opacity:.44;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 28%,rgba(0,0,0,.16) 39%,#000 64%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 28%,rgba(0,0,0,.16) 39%,#000 64%,#000 100%)}
.dive-descent .case-cave-response{position:absolute;left:var(--case-screen-x,50%);top:var(--case-screen-y,50%);z-index:0;display:block;width:clamp(180px,20vw,310px);height:clamp(145px,16vw,245px);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.97);mix-blend-mode:soft-light;clip-path:polygon(8% 39%,27% 14%,60% 7%,88% 23%,96% 54%,78% 82%,43% 94%,14% 76%);background:linear-gradient(128deg,transparent 0 18%,var(--case-response-tint) 39%,rgba(218,243,238,.22) 52%,transparent 78%);transition:opacity .62s ease,transform .82s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.dive-descent .case-cave-response::after{content:"";position:absolute;inset:12% 10% 16%;display:block;clip-path:polygon(4% 45%,24% 13%,63% 4%,93% 29%,85% 69%,58% 92%,19% 78%);background:linear-gradient(148deg,rgba(0,0,0,.22) 0 24%,transparent 43% 65%,rgba(203,239,235,.25) 83%);opacity:.72}
.dive-descent .case-cave-response.is-active{opacity:calc(.025 + var(--case-proximity,0) * .17);transform:translate(-50%,-50%) scale(1)}
.dive-descent .case-cave-response[data-case-id="ltpo"]{--case-response-tint:rgba(79,185,193,.72);clip-path:polygon(6% 47%,25% 19%,60% 8%,90% 22%,96% 56%,76% 84%,40% 93%,12% 76%)}
.dive-descent .case-cave-response[data-case-id="mediaLab"]{--case-response-tint:rgba(104,162,221,.68);clip-path:polygon(10% 28%,43% 8%,76% 16%,94% 43%,86% 74%,60% 92%,25% 85%,5% 57%)}
.dive-descent .hundred-inch-entry{position:absolute;left:var(--case-screen-x,50%);top:var(--case-screen-y,50%);z-index:1;display:block;width:clamp(240px,22vw,352px);height:clamp(226px,18vw,288px);margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-100%);pointer-events:auto;touch-action:manipulation}
.dive-descent .hundred-inch-art{position:absolute;left:50%;bottom:0;display:block;width:70%;aspect-ratio:1440 / 1092;transform:translateX(-50%) rotate(-3.5deg);transform-origin:50% 96%;pointer-events:none}
.dive-descent .hundred-inch-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 13px 11px rgba(2,8,30,.44));transition:filter .45s ease}
.dive-descent .hundred-inch-screen{position:absolute;left:31.8%;top:25.4%;display:flex;width:46.5%;height:50.8%;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border-radius:16% 18% 13% 14% / 13% 15% 13% 15%;color:rgba(225,249,255,.86);font-family:"VT323","Courier New",ui-monospace,monospace;font-weight:400;text-align:center;text-shadow:0 0 1px rgba(226,250,255,.82),0 0 5px rgba(125,212,255,.4);filter:blur(.1px);transition:color .42s ease,filter .42s ease,text-shadow .42s ease}
.dive-descent .hundred-inch-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(226,250,255,.11) 0 1px,transparent 1px 4px);opacity:.16;mix-blend-mode:screen;transition:opacity .42s ease}
.dive-descent .hundred-inch-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(231,251,255,.12),transparent 22%,transparent 76%,rgba(5,45,86,.14));opacity:.58;pointer-events:none}
.dive-descent .hundred-inch-screen strong,.dive-descent .hundred-inch-screen small{position:relative;z-index:1;display:block;margin:0;font-weight:400;white-space:nowrap}
.dive-descent .hundred-inch-screen strong{font-size:clamp(32px,2.55vw,44px);line-height:.72;letter-spacing:.02em}
.dive-descent .hundred-inch-screen small{font-size:clamp(8px,.72vw,11px);line-height:1;letter-spacing:.14em}
.dive-descent .hundred-inch-entry:hover .hundred-inch-screen,.dive-descent .hundred-inch-entry:focus-visible .hundred-inch-screen,.dive-descent .hundred-inch-entry[data-case-state="PROXIMITY"] .hundred-inch-screen{color:rgba(235,253,255,.98);filter:brightness(1.08);text-shadow:0 0 1px rgba(240,254,255,.98),0 0 7px rgba(150,225,255,.52)}
.dive-descent .hundred-inch-entry:hover .hundred-inch-screen::before,.dive-descent .hundred-inch-entry:focus-visible .hundred-inch-screen::before,.dive-descent .hundred-inch-entry[data-case-state="PROXIMITY"] .hundred-inch-screen::before{opacity:.24}
.dive-descent .hundred-inch-entry:focus-visible{outline:1px solid rgba(225,248,244,.72);outline-offset:8px}
.dive-descent .beijing2022-entry{position:absolute;left:calc(var(--case-screen-x,50%) + clamp(18px,2.2vw,34px));top:var(--case-screen-y,50%);z-index:1;display:block;width:clamp(250px,20vw,330px);height:clamp(210px,17vw,270px);margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-100%);pointer-events:auto;touch-action:manipulation}
.dive-descent .beijing2022-art{position:absolute;left:50%;bottom:0;display:block;width:66%;aspect-ratio:1536 / 1024;transform:translateX(-50%) rotate(-4deg);transform-origin:50% 96%;pointer-events:none;transition:transform .42s cubic-bezier(.2,.75,.25,1)}
.dive-descent .beijing2022-art::before{content:"";position:absolute;inset:0;z-index:1;display:block;background:rgba(68,108,137,.18);-webkit-mask-image:url("assets/beijing2022-entry-sign.png");mask-image:url("assets/beijing2022-entry-sign.png");-webkit-mask-position:center;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;mask-repeat:no-repeat;mix-blend-mode:color;pointer-events:none}
.dive-descent .beijing2022-art::after{content:"";position:absolute;left:8%;right:8%;bottom:1%;height:10%;border-radius:50%;background:rgba(1,8,26,.54);filter:blur(10px);opacity:.74;transform:scaleX(.82);z-index:-1}
.dive-descent .beijing2022-art>img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;opacity:.86;filter:saturate(.62) brightness(.7) contrast(.9) drop-shadow(0 13px 12px rgba(2,8,30,.44));transition:opacity .42s ease,filter .42s ease}
.dive-descent .beijing2022-hover-label{position:absolute;right:5%;bottom:5%;z-index:2;display:grid;gap:3px;justify-items:end;color:rgba(225,241,237,.82);font:500 clamp(9px,.68vw,11px)/1.2 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.11em;text-shadow:0 2px 5px rgba(1,8,25,.92);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .42s ease}
.dive-descent .beijing2022-hover-label strong,.dive-descent .beijing2022-hover-label small{font-weight:500;white-space:nowrap}
.dive-descent .beijing2022-hover-label small{color:rgba(255,234,198,.72);font-size:.82em;letter-spacing:.12em}
.dive-descent .beijing2022-entry:hover .beijing2022-art,.dive-descent .beijing2022-entry:focus-visible .beijing2022-art,.dive-descent .beijing2022-entry[data-case-state="PROXIMITY"] .beijing2022-art{transform:translateX(-50%) rotate(-4deg) scale(1.015)}
.dive-descent .beijing2022-entry:hover .beijing2022-art>img,.dive-descent .beijing2022-entry:focus-visible .beijing2022-art>img,.dive-descent .beijing2022-entry[data-case-state="PROXIMITY"] .beijing2022-art>img{opacity:.96;filter:saturate(.7) brightness(.79) contrast(.93) drop-shadow(0 15px 13px rgba(2,8,30,.5))}
.dive-descent .beijing2022-entry:hover .beijing2022-hover-label,.dive-descent .beijing2022-entry:focus-visible .beijing2022-hover-label,.dive-descent .beijing2022-entry[data-case-state="PROXIMITY"] .beijing2022-hover-label{opacity:1;transform:translateY(0)}
.dive-descent .beijing2022-entry:focus-visible{outline:1px solid rgba(225,248,244,.68);outline-offset:8px}
@media(max-width:700px){
  .dive-descent .hundred-inch-entry{width:clamp(210px,58vw,270px);height:clamp(205px,48vw,240px)}
  .dive-descent .hundred-inch-art{width:72%}
  .dive-descent .hundred-inch-screen strong{font-size:clamp(28px,8.1vw,36px)}
  .dive-descent .hundred-inch-screen small{font-size:clamp(8px,2.1vw,10px)}
  .dive-descent .beijing2022-entry{width:clamp(240px,60vw,310px);height:clamp(210px,46vw,250px)}
  .dive-descent .beijing2022-art{width:64%}
  .dive-descent .beijing2022-hover-label{right:3%;bottom:4%;font-size:10px}
}
.station:focus-visible{filter:drop-shadow(0 0 12px rgba(235,248,221,.8));outline:1px solid rgba(255,247,214,.7);outline-offset:8px}

/* Beijing 2022 reading view: continuous paper editorial, scoped to this case only. */
.dive-descent.is-case-reading .case-reading-layer[data-reading-mode="beijing2022"]{
  background:#e8e8de;
  color:#466778;
}
.dive-descent .beijing2022-reading{
  --bj-paper:#e8e8de;
  --bj-paper-cool:#d4dfe0;
  --bj-ink:#466778;
  --bj-ink-soft:#677d87;
  --bj-blue:#9db9c2;
  --bj-blue-deep:#557889;
  --bj-blue-light:#b9cdd3;
  --bj-red:#9f8b80;
  --bj-rule:rgba(80,113,127,.28);
  background:var(--bj-paper);
  color:var(--bj-ink);
  font-family:"IBM Plex Sans SC","PingFang SC","Noto Sans SC",sans-serif;
}
.dive-descent .beijing2022-topbar{background:rgba(232,232,222,.94);border-color:rgba(85,120,137,.28);color:var(--bj-blue-deep)}
.dive-descent .beijing2022-topbar .case-reading-return{border-color:rgba(85,120,137,.4);color:var(--bj-blue-deep)}
.dive-descent .beijing2022-topbar .case-reading-return:hover,.dive-descent .beijing2022-topbar .case-reading-return:focus-visible{color:#8c7166;border-color:#8c7166}
.dive-descent .beijing2022-poster{
  width:min(100%,1280px);
  min-height:0;
  margin:0 auto;
  padding:26px clamp(28px,5vw,62px) 38px;
  overflow:visible;
  background:linear-gradient(90deg,#f0eee450,transparent 45%,#9caeb510 99%,#f4eee960);
}
.dive-descent .beijing2022-poster::before{z-index:2;opacity:.07;background-size:180px 180px}
.dive-descent .beijing2022-poster::after{z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18),transparent 39%),radial-gradient(ellipse at 50% 100%,rgba(92,126,139,.06),transparent 46%)}
.dive-descent .beijing2022-poster>*{position:relative;z-index:1}
.dive-descent .beijing2022-hero{
  min-height:535px;
  padding:20px 30px 25px;
  background:#b9cdd3;
  isolation:isolate;
}
.dive-descent .beijing2022-edition{display:flex;justify-content:space-between;padding:10px 0;border-top:3px double #64828d;border-bottom:1px solid #78929a;font-size:10px;letter-spacing:.16em}
.dive-descent .beijing2022-meta{position:relative;left:auto;top:auto;width:auto;margin:18px 0 0;color:#557889;font:500 11px/1.6 "SF Mono","Roboto Mono",ui-monospace,monospace;letter-spacing:.12em}
.dive-descent .beijing2022-hero-year{display:block;left:auto;right:18px;top:83px;z-index:0;color:#e2e8df;font:400 310px/.82 Georgia,serif;opacity:.86;letter-spacing:-.09em;white-space:nowrap;transform:none}
.dive-descent .beijing2022-hero h1{z-index:3;display:block;width:100%;margin:24px 0 0;color:#466778;letter-spacing:0}
.dive-descent .beijing2022-hero h1>span{display:block;margin:0 0 12px 0;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:.2em}
.dive-descent .beijing2022-hero h1 strong{position:relative;display:block;width:64%;margin:0;font-size:105px;font-weight:600;line-height:.98;letter-spacing:.015em}
.dive-descent .beijing2022-hero h1 strong>span{display:block;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.dive-descent .beijing2022-hero h1 strong>span+span{margin:12px 0 0 64px}
.dive-descent .beijing2022-bookend{position:absolute;z-index:4;color:#6b8995;font:400 134px/.62 Georgia,serif;letter-spacing:-.13em}
.dive-descent .beijing2022-bookend.is-open{left:-42px;top:-4px}
.dive-descent .beijing2022-bookend.is-close{right:72px;bottom:-2px}
.dive-descent .beijing2022-hero-index{left:30px;right:auto;bottom:22px;margin:0;color:#677d87;text-align:left;font-size:9px;letter-spacing:.13em}
.dive-descent .beijing2022-cover-calendar{position:absolute;right:31px;bottom:23px;z-index:4;width:245px;padding:13px 17px 17px;border:1px solid #c2baa780;border-top:11px solid #91a9b1;background:#e7dfcf;box-shadow:1px 4px 5px #51657525;transform:rotate(-6deg)}
.dive-descent .beijing2022-cover-calendar::before{content:"";position:absolute;top:-16px;left:20px;right:20px;height:12px;background:radial-gradient(ellipse at center,#617e8970 0 3px,transparent 4px) 0 0/40px 12px}
.dive-descent .beijing2022-cover-calendar-heading{display:flex;align-items:center;gap:16px;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #a2aea9}
.dive-descent .beijing2022-cover-calendar-heading b{font:52px/.9 Georgia,serif;letter-spacing:-.04em}
.dive-descent .beijing2022-cover-calendar-heading span{font-size:9px;line-height:1.6;letter-spacing:.14em}
.dive-descent .beijing2022-cover-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px 0;text-align:center}
.dive-descent .beijing2022-cover-calendar-grid i{padding-bottom:4px;font-size:8px;font-style:normal}
.dive-descent .beijing2022-cover-calendar-grid span{font:12px/1.35 Georgia,serif}
.dive-descent .beijing2022-cover-calendar-note{display:block;padding-top:7px;margin-top:10px;border-top:1px solid #b8bcae;font-size:7px;font-style:normal;letter-spacing:.04em}
.dive-descent .beijing2022-marker{color:#557889}
.dive-descent .beijing2022-context{min-height:0;padding:32px 0 20px;display:grid;grid-template-columns:135px minmax(0,1fr);gap:28px}
.dive-descent .beijing2022-context>.beijing2022-marker{position:static;align-self:start}
.dive-descent .beijing2022-context-copy{width:auto;margin:0;padding:0;background:none;border:0}
.dive-descent .beijing2022-context-copy h2{margin:0 0 16px;font-size:34px;font-weight:500;line-height:1.4;letter-spacing:.025em}
.dive-descent .beijing2022-context-copy p{width:auto;margin:0 0 12px;color:#677d87;font-size:15px;line-height:1.95;text-align:justify}
.dive-descent .beijing2022-context-copy p:first-of-type:first-letter{float:none;margin:0;font:inherit}
.dive-descent .beijing2022-context-scale{position:absolute;left:0;top:112px;bottom:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#557889;font:9px/1 Georgia,serif;letter-spacing:.12em}
.dive-descent .beijing2022-context-scale i{width:1px;height:auto;flex:1;margin:12px 0 12px 10px;background:#8ba5b0}
.dive-descent .beijing2022-question{min-height:0;margin:12px -12px 30px 135px;padding:24px 28px 28px;display:grid;grid-template-columns:1.45fr 1fr;gap:14px 28px;background:#c8d5d8}
.dive-descent .beijing2022-question::before{content:"“";position:absolute;left:-73px;top:4px;color:#94b0bc;font:150px/1 Georgia,serif}
.dive-descent .beijing2022-question>.beijing2022-marker{grid-column:1/-1;margin:0}
.dive-descent .beijing2022-question h2{width:auto;margin:0;font-size:33px;font-weight:400;line-height:1.4;letter-spacing:0}
.dive-descent .beijing2022-question h2 span,.dive-descent .beijing2022-question h2 strong{display:inline;font-weight:inherit}
.dive-descent .beijing2022-question h2 strong{border-bottom:2px solid #7f9fab;color:inherit}
.dive-descent .beijing2022-question h2 span:nth-child(3),.dive-descent .beijing2022-question h2 strong:nth-child(2),.dive-descent .beijing2022-question h2 strong:last-child{margin-left:0;color:inherit}
.dive-descent .beijing2022-question>p{align-self:end;width:auto;margin:0;color:#677d87;font-size:14px;line-height:1.85}
.dive-descent .beijing2022-calendar{min-height:115svh;margin:14px -24px 0;background:#d4dfe0;border-top:6px solid #8eacb7;box-shadow:3px 5px 0 #b7c7c4,5px 9px 0 #d1d6cf;transform:rotate(-.35deg)}
.dive-descent .beijing2022-calendar-stage{position:relative;top:auto;min-height:115svh;padding:30px 30px 26px;overflow:visible;background:transparent}
.dive-descent .beijing2022-calendar-stage::before{content:"";position:absolute;top:10px;left:15px;right:15px;height:8px;background:radial-gradient(ellipse at center,#78949d70 0 3px,transparent 4px) 0 0/42px 8px;pointer-events:none}
.dive-descent .beijing2022-calendar-heading{position:relative;display:grid;grid-template-columns:125px 1fr;gap:38px;align-items:start;padding-top:10px}
.dive-descent .beijing2022-calendar-heading>div:last-child{padding:0;border:0}
.dive-descent .beijing2022-calendar-heading p{margin:0;color:#677d87;font-size:9px;letter-spacing:.17em}
.dive-descent .beijing2022-calendar-heading h2{margin:0;color:#466778;font-size:37px;font-weight:500;line-height:1.4;letter-spacing:0}
.dive-descent .beijing2022-process{display:flex;width:100%;margin:22px 0 20px;padding-top:20px;border-top:1px solid #9db4bb;gap:20px}
.dive-descent .beijing2022-process>span{flex:1;display:grid;grid-template-columns:36px 1fr;align-items:start;gap:5px 8px;color:#557889}
.dive-descent .beijing2022-process b{grid-row:1/3;font-size:32px;line-height:1.1}
.dive-descent .beijing2022-process strong{font-size:10px;letter-spacing:.08em}
.dive-descent .beijing2022-process small{font-family:serif;font-size:20px;letter-spacing:0}
.dive-descent .beijing2022-process>i{width:25px;height:1px;margin-top:13px;background:#a6b9bf}
.dive-descent .beijing2022-schedule{position:relative;width:100%;height:330px;min-height:0;margin:0;border-top:1px solid #9eb7c1;border-bottom:1px solid #9eb7c1;perspective:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#7798a125 25%),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#7798a120 60px)}
.dive-descent .beijing2022-schedule-ruler{position:relative;left:auto;right:auto;top:auto;height:34px;display:flex;justify-content:space-between;align-items:center;color:#557889;font:9px Georgia,serif}
.dive-descent .beijing2022-schedule-ruler i{flex:1;height:1px;background:#a6b9bf}
.dive-descent .beijing2022-block{width:22%;height:77px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;border:0;border-left:3px solid #86a5b4;background:#b4cbd5;color:#557889;box-shadow:0 2px 2px #5a77861a;transform-origin:left center}
.dive-descent .beijing2022-block small,.dive-descent .beijing2022-block span{font-size:8px;letter-spacing:.1em}
.dive-descent .beijing2022-block strong{font-size:18px;font-weight:500;line-height:1.15;letter-spacing:0}
.dive-descent .beijing2022-block span{align-self:flex-end}
.dive-descent .beijing2022-block.is-plan-a{left:1%;top:44px;width:22%;height:77px}
.dive-descent .beijing2022-block.is-plan-b{left:26%;top:44px;width:22%;height:77px}
.dive-descent .beijing2022-block.is-plan-c{left:51%;top:44px;width:22%;height:77px}
.dive-descent .beijing2022-block.is-plan-d{left:76%;top:44px;width:22%;height:77px;border:1px dashed #8aa5b1;background:transparent;box-shadow:none}
.dive-descent .beijing2022-block.is-live{top:160px;height:77px;border:0;background:#e7dbca;color:#806f64;box-shadow:1px 3px 4px #56696e26}
.dive-descent .beijing2022-block.is-live::before{content:"";position:absolute;top:-5px;left:34%;width:44px;height:12px;background:#f0ebdba0;transform:rotate(-4deg)}
.dive-descent .beijing2022-block.is-live-a{left:7%;width:22%}
.dive-descent .beijing2022-block.is-live-b{left:37%;width:22%}
.dive-descent .beijing2022-block.is-live-c{left:70%;width:27%}
.dive-descent .beijing2022-status{padding:4px 10px;background:var(--bj-paper);font:11px/1.5 "IBM Plex Sans SC",sans-serif}
.dive-descent .beijing2022-status span{font-size:14px}
.dive-descent .beijing2022-status.is-status-verified{left:51%;top:42%;border:1px solid #7d9da6;border-radius:50%;color:#557889;transform:rotate(-5deg)}
.dive-descent .beijing2022-status.is-status-reorder{right:auto;left:37%;bottom:12px;color:#677d87;font:15px/1.3 serif}
.dive-descent .beijing2022-update-line{display:none}
.dive-descent .beijing2022-calendar-note{width:auto;max-width:none;margin:14px 0 0;color:#677d87;font:14px/1.7 serif}
.dive-descent .beijing2022-results{min-height:0;margin-top:22px;padding:35px 0 30px;display:grid;grid-template-columns:135px 1.2fr 1fr;gap:28px;align-items:center;border-bottom:1px solid #a6b9bf}
.dive-descent .beijing2022-results::before{content:"";position:absolute;inset:15px -10px 10px 152px;z-index:-1;background:#b9cdd14a;clip-path:polygon(0 6%,100% 0,99% 95%,1% 100%)}
.dive-descent .beijing2022-results>.beijing2022-marker{margin:0}
.dive-descent .beijing2022-results>h2,.dive-descent .beijing2022-result-fragments{display:none}
.dive-descent .beijing2022-result-number{align-items:center;gap:17px}
.dive-descent .beijing2022-result-number strong,.dive-descent .beijing2022-result-number.is-secondary strong{font:400 100px/1 Georgia,serif;letter-spacing:-.06em}
.dive-descent .beijing2022-result-number span{margin:0;color:#557889;font-size:12px}
.dive-descent .beijing2022-result-number span b{font-size:20px;font-weight:400}
.dive-descent .beijing2022-closing{min-height:0;padding:27px 0 35px;background:linear-gradient(180deg,transparent,rgba(203,222,227,.3))}
.dive-descent .beijing2022-closing>.beijing2022-marker{margin:0 0 16px}
.dive-descent .beijing2022-closing h2{width:auto;margin:0;font-size:31px;font-weight:500;line-height:1.7;letter-spacing:0}
.dive-descent .beijing2022-closing-return{position:relative;right:auto;bottom:auto;left:auto;display:grid;width:max-content;grid-template-columns:90px auto;gap:12px;margin:10px 0 0;padding:10px 0;color:#557889}
.dive-descent .beijing2022-closing-return:hover,.dive-descent .beijing2022-closing-return:focus-visible{color:#8c7166}

@media(max-width:760px){
  .dive-descent .beijing2022-poster{width:100%;min-height:0;padding:18px 24px 30px}
  .dive-descent .beijing2022-hero{min-height:453px;margin:0 -13px;padding:12px 15px 22px}
  .dive-descent .beijing2022-edition{font-size:7px;letter-spacing:.06em}
  .dive-descent .beijing2022-meta{margin-top:14px;font-size:8px;letter-spacing:0}
  .dive-descent .beijing2022-hero h1{margin-top:24px}
  .dive-descent .beijing2022-hero h1>span{margin:0 0 10px;font-size:18px;letter-spacing:.12em}
  .dive-descent .beijing2022-hero h1 strong{width:70%;font-size:64px}
  .dive-descent .beijing2022-hero h1 strong>span+span{margin:8px 0 0 25px}
  .dive-descent .beijing2022-bookend{font-size:98px;line-height:.62}
  .dive-descent .beijing2022-bookend.is-open{left:-31px;top:-3px}
  .dive-descent .beijing2022-bookend.is-close{right:27px;bottom:-2px}
  .dive-descent .beijing2022-hero-year{right:4px;top:117px;font-size:177px;line-height:.8;opacity:.68}
  .dive-descent .beijing2022-hero-index{left:15px;bottom:18px;font-size:6px}
  .dive-descent .beijing2022-cover-calendar{right:12px;bottom:15px;width:158px;padding:10px;border-top-width:8px}
  .dive-descent .beijing2022-cover-calendar::before{left:7px;right:7px;top:-14px;background-size:25px 12px}
  .dive-descent .beijing2022-cover-calendar-heading{gap:9px;margin-bottom:4px;padding-bottom:4px}
  .dive-descent .beijing2022-cover-calendar-heading b{font-size:32px}
  .dive-descent .beijing2022-cover-calendar-heading span{font-size:6px}
  .dive-descent .beijing2022-cover-calendar-grid{gap:2px 0}
  .dive-descent .beijing2022-cover-calendar-grid i{padding:0;font-size:6px}
  .dive-descent .beijing2022-cover-calendar-grid span{font-size:9px}
  .dive-descent .beijing2022-cover-calendar-note{margin-top:5px;padding-top:5px;font-size:5px}
  .dive-descent .beijing2022-context{display:block;padding:25px 0 20px}
  .dive-descent .beijing2022-context-copy{display:block;margin-top:16px}
  .dive-descent .beijing2022-context-copy h2{margin:0 0 14px;font-size:24px;letter-spacing:0}
  .dive-descent .beijing2022-context-copy p{margin-top:12px;font-size:14px}
  .dive-descent .beijing2022-context-scale{display:none}
  .dive-descent .beijing2022-question{display:block;margin:7px -10px 28px;padding:20px}
  .dive-descent .beijing2022-question::before{display:none}
  .dive-descent .beijing2022-question>.beijing2022-marker{margin:0 0 15px}
  .dive-descent .beijing2022-question h2{font-size:27px}
  .dive-descent .beijing2022-question>p{margin:14px 0 0;font-size:13px}
  .dive-descent .beijing2022-calendar{min-height:115svh;margin:10px -12px 0;transform:none}
  .dive-descent .beijing2022-calendar-stage{min-height:115svh;padding:20px 12px}
  .dive-descent .beijing2022-calendar-heading{display:block;padding-top:10px}
  .dive-descent .beijing2022-calendar-heading>.beijing2022-marker{margin:0 0 12px}
  .dive-descent .beijing2022-calendar-heading>div:last-child{margin:0;padding:0;border:0}
  .dive-descent .beijing2022-calendar-heading h2{font-size:27px}
  .dive-descent .beijing2022-process{gap:5px;margin:20px 0 16px;padding-top:16px}
  .dive-descent .beijing2022-process>span{display:flex;flex-direction:column;gap:4px}
  .dive-descent .beijing2022-process>i{width:12px;margin-top:13px}
  .dive-descent .beijing2022-process b{font-size:27px}
  .dive-descent .beijing2022-process strong{font-size:8px}
  .dive-descent .beijing2022-process small{font-size:16px}
  .dive-descent .beijing2022-schedule{height:390px}
  .dive-descent .beijing2022-block{width:45%;height:70px;padding:8px}
  .dive-descent .beijing2022-block strong{font-size:14px}
  .dive-descent .beijing2022-block.is-plan-a{left:1%;top:35px;width:45%;height:70px}
  .dive-descent .beijing2022-block.is-plan-b{left:52%;top:35px;width:45%;height:70px}
  .dive-descent .beijing2022-block.is-plan-c{left:1%;top:120px;width:45%;height:70px}
  .dive-descent .beijing2022-block.is-plan-d{left:52%;top:120px;width:45%;height:70px}
  .dive-descent .beijing2022-block.is-live{top:215px;height:70px}
  .dive-descent .beijing2022-block.is-live-a{left:1%;width:45%}
  .dive-descent .beijing2022-block.is-live-b{left:52%;width:45%}
  .dive-descent .beijing2022-block.is-live-c{left:44%;top:305px;width:54%}
  .dive-descent .beijing2022-status.is-status-verified{left:1%;top:auto;bottom:171px}
  .dive-descent .beijing2022-status.is-status-reorder{left:1%;right:auto;bottom:25px;max-width:37%;font-size:12px}
  .dive-descent .beijing2022-calendar-note{margin-top:14px;font-size:12px}
  .dive-descent .beijing2022-results{grid-template-columns:1fr 1fr;gap:18px;padding:25px 0;margin-top:17px}
  .dive-descent .beijing2022-results>.beijing2022-marker{grid-column:1/-1}
  .dive-descent .beijing2022-results::before{inset:67px -10px 10px}
  .dive-descent .beijing2022-result-number{gap:9px}
  .dive-descent .beijing2022-result-number strong,.dive-descent .beijing2022-result-number.is-secondary strong{font-size:60px}
  .dive-descent .beijing2022-result-number span{font-size:10px}
  .dive-descent .beijing2022-result-number span b{font-size:17px}
  .dive-descent .beijing2022-closing{padding:22px 0 28px}
  .dive-descent .beijing2022-closing h2{font-size:23px}
  .dive-descent .beijing2022-closing-return{left:auto;right:auto;grid-template-columns:90px auto}
}
@media(prefers-reduced-motion:reduce){
  .dive-descent .beijing2022-poster::before{opacity:.04}
  .dive-descent .beijing2022-block,.dive-descent .beijing2022-status,.dive-descent .beijing2022-update-line{will-change:auto}
}

/* Beijing 2022 paper preview — final integration parity. */
.dive-descent.is-case-reading .case-reading-layer[data-reading-mode="beijing2022"]{background:#cbd8d9}
.dive-descent .beijing2022-reading{background:transparent;color:#486579}
.dive-descent .beijing2022-poster{width:calc(100% - 40px);max-width:1160px;margin:20px auto 36px;padding:26px 62px 38px;background:#e2e9e7;box-shadow:0 3px 8px #53666a15,0 20px 55px #53666a12;overflow:hidden}
.dive-descent .beijing2022-poster::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.dive-descent .beijing2022-hero{margin:0 -36px;min-height:535px;padding:20px 30px 25px;background:#b9cdd3;border:0;isolation:isolate}
.dive-descent .beijing2022-hero .edition{display:flex;justify-content:space-between;border-top:3px double #64828d;border-bottom:1px solid #78929a;padding:10px 0;font-size:10px;letter-spacing:.16em}
.dive-descent .beijing2022-hero-year{right:30px;top:110px;font:400 217px/.8 Georgia,serif;color:#e2e8df;opacity:.83;letter-spacing:-.07em}
.dive-descent .beijing2022-hero h1 strong{width:64%;font-size:105px;line-height:.98;letter-spacing:.015em}
.dive-descent .beijing2022-hero h1 strong>span{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.dive-descent .beijing2022-hero h1 strong>span+span{margin:12px 0 0 64px}
.dive-descent .beijing2022-hero .bookend{position:absolute;z-index:4;color:#6b8995;font:400 134px/.62 Georgia,serif;letter-spacing:-.13em}
.dive-descent .beijing2022-hero .bookend-open{left:-42px;top:-4px}
.dive-descent .beijing2022-hero .bookend-close{right:72px;bottom:-2px}
.dive-descent .beijing2022-hero-index{left:30px;right:auto;bottom:22px;font-size:9px;letter-spacing:.13em}
.dive-descent .beijing2022-hero .cover-slip{position:absolute;right:31px;bottom:23px;z-index:4;width:245px;padding:13px 17px 17px;border:1px solid #c2baa780;border-top:11px solid #91a9b1;background:#e7dfcf;box-shadow:1px 4px 5px #51657525;transform:rotate(-6deg)}
.dive-descent .cover-slip::before{content:"";position:absolute;top:-16px;left:20px;right:20px;height:12px;background:radial-gradient(ellipse at center,#617e8970 0 3px,transparent 4px) 0 0/40px 12px}
.dive-descent .month-label{display:flex;align-items:center;gap:16px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #a2aea9}
.dive-descent .month-label>b{font:52px/.9 Georgia,serif;letter-spacing:-.04em}
.dive-descent .month-label>span{font-size:9px;line-height:1.6;letter-spacing:.14em}
.dive-descent .month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px 0;text-align:center}
.dive-descent .month-grid>i{padding-bottom:4px;font-size:8px;font-style:normal}
.dive-descent .month-grid>span{font:12px/1.35 Georgia,serif}
.dive-descent .cover-slip .month-footer{display:block;margin-top:10px;padding-top:7px;border-top:1px solid #b8bcae;font-size:7px;font-style:normal;letter-spacing:.04em}
.dive-descent .beijing2022-context-copy p:first-of-type:first-letter{float:none;margin:0;font:inherit}
.dive-descent .beijing2022-results .beijing2022-result-number>strong{font:400 113px/1 Georgia,serif;letter-spacing:-.06em}
.dive-descent .beijing2022-closing-return{display:block;width:auto;margin:0;padding:8px 0;color:#486579;font-size:12px;text-decoration:none;border:0;border-bottom:1px solid #aebfc2;background:transparent}
.dive-descent .beijing2022-closing-return i{display:none}
.dive-descent .beijing2022-closing-return:hover,.dive-descent .beijing2022-closing-return:focus-visible{color:#486579;border-bottom-color:#486579}

@media(max-width:760px){
  .dive-descent .beijing2022-poster{width:calc(100% - 20px);margin:0 10px 14px;padding:18px 24px 30px}
  .dive-descent .beijing2022-hero{margin:0 -13px;min-height:453px;padding:12px 15px 22px}
  .dive-descent .beijing2022-hero .edition{font-size:7px;letter-spacing:.06em}
  .dive-descent .beijing2022-hero-year{right:9px;top:110px;font-size:132px;opacity:.65}
  .dive-descent .beijing2022-hero h1 strong{width:70%;font-size:64px}
  .dive-descent .beijing2022-hero h1 strong>span+span{margin:8px 0 0 25px}
  .dive-descent .beijing2022-hero .bookend{font-size:98px;line-height:.62}
  .dive-descent .beijing2022-hero .bookend-open{left:-31px;top:-3px}
  .dive-descent .beijing2022-hero .bookend-close{right:27px;bottom:-2px}
  .dive-descent .beijing2022-hero .cover-slip{right:12px;bottom:15px;width:158px;padding:10px;border-top-width:8px}
  .dive-descent .cover-slip::before{left:7px;right:7px;top:-14px;background-size:25px 12px}
  .dive-descent .month-label{gap:9px;margin-bottom:4px;padding-bottom:4px}
  .dive-descent .month-label>b{font-size:32px}.dive-descent .month-label>span{font-size:6px}.dive-descent .month-grid{gap:2px 0}.dive-descent .month-grid>i{padding:0;font-size:6px}.dive-descent .month-grid>span{font-size:9px}.dive-descent .cover-slip .month-footer{margin-top:5px;padding-top:5px;font-size:5px}
  .dive-descent .beijing2022-results .beijing2022-result-number>strong{font-size:60px}
}

/* The formal Beijing route hosts the approved standalone Preview directly.
   Only the route shell is styled here; Preview owns every interior pixel. */
.dive-descent.is-case-reading .case-reading-layer[data-reading-mode="beijing2022"]{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  overflow:hidden;
  background:#cbd8d9;
}
.dive-descent .case-reading-layer[data-reading-mode="beijing2022"]>.ltpo-reading-background{display:none}
.dive-descent .beijing2022-preview-route{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#cbd8d9;
}
.dive-descent .beijing2022-preview-route[hidden]{display:none}
.dive-descent .beijing2022-preview-frame{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:#cbd8d9;
}

/* Case Reading responsive translation.
   Desktop compositions above remain authoritative; these rules only resolve
   narrow-view reading, touch targets and scroll distance. */
@media(max-width:900px){
  .dive-descent .case-reading-layer[data-reading-mode="ltpo"],
  .dive-descent .case-reading-layer[data-reading-mode="mediaLab"],
  .dive-descent .case-reading-layer[data-reading-mode="hundredInch"]{
    overflow-x:hidden;
    overscroll-behavior:contain;
    touch-action:pan-y;
  }
  .dive-descent .case-reading-layer[data-reading-mode="ltpo"] img,
  .dive-descent .case-reading-layer[data-reading-mode="ltpo"] video,
  .dive-descent .case-reading-layer[data-reading-mode="mediaLab"] img,
  .dive-descent .case-reading-layer[data-reading-mode="mediaLab"] video,
  .dive-descent .case-reading-layer[data-reading-mode="hundredInch"] img,
  .dive-descent .case-reading-layer[data-reading-mode="hundredInch"] video{
    max-width:100%;
  }
  .dive-descent .ltpo-v2-topbar,
  .dive-descent .media-lab-topbar{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .dive-descent .ltpo-v2-topbar button,
  .dive-descent .media-lab-topbar .case-reading-return{
    min-width:44px;
    min-height:44px;
  }

  /* LTPO keeps its authored scroll scenes, with tablet-safe columns and pace. */
  .dive-descent .ltpo-rebuild .ltpo-v2-hero{height:200svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:94vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview{min-height:100svh;padding:14vh 6vw 11vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview-grid{grid-template-columns:1fr;gap:7vh;margin-top:15vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview h2{font-size:clamp(58px,14vw,112px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview p{max-width:34em;font-size:clamp(17px,2.5vw,21px);line-height:1.55}
  .dive-descent .ltpo-rebuild .ltpo-v2-semantic{height:290svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge{height:260svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy{height:560svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-result{height:190svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-intro,
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-answer{max-width:36em}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro{top:max(70px,7vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy{top:max(74px,8vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-episode-nav button,
  .dive-descent .ltpo-rebuild .ltpo-v2-sound,
  .dive-descent .ltpo-rebuild .ltpo-v2-closing-return{min-height:44px}

  /* Tablet keeps the Media Lab choreography, but removes desktop-length tails. */
  .dive-descent .media-lab-hero-spacer{height:115svh}
  .dive-descent .media-lab-question{height:140svh}
  .dive-descent .media-lab-approach{height:300svh}
  .dive-descent .media-lab-results{height:155svh}
  .dive-descent .media-lab-closing{height:155svh}

  /* SIGNAL TIDE remains a six-beat television sequence, with less dead travel. */
  .dive-descent .hundred-v4,
  .dive-descent .hundred-v4 .hundred-inch-reading-scroll{min-height:800svh}
  .dive-descent .hundred-v4 .hundred-inch-reading-stage,
  .dive-descent .hundred-v4 .hundred-inch-state{min-height:100svh}
  .dive-descent .hundred-v4-return-lens .case-reading-return{min-height:44px;min-width:44px}
}

@media(max-width:700px){
  /* LTPO: retain the same scenes while fitting titles, copy and evidence safely. */
  .dive-descent .ltpo-v2-topbar{height:58px}
  .dive-descent .ltpo-rebuild .ltpo-v2-hero{height:180svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:92vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-hero-meta{bottom:max(28px,5vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview{min-height:100svh;padding:13vh 6vw 10vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview-grid{gap:6vh;margin-top:14vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview h2{font-size:clamp(54px,17vw,82px);line-height:.88}
  .dive-descent .ltpo-rebuild .ltpo-v2-overview p{font-size:17px;line-height:1.58}
  .dive-descent .ltpo-rebuild .ltpo-v2-semantic{height:235svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list{inset:14vh 6vw 10vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-value-list p strong{font-size:clamp(43px,12.8vw,68px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-translation strong{font-size:17vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge{height:230svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-stage{padding-top:max(78px,9vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-intro{top:max(82px,14vh);width:88vw;font-size:15px;line-height:1.55}
  .dive-descent .ltpo-rebuild .ltpo-v2-question{left:5vw;top:31vh;width:90vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-question span{font-size:12vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-question strong{font-size:15vw;line-height:.98}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-answer{left:6vw;bottom:7vh;width:88vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-answer p{font-size:16px;line-height:1.55}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy{height:500svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy-stage{padding-left:6vw;padding-right:6vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro{inset:max(76px,8vh) 6vw auto}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro p{margin-top:10vh;font-size:clamp(25px,7vw,36px);line-height:1.23}
  .dive-descent .ltpo-rebuild .ltpo-v2-foundation figure{height:min(42vh,390px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-foundation,
  .dive-descent .ltpo-rebuild .ltpo-v2-method,
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence{padding-top:max(78px,8vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-method p{width:88vw;font-size:15px;line-height:1.65}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy{top:max(78px,8vh)}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-copy h3{font-size:clamp(31px,8.4vw,46px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-logic{max-width:88vw;overflow-x:auto;overscroll-behavior-x:contain}
  .dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{
    left:auto;
    right:6vw;
    bottom:9vh;
    width:min(26vh,42vw);
    height:auto;
    transform:none;
  }
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-controls{right:6vw;bottom:2.5vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-result{height:180svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-result-sheet{padding:max(78px,10vh) 6vw 7vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-result-grid{margin-top:14vh;gap:8vh}
  .dive-descent .ltpo-rebuild .ltpo-v2-award strong{font-size:clamp(40px,10.8vw,58px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-closing-wordmark{width:94vw}

  /* Media Lab becomes an authored single-column reading flow on phones.
     All original modules remain visible; only sticky pinning is removed. */
  .dive-descent .media-lab-topbar{
    height:68px;
    background:linear-gradient(180deg,rgba(99,166,207,.98) 0 62%,rgba(93,158,201,.82) 78%,transparent 100%);
  }
  .dive-descent .media-lab-hero-copy{left:24px;right:24px;top:max(92px,15vh);max-width:none}
  .dive-descent .media-lab-hero-copy h1{font-size:clamp(48px,15vw,72px);word-break:keep-all}
  .dive-descent .media-lab-wave{transform:translateY(-5svh)}
  .dive-descent .media-lab-summary{left:24px;right:24px;top:auto;bottom:9vh;width:auto}
  .dive-descent .media-lab-hero-spacer{height:100svh}
  .dive-descent .media-lab-question,
  .dive-descent .media-lab-approach,
  .dive-descent .media-lab-results,
  .dive-descent .media-lab-closing{height:auto}
  .dive-descent .media-lab-question-stage,
  .dive-descent .media-lab-approach-stage,
  .dive-descent .media-lab-results-stage,
  .dive-descent .media-lab-closing-stage{
    position:relative;
    top:auto;
    height:auto;
    overflow:visible;
    padding-left:24px;
    padding-right:24px;
  }
  .dive-descent .media-lab-question-stage{min-height:78svh;padding-top:15vh;padding-bottom:13vh}
  .dive-descent .media-lab-question-stage>.media-lab-section-label{left:24px;top:10vh}
  .dive-descent .media-lab-question h2 span,
  .dive-descent .media-lab-question h2 strong,
  .dive-descent .media-lab-question-stage>.media-lab-section-label{
    opacity:1!important;
    transform:none!important;
  }
  .dive-descent .media-lab-question h2 span{font-size:clamp(22px,6.5vw,29px);line-height:1.35}
  .dive-descent .media-lab-question h2 strong{margin-top:24px;font-size:clamp(39px,10.8vw,54px);line-height:1.08}
  .dive-descent .media-lab-question-rule{top:auto;bottom:9vh;transform:scaleX(1);opacity:.36}
  .dive-descent .media-lab-approach-stage{display:block;min-height:0;padding-top:12vh;padding-bottom:12vh}
  .dive-descent .media-lab-approach-heading,
  .dive-descent .media-lab-correspondence,
  .dive-descent .media-lab-approach-copy,
  .dive-descent .media-lab-approach-copy article{
    opacity:1!important;
    transform:none!important;
  }
  .dive-descent .media-lab-approach-heading h2{margin-top:20px;font-size:clamp(29px,8.4vw,38px);white-space:nowrap}
  .dive-descent .media-lab-correspondence{height:min(48svh,390px);min-height:300px;margin-top:38px}
  .dive-descent .media-lab-correspondence-word{font-size:clamp(48px,15vw,64px)}
  .dive-descent .media-lab-approach-copy{margin-top:28px}
  .dive-descent .media-lab-approach-copy article{grid-template-columns:30px 1fr;padding:18px 0;color:rgba(245,253,254,.92)!important}
  .dive-descent .media-lab-approach-copy h3{font-size:20px}
  .dive-descent .media-lab-approach-copy p{max-width:30em;margin-top:8px;font-size:14px;line-height:1.72}
  .dive-descent .media-lab-results-stage{display:block;min-height:100svh;padding-top:13vh;padding-bottom:12vh}
  .dive-descent .media-lab-results-heading,
  .dive-descent .media-lab-result-numbers,
  .dive-descent .media-lab-result-note{
    opacity:1!important;
    transform:none!important;
  }
  .dive-descent .media-lab-results-heading h2{margin-top:22px;font-size:clamp(26px,7.3vw,34px);line-height:1.35}
  .dive-descent .media-lab-result-numbers{margin-top:9vh}
  .dive-descent .media-lab-result-numbers p{grid-template-columns:auto auto minmax(0,1fr)}
  .dive-descent .media-lab-result-numbers strong{font-size:clamp(66px,22vw,98px)}
  .dive-descent .media-lab-result-numbers i{margin-right:8px;font-size:26px}
  .dive-descent .media-lab-result-numbers span{font-size:10px;letter-spacing:.06em}
  .dive-descent .media-lab-result-note{margin-top:7vh;font-size:13px;line-height:1.7}
  .dive-descent .media-lab-closing-stage{min-height:100svh;padding-top:14vh;padding-bottom:18vh}
  .dive-descent .media-lab-closing-stage>.media-lab-section-label,
  .dive-descent .media-lab-closing h2 span,
  .dive-descent .media-lab-closing h2 strong,
  .dive-descent .media-lab-closing-return{
    opacity:1!important;
    transform:none!important;
  }
  .dive-descent .media-lab-closing h2 span{font-size:clamp(22px,6.3vw,29px);line-height:1.4}
  .dive-descent .media-lab-closing h2 strong{font-size:clamp(38px,10.6vw,52px);line-height:1.12}
  .dive-descent .media-lab-closing-line{transform:scaleX(1);opacity:.32}
  .dive-descent .media-lab-closing-return{left:24px;bottom:8vh;min-height:44px}

  .dive-descent .hundred-v4,
  .dive-descent .hundred-v4 .hundred-inch-reading-scroll{min-height:760svh}
}

@media(max-width:480px){
  .dive-descent .ltpo-rebuild .ltpo-v2-hero-meta{left:6vw;right:6vw}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy{height:470svh}
  .dive-descent .ltpo-rebuild .ltpo-v2-result-grid>div p{padding:18px 0}
  .dive-descent .hundred-v4,
  .dive-descent .hundred-v4 .hundred-inch-reading-scroll{min-height:720svh}
  .dive-descent .hundred-v4-opening-copy,
  .dive-descent .hundred-v4-question-copy,
  .dive-descent .hundred-v4-context-copy,
  .dive-descent .hundred-v4-verification-copy,
  .dive-descent .hundred-v4-communication-heading,
  .dive-descent .hundred-v4-scale-copy{left:6vw;width:88vw}
  .dive-descent .hundred-v4-verification-step{width:84vw}
  .dive-descent .hundred-v4-evidence-trace{right:6vw;width:76vw}
  .dive-descent .hundred-v4-communication-islands article{width:72vw}
  .dive-descent .hundred-v4-return-lens>.hundred-v4-return-copy{width:86%}
}

/* Pre-launch mobile corrections: preserve the desktop world and type system. */
@media(max-width:760px){
  /* `vw`-sized fixed worlds could be wider than the visual viewport in iOS.
     These route shells own the viewport, so use their containing inline size. */
  .surface-page,
  .descent-body{width:100%;max-width:100%}
  .surface-page .surface-hero{width:100%;max-width:100%}
  .descent-body .dive-world.dive-descent{width:100%!important;max-width:100%}

  /* The LTPO mark keeps its authored SVG and face, but now has a real inset. */
  .dive-descent .ltpo-rebuild .ltpo-v2-wordmark{width:88vw;max-width:88vw}

  /* This control already drives the active video's muted state. It must remain
     visible on touch devices so unmute is a direct user gesture. */
  .dive-descent .ltpo-rebuild .ltpo-v2-sound{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:8px 2px;
    color:rgba(8,25,35,.66);
  }

  /* Compact only the Media Lab phone hero; its sections and wave system stay intact. */
  .dive-descent .media-lab-hero-copy{top:max(208px,30vh)}
  .dive-descent .media-lab-summary{bottom:6vh}
  .dive-descent .media-lab-hero-spacer{height:84svh}

}

@media(hover:none), (pointer:coarse){
  /* A touch viewport has no custom pointer target. Keep native touch behavior;
     desktop cursor styles above remain untouched. */
  .cursor-layer{display:none!important}
  body,body *{cursor:auto!important}
}

@media(max-width:360px){
  .dive-descent .media-lab-question h2 strong{font-size:clamp(34px,10.6vw,39px)}
  .dive-descent .media-lab-closing h2 strong{font-size:clamp(34px,10.6vw,39px)}
}

@media(max-width:700px) and (max-height:680px){
  .dive-descent .ltpo-rebuild .ltpo-v2-challenge-intro{top:76px}
  .dive-descent .ltpo-rebuild .ltpo-v2-strategy-intro p{margin-top:7vh;font-size:clamp(23px,6.7vw,32px)}
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-logic{margin-top:1.5vh;padding:8px 0}
  .dive-descent .ltpo-rebuild .ltpo-v2-ownership{width:50vw;margin-top:2vh;padding-top:10px}
  .dive-descent .ltpo-rebuild .ltpo-v2-ownership ul{margin-top:12px}
  .dive-descent .ltpo-rebuild .ltpo-v2-episode-stage{
    left:auto;
    right:6vw;
    bottom:10vh;
    width:min(22vh,38vw);
    height:auto;
    transform:none;
  }
  .dive-descent .ltpo-rebuild .ltpo-v2-evidence-controls{right:6vw;bottom:2.5vh}
  .dive-descent .hundred-v4-opening-copy{bottom:6vh}
  .dive-descent .hundred-v4-verification-copy{top:9vh}
  .dive-descent .hundred-v4-verification-step{top:47vh}
  .dive-descent .hundred-v4-evidence-trace{bottom:5vh}
  .dive-descent .hundred-v4-communication-heading{top:8vh}
  .dive-descent .hundred-v4-expression{bottom:29vh}
  .dive-descent .hundred-v4-media{bottom:8vh}
}