@font-face{font-family:Myriad;src:url('assets/body.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#0b0b0b;color:#f5f3ee;font-family:Arial,Myriad,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #edc878;outline-offset:6px}header{height:94px;display:flex;align-items:center;gap:38px;padding:12px 5%;border-bottom:1px solid #77603855;background:#0b0b0bf2;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{flex-shrink:0}.brand img{height:69px;width:86px;object-fit:contain}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}nav a{color:#ddd;transition:color .2s}nav a:hover{color:#e6bd6c}.tools{display:flex;gap:9px;align-items:center}.tools button{background:none;border:1px solid #806a3c;color:#ead6a7;padding:11px 13px;border-radius:3px;font-size:12px}#lang{border:0}#menu{display:none}section{scroll-margin-top:94px;position:relative;overflow:hidden}.wrap{width:min(1280px,90%);margin:auto}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:3px;text-transform:uppercase;color:#aaa69d}.gold{color:#dfbb70}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.5vw,80px);line-height:1.03;letter-spacing:-3px;margin-bottom:25px;font-weight:750}h2{font-size:clamp(32px,3.6vw,52px);line-height:1.08;letter-spacing:-1.6px}h3{font-size:25px;line-height:1.18;letter-spacing:-.6px}p{font-family:Myriad,Arial,sans-serif;line-height:1.55;color:#aaa9a5;font-size:18px}.hero{min-height:650px;display:flex;align-items:center;background:#070707}.hero-image{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:75% center;mask-image:linear-gradient(90deg,transparent,black 25%)}.hero .wrap{z-index:1;padding:62px 0}.hero-copy{width:56%}.hero .eyebrow{display:block;margin-bottom:33px}.hero p{font-size:24px;color:#d2d0ca}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 25px;border-radius:3px;border:1px solid #d5ad60;background:linear-gradient(120deg,#edd088,#c29c51);color:#14110b;font-size:14px;font-weight:700}.btn:hover{filter:brightness(1.1)}.text-link{font-size:13px;border-bottom:1px solid #8a7446;padding:12px 0}.hero-bottom{margin-top:55px;letter-spacing:3px;font-size:9px;color:#a39d90}.band{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #ac8948}.band article{padding:40px max(5vw,25px);position:relative}.band article:first-child{background:linear-gradient(120deg,#e8cd8b,#bd9752);color:#111}.band h3{max-width:390px;font-size:30px}.band p{font-size:17px;margin-bottom:0}.band article:first-child p{color:#2d2617}.branch{position:absolute;right:25px;top:50px;width:180px;height:130px;opacity:.7}.band article:last-child p,.band article:last-child h3{max-width:65%}.section-content{padding:75px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-head h2{margin:10px 0 0}.section-head>p{max-width:330px;font-size:16px;margin:0}.course-row{border:1px solid #705a33;display:grid;grid-template-columns:70px 1fr 1.15fr 100px;align-items:center;padding:28px;gap:25px;margin-bottom:13px;transition:background .3s}.course-row:hover{background:#201c13}.course-row h3,.course-row p{margin:0}.course-row p{font-size:16px}.num{color:#d6b16b;font-size:37px}.course-row button{background:none;color:#f2e7d1;border:0;text-align:right}.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.topics span{border:1px solid #ffffff1c;border-radius:30px;padding:10px 17px;font-size:12px;color:#aaa}.steps-section{background:#11110f;border-block:1px solid #ffffff10}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step{padding-top:25px;border-top:1px solid #6b5937}.step .num{font-size:20px;display:block;margin-bottom:28px}.step h3{font-size:23px}.step p{font-size:16px}.club-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.club-art{min-height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4e3a17 0%,#15130e 45%,transparent 70%);position:relative}.club-art img{width:70%;max-height:320px;object-fit:contain;filter:drop-shadow(0 15px 30px #000)}.orbit{position:absolute;width:90%;height:70%;border:1px solid #d4ac5566;border-radius:50%;transform:rotate(-25deg)}.orbit:nth-child(2){transform:rotate(25deg);width:65%;height:100%}.reviews-section{background:#11110f}.review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-color:#a98749 #24221d}.review-card{scroll-snap-align:start;background:#161614;border:1px solid #ffffff1f;padding:0;color:#fff;text-align:left;border-radius:5px;overflow:hidden}.portrait{aspect-ratio:3/4;position:relative;overflow:hidden;background:#25221a}.portrait img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.review-card:hover img{transform:scale(1.04)}.play{position:absolute;left:18px;bottom:18px;border:1px solid #ddbd7a;background:#0a0a0aba;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;color:#edcf8c}.review-label{padding:18px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.review-arrows{display:flex;gap:10px}.review-arrows button{background:transparent;border:1px solid #7d673f;color:#e8ce97;padding:12px 20px}.subnote{font-size:13px;margin-top:18px}details{border-bottom:1px solid #484035;padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px;font-size:20px}summary:after{content:'+';color:#debd76}details[open] summary:after{content:'−'}details p{max-width:850px;margin:18px 0 0;font-size:17px}.footer{padding:45px 0;border-top:1px solid #554529}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer img{width:74px}.footer p{font-size:12px;max-width:970px}.footer-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:10px;letter-spacing:2px;color:#9b9589}.story-controls{display:none}.story{height:100dvh;overflow:hidden}.story main{height:calc(100dvh - 94px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.story main>section{min-height:calc(100dvh - 94px);scroll-snap-align:start;scroll-margin-top:0;display:flex;align-items:center}.story .hero{min-height:calc(100dvh - 94px)}.story .section-content{padding:50px 0 80px}.story .story-controls{display:flex;align-items:center;gap:9px;position:fixed;right:25px;bottom:20px;z-index:25;background:#17150fec;border:1px solid #a17f45;padding:10px;border-radius:5px}.story-controls span{font-size:11px;color:#ddc797;margin:0 10px}.story-controls button{padding:7px 12px;color:#ebd09a;background:#2b2518;border:0}.story .band{width:100%}.story main>section .animate{opacity:.2;transform:translateY(60px) scale(.97);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.story main>section.active .animate{opacity:1;transform:none}.story .hero-image{transition:transform 1.4s;transform:scale(1.1)}.story .active .hero-image{transform:scale(1)}dialog{max-width:820px;width:92%;background:#171612;border:1px solid #8b7145;color:#fff;padding:35px;border-radius:8px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog video{width:100%;max-height:65vh;background:#000}dialog p{font-size:15px}dialog .close{position:absolute;right:12px;top:7px;background:none;border:0;color:#e7c986;font-size:30px}#info-dialog{max-width:580px}#info-dialog h2{font-size:32px;margin-top:25px}@media(min-width:1700px){.hero{min-height:760px}}@media(max-width:1000px){header{gap:15px;padding-inline:4%}nav{gap:15px;font-size:12px}.hero-copy{width:65%}h1{letter-spacing:-2px}.course-row{grid-template-columns:40px 1fr 1fr;gap:15px}.course-row button{grid-column:3}.steps{gap:20px}.branch{width:110px}.club-grid{gap:25px}.review-track{grid-auto-columns:calc((100% - 32px)/3)}}@media(max-width:700px){header{height:78px;gap:12px}.brand img{height:56px;width:68px}.tools{margin-left:auto}#menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:#15140f;border-bottom:1px solid #806a3c}nav.open{display:flex;flex-direction:column}nav a{padding:8px}.tools button{font-size:11px;padding:10px}h1{font-size:43px;letter-spacing:-1.9px}.hero{min-height:780px;align-items:flex-start}.hero .wrap{padding-top:40px}.hero-copy{width:100%}.hero .eyebrow{font-size:8px;margin-bottom:25px}.hero p{font-size:20px;max-width:290px}.hero-image{top:auto;bottom:0;width:100%;height:47%;mask-image:linear-gradient(180deg,transparent,black 18%);object-position:85% center}.hero-bottom{display:none}.actions{gap:17px;flex-wrap:wrap}.btn{padding:16px 20px}.band{grid-template-columns:1fr}.band article{padding:32px 6%}.band h3{font-size:27px}.section-content{padding:48px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}.section-head h2{font-size:34px}.course-row{padding:20px;grid-template-columns:30px 1fr}.course-row h3{font-size:23px}.course-row p{grid-column:2}.course-row button{grid-column:2;text-align:left;padding:0}.num{font-size:27px}.steps{grid-template-columns:1fr 1fr;gap:20px}.step .num{margin-bottom:16px}.step h3{font-size:21px}.club-grid{grid-template-columns:1fr}.club-art{min-height:220px}.club-art img{max-height:220px}.review-track{grid-auto-columns:74%}.footer-top{align-items:flex-start}.footer-bottom{flex-direction:column;gap:13px}summary{font-size:18px}.story main{height:calc(100dvh - 78px);scroll-snap-type:y proximity}.story main>section{min-height:calc(100dvh - 78px)}.story .hero{min-height:780px}.story .section-content{padding-bottom:90px}.story-controls{right:12px!important;bottom:12px!important}html{scroll-padding-top:78px}section{scroll-margin-top:78px}.story .band{padding-bottom:60px}.story .hero-image{height:44%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story main>section .animate{opacity:1;transform:none}}
@media(max-width:700px){.hero .wrap{margin:0 auto}.hero-image{height:45%}.hero p{margin-bottom:0}.hero .actions{margin-top:23px}.hero-copy{position:relative;z-index:2}}

/* Final landing: motion and interactive learning tools. */
.story main{scroll-snap-type:y proximity;scrollbar-color:#b89553 #13120f}.story main>section .animate{opacity:1;transform:none}.story main>section.active .animate{animation:section-enter .8s both}.story main>section.active .step,.story main>section.active .course-row,.story main>section.active .band article{animation:item-enter .7s both;animation-delay:var(--delay,0ms)}
@keyframes section-enter{from{opacity:.3;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes item-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-image{animation:hero-drift 18s ease-in-out infinite alternate}@keyframes hero-drift{to{object-position:68% center;filter:brightness(1.12)}}
.btn{position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.btn:hover{box-shadow:0 8px 35px #dcb76e30;transform:translateY(-3px)}.btn span{transition:transform .3s}.btn:hover span{transform:translate(4px,-4px)}
.branch path{stroke-dasharray:250;stroke-dashoffset:250}.active .branch path{animation:draw-branch 2s ease forwards}.branch circle{animation:node-glow 3s ease-in-out infinite alternate}@keyframes draw-branch{to{stroke-dashoffset:0}}@keyframes node-glow{to{opacity:.4}}
.club-art img{transition:transform .4s;transform:perspective(700px) rotateY(var(--tilt,0deg))}.orbit{animation:orbit-turn 24s linear infinite}.orbit:nth-child(2){animation-direction:reverse}@keyframes orbit-turn{to{transform:rotate(335deg)}}
.course-row{transition:border-color .3s,background .3s,box-shadow .3s}.course-row.recommended{border-color:#e5c27d;background:#282214;box-shadow:inset 3px 0 #e5c27d}.course-row:focus-within{border-color:#e5c27d}.step{transition:border-color .3s}.step:hover{border-color:#efcd85}
.topics button{border:1px solid #ffffff29;border-radius:30px;padding:11px 17px;font-size:13px;color:#c5c0b5;background:#15140f;transition:background .25s,color .25s}.topics button:hover{background:#d8b36b;color:#111}.topics button span{padding:0;border:0;margin-left:10px}.topic-hint{font-size:12px;margin-top:13px}#course-guide{margin-top:28px;padding:25px;border:1px solid #806a3c66;background:linear-gradient(115deg,#282216,#10100e);display:flex;gap:20px;align-items:center;flex-wrap:wrap}#course-guide h3{font-size:22px;margin:8px 0 0}.guide-options{display:flex;gap:12px;margin-left:auto}.guide-options button{background:transparent;color:#e7ce9b;border:1px solid #806a3c;padding:13px 16px}.guide-options button[aria-pressed=true]{background:#ddbd78;color:#111}#guide-result{flex-basis:100%;margin:0;font-size:15px}#guide-result:empty{display:none}
#reading-progress{position:fixed;top:93px;left:0;width:100%;height:2px;background:#ebc878;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}#section-dots{display:flex;gap:7px;align-items:center}#section-dots button{width:7px;height:20px;padding:0;background:transparent;position:relative}#section-dots button:after{content:'';position:absolute;inset:7px 0;background:#6f6145;border-radius:9px;transition:background .3s,transform .3s}#section-dots button[aria-current=step]:after{background:#f1d292;transform:scaleY(1.7)}.story-controls button:disabled{opacity:.25;cursor:default}nav a[aria-current=location]{color:#f1cb7f}dialog[open]{animation:item-enter .25s ease}summary:after{transition:transform .3s}details[open] summary:after{transform:rotate(180deg)}
@media(max-width:700px){#reading-progress{top:77px}.guide-options{flex-direction:column;margin-left:0;width:100%}.guide-options button{text-align:left}.story .hero{min-height:max(740px,calc(100svh - 78px))}.story .story-controls{padding:7px;gap:5px}.story-controls span{margin:0 5px}.story .section-content{padding-bottom:100px}.story .hero-image{height:43%}.story .hero .wrap{padding-bottom:320px}.story .hero h1{font-size:clamp(35px,10.8vw,43px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.branch path{stroke-dashoffset:0}.story main>section .animate{opacity:1;transform:none}}

/* Unobtrusive navigation. Mobile slides use the actual visible viewport. */
.story .story-controls{background:transparent;border:0;box-shadow:none;padding:0;gap:2px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));backdrop-filter:none}.story-controls button{background:transparent;color:#e8d6b1;opacity:.35;width:42px;height:42px;padding:0;font-size:22px;transition:opacity .2s}.story-controls button:hover,.story-controls button:focus-visible{opacity:.9}.story-controls button:disabled{visibility:hidden}.mobile-notice{display:none}
@media(max-width:700px){
html,body{height:100%;overflow:hidden}header{height:64px;padding-block:7px}.brand img{height:48px;width:60px}nav{top:64px}#reading-progress{top:63px}
.story main{height:calc(100dvh - 64px);scroll-snap-type:y mandatory;scrollbar-width:none}.story main::-webkit-scrollbar{display:none}
.story main>section,.story .hero{height:calc(100dvh - 64px);min-height:0;scroll-snap-align:start;scroll-snap-stop:always;align-items:center}
.story .section-content{padding:20px 0 40px}.story .section-head{margin-bottom:18px;gap:10px}.story .section-head h2{font-size:clamp(27px,7.5vw,34px)}.eyebrow{font-size:8px;letter-spacing:2px}h3{font-size:23px}p{font-size:16px}
.story .hero{align-items:flex-start}.story .hero .wrap{padding:clamp(22px,5dvh,42px) 0 0;margin:0 auto}.story .hero h1{font-size:clamp(32px,9.2vw,43px);line-height:1.05;margin-bottom:18px}.story .hero .eyebrow{margin-bottom:22px;font-size:7px;letter-spacing:1.8px}.hero p{font-size:18px;max-width:100%}.hero .actions{margin-top:22px;gap:16px}.hero .btn{padding:14px 18px;font-size:13px;gap:20px}.hero .text-link{font-size:12px}.story .hero-image{height:42%;width:100%;object-position:85% center}.hero-copy{position:relative;z-index:2}
.story .band{padding-bottom:0}.band article{padding:24px 6%}.band h3{font-size:25px;margin-bottom:15px}.band p{font-size:15px}.branch{top:40px}
.course-row{padding:15px;gap:10px;margin-bottom:10px}.course-row h3{font-size:21px}.course-row p{display:none}.course-row button{font-size:13px}.course-row .num{font-size:23px}.section-head>p{display:none}.topics{margin-top:18px;gap:7px}.topics button{padding:8px 12px;font-size:11px}.topic-hint{font-size:11px;margin:9px 0}#course-guide{padding:15px;margin-top:17px;gap:12px}#course-guide .eyebrow{display:none}#course-guide h3{font-size:18px;margin:0}.guide-options{gap:8px}.guide-options button{font-size:12px;padding:10px 12px}#guide-result{display:none}
.steps{gap:18px}.step{padding-top:16px}.step h3{font-size:19px;margin-bottom:10px}.step p{font-size:14px;line-height:1.45;margin-bottom:0}.step .num{font-size:17px;margin-bottom:14px}
.club-grid{gap:18px}.club-art{min-height:135px;height:20dvh}.club-art img{max-height:100%}.club-grid h2{font-size:32px;margin:12px 0}.club-grid p{font-size:14px;line-height:1.45;margin-bottom:13px}.club-grid .btn{font-size:12px;padding:13px 18px}
#faq details{padding:17px 0}#faq summary{font-size:16px;gap:12px}.footer{padding:20px 0 0;margin-top:18px}.footer img{width:48px}.footer-top .eyebrow{font-size:7px;max-width:180px}.footer>p,.footer-bottom{display:none}.mobile-notice{display:block;margin-top:16px;background:transparent;border:0;border-bottom:1px solid #625337;padding:0 0 5px;color:#a9a294;font-size:11px}
dialog{max-height:85dvh;overflow:auto;padding:30px 24px}#info-dialog h2{font-size:27px}
}
@media(max-width:700px) and (max-height:700px){.story .hero .wrap{padding-top:20px}.story .hero .eyebrow{margin-bottom:15px}.story .hero h1{font-size:32px;margin-bottom:14px}.hero p{font-size:16px}.hero .actions{margin-top:17px;gap:12px}.hero .btn{padding:12px 15px}.story .hero-image{height:38%}.story .section-content{padding:16px 0 35px}.story .section-head h2{font-size:27px}.story .section-head{margin-bottom:14px}.band article{padding:18px 6%}.band h3{font-size:23px}.band p{font-size:14px}.club-art{height:100px;min-height:100px}.club-grid{gap:12px}.club-grid h2{font-size:28px}.club-grid p{font-size:13px}.course-row{padding:12px}.topics{margin-top:12px}#course-guide{margin-top:12px;padding:12px}#faq details{padding:13px 0}.footer{padding-top:14px;margin-top:12px}}
@media(max-width:700px){.course-row{grid-template-columns:26px minmax(0,1fr) 74px}.course-row button{grid-column:3;grid-row:1;text-align:right;font-size:11px;line-height:1.5}.course-row h3{font-size:19px}.guide-options{flex-direction:row}.guide-options button{flex:1;line-height:1.4;min-width:0}.story .hero-image{height:48%}}

#lang{max-width:125px;background:#12120f;color:#e4c588;padding:9px;border:1px solid #655332;border-radius:3px;font:inherit;font-size:12px}select:focus-visible{outline:2px solid #edc878}.account-link{font-size:12px;color:#e5c27c;border:1px solid #74603b;padding:10px 13px;white-space:nowrap}html[dir=rtl] nav{margin-left:0;margin-right:auto}html[dir=rtl] .hero-copy{margin-left:auto}html[dir=rtl] .hero-image{right:auto;left:0;transform:scaleX(-1);mask-image:linear-gradient(90deg,black 75%,transparent)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:normal}html[dir=rtl] .branch{right:auto;left:25px}html[dir=rtl] .course-row button{text-align:left}html[lang=zh] h1{line-height:1.25;letter-spacing:0}html[dir=rtl] p{font-family:Arial,sans-serif}html[lang=zh] p{font-family:Arial,sans-serif}
@media(max-width:1000px){header{gap:12px}nav{gap:15px}.account-link{max-width:150px;white-space:normal;text-align:center}}
@media(max-width:700px){.account-link{margin-inline-start:auto;font-size:10px;padding:8px;max-width:110px}.tools{margin-left:0;gap:5px}#lang{font-size:11px;padding:8px;max-width:85px}.story .hero h1{font-size:clamp(29px,8.5vw,38px)}html[dir=rtl] .hero-image{mask-image:linear-gradient(180deg,transparent,black 18%)}html[dir=rtl] .branch{left:15px}.course-row h3{font-size:17px}.guide-options button{font-size:11px}.story .section-head h2{font-size:27px}.step h3{font-size:17px}.step p{font-size:13px}#faq summary{font-size:14px}}

html[dir=rtl] .hero-image{transform:none;animation:none}html[dir=rtl] .story .active .hero-image{transform:none}