
@font-face{font-family:Figtree;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/figtree-latin.8330490a01.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/newsreader-latin.01817351be.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#FAF6EE;--alt:#F1EADC;--card:#FFFFFF;--text:#1D1A15;--muted:#5F574A;--line:rgba(29,26,21,.12);--accent:#2F6B3A;--gold:#A8771E;--cta:#1D1A15;--cta-text:#FAF6EE;--ph:#E7DECD;--area:rgba(47,107,58,.08);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#16130F;--alt:#1E1A15;--card:#221D17;--text:#F3ECDF;--muted:#B4AA9A;--line:rgba(243,236,223,.12);--accent:#8FD07A;--gold:#E3B65C;--cta:#E3B65C;--cta-text:#16130F;--ph:#2A241D;--area:rgba(143,208,122,.10);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#16130F;--alt:#1E1A15;--card:#221D17;--text:#F3ECDF;--muted:#B4AA9A;--line:rgba(243,236,223,.12);--accent:#8FD07A;--gold:#E3B65C;--cta:#E3B65C;--cta-text:#16130F;--ph:#2A241D;--area:rgba(143,208,122,.10);color-scheme:dark}
.i-sun{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .i-sun{display:block}:root:not([data-theme="light"]) .i-moon{display:none}}
:root[data-theme="dark"] .i-sun{display:block}:root[data-theme="dark"] .i-moon{display:none}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
a:hover{opacity:.85}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:20;background:#FBF6EC;color:#1D1A15;padding:12px 16px;min-height:44px;border-radius:10px;font-weight:600}
.skip:focus{top:12px}
.page{background:var(--bg);color:var(--text);font-family:Figtree,system-ui,sans-serif;font-size:17px;line-height:1.6;transition:background .4s ease,color .4s ease;overflow:hidden}
section[id],h2[id]{scroll-margin-top:24px}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.serif{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.02em}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.navlinks{display:flex;gap:32px}
.navlinks a{min-height:44px;display:flex;align-items:center}
.ui{background:#FFFFFF;color:#1D1A15;border-radius:18px;box-shadow:0 1px 0 rgba(29,26,21,.05),0 24px 50px -20px rgba(40,25,5,.35);font-family:Figtree,sans-serif}
.store{min-height:64px;padding:10px 22px;border-radius:16px;display:flex;align-items:center;gap:14px;transition:transform .25s ease}
a.store:hover{transform:translateY(-2px);opacity:1}
.soon{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.motif{position:absolute;inset:0;background-image:url(/assets/img/motif-wanar.3b93b6f45b.svg);background-size:120px 94px;opacity:.06;pointer-events:none}
.bigsign{position:absolute;right:-6%;bottom:-8%;width:62%;max-width:720px;opacity:.07;pointer-events:none}
.terrain-art{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#1F4A31,#11281B 60%,#0A1710);display:flex;align-items:center;justify-content:center}
.terrain-art img{width:58%;opacity:.9}
@media (max-width:960px){.g2,.g3,.g4{grid-template-columns:1fr;gap:32px}.navlinks{display:none}.wrap{padding:0 20px}.h1{font-size:44px!important}.h2{font-size:34px!important}.vis{font-size:38px!important}.desk{display:none!important}.scene{grid-template-columns:1fr!important;padding:24px!important}.dl{padding:32px 20px!important;grid-template-columns:1fr!important;gap:32px!important}.hero{min-height:680px!important}.hero .wrap{padding-bottom:64px!important}.pricecard{padding:28px!important}.lotcard{padding:24px 20px 20px!important}.lotcard svg{height:200px}.store{padding:0 16px}}
@media (max-width:480px){.hdr-cta{display:none!important}.hero-btns a{flex:1 1 100%;justify-content:center}.prprice{font-size:64px!important}}
@keyframes kenburns{from{transform:scale(1.03)}to{transform:scale(1.14)}}
@keyframes up{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes word{from{transform:translateY(105%)}to{transform:none}}
@keyframes cardin{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes drift{to{transform:translateX(-50%)}}
@keyframes feed{to{transform:translateY(-50%)}}
@keyframes drawline{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes press{0%,70%,100%{transform:scale(1)}78%{transform:scale(.94)}86%{transform:scale(1)}}
@keyframes ripple{0%,70%{opacity:0;transform:scale(.6)}78%{opacity:.35}100%{opacity:0;transform:scale(1.6)}}
@keyframes rowin{0%,10%{opacity:0;transform:translateX(-12px)}25%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes scatter{from{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:1}to{transform:translate(0,0) rotate(0);opacity:0}}
@keyframes settle{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.kb{animation:kenburns 24s ease-out both}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.w>span{display:inline-block;animation:word 1s cubic-bezier(.2,.75,.15,1) both}
.up{animation:up 1.1s cubic-bezier(.2,.7,.2,1) both}
.card-in{animation:cardin .9s cubic-bezier(.2,.8,.2,1) both,float 7s ease-in-out infinite}
.reveal{animation:up 1s cubic-bezier(.2,.7,.2,1) both}
.draw{stroke-dasharray:var(--len);animation:drawline 2.4s cubic-bezier(.6,.1,.2,1) both}
.bar{transform-origin:bottom;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.scrap{animation:scatter 1.4s cubic-bezier(.6,.05,.3,1) 1.2s both}
.settle{animation:settle .9s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline: view()){
.reveal{animation:up linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
.draw.sv{animation:drawline linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
.scrap{animation:scatter linear both;animation-timeline:view();animation-range:cover 20% cover 55%}
.settle.sv{animation:settle linear both;animation-timeline:view();animation-range:cover 30% cover 55%}
}
@supports not (animation-timeline: view()){
.js .reveal:not(.in),.js .draw.sv:not(.in),.js .scrap:not(.in),.js .settle.sv:not(.in){animation-play-state:paused}
}
.btnpress{animation:press 3.2s ease-in-out infinite}
.rip{opacity:0;animation:ripple 3.2s ease-out infinite}
.row1{animation:rowin 6s ease infinite}.row2{animation:rowin 6s ease .6s infinite}.row3{animation:rowin 6s ease 1.2s infinite}
.strip{display:flex;gap:16px;width:max-content;animation:drift 70s linear infinite}
.strip:hover{animation-play-state:paused}
.feed{animation:feed 30s linear infinite}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.legal{max-width:760px;margin:0 auto;padding:140px 20px 96px}
.legal h1{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.02em;font-size:46px;line-height:1.08;margin:0 0 12px}
.legal h2{font-size:21px;margin:40px 0 8px}
.legal p,.legal li{color:var(--muted)}
.legal a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
.legal .updated{font-size:15px;margin:0 0 24px}
.legal .todo{background:var(--alt);color:var(--text);padding:0 6px;border-radius:6px;font-weight:600}
.solidhdr{background:#16241B}
