@font-face{font-family:"Space Grotesk";src:url(../../assets/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(../../assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#0f1011;--or:#F26722;--or2:#FF8A3D;--wh:#F7F6F2;--tx:#E9E7E2;--mu:#A4A29C;--line:rgba(247,246,242,.09);--f:#FF8A3D;--h:#F4C29A;--p:#C9C6BE;--fd:"Space Grotesk",Inter,system-ui,sans-serif;--fb:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}body{margin:0;color:var(--tx);background:var(--bg);font:16px/1.6 var(--fb);min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:var(--or2)}:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--or);color:#111;padding:10px 14px;border-radius:8px;font-weight:600}.skip:focus{top:12px}
h1,h2,h3{font-family:var(--fd);color:var(--wh);letter-spacing:-.02em}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:12px clamp(20px,5vw,56px);background:rgba(15,16,17,.75);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand img{height:36px;width:auto;display:block}.back{margin-left:auto;color:var(--mu);text-decoration:none;font-size:14px}.back:hover{color:var(--wh)}
.beta{font:600 10.5px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(242,103,34,.6);color:var(--or2);padding:7px 11px;border-radius:99px}
main{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,40px) 60px}
.hero{position:relative;padding:clamp(56px,8vw,110px) 0 40px;isolation:isolate}
.hbg{position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(90deg,var(--bg) 38%,rgba(15,16,17,.55) 68%,rgba(15,16,17,.15)),linear-gradient(0deg,var(--bg) 0,transparent 40%),url(../../images/cyp-3d-stone.webp) right center/auto 100% no-repeat;opacity:.85}
.kicker{font:500 12px/1 var(--fd);color:var(--or2);letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px}
h1{margin:0;font-size:clamp(38px,6vw,76px);line-height:1;font-weight:600;letter-spacing:-.035em;max-width:14ch}
.grad{background:linear-gradient(100deg,#FFB27A,#F26722 50%,#C9501A);-webkit-background-clip:text;background-clip:text;color:transparent}
.manifest{max-width:620px;margin:22px 0 10px;color:#c9c7c1;line-height:1.6;font-size:16.5px}.meta{color:var(--mu);font-size:13px;margin:0}
.t-f{color:var(--f)}.t-h{color:var(--h)}.t-p{color:var(--p)}
.modes{margin:28px 0 8px}
.cta{all:unset;cursor:pointer;padding:15px 24px;border-radius:99px;font:600 15px/1 var(--fb);color:#111;background:linear-gradient(180deg,#FF7A35,#E85A16);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 30px -8px rgba(242,103,34,.55);transition:transform .3s var(--ease)}.cta:hover{transform:translateY(-2px)}
.cta:focus-visible,.filters button:focus-visible{outline:2px solid var(--wh);outline-offset:3px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.filters button{all:unset;cursor:pointer;font-size:14px;padding:9px 16px;border-radius:99px;border:1px solid var(--line);color:var(--mu);background:rgba(247,246,242,.02);transition:all .2s}
.filters button:hover{color:var(--wh);border-color:rgba(247,246,242,.25)}.filters button[aria-pressed=true]{color:#111;background:var(--wh);border-color:var(--wh)}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-top:20px}
.card{background:linear-gradient(160deg,#25272a,#1a1b1d);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .3s,transform .5s var(--ease)}
.card:hover{border-color:rgba(242,103,34,.35);transform:translateY(-2px)}
.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--lc),transparent);opacity:.8}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--mu)}
.tag{font:600 10.5px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:99px;color:var(--lc);border:1px solid color-mix(in srgb,var(--lc) 55%,transparent)}
.card h2{font-size:19px;line-height:1.35;margin:4px 0;font-weight:600}.card p{margin:0;font-size:14.5px;line-height:1.55;color:#c9c7c1}
.k{display:block;font:600 10.5px/1.4 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--or2);margin-bottom:3px}
.ref{border-left:2px solid var(--or);padding-left:12px;font-style:italic;color:var(--wh)!important}
.str{display:flex;gap:4px;align-items:center}.str i{width:7px;height:7px;border-radius:50%;background:#ffffff22}.str i.on{background:var(--or);box-shadow:0 0 8px rgba(242,103,34,.7)}
.src{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--mu)}.src a{text-decoration:none}.src a:hover{text-decoration:underline}
.foot{color:var(--mu);font-size:13px;text-align:center;margin-top:48px;line-height:1.7}
.story{position:fixed;inset:0;z-index:9;background:radial-gradient(800px 560px at 50% 30%,#2b2d30,#0f1011);display:flex;align-items:center;justify-content:center}
.bars{position:absolute;top:16px;left:16px;right:64px;display:flex;gap:4px}.bars span{flex:1;height:3px;border-radius:3px;background:#ffffff22;overflow:hidden}.bars b{display:block;height:100%;width:0;background:var(--or)}
.x{all:unset;cursor:pointer;position:absolute;top:6px;right:18px;font-size:22px;padding:6px;z-index:2;color:var(--wh)}
.sv{max-width:560px;padding:40px 26px;text-align:center}.sv h2{font-size:clamp(24px,3.4vw,34px);line-height:1.25}.sv p{color:#c9c7c1;line-height:1.6}.sv .str{justify-content:center}
.nav{all:unset;position:absolute;top:60px;bottom:0;width:35%}.nav.l{left:0}.nav.r{right:0}
.prose{max-width:720px;margin:56px auto 0}.prose h1{font-size:clamp(32px,5vw,52px);max-width:none;margin-bottom:24px}.prose h2{font-size:24px;margin:44px 0 12px}
.prose p,.prose li{color:#cfcdc7;font-size:16.5px;line-height:1.7}.prose li{margin:6px 0}.prose strong{color:var(--wh)}.prose code{font-size:.9em;background:rgba(247,246,242,.07);padding:2px 6px;border-radius:6px}
@media(max-width:520px){.list{grid-template-columns:1fr}.manifest{font-size:15.5px}.hbg{background-size:auto 70%;background-position:70% 0;opacity:.55}.back{display:none}.beta{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.story[hidden]{display:none}
.kicker{font-family:Inter,system-ui,sans-serif}