/* =========================================================================
   SAKA ONE ENTERPRISES — Real site
   Light editorial-kinetic. Thesis-led, proof-forward, drawer-organized.
   Cream paper, ink, gold-as-scalpel. Schibsted Grotesk / Newsreader / Inter.
   ========================================================================= */

:root{
  --paper:#F6F4EE;--paper2:#FBFAF5;--paper-deep:#EFEADF;--paper-edge:#E7E2D4;
  --ink:#15140F;--ink2:#56544C;--ink3:#8C897F;--ink4:#B4B0A4;
  --dk:#0B0A08;--dk2:#15130E;--ivory:#F3EFE5;--iv2:#C9C3B4;--iv3:#807A69;
  --gold:#9C7B33;--gline:#C6A664;--gsoft:rgba(198,166,100,0.14);
  --green:#3F8F5F;--amber:#C79A3A;
  --hair:rgba(21,20,15,0.12);--hair2:rgba(21,20,15,0.06);--hair3:rgba(21,20,15,0.18);
  --dhair:rgba(243,239,229,0.10);--dhair2:rgba(243,239,229,0.16);
  --max:1240px;--gut:clamp(24px,5vw,60px);--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:17px;overflow-x:hidden}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
img{display:block}
a{color:inherit;text-decoration:none}

.disp{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;letter-spacing:-0.03em;line-height:0.98}
.serif{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-0.012em}
.serif-it{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400}
.eyebrow{font-family:'Inter';font-size:11.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0.04em}

.sectag{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.sectag .ix{font-weight:600;font-size:12px;letter-spacing:0.06em;color:var(--gold)}
.sectag .nm{font-size:11.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.sectag .ln{flex:1;height:1px;background:var(--hair)}
.sectag .ct{font-size:11px;letter-spacing:0.14em;color:var(--ink4)}

.btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;border-radius:2px;padding:14px 24px;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .25s}
.btn .ar{transition:transform .25s var(--ease)}
.btn:hover .ar{transform:translateX(5px)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#000;transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(21,20,15,0.55)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--hair3)}
.btn-line:hover{border-color:var(--gold);background:var(--gsoft);transform:translateY(-2px)}
.btn-gold{background:var(--gline);color:#241B07}
.btn-gold:hover{background:#d4b878;transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(156,123,51,0.5)}

/* ---- header ---- */
header{position:sticky;top:0;z-index:60;background:rgba(246,244,238,0.82);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:box-shadow .3s}
header.scrolled{box-shadow:0 1px 0 var(--hair),0 10px 30px -24px rgba(21,20,15,0.4)}
.masthead{display:flex;align-items:center;justify-content:space-between;height:30px;border-bottom:1px solid var(--hair2);overflow:hidden;transition:height .35s var(--ease),opacity .3s}
.masthead span{font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.masthead .grp{display:flex;align-items:center;gap:16px}
.masthead .dot{width:3px;height:3px;border-radius:50%;background:var(--gline)}
header.scrolled .masthead{height:0;opacity:0;border-color:transparent}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav .brand{height:19px;width:auto}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a:not(.navbtn){position:relative;font-size:13.5px;color:var(--ink2);padding:4px 0;transition:color .18s}
.nav-links a:not(.navbtn):after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gline);transition:width .26s var(--ease)}
.nav-links a:not(.navbtn):hover{color:var(--ink)}
.nav-links a:not(.navbtn):hover:after{width:100%}
@media(max-width:880px){.nav-links a:not(.navbtn){display:none}.masthead .grp span:nth-child(n+3){display:none}}

/* ---- hero ---- */
.hero{padding:78px 0 90px}
/* command-center split hero (text left, image bleeds right) , LOCKED core look */
.hero-command2{display:flex;align-items:center;min-height:600px;position:relative}
.hero-command2 .c2-copy{position:relative;z-index:3;max-width:47%;padding:26px 0}
.hero-command2 .c2-glow{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(198,166,100,0.11),transparent 68%);z-index:0;pointer-events:none}
.hero-command2 .c2-img{position:absolute;top:0;bottom:0;right:calc((100vw - 100%) / -2);width:min(58vw,1060px);z-index:1;overflow:hidden}
.hero-command2 .c2-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-command2 .c2-fade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#F6F4EE 0%,rgba(246,244,238,0.9) 13%,rgba(246,244,238,0.22) 38%,transparent 58%)}
.hero h1{font-size:clamp(42px,5.4vw,72px);margin-top:22px;max-width:15ch}
.hero h1 .serif-it{color:var(--gold)}
.hero .sub{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(18px,1.7vw,22px);color:var(--ink2);margin-top:26px;max-width:44ch;line-height:1.5}
.hero .sub .nf{display:block;margin-top:12px;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-style:normal;font-size:1.08em;color:var(--ink);letter-spacing:-0.01em}
.hero .acts{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
@media(max-width:880px){
  .hero{padding:48px 0 64px}
  .hero-command2{display:block;min-height:0}
  .hero-command2 .c2-copy{max-width:none;padding:0 0 30px}
  .hero-command2 .c2-glow{display:none}
  .hero-command2 .c2-img{position:static;width:auto;margin:0 calc(50% - 50vw)}
  .hero-command2 .c2-img img{height:auto;max-height:62vh}
  .hero-command2 .c2-fade{display:none}
}

/* ---- orchestration model ---- */
.orch{background:var(--paper-deep);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);position:relative;overflow:hidden}
.orch:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hair2) 1px,transparent 1px),linear-gradient(90deg,var(--hair2) 1px,transparent 1px);background-size:52px 52px;opacity:.7;-webkit-mask-image:radial-gradient(120% 80% at 80% 0%,#000,transparent 70%);mask-image:radial-gradient(120% 80% at 80% 0%,#000,transparent 70%)}
.orch .wrap{padding:96px var(--gut);position:relative;z-index:2}
.orch h2{font-size:clamp(30px,3.8vw,48px);max-width:none;margin-top:6px;font-weight:600}
.orch h2 .serif-it{color:var(--gold)}
.orch .lede{font-family:'Newsreader',serif;font-size:21px;color:var(--ink2);max-width:none;margin-top:18px;line-height:1.45}
.flow{display:flex;align-items:stretch;margin-top:58px;gap:0}
.fcol{flex:1;text-align:center;padding:0 6px}
.fcol .ring{width:74px;height:74px;border-radius:50%;border:1px solid var(--hair3);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:var(--ink2);background:var(--paper2);transition:transform .3s var(--ease)}
.fcol.human .ring{border:1.5px solid var(--gline);color:var(--gold);background:radial-gradient(circle,var(--gsoft),var(--paper2));box-shadow:0 0 0 6px var(--gsoft)}
.fcol h4{font-size:15px;font-weight:600}
.fcol.human h4{color:var(--gold)}
.fcol .k{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink4);font-weight:600;margin-bottom:8px}
.fcol p{font-size:13px;color:var(--ink2);margin-top:8px;max-width:19ch;margin-inline:auto;line-height:1.45}
.farr{flex:0 0 54px;display:flex;align-items:center;justify-content:center;color:var(--gline);font-size:18px;padding-bottom:46px}
.farr span{animation:fl 1.8s ease-in-out infinite}
@keyframes fl{0%,100%{opacity:.3;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}
.prin{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:62px;background:var(--hair);border:1px solid var(--hair);border-radius:8px;overflow:hidden}
.prin>div{background:var(--paper-deep);padding:26px 26px 30px}
.prin .pn{font-size:11px;color:var(--gold);font-weight:600}
.prin h5{font-size:16px;font-weight:600;margin:13px 0 8px}
.prin p{font-size:13.5px;color:var(--ink2);line-height:1.55}
@media(max-width:880px){.orch .wrap{padding:64px var(--gut)}.flow{flex-wrap:wrap;gap:22px 0}.fcol{flex:1 0 40%}.farr{display:none}.prin{grid-template-columns:1fr}}

/* ---- showcase ---- */
.show{padding:96px 0}
.show .intro{max-width:60ch;margin-bottom:54px}
.show .intro h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;margin-top:6px}
.show .intro p{font-family:'Newsreader',serif;font-size:19px;color:var(--ink2);margin-top:16px;line-height:1.45}

/* venture proof band */
.vband{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,4.5vw,64px);align-items:center}
.vband.flip .v-media{order:2}
.v-eye{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v-eye .tag{font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;color:var(--ink3)}
.v-eye .tag b{color:var(--gold)}
.v-status{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.v-status .sd{width:6px;height:6px;border-radius:50%;background:var(--ink4)}
.v-status.live .sd{background:var(--green);box-shadow:0 0 0 3px rgba(63,143,95,0.16)}
.v-status.flight .sd{background:var(--gline);box-shadow:0 0 0 3px var(--gsoft)}
.vband h3{font-family:'Newsreader',serif;font-size:clamp(28px,3.2vw,40px);font-weight:500;margin-top:15px;letter-spacing:-0.012em}
.vband .lead{font-size:16px;color:var(--ink2);margin-top:15px;line-height:1.6;max-width:44ch}
.specs{margin-top:24px;display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:8px;overflow:hidden}
.specs .sp{background:var(--paper);display:grid;grid-template-columns:128px 1fr;gap:16px;padding:14px 18px;align-items:start}
.specs .sp .sk{font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:600;padding-top:2px}
.specs .sp .sv{font-size:14px;color:var(--ink);line-height:1.45}
.specs .sp.human{background:var(--gsoft)}
.ctx{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
.ctx .cl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink4);font-weight:600;width:100%;margin-bottom:-4px}
.ctx .ci .cv{font-family:'Newsreader',serif;font-size:24px;line-height:1}
.ctx .ci .ck{font-size:11.5px;color:var(--ink3);margin-top:6px;max-width:20ch;line-height:1.35}

/* featured band gets more presence */
.feature{padding:40px 0 60px;border-bottom:1px solid var(--hair);margin-bottom:8px}
.feature .vband h3{font-size:clamp(32px,3.8vw,48px)}

/* ---- drawers ---- */
.mode-intro{max-width:none;margin-bottom:8px}
.mode-intro h3{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(26px,3vw,38px);letter-spacing:-0.015em;line-height:1.08;color:var(--ink)}
.mode-intro p{font-size:16px;color:var(--ink2);line-height:1.6;margin-top:14px}
.mode-intro p:first-of-type{margin-top:20px}
.drawers{margin-top:48px;border-top:1px solid var(--hair3)}
.drawer{border-bottom:1px solid var(--hair3)}
.drawer-head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:30px 4px;cursor:pointer;transition:padding-left .3s var(--ease)}
.drawer-head:hover{padding-left:14px}
.dh-l{display:flex;align-items:baseline;gap:18px}
.dh-num{font-size:12px;font-weight:600;color:var(--gold)}
.dh-name{font-size:clamp(22px,2.6vw,32px);font-weight:600;letter-spacing:-0.02em}
.dh-mid{min-width:0}
.dh-desc{font-size:14px;color:var(--ink2);max-width:64ch}
.dh-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{font-size:11px;color:var(--ink3);border:1px solid var(--hair);border-radius:20px;padding:4px 12px;background:var(--paper2);transition:border-color .2s,color .2s}
.drawer-head:hover .chip{border-color:var(--gline)}
.dh-r{display:flex;align-items:center;gap:18px}
.dh-count{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink4);font-weight:500;white-space:nowrap}
.dh-tog{width:42px;height:42px;border-radius:50%;border:1px solid var(--hair3);display:flex;align-items:center;justify-content:center;flex:none;transition:border-color .25s,background .25s,transform .35s var(--ease)}
.drawer-head:hover .dh-tog{border-color:var(--gold);background:var(--gsoft)}
.dh-tog svg{width:15px;height:15px;stroke:var(--ink);stroke-width:1.6;transition:transform .35s var(--ease)}
.drawer.open .dh-tog svg{transform:rotate(45deg)}
.drawer.open .dh-tog{border-color:var(--gold);background:var(--gsoft)}
.drawer-body{overflow:hidden;height:0;transition:height .5s var(--ease),opacity .4s}
.drawer-inner{padding:6px 0 56px;display:flex;flex-direction:column;gap:64px}
@media(max-width:880px){
  .drawer-head{grid-template-columns:1fr auto;gap:14px}
  .dh-mid{grid-column:1 / -1}
  .vband{grid-template-columns:1fr;gap:30px}
  .vband.flip .v-media{order:0}
}

/* ---- media components ---- */
.frame{background:var(--paper2);border:1px solid var(--hair);border-radius:10px;overflow:hidden;box-shadow:0 38px 70px -44px rgba(21,20,15,0.42)}
.fbar{height:36px;border-bottom:1px solid var(--hair2);display:flex;align-items:center;gap:7px;padding:0 14px}
.fbar i{width:9px;height:9px;border-radius:50%}
.fbar i:nth-child(1){background:rgba(216,71,47,.5)}.fbar i:nth-child(2){background:var(--gline)}.fbar i:nth-child(3){background:rgba(63,143,95,.55)}
.fbar .u{margin-left:10px;font-size:11px;color:var(--ink3)}
.frame .win{position:relative;overflow:hidden;background:#0B0A08}
.frame .win img{width:100%;display:block}
.frame .win iframe{width:100%;height:100%;border:0;background:#fff;display:block}
/* ===== Project Bridge case-study panel ===== */
.pb-flag{margin-bottom:18px}
.pb-case{display:grid;grid-template-columns:1.28fr 1fr;gap:clamp(32px,3.8vw,58px);align-items:start}
.pb-left{min-width:0}
.pb-right{padding-top:2px;min-width:0}

/* product-scoped accent + cycling video portal */
.pb-player{--pbp:#4a3f93;--pbp2:#6a5cb8;--pbp-soft:#ece9f8}
.pb-player .fbar{flex-wrap:nowrap}
.pb-player .u{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}
.pb-tabs{margin-left:auto;display:flex;gap:2px;flex-shrink:0}
.pb-sc{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;color:var(--ink3);background:transparent;border:0;padding:5px 11px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
.pb-sc:hover{color:var(--ink2);background:var(--paper-deep)}
.pb-sc.on{color:var(--pbp);background:var(--pbp-soft);font-weight:600}
.pb-win{position:relative;aspect-ratio:16/9;height:auto;background:#241d3a}
.pb-prog{position:absolute;top:0;left:0;right:0;height:2px;z-index:4;background:rgba(255,255,255,0.14)}
.pb-prog span{display:block;height:100%;width:0;background:var(--gline);transition:width .12s linear}
.pb-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .45s ease}
.pb-v.on{opacity:1}
.pb-boot{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;color:rgba(255,255,255,0.66);font-family:'Inter',sans-serif;font-size:12px;letter-spacing:0.04em;background:#241d3a;opacity:0;pointer-events:none;transition:opacity .3s}
.pb-win.loading .pb-boot{opacity:1}
.pb-boot-dot{width:7px;height:7px;border-radius:50%;background:var(--gline);animation:pbpulse 1.1s ease-in-out infinite}
@keyframes pbpulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.pb-cap{margin-top:13px;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink4);font-weight:500}
@media(prefers-reduced-motion:reduce){.pb-v{transition:none}}

/* right column */
.pb-right h3{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(30px,3.3vw,44px);letter-spacing:-0.025em;line-height:1.03;color:var(--ink)}
.pb-right .lead{font-size:16px;color:var(--ink2);margin-top:18px;line-height:1.6;max-width:46ch}
.pb-cards{margin-top:26px;border:1px solid var(--hair);border-radius:10px;overflow:hidden}
.pb-card{display:grid;grid-template-columns:118px 1fr;gap:18px;padding:16px 18px;border-top:1px solid var(--hair2)}
.pb-card:first-child{border-top:0}
.pb-cl{font-size:10.5px;letter-spacing:0.13em;text-transform:uppercase;color:var(--gold);font-weight:600;padding-top:2px}
.pb-card p{font-size:13.5px;color:var(--ink);line-height:1.5}

/* complexity-compressed strip */
.pb-bridge{margin-top:30px;padding-top:26px;border-top:1px solid var(--hair);font-family:'Newsreader',serif;font-weight:400;font-size:clamp(20px,2.05vw,27px);line-height:1.4;letter-spacing:-0.01em;color:var(--ink2);max-width:none}
.pb-strip{margin-top:28px;border:1px solid var(--hair);border-radius:12px;background:var(--paper2);display:grid;grid-template-columns:1.22fr 1fr;overflow:hidden}
.pb-flow{display:flex;align-items:flex-start;gap:14px;padding:24px 26px}
.pb-fstep{display:flex;align-items:flex-start;gap:11px}
.pb-fic{width:34px;height:34px;border-radius:8px;border:1px solid var(--hair);background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--ink3);flex:none}
.pb-fic svg{width:18px;height:18px}
.pb-fk{display:block;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:4px}
.pb-fstep p{font-size:12px;color:var(--ink2);line-height:1.4;max-width:22ch}
.pb-farr{color:var(--ink4);font-size:19px;align-self:center;flex:none}
.pb-lev{padding:24px 26px;border-left:1px solid var(--hair);background:var(--paper)}
.pb-levk{font-size:10.5px;letter-spacing:0.13em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.pb-mets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.pb-mv{font-family:'Newsreader',serif;font-size:13px;color:var(--ink3);font-weight:400;display:block;line-height:1.15}
.pb-mv b{font-family:'Newsreader',serif;font-weight:500;font-size:25px;color:var(--ink);letter-spacing:-0.01em}
.pb-met p{font-size:11px;color:var(--ink3);margin-top:7px;line-height:1.35;max-width:18ch}

@media(max-width:980px){
  .pb-case{grid-template-columns:1fr;gap:32px}
  .pb-strip{grid-template-columns:1fr}
  .pb-lev{border-left:0;border-top:1px solid var(--hair)}
  .pb-flow{flex-wrap:wrap}
}
@media(max-width:680px){
  .pb-stats{grid-template-columns:repeat(2,1fr)}
  .pb-chips{grid-template-columns:repeat(2,1fr)}
  .pb-side{display:none}
  .pb-dash{grid-template-columns:1fr}
  .pb-tr{grid-template-columns:1.5fr 1.7fr 0.7fr}
  .pb-tr span:nth-child(4),.pb-tr span:nth-child(5),.pb-tr span:nth-child(6){display:none}
  .pb-card{grid-template-columns:1fr;gap:6px}
  .pb-mets{grid-template-columns:1fr;gap:14px}
}

.twin{display:flex;gap:18px;justify-content:center}
.phone{background:#15130E;padding:7px;border-radius:30px;box-shadow:0 40px 70px -36px rgba(21,20,15,0.5)}
.phone video{display:block;width:200px;aspect-ratio:390/844;border-radius:23px;background:#000;object-fit:cover}
.phone.sm video{width:170px}

.vend-tile{display:flex;flex-direction:column;align-items:center;gap:16px}
.vend-mat{background:var(--paper2);border:1px solid var(--hair);border-radius:16px;padding:30px;box-shadow:0 30px 60px -42px rgba(21,20,15,0.4)}
.vend-mat img{width:170px;height:auto;border-radius:8px}

/* keppa live call */
.kp{background:var(--paper2);border:1px solid var(--hair);border-radius:14px;overflow:hidden;box-shadow:0 38px 70px -44px rgba(21,20,15,0.4)}
.kp-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--hair2);font-size:11.5px;color:var(--ink2)}
.kp-bar .lv{width:8px;height:8px;border-radius:50%;background:#D8472F;animation:bl 1.4s ease-in-out infinite}
.kp-bar .t{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums}
@keyframes bl{0%,100%{opacity:.3}50%{opacity:1}}
.kp-body{padding:18px 16px 6px;min-height:150px}
.kp-m{font-size:13px;line-height:1.42;margin-bottom:13px;opacity:0}
.kp-m .w{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-weight:600}
.kp-m.c1{animation:c1 11s ease-in-out infinite}.kp-m.c2{animation:c2 11s ease-in-out infinite}.kp-m.c3{animation:c3 11s ease-in-out infinite}
@keyframes c1{0%,6%{opacity:0;transform:translateY(8px)}13%,95%{opacity:1;transform:none}100%{opacity:0}}
@keyframes c2{0%,24%{opacity:0;transform:translateY(8px)}31%,95%{opacity:1;transform:none}100%{opacity:0}}
@keyframes c3{0%,43%{opacity:0;transform:translateY(8px)}50%,95%{opacity:1;transform:none}100%{opacity:0}}
.kp-wh{margin:2px 16px 0;background:var(--dk);color:var(--ivory);border-radius:10px;padding:12px 14px;font-size:11.5px;line-height:1.45;opacity:0;animation:wh 11s ease-in-out infinite}
.kp-wh .l{display:block;color:var(--gline);font-size:9px;letter-spacing:.14em;margin-bottom:4px}
@keyframes wh{0%,60%{opacity:0;transform:translateY(12px)}68%,95%{opacity:1;transform:none}100%{opacity:0}}
.kp-wave{display:flex;align-items:flex-end;gap:3px;height:26px;padding:14px 16px 16px}
.kp-wave i{flex:1;background:var(--gline);opacity:.7;border-radius:2px;transform-origin:bottom;animation:wv 1.1s ease-in-out infinite}
@keyframes wv{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}

/* ---- operator ---- */
.operator{border-top:1px solid var(--hair)}
.operator .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,80px);align-items:center;padding:96px 0}
.op-body h3{font-family:'Newsreader',serif;font-size:clamp(32px,4vw,52px);font-weight:500;margin-top:14px;letter-spacing:-0.014em}
.op-body .role{font-size:13px;color:var(--ink3);margin-top:6px}
.op-body p{font-size:16px;color:var(--ink2);margin-top:20px;max-width:54ch;line-height:1.66}
.op-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:var(--hair);border:1px solid var(--hair);border-radius:6px;overflow:hidden}
.op-traits>div{background:var(--paper);padding:20px}
.op-traits h5{font-size:13.5px;font-weight:600}
.op-traits p{font-size:12.5px;color:var(--ink2);margin-top:6px;max-width:24ch;line-height:1.46}
.op-figure{position:relative;justify-self:end;max-width:380px;width:100%}
.op-photo{aspect-ratio:3/4;border-radius:4px;overflow:hidden;border:1px solid var(--hair);background:#ece9e1}
.op-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:contrast(1.02)}
.op-figure .fcap{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.op-figure .fcap b{color:var(--gold)}
@media(max-width:880px){.operator .wrap{grid-template-columns:1fr;gap:40px;padding:64px 0}.op-figure{justify-self:start;max-width:320px}.op-traits{grid-template-columns:1fr}}

/* ---- cta ---- */
.cta{background:var(--dk);color:var(--ivory);position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--dhair) 1px,transparent 1px),linear-gradient(90deg,var(--dhair) 1px,transparent 1px);background-size:54px 54px;opacity:.5;-webkit-mask-image:radial-gradient(110% 100% at 14% 100%,#000,transparent 68%);mask-image:radial-gradient(110% 100% at 14% 100%,#000,transparent 68%)}
.cta .wrap{padding:clamp(40px,5vw,60px) var(--gut);position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,76px);align-items:center}
.cta .eyebrow{display:block;margin-bottom:20px;color:var(--gline)}
.creed{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(22px,2.5vw,33px);line-height:1.16;letter-spacing:-0.02em;color:var(--ivory)}
.creed .accent{color:var(--gline)}
.cta-sub{font-size:15px;color:var(--iv2);margin-top:24px;max-width:44ch;line-height:1.62}
.cta-meta{margin-top:26px;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--iv3);font-weight:500}
.cta .sectag .ln{background:var(--dhair)}.cta .sectag .nm,.cta .sectag .ct{color:var(--iv3)}
.cta h2{font-size:clamp(30px,4vw,52px);color:var(--ivory);font-weight:600;line-height:1.0;margin-top:6px}
.cta h2 .serif-it{color:var(--gline)}
.cta .line{font-size:15px;color:var(--iv2);margin-top:22px;max-width:40ch;line-height:1.6}
.cta .meta{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.cta .meta a{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--iv2);transition:color .2s}
.cta .meta a:hover{color:var(--gline)}
.cta .meta a .k{font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--iv3);width:54px}
form{display:grid;gap:14px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{position:relative}
.field label{position:absolute;top:13px;left:15px;font-size:14px;color:#85806f;pointer-events:none;transition:transform .2s var(--ease),font-size .2s,color .2s}
input,textarea{font-family:'Inter';font-size:14px;background:rgba(243,239,229,0.03);border:1px solid var(--dhair2);border-radius:3px;padding:22px 15px 9px;color:var(--ivory);width:100%;transition:border-color .2s,background .2s}
textarea{padding-top:24px;min-height:124px;resize:vertical}
input::placeholder,textarea::placeholder{color:transparent}
input:focus,textarea:focus{outline:none;border-color:var(--gline);background:rgba(243,239,229,0.05)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-11px);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gline)}
@media(max-width:880px){.cta .wrap{grid-template-columns:1fr;gap:40px;padding:64px var(--gut)}.frow{grid-template-columns:1fr}}

/* ===== venture case blocks (Saka Labs, Keppa) ===== */
.vcase{display:flex;flex-direction:column}
.vcase .sectag{margin-bottom:18px}
.vcase-head{margin-bottom:30px}
.vtitle{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(26px,2.9vw,36px);letter-spacing:-0.015em;color:var(--ink);line-height:1.05}
.vsub{font-size:15px;color:var(--ink2);margin-top:11px;line-height:1.55;max-width:78ch}
.vcase .vband{align-items:start}
.vcase .vband h3{margin-top:14px}
.vcards{margin-top:24px}
.vglance{margin-top:28px;padding-top:20px;border-top:1px solid var(--hair)}
.vglance-k{display:block;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink4);font-weight:600}
.vglance-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:16px}
.vglance-row.g3{grid-template-columns:repeat(3,1fr)}
.vblock{display:flex;flex-direction:column}
.vblock .vband{align-items:start}
.vmet{display:flex;flex-direction:column}
.vmv{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(26px,2.6vw,32px);line-height:1;color:var(--ink);letter-spacing:-0.01em}
.vmk{font-size:12px;color:var(--ink3);margin-top:8px;line-height:1.35;max-width:24ch}
.vstrip{margin-top:26px;border:1px solid var(--hair);border-radius:10px;background:var(--paper2);display:flex;align-items:center;gap:12px 18px;padding:14px 20px;flex-wrap:wrap}
.vstrip-k{font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:600;flex:none}
.vstrip-flow{display:flex;align-items:center;gap:8px 11px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}
.vstate{margin-top:30px;padding-top:26px;border-top:1px solid var(--hair)}
.vstate h3{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(28px,3.3vw,42px);letter-spacing:-0.012em;line-height:1.05;color:var(--ink)}
.vstate .lead{font-size:16px;color:var(--ink2);margin-top:15px;line-height:1.6;max-width:none}
.vseg.out{color:var(--ink);font-weight:500}
.varr{color:var(--ink4);flex:none}
@media(max-width:880px){.vglance-row,.vglance-row.g3{grid-template-columns:repeat(2,1fr);gap:18px}}

/* VendMoore laptop + ops screen */
.vmrow{align-items:start}
.laptop{display:flex;flex-direction:column;align-items:center;width:100%}
.lt-lid{width:100%;background:#16150f;border:1px solid #2a2820;border-radius:14px;padding:11px;box-shadow:0 42px 72px -40px rgba(21,20,15,0.55)}
.lt-screen{aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#FBFAF7;position:relative}
.lt-base{width:116%;height:12px;background:linear-gradient(180deg,#d4cfc0,#aaa493);border-radius:0 0 13px 13px;position:relative;box-shadow:0 18px 28px -20px rgba(21,20,15,0.5)}
.lt-base::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:15%;height:5px;background:#918c7b;border-radius:0 0 7px 7px}
.vm-app{position:absolute;top:0;left:0;width:560px;height:350px;transform-origin:top left;transform:scale(var(--vmscale,1));display:flex;flex-direction:column;background:#FBFAF7;font-family:'Inter',sans-serif;color:var(--ink);--vm:#2f6f4f;--vm-soft:#e6f0ea}
.vm-bar{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--hair2);background:#fff}
.vm-logo{font-weight:700;font-size:13px;letter-spacing:-0.01em;color:var(--ink)}
.vm-tabs{display:flex;gap:3px;margin-left:4px}
.vm-tabs b{font-size:10.5px;font-weight:500;color:var(--ink3);padding:4px 9px;border-radius:6px}
.vm-tabs b.on{color:var(--vm);background:var(--vm-soft);font-weight:600}
.vm-av{margin-left:auto;width:23px;height:23px;border-radius:50%;background:var(--vm);color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.vm-body{flex:1;padding:12px 13px;display:flex;flex-direction:column;gap:11px;min-height:0}
.vm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.vm-kpi{border:1px solid var(--hair2);border-radius:8px;padding:8px 10px;background:#fff;display:flex;flex-direction:column;gap:4px}
.vm-kn{font-size:8px;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.vm-kv{font-size:18px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);line-height:1}
.vm-kv.amber{color:var(--amber)}.vm-kv.green{color:var(--green)}
.vm-panel{border:1px solid var(--hair2);border-radius:9px;background:#fff;padding:10px 12px}
.vm-ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.vm-ph span:first-child{font-size:11.5px;font-weight:600;color:var(--ink)}
.vm-on{font-size:9.5px;font-weight:600;color:var(--vm);background:var(--vm-soft);padding:2px 8px;border-radius:20px}
.vm-tbl{display:flex;flex-direction:column}
.vm-tr{display:grid;grid-template-columns:2fr 0.8fr 1.1fr 0.9fr;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--hair2);font-size:10.5px;color:var(--ink)}
.vm-th{border-top:0;padding:0 0 5px;font-size:8px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink4);font-weight:600}
.vm-tr span:nth-child(2),.vm-tr span:nth-child(3){color:var(--ink3)}
.vm-ok{color:var(--green);font-weight:500;font-size:10px}
.vm-due{color:#b1482f;font-weight:500;font-size:10px}
@media(max-width:680px){.vm-kpis{grid-template-columns:repeat(2,1fr)}}

/* ---- footer ---- */
footer{padding:28px 0;border-top:1px solid var(--hair)}
footer .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}
footer .foot-brand{justify-self:start;display:inline-flex}
footer .brand{height:17px}
footer .vlist{justify-self:center;display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--ink2)}
footer .vlist span{position:relative}
footer .vlist span:not(:last-child):after{content:"";position:absolute;right:-13px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--gline);transform:translateY(-50%);opacity:.6}
footer .cr{justify-self:end;font-size:12px;color:var(--ink4);letter-spacing:0.01em}
@media(max-width:760px){footer .row{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}footer .foot-brand,footer .cr{justify-self:center}}

/* ---- reveal + svg anim ---- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}
@keyframes drawloop{0%{stroke-dashoffset:var(--dl,400)}28%{stroke-dashoffset:0}82%{stroke-dashoffset:0}100%{stroke-dashoffset:var(--dl,400)}}
.dr{stroke-dasharray:var(--dl,400);stroke-dashoffset:var(--dl,400);animation:drawloop 7s ease-in-out infinite}
@keyframes halo{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(2.2);opacity:0}}
.halo{transform-box:fill-box;transform-origin:center;animation:halo 2.8s ease-out infinite}
@keyframes tw{0%,100%{opacity:.35}50%{opacity:1}}
.tw{animation:tw 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}.dr{stroke-dashoffset:0}.kp-m,.kp-wh{opacity:1}}