/* SHINEI: tunable art direction. Motion layers never intercept input. */
:root{--graphic-accent:var(--yellow);--graphic-ease:cubic-bezier(.16,1,.3,1);--graphic-cycle:8s;--stack-top:40px;--stack-gap:18vh;--graphic-line:#f4e43835}
.club-signature{position:relative;max-width:1600px;margin:20px auto 16px;padding:0 var(--gutter);overflow:clip;isolation:isolate}
.signature-type{font:clamp(76px,16.7vw,262px)/1 Anton,Impact,sans-serif;letter-spacing:-.045em;white-space:nowrap;color:var(--paper);-webkit-text-stroke:1px #f3f3ed66;background:linear-gradient(110deg,transparent 20%,#f4e438 45%,#f3f3ed 53%,transparent 76%) 150% 0/260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:signature-light var(--graphic-cycle) var(--graphic-ease) infinite}
.signature-line{display:block;height:2px;background:linear-gradient(90deg,var(--yellow),#f4e43800);margin-top:20px;transform-origin:left;animation:signature-rule 1.4s var(--graphic-ease) both}
@keyframes signature-light{0%{background-position:150% 0}70%,100%{background-position:-100% 0}}
@keyframes signature-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero{position:relative;isolation:isolate}
.pitch-atmosphere{position:absolute;inset:0 0 auto;height:76%;overflow:clip;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 45% 35%,#25403955,transparent 65%)}
.pitch-atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 70%)}
.pitch-orbit{position:absolute;width:65%;aspect-ratio:1;left:35%;top:-10%;border:1px solid var(--graphic-line);border-radius:50%;transform:rotate(-25deg);animation:pitch-orbit 14s var(--graphic-ease) infinite alternate}
.pitch-orbit:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;background:var(--yellow);border-radius:50%;box-shadow:0 0 24px #f4e43888}
.pitch-orbit.second{width:42%;left:18%;top:10%;animation-direction:alternate-reverse;animation-duration:19s;opacity:.5}
.pitch-beam{position:absolute;left:10%;top:0;width:1px;height:90%;background:linear-gradient(transparent,var(--yellow),transparent);transform-origin:top;opacity:.45;animation:pitch-beam 12s var(--graphic-ease) infinite alternate}
@keyframes pitch-orbit{from{transform:rotate(-35deg)}to{transform:rotate(65deg)}}
@keyframes pitch-beam{from{transform:translateX(0) rotate(25deg);opacity:.1}to{transform:translateX(55vw) rotate(25deg);opacity:.6}}
.hero-copy,.hero-actions,.hero-intro{position:relative}
.hero .hero-visual{border-bottom:3px solid var(--yellow)}
.hero-film{position:relative;overflow:clip}
.hero-film .film-title{grid-column:1/-1;padding:0}
.hero-film .film-title p{font-size:clamp(49px,8.3vw,130px);font-weight:800;line-height:1.12;letter-spacing:-.07em;margin:36px 0 20px;white-space:nowrap;transform:translateX(var(--kinetic-x,0px));transition:transform .2s ease-out;will-change:transform}
.kinetic-title>span{display:block;color:transparent;-webkit-text-stroke:1px var(--paper);margin-left:12%}
.hero-film .film-frame{max-width:none}
.hero-film .film-frame:nth-of-type(2){padding-top:12%}
/***** Photograph stack: originals retain their full aspect ratio. *****/
.photo-stories{display:block;padding-bottom:30px;overflow:visible;isolation:isolate}
.photo-story{position:sticky;top:var(--stack-top);transform-origin:50% 0%;transform:scale(var(--stack-scale,1));margin-bottom:var(--stack-gap);box-shadow:0 -12px 32px #0003;will-change:transform}
.photo-story:nth-child(2){top:calc(var(--stack-top) + 10px);z-index:2}.photo-story:nth-child(3){top:calc(var(--stack-top) + 20px);z-index:3;margin-bottom:0}
.photo-story:before{content:"";position:absolute;inset:0;background:#07100d;opacity:var(--stack-shade,0);z-index:3;pointer-events:none}
.photo-story-copy{z-index:2}.photo-story .story-arrow{z-index:2}
.photo-story:focus-visible{z-index:5;outline-offset:2px}
.voice-no{display:none}
/***** Development: abstract balls/stimuli, never fabricated match footage. *****/
.ecological-editorial{position:relative;border-top:1px solid #f4e43866}
.development-graphic{position:relative;overflow:clip;min-width:0;background:radial-gradient(ellipse at 50% 45%,#284b3c99,transparent 70%),#131c17;border:1px solid #f4e43835;aspect-ratio:1.6;isolation:isolate}
.development-graphic svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.field-outline{stroke:#f4e43833;stroke-width:1}.decision-path{stroke:#f4e43866;stroke-width:1.5;stroke-dasharray:5 9}
.ball-solid{fill:var(--yellow);stroke:#111412;stroke-width:3}.ball-hollow{stroke:var(--yellow);stroke-width:2;fill:#182b22}.decision-core{fill:var(--paper)}
.ball-orbit{transform-origin:320px 200px;animation:training-orbit 9s cubic-bezier(.45,0,.55,1) infinite alternate}.orbit-b{animation-duration:13s;animation-direction:alternate-reverse}.orbit-c{animation-duration:7s}
@keyframes training-orbit{from{transform:rotate(-80deg)}to{transform:rotate(130deg)}}
.graphic-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.22em;font-size:clamp(26px,5vw,52px);line-height:1.2;letter-spacing:-.065em;font-weight:800;text-shadow:0 2px 18px #102216}
.graphic-message strong{color:var(--yellow)}
.graphic-message>span,.graphic-message>strong{animation:thought-pulse 6s var(--graphic-ease) infinite}.graphic-message>span:nth-child(2){animation-delay:2s}.graphic-message>strong{animation-delay:4s}
@keyframes thought-pulse{0%,10%,90%,100%{opacity:.55;transform:translateY(0)}25%,50%{opacity:1;transform:translateY(-7px)}}
.ecological-editorial>.development-graphic{width:100%;margin:0}
.ecological-copy .learning-line{display:none}
.ecological-copy>p:not(.method-name){font-size:18px!important;line-height:1.85}
.environment-years .year{font-size:clamp(90px,15vw,180px);line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px var(--yellow)}
.environment-years article{border-top-color:#f4e43855}
.transport-timeline{position:relative}
.transport-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--yellow);transform-origin:top;transform:scaleY(var(--timeline-progress,1));pointer-events:none}
.closing-scene{isolation:isolate;overflow:clip}
.closing-orbit{position:absolute;width:70%;aspect-ratio:1;right:-15%;top:-12%;border:1px solid #f4e43888;border-radius:50%;z-index:3;pointer-events:none;animation:pitch-orbit 14s var(--graphic-ease) infinite alternate}
.closing-orbit:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--yellow)}
.closing-editorial h2{z-index:4}.closing-editorial .closing-bottom .button{min-height:76px;font-size:20px}
/* CSS loops are suspended outside their scene and when the tab is hidden. */
html.graphics-ready [data-motion-stage]:not(.motion-visible) *,html.graphics-sleep [data-motion-stage] *{animation-play-state:paused!important}
@media(min-width:768px){.club-signature{margin-top:24px;margin-bottom:0}.hero-film{grid-template-columns:1fr 1fr;gap:36px}.hero-film .film-title{grid-column:1/-1}.ecological-editorial>.development-graphic{grid-column:2;grid-row:1;align-self:start}.ecological-editorial>.ecological-copy{grid-column:2;grid-row:2;align-self:start}.ecological-editorial>.ecological-photo{grid-column:1;grid-row:2}.ecological-editorial>div:first-child{grid-column:1;grid-row:1}.development-graphic{aspect-ratio:1.6}.graphic-message{font-size:clamp(26px,3.3vw,50px)}}
@media(min-width:1100px){:root{--stack-top:36px;--stack-gap:24vh}.hero{padding-top:40px}.hero-film .film-title p{font-size:clamp(90px,8.5vw,136px)}.hero-film .film-frame{max-width:none}.ecological-editorial{column-gap:6%;row-gap:48px}.ecological-editorial>div:first-child h3{font-size:clamp(48px,4.5vw,68px)}.graphic-message{font-size:clamp(30px,3.3vw,48px)}}
@media(max-width:767px){.signature-type{font-size:16.3vw}.club-signature{margin-bottom:0}.hero{padding-top:24px}.hero-film .film-title p{font-size:12vw}.pitch-atmosphere{height:52%}.photo-story-copy{left:6%;bottom:9%;right:20%}.development-graphic{margin-top:0}.ecological-photo{width:100%}.ecological-editorial{gap:28px}.ecological-editorial>.development-graphic{order:1}.ecological-editorial>.ecological-copy{order:2}.ecological-editorial>.ecological-photo{order:3}.graphic-message{font-size:7.5vw}.closing-orbit{opacity:.35}.hero-copy h1{font-size:11.3vw}}
@media(prefers-reduced-motion:reduce){.signature-type{color:var(--paper);-webkit-text-fill-color:var(--paper);background:none}.club-signature *, .pitch-atmosphere *, .development-graphic *, .closing-orbit{animation:none!important}.photo-story{position:relative;top:auto!important;transform:none!important;margin-bottom:16px;will-change:auto}.photo-story:before{opacity:0}.kinetic-title{transform:none!important;transition:none!important}.transport-timeline:before{transform:none}}
html[data-motion="reduce"] .signature-type{color:var(--paper);-webkit-text-fill-color:var(--paper);background:none}
html[data-motion="reduce"] .club-signature *,html[data-motion="reduce"] .pitch-atmosphere *,html[data-motion="reduce"] .development-graphic *,html[data-motion="reduce"] .closing-orbit{animation:none!important}
html[data-motion="reduce"] .photo-story{position:relative;top:auto!important;transform:none!important;margin-bottom:16px;will-change:auto}html[data-motion="reduce"] .photo-story:before{opacity:0}html[data-motion="reduce"] .kinetic-title{transform:none!important}html[data-motion="reduce"] .transport-timeline:before{transform:none}
/* Wide wordmark typography, not a modification of the official emblem. */
.signature-type{transform:scaleX(1.65);transform-origin:left;width:60.6%}
/* Short desktop screens still show the entire source photograph and its headline. */
@media(min-width:768px){.photo-story>img{max-height:calc(100svh - 96px);object-fit:contain;background:#142019}}
/* Photographs are scenes to view, not navigation cards. */
.photo-story{cursor:default}.photo-story-copy{right:6%}
@media(hover:hover){.photo-story:hover>img{transform:none;filter:none}}
.signature-type{font-size:clamp(44px,13.5vw,210px);transform:scaleX(1.1);width:90.9%}
/* BOSS 2026-10-11: keep all lettering outside photographic areas. */
.hero-visual{margin-top:24px}
.hero-copy{width:100%;min-width:0}
.hero-copy h1{margin-bottom:0;text-shadow:none}
.coaching-editorial h2{width:100%;max-width:100%;text-shadow:none}
.coaching-editorial>figure{margin-top:0}
.closing-editorial h2{position:relative;inset:auto;width:100%;max-width:none;margin:28px 0 0;padding:0;text-shadow:none}
.closing-photo:after,.closing-scene:after{display:none}
.closing-orbit{display:none}
.photo-story-copy{position:relative;inset:auto;padding:24px 6% 32px;background:var(--ink)}
.photo-story:after{display:none}
.photo-story .story-word{font-size:clamp(64px,14cqw,160px)}
.photo-story h2{font-size:clamp(20px,3vw,36px);margin-top:12px}
@media(min-width:768px){
 .photo-story>img{max-height:calc(100svh - 320px)}
 .coaching-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px}
 .coaching-editorial h2{grid-area:1/1;font-size:clamp(34px,3.7vw,58px);align-self:end}
 .coaching-editorial>figure{grid-area:1/2/span 2;margin:0;align-self:center}
 .coaching-editorial .coach-text{grid-area:2/1}
 .closing-editorial h2{font-size:clamp(40px,5.4vw,80px)}
}
@media(min-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}
 .hero-copy{width:100%;padding-right:0}
 .hero-copy h1{font-size:clamp(42px,4.25vw,66px)}
 .hero-visual{margin:0}
 .hero-visual:after{display:none}
 .hero-intro{padding-left:0}
 .coaching-editorial h2{width:100%;font-size:clamp(40px,3.7vw,58px)}
 .coaching-editorial>figure{margin-top:0}
}
/* Preserve headline impact by giving coaching its own full-width row. */
@media(min-width:768px){
 .coaching-editorial h2{grid-area:1/1/2/3;font-size:clamp(48px,6.6vw,100px);padding-bottom:0}
 .coaching-editorial>figure{grid-area:2/2;align-self:start}
 .coaching-editorial .coach-text{grid-area:2/1;align-self:start}
}
@media(min-width:1100px){.hero-copy h1{font-size:clamp(46px,4.8vw,78px)}}
/* Environment facts: year, headline and body each have their own row. */
.environment-years .spotlight-panel{grid-template-columns:minmax(0,1fr);gap:24px;align-content:start}
.environment-years .spotlight-panel .year{position:static;font-size:clamp(76px,9vw,128px);color:var(--yellow);-webkit-text-stroke:0;letter-spacing:-.025em;line-height:1;animation:none}
.environment-years .spotlight-panel>div{min-width:0}
.environment-years .spotlight-panel h4{font-size:clamp(26px,2.6vw,38px);line-height:1.45;color:var(--paper)}
.environment-years .spotlight-panel>div>p:last-child{font-size:18px!important;line-height:1.8;color:#e2e7dd;margin-top:20px}
/* Participation policy is primary information, not a fine-print footnote. */
.experience-copy>p.away-policy{font-size:18px;line-height:1.85;color:var(--paper);margin-top:28px}