@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10100f;--cream:#f4f0e7;--gold:#c89b3c;--muted:#77736b;--line:#d9d2c5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(244,240,231,.96);position:sticky;top:0;z-index:10}.logo{font:700 22px "Space Grotesk";letter-spacing:-1px}.logo span{font-weight:400}.nav{display:flex;gap:23px;font-size:13px;font-weight:700}.nav a:hover{color:var(--gold)}.menu-btn{display:none;background:none;border:0;font-size:25px}
.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;padding:0 5vw}.hero-copy{display:flex;justify-content:center;flex-direction:column;padding:70px 7vw 70px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#8a6a2c;margin:0 0 18px}.hero h1{font:600 clamp(52px,7vw,94px)/.92 "Space Grotesk";letter-spacing:-5px;margin:0 0 28px;max-width:760px}.lead{font-size:20px;max-width:560px;color:#555149}.buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;padding:14px 21px;border-radius:2px;border:1px solid var(--ink);font-weight:700;font-size:13px}.primary{background:var(--ink);color:var(--white)}.ghost{background:transparent}.light{border-color:#fff;color:#fff}.hero-art{position:relative;overflow:hidden;background:#171714;min-height:680px}.sun{position:absolute;width:260px;height:260px;border-radius:50%;background:#d5a847;right:16%;top:15%}.planet{position:absolute;width:150px;height:150px;border-radius:50%;background:#755d39;left:12%;bottom:25%;box-shadow:30px 20px 0 #4a402e}.mountains{position:absolute;bottom:-5%;left:-5%;width:115%;height:45%;background:#25251f;clip-path:polygon(0 70%,18% 25%,30% 60%,48% 10%,63% 54%,79% 20%,100% 65%,100% 100%,0 100%)}.hero-card{position:absolute;bottom:7%;right:7%;padding:22px;background:rgba(10,10,9,.78);color:#fff;width:280px}.hero-card small,.hero-card span{display:block;font-size:10px;letter-spacing:1.5px}.hero-card strong{display:block;font:600 23px "Space Grotesk";margin:8px 0}.hero-card span{color:#bbb}
.intro{text-align:center;padding:120px 10vw;border-top:1px solid var(--line)}.intro h2,.section h2,.product-section h2,.newsletter h2{font:600 clamp(38px,5vw,64px)/1 "Space Grotesk";letter-spacing:-2px;margin:0 0 20px}.intro p:last-child{max-width:700px;margin:auto;color:#68635b;font-size:18px}
.section{padding:105px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head h2{margin:0}.section-head>a{font-weight:700;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-grid article p{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8a6a2c;margin:18px 0 6px}.visual{height:280px;display:flex;align-items:center;justify-content:center;font-size:90px;background:#ddd5c5}.v2{background:#d4c8b0}.v3{background:#c6b28e}.article-grid h3{font:600 25px/1.12 "Space Grotesk";margin:0 0 15px}.article-grid a,.story a{font-size:13px;font-weight:700}
.dark{background:#141412;color:#f4f0e7}.dark .eyebrow{color:#d5a847}.dark .section-head>a{color:#fff}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #49483f}.country-grid div{padding:27px 5px;border-bottom:1px solid #49483f;font:500 25px "Space Grotesk"}
.futures{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.futures-copy p:not(.eyebrow){max-width:500px;color:#666;font-size:18px;margin-bottom:30px}.future-panel{height:430px;background:#1b1b18;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e6d7b6}.future-panel:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #8b7547;box-shadow:0 0 0 45px rgba(139,117,71,.1),0 0 0 90px rgba(139,117,71,.06)}.future-panel span{font:700 65px "Space Grotesk";z-index:1}.future-panel b{font:700 24px "Space Grotesk";z-index:1}.future-panel small{z-index:1;letter-spacing:2px;margin-top:7px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.story{background:var(--cream);padding:42px;min-height:280px}.story-num{font:700 12px;color:#8a6a2c;margin-bottom:50px}.story h3{font:600 30px "Space Grotesk";margin:0 0 10px}.story p{color:#68635b;margin-bottom:30px}
.comics{background:#e9e2d6}.comic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.comic{aspect-ratio:2/3;position:relative;overflow:hidden;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.12)}.comic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.35),transparent 25%),linear-gradient(145deg,rgba(0,0,0,.05),rgba(0,0,0,.65))}.cover-a{background:#705d39}.cover-b{background:#6d3f34}.cover-c{background:#45604d}.cover-d{background:#3f4e67}.cover-title,.comic span{z-index:1}.cover-title{font:700 31px/.9 "Space Grotesk";letter-spacing:-1px}.comic span{font-size:9px;letter-spacing:2px}
.product-section{padding:90px 5vw;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line)}.product-section p:not(.eyebrow){color:#666;max-width:540px}.film{padding:120px 10vw;text-align:center}.film h2{margin-bottom:20px}.film p{color:#bbb;max-width:560px;margin:0 auto 30px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-grid article{border:1px solid var(--line);padding:35px}.product-icon{font-size:45px;margin-bottom:35px}.shop-grid h3{font:600 25px "Space Grotesk";margin:0}.shop-grid p{color:#777}.shop-grid strong{font-size:13px}
.newsletter{padding:80px 5vw;background:#d7c9ac;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.newsletter p:not(.eyebrow){color:#5e584e}.newsletter form{display:flex}.newsletter input{flex:1;padding:16px;border:1px solid var(--ink);background:transparent;font:inherit}.newsletter button{cursor:pointer}.form-msg{grid-column:2;font-size:13px}
footer{padding:55px 5vw;background:#10100f;color:#f4f0e7;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}footer p{color:#aaa;font-size:13px}footer div:last-of-type{display:flex;gap:18px;font-size:12px;justify-content:flex-end}footer small{grid-column:1/-1;color:#777;font-size:11px;border-top:1px solid #333;padding-top:22px}
@media(max-width:850px){.nav{display:none}.menu-btn{display:block}.site-header{height:66px}.nav.open{display:flex;position:absolute;left:0;right:0;top:66px;background:var(--cream);padding:20px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:0}.hero-copy{min-height:560px;padding:60px 7vw}.hero h1{letter-spacing:-3px}.hero-art{min-height:420px}.article-grid,.comic-grid,.story-grid,.shop-grid{grid-template-columns:1fr 1fr}.futures{grid-template-columns:1fr}.country-grid{grid-template-columns:1fr 1fr}.newsletter{grid-template-columns:1fr}.form-msg{grid-column:1}footer{grid-template-columns:1fr 1fr}footer div:last-of-type{justify-content:flex-start}}
@media(max-width:540px){.article-grid,.comic-grid,.story-grid,.shop-grid,.country-grid{grid-template-columns:1fr}.section{padding:75px 6vw}.intro{padding:80px 8vw}.hero h1{font-size:52px}.hero-art{min-height:360px}.sun{width:170px;height:170px}.product-section{display:block;padding:70px 6vw}.product-section .btn{margin-top:20px}.newsletter{padding:65px 6vw}footer{grid-template-columns:1fr}}