/* ─── TOKENS ───────────────────────────────────── */
:root{
  --bg:#060810;--bg2:#080B14;--surface:#0C1221;--elevated:#101828;--card:#0F1827;
  --ink:#ECF0FB;--muted:rgba(236,240,251,.52);--muted2:rgba(236,240,251,.28);
  --line:rgba(255,255,255,.065);--lines:rgba(255,255,255,.12);
  --accent:#FF5E2C;--accent2:#00C49A;--amber:#FFB340;
  --glass:rgba(6,8,16,.84);
  --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
  --noise-op:.028;
}
[data-theme="light"]{
  --bg:#F4F5FA;--bg2:#ECEEF6;--surface:#FFFFFF;--elevated:#F0F2FA;--card:#FAFBFF;
  --ink:#0E1525;--muted:rgba(14,21,37,.52);--muted2:rgba(14,21,37,.32);
  --line:rgba(0,0,0,.07);--lines:rgba(0,0,0,.12);--glass:rgba(244,245,250,.88);--noise-op:.018;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}
[data-theme="light"]{color-scheme:light}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;overflow-x:hidden;cursor:none}
html,body{max-width:100%;overflow-x:hidden}
a,button{cursor:none;text-decoration:none}
::selection{background:rgba(255,94,44,.28);color:var(--ink)}
img,svg{display:block;max-width:100%}

/* ─── NOISE ─────────────────────────────────────── */
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:var(--noise-op);background-size:200px 200px}

/* ─── CURSOR ─────────────────────────────────────── */
.cursor{position:fixed;z-index:10000;pointer-events:none;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s;mix-blend-mode:screen}
.cursor-ring{position:fixed;z-index:9999;pointer-events:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,94,44,.4);transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),opacity .3s,border-color .3s}
.cursor-hover .cursor{width:32px;height:32px;opacity:.15}
.cursor-hover .cursor-ring{width:52px;height:52px;border-color:rgba(255,94,44,.6)}
@media(pointer:coarse){.cursor,.cursor-ring{display:none}body,a,button{cursor:auto}}

/* ─── GRID TEXTURE ──────────────────────────────── */
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px}
[data-theme="light"] .grid-bg{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}

/* ─── GLASS ─────────────────────────────────────── */
.glass{backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);background:var(--glass);border:1px solid var(--lines)}

/* ─── HEADER ────────────────────────────────────── */
header{position:fixed;top:0;left:0;right:0;z-index:500;padding:calc(.75rem + var(--safe-t)) .75rem .75rem;transition:padding .3s}
header.scrolled{padding-top:calc(.5rem + var(--safe-t))}
.nav-pill{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.1rem;gap:.5rem;border-radius:1rem;box-shadow:0 8px 48px rgba(0,0,0,.55)}
@media(max-width:768px){
  .nav-pill{box-shadow:none}
}

.nav-logo-text{font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--ink);line-height:1}
.nav-logo-sub{font-family:'Space Mono',monospace;font-size:.5rem;letter-spacing:.1em;color:var(--muted2);margin-top:2px;line-height:1}
.nav-link{font-family:'Inter',sans-serif;font-size:.73rem;font-weight:500;color:var(--muted);padding:.38rem .65rem;border-radius:8px;letter-spacing:.01em;transition:color .18s,background .18s}
.nav-link:hover,.nav-link.active-nav{color:var(--ink)}
.nav-link.active-nav{background:rgba(255,255,255,.05)}
[data-theme="light"] .nav-link.active-nav{background:rgba(0,0,0,.04)}
.nav-cta{display:inline-flex;align-items:center;gap:7px;padding:.42rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.04em;border:none;box-shadow:0 4px 16px rgba(255,94,44,.3);transition:transform .18s,box-shadow .18s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(255,94,44,.42)}
.show-d{display:none!important}
@media(min-width:1024px){.show-d{display:flex!important}.hide-d{display:none!important}}
.menu-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--lines);background:var(--elevated);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:border-color .15s}
.menu-btn:hover{border-color:rgba(255,94,44,.4)}

/* ─── DRAWER ────────────────────────────────────── */
#dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#dov.open{opacity:1;pointer-events:all}
#drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:999;background:var(--surface);border-left:1px solid var(--lines);transform:translateX(102%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:none}
#drawer.open{transform:translateX(0);box-shadow:none}
.dh{padding:1.1rem 1.3rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.dc{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:border-color .15s,color .15s}
.dc:hover{color:var(--ink);border-color:var(--lines)}
.dnav{flex:1;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}
.dl{display:flex;align-items:center;gap:11px;padding:.78rem .9rem;border-radius:13px;color:var(--muted);font-size:.88rem;font-weight:500;font-family:'Inter',sans-serif;transition:background .15s,color .15s;border:1px solid transparent}
.dl:hover{background:var(--elevated);color:var(--ink);border-color:var(--line)}
.dli{width:28px;height:28px;border-radius:8px;background:var(--elevated);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted2);flex-shrink:0;transition:background .15s,color .15s,border-color .15s}
.dl:hover .dli{background:rgba(255,94,44,.1);color:var(--accent);border-color:rgba(255,94,44,.25)}
.df{padding:1.1rem 1.3rem;border-top:1px solid var(--line);flex-shrink:0;padding-bottom:calc(1.1rem + var(--safe-b))}

/* ─── BUTTONS ───────────────────────────────────── */
.btn-p{display:inline-flex;align-items:center;gap:8px;padding:.78rem 1.65rem;border-radius:40px;background:var(--accent);color:#fff;font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.04em;border:none;box-shadow:0 4px 24px rgba(255,94,44,.32);transition:transform .2s,box-shadow .2s}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(255,94,44,.44)}
.btn-g{display:inline-flex;align-items:center;gap:8px;padding:.78rem 1.65rem;border-radius:40px;background:transparent;color:var(--muted);font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.03em;border:1px solid var(--lines);transition:border-color .2s,color .2s,transform .2s}
.btn-g:hover{border-color:rgba(255,255,255,.28);color:var(--ink);transform:translateY(-1px)}

/* ─── SECTION UTILS ─────────────────────────────── */
section{position:relative}
.si{max-width:1200px;margin:0 auto;padding:6.5rem 5vw}
@media(max-width:600px){.si{padding:4.5rem 5vw}}
.slabel{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.slabel::before{content:'';width:18px;height:1px;background:var(--accent);opacity:.5}
.stitle{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.2rem}
.stitle em{font-style:normal;color:var(--accent)}
.ghost{color:transparent;-webkit-text-stroke:2px rgba(236,240,251,.25)}
[data-theme="light"] .ghost{-webkit-text-stroke:2px rgba(14,21,37,.2)}
.sbody{font-family:'Inter',sans-serif;font-size:.97rem;line-height:1.82;color:var(--muted);max-width:540px}
.sdiv{height:1px;background:linear-gradient(90deg,transparent,var(--lines),transparent)}
.sec-watermark{position:absolute;right:5vw;top:50%;transform:translateY(-50%);font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(6rem,14vw,12rem);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.03);pointer-events:none;z-index:0;line-height:1;user-select:none}
[data-theme="light"] .sec-watermark{-webkit-text-stroke:1px rgba(0,0,0,.04)}

/* ─── SCROLL REVEAL ─────────────────────────────── */
.rev{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}
.rev.in{opacity:1;transform:none}
.rd1{transition-delay:.07s}.rd2{transition-delay:.14s}.rd3{transition-delay:.21s}.rd4{transition-delay:.28s}.rd5{transition-delay:.35s}

/* ─── SVG ANIMS ─────────────────────────────────── */
@keyframes nPulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes fDash{to{stroke-dashoffset:-28}}
@keyframes fDashR{to{stroke-dashoffset:28}}
@keyframes fDashSlow{to{stroke-dashoffset:-56}}
@keyframes gRing{0%,100%{opacity:.6;r:90}50%{opacity:.08;r:115}}
@keyframes scanV{0%{transform:translateY(-80px);opacity:0}8%{opacity:.8}88%{opacity:.3}100%{transform:translateY(700px);opacity:0}}
@keyframes scanH{0%{transform:translateX(-100px);opacity:0}8%{opacity:.6}88%{opacity:.2}100%{transform:translateX(700px);opacity:0}}
@keyframes pDot{0%,100%{opacity:1;r:1.2}50%{opacity:.25;r:.5}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes au{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rotateSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes dataFlow{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:.7}100%{opacity:0;transform:translateY(-180px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes heatPulse{0%,100%{opacity:.15}50%{opacity:.4}}
@keyframes particleDrift{0%{transform:translate(0,0);opacity:.8}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes isoPulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes flowUp{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
@keyframes counterUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.eN{animation:nPulse 2.8s ease-in-out infinite}
.fP{stroke-dasharray:8 6;animation:fDash 1.8s linear infinite}
.fR{stroke-dasharray:8 6;animation:fDashR 2.2s linear infinite}
.fS{stroke-dasharray:12 8;animation:fDashSlow 3s linear infinite}
.sv{animation:scanV 6s linear infinite}
.sh{animation:scanH 8s linear infinite}
.pd{animation:pDot 2s ease-in-out infinite}
.hp{animation:heatPulse 3.5s ease-in-out infinite}

/* ─── HERO ──────────────────────────────────────── */
.hero{min-height:100dvh;display:grid;grid-template-columns:1fr;align-items:center;gap:2rem;padding:8rem 5vw 5rem;position:relative;overflow:hidden}
@media(max-width:900px){.hero{padding:7rem 5vw 4rem;gap:2rem}}
.hero-copy{position:relative;z-index:2}
.au{opacity:0;animation:au .85s cubic-bezier(.16,1,.3,1) forwards}
.au1{animation-delay:.08s}.au2{animation-delay:.2s}.au3{animation-delay:.32s}.au4{animation-delay:.44s}.au5{animation-delay:.56s}.au6{animation-delay:.7s}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:.33rem .9rem;border-radius:20px;border:1px solid rgba(255,94,44,.28);background:rgba(255,94,44,.07);font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem}
.hero-name{font-family:'Montserrat',sans-serif;font-size:clamp(3.2rem,8vw,6.4rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;margin-bottom:.6rem}
.hero-role{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--accent2);letter-spacing:.08em;margin-bottom:1.6rem;display:flex;align-items:center;gap:.75rem}
.hero-role::after{content:'';width:40px;height:1px;background:var(--accent2);opacity:.45}
.hero-desc{font-family:'Inter',sans-serif;font-size:.97rem;line-height:1.82;color:var(--muted);max-width:560px;margin-bottom:2rem}
.hero-desc strong{color:var(--ink);font-weight:600}
.hero-acts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
.scroll-hint{display:flex;align-items:center;gap:.6rem;font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.12em;color:var(--muted2);text-transform:uppercase}
.scroll-arrow{width:22px;height:22px;border-radius:50%;border:1px solid var(--lines);display:flex;align-items:center;justify-content:center;animation:bob 2.6s ease-in-out infinite}
.rg{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);z-index:0}
.rg1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,94,44,.09) 0%,transparent 70%);top:-150px;left:-100px}
.rg2{width:450px;height:450px;background:radial-gradient(circle,rgba(0,196,154,.06) 0%,transparent 70%);bottom:0;right:-80px}

/* ─── TICKER ────────────────────────────────────── */
.ticker-wrap{overflow:hidden;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.78rem 0}
.ticker-inner{display:flex;gap:3rem;animation:ticker 32s linear infinite;white-space:nowrap;width:max-content}
.ti{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:.14em;color:var(--muted2);text-transform:uppercase}
.ts{color:var(--accent);opacity:.45;font-size:.42rem}
.ticker-wrap:hover .ticker-inner{animation-play-state:paused}

/* ─── STORY ─────────────────────────────────────── */
.story-bg{background:var(--bg2)}
.story-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;max-width:820px}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:3rem}}
.portrait-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;height:100%}
.portrait-inner{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}
.portrait-meta{padding:1.5rem}
.pname{font-family:'Montserrat',sans-serif;font-size:1.45rem;font-weight:900;letter-spacing:-.025em;color:var(--ink);margin-bottom:.2rem}
.ptitle{font-family:'Space Mono',monospace;font-size:.56rem;color:var(--accent2);letter-spacing:.1em;margin-bottom:1.1rem}
.ptags{display:flex;flex-wrap:wrap;gap:.45rem}
.ptag{font-family:'Inter',sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.26rem .65rem;border-radius:20px;border:1px solid var(--line);color:var(--muted2)}
.sp{font-family:'Inter',sans-serif;font-size:.96rem;line-height:1.84;color:var(--muted);margin-bottom:1.4rem}
.sp strong{color:var(--ink);font-weight:600}
.pullq{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:800;line-height:1.38;letter-spacing:-.02em;color:var(--ink);padding:1.6rem 1.8rem;border-left:3px solid var(--accent);background:rgba(255,94,44,.04);border-radius:0 18px 18px 0;margin:2rem 0}
.tl{margin-top:2.2rem;display:flex;flex-direction:column}
.tl-row{display:flex;gap:1rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--line);transition:padding-left .2s}
.tl-row:last-child{border-bottom:none}
.tl-row:hover{padding-left:.5rem}
.tl-yr{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--accent);letter-spacing:.06em;flex-shrink:0;padding-top:.18rem;min-width:3rem}
.tl-dot{width:6px;height:6px;border-radius:50%;border:1.5px solid var(--lines);flex-shrink:0;margin-top:.36rem;transition:background .2s,border-color .2s}
.tl-row:hover .tl-dot{background:var(--accent);border-color:var(--accent)}
.tl-b h4{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:.22rem;letter-spacing:-.01em}
.tl-b p{font-family:'Inter',sans-serif;font-size:.77rem;line-height:1.65;color:var(--muted)}

/* ─── VIEW ──────────────────────────────────────── */
.view-bg{background:var(--bg)}
.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
@media(max-width:900px){.view-grid{grid-template-columns:1fr;gap:3rem}}
.manifesto-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.mc-top{padding:2.2rem 2rem 1.5rem;border-bottom:1px solid var(--line)}
.mc-big{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:900;line-height:1.3;letter-spacing:-.025em;color:var(--ink);margin-bottom:1rem}
.mc-big em{color:var(--accent);font-style:normal}
.mc-body{font-family:'Inter',sans-serif;font-size:.88rem;line-height:1.82;color:var(--muted)}
.mc-attr{padding:1rem 2rem;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.1em;color:var(--muted2);text-transform:uppercase;display:flex;align-items:center;gap:.75rem}
.mc-attr::before{content:'';width:16px;height:1px;background:var(--muted2)}
.view-points{display:flex;flex-direction:column;gap:.8rem}
.vp{display:flex;align-items:flex-start;gap:1rem;padding:1.15rem 1.35rem;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}
.vp:hover{border-color:rgba(255,94,44,.2);transform:translateX(4px)}
.vp::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,94,44,.04) 50%,transparent 60%);border-radius:16px;transform:translateX(-100%);transition:transform .5s ease}
.vp:hover::before{transform:translateX(100%)}
.vp-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line)}
.vp h4{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:.28rem;letter-spacing:-.01em}
.vp p{font-family:'Inter',sans-serif;font-size:.76rem;line-height:1.65;color:var(--muted)}

/* ─── VALUES ────────────────────────────────────── */
.values-bg{background:var(--bg2)}
.values-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
@media(max-width:768px){.values-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}}
.val-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.25rem}
@media(max-width:768px){.val-grid{display:none}}
.val-swiper-wrap{display:none}
@media(max-width:768px){.val-swiper-wrap{display:block}}

/* ─── CARD (shared enhanced) ───────────────────── */
.vc{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:2rem 1.85rem;display:flex;flex-direction:column;height:100%;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
/* Large background icon overlay */
.vc .card-bg-icon{position:absolute;bottom:-10px;right:-10px;opacity:.035;pointer-events:none;transform:rotate(-8deg)}
[data-theme="light"] .vc .card-bg-icon{opacity:.05}
.vc:hover{border-color:rgba(255,94,44,.22);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.vc.featured{grid-row:1/3}
.vc-num{font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.16em;color:var(--accent);margin-bottom:1.5rem}
.vc-icon{width:50px;height:50px;border-radius:15px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}
.vc-title{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:.7rem;line-height:1.2}
.vc.featured .vc-title{font-size:1.25rem}
.vc-body{font-family:'Inter',sans-serif;font-size:.83rem;line-height:1.78;color:var(--muted);flex:1}
.vc-tag{display:inline-flex;margin-top:1.4rem;font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .7rem;border-radius:20px;border:1px solid var(--line);color:var(--muted2);align-self:flex-start}

/* ─── VERTICAL HEADING ACCENT ───────────────────── */
.vert-label{position:absolute;left:-1px;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(-50%);transform-origin:left center;font-family:'Space Mono',monospace;font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:.5;white-space:nowrap;pointer-events:none}

/* ─── SEAMIUM ────────────────────────────────────── */
.focus-bg{background:var(--bg)}
.seamium-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}
@media(max-width:900px){.seamium-header{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem}}
.s-lockup{display:flex;align-items:center;gap:12px;margin-bottom:1.2rem}
.s-mtext{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.14em;color:var(--ink)}
.s-msub{font-family:'Space Mono',monospace;font-size:.5rem;color:var(--muted2);letter-spacing:.08em;margin-top:2px}

/* Stats row */
.sea-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:4rem}
@media(max-width:600px){.sea-stats{grid-template-columns:1fr 1fr}}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.4rem;position:relative;overflow:hidden;transition:border-color .3s,transform .2s}
.stat-card:hover{border-color:rgba(255,94,44,.2);transform:translateY(-3px)}
.stat-card .card-bg-icon{position:absolute;bottom:-8px;right:-8px;opacity:.04;pointer-events:none}
.stat-val{font-family:'Montserrat',sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;letter-spacing:-.04em;color:var(--ink);line-height:1;margin-bottom:.45rem}
.stat-val .ac{color:var(--accent)}
.stat-val .ac2{color:var(--accent2)}
.stat-label{font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);margin-bottom:.5rem;display:block}
.stat-desc{font-family:'Inter',sans-serif;font-size:.75rem;line-height:1.6;color:var(--muted)}

/* Pillar cards */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:768px){.pillar-grid{display:none}}
.pillar-sw{display:none}
@media(max-width:768px){.pillar-sw{display:block}}
.pc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2rem 1.75rem;display:flex;flex-direction:column;height:100%;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.pc:hover{border-color:rgba(255,94,44,.22);transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.pc .card-bg-icon{position:absolute;bottom:-10px;right:-10px;opacity:.04;pointer-events:none}
.pc-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;border:1px solid var(--line)}
.pc-title{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:800;letter-spacing:-.015em;color:var(--ink);margin-bottom:.55rem;line-height:1.2}
.pc-body{font-family:'Inter',sans-serif;font-size:.79rem;line-height:1.72;color:var(--muted);flex:1}

/* ─── CONTROL PHILOSOPHY ─────────────────────────── */
.control-bg{background:var(--bg2)}
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.1rem}
@media(max-width:900px){.bento-grid{display:none}}
.control-sw-wrap{display:none}
@media(max-width:900px){.control-sw-wrap{display:block}}
.bc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2rem 1.85rem;display:flex;flex-direction:column;height:100%;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
.bc .card-bg-icon{position:absolute;bottom:-10px;right:-10px;opacity:.04;pointer-events:none;transform:rotate(-8deg)}
.bc:hover{border-color:rgba(255,94,44,.2);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.bc-hero{grid-column:1/5;grid-row:1/3}
.bc-avoid1{grid-column:5/9;grid-row:1}
.bc-avoid2{grid-column:9/13;grid-row:1}
.bc-policy{grid-column:5/9;grid-row:2}
.bc-ops{grid-column:9/13;grid-row:2}
.bc-wide{grid-column:1/7;grid-row:3}
.bc-stat{grid-column:7/10;grid-row:3}
.bc-stat2{grid-column:10/13;grid-row:3}
.bc-num{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.16em;color:var(--accent);margin-bottom:1.2rem}
.bc-icon{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem}
.bc-title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:.65rem;line-height:1.2}
.bc-hero .bc-title{font-size:1.2rem}
.bc-body{font-family:'Inter',sans-serif;font-size:.8rem;line-height:1.76;color:var(--muted);flex:1}
.bc-tag{display:inline-flex;margin-top:1.2rem;font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;padding:.26rem .7rem;border-radius:20px;border:1px solid var(--line);color:var(--muted2);align-self:flex-start}
.bc-stat-num{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4vw,2.8rem);font-weight:900;letter-spacing:-.04em;color:var(--ink);line-height:1;margin-bottom:.5rem}
.bc-stat-num .ac{color:var(--accent)}
.bc-stat-num .ac2{color:var(--accent2)}
.bc-stat-label{font-family:'Inter',sans-serif;font-size:.75rem;line-height:1.6;color:var(--muted)}
.avoid-list{display:flex;flex-direction:column;gap:.65rem;margin-top:.9rem}
.avoid-item{display:flex;align-items:flex-start;gap:.75rem;font-family:'Inter',sans-serif;font-size:.77rem;line-height:1.55;color:var(--muted)}
.ai-icon{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:rgba(255,94,44,.07);border:1px solid rgba(255,94,44,.18);display:flex;align-items:center;justify-content:center;margin-top:1px}
.ctrl-slide{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}
.ctrl-slide .card-bg-icon{position:absolute;bottom:-8px;right:-8px;opacity:.04;pointer-events:none}
.ctrl-slide .bc-title{font-family:'Montserrat',sans-serif;font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:.6rem;line-height:1.2}
.ctrl-slide .bc-body{font-family:'Inter',sans-serif;font-size:.8rem;line-height:1.76;color:var(--muted);flex:1}
.ctrl-slide .bc-num{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.16em;color:var(--accent);margin-bottom:1rem}
.ctrl-slide .bc-icon{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}

/* ─── CONTACT ───────────────────────────────────── */
.contact-bg{background:var(--bg)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:3rem}}
.contact-email{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--ink);display:inline-block;margin:1.5rem 0;transition:color .2s;line-height:1.2;word-break:break-all}
.contact-email:hover{color:var(--accent)}
.contact-methods{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}
.cm{display:flex;align-items:center;gap:12px;padding:.85rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .2s,background .2s;height:100%}
.cm:hover{border-color:var(--lines);background:var(--surface)}
.cm-icon{width:32px;height:32px;border-radius:9px;background:var(--elevated);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-label{font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;color:var(--ink)}
.cm-val{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--muted);letter-spacing:.04em}
.cm-arrow{margin-left:auto;color:var(--muted2)}

/* ─── FOOTER ────────────────────────────────────── */
footer{background:var(--bg2);border-top:1px solid var(--line)}
.foot-top{max-width:1200px;margin:0 auto;padding:2rem 5vw 1.5rem;display:block}
.foot-brand-name{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;letter-spacing:.06em;color:var(--ink);margin-bottom:.3rem}
.foot-brand-sub{font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.1em;color:var(--muted2);margin-bottom:1rem}
.foot-brand-desc{font-family:'Inter',sans-serif;font-size:.78rem;line-height:1.75;color:var(--muted);max-width:200px}
.foot-col-title{font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted2);margin-bottom:1.1rem}
.foot-links{display:flex;flex-direction:column;gap:.45rem}
.foot-link{font-family:'Inter',sans-serif;font-size:.82rem;font-weight:500;color:var(--muted);letter-spacing:.01em;transition:color .18s;display:inline-flex;align-items:center;gap:.4rem}
.foot-link:hover{color:var(--ink)}
.fl-badge{font-family:'Space Mono',monospace;font-size:.48rem;letter-spacing:.08em;padding:.12rem .4rem;border-radius:4px;background:rgba(255,94,44,.12);color:var(--accent)}
.foot-bottom{max-width:1200px;margin:0 auto;padding:1.75rem 5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.social-row{display:flex;align-items:center;gap:.65rem}
.soc{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:border-color .2s,color .2s,transform .2s,box-shadow .2s}
.soc:hover{transform:translateY(-2px);border-color:var(--lines);color:var(--ink);box-shadow:0 4px 16px rgba(0,0,0,.3)}
.foot-right{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.foot-copy{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.07em;color:var(--muted2)}
.theme-sw{display:flex;align-items:center;gap:.6rem;padding:.38rem .75rem;border-radius:10px;border:1px solid var(--line);background:var(--elevated);color:var(--muted);font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s,color .15s}
.theme-sw:hover{border-color:var(--lines);color:var(--ink)}
.theme-track{width:32px;height:18px;border-radius:9px;background:var(--elevated);border:1px solid var(--line);position:relative;transition:background .25s,border-color .25s;flex-shrink:0}
[data-theme="light"] .theme-track{background:rgba(255,94,44,.14);border-color:rgba(255,94,44,.3)}
.theme-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted2);transition:transform .28s cubic-bezier(.4,0,.2,1),background .25s}
[data-theme="light"] .theme-knob{transform:translateX(14px);background:var(--accent)}
.foot-legal{max-width:1200px;margin:0 auto;padding:1.25rem 5vw calc(1.5rem + var(--safe-b));border-top:1px solid var(--line);font-family:'Inter',sans-serif;font-size:.68rem;line-height:1.75;color:var(--muted2)}
section[id]{scroll-margin-top:80px}

/* ─── SWIPER CONTROLS (redesigned layout) ───────── */
/* Controls row: pause/play LEFT, nav+progress RIGHT */
.sw-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.4rem}
.sw-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.sw-right{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:flex-end}
.sw-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--lines);background:var(--elevated);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;transition:border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s}
.sw-btn:hover{border-color:rgba(255,94,44,.5);background:rgba(255,94,44,.08);color:var(--accent);transform:scale(1.06);box-shadow:0 0 0 4px rgba(255,94,44,.1)}
.sw-btn:active{transform:scale(.95)}
.sw-btn svg{width:13px;height:13px;flex-shrink:0}
.sw-play-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center;color:var(--muted2);flex-shrink:0;transition:border-color .2s,background .2s,color .2s}
.sw-play-btn:hover{border-color:rgba(255,94,44,.3);color:var(--accent)}
.sw-play-btn svg{width:12px;height:12px}
.sw-prog-wrap{width:80px;height:1.5px;background:var(--line);border-radius:2px;overflow:hidden;flex-shrink:0}
.sw-prog{height:100%;background:var(--accent);border-radius:2px;transition:width .35s cubic-bezier(.16,1,.3,1)}
.sw-frac{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.06em;color:var(--muted2);flex-shrink:0;white-space:nowrap}
.sw-frac span{color:var(--ink);font-weight:700}
.swiper-slide{height:auto!important}

@media(max-width:480px){
  .si{padding:4rem 4vw}
  .hero-name{font-size:clamp(3rem,13vw,5rem)}
}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

.portrait-image{width:100%;height:100%;object-fit:cover;}
.contact-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;}
.contact-avatar{width:88px;height:88px;border-radius:50%;border:1px solid var(--lines);object-fit:cover;}
.contact-card p{font-family:'Inter',sans-serif;font-size:.82rem;line-height:1.7;color:var(--muted);max-width:300px;}

/* ─── WORK + CONTACT PAGES ───────────────────── */
.page-shell{padding:8rem 5vw 5rem;max-width:1240px;margin:0 auto}
.page-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;align-items:stretch;margin-bottom:1.2rem}
@media(max-width:900px){.page-hero{grid-template-columns:1fr}}
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
@media(max-width:900px){.bento-grid{grid-template-columns:1fr}}
.bento-card{background:linear-gradient(155deg,rgba(255,255,255,.02),rgba(255,255,255,.005));border:1px solid var(--line);border-radius:22px;padding:1.5rem;position:relative;overflow:hidden;min-height:180px}
.bento-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,94,44,.09),transparent 45%);pointer-events:none}
.hero-prime{grid-column:span 8;min-height:300px}
.hero-side{grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between}
.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}
@media(max-width:900px){.hero-prime,.hero-side,.span-7,.span-5,.span-4,.span-6,.span-8{grid-column:span 1}}
.kicker{font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.big-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:.6rem 0 1rem}
.page-copy{font-size:.92rem;line-height:1.8;color:var(--muted);max-width:62ch}
.metric{font-family:'Montserrat',sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:-.04em}
.list-clean{display:grid;gap:.72rem;margin-top:1rem}
.list-clean li{list-style:none;padding:.6rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.78rem;color:var(--muted)}
.contact-form{display:grid;gap:.85rem}
.contact-form label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted2);font-family:'Space Mono',monospace}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:.82rem .9rem;font-family:'Inter',sans-serif;font-size:.87rem}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:rgba(255,94,44,.6);box-shadow:0 0 0 3px rgba(255,94,44,.12)}
.contact-channels{display:grid;gap:.8rem}
.channel{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.channel strong{font-size:.8rem}
.channel span{font-size:.72rem;color:var(--muted2)}
.social-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem}
.social-chip{padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:.72rem}
.social-chip:hover{color:var(--ink);border-color:rgba(255,94,44,.35)}
.guide-steps{counter-reset:steps;display:grid;gap:.72rem;margin-top:.8rem}
.guide-steps li{list-style:none;padding:.8rem .9rem .8rem 2.2rem;border:1px solid var(--line);border-radius:12px;position:relative;color:var(--muted);font-size:.78rem}
.guide-steps li::before{counter-increment:steps;content:counter(steps);position:absolute;left:.75rem;top:.7rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,94,44,.15);color:var(--accent);font-family:'Space Mono',monospace;font-size:.58rem}