@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Manrope:wght@200..800&display=swap');
@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan-variable.ttf') format('truetype'),url('../assets/fonts/anuphan-variable.ttf') format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype'),url('../assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#061517;--ink:#effffc;--muted:#9eb9b8;--line:rgba(196,255,249,.22);--aqua:#63e6de;--aqua-soft:#b6fff7;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.8 Anuphan,system-ui,sans-serif}body.lv{--bg:#080909;--ink:#f5f7f1;--muted:#a4aaa3;--line:rgba(230,239,225,.2);--lime:#d1f568;--lime-soft:#f0ffb3}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.wordmark{font:700 19px/1 Manrope;letter-spacing:.08em}.wordmark span{color:var(--aqua)}.lv .wordmark span{color:var(--lime)}.nav-note{font:700 12px Manrope;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.eyebrow{display:block;font:700 12px Manrope;letter-spacing:.22em;text-transform:uppercase;color:var(--aqua)}.lv .eyebrow{color:var(--lime)}.hero{min-height:calc(100svh - 84px);display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,92px);align-items:center;padding:clamp(30px,5vw,75px) 0 78px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(40px,5vw,60px);line-height:1.3;font-weight:600;letter-spacing:normal;margin:18px 0 22px;max-width:600px}.hero h1 em{display:block;color:var(--aqua);font-style:normal}.lead{font-size:17px;color:var(--muted);max-width:480px;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{border:1px solid var(--aqua);border-radius:999px;min-height:48px;padding:11px 24px;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;transition:transform .2s,background .2s,color .2s}.btn:hover{background:var(--aqua);color:#051516;transform:translateY(-2px)}.btn.primary{background:var(--aqua);color:#051516}.hero-art{margin:0;min-height:clamp(430px,64vh,720px);position:relative;overflow:hidden;border-radius:36px 8px 36px 8px;border:1px solid var(--line);background:#0d2829;box-shadow:0 24px 80px rgba(0,0,0,.4)}.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,22,.1),transparent 40%,rgba(1,13,14,.08))}.art-caption{position:absolute;left:20px;bottom:18px;z-index:1;font:700 12px Manrope;letter-spacing:.16em;color:var(--aqua-soft)}.tiles{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px;margin-top:-18px;position:relative;z-index:2}.tile{min-height:220px;position:relative;overflow:hidden;border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);background:#0d2829}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;transition:transform .5s,opacity .3s}.tile:hover img{transform:scale(1.06);opacity:.85}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,16,17,.9),transparent 75%)}.tile-content{position:relative;z-index:1}.tile .label{display:block;font:700 11px Manrope;color:var(--aqua);letter-spacing:.18em}.tile h2{font-size:27px;line-height:1.35;font-weight:600;margin:5px 0 0}.section{padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.35;font-weight:600;margin:0}.section-heading p{color:var(--muted);max-width:380px;margin:0}.signal-row{display:flex;gap:10px;flex-wrap:wrap}.signal{border:1px solid var(--line);padding:8px 13px;border-radius:999px;color:var(--muted);font-size:14px}.closing{border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:14px 0 85px}.closing h2{font-size:clamp(26px,3vw,38px);line-height:1.4;font-weight:600;margin:0}.closing p{color:var(--muted);margin:4px 0 0}.foot{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.foot p{margin:0}.prototype{display:inline-block;color:var(--aqua-soft);border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.lv .prototype{color:var(--lime-soft)}.dialog{width:min(430px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;background:#112728;color:var(--ink);padding:28px}.dialog::backdrop{background:rgba(0,0,0,.76)}.dialog h2{font-size:27px;line-height:1.35;margin:0 0 8px}.dialog p{color:var(--muted);margin:0 0 22px}.dialog .close{width:100%}.lv .btn{border-color:var(--lime)}.lv .btn:hover,.lv .btn.primary{background:var(--lime);color:#0b0d08}.lv .hero h1 em{color:var(--lime)}.lv .hero-art{border-color:rgba(209,245,104,.32);border-radius:8px 32px 8px 32px}.lv .hero-art:before{content:"";position:absolute;inset:16px;border:1px solid rgba(209,245,104,.24);clip-path:polygon(0 0,96% 0,100% 12%,100% 88%,96% 100%,0 100%,0 88%,3% 80%,3% 20%,0 12%);z-index:1;pointer-events:none}.lv .art-caption{color:var(--lime-soft)}.lv .tile{border-color:rgba(209,245,104,.25);border-radius:8px 22px 8px 22px;background:#181b18}.lv .tile:after{background:linear-gradient(0deg,rgba(5,8,7,.92),transparent 78%)}.lv .tile .label{color:var(--lime)}.lv .closing{border-color:rgba(209,245,104,.28)}@media(max-width:780px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{height:70px}.wordmark{font-size:16px}.nav-note{font-size:11px}.hero{min-height:auto;display:flex;flex-direction:column;padding:47px 0 36px;gap:30px;align-items:stretch}.hero-copy{order:0}.hero-art{order:1;min-height:62svh;height:520px;border-radius:26px 6px 26px 6px}.lead{font-size:16px}.tiles{grid-template-columns:1fr;margin-top:0;gap:10px}.tile{min-height:170px}.tile h2{font-size:24px}.section{padding:58px 0}.section-heading{display:block}.section-heading p{margin-top:7px}.closing{display:block;padding:25px;margin-bottom:78px}.closing .btn{width:100%;margin-top:19px}.foot{padding-bottom:82px}.lv .hero-art{height:560px;border-radius:6px 26px 6px 26px}}.lv-logo{font:800 clamp(74px,12vw,170px)/.82 Manrope;font-style:italic;letter-spacing:-.08em;color:var(--silver);margin:22px 0 28px;text-shadow:8px 8px 0 rgba(209,245,104,.12)}.lv .hero h1{font:600 clamp(34px,4.5vw,58px)/1.18 Manrope;letter-spacing:.01em}.lv .hero .lead{font-size:clamp(24px,3vw,38px);line-height:1.35;color:var(--ink);font-weight:500}.lv .hero .prototype{color:var(--lime-soft)}.fp .hero{display:block;min-height:calc(100svh - 84px);position:relative;padding:clamp(120px,17vh,190px) 0 110px}.fp .hero-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;z-index:-1;background:none;box-shadow:none}.fp .hero-art img{object-position:72% center}.fp .hero-art:after{background:linear-gradient(90deg,rgba(4,18,19,.96) 0%,rgba(4,18,19,.75) 38%,rgba(4,18,19,.16) 76%,rgba(4,18,19,.04))}.fp .hero-copy{width:48%}.fp .hero:before{display:none}.fp .tiles{margin-top:-42px}.lv .hero{display:block;text-align:center;min-height:auto;padding:clamp(68px,10vw,120px) 0 36px}.lv .hero-copy{max-width:920px;margin-inline:auto}.lv .hero h1{font-size:clamp(38px,7vw,86px);letter-spacing:.03em}.lv .hero-art{width:100%;height:clamp(360px,50svh,590px);min-height:0;margin:35px auto 0}.lv .hero-art img{object-position:68% center}.lv .hero-art:after{background:linear-gradient(180deg,rgba(8,9,9,.08),rgba(8,9,9,.3))}@media(max-width:780px){.fp .hero{min-height:0;padding:0 0 45px}.fp .hero-art{position:absolute;inset:0 0 auto;height:315px}.fp .hero-art img{object-position:72% center}.fp .hero-art:after{background:linear-gradient(180deg,rgba(4,18,19,.1),rgba(4,18,19,.46) 76%,rgba(4,18,19,.95))}.fp .hero-copy{width:100%;padding-top:330px}.fp .tiles{margin-top:0}.lv .hero{padding-top:54px}.lv .hero-art{height:450px;margin-top:28px}.lv .hero h1{font-size:clamp(36px,10vw,54px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.tile img{transition:none!important}}
/* Portal composition: image first, chrome typography crossing the lower edge. */
.lv{--silver:#e8edeb}.lv .wordmark{font-size:38px;font-style:italic;letter-spacing:-.08em}.lv .hero{display:flex;flex-direction:column;gap:0;padding:10px 0 48px}.lv .hero-art{order:0;height:460px;width:100%;margin:0;border-radius:0;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}.lv .hero-art img{position:absolute;inset:0;object-position:68% 45%}.lv .hero-art:after{background:linear-gradient(0deg,#080909,transparent 48%)}.lv .hero-copy{order:1;margin:-100px auto 0;position:relative;width:100%}.lv .hero-copy>.prototype,.lv .hero-copy>.eyebrow,.lv .lv-logo{display:none}.lv .hero h1{margin:0 auto 20px;max-width:none;font-size:clamp(48px,7vw,94px);line-height:1.05;font-weight:800;font-style:italic;letter-spacing:-.045em;color:#e7eceb;background:linear-gradient(#fff 5%,#adb9b9 39%,#f7fffa 48%,#6b7577 58%,#d9e2dc 80%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #242c25)}.lv .hero .lead{font-size:22px;margin:0 auto 22px;color:#d7dfd4}.lv .hero .lead br{display:none}.lv .actions{justify-content:center}.lv .btn{border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);min-width:180px}.lv .dock{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #444b36;padding:20px 0;text-align:center}.lv .dock strong{display:block;font:600 14px Manrope;letter-spacing:.15em;color:#d1f568}.lv .dock span{font-size:12px;color:#939c90}.tile .label,.nav-note{font-size:12px}.hero-art img{position:absolute;inset:0}.btn:focus-visible,.tile:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.dialog img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:12px;margin-bottom:20px}.lv .dialog{background:#11150f;border-color:#657b32}.fp .wordmark{font-size:25px;letter-spacing:.06em}
@media(max-width:780px){.lv .hero{padding:0 0 30px}.lv .hero-art{height:340px}.lv .hero-copy{margin-top:-52px}.lv .hero h1{font-size:40px;margin-bottom:16px}.lv .hero .lead{font-size:20px;margin-bottom:20px}.lv .hero-art .art-caption{display:none}.lv .section{padding:40px 0}.fp .wordmark{font-size:18px}.fp .nav-note{font-size:12px;letter-spacing:.04em}.fp .hero h1{font-size:42px}.fp .hero-copy{padding-top:305px}.fp .hero-art{height:295px}}