*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#101112;color:#f4f0e9;font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-1.5px}h3{font-size:30px}p{color:#b9b9b7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2c56e;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:25px;letter-spacing:2.5px;color:#fff}.brand img{object-fit:contain}.header nav{display:flex;align-items:center;gap:35px;font-size:14px}.header a:hover,footer a:hover{color:#f2c56e}.outline{border:1px solid #92713c;padding:10px 20px}.menu-toggle{display:none}.hero{min-height:760px;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 auto;width:100%;height:100%;object-fit:cover;object-position:70% 52%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101112 0%,#101112ee 20%,#10111288 42%,transparent 72%),linear-gradient(0deg,#101112,transparent 22%);z-index:-1}.hero-content{padding-top:70px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.6px;color:#e4b963;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:#e4b963;border-radius:50%;margin:0 9px 2px 0}h1{font-size:clamp(60px,6.5vw,92px);letter-spacing:-3px;margin:25px 0}.intro{font-size:18px;line-height:1.7;color:#d5d2cc}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:15px 23px;border:1px solid #e5bb6f;background:linear-gradient(135deg,#f4cd85,#d9a64e);color:#18130b;font-weight:600;font-size:14px;border-radius:3px;transition:filter .2s}.button:hover{filter:brightness(1.1)}.text-button,.inline-link{background:none;border:0;padding:0}.text-button{font-size:14px;display:flex;align-items:center;gap:10px}.play{border:1px solid #aaa;width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center}.meta{font-size:12px;color:#a8a8a5;margin-top:22px}.meta span{margin:0 9px}.hero-caption{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;gap:16px;color:#a6a4a0;font-size:10px;letter-spacing:1.5px}.hero-caption span:last-child{letter-spacing:.2px}.mode-strip{border-block:1px solid #ffffff15;background:#141516}.mode-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;color:#b3b3ad;letter-spacing:2px;font-size:10px}.mode-strip i{color:#a3834a;font-style:normal}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading h2{margin-top:20px}.section-heading>p{max-width:330px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.features article{border-top:1px solid #625033;padding-top:25px}.feature-number{font-size:10px;letter-spacing:2px;color:#c7a264}.features h3{margin:27px 0 18px}.features p{font-size:15px;min-height:125px}.features a,.inline-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;color:#e4b963;margin-top:23px}.display-section{display:grid;grid-template-columns:1.2fr 1fr;background:#161718;min-height:580px}.display-art{position:relative;overflow:hidden;min-height:460px}.display-art img{width:100%;height:100%;object-fit:cover;object-position:80%;transition:filter .6s}.display-art.night img{filter:brightness(.65) sepia(.18) hue-rotate(170deg) saturate(.65)}.art-label{position:absolute;bottom:22px;left:30px;color:#eee;font-size:9px;letter-spacing:2px}.display-copy{align-self:center;padding:60px clamp(30px,5vw,80px)}.display-copy h2{margin:20px 0 26px}.display-copy p+p{margin-top:16px}.display-copy small{font-size:11px;color:#999;display:block;margin-top:13px}.mood{border:0;padding:0;margin:28px 0 0}.mood legend{font-size:11px;color:#bdbbb6;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px}.mood button{border:1px solid #53514c;background:transparent;padding:8px 17px;font-size:12px;margin-right:8px}.mood button.active{border-color:#e4b963;color:#e4b963;background:#e4b9630b}.learning{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.learning h2{margin:20px 0}.learning>div>p:not(.eyebrow){max-width:340px}.lessons details,.faq details{border-bottom:1px solid #ffffff20}.lessons details:first-child{border-top:1px solid #ffffff20}summary{cursor:pointer;padding:23px 0;color:#e8e5df}.lessons summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.lessons summary:after{content:'+';color:#c9a664}.lessons details[open] summary:after{content:'−'}.lessons details p,.faq details p{padding-bottom:24px;font-size:14px;max-width:650px}kbd,.key-label{font:11px "Segoe UI",sans-serif;border:1px solid #666157;padding:3px 9px;border-radius:4px;white-space:nowrap;margin-left:auto;color:#e4b963}.beta{border:1px solid #92713c;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(ellipse at right bottom,#5b432325,transparent 70%)}.beta h2{margin:14px 0;font-size:44px}.beta .button{flex-shrink:0}.faq{padding-block:80px}.faq h2{font-size:29px;margin-bottom:25px}.faq summary{font-size:15px}.faq details{max-width:800px}footer{padding:36px 0;border-top:1px solid #ffffff20;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer nav{display:flex;gap:26px;font-size:12px}footer p{width:100%;font-size:10px}dialog{width:min(580px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #80683f;background:#191a1b;color:#f4f0e9;padding:45px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:40px;margin:18px 0 25px}dialog p{margin-bottom:18px}dialog .eyebrow{margin:0}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px}.tour-steps{padding-left:22px}.tour-steps li{padding-left:8px;margin-bottom:20px}.tour-steps li::marker{color:#e4b963}.tour-steps h3{font-size:23px;margin-bottom:8px}.tour-steps p{font-size:14px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#e4b963;color:#111;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{min-height:850px}.hero-content{padding-top:100px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header nav{gap:18px}.hero{min-height:720px}.hero-image{object-position:65%;opacity:.7}.hero-shade{background:linear-gradient(90deg,#101112ee,#10111288 50%,#10111222),linear-gradient(0deg,#101112,transparent 30%)}.features{gap:25px}.features p{min-height:170px}.learning{gap:40px}.display-section{grid-template-columns:1fr 1fr}.display-copy{padding:40px 25px}.beta{padding:35px}.beta h2{font-size:36px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:21px}.brand img{width:34px;height:34px}.menu-toggle{display:block;background:none;border:1px solid #6e5d3e;padding:6px 12px;font-size:12px}.header nav{display:none;position:absolute;left:-20px;right:-20px;top:86px;background:#171819;padding:25px;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid #655335}.header nav.open{display:flex}.hero{min-height:800px}.hero-content{padding-top:40px}.hero-image{object-fit:cover;object-position:65%;height:58%;top:auto;bottom:25px;opacity:1}.hero-shade{background:linear-gradient(180deg,#101112 35%,#101112c0 50%,transparent 75%,#101112)}h1{font-size:60px;letter-spacing:-2px;line-height:1.02;margin:23px 0}.intro{font-size:16px}.actions{gap:18px;flex-wrap:wrap;margin-top:25px}.button{padding:13px 18px;gap:20px}.text-button{font-size:12px}.hero-caption{bottom:12px;flex-direction:column;gap:4px;font-size:8px}.mode-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:9px}.mode-strip i{display:none}.section{padding-block:65px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px}.features{grid-template-columns:1fr;gap:35px}.features p{min-height:0}.features h3{margin-top:18px}.display-section{display:flex;flex-direction:column}.display-art{min-height:0;height:350px}.display-copy{padding:35px 24px 45px}.learning{grid-template-columns:1fr;gap:30px}.beta{display:block;padding:30px 24px}.beta h2{font-size:35px}.beta .button{margin-top:25px}.faq{padding-block:55px}dialog{padding:38px 25px}footer nav{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.guide{max-width:960px;padding-block:40px 90px}.guide h1{font-size:clamp(42px,6vw,72px)}.guide-section{padding-block:32px;border-bottom:1px solid #ffffff20}.guide-section h2{font-size:30px;margin-bottom:18px}.guide-section p{margin-block:12px}.guide-section li{margin-block:12px;color:#ccc}.guide-section dt{color:#f2c56e;margin-top:18px}.guide-section dd{margin:6px 0 0;color:#b9b9b7}footer nav{flex-wrap:wrap}
