:root { --night:#1d181c; --ink:#211b1b; --paper:#f5eedc; --cream:#fff9e9; --gold:#f7bf2b; --bronze:#a56628; --line:#ccb98e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,a { font:inherit; }
button { cursor:pointer; }
button:focus-visible,a:focus-visible { outline:3px solid #b46c00; outline-offset:4px; }
h1,h2,h3,p,figure { margin:0; }
a { color:inherit; }
.skip { position:absolute; top:-90px; left:20px; z-index:30; padding:12px; background:var(--cream); color:var(--ink); }
.skip:focus { top:10px; }

.site-header { min-height:78px; height:auto; padding:10px clamp(20px,5vw,78px); display:flex; align-items:center; justify-content:space-between; gap:18px; background:var(--night); color:var(--cream); border-bottom:1px solid #fff2; position:relative; z-index:10; }
.site-header .wordmark { display:inline-flex; gap:9px; align-items:center; text-decoration:none; color:var(--cream); }
.brand-avatar { width:44px; height:62px; flex:none; object-fit:contain; filter:drop-shadow(0 2px 4px #f7bf2b44); }
.wordmark > span { display:grid; gap:1px; font-size:14px; font-weight:950; letter-spacing:-.055em; line-height:1; }
.wordmark strong { color:var(--gold); }
.main-nav { display:flex; align-items:center; gap:clamp(14px,2.8vw,38px); }
.main-nav a,.main-nav button { border:0; background:none; color:var(--cream); text-decoration:none; font-size:13px; font-weight:750; line-height:1.2; padding:8px 0; }
.main-nav a:hover,.main-nav button:hover,.main-nav a[aria-current=page] { color:var(--gold); }
.main-nav .nav-start { display:inline-flex; align-items:center; gap:7px; color:var(--gold); }
.nav-start small,.footer-column small { color:#b9a88d; font-size:10px; font-weight:650; letter-spacing:.05em; }
.main-nav .nav-guide { border:1px solid #f7bf2b99; border-radius:999px; padding:10px 15px; }
.nav-guide span { color:var(--gold); margin-left:5px; }
.header-signin { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; border:1px solid var(--gold); border-radius:999px; padding:9px 14px; color:var(--night); background:var(--gold); text-decoration:none; font-size:12px; font-weight:850; }
.header-signin:hover { background:#ffda69; }
.header-signin span { font-size:16px; line-height:1; }
.language-menu { position:relative; flex:none; }
.language-menu summary { list-style:none; display:flex; align-items:center; gap:5px; border:1px solid #ffffff4b; border-radius:999px; padding:7px 9px; cursor:pointer; font-size:11px; font-weight:850; color:var(--cream); }
.language-menu summary::-webkit-details-marker { display:none; }
.language-menu summary svg { width:19px; height:19px; color:var(--gold); }
.language-options { position:absolute; z-index:20; right:0; top:calc(100% + 12px); min-width:205px; padding:10px; border:1px solid #b4893c; border-radius:14px; background:#21191a; box-shadow:0 18px 40px #0006; }
.language-options span { display:flex; justify-content:space-between; gap:12px; padding:10px 9px; font-size:13px; color:#e3d5bf; }
.language-options span + span { border-top:1px solid #ffffff1c; }
.language-options b,.language-options small { font-size:10px; color:var(--gold); font-weight:700; }
.language-options small { color:#a99a89; }

.page-home .top-copy { width:min(36vw,485px); }
.page-home .top-copy h1 { font-size:clamp(61px,5.7vw,98px); line-height:1.03; letter-spacing:-.038em; margin:25px 0; }
.page-home .top-copy .intro { max-width:400px; line-height:1.6; }
.page-home .story-caption { width:450px; }
.concept-disclaimer { font-size:10px !important; color:#cdbb9d !important; margin-top:7px !important; }
.type-title .type-line { display:block; position:relative; width:fit-content; max-width:100%; }
.type-title .type-ink { display:block; }
.type-title--armed .type-ink { clip-path:inset(0 100% 0 0); }
.type-title--playing .type-ink { animation:title-write var(--type-duration) steps(var(--type-steps),end) var(--type-delay) both; }
.type-wand { display:none; position:absolute; z-index:2; top:.1em; left:0; width:.72em; height:.72em; overflow:visible; fill:var(--gold); filter:drop-shadow(0 0 8px #f7bf2b); transform:translate(-76%,-10%); pointer-events:none; }
.type-wand__glow { fill:none; stroke:#fff1b3; stroke-width:13; stroke-linecap:round; }
.type-wand__shaft { fill:none; stroke:#553015; stroke-width:7; stroke-linecap:round; }
.type-wand__star { stroke:#fff9e9; stroke-width:2; }
.type-title--playing .type-wand { display:block; animation:title-wand var(--type-duration) steps(var(--type-steps),end) var(--type-delay) both; }
.headline-presenter { position:relative; width:min(100%,266px); aspect-ratio:266/400; pointer-events:none; }
.headline-presenter img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 16px 22px #0006); }
.headline-presenter__wand { position:absolute; z-index:2; left:-15%; top:21%; width:40%; height:auto; overflow:visible; fill:var(--gold); filter:drop-shadow(0 0 10px #f7bf2b); transform-origin:82% 85%; }
.headline-presenter__glow { fill:none; stroke:#fff1b3; stroke-width:12; stroke-linecap:round; }
.headline-presenter__stick { fill:none; stroke:#553015; stroke-width:7; stroke-linecap:round; }
.headline-presenter__flare { stroke:#613711; stroke-width:7; paint-order:stroke fill; }
.motion-ready .headline-presenter { opacity:0; }
.motion-ready .section--presenting .headline-presenter { animation:presenter-waltz 3.6s cubic-bezier(.2,.7,.25,1) both; }
.motion-ready .section--presenting .headline-presenter__wand { animation:presenter-point 2.8s ease-in-out .55s both; }
.headline-presenter--home { position:absolute; z-index:7; left:calc(100% + 180px); top:-50px; width:220px; }
.motion-ready .section--presenting .headline-presenter--home { animation:presenter-visit 5.6s ease-in-out both; }
.story[data-chapter="1"] .headline-presenter--home,.story[data-chapter="2"] .headline-presenter--home { display:none; }
.headline-floater { position:absolute; z-index:8; width:165px; height:248px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease,visibility 0s linear .25s; }
.headline-floater--active { opacity:1; visibility:visible; transition:opacity .25s ease; }
.headline-floater .headline-presenter { width:100%; }
.headline-floater .headline-presenter__wand { left:-33%; top:9%; width:60%; filter:drop-shadow(0 0 5px #4a280c) drop-shadow(0 0 8px #f7bf2b); }
.motion-ready .headline-floater .headline-presenter { opacity:1; }
.headline-floater--active .headline-presenter { animation:presenter-waltz 2.8s cubic-bezier(.2,.7,.25,1) both; }
.headline-floater--active .headline-presenter__wand { animation:presenter-point 2.8s ease-in-out .25s both; }
.section-closing .type-line, .how-closing .type-line, .help-next .type-line { margin-inline:auto; }
@keyframes title-write { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
@keyframes title-wand { 0% { left:0; opacity:0; } 5% { opacity:1; } 94% { opacity:1; } 100% { left:100%; opacity:0; } }
@keyframes presenter-waltz { 0% { opacity:0; transform:translate(35px,22px) rotate(8deg) scale(.9); } 25% { opacity:1; transform:translate(-8px,-9px) rotate(-4deg) scale(1.02); } 58% { opacity:1; transform:translate(7px,0) rotate(3deg) scale(1); } 100% { opacity:1; transform:translate(0,0) rotate(0) scale(1); } }
@keyframes presenter-visit { 0% { opacity:0; transform:translate(65px,30px) rotate(9deg) scale(.88); } 18% { opacity:1; transform:translate(-8px,-6px) rotate(-5deg) scale(1); } 45% { opacity:1; transform:translate(8px,4px) rotate(3deg) scale(1); } 72% { opacity:1; transform:translate(-4px,-10px) rotate(-2deg) scale(1); } 88% { opacity:1; } 100% { opacity:0; transform:translate(35px,-30px) rotate(6deg) scale(.92); } }
@keyframes presenter-point { 0% { opacity:0; transform:rotate(22deg) scale(.7); } 22% { opacity:1; transform:rotate(-16deg) scale(1.08); } 55% { opacity:1; transform:rotate(9deg) scale(1); } 100% { opacity:1; transform:rotate(-5deg) scale(1); } }

.section { padding:clamp(75px,9vw,140px) clamp(24px,7vw,112px); }
.section-kicker { display:flex; align-items:center; gap:18px; color:#8d5b19; font-size:11px; font-weight:900; letter-spacing:.15em; margin-bottom:43px; }
.section-kicker i { display:block; height:1px; flex:1; background:#cbb894; }
.section h2 { font-size:clamp(50px,6.8vw,98px); line-height:1.04; font-weight:900; letter-spacing:-.04em; }
.section h2 em { color:#a76b22; font-style:normal; }
.section p { line-height:1.62; }
.editorial-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(36px,7vw,110px); align-items:end; }
.editorial-grid h2 { max-width:850px; }
.editorial-copy { max-width:490px; padding-bottom:5px; }
.editorial-copy p { color:#4f473e; font-size:clamp(18px,1.6vw,22px); margin-bottom:22px; }
.editorial-copy p + p { font-size:16px; }
.text-link { color:var(--ink); display:inline-flex; gap:20px; align-items:center; text-decoration:none; border-bottom:2px solid var(--bronze); padding:4px 0 8px; font-weight:800; }
.text-link:hover { color:#945b16; }
.text-link span { font-size:22px; }

.section-turns { background:#e9dec8; }
.section-turns h2 { max-width:770px; margin-bottom:70px; }
.turns-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:2px solid var(--ink); }
.turns-grid article { padding:22px clamp(18px,3vw,42px) 0 0; min-height:240px; border-right:1px solid #bea984; }
.turns-grid article + article { padding-left:clamp(18px,3vw,42px); }
.turns-grid article:last-child { border-right:0; }
.turn-number { display:inline-block; color:#a76b22; font-weight:950; font-size:12px; letter-spacing:.1em; margin-bottom:32px; }
.turn-icon { float:right; display:grid; place-items:center; width:52px; height:52px; border:1px solid #b88d43; border-radius:50%; color:#895719; box-shadow:inset 0 0 0 5px #e9dec8, inset 0 0 0 6px #c5a66a; }
.turn-icon svg { width:28px; height:28px; }
.turns-grid h3 { font-size:clamp(23px,2.2vw,32px); letter-spacing:-.055em; line-height:1.1; margin-bottom:12px; }
.turns-grid p { color:#51483e; font-size:15px; max-width:340px; }

.section-roles { background:var(--night); color:var(--cream); display:grid; grid-template-columns:1fr 1fr; min-height:610px; gap:50px; overflow:hidden; align-items:center; }
.micro-kicker { color:var(--bronze); font-weight:900; font-size:11px; letter-spacing:.17em; text-transform:uppercase; margin-bottom:25px; }
.section-roles .micro-kicker,.how-hero .micro-kicker { color:var(--gold); }
.section-roles h2 { font-size:clamp(53px,6vw,89px); }
.roles-copy > p:not(.micro-kicker) { color:#d7cfc1; max-width:560px; font-size:18px; margin:24px 0 30px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:51px; border-radius:999px; padding:12px 22px; font-weight:850; font-size:13px; text-decoration:none; line-height:1.2; }
.button span { font-size:18px; line-height:1; }
.button-light { color:var(--ink); background:var(--cream); border:1px solid var(--cream); }
.button-light:hover { background:var(--gold); }
.button-dark { color:var(--cream); background:var(--night); border:1px solid var(--night); }
.button-dark:hover { background:#47362a; }
.button-gold { color:var(--ink); background:var(--gold); border:1px solid var(--gold); }
.button-gold:hover { background:#ffda69; }
.button-outline { color:var(--ink); background:transparent; border:1px solid #766850; }
.button-outline:hover { background:#fff7df; }
.roles-art { position:relative; width:min(100%,510px); aspect-ratio:1; justify-self:center; }
.orbit { position:absolute; border:1px solid #f7bf2b55; border-radius:50%; transform:rotate(-22deg); }
.orbit-one { inset:8%; }.orbit-two { inset:21%; border-color:#f7bf2b77; }.orbit-three { inset:34%; background:#f7bf2b18; border-color:#f7bf2b99; }
.orbit-core { position:absolute; inset:43% 36%; display:grid; place-content:center; color:var(--gold); font-size:26px; font-weight:950; line-height:.96; text-align:center; letter-spacing:-.08em; transform:rotate(-8deg); }
.orbit-dot { position:absolute; width:18px; height:18px; background:var(--gold); border:4px solid var(--night); border-radius:50%; box-shadow:0 0 0 1px var(--gold); }
.dot-one { left:18%; top:21%; }.dot-two { right:14%; top:23%; }.dot-three { left:12%; bottom:24%; }.dot-four { right:17%; bottom:14%; }

.section-closing { text-align:center; padding-block:clamp(86px,11vw,166px); }
.section-closing h2 { max-width:900px; margin:0 auto 25px; }
.section-closing > p:not(.micro-kicker):not(.example-note) { max-width:610px; margin:0 auto 30px; font-size:19px; color:#51483e; }
.example-note { max-width:620px; margin:50px auto 0; padding-top:18px; border-top:1px solid var(--line); font-size:12px; color:#695b47; }
.example-note strong { color:var(--ink); }

.site-footer { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(145px,.72fr)) minmax(190px,.9fr); gap:clamp(22px,3vw,52px); background:radial-gradient(circle at 4% 82%,#4a341b 0,#241c1c 25%,#151114 65%); color:var(--cream); padding:72px clamp(24px,7vw,112px) 28px; border-top:4px solid var(--gold); }
.footer-opening { position:relative; }
.footer-wordmark { display:inline-flex; align-items:center; gap:10px; font-size:21px; font-weight:950; letter-spacing:-.06em; text-decoration:none; }
.footer-wordmark img { width:54px; height:81px; flex:none; object-fit:contain; filter:drop-shadow(0 3px 7px #f7bf2b44); }
.footer-wordmark strong { color:var(--gold); }
.footer-opening > p { color:#d4c5ad; margin-top:22px; font-size:17px; line-height:1.45; }
.footer-orbit { position:absolute; right:8%; bottom:-10px; display:flex; align-items:center; gap:2px; color:#f7bf2b45; transform:rotate(-16deg); pointer-events:none; }
.footer-orbit svg:first-child { width:88px; height:88px; }.footer-orbit svg:last-child { width:54px; height:54px; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.site-footer h2 { margin:5px 0 9px; color:var(--gold); font-size:12px; text-transform:uppercase; letter-spacing:.14em; }
.footer-column a,.footer-column button { background:none; border:0; padding:0; color:var(--cream); text-decoration:none; font-size:14px; font-weight:700; text-align:left; }
.footer-column a:hover,.footer-column button:hover,.footer-bottom a:hover { color:var(--gold); }
.footer-column p { color:#b8a991; font-size:13px; line-height:1.5; margin-top:6px; }
.footer-social .social-handle { color:var(--cream); font-size:19px; font-weight:900; letter-spacing:-.04em; margin:0 0 16px; }
.footer-social .social-marks { display:flex; flex-wrap:wrap; gap:8px; }
.footer-social .social-marks span { display:grid; place-items:center; width:43px; height:43px; border:1px solid #9d7d3f; border-radius:50%; color:var(--gold); box-shadow:inset 0 0 0 4px #21191a, inset 0 0 0 5px #6b552f; }
.footer-social .social-marks svg { width:22px; height:22px; }
.footer-social .social-note { margin-top:13px; font-size:11px; line-height:1.5; color:#ac9d8b; }
.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; gap:15px; border-top:1px solid #ffffff30; padding-top:25px; margin-top:23px; color:#b8a991; font-size:12px; }
.footer-bottom a { color:var(--cream); font-weight:800; text-decoration:none; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:10px 20px; }

.notice-page { min-height:65vh; padding:clamp(55px,8vw,110px) clamp(24px,7vw,112px); background:#f6f0e3; }
.notice-wrap { max-width:860px; margin:auto; }
.notice-page h1 { max-width:780px; margin:15px 0 34px; font:normal clamp(48px,7vw,84px)/1.02 Georgia,serif; letter-spacing:-.055em; }
.notice-content { border-top:3px solid var(--gold); padding-top:32px; }
.notice-content h2 { margin:34px 0 12px; font:normal clamp(26px,3vw,36px)/1.15 Georgia,serif; letter-spacing:-.025em; }
.notice-content p { max-width:72ch; margin:0 0 18px; color:#433b32; font-size:17px; line-height:1.7; overflow-wrap:anywhere; }

.account-page { min-height:680px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); align-items:center; gap:clamp(35px,5vw,90px); padding:clamp(70px,9vw,135px) clamp(24px,7vw,112px); background:radial-gradient(circle at 85% 25%,#433117 0,#241b1d 30%,#151114 80%); color:var(--cream); }
.account-intro { max-width:690px; }
.account-intro .micro-kicker { color:var(--gold); }
.account-intro h1 { font-size:clamp(55px,6.5vw,102px); line-height:1.02; letter-spacing:-.06em; margin:23px 0; }
.account-intro > p:last-child { max-width:600px; color:#d7c9b8; font-size:19px; line-height:1.6; }
.account-panel { min-height:345px; padding:clamp(27px,3vw,52px); border:1px solid #e5ae46; border-radius:24px; background:#fff8e8; color:var(--ink); box-shadow:0 28px 80px #0007; }
.account-panel h2 { font-size:clamp(29px,3vw,44px); line-height:1.1; letter-spacing:-.05em; margin:18px 0 15px; }
.account-panel p { color:#55483b; font-size:16px; line-height:1.55; }
.account-panel .account-status { padding-top:90px; text-align:center; }
.account-symbol { display:grid; place-items:center; width:64px; height:64px; border:1px solid #a87725; border-radius:50%; color:#825012; box-shadow:inset 0 0 0 5px #fff8e8,inset 0 0 0 6px #d6af63; }
.account-symbol svg { width:35px; height:35px; }
.account-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.account-actions .button { white-space:normal; text-align:center; }

.how-hero { background:var(--night); color:var(--cream); min-height:560px; display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:20px; padding:80px clamp(24px,7vw,112px) 98px; overflow:hidden; }
.how-hero-inner { position:relative; z-index:1; }
.how-hero h1 { font-size:clamp(63px,6.6vw,100px); line-height:1.04; letter-spacing:-.035em; font-weight:950; max-width:1030px; }
.how-hero h1 em { color:var(--gold); font-style:normal; }
.how-hero-inner > p:not(.micro-kicker) { max-width:570px; font-size:19px; line-height:1.57; color:#dbd1c3; margin:27px 0 29px; }
.how-hero-mark { position:relative; width:min(100%,440px); aspect-ratio:1; justify-self:center; }
.how-mark-ring { position:absolute; inset:6%; border:1px solid #f7bf2b88; border-radius:50%; box-shadow:0 0 0 26px #f7bf2b13,0 0 0 66px #f7bf2b09; }
.headline-presenter--how { width:min(80%,266px); margin:0 auto; }
.how-steps h2 { max-width:850px; margin-bottom:64px; }
.step-list { list-style:none; margin:0; padding:0; border-top:2px solid var(--ink); }
.step-list li { display:grid; grid-template-columns:minmax(90px,.2fr) 70px 1fr; gap:20px; border-bottom:1px solid var(--line); padding:37px 0 42px; }
.step-index { color:#a56b22; font-size:clamp(50px,5vw,78px); line-height:1; font-weight:900; letter-spacing:-.09em; }
.step-symbol { display:grid; place-items:center; width:58px; height:58px; border:1px solid #b48b46; border-radius:50%; color:#926019; box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px #ccb083; }
.step-symbol svg { width:31px; height:31px; }
.step-list li > div { display:grid; grid-template-columns:.55fr 1fr; column-gap:35px; align-items:start; }
.step-label { color:#9b6c2d; font-size:11px; font-weight:900; letter-spacing:.15em; grid-column:1/-1; margin-bottom:13px; }
.step-list h3 { font-size:clamp(26px,2.5vw,38px); line-height:1.12; letter-spacing:-.055em; }
.step-list li > div > p:last-child { color:#51483e; font-size:17px; max-width:600px; }
.principle-section { background:#e9dec8; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; }
.principle-section h2 { font-size:clamp(50px,5.5vw,80px); }
.principle-list { border-top:2px solid var(--ink); }
.principle-list article { border-bottom:1px solid #b8a47f; padding:23px 0 27px; }
.principle-list h3 { font-size:23px; letter-spacing:-.04em; margin-bottom:10px; }
.principle-list p { color:#564c40; font-size:16px; max-width:640px; }
.how-closing { text-align:center; }
.how-closing h2 { max-width:900px; margin:0 auto 23px; }
.how-closing > p:not(.micro-kicker) { max-width:600px; margin:0 auto 30px; font-size:18px; color:#51483e; }
.closing-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.help-hero { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:50px; min-height:620px; padding:70px clamp(24px,7vw,112px); overflow:hidden; background:radial-gradient(circle at 83% 44%,#51391d 0,#241b1d 32%,#151114 75%); color:var(--cream); }
.help-hero .micro-kicker { color:var(--gold); }
.help-hero h1 { font-size:clamp(60px,7vw,112px); line-height:1.01; letter-spacing:-.055em; max-width:850px; }
.help-hero h1 em { color:var(--gold); font-style:normal; }
.help-hero p:not(.micro-kicker) { max-width:510px; color:#d9cbb9; font-size:19px; line-height:1.55; margin:26px 0 30px; }
.help-portrait { position:relative; display:grid; place-items:center; min-height:390px; }
.help-portrait:before,.help-portrait:after { content:""; position:absolute; border:1px solid #f7bf2b8c; border-radius:50%; width:min(34vw,410px); aspect-ratio:1; }
.help-portrait:after { width:min(25vw,305px); border-color:#f7bf2b4f; }
.help-portrait .headline-presenter { z-index:1; }
.help-questions h2 { margin-bottom:56px; }
.question-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 50px; border-top:2px solid var(--ink); }
.question-grid article { display:grid; grid-template-columns:63px 1fr; gap:0 18px; padding:31px 0 36px; border-bottom:1px solid var(--line); }
.question-mark { grid-row:1/3; display:grid; place-items:center; width:50px; height:50px; border:1px solid #a9762b; border-radius:50%; color:#8f5c1c; }
.question-mark svg { width:26px; height:26px; }
.question-grid h3 { font-size:clamp(21px,2vw,29px); letter-spacing:-.045em; margin-bottom:10px; }
.question-grid p { grid-column:2; max-width:570px; color:#534a3e; font-size:16px; }
.help-next { text-align:center; background:#e9dec8; }.help-next h2 { margin-bottom:17px; }.help-next > p:not(.micro-kicker) { margin:0 auto 28px; max-width:540px; font-size:18px; color:#51483e; }
.page-home .rrg-guide--story-visible .rrg-guide__launcher { display:none; }
.rrg-guide__launcher { min-height:78px; }
.rrg-guide__launcher .rrg-guide__avatar { width:58px; height:76px; }

@media(max-width:1100px) {
  .headline-presenter--home { display:none; }
  .headline-floater { display:none; }
  .page-home .top-copy { width:38vw; }
  .page-home .top-copy h1 { font-size:clamp(53px,6vw,80px); }
  .editorial-grid { gap:40px; }
  .how-hero { grid-template-columns:1fr .45fr; }
}
@media(max-width:760px) {
  .account-page { grid-template-columns:1fr; min-height:0; }
  /* Wrapped phone headings cannot use a single horizontal clip as a type cursor. */
  .type-title .type-line { width:100%; max-width:none; }
  .type-title .type-ink { overflow-wrap:anywhere; }
  .type-title--armed .type-ink { clip-path:none; }
  .type-title--playing .type-ink { animation:none; }
  .type-title--playing .type-wand { display:none; }
  .site-header { min-height:67px; padding:9px 17px; flex-wrap:wrap; }
  .brand-avatar { width:35px; height:50px; }
  .wordmark > span { font-size:11px; }
  .wordmark { margin-right:auto; }
  .main-nav { order:3; width:100%; justify-content:space-between; gap:12px; border-top:1px solid #ffffff26; padding-top:5px; }
  .main-nav a,.main-nav button { font-size:11px; }
  .main-nav .nav-guide { padding:9px 10px; }
  .page-home .top-copy { width:auto; padding-top:62px; }
  .page-home .top-copy h1 { font-size:clamp(47px,11vw,67px); line-height:1.06; letter-spacing:-.028em; }
  .page-home .top-copy .intro { max-width:550px; }
  .page-home .story-caption { width:auto; }
  .section { padding:72px 23px; }
  .section-kicker { margin-bottom:25px; }
  .section h2 { font-size:clamp(45px,11vw,71px); }
  .editorial-grid,.section-roles,.principle-section { grid-template-columns:1fr; gap:35px; }
  .editorial-copy p { font-size:18px; }
  .section-turns h2 { margin-bottom:39px; }
  .turns-grid { grid-template-columns:1fr; }
  .turns-grid article,.turns-grid article + article { min-height:0; padding:25px 0 30px; border-right:0; border-bottom:1px solid var(--line); }
  .turns-grid article:last-child { border-bottom:0; }
  .turn-number { margin-bottom:11px; }
  .turns-grid p { max-width:650px; }
  .roles-art { width:min(100%,350px); }
  .section-roles { min-height:0; }
  .site-footer { grid-template-columns:repeat(2,minmax(0,1fr)); padding:50px 23px 26px; gap:30px; }
  .footer-opening { grid-column:1/-1; }.footer-orbit { right:5%; bottom:0; }
  .footer-bottom { flex-wrap:wrap; }
  .how-hero { min-height:0; grid-template-columns:1fr; padding:67px 23px 72px; }
  .how-hero h1 { font-size:clamp(51px,10vw,76px); }
  .how-hero-inner > p:not(.micro-kicker) { font-size:17px; }
  .how-hero-mark { display:none; }
  .help-hero { grid-template-columns:1fr; min-height:0; padding:70px 23px; }.help-hero h1 { font-size:clamp(55px,11vw,82px); }.help-portrait { display:none; }
  .question-grid { grid-template-columns:1fr; }
  .page-home .rrg-guide, .page-how .rrg-guide { bottom:12px; }
  .page-home .rrg-guide__launcher, .page-how .rrg-guide__launcher { width:68px; min-height:78px; padding:0; display:grid; place-items:center; overflow:hidden; }
  .page-home .rrg-guide__launcher span, .page-how .rrg-guide__launcher span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .page-home .rrg-guide__launcher .rrg-guide__avatar, .page-how .rrg-guide__launcher .rrg-guide__avatar { width:58px; height:76px; }
  .how-steps h2 { margin-bottom:35px; }
  .step-list li { grid-template-columns:60px 47px 1fr; gap:13px; padding:27px 0; }
  .step-index { font-size:49px; }
  .step-symbol { width:42px; height:42px; }.step-symbol svg { width:23px; height:23px; }
  .step-list li > div { grid-template-columns:1fr; }
  .step-list h3 { font-size:27px; margin-bottom:10px; }
  .step-list li > div > p:last-child { font-size:15px; }
}
@media(max-width:390px) {
  .main-nav > a:first-child { display:none; }
  .main-nav .nav-start small { display:none; }
  .page-home .top-copy h1 { font-size:46px; }
  .step-list li { grid-template-columns:47px 36px 1fr; gap:9px; }
  .step-index { font-size:38px; }
  .step-symbol { width:34px; height:34px; }.step-symbol svg { width:19px; height:19px; }
}
@media(max-width:550px) {
  .header-signin { padding:8px 11px; font-size:11px; }
  .main-nav .nav-start { font-size:12px; }
  .site-footer { grid-template-columns:1fr; }
  .footer-opening { grid-column:1; }
  .footer-orbit { display:none; }
  .footer-bottom { flex-direction:column; }
  .account-page { gap:35px; }
  .account-intro h1 { font-size:clamp(52px,13vw,72px); }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .type-title--armed .type-ink { clip-path:none; }
  .type-title--playing .type-ink { animation:none; }
  .type-title--playing .type-wand,.headline-floater { display:none; }
  .headline-presenter,.headline-presenter__wand { animation:none !important; opacity:1 !important; transform:none !important; }
  .headline-presenter--home { display:none; }
}

/* Private draft pilot: the shared brand, with a quiet workspace for decisions. */
.pilot-page { background:var(--paper); padding-bottom:100px; }
.pilot-hero { margin:auto; padding:65px max(22px,calc((100vw - 1070px)/2)) 58px; background:#241d1d; color:var(--cream); }
.pilot-hero .micro-kicker { color:var(--gold); margin-bottom:15px; }
.pilot-hero h1 { font-family:Georgia,serif; font-size:clamp(48px,7vw,86px); line-height:.99; letter-spacing:-.055em; max-width:900px; }
.pilot-hero h1 em { color:var(--gold); font-weight:400; }
.pilot-hero > p:last-child { max-width:720px; font-size:18px; line-height:1.55; color:#eadfc8; margin-top:24px; }
.pilot-layout { max-width:1160px; margin:auto; padding:0 clamp(22px,4vw,45px); display:grid; grid-template-columns:minmax(0,1fr) 280px; align-items:start; gap:28px; }
.pilot-panel { background:#fffaf0; border:1px solid #d6c7a7; border-radius:22px; padding:clamp(24px,4vw,46px); box-shadow:0 20px 70px #2b1a1020; }
.pilot-top { display:flex; justify-content:space-between; gap:15px; align-items:center; color:#72582c; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:850; }
.pilot-progress { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:19px 0 34px; }
.pilot-progress i { height:5px; background:#e8dcc7; border-radius:50px; }
.pilot-progress i.active { background:var(--gold); }
.pilot-step h2,.pilot-done h2 { font:normal clamp(34px,4vw,49px)/1.08 Georgia,serif; letter-spacing:-.035em; }
.pilot-step > p { max-width:580px; margin:13px 0 30px; color:#5a4e43; line-height:1.55; }
.pilot-field { display:grid; gap:8px; margin:0 0 20px; font-size:13px; font-weight:800; color:#3a302b; }
.pilot-field span { color:#736b5a; font-size:11px; font-weight:500; }
.pilot-field input,.pilot-field textarea,.pilot-field select { width:100%; background:#fff; border:1px solid #bfb299; border-radius:10px; min-height:48px; padding:12px 13px; font-family:inherit; font-size:15px; font-weight:400; line-height:1.35; color:var(--ink); }
.pilot-field textarea { min-height:125px; resize:vertical; font-family:inherit; }
.pilot-field input:focus,.pilot-field textarea:focus,.pilot-field select:focus { outline:3px solid #f7bf2b88; border-color:#875d12; }
.pilot-field [aria-invalid=true] { border-color:#a32f27; }
.pilot-field small { color:#685d4c; font-size:11px; font-weight:500; line-height:1.4; }
.pilot-field small.has-error { color:#9d251d; font-weight:750; }
.pilot-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.pilot-choices { border:1px solid #d8c9a8; border-radius:12px; padding:17px; margin:0 0 20px; }
.pilot-choices legend { font-size:13px; font-weight:800; padding:0 5px; }
.pilot-choices label { display:block; margin:10px 0; line-height:1.45; font-size:14px; }
.pilot-choices input { accent-color:#9d6815; margin-right:7px; }
.pilot-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid #e4d8be; margin-top:28px; padding-top:22px; }
.pilot-actions .button { min-width:132px; }
.pilot-actions button:disabled { opacity:.55; cursor:not-allowed; }
.pilot-status { padding:13px 15px; margin:0 0 20px; background:#e5f0df; color:#25442d; border-radius:10px; line-height:1.4; font-size:13px; }
.pilot-status--error { background:#fff0db; color:#743317; }
.pilot-review { display:grid; grid-template-columns:125px minmax(0,1fr); gap:0 16px; margin:0; border-top:1px solid #e3d6bd; }
.pilot-review dt,.pilot-review dd { border-bottom:1px solid #e3d6bd; padding:12px 0; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.pilot-review dt { color:#695940; font-weight:800; }
.pilot-review dd { margin:0; }
.pilot-signin { background:#f4ead3; border-radius:12px; padding:18px; margin-top:22px; }
.pilot-signin p { margin:7px 0 14px; font-size:13px; line-height:1.5; }
.pilot-signin .button { margin:0 8px 8px 0; min-height:42px; }
.pilot-done { padding:25px 0 15px; }
.pilot-done-mark { display:block; color:#b67700; font-size:42px; margin-bottom:14px; }
.pilot-done p { margin-top:16px; line-height:1.55; }
.pilot-reference { overflow-wrap:anywhere; }
.pilot-side { position:sticky; top:24px; border:1px solid #ccb98e; border-radius:20px; padding:25px 23px; background:#eee2c9; }
.pilot-side img { display:block; object-fit:contain; width:130px; height:173px; margin:-8px auto 12px; }
.pilot-side .micro-kicker { margin-bottom:9px; }
.pilot-side h2 { font:normal 31px/1.08 Georgia,serif; letter-spacing:-.03em; }
.pilot-side > p:not(.micro-kicker) { color:#554b3f; font-size:14px; line-height:1.5; margin:14px 0; }
.pilot-side .button { width:100%; }
.pilot-side .pilot-side-note { border-top:1px solid #cbbb98; padding-top:14px; font-size:12px !important; }
@media(max-width:800px) { .pilot-layout { grid-template-columns:1fr; }.pilot-side { position:static; display:grid; grid-template-columns:120px 1fr; column-gap:20px; }.pilot-side img { grid-row:1/5; width:110px; }.pilot-side .button { grid-column:2; }.pilot-side-note { grid-column:1/-1; } }
@media(max-width:550px) { .pilot-hero { padding-top:43px; }.pilot-hero > p:last-child { font-size:16px; }.pilot-layout { padding:0 12px; }.pilot-panel { padding:23px 18px; }.pilot-pair { grid-template-columns:1fr; gap:0; }.pilot-review { grid-template-columns:1fr; }.pilot-review dt { border:0; padding-bottom:0; }.pilot-review dd { padding-top:3px; }.pilot-side { display:block; }.pilot-side img { margin:auto; } }
.page-pilot .rrg-guide__launcher { display:none; }