:root{
  --v3-ink:#0a0a0b;
  --v3-paper:#f5f5f5;
  --v3-white:#fff;
  --v3-violet:#0a0a0b;
  --v3-violet2:#343434;
  --v3-gold:#ffffff;
  --v3-line:rgba(10,10,11,.14);
  --v3-dim:#716f6a;
  --v3-max:1320px;
}
html{scroll-behavior:smooth}
body.agency-v3{background:var(--v3-paper);color:var(--v3-ink);font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
body.agency-v3 ::selection{background:#0a0a0b;color:#fff}
body.agency-v3 .wrap{max-width:var(--v3-max)!important}
body.agency-v3 .hd{height:72px;background:rgba(245,245,245,.88)!important;border-bottom:1px solid rgba(10,10,11,.09)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.agency-v3 .hd.on{box-shadow:none!important;background:rgba(245,245,245,.96)!important}
body.agency-v3 .hd-in{max-width:var(--v3-max);height:72px;padding:0 34px;gap:42px}
body.agency-v3 .hd-logo{font-size:17px;font-weight:950;letter-spacing:-.8px}
body.agency-v3 .hd-logo-mark{display:none}
body.agency-v3 .hd-nav{gap:10px}
body.agency-v3 .hd-nav>a,body.agency-v3 .nav-link{font-size:11px;font-weight:850;letter-spacing:.085em;color:#4f4d49;padding:10px 7px;border-radius:0;text-transform:uppercase}
body.agency-v3 .hd-nav>a:hover,body.agency-v3 .nav-link:hover,body.agency-v3 .nav-link.on{background:transparent;color:var(--v3-ink)}
body.agency-v3 .nav-arr{font-size:8px}
body.agency-v3 .mega-drop{top:72px;border-top:1px solid rgba(10,10,11,.08);box-shadow:0 26px 50px rgba(0,0,0,.09)}
body.agency-v3 .btn-ghost{border-radius:999px!important;font-size:11px!important;font-weight:800!important}
body.agency-v3 .btn-fill{border-radius:999px!important;background:var(--v3-ink)!important;border-color:var(--v3-ink)!important;font-size:11px!important;font-weight:850!important;padding:10px 16px!important}
body.agency-v3 .btn-fill:hover{background:#fff!important;color:#0a0a0b!important;border-color:#0a0a0b!important;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
body.agency-v3 .user-btn{border-radius:999px}
body.agency-v3 .btab-bar{background:rgba(245,245,245,.94)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.agency-v3 .subnav-bar{display:none!important}
body.agency-v3 .mnav{top:72px;background:rgba(245,245,245,.98)}
body.agency-v3 .mnav>a{font-size:15px!important;border-radius:0!important;border-bottom:1px solid rgba(10,10,11,.08)}

.v3-shell{max-width:var(--v3-max);margin:0 auto;padding:0 42px}
.v3-kicker{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#0a0a0b;margin-bottom:20px}
.v3-display{font-size:clamp(62px,10vw,148px);line-height:.81;letter-spacing:-.072em;font-weight:950;text-transform:uppercase}
.v3-display .outline{color:transparent;-webkit-text-stroke:1px rgba(10,10,11,.28)}
.v3-display.white .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28)}
.v3-section-title{font-size:clamp(42px,6.2vw,88px);line-height:.9;letter-spacing:-.065em;font-weight:950}
.v3-lead{font-size:clamp(16px,1.65vw,22px);line-height:1.65;letter-spacing:-.025em;color:#65635e}
.v3-copy{font-size:14px;line-height:1.9;color:#6d6a65}
.v3-rule{border-top:1px solid var(--v3-line)}
.v3-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.v3-reveal.is-visible{opacity:1;transform:none}
.v3-magnetic{will-change:transform}
.v3-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:12px;font-weight:900;letter-spacing:.02em}
.v3-pill{display:inline-flex;align-items:center;border:1px solid var(--v3-line);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;letter-spacing:.02em}

/* global editorial footer */
body.agency-v3 footer.v3-footer{background:var(--v3-ink);color:#fff;padding:82px 0 24px}
.v3-footer-top{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;padding-bottom:65px;border-bottom:1px solid rgba(255,255,255,.12)}
.v3-footer-big{font-size:clamp(76px,11.8vw,168px);line-height:.72;letter-spacing:-.08em;font-weight:950;margin-top:24px}
.v3-footer-copy{font-size:14px;line-height:1.85;color:rgba(255,255,255,.48);max-width:470px}
.v3-footer-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.v3-footer-contact a,.v3-footer-contact span{font-size:11px;color:rgba(255,255,255,.6)}
.v3-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:35px}
.v3-footer-nav b{display:block;font-size:10px;letter-spacing:.14em;color:#fff;margin-bottom:16px;text-transform:uppercase}.v3-footer-nav a{display:block;font-size:12px;color:rgba(255,255,255,.4);margin:10px 0;transition:.2s}.v3-footer-nav a:hover{color:#fff;transform:translateX(3px)}
.v3-footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.25);text-transform:uppercase}

/* cursor only for fine pointer */
.v3-case-link{position:relative}
@media(pointer:fine){.v3-case-link:hover .v3-hover-dot{transform:scale(1)}}
.v3-hover-dot{position:absolute;width:88px;height:88px;border-radius:50%;background:#fff;color:#0a0a0b;border:1px solid rgba(10,10,11,.14);display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em;right:38px;top:38px;transform:scale(0);transition:transform .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}

@media(max-width:980px){
 body.agency-v3 .hd-in{padding:0 20px}.v3-shell{padding:0 22px}.v3-footer-top{grid-template-columns:1fr;gap:48px}.v3-footer-nav{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 body.agency-v3 .hd{height:64px}.body.agency-v3 .mnav{top:64px}.v3-shell{padding:0 20px}.v3-display{letter-spacing:-.06em}.v3-footer-nav{grid-template-columns:1fr 1fr}.v3-footer-big{font-size:78px}.v3-footer-bottom{align-items:flex-start;flex-direction:column}.v3-kicker{letter-spacing:.17em}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.v3-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* v3 monochrome motion */
body.agency-v3{overflow-x:hidden}
.v3-enter{opacity:0;transform:translateY(34px);animation:v3Enter .9s cubic-bezier(.18,.8,.2,1) forwards}
.v3-enter.d2{animation-delay:.1s}.v3-enter.d3{animation-delay:.2s}.v3-enter.d4{animation-delay:.3s}
@keyframes v3Enter{to{opacity:1;transform:none}}
.v3-marquee{overflow:hidden;white-space:nowrap;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.v3-marquee-track{display:inline-flex;gap:42px;min-width:max-content;animation:v3Marquee 22s linear infinite}
@keyframes v3Marquee{to{transform:translateX(-50%)}}
.v3-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease,box-shadow .25s ease}
.v3-line-hover{position:relative;overflow:hidden}
.v3-line-hover:after{content:'';position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:currentColor;transition:right .35s cubic-bezier(.2,.8,.2,1)}
.v3-line-hover:hover:after{right:0}
@media(prefers-reduced-motion:reduce){.v3-enter{opacity:1;transform:none;animation:none}.v3-marquee-track{animation:none}}

/* v3.1 monochrome motion */
#v3-scroll-progress{position:fixed;left:0;top:71px;height:2px;width:0;background:#0a0a0b;z-index:10050;pointer-events:none;transition:width .08s linear}
#v3-page-wipe{position:fixed;inset:0;background:#0a0a0b;z-index:100000;transform:translateY(101%);pointer-events:none;transition:transform .34s cubic-bezier(.72,0,.18,1)}
#v3-page-wipe.is-leaving{transform:translateY(0)}
body.agency-v3 .hd-logo,body.agency-v3 .hd-nav>a,body.agency-v3 .nav-link{transition:color .22s,opacity .22s,transform .22s}
body.agency-v3 .hd-nav>a:hover,body.agency-v3 .nav-link:hover{transform:translateY(-1px)}
.v3-reveal:nth-child(2){transition-delay:.04s}.v3-reveal:nth-child(3){transition-delay:.08s}.v3-reveal:nth-child(4){transition-delay:.12s}
@media(max-width:700px){#v3-scroll-progress{top:63px}}
@media(prefers-reduced-motion:reduce){#v3-page-wipe{display:none}#v3-scroll-progress{transition:none}}

/* v3.2 — warmer monochrome + usable mega menu + softer motion */
:root{
  --v3-paper:#f2efe9;
  --v3-paper-2:#faf8f4;
  --v3-stone:#e8e4dc;
  --v3-dim:#6e6a63;
}
body.agency-v3{background:var(--v3-paper)!important}
body.agency-v3 .ag-home,
body.agency-v3 .ab,
body.agency-v3 .sv,
body.agency-v3 .lb,
body.agency-v3 .ct{background:var(--v3-paper)!important}
body.agency-v3 .ag-proof-sec,
body.agency-v3 .ab-cap,
body.agency-v3 .ct-form{background:var(--v3-paper-2)!important}
body.agency-v3 .hd{background:rgba(248,246,241,.90)!important}
body.agency-v3 .hd.on{background:rgba(248,246,241,.97)!important}
body.agency-v3 .mnav{background:rgba(248,246,241,.985)!important}
body.agency-v3 .btab-bar{background:rgba(248,246,241,.96)!important}

@media(min-width:981px){
  body.agency-v3 .hd-nav{
    align-self:stretch;
    height:72px;
    align-items:center;
    position:relative;
  }
  body.agency-v3 .nav-group{
    height:72px;
    display:flex;
    align-items:center;
    position:static;
  }
  body.agency-v3 .nav-group>.nav-link{
    height:72px;
    display:inline-flex;
    align-items:center;
  }
  body.agency-v3 .mega-drop{
    top:100%!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    padding-top:0!important;
    border-top:0!important;
    box-shadow:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-7px)!important;
    transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s!important;
  }
  body.agency-v3 .nav-group:hover>.mega-drop,
  body.agency-v3 .mega-drop:hover{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0)!important;
    transition-delay:0s!important;
  }
  body.agency-v3 .mega-drop-inner{
    background:rgba(250,248,244,.985)!important;
    border-top:1px solid rgba(10,10,11,.10)!important;
    border-bottom:1px solid rgba(10,10,11,.10)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.10)!important;
    padding:22px 0 24px!important;
  }
  body.agency-v3 .mega-item{
    border-radius:8px;
    transition:background .22s ease,transform .22s ease!important;
  }
  body.agency-v3 .mega-item:hover{
    background:rgba(10,10,11,.055)!important;
    transform:translateX(3px);
  }
}

/* scroll in/out feels softer: opacity does the work, movement stays restrained */
body.agency-v3 .v3-reveal{
  opacity:0;
  transform:translateY(18px) scale(.995);
  filter:blur(1.5px);
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1),filter .72s ease;
  will-change:opacity,transform,filter;
}
body.agency-v3 .v3-reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

/* keep dark sections as contrast, but soften pure black repetition */
body.agency-v3 .ag-statement,
body.agency-v3 .ab-dark,
body.agency-v3 .ab-own,
body.agency-v3 .sv-cta,
body.agency-v3 .lb-dark{background:#111214!important}
body.agency-v3 footer.v3-footer{background:#0d0e10!important}

@media(max-width:980px){
  body.agency-v3 .hd-nav{height:auto}
}
@media(prefers-reduced-motion:reduce){
  body.agency-v3 .v3-reveal{opacity:1!important;transform:none!important;filter:none!important}
}

/* =========================================================
   V4 — MODERN DIGITAL AGENCY
   B/W foundation + restrained electric accent + real motion
   ========================================================= */
:root{
  --v4-ink:#0a0a0d;
  --v4-paper:#f6f6f3;
  --v4-white:#ffffff;
  --v4-silver:#d9dbe1;
  --v4-muted:#777981;
  --v4-accent:#5868ff;
  --v4-accent-soft:#eceeff;
  --v4-gold:#c9ad70;
  --v4-line:rgba(10,10,13,.11);
}
body.agency-v3{background:var(--v4-paper)!important;color:var(--v4-ink);}
body.agency-v3 .ag-home,body.agency-v3 .ab,body.agency-v3 .sv,body.agency-v3 .lb,body.agency-v3 .ct{background:var(--v4-paper)!important}
body.agency-v3 .ag-proof-sec,body.agency-v3 .ab-cap,body.agency-v3 .ct-form{background:#fff!important}
body.agency-v3 ::selection{background:var(--v4-accent);color:#fff}

/* header: compact contemporary navigation, no old full-width mega menu */
body.agency-v3 .hd{height:74px!important;background:rgba(246,246,243,.78)!important;border-bottom:1px solid rgba(10,10,13,.08)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
body.agency-v3 .hd.on{background:rgba(250,250,248,.92)!important;box-shadow:0 10px 35px rgba(8,8,12,.05)!important}
body.agency-v3 .hd-in{height:74px!important;gap:48px}
body.agency-v3 .hd-logo{font-size:18px!important;letter-spacing:-1px!important}
body.agency-v3 .hd-nav{height:74px!important;gap:2px!important}
body.agency-v3 .nav-group{height:74px!important;position:relative!important;display:flex!important;align-items:center!important}
body.agency-v3 .hd-nav>a,body.agency-v3 .nav-link{height:74px!important;display:inline-flex!important;align-items:center!important;padding:0 13px!important;font-size:11px!important;letter-spacing:.08em!important;color:#4d4f56!important;position:relative}
body.agency-v3 .hd-nav>a:after,body.agency-v3 .nav-link:after{content:'';position:absolute;left:13px;right:13px;bottom:19px;height:2px;border-radius:4px;background:var(--v4-accent);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
body.agency-v3 .hd-nav>a:hover:after,body.agency-v3 .nav-link:hover:after,body.agency-v3 .nav-link.on:after{transform:scaleX(1)}
body.agency-v3 .hd-nav>a:hover,body.agency-v3 .nav-link:hover,body.agency-v3 .nav-link.on{color:#0a0a0d!important;transform:none!important}
body.agency-v3 .nav-arr{margin-left:5px;transition:transform .25s ease}
body.agency-v3 .nav-group:hover .nav-arr,body.agency-v3 .nav-group:focus-within .nav-arr{transform:rotate(180deg)}

@media(min-width:981px){
 body.agency-v3 .mega-drop{position:absolute!important;top:100%!important;left:-16px!important;width:350px!important;max-width:none!important;padding:8px 0 0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top left!important;transition:opacity .18s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .25s!important;z-index:3000!important}
 body.agency-v3 .nav-group:hover>.mega-drop,body.agency-v3 .nav-group:focus-within>.mega-drop,body.agency-v3 .mega-drop:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition-delay:0s!important}
 body.agency-v3 .mega-drop-inner{background:rgba(255,255,255,.96)!important;border:1px solid rgba(10,10,13,.10)!important;border-radius:20px!important;box-shadow:0 26px 80px rgba(15,16,24,.14)!important;padding:10px!important;overflow:hidden!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
 .mega-compact-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 13px;border-bottom:1px solid var(--v4-line)}
 .mega-compact-head>span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#92949a}
 .mega-compact-head>a{font-size:10px;font-weight:800;color:var(--v4-accent);text-decoration:none}
 .mega-compact-list{padding:5px 0}
 .mega-compact-item{display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;color:#111216;text-decoration:none;transition:background .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
 .mega-compact-item:hover{background:var(--v4-accent-soft);transform:translateX(3px)}
 .mega-compact-no{font-size:9px;font-weight:800;color:#a0a2a9}
 .mega-compact-label{font-size:13px;font-weight:750;letter-spacing:-.02em}
 .mega-compact-arrow{font-size:12px;color:var(--v4-accent);opacity:0;transform:translate(-5px,5px);transition:.2s}
 .mega-compact-item:hover .mega-compact-arrow{opacity:1;transform:none}
}
body.agency-v3 .btn-fill{background:#0a0a0d!important;border-color:#0a0a0d!important;box-shadow:none!important;transition:transform .25s,box-shadow .25s,background .25s!important}
body.agency-v3 .btn-fill:hover{background:var(--v4-accent)!important;color:#fff!important;border-color:var(--v4-accent)!important;box-shadow:0 14px 35px rgba(88,104,255,.25)!important}

/* accent language: enough to feel current, never rainbow */
body.agency-v3 .v3-kicker,body.agency-v3 .ag-kicker{color:var(--v4-accent)!important}
body.agency-v3 .ag-kicker:before{background:var(--v4-accent)!important}
body.agency-v3 .ag-live{background:var(--v4-accent)!important;box-shadow:0 0 0 5px rgba(88,104,255,.13)!important;animation:v4Pulse 2.1s ease-in-out infinite}
@keyframes v4Pulse{50%{box-shadow:0 0 0 11px rgba(88,104,255,0)}}
#v3-scroll-progress{background:linear-gradient(90deg,#0a0a0d 0%,var(--v4-accent) 75%,#a8b0ff 100%)!important;height:3px!important}

/* home hero: less corporate card, more studio / product feel */
body.agency-v3 .ag-hero{min-height:calc(100svh - 74px)!important;padding:clamp(120px,14vh,175px) 0 96px!important;background:
 radial-gradient(circle at 84% 20%,rgba(88,104,255,.14),transparent 27%),
 radial-gradient(circle at 70% 70%,rgba(0,0,0,.045),transparent 32%),
 var(--v4-paper)!important}
body.agency-v3 .ag-hero:before{width:520px!important;height:520px!important;right:-100px!important;top:40px!important;background:linear-gradient(135deg,rgba(88,104,255,.14),rgba(255,255,255,.03))!important;border:1px solid rgba(88,104,255,.13);filter:blur(.2px);transform:rotate(21deg);border-radius:38% 62% 58% 42%!important;animation:v4Blob 12s ease-in-out infinite alternate}
@keyframes v4Blob{to{transform:rotate(33deg) scale(1.08);border-radius:60% 40% 44% 56%}}
body.agency-v3 .ag-h1{font-size:clamp(52px,7.2vw,104px)!important;line-height:.88!important;letter-spacing:-.072em!important;text-wrap:balance}
body.agency-v3 .ag-h1 .stroke{color:#0a0a0d!important;-webkit-text-stroke:0!important;position:relative}
body.agency-v3 .ag-h1 .stroke:after{content:'';position:absolute;left:1%;right:0;bottom:.05em;height:.10em;background:var(--v4-accent);z-index:-1;opacity:.85;transform:scaleX(.16);transform-origin:left;animation:v4Underline 1.1s .65s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes v4Underline{to{transform:scaleX(1)}}
body.agency-v3 .ag-hero-eyebrow{background:rgba(255,255,255,.68)!important;border-color:rgba(10,10,13,.10)!important;box-shadow:0 10px 30px rgba(8,8,12,.04)}
body.agency-v3 .ag-cap{background:rgba(255,255,255,.72)!important;color:#0a0a0d!important;border:1px solid rgba(10,10,13,.09)!important;border-radius:28px!important;box-shadow:0 35px 100px rgba(23,24,32,.10)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;transform:translateZ(0)}
body.agency-v3 .ag-cap:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,var(--v4-accent) 0,rgba(88,104,255,.14) 36%,transparent 68%);opacity:.5}
body.agency-v3 .ag-cap-label{color:#83858c!important}body.agency-v3 .ag-cap-dot{background:var(--v4-accent)!important;border-color:#fff!important;box-shadow:0 0 0 1px rgba(88,104,255,.25),0 0 28px rgba(88,104,255,.35)!important}
body.agency-v3 .ag-stack{border-color:var(--v4-line)!important}body.agency-v3 .ag-stack div{border-color:var(--v4-line)!important;color:#898b91!important}body.agency-v3 .ag-stack b{color:#111216!important}body.agency-v3 .ag-stack div:hover{color:var(--v4-accent)!important;transform:translateX(5px)}

/* editorial sections */
body.agency-v3 .ag-statement,body.agency-v3 .ab-dark,body.agency-v3 .sv-cta,body.agency-v3 .lb-dark{background:#0b0c10!important}
body.agency-v3 .ag-proof-sec{position:relative;overflow:hidden}
body.agency-v3 .ag-proof-sec:after{content:'';position:absolute;width:540px;height:540px;border-radius:50%;right:-280px;bottom:-270px;background:radial-gradient(circle,rgba(88,104,255,.12),transparent 68%);pointer-events:none}
body.agency-v3 .ag-cert-paper{box-shadow:0 30px 90px rgba(20,22,32,.13)!important}
body.agency-v3 .ag-cert-stage:before{content:'';position:absolute;inset:12% 5%;background:radial-gradient(circle,rgba(88,104,255,.12),transparent 64%);filter:blur(25px);pointer-events:none}

/* Kumsan gets its own material accent, not site-wide gold */
body.agency-v3 .ag-work{background:#0c0d10!important}
body.agency-v3 #case-kumsan{border-color:rgba(201,173,112,.28)!important;box-shadow:0 30px 90px rgba(0,0,0,.16)}
body.agency-v3 #case-kumsan .ag-project-type,body.agency-v3 #case-kumsan .ag-sys-node em{color:var(--v4-gold)!important}
body.agency-v3 .ks .v3-kicker,body.agency-v3 .work-v3 .k-case .work-eyebrow{color:var(--v4-gold)!important}

/* service / lab: interaction instead of old cards */
body.agency-v3 .ag-service,body.agency-v3 .ag-lab-card{transition:background .32s cubic-bezier(.2,.8,.2,1),color .32s,transform .32s,padding .32s!important}
body.agency-v3 .ag-service:hover,body.agency-v3 .ag-lab-card:hover{background:#0a0a0d!important;color:#fff!important;transform:translateX(8px)}
body.agency-v3 .ag-service:hover a{background:var(--v4-accent)!important;border-color:var(--v4-accent)!important;color:#fff!important}

/* real scroll motion */
.v4-reveal{opacity:0;transform:translate3d(0,38px,0) scale(.985);filter:blur(6px);transition:opacity .82s cubic-bezier(.16,.8,.2,1),transform .9s cubic-bezier(.16,.8,.2,1),filter .72s ease;transition-delay:var(--v4-delay,0ms);will-change:opacity,transform,filter}
.v4-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.v4-section-motion{will-change:opacity,transform;transform:translate3d(0,var(--v4-section-y,0px),0);opacity:var(--v4-section-opacity,1)}
.v4-float{will-change:transform}

/* modern pointer — small and useful, desktop only */
#v4-cursor{position:fixed;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--v4-accent);z-index:100001;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply;opacity:0;transition:width .22s,height .22s,opacity .18s,background .22s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#v4-cursor.is-on{opacity:.9}#v4-cursor.is-link{width:54px;height:54px;background:#0a0a0d;mix-blend-mode:normal;font-size:8px}#v4-cursor.is-case{width:86px;height:86px;background:var(--v4-accent);mix-blend-mode:normal;font-size:8px}

/* page wipe now reads as a digital transition */
#v3-page-wipe{background:#0a0a0d!important}
#v3-page-wipe:after{content:'LIFED.';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(64px,12vw,180px);font-weight:950;letter-spacing:-.08em;color:#fff;opacity:.08}

/* footer: editorial, slightly lighter and cleaner */
body.agency-v3 footer.v3-footer{background:#0a0b0f!important;position:relative;overflow:hidden}
body.agency-v3 footer.v3-footer:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;right:-220px;top:-220px;background:radial-gradient(circle,rgba(88,104,255,.24),transparent 68%);pointer-events:none}
body.agency-v3 .v3-footer-big{transition:letter-spacing .45s cubic-bezier(.2,.8,.2,1),color .3s}body.agency-v3 .v3-footer-big:hover{letter-spacing:-.055em;color:#cfd4ff}

@media(pointer:coarse),(max-width:980px){#v4-cursor{display:none}.v4-section-motion{opacity:1!important;transform:none!important}}
@media(max-width:980px){body.agency-v3 .hd{height:66px!important}body.agency-v3 .hd-in{height:66px!important}.ag-hero{padding-top:105px!important}.mega-compact-head,.mega-compact-list{display:none}}
@media(prefers-reduced-motion:reduce){.v4-reveal,.v4-section-motion{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}body.agency-v3 .ag-hero:before,body.agency-v3 .ag-live{animation:none!important}#v4-cursor{display:none!important}}

/* V4 moving capability rail — visible action between hero and body */
.v4-ticker{overflow:hidden;background:#0a0a0d;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:17px 0}
.v4-ticker-track{display:flex;align-items:center;gap:30px;width:max-content;min-width:max-content;animation:v4Ticker 26s linear infinite;will-change:transform}
.v4-ticker-track span{font-size:11px;font-weight:900;letter-spacing:.16em;white-space:nowrap}.v4-ticker-track i{font-style:normal;font-size:6px;color:var(--v4-accent)}
@keyframes v4Ticker{to{transform:translateX(-50%)}}
body.agency-v3 .sv-k,body.agency-v3 .ab-k{color:var(--v4-accent)!important}
body.agency-v3 .sv-row:hover .sv-k,body.agency-v3 .ab-value:hover .ab-k,body.agency-v3 .ab-cap-row:hover .ab-k{color:#9ca6ff!important}
body.agency-v3 .sv-row{position:relative;overflow:hidden}
body.agency-v3 .sv-row:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--v4-accent);transform:scaleY(0);transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.agency-v3 .sv-row:hover:before{transform:scaleY(1)}
body.agency-v3 .ab-marquee{background:#0a0a0d!important}.ab-marquee-track i{color:var(--v4-accent)!important;opacity:1!important}
body.agency-v3 .ab-own h2 span{-webkit-text-stroke:1px rgba(156,166,255,.45)!important}
@media(prefers-reduced-motion:reduce){.v4-ticker-track{animation:none!important}}


/* V5 — let images carry color; UI stays mostly monochrome */
body.agency-v3{--v5-blue:#4f66ff;--v5-silver:#e7e8ed}
[data-v5-media]{will-change:transform}
body.agency-v3 .v4-reveal{transition-duration:.95s!important}
@media(min-width:981px){body.agency-v3 .mega-drop{padding-top:0!important}.mega-compact-head{border-radius:18px 18px 0 0}}
