@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Caveat:wght@500&display=swap');
:root{--paper:#f7f3eb;--paper-deep:#eee7db;--ink:#24322b;--muted:#66736b;--sage:#72816a;--forest:#314c3d;--line:#d8d7cb;--cream:#fffdf8;--gold:#d6b270}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,p,blockquote{margin:0}h1,h2,blockquote{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(4.2rem,7vw,8.3rem);letter-spacing:-.055em}h1 em{font-weight:400;color:#667e69}h2{font-size:clamp(3.1rem,5.2vw,6.2rem);letter-spacing:-.047em}p{max-width:64ch}.skip{position:absolute;left:1rem;top:-5rem;z-index:20;background:var(--ink);color:white;padding:.5rem}.skip:focus{top:1rem}.site-header{height:88px;padding:0 clamp(24px,4.5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{white-space:nowrap;font-family:"DM Serif Display",Georgia,serif;font-size:1.65rem;letter-spacing:-.05em;line-height:1}.wordmark i{font-size:.72em;font-weight:400}.brand-dot{color:#bb795e}.site-header nav,.header-actions{display:flex;align-items:center;gap:clamp(1.3rem,2.3vw,3rem)}.site-header nav a,.locale-link{font-size:.78rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.site-header nav a:hover,.locale-link:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{border-bottom:1px solid var(--ink);font-size:.83rem;font-weight:700;white-space:nowrap;padding-bottom:.25rem}.header-cta span{margin-left:.7rem}.section-pad{padding-left:clamp(24px,7vw,120px);padding-right:clamp(24px,7vw,120px)}.eyebrow{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#697969}.hero{min-height:min(830px,calc(100svh - 88px));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2vw;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:5rem 0 6.5rem}.hero .eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:2.2rem}.eyebrow-line{height:1px;background:#9daa9c;width:42px}.hero h1{max-width:12ch}.hero h1 em{display:block}.hero-lead{max-width:38ch;font-size:clamp(1.04rem,1.35vw,1.28rem);line-height:1.6;color:#536258;margin:2.4rem 0 2.3rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--forest);color:#fff;padding:1.1rem 1.5rem;min-width:215px;font-weight:700;font-size:.91rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#486b50}.text-link{display:inline-flex;gap:1rem;margin-left:2.25rem;font-size:.84rem;font-weight:700;border-bottom:1px solid #a7b3a5;padding-bottom:.3rem}.hero-art{min-height:680px;height:100%;position:relative;display:grid;place-items:center}.hero-art-inner{position:relative;width:min(42vw,690px);height:min(42vw,690px)}.orbit{position:absolute;border:1px solid #c4cbbf;border-radius:50%;inset:3%;transform:rotate(-24deg) scaleX(.88)}.art-script{position:absolute;right:0;top:6%;font-family:"Caveat",cursive;font-size:clamp(1.35rem,2.1vw,2.3rem);color:#a56c55;transform:rotate(8deg);max-width:10ch;line-height:1}.what{display:grid;grid-template-columns:1fr .75fr;gap:10%;padding-top:9rem;padding-bottom:9rem;background:var(--cream);border-top:1px solid var(--line)}.what .eyebrow,.make .eyebrow,.experience .eyebrow,.story .eyebrow,.pricing .eyebrow{margin-bottom:2.15rem}.what h2{max-width:12ch}.what-text{padding-top:3.7rem}.what-text>p{font-size:1.2rem;line-height:1.75;color:#536258}.what blockquote{margin-top:4rem;border-left:1px solid #becabb;padding-left:2rem;max-width:18ch;font-size:clamp(2rem,3vw,3.4rem);font-style:italic;color:#7c9477}.make{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:8rem;padding-bottom:9rem;background:#e9eadd}.make-heading>p:last-child{margin-top:2rem;color:#5b6a5e;font-size:1.13rem}.steps{list-style:none;margin:0;padding:3rem 0 0}.steps li{display:flex;align-items:baseline;gap:2rem;padding:1.45rem 0;border-bottom:1px solid #bbc5b5;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.7rem,2.5vw,2.8rem);line-height:1.18}.steps li:first-child{border-top:1px solid #bbc5b5}.step-number{font:700 .72rem "DM Sans",sans-serif;color:#7d8f7c;letter-spacing:.15em;flex:none}.experience{padding-top:9rem;padding-bottom:9rem;background:var(--cream)}.experience-top{display:grid;grid-template-columns:1.1fr .6fr;gap:10%;align-items:end;margin-bottom:4rem}.experience-top h2{max-width:12ch}.experience-top>p{color:#5b685d;font-size:1.13rem;padding-bottom:.35rem}.journey{background:#e9e9de;padding:clamp(18px,3vw,50px);border:1px solid #d7dccf}.example{display:grid;grid-template-columns:.35fr 1fr;gap:8%;align-items:center;padding-top:8rem;padding-bottom:8rem;background:#dce6d9}.example .eyebrow{margin-bottom:1.4rem}.example h2{max-width:14ch}.example p:last-child{margin-top:1.75rem;color:#526856;font-size:1.1rem}.story{padding-top:10rem;padding-bottom:10rem;text-align:center;background:var(--paper)}.story .eyebrow,.story h2,.story>p:not(.eyebrow){margin-left:auto;margin-right:auto}.story h2{max-width:14ch}.story>p:not(.eyebrow){margin-top:2rem;color:#637069;font-size:1.15rem;max-width:48ch}.story-rule{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:4rem auto 0;color:#9a7869;font-family:"Caveat",cursive;font-size:1.4rem}.story-rule:before,.story-rule:after{content:"";height:1px;width:70px;background:#c9c7b9}.pricing{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;padding-top:8rem;padding-bottom:8rem;background:var(--cream);border-top:1px solid var(--line)}.pricing h2{max-width:12ch}.pricing>div>p:last-child{margin-top:1.7rem;color:#5c6b61;font-size:1.1rem}.price-panel{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:2.7rem 0 1.5rem}.prices{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:"DM Serif Display",serif;font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.04em}.price-panel p{margin-top:1.6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;color:#738276}.closing{background:#314a3e;color:#f5f4e9;text-align:center;padding-top:9rem;padding-bottom:9rem}.closing .eyebrow{color:#bdcbb7;margin-bottom:2rem}.closing h2{max-width:16ch;margin:auto}.closing>p:not(.eyebrow){margin:2rem auto;color:#ccd7c9;font-size:1.12rem}.button-light{background:#f4ead8;color:#294235;margin-top:2rem}.button-light:hover{background:#fff7e9}footer{background:#263d33;color:#b8c6b8;padding:2rem clamp(24px,7vw,120px);display:flex;justify-content:space-between;gap:1rem;font-size:.84rem}footer a{font-size:1.35rem}
@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero-art{min-height:520px}.hero-art-inner{width:52vw;height:52vw}.art-script{top:0}.what,.make,.pricing{gap:6%}}
@media(max-width:700px){.site-header{height:70px;padding:0 20px;gap:.6rem}.wordmark{font-size:1.36rem}.header-actions{gap:1rem}.locale-link{font-size:.68rem}.header-cta{display:none}.section-pad{padding-left:24px;padding-right:24px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:4.8rem 0 0}.hero .eyebrow{margin-bottom:1.5rem;font-size:.65rem}.eyebrow-line{width:24px}.hero h1{font-size:clamp(3.65rem,13.4vw,5.7rem);max-width:11ch}.hero-lead{font-size:1rem;line-height:1.55;margin:1.45rem 0 1.5rem}.button{padding:.9rem 1.2rem;min-width:200px}.text-link{margin-left:0;display:flex;width:max-content;margin-top:1.2rem}.hero-art{min-height:390px;height:390px;margin:0 -24px}.hero-art-inner{width:360px;height:360px;max-width:96vw}.art-script{font-size:1.5rem;right:1%;top:5%}.what,.make,.pricing,.experience-top,.example{display:block}.what,.make,.experience,.example,.story,.pricing,.closing{padding-top:5.5rem;padding-bottom:5.5rem}.what .eyebrow,.make .eyebrow,.experience .eyebrow,.story .eyebrow,.pricing .eyebrow{margin-bottom:1.3rem}.what h2,.make h2,.experience h2,.example h2,.story h2,.pricing h2,.closing h2{font-size:clamp(2.8rem,10.5vw,4rem)}.what-text{padding-top:2rem}.what-text>p,.experience-top>p{font-size:1rem}.what blockquote{margin-top:2rem;font-size:2.1rem}.make-heading>p:last-child{font-size:1rem;margin-top:1.5rem}.steps{padding-top:2.7rem}.steps li{font-size:1.75rem;gap:1.2rem}.experience-top{margin-bottom:2rem}.experience-top>p{margin-top:1.5rem}.journey{margin:0 -24px;padding:15px}.example p:last-child{font-size:1rem}.story>p:not(.eyebrow){font-size:1rem}.story-rule{margin-top:3rem}.price-panel{margin-top:3rem}.prices{font-size:2.5rem}.price-panel p{font-size:.72rem}.closing>p:not(.eyebrow){font-size:1rem}.closing .button{margin-top:1rem}}
@media(max-width:390px){.hero h1{font-size:3.55rem}.hero-copy{padding-top:3.2rem}.hero-art{height:340px;min-height:340px}.hero-art-inner{width:330px;height:330px}.prices{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Real recipient frames, captured from the committed game. The surrounding paper is editorial. */
.hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}
.hero-art-inner{width:min(44vw,710px);height:min(44vw,710px)}
.orbit-a{inset:4%;border-color:#c9cfc4;transform:rotate(-16deg) scaleX(.9)}
.hero-world{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 20px 24px #243a3530)}


.hero-visual-line{max-width:36ch;text-align:center;color:#637569;font-size:.82rem;font-weight:700;letter-spacing:.04em;line-height:1.5;margin-top:-1.2rem}
.journey{padding:clamp(22px,3vw,45px);background:#e9eadd;border-color:#d9dfd2}
.journey-frames{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,54px);margin:0;padding:0}
.journey-frames li{min-width:0;text-align:center}
.journey-frames img{width:100%;max-width:330px;height:auto;margin:auto;filter:drop-shadow(0 10px 13px #233a3521)}
.journey-frames span{display:block;margin-top:1.2rem;padding-top:1rem;border-top:1px solid #c3cdbd;text-align:left;font-size:.87rem;font-weight:700;color:#526558}
.journey-frames b{font-size:.7rem;letter-spacing:.13em;color:#8fa18b;margin-right:.7rem}
.example{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:10%}
.example-visual{margin:0;padding:11px 11px 13px;background:#fcfaf4;box-shadow:0 16px 35px #46584620;transform:rotate(-2deg)}
.example-visual img{width:100%;height:auto;display:block}
.example-visual figcaption{text-align:center;padding-top:.75rem;color:#667969;font-family:"Caveat",cursive;font-size:1.25rem}
@media(max-width:980px){.hero-art-inner{width:53vw;height:53vw}.hero-visual-line{margin-top:.1rem}}
@media(max-width:700px){.hero-art{height:auto;min-height:0;margin:0 -24px;padding:1.2rem 0 2rem}.hero-art-inner{width:min(96vw,380px);height:min(96vw,380px)}.hero-world{inset:8%;width:84%;height:84%}.art-script{right:3%;top:0;font-size:1.5rem}.hero-visual-line{font-size:.7rem;margin-top:0;max-width:34ch;padding:0 20px}.journey{margin:0 -24px;padding:18px 30px}.journey-frames{display:block}.journey-frames li{padding:1rem 0 1.5rem}.journey-frames li+li{border-top:1px solid #c3cdbd}.journey-frames img{width:min(100%,240px)}.journey-frames span{text-align:center;border:0;margin-top:.5rem;padding:0;font-size:.83rem}.example-visual{width:96%;margin:0 auto 3rem}.example-visual figcaption{font-size:1.1rem}}
@media(max-width:390px){.hero-art-inner{width:340px;height:340px;max-width:94vw;max-height:94vw}.hero-visual-line{margin-top:.3rem}}
@media(min-width:701px){.hero h1{max-width:15ch;font-size:clamp(4.2rem,6.4vw,7.9rem)}.hero-visual-line{margin-top:-.4rem}}
@media(max-width:700px){}
@media(max-width:700px){.art-script{display:none}}


/* The game is presented as a single world in the editorial hero, then a brief night-space window. */
.hero-art-inner{isolation:isolate}
.hero-world{clip-path:circle(45.4% at 50% 50%);inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 25px #243a3530)}
.orbit-a{inset:1%;border-color:#c7cec1}
.journey-frames img{clip-path:circle(45.4% at 50% 50%)}
.example{background:#263c37;color:#f6f1e7}
.example .eyebrow{color:#bcc9b9}
.example p:last-child{color:#d5ded0}
.example-visual{background:#f5ecdc;box-shadow:0 22px 45px #101a1b55;max-width:610px}
.example-visual figcaption{color:#536352}
.finale-glimpse{width:260px;margin:3rem auto 0;padding:10px 10px 13px;background:#f9f6ec;box-shadow:0 12px 30px #263c3724;transform:rotate(2deg)}
.finale-glimpse img{width:100%;height:auto}
.finale-glimpse figcaption{font-family:"Caveat",cursive;color:#647766;font-size:1.15rem;line-height:1.1;margin-top:.65rem}
@media(max-width:700px){
  .hero-copy{padding-top:2.55rem}
  .hero h1{font-size:clamp(3.1rem,11.7vw,4.3rem)}
  .hero-lead{margin:1.1rem 0 1.2rem}
  .hero-art{padding-top:.4rem}
  .journey{padding:18px 24px}
  .journey-frames img{width:min(100%,290px)}
  .journey-frames li{padding:1.25rem 0 1.6rem}
  .example-visual{width:100%;transform:rotate(-1deg)}
  .finale-glimpse{width:210px}
}