@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--paper:#f3efe5;--ink:#292d26;--rust:#a34329;--muted:#66675d;--line:#d5cebf;--serif:Fraunces,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.skip{position:fixed;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.topline{background:var(--ink);color:var(--paper);padding:8px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px}.topline a{letter-spacing:.4px}header{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1440px;margin:auto;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0}.dice{width:34px;height:34px;object-fit:contain}.wordmark{width:152px;height:auto}nav{display:flex;gap:28px;font-size:12px}nav a:hover,.text-link:hover,footer a:hover{color:var(--rust)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;background:var(--rust);color:#fff9ee;padding:16px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#7d321e;transform:translateY(-2px)}.button.small{font-size:11px;padding:12px 16px}.menu{display:none}.hero{max-width:1440px;margin:auto;padding:68px 5% 45px;display:grid;grid-template-columns:1fr 1.05fr;gap:25px;min-height:690px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;line-height:1.6;margin:0 0 25px}.dot{display:inline-block;background:var(--rust);width:7px;height:7px;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-2.2px}h1{position:relative;font-size:clamp(72px,7.7vw,118px);line-height:.99;margin:0 0 35px;letter-spacing:-5px}h1 span{color:var(--rust)}h1 svg{position:absolute;width:260px;left:30px;bottom:-19px;height:16px;fill:none;stroke:#a3432977;stroke-width:3}h2{font-size:clamp(35px,3.6vw,54px);line-height:1.12;margin-bottom:27px}h2 em{color:var(--rust);font-weight:500}h3{font-size:28px;line-height:1.2;letter-spacing:-.8px}.hero-tag{font-family:var(--serif);font-size:23px;line-height:1.3;margin-bottom:17px;letter-spacing:-.4px}.intro{font-size:14px;color:var(--muted);margin-bottom:27px}.actions{display:flex;align-items:center;gap:24px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:5px}.development{font-size:9px;letter-spacing:.7px;margin:25px 0 0;color:var(--muted)}.development span{margin:0 8px;color:var(--rust)}.hero-art{position:relative;align-self:stretch;min-height:480px;isolation:isolate;background:radial-gradient(ellipse at 55% 50%,#e0dac8 0,transparent 69%)}.orbit{position:absolute;border:1px solid #a19d8140;border-radius:50%;width:430px;height:430px;left:50%;top:45%;transform:translate(-50%,-50%)}.orbit-two{width:350px;height:350px;border-style:dashed}.door{position:absolute;width:160px;height:270px;top:30px;left:calc(50% - 80px);border:12px solid #b9bba5;border-radius:100px 100px 0 0;background:#747d68;transform:rotate(8deg);box-shadow:inset 0 0 0 5px #939d82,20px 17px 0 #d7d1c0;z-index:-1}.door-inner{position:absolute;inset:13px;border-radius:90px 90px 0 0;background:#343e34;box-shadow:inset 0 0 45px #babd8580;text-align:center}.door-inner span{font:90px var(--serif);color:#d8d5a7;line-height:2.2;opacity:.6}.party{position:absolute;width:100%;bottom:70px;filter:drop-shadow(0 13px 7px #3f342822)}.star{position:absolute;color:var(--rust)}.s1{font-size:42px;top:15px;right:20px}.s2{font-size:48px;left:15px;top:130px}.s3{font-size:23px;right:40px;bottom:100px}.floating-note{position:absolute;right:0;top:125px;font:italic 14px var(--serif);transform:rotate(9deg);line-height:1.3}.art-caption{position:absolute;bottom:24px;width:100%;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font:8px 'Courier New',monospace;letter-spacing:1px}.little-key{position:absolute;left:40%;bottom:15px;color:var(--rust);font-size:32px}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:18px 25px;border-block:1px solid var(--line);font-size:10px;letter-spacing:1.5px;overflow:hidden;white-space:nowrap}.ribbon b{color:var(--rust)}.section{max-width:1200px;margin:auto;padding:105px 45px}.world{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.world-art{position:relative;background:#e6e2d5;border-radius:48% 48% 3px 3px;padding:45px 38px 32px;min-height:510px}.world-art img{height:405px;object-fit:contain;margin:auto;mix-blend-mode:multiply}.art-label{font:9px 'Courier New',monospace;letter-spacing:1.2px;position:absolute;top:45px;left:22px;writing-mode:vertical-rl}.scribble{position:absolute;right:-15px;bottom:0;transform:rotate(-7deg);font:italic 17px var(--serif);line-height:1.3;background:var(--paper);padding:13px}.world-copy p:not(.eyebrow){color:var(--muted);font-size:14px}.world-copy .text-link{display:inline-block;margin-top:15px}.how{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.steps article{padding:30px 28px 35px;position:relative;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.step-number{position:absolute;right:25px;top:25px;font:10px 'Courier New',monospace}.step-symbol{font:60px Georgia;color:var(--rust);height:95px}.arch-symbol{border:2px solid var(--rust);border-radius:50px 50px 0 0;width:45px;height:63px;text-align:center;line-height:1.2;font-size:38px;margin:8px 0 24px}.steps h3{font-size:25px}.steps p{font-size:13px;color:var(--muted);margin:0}.fine-print{font-size:10px;color:var(--muted);line-height:1.6;margin-top:18px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.mode-intro>p:not(.eyebrow){color:var(--muted);max-width:330px}.mode-tabs{margin-top:35px}.mode-tabs button{background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:16px 0;width:100%;text-align:left;font-size:14px;display:flex;justify-content:space-between}.mode-tabs button[aria-selected=true]{color:var(--rust);font-weight:700;border-bottom-color:var(--rust)}.mode-tabs span{font:10px monospace}.mode-feature{background:#e4e4d7;align-self:start}.mode-illustration{height:310px;position:relative;display:flex;justify-content:center;align-items:center}.mode-illustration img{max-height:250px;max-width:90%;object-fit:contain}.mode-label{position:absolute;left:24px;top:24px;font:8px 'Courier New',monospace;letter-spacing:1px}.mode-spark{position:absolute;right:30px;bottom:25px;color:var(--rust);font-size:35px}.mode-text{padding:28px 35px 30px;background:#d9ddce}.mode-text h3{margin-bottom:15px}.mode-text p{font-size:13px;margin:0;color:#565d4d}.inside{display:grid;grid-template-columns:.9fr 1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.cover-art{padding:32px 45px;background:#e7dfcf;position:relative}.cover-art img{max-height:420px;margin:auto;box-shadow:9px 16px 20px #51412e25;transform:rotate(-5deg)}.cover-caption{display:block;font:8px 'Courier New',monospace;letter-spacing:1px;margin-top:32px}.inside>div>p:not(.eyebrow):not(.fine-print){color:var(--muted);font-size:14px}.component-list{margin-top:30px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding-right:20px}details p a{text-decoration:underline}.join{background:var(--ink);color:var(--paper);padding:75px max(7%,calc((100% - 1110px)/2));position:relative;overflow:hidden}.join-copy{max-width:650px;position:relative;z-index:1}.join h2{font-size:49px}.join h2 em{color:#dfad7b}.join p:not(.eyebrow){max-width:520px;color:#c1c5b5;font-size:13px}.join .fine-print{font-size:10px!important}.join .button{margin-top:15px;background:#d1a06e;color:#20291f}.join>img{position:absolute;right:8%;bottom:-4px;width:210px}.join-star{position:absolute;right:15%;top:50px;color:#bfb58c;font-size:70px}.faq{max-width:900px;padding-block:90px}.faq h2{font-size:36px}.faq summary{padding-block:22px}.faq p{max-width:650px}footer{border-top:1px solid var(--line);padding:34px 5%;display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}footer p{font-size:11px;margin:0}footer>div{display:flex;gap:18px;font-size:10px}footer .wordmark{width:125px}footer .dice{width:28px;height:28px}@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1000px){nav{gap:17px}header{gap:15px}.wordmark{width:130px}.hero{padding-top:50px;min-height:600px}.hero-art{min-height:470px}.hero h1{font-size:90px}.hero-tag{font-size:20px}.actions{gap:15px;flex-wrap:wrap}.world,.modes,.inside{gap:45px}.section{padding:75px 35px}.world-art{min-height:450px;padding-inline:25px}.world-art img{height:360px}.floating-note{font-size:11px;right:-10px}.orbit{width:330px;height:330px}.orbit-two{width:270px;height:270px}.join>img{right:3%;width:165px}.join-copy{max-width:75%}.join h2{font-size:42px}}@media(max-width:760px){.topline{font-size:8px;padding-inline:6%}.topline a{font-size:8px}header{padding:18px 6%;position:relative}.wordmark{width:135px}.dice{width:30px;height:30px}header>.button{display:none}.menu{display:block;background:transparent;border:1px solid var(--line);font-size:20px;padding:2px 10px;color:var(--ink)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 6%;z-index:10;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:18px}.hero{display:flex;flex-direction:column;padding:42px 6% 0;gap:5px}.eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:90px}.hero-tag{font-size:23px}.hero-art{min-height:390px;margin-top:25px}.party{width:95%;left:2.5%;bottom:60px}.door{top:0;width:135px;height:235px;left:calc(50% - 68px)}.floating-note{right:10px;top:60px}.s1{top:0}.s2{top:65px;font-size:36px}.orbit{width:300px;height:300px;top:42%}.orbit-two{width:250px;height:250px}.art-caption{font-size:7px;bottom:15px}.little-key{display:none}.ribbon{justify-content:start;font-size:9px;padding-block:14px}.section{padding:60px 6%}.world,.modes,.inside{grid-template-columns:1fr;gap:40px}.world-art{order:2;max-width:400px;width:100%;margin:auto;min-height:420px}.world-art img{height:350px}.world-copy h2{font-size:43px}.world-copy h2 br:nth-child(2){display:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;column-gap:15px}.step-symbol{grid-row:1/3;height:auto;font-size:48px}.steps h3{font-size:24px;margin:5px 0 12px}.steps p{grid-column:2}.step-number{right:0;top:12px}.arch-symbol{width:39px;height:55px;font-size:30px;margin:5px 0}.modes h2 br{display:none}.modes h2{max-width:320px}.mode-intro>p:not(.eyebrow){max-width:none}.mode-tabs{margin-top:20px}.mode-illustration{height:280px}.inside .cover-art{max-width:360px;margin:auto;order:2}.join{padding:55px 6% 165px}.join-copy{max-width:100%}.join h2{font-size:39px}.join>img{width:145px;right:6%}.join-star{right:65%;top:auto;bottom:45px;font-size:45px}.faq h2{font-size:32px}footer{padding:30px 6%;align-items:start;flex-direction:column;gap:15px}footer>div{flex-wrap:wrap;font-size:10px}h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
