:root{--ink:#0b0908;--paper:#f2ead9;--ember:#ff4b0b;--hot:#ffb000;--blood:#b41708;--ash:#81766b;--line:rgba(255,235,205,.24);--ease:cubic-bezier(.22,.8,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Syne,Arial,sans-serif;overflow-x:hidden;cursor:none}button,a{font:inherit;color:inherit}button{cursor:none}a{text-decoration:none}::selection{background:var(--hot);color:var(--ink)}
#embers{position:fixed;inset:0;z-index:12;pointer-events:none}.noise{position:fixed;inset:0;z-index:11;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor{position:fixed;width:38px;height:38px;border:1px solid rgba(255,176,0,.85);border-radius:50%;z-index:99;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--hot);left:50%;top:50%;transform:translate(-50%,-50%)}.cursor.hover{width:64px;height:64px;background:rgba(255,75,11,.12)}
.topbar{position:fixed;z-index:40;left:0;right:0;top:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);background:linear-gradient(#0b0908d9,#0b090800);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#1a0902;font-family:'Rubik Glitch';font-size:26px;background:var(--ember);border-radius:11px;box-shadow:0 0 25px #ff4b0b88}.temperature{position:absolute;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;gap:1px 12px;font:10px 'DM Mono';letter-spacing:.12em}.temperature b{font-size:12px;color:var(--hot)}.temperature i{grid-column:1/3;width:180px;height:2px;background:linear-gradient(90deg,var(--ember) 76%,#332a24 76%)}nav{display:flex;align-items:center;gap:8px}.nav-orb,.social,.buy,.story-button,.heat-button,.x-button{border:1px solid var(--line);background:#120d0a;padding:13px 17px;font-size:11px;font-weight:800;letter-spacing:.1em;transition:.25s var(--ease)}.social{display:grid;place-items:center;width:42px;height:42px;padding:0}.buy{background:var(--ember);color:#150703;border-color:var(--ember)}.buy:hover,.story-button:hover{background:var(--hot);transform:translateY(-2px)}
.portal{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0807f4;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.45s var(--ease)}.portal.open{opacity:1;visibility:visible}.portal-ring{position:absolute;width:min(72vw,700px);aspect-ratio:1;border:1px solid #ff651f55;border-radius:50%;box-shadow:0 0 80px #ff4b0b22,inset 0 0 80px #ff4b0b18;animation:portal 14s linear infinite}.portal-ring:before,.portal-ring:after{content:"";position:absolute;inset:12%;border:1px dashed #ffb00044;border-radius:50%}.portal-ring:after{inset:28%;border-style:solid}.portal p{z-index:1;font:10px 'DM Mono';letter-spacing:.3em;color:var(--hot)}.portal button{z-index:1;border:0;background:none;font-size:clamp(25px,4vw,58px);font-weight:800;line-height:1.15;opacity:.4;transform:translateX(calc((var(--i) - 2) * 18px));transition:.2s}.portal button:hover{opacity:1;color:var(--ember);transform:translateX(0) skewX(-6deg)}.portal small{z-index:1;margin-top:28px;font:9px 'DM Mono';letter-spacing:.2em;color:var(--ash)}
.panel{position:relative;min-height:100vh;overflow:hidden;border-bottom:1px solid var(--line)}.hero{display:flex;align-items:flex-end;padding:120px 6vw 9vh}.hero-world{position:absolute;inset:0;background:url('assets/pons-lava-world.png') center/cover no-repeat;transform:scale(1.06);transition:filter 1.2s,transform .2s linear}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080605ef 0%,#080605a8 32%,transparent 65%),linear-gradient(0deg,#080605bb,transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow{font:11px 'DM Mono';letter-spacing:.18em}.eyebrow span{display:inline-block;width:34px;height:1px;margin-right:10px;vertical-align:middle;background:var(--ember)}h1,h2{margin:12px 0;font-size:clamp(76px,12vw,176px);font-weight:800;line-height:.73;letter-spacing:-.075em;text-transform:uppercase}h1 em,h2 em{font-style:normal;color:var(--ember);text-shadow:0 0 42px #ff4b0b66}.lead{margin:28px 0;font-size:clamp(18px,2vw,28px)}.lead strong{font-style:italic;color:var(--hot)}.hero-actions{display:flex;gap:10px}.story-button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.heat-button{background:transparent}.heat-button i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember);margin-right:6px}.specimen-card{position:absolute;right:4vw;bottom:7vh;width:210px;padding:16px;border:1px solid var(--line);background:#100b08b8;backdrop-filter:blur(9px);z-index:2;transform:rotate(2deg)}.specimen-card>span{font:9px 'DM Mono';letter-spacing:.2em}.specimen-card>b{display:block;font:70px 'Rubik Glitch';color:var(--ember)}dl{display:grid;grid-template-columns:1fr 1fr;margin:0;font:8px 'DM Mono';gap:8px}dt{color:var(--ash)}dd{margin:0;text-align:right}.scroll-note{position:absolute;right:22px;top:50%;z-index:2;writing-mode:vertical-rl;font:9px 'DM Mono';letter-spacing:.18em}.hotspot{position:absolute;z-index:3;width:30px;height:30px;border:1px solid var(--hot);border-radius:50%;background:#080605aa;color:var(--hot);animation:pulse 2s infinite}.hotspot:after{content:"";position:absolute;inset:-8px;border:1px solid #ffb00044;border-radius:50%}.h1{top:17%;right:18%}.h2{top:37%;right:7%}.h3{top:18%;left:38%}
.origin{padding:13vh 7vw;background:radial-gradient(circle at 75% 40%,#60200e55,transparent 35%),#120d0a;display:grid;grid-template-columns:130px 1fr minmax(300px,36vw);gap:5vw;align-items:center}.chapter-mark{align-self:start;display:flex;gap:12px;font:9px 'DM Mono';letter-spacing:.14em}.chapter-mark span{font-size:34px;color:var(--ember)}.chapter-mark p{margin:5px 0;line-height:1.5}.origin-copy h2,.artifact-intro h2,.map-head h2,.signal-card h2{font-size:clamp(48px,7.5vw,108px);line-height:.82}.origin-copy>p:not(.eyebrow){max-width:650px;color:#c8b9a7;font-size:16px;line-height:1.75}.origin-copy strong{color:var(--hot)}.portrait{margin:0}.portrait-frame{padding:13px;border:1px solid var(--line);transform:rotate(2deg);background:#1d120c}.portrait img{display:block;width:100%;filter:saturate(1.25) contrast(1.1)}figcaption{margin-top:15px;font:10px 'DM Mono';line-height:1.6;color:#a99887}figcaption span{color:var(--ember);margin-right:10px}.quote-strip{position:absolute;bottom:0;left:0;display:flex;width:max-content;background:var(--ember);color:#160702;font-weight:800;font-size:13px;letter-spacing:.09em;transform:rotate(-1deg) translateY(5px);padding:9px 0;animation:ticker 22s linear infinite}.quote-strip span{padding-right:0}
.artifacts{min-height:110vh;padding:12vh 6vw;background:linear-gradient(135deg,#080706,#251007)}.artifact-intro{max-width:460px;position:relative;z-index:2}.artifact-intro p:last-child{max-width:340px;color:#b9a999;line-height:1.6}.orbit{position:absolute;width:min(62vw,800px);aspect-ratio:1;right:-4vw;top:50%;transform:translateY(-50%);border:1px solid #ff681f35;border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;border:1px dashed #ffb00035;border-radius:50%;inset:12%;animation:spin 28s linear infinite}.orbit:after{inset:28%;animation-direction:reverse;animation-duration:18s}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;aspect-ratio:1;display:grid;place-items:center;border-radius:42% 58% 51% 49%;background:radial-gradient(circle at 35% 25%,#fff5b7,var(--hot) 18%,var(--ember) 48%,#330800 74%);box-shadow:0 0 100px #ff4b0b66;animation:morph 6s ease-in-out infinite}.orbit-core span{font:85px 'Rubik Glitch';color:#200800}.orbit-core i{position:absolute;inset:-20px;border:1px solid #ff6d2177;border-radius:50%;animation:pulse 2s infinite}.relic{--r:min(28vw,340px);position:absolute;left:50%;top:50%;width:94px;height:94px;margin:-47px;background:#130d09;border:1px solid #ff6a243d;color:var(--paper);border-radius:50%;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));transition:.3s var(--ease);z-index:2}.relic:hover{border-color:var(--hot);background:#2e1208;box-shadow:0 0 35px #ff4b0b44;scale:1.12}.relic span{display:block;font-size:35px;color:var(--ember)}.relic b{position:absolute;white-space:nowrap;font:8px 'DM Mono';letter-spacing:.12em;left:50%;transform:translateX(-50%);bottom:-20px}.artifact-reader{position:absolute;left:6vw;bottom:8vh;width:390px;padding:20px;border-left:2px solid var(--ember);background:#08060580}.artifact-reader span{font:9px 'DM Mono';color:var(--ember)}.artifact-reader h3{font-size:22px;margin:8px 0}.artifact-reader p{font:11px/1.6 'DM Mono';color:#aa9988}
.manifesto{min-height:78vh;display:grid;place-items:center;text-align:center;background:var(--paper);color:var(--ink);padding:8vw}.manifesto p{position:absolute;top:8vh;font:10px 'DM Mono';letter-spacing:.28em}.manifesto h2{font-size:clamp(64px,11vw,160px);line-height:.8}.melt-word{position:absolute;bottom:8vh;border:1px solid #21170f;background:transparent;padding:13px 18px;font:10px 'DM Mono';letter-spacing:.13em}.manifesto.melting h2{animation:melt .7s infinite alternate;filter:blur(1px)}
.map{min-height:115vh;padding:12vh 6vw;background:radial-gradient(circle at 60% 58%,#55200e55,transparent 32%),#0c0907}.map-head{max-width:700px}.map-head>p:last-child{position:absolute;right:6vw;top:14vh;width:300px;color:#ae9e8d;line-height:1.6}.constellation{position:relative;height:520px;max-width:1120px;margin:4vh auto 0}.constellation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.trail,.trail-lit{fill:none;stroke:#39251b;stroke-width:2;stroke-dasharray:7 10}.trail-lit{stroke:var(--ember);stroke-width:3;filter:url(#glow);stroke-dasharray:none;stroke-dashoffset:0;stroke-dasharray:1;stroke-dashoffset:1}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:170px;text-align:left;border:0;background:transparent;padding-left:25px}.node i{position:absolute;left:0;top:3px;width:13px;height:13px;border:2px solid var(--ember);border-radius:50%;background:#100b08;box-shadow:0 0 0 7px #ff4b0b12}.node.active i{background:var(--hot);box-shadow:0 0 20px var(--ember)}.node b{display:block;font-size:13px;color:var(--hot)}.node span{display:block;font:9px/1.5 'DM Mono';color:#8f8072;margin-top:6px;opacity:0;transition:.3s}.node:hover span,.node.active span{opacity:1}.draggable-core{position:absolute;left:9%;top:79%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border-radius:48% 52% 59% 41%;background:radial-gradient(circle at 35% 25%,#fff4b2,var(--hot) 20%,var(--ember) 55%,#500d00);color:#260800;font:35px 'Rubik Glitch';box-shadow:0 0 35px #ff4b0b;z-index:3;touch-action:none;user-select:none}.drag-note{text-align:center;font:9px 'DM Mono';letter-spacing:.2em;color:#7f6f61}
.signal{min-height:100vh;padding:13vh 7vw 80px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:#100b08}.signal-card{position:relative;z-index:2}.signal-card>span{font:10px 'DM Mono';letter-spacing:.2em;color:var(--ember)}.signal-card>p{max-width:530px;line-height:1.7;color:#b3a292}.final-actions{display:flex;gap:10px;margin-top:30px}.buy.huge{font-size:16px;padding:18px 24px}.x-button{display:inline-flex;align-items:center}.signal-visual{position:relative;justify-self:end;width:min(38vw,520px);aspect-ratio:1}.signal-visual img{position:absolute;inset:12%;width:76%;height:76%;object-fit:cover;border-radius:50%;filter:saturate(1.3) contrast(1.1);mix-blend-mode:screen}.pulse{position:absolute;inset:0;border:1px solid #ff4b0b44;border-radius:50%;box-shadow:0 0 90px #ff4b0b33;animation:pulse 2.3s infinite}.pulse:after,.pulse:before{content:"";position:absolute;inset:12%;border:1px dashed #ffb00055;border-radius:50%;animation:spin 15s linear infinite}.pulse:after{inset:25%;animation-direction:reverse}footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:20px 7vw;border-top:1px solid var(--line);font:9px 'DM Mono';color:#817468}footer button{border:0;background:none;color:var(--paper);font:inherit}
.toast{position:fixed;z-index:50;left:50%;bottom:30px;transform:translate(-50%,130px);width:min(520px,calc(100% - 32px));display:grid;grid-template-columns:44px 1fr;align-items:center;padding:12px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #000;transition:.45s var(--ease)}.toast.show{transform:translate(-50%,0)}.toast span{display:grid;place-items:center;width:34px;height:34px;background:var(--ember);font:20px 'Rubik Glitch'}.toast p{margin:0;font:11px/1.5 'DM Mono'}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.cool .hero-world{filter:hue-rotate(150deg) saturate(.7)}.cool{--ember:#22d9d0;--hot:#b9fffb;--blood:#0f7f89}.cool .origin,.cool .signal{background:#071011}.cool .buy{color:#041313}
@keyframes portal{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes morph{50%{border-radius:61% 39% 43% 57%;transform:translate(-50%,-50%) rotate(8deg)}}@keyframes ticker{to{transform:translateX(-50%) rotate(-1deg) translateY(5px)}}@keyframes melt{to{transform:skew(-8deg,3deg) scaleY(1.05);text-shadow:0 14px 0 #ff4b0b55}}
@media(max-width:850px){body{cursor:auto}.cursor{display:none}.topbar{height:64px;padding:9px 13px}.temperature,.nav-orb{display:none}.brand{font-size:11px}.hero{padding:105px 20px 85px}.hero-world{background-position:62% center}.hero-shade{background:#09070599}.hero-copy{align-self:flex-end}.hero-copy h1{font-size:24vw}.specimen-card{display:none}.hotspot{display:none}.origin{padding:100px 22px;display:block}.chapter-mark{margin-bottom:40px}.portrait{margin:55px auto 30px;max-width:480px}.artifacts{min-height:1250px;padding:100px 22px}.orbit{width:620px;max-width:none;right:50%;top:65%;transform:translate(50%,-50%) scale(.62)}.artifact-reader{left:22px;right:22px;bottom:65px;width:auto}.manifesto{min-height:70vh}.map{padding:100px 22px;min-height:1000px}.map-head>p:last-child{position:static;width:auto}.constellation{transform:rotate(90deg) scale(.72);width:700px;left:50%;margin-left:-350px;margin-top:80px}.constellation .node{transform:translate(-50%,-50%) rotate(-90deg)}.draggable-core{transform:translate(-50%,-50%) rotate(-90deg)}.signal{padding:100px 22px 100px;display:block}.signal-visual{width:85vw;margin:55px auto}.final-actions{flex-direction:column;align-items:stretch}.final-actions a{justify-content:center;text-align:center}footer{gap:10px;flex-wrap:wrap}.portal-ring{width:110vw}.portal button{font-size:8vw}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}