/* A finite, silent teaser. The underlying page is immediately available without scripts. */
.teaser-frame{display:none;position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.teaser-playing .teaser-frame{display:block}.teaser-frame:before,.teaser-frame:after{content:'';position:absolute;left:0;right:0;height:9%;background:#03060a;z-index:2;animation:teaser-bars 6.4s ease both}.teaser-frame:before{top:0}.teaser-frame:after{bottom:0}.teaser-cut{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:5vw;background:linear-gradient(90deg,#03060ae8,#03060a33);opacity:0}.teaser-cut>span{font:500 11px 'Inter Tight',sans-serif;letter-spacing:.35em;color:#ff6b3d;margin-bottom:24px}.teaser-cut>p{font:500 clamp(30px,4.8vw,75px)/1.5 'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;letter-spacing:.05em;margin:0;color:#f1f5f9;text-shadow:0 4px 25px #000}.teaser-cut-1{animation:teaser-shot 1.8s ease both}.teaser-cut-2{animation:teaser-shot 1.7s 1.6s ease both}.teaser-cut-3{animation:teaser-shot 1.8s 3.1s ease both}.teaser-rift{height:2px;position:absolute;top:58%;left:0;width:100%;background:linear-gradient(90deg,transparent,#e11d48,#ff6b3d,transparent);opacity:0;transform-origin:center;animation:teaser-rift 1.8s 1.1s ease both}
.teaser-playing .hero-composition{opacity:0;animation:teaser-message 1.3s 4.7s cubic-bezier(.16,1,.3,1) forwards}.teaser-playing .hero-composition h1{animation:none}.teaser-playing .hero-photo{animation:teaser-camera 6.4s ease-out both;will-change:transform}.teaser-playing .hero-monument{animation:teaser-monument 2.7s 3.5s cubic-bezier(.16,1,.3,1) both}.teaser-controls{position:absolute;top:65px;right:clamp(22px,4vw,64px);z-index:12}.teaser-controls button{font-size:10px;letter-spacing:.04em;padding:8px 12px;border:1px solid #ffffff66;background:#0a0e14bb;color:#f1f5f9}.teaser-controls button:hover{background:#e11d48}.teaser-playing .hero-foot{z-index:12;position:relative}
@keyframes teaser-shot{0%{opacity:0;transform:translate3d(0,18px,0)}17%,78%{opacity:1;transform:none}100%{opacity:0;transform:translate3d(0,-12px,0)}}
@keyframes teaser-camera{0%{transform:scale(1.18);filter:brightness(.55)}65%{filter:brightness(.85)}100%{transform:scale(1.02);filter:brightness(1)}}
@keyframes teaser-monument{0%{opacity:0;transform:translate3d(40px,50px,0) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes teaser-message{0%{opacity:0;transform:translate3d(0,28px,0)}100%{opacity:1;transform:none}}
@keyframes teaser-rift{0%{opacity:0;transform:scaleX(0) rotate(-4deg)}35%{opacity:.9;transform:scaleX(1) rotate(-4deg)}100%{opacity:0;transform:scaleX(1.1) rotate(-4deg)}}
@keyframes teaser-bars{0%,68%{transform:scaleY(1)}100%{transform:scaleY(0)}}
/* Visual metaphors enrich the later reading sections without inventing outcomes. */
.cinema-bridge{position:relative;isolation:isolate;min-height:600px;background:#0a0e14;color:#f1f5f9;overflow:clip;display:flex;align-items:center}.cinema-bridge>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3}.cinema-bridge:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0e14db,#0a0e1400 90%)}.cinema-bridge>.container{padding-block:100px}.cinema-bridge h2{font-size:clamp(36px,4.5vw,68px);line-height:1.65;max-width:16ch}.cinema-bridge p:first-child{font-size:10px;letter-spacing:.25em;color:#ff6b3d}.cinema-bridge p:last-child{line-height:2.1;font-size:16px}.bridge-cut{position:absolute;inset:auto -10% -1px 65%;height:110%;background:#e11d48;opacity:.22;transform:skew(-20deg);z-index:-1}
.value-orbit{position:relative;aspect-ratio:1.15;margin:50px 0 0;max-width:490px;background:radial-gradient(ellipse at center,#e11d4810,transparent 65%);display:flex;justify-content:center;align-items:center;padding-bottom:50px}.orbit-ring{position:absolute;width:67%;aspect-ratio:1;border:1px solid #0a0e1438;border-radius:50%;top:8%;left:16.5%;transform:rotate(-25deg)}.orbit-ring:before{content:'';position:absolute;inset:13%;border:1px dashed #e11d4845;border-radius:50%}.orbit-core{text-align:center;position:relative;top:-10px}.orbit-core>span{font:600 9px 'Inter Tight',sans-serif;letter-spacing:.22em;color:#e11d48;display:block;margin-bottom:12px}.orbit-core strong{font-family:'Yu Mincho',serif;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.7}.orbit-core img{display:block;margin:12px auto 0;width:35px;height:35px}.orbit-node{position:absolute;background:#f1f5f9;padding:8px 12px;border-left:2px solid #e11d48;font-size:11px;font-weight:700;white-space:nowrap}.node-1{top:5%;left:34%}.node-2{top:36%;right:0}.node-3{bottom:23%;left:33%}.node-4{top:36%;left:0}.value-orbit figcaption{position:absolute;bottom:0;text-align:center;font-size:11px;line-height:1.9;color:#56616f}
.principle-board{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:55px 0 40px;border-top:1px solid #0a0e14;border-bottom:1px solid #0a0e14}.principle-board>div{padding:25px;border-right:1px solid #b4bdc8;position:relative;display:flex;flex-direction:column;align-items:start;gap:14px}.principle-board>div:last-child{border-right:0}.board-number{font:500 italic 13px Georgia,serif;color:#e11d48}.principle-board svg{width:70px;height:70px;fill:none;stroke:#e11d48;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:8px 0 12px}.principle-board strong{font-size:16px;font-weight:650}.principle-board>div>span:last-child{font-size:11px;color:#56616f}.principle-board>div:not(:last-child):after{content:'↗';position:absolute;right:15px;top:65px;color:#0a0e14;font-size:20px}
.thinking-links>a{position:relative;overflow:clip;padding-right:150px;background:#0a0e14;color:#f1f5f9;border-color:#394352}.thinking-links>a:nth-child(2){background:#152132}.thinking-links .thinking-type{color:#ff6b3d}.thinking-links .thinking-action{color:#f1f5f9}.reading-art{position:absolute;right:-15px;bottom:25px;width:160px;height:110px;fill:none;stroke:#e11d48;stroke-width:1.3;opacity:.7}.waveform-art{stroke:#ff6b3d;stroke-width:2}.thinking-links strong{position:relative;z-index:1}
.mvvp-horizon{position:relative;margin-top:45px}.mvvp-horizon svg{width:100%;height:160px;fill:none;stroke:#e11d48;stroke-width:1.5}.mvvp-horizon circle{fill:#e11d48}.mvvp-horizon span{font-size:10px;letter-spacing:.2em;color:#56616f;position:absolute;bottom:0;left:0}.mvvp{counter-reset:mvvp}.mvvp>div{position:relative;padding-left:60px;counter-increment:mvvp}.mvvp>div:before{content:'0' counter(mvvp);position:absolute;left:0;top:25px;font:italic 28px Georgia,serif;color:#e11d48}.values{gap:15px}.values li{border-top:2px solid #e11d48;background:#f1f5f9;padding:25px 20px;position:relative;min-height:100px}.work-list article{background:linear-gradient(110deg,#e11d4806,transparent);padding:30px 20px}.home-end:after{content:'';position:absolute;right:-3%;bottom:-20%;width:50%;height:100%;background:url('/assets/hero/peak-monument.svg') center/contain no-repeat;opacity:.12;pointer-events:none}.home-end>*{position:relative;z-index:1}
@media(max-width:1000px){.principle-board>div{padding:20px 14px}.principle-board strong{font-size:14px}.thinking-links>a{padding-right:100px}.reading-art{right:-45px;opacity:.45}}
@media(max-width:760px){.teaser-controls{top:48px;right:22px}.teaser-controls button{font-size:9px;padding:7px 9px}.teaser-cut{padding:22px}.teaser-cut>p{font-size:clamp(23px,6vw,42px);line-height:1.8}.teaser-cut>span{font-size:9px}.cinema-bridge{min-height:490px}.cinema-bridge>img{object-position:82% center}.cinema-bridge h2{font-size:34px}.cinema-bridge p:last-child{font-size:13px}.cinema-bridge>.container{padding-block:80px}.value-orbit{max-width:420px;margin:35px auto 20px;min-height:330px}.orbit-core strong{font-size:22px}.orbit-node{font-size:10px;padding:6px}.principle-board{grid-template-columns:1fr 1fr;margin-top:35px}.principle-board>div{padding:20px 15px;min-height:210px}.principle-board>div:nth-child(2){border-right:0}.principle-board>div:nth-child(-n+2){border-bottom:1px solid #b4bdc8}.principle-board svg{width:55px;height:55px;margin:3px 0}.principle-board strong{font-size:13px}.principle-board>div>span:last-child{font-size:10px}.thinking-links>a{padding-right:110px}.mvvp-horizon svg{height:100px}.mvvp>div{padding-left:43px}.mvvp>div:before{font-size:22px;top:20px}.home-end:after{width:85%;right:-20%}}
@media(prefers-reduced-motion:reduce){.teaser-frame,.teaser-controls{display:none!important}.teaser-playing .hero-composition{opacity:1!important;transform:none!important}.teaser-playing .hero-photo,.teaser-playing .hero-monument{animation:none!important;transform:none!important;filter:none!important}}
.motion-off .teaser-frame{display:none!important}.motion-off .teaser-playing .hero-composition{opacity:1!important;transform:none!important}
@media print{.teaser-frame,.teaser-controls,.cinema-bridge>img,.bridge-cut,.reading-art,.home-end:after{display:none!important}.teaser-playing .hero-composition{opacity:1!important}.cinema-bridge{min-height:0;color:#000}.value-orbit{max-width:350px}.principle-board{break-inside:avoid}}
.value-orbit{width:100%;min-width:0}.section-grid>*{min-width:0}.teaser-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:760px){.value-orbit{max-width:100%}.section-paper h2{font-size:clamp(24px,6.2vw,32px)}}

/* Keep playback actions in their own layout row, clear of the vertical message. */
.hero-playback{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-foot .teaser-controls{position:static;inset:auto;z-index:auto;display:flex}.hero-foot .teaser-controls button{white-space:nowrap}
@media(max-width:760px){.hero-foot{flex-wrap:wrap;gap:12px}.hero-playback{width:100%;justify-content:flex-end;gap:8px}.hero-foot>a{flex:1}.hero-foot .teaser-controls{position:static;inset:auto}}

/* Both destinations invert together, including every text and illustration color. */
.thinking-links>a>span.thinking-description{color:#bdc7d5}
.thinking-links>a:is(:hover,:focus-visible){background:#f1f5f9;color:#0a0e14;border-color:#e11d48}
.thinking-links>a:is(:hover,:focus-visible) strong,.thinking-links>a:is(:hover,:focus-visible) .thinking-action{color:#0a0e14}
.thinking-links>a:is(:hover,:focus-visible)>span.thinking-description{color:#485569}
.thinking-links>a:is(:hover,:focus-visible) .thinking-type{color:#b3193c}
.thinking-links>a:is(:hover,:focus-visible) .reading-art{stroke:#b3193c;opacity:.75}