:root{--night:#010711;--navy:#031025;--gold:#e5aa4b;--soft:#ffd284;--ivory:#f7f0de;--muted:#b8b8b5;--line:rgba(247,240,222,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--night);color:var(--ivory);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--soft)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}em{font-weight:400;color:var(--soft)}p+p{margin-top:20px}.wrap{width:min(1280px,88%);margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand img{width:240px;height:auto}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-contact{border-left:1px solid var(--line);padding-left:30px}.nav-contact span{margin-left:18px;color:var(--gold)}.hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:5%;align-items:center;padding:85px 0 76px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:2.3px;font-weight:600;color:var(--gold);margin-bottom:24px}h1{font-size:clamp(44px,4.6vw,68px);letter-spacing:-1.8px}.intro{color:#c5c7ca;font-size:16px;margin:26px 0 30px;line-height:1.85}.button{display:inline-flex;align-items:center;gap:35px;background:var(--gold);color:var(--night);font-size:12px;font-weight:600;padding:15px 23px;border:1px solid var(--gold)}.button:hover{background:var(--soft);color:var(--night)}.hero-note{font-size:10px;letter-spacing:1px;color:#9da5ad;margin-top:18px}.hero-art{position:relative}.hero-art:before{content:'';position:absolute;inset:-15px 15px 40px -15px;border:1px solid #6d5431;z-index:-1}.hero-art>img{width:100%;height:440px;object-fit:cover;object-position:55% center}.hero-art figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;font-size:10px;color:#b9b7b2}.tiny-star{color:var(--gold);font-size:18px}.caption-line{height:1px;flex:1;background:var(--line)}.hero-art figcaption>span:last-child{font-size:8px;letter-spacing:1.2px}.chapter-strip{display:flex;gap:42px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:11px;color:#c9c7c0}.chapter-strip>span{font-family:Georgia,serif;font-size:16px;margin-right:auto;color:var(--ivory)}.section{padding-block:100px}h2{font-size:clamp(34px,3.7vw,52px);letter-spacing:-1px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading>p{max-width:355px;color:var(--muted);font-size:14px}.feature{display:grid;grid-template-columns:1.15fr 1fr;background:#081322;border:1px solid var(--line)}.story-picture{position:relative;overflow:hidden;min-height:370px}.story-picture>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.story-picture:hover>img{transform:scale(1.025)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;border:1px solid #f7f0de99;background:#01071180;border-radius:50%;padding-left:4px;font-size:18px}.picture-label{position:absolute;bottom:22px;left:25px;font-size:9px;letter-spacing:2px;text-shadow:0 1px 4px black}.feature-copy{padding:45px}.feature-copy .eyebrow{font-size:9px;margin-bottom:20px}.feature h3{font-size:43px}.feature-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px}.watch-links{margin-top:25px;display:grid;gap:10px;font-size:12px}.watch-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.watch-links span{color:var(--gold)}.feature-copy .small{font-size:10px!important}.studio-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:var(--muted)}.text-link{color:var(--soft);font-size:12px}.text-link span{margin-left:20px}.production-note{font-size:11px;color:#a8afba;margin-top:24px;max-width:850px}.production-note summary{cursor:pointer;width:fit-content}.production-note p{margin-top:12px}.app-section{background:var(--ivory);color:var(--navy);overflow:hidden}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.app-section .eyebrow{color:#77551f}.status{display:inline-block;font-size:9px;letter-spacing:1.5px;border:1px solid currentColor;padding:5px 10px;margin-bottom:22px}.app-section h2{font-size:60px}.app-section em{color:#907037}.app-lead{font-family:Georgia,serif;font-size:25px;line-height:1.4;margin-top:25px}.app-copy>p:not(.eyebrow):not(.app-lead){font-size:13px;max-width:420px;color:#50575b}.steps{list-style:none;padding:0;margin:30px 0}.steps li{display:flex;gap:18px;margin-top:22px}.steps li>span{font-family:Georgia,serif;color:#95723c;font-size:15px}.steps h3{font-family:Arial,sans-serif;font-size:12px;font-weight:600}.steps p{font-size:12px;color:#626762;margin-top:5px}.button-light{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.button-light:hover{background:#17304c;color:var(--ivory)}.app-legal{display:flex;gap:12px;font-size:10px;margin-top:18px}.app-legal a{text-decoration:underline}.app-section a:not(.button):hover{color:#815a22}.phone-stage{position:relative;display:grid;justify-items:center}.phone{width:255px;height:auto;border:7px solid #132523;border-radius:36px;box-shadow:15px 25px 45px #0b192730;z-index:1;transform:rotate(4deg)}.phone-stage figcaption{font-family:Georgia,serif;font-size:16px;margin-top:38px;color:#6d6048}.orbit{position:absolute;border:1px solid #a5823b40;border-radius:50%;width:500px;height:500px;top:35px;transform:rotate(-20deg)}.orbit-two{width:590px;height:590px;top:-10px;border-style:dashed;border-color:#a5823b20}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-grid h2{font-size:44px;line-height:1.18}.about-grid p{font-size:13px;color:var(--muted)}.about-grid .text-link{display:inline-block;margin-top:25px}.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);margin-top:55px;padding-top:35px}.beliefs span{color:var(--gold)}.beliefs h3{font-size:21px;margin:13px 0 10px}.beliefs p{font-size:12px;color:var(--muted)}.games{border:1px solid var(--line);background:var(--navy);padding:45px 60px;display:grid;grid-template-columns:150px 1fr;gap:45px;align-items:center}.games h2{font-size:36px}.games p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:700px;margin-top:20px}.games .eyebrow{margin-bottom:16px}.games .status{color:var(--gold);margin-top:22px;margin-bottom:0}.game-mark{position:relative;border:1px solid #e5aa4b66;width:110px;height:110px;transform:rotate(45deg);display:grid;place-items:center;font:60px Georgia;color:var(--gold)}.game-mark>span{position:absolute;bottom:10px;right:15px;font-size:20px}.contact{text-align:center;padding-bottom:85px}.contact>img{margin:auto auto 24px;width:70px;height:auto}.contact .eyebrow{margin-bottom:22px}.contact h2{font-size:52px}.contact>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:22px}.contact-email{display:inline-block;font-size:17px;border-bottom:1px solid #e5aa4b77;padding-bottom:8px;margin-top:25px;color:var(--soft)}.contact-email span{margin-left:20px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0}.footer .brand img{width:190px}.footer p,.footer>div{font-size:10px;color:var(--muted)}.footer>div{display:flex;gap:25px}.skip{position:absolute;left:15px;top:-100px;background:var(--ivory);color:var(--night);padding:12px;z-index:10}.skip:focus{top:15px}.legal{max-width:760px;min-height:70vh}.legal h1{font-size:46px;margin-bottom:30px}.legal h2{font-size:24px;margin:30px 0 12px}.legal p{color:var(--muted);font-size:14px}.legal a{text-decoration:underline;color:var(--soft)}@media(min-width:1600px){.hero{padding-block:110px}}@media(max-width:1000px){.header nav{gap:20px}.hero{gap:30px}.hero-art>img{height:390px}.hero-art figcaption>span:last-child{display:none}.chapter-strip{gap:20px}.feature-copy{padding:30px}.app-grid{gap:30px}.about-grid{gap:45px}.hero h1{font-size:48px}}@media(max-width:700px){.wrap{width:88%}.header{flex-direction:column;padding:8px 0 20px}.header .brand img{width:215px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:10px}.nav-contact{border:0;padding:0}.nav-contact span{display:none}.hero{grid-template-columns:1fr;padding:50px 0 35px;gap:40px}.hero h1{font-size:49px;letter-spacing:-1.5px}.hero .eyebrow{font-size:9px}.hero-art>img{height:auto;aspect-ratio:1.25;object-fit:cover}.hero-art figcaption{font-size:9px}.hero-art:before{inset:-10px 10px 35px -10px}.intro{font-size:14px}.chapter-strip{display:grid;grid-template-columns:1fr;gap:12px;padding-block:22px}.chapter-strip>span{margin-bottom:5px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.feature{grid-template-columns:1fr}.story-picture{min-height:0;aspect-ratio:1.4}.feature-copy{padding:30px}.feature h3{font-size:40px}.studio-bottom{display:block}.studio-bottom a{display:inline-block;margin-top:12px}.app-grid{grid-template-columns:1fr;gap:45px}.app-section h2{font-size:48px}.phone{width:225px}.phone-stage{padding-top:20px}.orbit{width:350px;height:350px;top:80px}.orbit-two{width:430px;height:430px;top:40px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:36px}.beliefs{grid-template-columns:1fr;gap:30px}.games{grid-template-columns:1fr;padding:30px;gap:35px}.game-mark{width:60px;height:60px;font-size:35px;margin:15px}.game-mark>span{font-size:12px;right:7px;bottom:3px}.games h2{font-size:33px}.contact h2{font-size:44px}.contact-email{font-size:12px;overflow-wrap:anywhere}.contact-email span{margin-left:8px}.footer{flex-direction:column;gap:12px;padding-bottom:30px}.footer .brand img{width:190px}.footer>div{gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-picture>img{transition:none}}

/* App resources: keyboard and touch friendly disclosure navigation. */
.app-menu{position:relative;z-index:5}.app-menu summary{cursor:pointer;list-style:none;padding:10px 0;white-space:nowrap}.app-menu summary::-webkit-details-marker{display:none}.app-menu summary span{color:var(--gold);margin-left:5px}.app-menu[open] summary{color:var(--soft)}.app-submenu{position:absolute;top:100%;left:-20px;min-width:210px;padding:10px;background:var(--navy);border:1px solid var(--line);box-shadow:0 12px 28px #0008}.app-submenu a{display:block;padding:11px 12px;font-size:13px;white-space:nowrap}.app-submenu a:hover,.app-submenu a:focus-visible{background:#10243c;color:var(--soft)}
@media(max-width:700px){.app-submenu{left:50%;transform:translateX(-50%);min-width:200px}.app-menu summary{padding:12px 0}}

/* Same website menu destinations as the app pages, in the homepage palette. */
.site-menu{position:relative;z-index:10}.site-menu summary{cursor:pointer;list-style:none;white-space:nowrap;padding:12px 0}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{color:var(--gold);margin-left:7px}.site-menu[open] summary{color:var(--soft)}.site-menu-panel{position:absolute;top:calc(100% + 8px);right:0;width:220px;padding:8px;background:var(--navy);border:1px solid var(--line);box-shadow:0 12px 28px #0008}.site-menu-panel a{display:block;padding:13px 12px;font-size:12px;line-height:1.5}.site-menu-panel a:hover,.site-menu-panel a:focus-visible{background:#10243c;color:var(--soft)}
@media(max-width:700px){.site-menu summary{font-size:10px}.site-menu-panel{right:0;width:220px}}
