/* POV division pages — shared look: black showroom, white type, champagne accents */
:root{
  --bg:#141416;--card:#1c1c20;--royal:#4169e1;--royal-l:#7b98ff;--tang:#ff8c1a;--ink:#f5f2ea;--grey:#9b978f;--hair:rgba(255,255,255,.12);--gold:#d9c7a5;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --sans:"Manrope","Helvetica Neue",Arial,sans-serif;
  --gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:#141416}
a{color:inherit;text-decoration:none}
img{max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}
.wrap{max-width:1160px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
p{margin:0}
h1,h2,h3{margin:0;text-wrap:balance}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* header panel */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;padding-top:12px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;border-radius:20px;
  padding-left:max(24px,var(--gl));padding-right:max(28px,var(--gr));max-width:1160px;margin-inline:auto;width:calc(100% - 2*max(16px,env(safe-area-inset-left,0px)));
  background:linear-gradient(160deg,rgba(66,63,59,.9),rgba(46,45,43,.9) 55%,rgba(36,35,34,.9));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 0 1px rgba(65,105,225,.22),inset 0 1px 0 rgba(255,255,255,.08),0 24px 50px -24px rgba(0,0,0,.9);position:relative}
.nav::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(65,105,225,.7),transparent)}
.back{font:500 14px/1 var(--sans);color:var(--grey);display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.back:hover{color:var(--ink)}
.brandname{font:900 20px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.brandname span{color:var(--gold)}
.arrow{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--sans);position:relative;padding-block:6px;white-space:nowrap}
.arrow::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .45s var(--ease)}
.arrow:hover::after{transform:scaleX(1)}
.arrow i,.pill i{font-style:normal;transition:transform .35s var(--ease)}
.arrow:hover i,.pill:hover i{transform:translateX(4px)}
@media (max-width:640px){.nav .brandname{display:none}}

/* hero */
.hero{padding-block:clamp(36px,6vw,80px) clamp(20px,3vw,32px);position:relative;overflow:hidden}
html{overflow-x:clip}
.kicker{font:600 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.hero h1{font:900 clamp(40px,8.4vw,150px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin-top:18px}
.hero h1 span{display:block;color:var(--gold)}
.hero .lede{font-size:clamp(18px,2vw,22px);color:var(--grey);max-width:40ch;margin-top:24px}
.hero-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.pill{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font:600 15px/1 var(--sans);background:var(--ink);color:#111;border:1px solid var(--ink);transition:background .35s,color .35s}
.pill:hover{background:transparent;color:var(--ink)}
.hero::after{content:"";position:absolute;right:-10vw;top:-10vw;width:50vw;height:50vw;max-width:700px;max-height:700px;border-radius:50%;background:radial-gradient(circle,rgba(65,105,225,.12),transparent 65%);pointer-events:none}

/* tabs: the three pages of a division */
.tabs-wrap{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);z-index:40;padding-block:10px;background:linear-gradient(#141416 70%,transparent)}
.tabs{display:flex;gap:6px;padding:6px;border-radius:999px;background:#1c1c20;box-shadow:0 0 0 1px var(--hair);width:max-content;max-width:100%;overflow-x:auto}
.tabs a{padding:11px 20px;border-radius:999px;font:600 14px/1 var(--sans);color:var(--grey);white-space:nowrap;transition:background .35s,color .35s}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current="page"]{background:var(--ink);color:#111}

/* views */
.view{padding-block:clamp(28px,4vw,48px) clamp(40px,5vw,64px);animation:vin .6s var(--ease)}
@keyframes vin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
h2{font:600 clamp(32px,4.4vw,54px)/1.05 var(--sans);letter-spacing:-.035em}
.sub{color:var(--grey);max-width:56ch;margin-top:14px}
.block+.block{margin-top:clamp(40px,5vw,64px)}

/* slab: shared 3D card */
.slab{position:relative;border-radius:24px;padding:clamp(24px,3vw,36px);background:linear-gradient(160deg,#202024,#19191c 60%,#151517);
  box-shadow:0 0 0 1px rgba(65,105,225,.16),inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,1);min-width:0}
.slab::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(65,105,225,.55),transparent)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
@media (max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid3,.grid2{grid-template-columns:1fr}}

.feature .num{font:800 15px/1 var(--display);letter-spacing:.12em;color:var(--gold)}
.feature h3{font:600 22px/1.2 var(--sans);letter-spacing:-.02em;margin-top:16px}
.feature p{color:var(--grey);font-size:15px;margin-top:10px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;position:relative;padding-top:30px}
.steps::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--gold);opacity:.6}
.step{position:relative;padding-right:18px}
.step::before{content:"";position:absolute;top:-30px;left:0;width:13px;height:13px;border-radius:50%;background:#141416;border:1px solid var(--gold)}
.step b{font:800 30px/1 var(--display);text-transform:uppercase;display:block}
.step span{color:var(--grey);font-size:15px;display:block;margin-top:8px}
@media (max-width:760px){.steps{grid-template-columns:1fr;gap:26px;padding:0 0 0 30px}.steps::before{left:6px;right:auto;top:6px;bottom:6px;width:1px;height:auto}.step::before{top:4px;left:-30px}}

/* pricing */
.price{display:grid;gap:18px;align-content:start}
.price .tag{justify-self:start;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--grey);border:1px solid var(--hair);border-radius:999px;padding:7px 11px}
.price h3{font:900 clamp(32px,3vw,42px)/.95 var(--display);text-transform:uppercase}
.price .amt{font:600 15px/1.3 var(--sans);color:var(--gold)}
.price ul{list-style:none;margin:0;padding:0;display:grid}
.price li{padding:11px 0;border-top:1px solid var(--hair);font-size:15px;display:flex;gap:10px;align-items:center}
.price li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
.price.hot{box-shadow:0 0 0 1px rgba(65,105,225,.55),inset 0 1px 0 rgba(255,255,255,.08),0 40px 70px -30px rgba(0,0,0,1),0 0 80px -30px rgba(65,105,225,.25)}
.note{color:var(--grey);font-size:14px;margin-top:22px}

/* clients & stories */
.logos{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.logos span{padding:14px 20px;border-radius:999px;box-shadow:0 0 0 1px var(--hair);font:600 15px/1 var(--sans)}
.story{display:grid;gap:16px;align-content:start}
.story .meta{display:flex;gap:10px;flex-wrap:wrap}
.story .meta span{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);border:1px solid var(--hair);border-radius:999px;padding:7px 11px}
.story h3{font:600 26px/1.15 var(--sans);letter-spacing:-.02em}
.story p{color:var(--grey);font-size:15px}
.story blockquote{margin:0;padding-left:16px;border-left:2px solid var(--gold);color:var(--ink);font-size:17px}
.slot{border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:0 0 0 1px var(--hair);border:1px dashed rgba(65,105,225,.25);display:grid;gap:12px;align-content:center;min-height:220px}
.slot b{font:900 26px/1 var(--display);text-transform:uppercase;color:var(--gold)}
.slot p{color:var(--grey);font-size:15px}

/* CTA band */
.cta{margin-top:0}
.cta .slab{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{font-size:clamp(28px,3.6vw,44px)}
.cta .row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}

/* other divisions */
.others{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.others a{padding:12px 18px;border-radius:999px;box-shadow:0 0 0 1px var(--hair);font:600 14px/1 var(--sans);color:var(--grey);transition:color .3s,box-shadow .3s}
.others a:hover{color:var(--ink);box-shadow:0 0 0 1px var(--gold)}
.others a b{color:var(--gold);font-weight:600}

footer{border-top:1px solid var(--hair);padding-block:30px calc(30px + 90px)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--grey);font-size:14px}
@media (min-width:821px){footer{padding-block:30px}}

.mbar{display:none}
@media (max-width:820px){
  .mbar{display:flex;gap:8px;position:fixed;z-index:45;left:calc(var(--gl) + 4px);right:calc(var(--gr) + 4px);bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:999px;background:rgba(18,18,18,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--hair),0 12px 30px -10px rgba(0,0,0,.6)}
  .mbar a{flex:1;display:flex;justify-content:center;align-items:center;height:46px;border-radius:999px;font:600 14px/1 var(--sans);box-shadow:0 0 0 1px var(--hair)}
  .mbar a.solid{background:var(--ink);color:#111;box-shadow:none;flex:1.3}
}

/* founder video for each division */
.vid{position:relative;margin-top:clamp(28px,4vw,44px);aspect-ratio:16/9;max-width:100%;border-radius:28px;overflow:hidden;
  background:radial-gradient(90% 90% at 70% 20%,rgba(65,105,225,.18),transparent 60%),linear-gradient(160deg,#202024,#151517 70%);
  box-shadow:0 0 0 1px rgba(65,105,225,.28),inset 0 1px 0 rgba(255,255,255,.07),0 40px 80px -30px rgba(0,0,0,1)}
.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vid-ph{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;padding:24px}
.vid-play{width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px);border-radius:50%;display:grid;place-items:center;background:rgba(245,242,234,.08);box-shadow:0 0 0 1px rgba(65,105,225,.45);animation:vpulse 2.6s ease-in-out infinite}
.vid-play::after{content:"";border-left:20px solid var(--ink);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
@keyframes vpulse{0%,100%{box-shadow:0 0 0 1px rgba(65,105,225,.45),0 0 0 0 rgba(65,105,225,.25)}50%{box-shadow:0 0 0 1px rgba(65,105,225,.6),0 0 0 14px rgba(65,105,225,0)}}
.vid-ph b{font:900 clamp(22px,2.6vw,32px)/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.vid-ph span{color:var(--grey);font-size:14px}
@media (max-width:640px){.vid{aspect-ratio:4/5;border-radius:22px}}

.flegal{display:flex;flex-wrap:wrap;gap:6px 18px}.flegal a{color:var(--grey);text-decoration:none;transition:color .2s}.flegal a:hover{color:var(--ink)}

/* brand palette: charcoal black, royal blue, tangerine */
body{background:radial-gradient(1200px 800px at 0% 0%,rgba(65,105,225,.10),transparent 60%),radial-gradient(1000px 700px at 100% 100%,rgba(255,140,26,.07),transparent 60%),var(--bg);background-attachment:scroll}
.pill{background:var(--royal);border-color:var(--royal);color:#fff;box-shadow:0 10px 30px -12px rgba(65,105,225,.7)}
.pill:hover{background:var(--tang);border-color:var(--tang);color:#141416;box-shadow:0 10px 30px -12px rgba(255,140,26,.7)}
.arrow::after{background:linear-gradient(90deg,var(--royal-l),var(--tang))}
.tabs a[aria-current]{box-shadow:inset 0 -2px 0 var(--tang)}
.mbar .solid{background:var(--royal)!important;color:#fff!important}
.flegal a:hover{color:var(--tang)}
::selection{background:var(--royal);color:#fff}

/* quote buttons: black with neon orange lining */
.pill{background:#0d0d0f;color:#fff;border:1px solid #ff8c1a;box-shadow:0 0 0 1px rgba(255,140,26,.35),0 0 18px -2px rgba(255,140,26,.55),inset 0 0 12px -4px rgba(255,140,26,.35)}
.pill:hover{background:#ff8c1a;border-color:#ff8c1a;color:#0d0d0f;box-shadow:0 0 0 1px #ff8c1a,0 0 28px 0 rgba(255,140,26,.7)}
.mbar .solid{background:#0d0d0f!important;color:#fff!important;box-shadow:0 0 0 1px #ff8c1a,0 0 16px -2px rgba(255,140,26,.55)!important}
/* tabs: orange on hover, black with neon orange lining when active */
.tabs a{transition:background .3s,color .3s,box-shadow .3s}
.tabs a:hover{background:#ff8c1a;color:#0d0d0f}
.tabs a[aria-current="page"]{background:#0d0d0f;color:#fff;box-shadow:0 0 0 1px #ff8c1a,0 0 14px -2px rgba(255,140,26,.55)}
.tabs a[aria-current="page"]:hover{background:#ff8c1a;color:#0d0d0f}
.vid[data-reels]{background:#0d0d0f}
.trio{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}
.trio figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#151517}
.trio video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trio figcaption{position:absolute;left:12px;right:12px;bottom:12px;font:600 12.5px/1.3 var(--sans);color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.8)}
.trio figure::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.trio figcaption{z-index:1}
.trio-tag{position:absolute;top:20px;left:20px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(13,13,15,.75);box-shadow:0 0 0 1px #ff8c1a;font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;backdrop-filter:blur(6px)}
@media (max-width:640px){.trio{grid-template-columns:1fr 1fr}.trio .t2{display:none}}

/* ===== Luxury layer (Iman-style): serif headlines, grain, slow reveals ===== */
.lux{--serif:"Cormorant Garamond",Georgia,serif}
.lux h2{font:500 clamp(38px,5.2vw,70px)/1.02 var(--serif);letter-spacing:-.012em}
.lux h2 em,.lux .mf em,.lux .hero .lede em{font-style:italic;color:#ff8c1a;font-weight:500}
.lux .cta h2{font-size:clamp(34px,4.4vw,58px)}
.lux .kicker{display:inline-flex;align-items:center;gap:12px;letter-spacing:.28em;font-size:11px}
.lux .kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.lux .hero .kicker{color:#ff9a3c}
.lux .hero h1{letter-spacing:-.01em}
.lux .hero .lede{font-size:clamp(19px,2.1vw,24px);line-height:1.5}
.lux .sub{line-height:1.7}
.lux .slab{background:linear-gradient(160deg,#1c1c1f,#121214 70%)}
.lux .price h3,.lux .feature h3,.lux .story h3{letter-spacing:-.01em}
body.lux::after{content:none}
.lux .rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.lux .rv.in{opacity:1;transform:none}
/* manifesto band */
.mf{text-align:center;padding-block:clamp(70px,11vw,150px);position:relative}
.mf::before,.mf::after{content:"";position:absolute;left:50%;width:1px;height:clamp(36px,5vw,60px);background:linear-gradient(transparent,rgba(255,140,26,.7));transform:translateX(-50%)}
.mf::before{top:0}.mf::after{bottom:0;transform:translateX(-50%) rotate(180deg)}
.mf p{font:500 clamp(36px,6vw,84px)/1.04 var(--serif,"Cormorant Garamond",Georgia,serif);letter-spacing:-.015em;max-width:18ch;margin:0 auto;text-wrap:balance}
.mf small{display:block;margin-top:22px;font:600 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--grey)}
@media (prefers-reduced-motion:reduce){.lux .rv{opacity:1;transform:none;filter:none}}

/* perf: lighter glass on scroll-heavy pages */
header .nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(160deg,rgba(52,50,47,.97),rgba(34,33,32,.97))!important}
.mbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(16,16,18,.97)!important}
.trio figure,.cw figure{contain:paint}

/* division visuals (replace reel strips) */
.pv{margin-top:clamp(28px,4vw,44px);border-radius:28px;background:radial-gradient(90% 80% at 100% 0%,rgba(255,140,26,.12),transparent 60%),linear-gradient(160deg,#1d1d21,#111113);box-shadow:0 0 0 1px rgba(255,140,26,.25),0 40px 80px -40px rgba(0,0,0,1);padding:clamp(24px,4vw,48px)}
.proof{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.proof .st{color:#ff8c1a;letter-spacing:.14em}
.proof blockquote{margin:14px 0 0;font:500 clamp(26px,3.2vw,42px)/1.15 "Cormorant Garamond",Georgia,serif;color:var(--ink)}
.proof small{display:block;margin-top:16px;font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.pst{display:grid;gap:12px}.pst div{padding:16px 18px;border-radius:16px;background:#141416;box-shadow:0 0 0 1px var(--hair);display:flex;align-items:baseline;gap:14px}
.pst b{font:900 34px/1 var(--display);color:#ff8c1a;flex:none}.pst span{color:#cfcbc2;font-size:14px}.pst .pill{justify-self:start;margin-top:4px}
.dash .dh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--hair)}
.dash .dh b{font:500 clamp(26px,3vw,38px)/1 "Cormorant Garamond",Georgia,serif}.dash .dh span{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.dk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.dk div{padding:20px;border-radius:18px;background:#141416;box-shadow:0 0 0 1px var(--hair)}.dk div:first-child{box-shadow:0 0 0 1px rgba(255,140,26,.5)}
.dk small{display:block;font-size:12.5px;color:var(--grey)}.dk b{display:block;margin-top:10px;font:900 clamp(34px,4vw,54px)/1 var(--display);color:#fff}.dk div:first-child b{color:#ff8c1a}
.dn2{margin-top:14px;font-size:12.5px;color:#7f7b74}
.plan{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.plan .ph{width:min(280px,72vw);padding:10px;border-radius:38px;background:#0b0b0d;box-shadow:0 0 0 1.5px rgba(255,255,255,.12),0 30px 70px -30px rgba(0,0,0,1),0 0 70px -20px rgba(255,140,26,.35)}
.plan .ps{border-radius:30px;background:#151518;padding:22px 16px 18px;display:grid;gap:10px}
.plan .pt{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 8px}.plan .pt b{font-size:17px}.plan .pt span{font-size:12px;color:var(--grey)}
.pi{display:grid;grid-template-columns:44px 1fr 22px;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#1d1d21}
.pi i{font:600 12px/1 var(--sans);font-style:normal;color:var(--grey)}.pi b{display:block;font-size:14px}.pi span{display:block;font-size:12px;color:var(--grey);margin-top:2px}
.pi em{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:rgba(255,140,26,.15);color:#ff8c1a;box-shadow:0 0 0 1px rgba(255,140,26,.5)}
.pi.on{box-shadow:0 0 0 1px #ff8c1a}.pi.on em{background:none}
.pg{height:6px;border-radius:6px;background:#26262b;margin-top:6px}.pg span{display:block;height:100%;width:var(--w);border-radius:6px;background:#ff8c1a}
.pc{font-size:12px;color:var(--grey);text-align:center}
.pc2 h3{font:500 clamp(28px,3.4vw,44px)/1.08 "Cormorant Garamond",Georgia,serif;margin-top:12px}.pc2 p{color:#cfcbc2;margin-top:12px}.pc2 .ill{font-size:11px;color:#6f6b64}
.workgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.workgrid figure{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 0 0 1px var(--hair)}
.workgrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.workgrid figure:hover img{transform:scale(1.04)}
.workgrid figure::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(8,8,10,.9))}
.workgrid figcaption{position:absolute;left:16px;bottom:14px;z-index:1;font-size:13px;color:rgba(255,255,255,.75)}.workgrid figcaption b{display:block;font:900 20px/1 var(--display);text-transform:uppercase;color:#fff;margin-bottom:4px}
.journey{margin-top:clamp(24px,4vw,40px);display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}
.jx{display:flex;flex-wrap:wrap;gap:8px;align-content:center;padding:24px;border-radius:24px;background:#141416;box-shadow:0 0 0 1px var(--hair)}
.jx span{padding:9px 14px;border-radius:999px;background:#1c1c20;color:#8d8980;font-size:14px;text-decoration:line-through;text-decoration-color:rgba(255,140,26,.7)}
.jok{padding:24px;border-radius:24px;background:radial-gradient(100% 80% at 100% 0%,rgba(255,140,26,.2),transparent 60%),#17171a;box-shadow:0 0 0 1px rgba(255,140,26,.5);display:grid;align-content:center;gap:8px}
.jok small{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ff9a3c}.jok b{font:900 clamp(56px,7vw,90px)/.9 var(--display);color:#fff}.jok span{color:#cfcbc2;font-size:14px}
@media (max-width:860px){.proof,.plan,.journey{grid-template-columns:1fr}.dk{grid-template-columns:1fr 1fr}.workgrid{grid-template-columns:1fr}.plan .ph{justify-self:center}}