@font-face{font-family:Manrope;src:url('./fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-garamond-latin-variable-italic.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
:root{--paper:#f3f2f2;--surface:#eae9e9;--ink:#201f1d;--gold:#b68235;--gold-deep:#7d5a24;--line:#d9d6d1;--muted:#726c63;--pad:clamp(24px,4vw,76px);--sans:Manrope,Arial,sans-serif;--serif:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{touch-action:manipulation}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-deep);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px 18px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}
.header{position:absolute;top:0;left:var(--pad);right:var(--pad);height:88px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:19px;font-weight:650;letter-spacing:-.85px;white-space:nowrap}.brand>span{color:var(--gold)}.brand>i{width:6px;height:6px;border-radius:50%;background:var(--gold);margin:0 0 15px 5px}.header-motto{font-size:11px;letter-spacing:1.4px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:27px}.language{background:none;font-size:12px;font-weight:650;padding:10px 0}.language span{color:var(--muted);font-weight:400}.login{display:flex;gap:25px;align-items:center;border:1px solid #c9c5be;border-radius:30px;padding:10px 19px;font-size:13px}.login:hover{background:var(--ink);color:var(--paper)}.login>span:last-child{font-size:18px}
.experience{position:relative}.stage{padding:112px var(--pad) 24px;position:relative;min-height:900px}.stage-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.5px;font-weight:600;line-height:1.5}.eyebrow>i{width:5px;height:5px;flex-shrink:0;background:var(--gold);border-radius:50%}.stage-index{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1px}.stage-index i{margin-inline:7px;color:#aca498;font-style:normal}.stage-body{position:relative;display:grid;grid-template-columns:44% 56%;min-height:610px;align-items:center}.scene-copy{position:relative;z-index:3;min-width:0}.copy-panel{padding-block:18px}.copy-panel h1{font-weight:550;line-height:.88;letter-spacing:-.079em;font-size:clamp(86px,9.75vw,160px);margin:0;pointer-events:none}.copy-panel h1>span{display:block}.copy-panel h1 em{display:block;font-family:var(--serif);color:var(--gold-deep);font-weight:400;letter-spacing:-.04em;font-size:1.38em;line-height:1.03}.intro-copy{margin:15px 0 20px;font-size:16px;line-height:1.65;max-width:330px}.explore{display:flex;align-items:center;gap:12px;width:max-content;font-size:13px;font-weight:550}.explore-icon{border:1px solid #bfb9af;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:19px;transition:transform .3s}.explore:hover .explore-icon{transform:translateY(4px);background:var(--ink);color:var(--paper)}.chapter-kicker{font-size:12px;letter-spacing:1.5px;margin:0 0 12px;color:var(--gold-deep)}.copy-panel h2{font-size:clamp(88px,9.4vw,152px);font-weight:500;line-height:1.04;letter-spacing:-.075em;margin:0 0 28px}.copy-panel h2>span{color:var(--gold-deep)}.copy-panel h3{font-size:clamp(26px,2.55vw,42px);font-weight:500;letter-spacing:-1.25px;line-height:1.22;margin:0 0 20px;max-width:500px}.scene-description{font-size:16px;line-height:1.8;color:#655f56;max-width:375px;margin:0}.product-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;max-width:365px;margin-top:28px;border-bottom:1px solid #bfb8ac;padding-bottom:13px}.product-link>span:last-child{font-size:28px;font-weight:300;line-height:1;transition:transform .25s}.product-link:hover>span:last-child{transform:translate(4px,-4px)}.availability{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin:15px 0 0}.availability>i{width:5px;height:5px;border-radius:50%;background:var(--gold-deep)}.availability.upcoming>i{background:none;border:1px solid var(--muted)}
.visual-stage{position:relative;align-self:stretch;min-width:0;min-height:550px;margin-left:-12px;margin-right:-30px;z-index:2}.visual-stage canvas{position:absolute;width:100%;height:100%;display:block;touch-action:pan-y}.diagram-overlay{position:absolute;aspect-ratio:1000/720;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.scene-art{position:absolute;inset:0}.scene-art button{pointer-events:auto}.art-heading{position:absolute;left:18%;right:10%;top:6%;font-size:11px;letter-spacing:1.15px;color:var(--gold-deep);text-align:left}.art-footer{position:absolute;bottom:5%;left:18%;font-size:13px;color:var(--muted)}.ball-spec{position:absolute;right:10%;top:7%;font-size:16px;font-weight:500;line-height:1.2;color:var(--gold-deep)}.ball-spec>span{font-family:var(--serif);font-style:italic;font-size:68px;letter-spacing:-3px}.ball-spec>i{display:block;font:500 10px/1.7 var(--sans);letter-spacing:1.4px;margin-top:6px;color:var(--muted)}.table-note{position:absolute;right:7%;bottom:10%;font:italic 31px var(--serif);color:var(--gold-deep)}.visual-caption{position:absolute;left:14%;right:5%;bottom:0;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.3px;color:var(--muted)}.example-label{opacity:0}.bracket-player,.bracket-semi,.final-score,.journal-dates button,.knowledge-tabs button{position:absolute;left:var(--x);top:var(--y)}.bracket-player{transform:translate(-50%,-50%);font-size:14px;width:100px;background:var(--paper);padding:3px 7px;line-height:1.6}.bracket-player>b,.bracket-player small>b{float:right;font-weight:500;font-variant-numeric:tabular-nums}.bracket-player small{display:block;font-size:12px;color:var(--muted)}.bracket-semi{transform:translate(-50%,-50%);font-size:15px;background:var(--paper);padding:4px 9px;min-width:73px;text-align:center}.bracket-semi small{display:block;font-size:11px;color:var(--muted)}.final-score{transform:translate(-50%,-50%);width:154px;padding:18px 13px;background:var(--ink);color:var(--paper);text-align:center;border-radius:2px;box-shadow:0 16px 35px #201f1d16;transition:box-shadow .3s}.final-score:hover{box-shadow:0 20px 45px #201f1d30}.final-score>small{display:block;color:#c5bbaa;font-size:10px;letter-spacing:1.7px}.final-score>strong{display:block;font-size:42px;font-weight:450;letter-spacing:-2.7px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}.final-score>strong>span{color:#c39755;margin-inline:2px}.final-score>span{font-size:10px;display:block;color:#d4cdc2}.final-score>i{display:block;border-top:1px solid #ffffff20;margin-top:14px;padding-top:10px;font-style:normal;font-size:11px;color:#e0bb80}.team-heading{position:absolute;left:18%;right:18%;top:3%}.team-heading>span{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.team-heading>strong{display:block;font-size:48px;letter-spacing:-2px;font-weight:450;line-height:1.3}.team-heading small{font-size:11px;letter-spacing:1px;font-weight:500;margin-left:15px;color:var(--muted)}.team-row{position:absolute;top:var(--y);left:18%;right:18%;transform:translateY(-50%);display:flex;align-items:center;gap:18px;background:var(--paper);padding:5px 10px}.avatar{width:35px;height:35px;border:1px solid #c7c1b7;border-radius:50%;display:grid;place-items:center;font-size:14px}.team-row>strong{font-size:17px;font-weight:500}.team-row>button{margin-left:auto;display:flex;align-items:center;gap:17px;background:none;font-size:12px;padding:6px 0 6px 10px}.team-row>button>i{font-style:normal;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:14px}.team-row>button[aria-pressed=true]>i{background:var(--ink);color:var(--paper);border-color:var(--ink)}.team-row>button[aria-pressed=false]{color:var(--gold-deep)}.team-row>button:hover>i{background:var(--gold);color:var(--ink)}.team-summary{position:absolute;left:18%;right:18%;bottom:4%;display:flex;align-items:center;gap:24px}.team-summary>strong{font-size:38px;font-weight:450;letter-spacing:-2px}.team-summary>span{font-size:12px;line-height:1.6;color:var(--muted)}
.journal-dates button{transform:translate(-50%,-100%);margin-top:-18px;background:none;padding:9px 6px;text-align:left;white-space:nowrap}.journal-dates button>small{display:block;font-size:12px;color:var(--muted);margin-bottom:1px}.journal-dates button>span{font-size:18px;font-weight:500;letter-spacing:-.5px}.journal-dates button[aria-selected=true]>span{color:var(--gold-deep);border-bottom:1px solid var(--gold)}.journal-insight{position:absolute;right:8%;left:33%;top:59%;background:#ebe6dc;padding:19px 22px 17px;border-left:2px solid var(--gold);box-shadow:0 12px 30px #201f1d05}.insight-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--gold-deep)}.journal-insight h4{font-family:var(--serif);font-style:italic;font-weight:500;font-size:33px;line-height:1.12;letter-spacing:-.7px;margin:12px 0 8px}.journal-insight>p{font-size:13px;line-height:1.7;margin:0;color:#625b51}.coach-note{display:flex;align-items:start;gap:12px;border-top:1px solid #b9a88a66;margin-top:14px;padding-top:12px}.coach-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:10px;flex-shrink:0}.coach-note>p{margin:0;font-size:11px;line-height:1.6}.coach-note b{display:block;font-size:9px;letter-spacing:1px;color:var(--gold-deep);font-weight:500;margin-bottom:4px}.knowledge-tabs button{transform:translate(-50%,-50%);display:flex;gap:10px;align-items:baseline;padding:9px 12px;background:var(--paper);font-size:10px;color:var(--muted);white-space:nowrap}.knowledge-tabs button strong{font-size:17px;color:var(--ink);font-weight:500;letter-spacing:-.4px}.knowledge-tabs button i{font-size:17px;font-style:normal}.knowledge-tabs button[aria-selected=true]{color:var(--gold-deep)}.knowledge-tabs button[aria-selected=true] strong{color:var(--gold-deep)}.knowledge-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:265px;padding:23px 24px;background:var(--ink);color:var(--paper);box-shadow:0 15px 40px #201f1d15}.knowledge-card>span:first-child{font-size:9px;letter-spacing:1.2px;color:#d2b27e}.knowledge-card h4{font-size:25px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:14px 0}.knowledge-card p{font-size:12px;line-height:1.7;color:#c7c1b7;margin:0 0 15px}.knowledge-mark{display:block;text-align:right;color:#d2b27e;font-size:25px;line-height:1}
.stage-bottom{position:relative;z-index:5}.journey-note{display:flex;align-items:center;justify-content:space-between;margin:14px 0 16px;font-size:12px;color:var(--muted)}.skip-story{font-size:11px}.skip-story:hover{color:var(--ink)}.portal-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.portal-nav>a{position:relative;border-top:1px solid #bfb9af;padding:11px 0 0}.portal-meta{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1px;color:var(--muted)}.portal-meta>i{font-size:19px;font-style:normal;line-height:1;margin-left:auto;transition:transform .25s}.portal-nav strong{font-size:clamp(30px,3.2vw,48px);letter-spacing:-2px;font-weight:500;line-height:1.25;display:block;margin-top:4px}.portal-nav strong>span{color:var(--gold-deep)}.portal-nav a:hover .portal-meta>i{transform:translate(3px,-3px)}.portal-nav a[aria-current=true] strong{color:var(--gold-deep)}.nav-progress{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left}.portal-nav a:hover .nav-progress{transform:scaleX(1)}
/* The document scroll stays native. Only the visual stage is held in place. */
.story-ready .experience{height:500svh}.story-ready .stage{position:sticky;top:0;height:100svh;min-height:650px;max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}.story-ready .stage-body{min-height:0;height:100%}.story-ready .visual-stage{min-height:0}.story-ready .copy-panel{position:absolute;top:50%;left:0;width:100%;transform:translateY(calc(-50% + var(--copy-shift,0px)));opacity:var(--copy-opacity,0);visibility:hidden;pointer-events:none}.story-ready .copy-panel.is-active{visibility:visible;pointer-events:auto}.story-ready .scene-art{opacity:var(--art-opacity,0);visibility:hidden;transform:translateY(var(--art-shift,0px))}.story-ready .scene-art.is-active{visibility:visible}.story-ready .scene-art.is-active button{pointer-events:auto}.story-ready .scene-art:not(.is-active) button{pointer-events:none}.story-ready .scene-art[data-art="0"]{--art-opacity:1}.story-ready .copy-panel[data-panel="0"]{--copy-opacity:1}.story-ready .stage[data-scene="3"] .visual-stage:before{content:'';position:absolute;inset:3% -4% 1% 4%;background:radial-gradient(ellipse,#b6823510,transparent 68%);pointer-events:none}.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--gold);transform:scaleX(var(--read-progress,0));transform-origin:left;z-index:40}.motion-toggle{position:fixed;z-index:30;right:18px;bottom:12px;display:flex;gap:8px;align-items:center;border:1px solid #c9c0b1;background:var(--paper);border-radius:30px;padding:7px 12px;font-size:11px}.motion-icon{color:var(--gold-deep);width:10px}.motion-toggle[hidden]{display:none}
.after-story{position:relative;background:var(--ink);color:var(--paper);padding:100px var(--pad) 70px}.after-story>.eyebrow{color:#c7bbaa}.after-story h2{font-size:clamp(48px,6.8vw,108px);line-height:1.09;letter-spacing:-.055em;font-weight:450;margin:45px 0 55px}.after-story h2 em{font-family:var(--serif);font-weight:400;font-size:1.4em;color:#c29655;letter-spacing:-.03em}.closing-copy{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid #ffffff26;padding-top:30px}.closing-copy>p{font-size:16px;line-height:1.9;max-width:430px;color:#c4bdb2;margin:0}.closing-link{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:clamp(18px,2.2vw,31px);font-weight:400;letter-spacing:-.8px;align-self:start}.closing-link>span:last-child{font-size:62px;color:#c29655;line-height:1;transition:transform .25s}.closing-link:hover>span:last-child{transform:translate(7px,-7px)}.account-note{display:block;font-size:12px;margin-top:55px;color:#c4bdb2;width:max-content;border-bottom:1px solid #ffffff30}footer{padding:40px var(--pad) 70px;display:flex;align-items:center;flex-wrap:wrap;gap:25px}footer>.brand{font-size:17px}footer>span{font-size:12px;color:var(--muted)}footer>nav{display:flex;gap:26px;margin-left:auto;font-size:12px}.comparison-links{display:flex;justify-content:end;gap:24px;width:100%;font-size:11px;color:var(--muted)}
/* A readable linear page is the baseline and the fallback for limited height / print. */
body:not(.story-ready) .copy-panel{border-bottom:1px solid var(--line);padding:40px 0}body:not(.story-ready) .stage-body{display:block}body:not(.story-ready) .scene-copy{max-width:650px}body:not(.story-ready) .visual-stage{display:none}body:not(.story-ready) .portal-nav{position:fixed;left:0;right:0;bottom:0;padding:12px var(--pad);background:var(--paper);z-index:20;border-top:1px solid var(--line)}body:not(.story-ready) .portal-meta{display:none}body:not(.story-ready) .motion-toggle{display:none}
@media(min-width:1700px){.stage{padding-top:125px}.stage-body{grid-template-columns:43% 57%}.copy-panel h1{font-size:165px}.copy-panel h2{font-size:160px}.visual-stage{margin-right:0}.portal-nav strong{font-size:48px}}
@media(max-width:1100px) and (min-width:761px){.header-motto{display:none}.stage-body{grid-template-columns:43% 57%}.copy-panel h1{font-size:10.3vw}.copy-panel h2{font-size:10vw}.copy-panel h3{font-size:27px}.scene-description{font-size:14px;max-width:310px}.product-link{font-size:12px;max-width:295px}.art-heading{font-size:9px}.bracket-player{width:80px;font-size:12px}.bracket-player small{font-size:11px}.final-score{width:116px;padding:13px 9px}.final-score>strong{font-size:32px}.bracket-semi{font-size:13px;min-width:58px}.team-heading>strong{font-size:34px}.team-row{gap:10px}.team-row>strong{font-size:15px}.team-row>button{gap:10px;font-size:11px}.avatar{width:29px;height:29px}.journal-insight{padding:14px 16px;left:20%;top:62%}.journal-insight h4{font-size:26px}.journal-insight>p{font-size:12px}.coach-note{margin-top:9px;padding-top:9px}.journal-dates button>span{font-size:15px}.knowledge-card{width:210px;padding:17px}.knowledge-card h4{font-size:23px}.knowledge-tabs button{gap:5px;padding:5px}.knowledge-tabs button strong{font-size:14px}.knowledge-tabs button i{display:none}}
@media(max-height:790px) and (min-width:761px){.stage{padding-top:100px;padding-bottom:14px}.header{height:76px}.copy-panel h1{font-size:min(9.3vw,120px)}.copy-panel h2{font-size:105px;margin-bottom:18px}.copy-panel h3{font-size:29px;margin-bottom:14px}.scene-description{font-size:14px;line-height:1.7}.intro-copy{font-size:14px;margin:8px 0 13px}.product-link{margin-top:18px}.availability{margin-top:10px}.portal-nav strong{font-size:35px}.journey-note{margin:8px 0 12px}.portal-meta{font-size:9px}.knowledge-card{width:220px;padding:18px}.journal-insight{padding:13px 16px}.journal-insight h4{font-size:27px}.coach-note{padding-top:9px;margin-top:9px}}
@media(max-width:760px){:root{--pad:23px}.header{height:74px;gap:12px}.brand{font-size:15px;letter-spacing:-.7px}.brand>i{width:5px;height:5px;margin-left:4px}.header-motto{display:none}.header-right{gap:14px}.language{font-size:11px}.login{font-size:11px;padding:8px 12px;gap:11px}.login>span:last-child{font-size:15px}.stage{padding:94px var(--pad) 19px}.eyebrow{font-size:9px;letter-spacing:1px}.stage-index{font-size:10px}.stage-index i{margin-inline:4px}.story-ready .stage{min-height:670px;grid-template-rows:auto minmax(0,1fr) auto}.stage-body{grid-template-columns:1fr;grid-template-rows:1fr 1fr;align-items:stretch;gap:0}.scene-copy{grid-row:1;min-height:0}.visual-stage{grid-row:2;margin:0 -15px;min-height:0!important;align-self:stretch}.story-ready .copy-panel{padding:12px 0 0;top:0;transform:translateY(var(--copy-shift,0px))}.copy-panel h1{font-size:clamp(67px,14vw,102px);letter-spacing:-.078em;line-height:.84;margin-top:10px}.copy-panel h1>span{display:inline}.copy-panel h1>span:first-child:after{content:' '}.copy-panel h1>span:nth-child(2){display:block}.copy-panel h1 em{font-size:1.38em;line-height:1.04;margin-top:2px}.intro-copy{position:absolute;right:0;bottom:22px;width:42%;font-size:12px;line-height:1.65;margin:0}.explore{position:absolute;right:0;bottom:-27px;font-size:11px;gap:9px;width:42%}.explore-icon{width:27px;height:27px;font-size:16px}.copy-panel h2{font-size:64px;line-height:1;letter-spacing:-4px;margin:4px 0 12px}.chapter-kicker{font-size:9px;letter-spacing:1.2px;margin:0 0 3px}.copy-panel h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px;max-width:100%}.copy-panel h3 br{display:none}.scene-description{font-size:13px;line-height:1.65;max-width:100%;margin:0}.product-link{font-size:12px;margin-top:14px;max-width:100%;padding-bottom:8px;line-height:1.6}.product-link>span:last-child{font-size:22px}.availability{font-size:10px;margin-top:8px}.ball-spec{top:2%;right:7%;font-size:12px}.ball-spec>span{font-size:42px;letter-spacing:-2px}.ball-spec>i{font-size:8px;letter-spacing:.8px}.table-note{font-size:25px;right:8%;bottom:1%}.art-heading{font-size:8px;letter-spacing:.7px;top:0;left:12%;right:0}.art-footer{font-size:10px;left:12%;bottom:0}.visual-caption{display:none}.bracket-player{font-size:12px;width:72px;padding:1px 4px;line-height:1.4}.bracket-player small{font-size:10px}.bracket-semi{font-size:12px;min-width:47px;padding:3px 4px}.bracket-semi small{font-size:9px}.final-score{width:98px;padding:11px 7px}.final-score>small{font-size:8px;letter-spacing:1px}.final-score>strong{font-size:28px;letter-spacing:-2px;line-height:1.45}.final-score>span{font-size:8px}.final-score>i{font-size:10px;margin-top:9px;padding-top:8px}.team-heading{top:0;left:13%;right:13%}.team-heading>span{font-size:8px;letter-spacing:.8px}.team-heading>strong{font-size:28px;letter-spacing:-1px}.team-heading small{font-size:9px;letter-spacing:.5px;margin-left:10px}.team-row{left:16%;right:15%;gap:12px;padding:3px 6px}.avatar{width:24px;height:24px;font-size:11px}.team-row>strong{font-size:14px}.team-row>button{font-size:11px;gap:13px;padding:4px 0 4px 6px}.team-row>button>i{width:21px;height:21px;font-size:12px}.team-summary{left:17%;bottom:-2%;gap:17px}.team-summary>strong{font-size:27px;letter-spacing:-1.5px}.team-summary>span{font-size:10px;line-height:1.5}.journal-dates button{margin-top:-9px;padding:7px 4px}.journal-dates button>span{font-size:13px;letter-spacing:-.3px}.journal-dates button>small{font-size:10px}.journal-insight{left:19%;right:5%;top:60%;padding:10px 12px}.insight-head{font-size:8px;letter-spacing:.6px}.journal-insight h4{font-size:24px;letter-spacing:-.5px;margin:7px 0 4px}.journal-insight>p{font-size:11px;line-height:1.5}.coach-note{gap:8px;padding-top:7px;margin-top:7px}.coach-note>span{width:19px;height:19px;font-size:8px}.coach-note>p{font-size:10px;line-height:1.4}.coach-note b{font-size:8px;letter-spacing:.6px;margin-bottom:2px}.knowledge-tabs button{gap:5px;font-size:8px;padding:5px}.knowledge-tabs button strong{font-size:12px;letter-spacing:-.2px}.knowledge-tabs button i{font-size:12px}.knowledge-card{width:176px;padding:13px 15px}.knowledge-card>span:first-child{font-size:8px;letter-spacing:.65px}.knowledge-card h4{font-size:20px;letter-spacing:-.7px;margin:8px 0}.knowledge-card p{font-size:10px;line-height:1.55;margin:0}.knowledge-mark{font-size:18px;margin-top:5px}.journey-note{margin:15px 0 11px;font-size:10px;gap:15px;line-height:1.5}.journey-text{max-width:64%}.skip-story{font-size:9px;max-width:90px;text-align:right}.portal-nav{gap:14px}.portal-nav>a{padding-top:9px}.portal-meta{font-size:8px;letter-spacing:.3px;gap:6px}.portal-meta>span:nth-child(2){display:none}.portal-meta>i{font-size:14px}.portal-nav strong{font-size:clamp(26px,6.7vw,39px);letter-spacing:-1.5px;margin-top:3px}.motion-toggle{font-size:10px;bottom:8px;right:9px;padding:5px 9px}.stage-bottom{margin-bottom:17px}.after-story{padding:65px var(--pad) 45px}.after-story h2{font-size:44px;letter-spacing:-2px;margin:34px 0 40px}.closing-copy{grid-template-columns:1fr;gap:32px;padding-top:25px}.closing-copy>p{font-size:14px;line-height:1.8}.closing-link{font-size:24px}.closing-link>span:last-child{font-size:48px}.account-note{font-size:11px;margin-top:35px}footer{gap:16px;padding-top:30px}footer>.brand{font-size:15px}footer>nav{width:100%;margin:8px 0;font-size:11px;gap:24px}footer>span{font-size:11px}.comparison-links{justify-content:start;flex-wrap:wrap;gap:10px;font-size:10px}.story-ready .stage[data-scene="0"] .stage-body{grid-template-rows:50% 50%}.story-ready .stage:not([data-scene="0"]) .stage-body{grid-template-rows:46% 54%}.story-ready .stage:not([data-scene="0"]) .visual-stage{margin-top:14px;margin-bottom:4px}}
@media(max-width:380px){:root{--pad:18px}.brand{font-size:13px}.header-right{gap:10px}.login{font-size:10px;padding:7px 9px}.language{font-size:10px}.copy-panel h1{font-size:65px}.copy-panel h2{font-size:57px}.copy-panel h3{font-size:21px}.scene-description{font-size:12px}.intro-copy{font-size:11px}.portal-nav{gap:10px}.portal-nav strong{font-size:25px}.journal-insight{left:14%;right:3%}.journal-insight h4{font-size:22px}.knowledge-card{width:160px;padding:11px 13px}.knowledge-tabs button strong{font-size:11px}.knowledge-tabs button i{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}.motion-paused{scroll-behavior:auto}.motion-paused *{animation-play-state:paused!important}
@media print{.header,.motion-toggle,.stage-top,.stage-bottom,.visual-stage,.comparison-links{display:none!important}.experience{height:auto!important}.stage{position:static!important;height:auto!important;display:block!important;min-height:0!important;padding:20px!important}.stage-body{display:block!important}.scene-copy{height:auto!important}.copy-panel{position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;padding:25px 0!important;break-inside:avoid}.copy-panel h1{font-size:70px}.copy-panel h2{font-size:55px}.copy-panel h3{font-size:26px}.after-story{background:white;color:var(--ink);padding:25px}.after-story h2{font-size:44px}}

/* Final editorial hierarchy: persistent navigation, quieter captions, readable examples. */
.header{position:fixed;background:var(--paper)}.header:before{content:'';position:absolute;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));top:0;bottom:0;background:var(--paper);z-index:-1}.mobile-detail{display:none}.visual-caption-label{display:none}.visual-caption{justify-content:flex-end}.stage[data-scene="0"] .visual-caption{display:none}.ball-spec>i{font-size:11px}.art-heading{font-size:12px;letter-spacing:1px}.art-footer{display:none}.final-score{width:164px}.final-score>small{font-size:11px}.final-score>span{font-size:12px;line-height:1.4}.final-score>i{font-size:12px}.bracket-player small{font-size:12px}.bracket-semi small{font-size:12px}.team-heading>span{font-size:12px}.team-heading small{font-size:12px}.team-row>button{font-size:13px}.team-summary>span{font-size:13px}.journal-insight{top:54%;left:20%;right:8%;padding:20px 24px}.journal-insight h4{font-size:35px}.journal-insight>p{font-size:14px}.insight-head{font-size:11px}.coach-note>p{font-size:12px}.coach-note b{font-size:10px}.knowledge-card p{font-size:13px}.knowledge-card>span:first-child{font-size:10px}.availability{font-size:12px}.journey-note{font-size:12px}.skip-story{font-size:12px}
@media(min-width:761px) and (max-width:1100px){.art-heading{font-size:10px}.journal-insight{padding:15px 18px}.journal-insight h4{font-size:29px}.journal-insight>p{font-size:12px}.coach-note>p{font-size:11px}.final-score{width:130px}.final-score>span{font-size:10px}.team-heading>span{font-size:10px}}
@media(max-height:790px) and (min-width:761px){.journal-insight{padding:14px 18px}.journal-insight h4{font-size:29px}.journal-insight>p{font-size:12px}.coach-note>p{font-size:11px}.art-heading{font-size:11px}}
@media(max-width:760px){.desktop-detail{display:none}.mobile-detail{display:inline}.copy-panel h3{font-size:23px}.copy-panel h2{font-size:61px;margin-bottom:10px}.copy-panel h3 br{display:inline}.scene-description{font-size:13px;line-height:1.6}.availability{font-size:11px;margin-top:7px}.product-link{font-size:13px;margin-top:13px}.story-ready .stage:not([data-scene="0"]) .stage-body{grid-template-rows:44% 56%}.story-ready .stage:not([data-scene="0"]) .visual-stage{margin-top:25px;margin-bottom:28px}.art-heading{font-size:9px;letter-spacing:.6px;top:0}.ball-spec>i{font-size:9px}.final-score{width:99px;padding:11px 7px}.final-score>small{font-size:9px}.final-score>span{font-size:10px}.final-score>i{font-size:11px}.bracket-player small{font-size:11px}.bracket-semi small{font-size:10px}.team-heading>span{font-size:9px}.team-heading small{font-size:10px}.team-row>button{font-size:12px}.team-summary>span{font-size:11px}.team-summary{bottom:-6%}.journal-insight{top:49%;left:10%;right:7%;padding:12px 14px}.journal-insight h4{font-size:26px;margin:7px 0}.journal-insight>p{font-size:12px;line-height:1.5}.insight-head{font-size:9px}.coach-note>p{font-size:11px;line-height:1.5}.coach-note b{font-size:9px}.journal-dates button>span{font-size:14px}.journal-dates button>small{font-size:11px}.knowledge-card p{font-size:11px}.knowledge-card>span:first-child{font-size:9px}.journey-note{font-size:10px;min-height:30px;margin-top:15px}.skip-story{font-size:10px}.knowledge-tabs button strong{font-size:13px}}
@media(max-width:380px){.copy-panel h2{font-size:55px}.copy-panel h3{font-size:21px}.scene-description{font-size:12px}.product-link{font-size:12px}.journal-insight{left:7%;right:3%;padding:10px 12px}.journal-insight h4{font-size:23px}.journal-insight>p{font-size:11px}.coach-note>p{font-size:10px}.journal-dates button>span{font-size:12px}.knowledge-tabs button strong{font-size:11px}}
@media(max-width:760px){.scene-art[data-art="4"] .knowledge-tabs button:nth-child(-n+2){top:12%}.scene-art[data-art="4"] .knowledge-tabs button:nth-child(n+3){top:92%}.knowledge-card{width:64%;max-width:250px;padding:13px 16px}.knowledge-card h4{font-size:22px;margin:8px 0;line-height:1.18}.knowledge-card p{font-size:12px;line-height:1.5}.knowledge-card .knowledge-mark{position:absolute;right:12px;top:10px;font-size:17px;margin:0}.knowledge-card>span:first-child{font-size:9px;display:block;padding-right:12px}.knowledge-tabs button{padding:9px 5px;min-height:36px}.knowledge-tabs button strong{font-size:13px}.knowledge-tabs button i{display:none}}
body:not(.story-ready) .copy-panel{scroll-margin-top:105px}.after-story{scroll-margin-top:88px}
@media(max-width:760px){body:not(.story-ready) .copy-panel{scroll-margin-top:88px}.after-story{scroll-margin-top:74px}}
@media(max-width:760px){.story-ready .stage[data-scene] .stage-body{grid-template-rows:var(--copy-share,50%) 1fr}.story-ready .stage[data-scene] .visual-stage{margin-top:var(--visual-gap,0px);margin-bottom:var(--visual-bottom,0px)}}
/* Short phone screens keep the promise, action and interactive example in view. */
@media(max-width:760px) and (max-height:800px){.stage-bottom .journey-note{display:none}.stage-bottom{margin-top:12px}.story-ready .copy-panel .scene-description{display:none}.story-ready .copy-panel .chapter-kicker{display:none}.copy-panel h2{margin-top:10px}.copy-panel h3{margin-bottom:13px}.copy-panel .product-link{margin-top:15px}.journal-insight>p{display:none}.journal-insight h4{margin-block:8px}.journal-insight{padding:12px 14px}.art-heading{font-size:9px}.team-summary{bottom:-2%}.copy-panel .availability{font-size:11px}}
.story-ready .stage[data-scene="3"] .visual-stage:before{inset:3% 0 1% 4%}
@media(max-width:760px){.intro-copy{position:static;width:65%;max-width:310px;margin:14px 0 0;font-size:12px;line-height:1.6}.explore{right:0;bottom:1px;width:29%;font-size:11px;line-height:1.4;gap:8px}.explore-icon{width:25px;height:25px;flex-shrink:0}.explore>span:last-child{max-width:65px}}
@media(max-width:380px){.intro-copy{font-size:11px;width:64%}.explore{font-size:10px;width:31%;gap:6px}.explore-icon{width:23px;height:23px}}

/* One contained-artboard breakpoint drives both the canvas and its HTML labels. */
.visual-stage.is-compact .knowledge-tabs button:nth-child(-n+2){top:12%}
.visual-stage.is-compact .knowledge-tabs button:nth-child(n+3){top:92%}
.visual-stage:not(.is-compact) .knowledge-tabs button:nth-child(-n+2){top:25%}
.visual-stage:not(.is-compact) .knowledge-tabs button:nth-child(n+3){top:75%}
.team-row{height:var(--row-height);background:transparent;padding-block:0}
.team-row>button{min-height:44px;padding-block:8px}
.visual-stage.is-compact-team .team-summary{top:98%;bottom:auto}
.language,.login,.motion-toggle,.journal-dates button,.knowledge-tabs button{min-height:44px}
.language{min-width:44px}.motion-toggle{padding:9px 14px}
.knowledge-tabs button{padding-block:10px}.motion-toggle{bottom:max(8px,env(safe-area-inset-bottom))}
.header{padding-top:env(safe-area-inset-top)}

/* iPad portrait: a generous illustration below two compact editorial columns. */
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
 :root{--pad:36px}.header{height:88px}.header-motto{display:none}
 .stage{padding-top:114px;padding-bottom:25px}
 .story-ready .stage-body{grid-template-columns:1fr;grid-template-rows:var(--copy-share,44%) minmax(0,1fr);align-items:stretch}
 .scene-copy{grid-row:1;align-self:stretch}.visual-stage{grid-row:2;margin:0 0 12px;align-self:stretch}
 .story-ready .copy-panel{top:0;transform:translateY(var(--copy-shift,0px));padding-top:30px}
 .copy-panel h1{font-size:clamp(88px,11.8vw,128px);max-width:62%}
 .intro-copy{position:absolute;right:2%;top:115px;max-width:31%;font-size:16px;line-height:1.8;margin:0}
 .explore{position:absolute;right:2%;top:255px;width:31%;font-size:14px}
 .copy-panel:not([data-panel="0"]){display:grid;grid-template-columns:37% 1fr;grid-template-rows:auto auto auto auto;column-gap:30px;row-gap:0}
 .chapter-kicker{grid-column:1;grid-row:1;font-size:11px;letter-spacing:1px;margin:0;padding-top:5px}
 .copy-panel h2{grid-column:1;grid-row:2 / span 3;font-size:clamp(80px,11.5vw,110px);margin:0;align-self:start;line-height:1}
 .copy-panel h3{grid-column:2;grid-row:1;font-size:28px;letter-spacing:-.8px;line-height:1.22;margin:0 0 12px}
 .scene-description{grid-column:2;grid-row:2;font-size:14px;line-height:1.75;max-width:100%;margin:0}
 .product-link{grid-column:2;grid-row:3;font-size:14px;max-width:100%;margin-top:18px;padding-bottom:10px}
 .availability{grid-column:2;grid-row:4;margin-top:11px;font-size:12px}
 .portal-nav{gap:25px}.portal-nav strong{font-size:42px}.portal-meta{font-size:11px;letter-spacing:.5px;gap:12px}
 .journey-note{margin-top:12px;font-size:12px}.skip-story{font-size:11px}.visual-caption{bottom:-2px;font-size:10px}
 .art-heading{font-size:12px;top:3%}.ball-spec>span{font-size:62px}.ball-spec>i{font-size:11px}
 .team-heading>span,.team-heading small{font-size:12px}.team-heading>strong{font-size:45px}
 .team-row>strong{font-size:20px}.avatar{width:40px;height:40px;font-size:16px}.team-row>button{font-size:14px;gap:18px}
 .team-summary>strong{font-size:40px}.team-summary>span{font-size:14px}.team-summary{bottom:2%}
 .bracket-player{width:100px;font-size:15px}.bracket-player small{font-size:12px}.bracket-semi{font-size:16px}
 .final-score{width:154px;padding:17px 12px}.final-score>strong{font-size:40px}.final-score>span,.final-score>i{font-size:12px}
 .journal-dates button>span{font-size:19px}.journal-dates button>small{font-size:13px}
 .journal-insight{left:17%;right:6%;top:54%;padding:22px 26px}.journal-insight h4{font-size:37px}.journal-insight>p{font-size:15px}
 .coach-note>p{font-size:13px;line-height:1.7}.coach-note b{font-size:11px}.insight-head{font-size:11px}
 .knowledge-tabs button{padding:12px;font-size:11px}.knowledge-tabs button strong{font-size:17px}.knowledge-tabs button i{display:inline;font-size:17px}
 .knowledge-card{width:290px;padding:22px 25px}.knowledge-card h4{font-size:28px}.knowledge-card p{font-size:14px}.knowledge-card>span:first-child{font-size:11px}
}
@media(max-width:760px){
 .header-right{gap:10px}.language{padding-inline:0;min-width:44px}.login{padding-block:8px}
 .visual-stage.is-compact-team .team-summary{top:98%;bottom:auto;gap:17px}
 .team-row{left:18%;right:18%;padding-inline:0;gap:10px}.team-row>button{min-height:44px;gap:10px;padding:8px 0 8px 5px}
 .team-heading{left:18%;right:10%}.team-heading>strong{font-size:28px}.avatar{width:26px;height:26px;font-size:12px}
 .stage-bottom{margin-bottom:35px}.motion-toggle{font-size:10px;min-height:36px;padding:7px 11px}
 .journal-dates button{padding-block:9px}.visual-stage.is-compact .knowledge-tabs button{min-height:44px}
}
@media(max-width:380px){.team-row>button{min-height:40px;padding-block:6px}.header-right{gap:5px}.header .brand{font-size:12px}.login{padding-inline:9px;gap:7px}.language{font-size:10px}.team-row>strong{font-size:13px}.team-row>button{font-size:11px}.team-summary>span{font-size:10px}}
@media(max-height:650px){
 body:not(.story-ready) .stage{min-height:0;padding-top:95px;padding-bottom:25px}
 body:not(.story-ready) .scene-copy{max-width:1050px;margin:auto}
 body:not(.story-ready) .copy-panel{scroll-margin-top:90px;padding:40px 0 50px}
 body:not(.story-ready) .copy-panel:not([data-panel="0"]){display:grid;grid-template-columns:34% 1fr;column-gap:32px}
 body:not(.story-ready) .chapter-kicker{grid-column:1;grid-row:1;font-size:11px}
 body:not(.story-ready) .copy-panel h2{grid-column:1;grid-row:2 / span 4;font-size:70px;margin:0}
 body:not(.story-ready) .copy-panel h3{grid-column:2;grid-row:1 / span 2;font-size:28px;margin:0 0 16px}
 body:not(.story-ready) .scene-description{grid-column:2;font-size:15px;max-width:none}
 body:not(.story-ready) .product-link,body:not(.story-ready) .availability{grid-column:2;max-width:none}
 body:not(.story-ready) .intro-copy{position:static;max-width:none;width:auto;margin-top:20px}
 body:not(.story-ready) .explore{position:static;width:max-content;margin-top:18px}
 body:not(.story-ready) .copy-panel h1{font-size:80px;max-width:100%}
 body:not(.story-ready) .portal-nav{gap:25px;padding-block:10px calc(10px + env(safe-area-inset-bottom))}
 body:not(.story-ready) .portal-nav strong{font-size:26px;margin:0;line-height:1.2}
 body:not(.story-ready) .stage-bottom{margin:0}body:not(.story-ready) .journey-note{display:none}
}
@media(max-width:600px) and (max-height:650px){body:not(.story-ready) .copy-panel:not([data-panel="0"]){display:block}body:not(.story-ready) .copy-panel h2{margin-bottom:20px}body:not(.story-ready) .copy-panel h3{font-size:27px}}

.avatar{background:var(--paper);flex-shrink:0}.team-row>button>i{background:var(--paper);flex-shrink:0}
@media(max-width:760px){.stage-bottom .journey-note{display:none}.stage-bottom{margin-top:12px}.journal-insight{top:47%}.visual-stage.is-compact-team .team-summary{top:98%}.visual-stage.is-compact .knowledge-card{width:64%;max-width:250px}.visual-stage.is-compact .knowledge-tabs button:nth-child(-n+2){top:12%}.visual-stage.is-compact .knowledge-tabs button:nth-child(n+3){top:92%}}
.visual-stage.is-compact .scene-art[data-art="4"] .art-heading{left:0;right:0;top:0;text-align:center}
@media(max-width:760px){.art-heading{display:none}.motion-toggle{min-height:44px}.stage-bottom{margin-bottom:43px}}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait) and (max-height:1050px){
 .copy-panel .desktop-detail{display:none}.copy-panel .mobile-detail{display:inline}
 .story-ready .copy-panel{padding-top:18px}.copy-panel h3{font-size:26px;margin-bottom:10px}
 .scene-description{font-size:13px;line-height:1.6}.product-link{margin-top:14px}.availability{margin-top:9px}
 .journal-insight{padding:17px 22px}.journal-insight h4{font-size:33px}.journal-insight>p{font-size:14px}
}
@media(max-width:760px) and (max-height:800px){
 .story-ready .stage[data-scene="4"] .stage-body{grid-template-rows:43% minmax(0,1fr)}
 .story-ready .stage[data-scene="4"] .visual-stage{margin-top:15px;margin-bottom:5px}
 .visual-stage.is-compact .knowledge-card{width:86%;max-width:290px;padding:11px 14px}
 .knowledge-card h4{font-size:18px;line-height:1.15;margin:6px 0}
 .knowledge-card p{font-size:11px;line-height:1.4;margin-bottom:0}
 .knowledge-card>span:first-child{font-size:8px;letter-spacing:.5px}
}

/* Alte Bereichslinks bleiben auch ohne JavaScript nutzbar. */
.legacy-anchor{display:block;height:0;scroll-margin-top:110px}
/* Seitenuebergang zwischen den Dokumenten (Cross-Document View Transitions).
   Die Pfeile der Bereichs-Links zeigen nach rechts, also faehrt die neue Seite
   von rechts herein und die alte gleitet nach links hinaus.
   Reine Verbesserung: Browser ohne Unterstuetzung navigieren hart wie bisher.
   Der Vorwaertslauf kommt ohne JavaScript aus; nur die Richtungserkennung fuer
   den Rueckweg (weiter unten) braucht ein paar Zeilen in main.js.
   Die Scroll-/Stapelanimation der Startseite bleibt unberuehrt — hier geht es
   nur um den Dokumentwechsel. */
@view-transition {
  navigation: auto;
}

@keyframes seitenwechsel-hinaus-links {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-18%);
  }
}

@keyframes seitenwechsel-herein-rechts {
  from {
    opacity: 0;
    transform: translateX(24%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

::view-transition-old(root),
::view-transition-new(root) {
  /* Statt des UA-Standards plus-lighter: beim Schieben ueberlagern sich zwei
     helle Flaechen, additiv wuerde das kurz weiss aufblitzen. */
  mix-blend-mode: normal;
  animation-duration: var(--uebergang-dauer, 1500ms);
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
  animation-fill-mode: both;
}

::view-transition-old(root) {
  animation-name: seitenwechsel-hinaus-links;
}

::view-transition-new(root) {
  animation-name: seitenwechsel-herein-rechts;
}

/* Rueckwaerts (Browser-Zurueck, Wischgeste, "Zurueck"-Link) laeuft derselbe
   Wechsel gespiegelt: die alte Seite gleitet nach rechts hinaus, die vorherige
   kommt von links herein. Den Typ "rueckwaerts" haengt main.js an den bereits
   laufenden Uebergang; ohne JavaScript — oder in Browsern ohne Uebergangstypen —
   bleibt es beim Vorwaertslauf, die Regeln unten greifen dann schlicht nicht. */
@keyframes seitenwechsel-hinaus-rechts {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(24%);
  }
}

@keyframes seitenwechsel-herein-links {
  from {
    opacity: 0;
    transform: translateX(-24%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

html:active-view-transition-type(rueckwaerts)::view-transition-old(root) {
  animation-name: seitenwechsel-hinaus-rechts;
}

html:active-view-transition-type(rueckwaerts)::view-transition-new(root) {
  animation-name: seitenwechsel-herein-links;
}

@media (prefers-reduced-motion: reduce) {
  /* Die globale Bremse oben greift hier nicht: die View-Transition-Pseudo-
     elemente haengen nicht am Dokumentbaum und werden von "*" nicht getroffen. */
  @view-transition {
    navigation: none;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}