:root {
  color-scheme: dark;
  --ink: #f4f3ef;
  --muted: #aaa8a1;
  --bg: #090a0b;
  --panel: #111316;
  --line: rgba(255,255,255,.12);
  --lime: #c9ff4a;
  --violet: #9a82ff;
  --orange: #ff794a;
  --cyan: #56e0f4;
  --radius: 22px;
}

html[data-theme="light"] {
  color-scheme: light;
  --ink: #121411;
  --muted: #60635d;
  --bg: #f4f2ec;
  --panel: #fffdf8;
  --line: rgba(18,20,17,.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Manrope, sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content:""; position: fixed; inset: 0; pointer-events:none; opacity:.035; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.wrap { width: min(1180px, calc(100% - 44px)); margin: 0 auto; }
.mono { font-family: "DM Mono", monospace; text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; }
.accent { color: var(--lime); }

.site-header { height: 78px; display:flex; align-items:center; position:sticky; top:0; z-index:15; background:rgba(9,10,11,.82); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.nav { display:flex; align-items:center; justify-content:space-between; }
.brand { font-size:1.08rem; font-weight:800; letter-spacing:-.04em; display:flex; align-items:center; gap:9px; }
.brand-logo { display:block; width:70px; height:auto; transition:filter .25s ease,transform .25s ease; }
.brand:hover .brand-logo { transform:translateY(-1px) rotate(-1deg); }
.site-header .brand { position:relative; }
.site-header .brand::after {
  content:"";
  position:absolute;
  right:-8px;
  bottom:1px;
  width:6px;
  height:6px;
  border-radius:2px;
  background:var(--lime);
  transform:rotate(8deg);
  box-shadow:0 0 14px rgba(201,255,74,.42);
  transition:transform .25s ease,box-shadow .25s ease;
}
.site-header .brand:hover::after {
  transform:rotate(14deg) scale(1.08);
  box-shadow:0 0 24px rgba(201,255,74,.55);
}
.brand-logo--footer { width:90px; }
.nav-links { display:flex; align-items:center; gap:26px; color:#c8c6c0; font-size:.86rem; }
.nav-links a { transition:.2s ease; }
.nav-links a:hover { color:#fff; }
.ig-instagram-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); color:#c8c6c0; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.ig-instagram-link svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; flex:0 0 auto; }
.ig-instagram-link .ig-instagram-dot { fill:currentColor; stroke:none; }
.ig-instagram-link:hover { color:#0b0d09 !important; border-color:var(--lime); background:var(--lime); transform:translateY(-2px); }
.ig-instagram-link--header { width:38px; height:38px; border-radius:50%; }
.ig-instagram-link--header span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.theme-toggle { align-self:center; display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
.theme-toggle-track { position:relative; width:47px; height:26px; flex:0 0 auto; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(0,0,0,.05); transition:background .25s,border-color .25s; }
.theme-toggle-track i { position:absolute; z-index:2; left:3px; top:3px; width:18px; height:18px; border-radius:50%; background:var(--ink); box-shadow:0 3px 10px rgba(0,0,0,.24); transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s; }
.theme-icon { position:absolute; top:50%; transform:translateY(-52%); font-size:.67rem; line-height:1; font-weight:400; opacity:.55; }
.theme-icon--sun { left:6px; color:#fff; }
.theme-icon--moon { right:6px; color:#cfd0ca; }
.theme-toggle.is-light .theme-toggle-track i { transform:translateX(21px); }
.theme-toggle-label { min-width:29px; font-family:"DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; font-size:.55rem; }
.theme-toggle:hover .theme-toggle-track { border-color:color-mix(in srgb,var(--lime) 55%,var(--line)); }
.nav-cta, .primary-btn { border:0; background:var(--lime); color:#101109; font-weight:800; border-radius:999px; padding:12px 18px; cursor:pointer; transition:transform .2s, box-shadow .2s; }
.nav-cta:hover, .primary-btn:hover { transform:translateY(-2px); box-shadow:0 12px 35px rgba(201,255,74,.16); }
.menu-btn { display:none; border:1px solid var(--line); background:transparent; border-radius:10px; width:43px; height:43px; font-size:1.1rem; }

.hero { min-height:720px; display:grid; align-items:center; position:relative; overflow:hidden; padding:72px 0 52px; }
.hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:76px; align-items:center; }
.eyebrow { color:var(--lime); display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.eyebrow::before { content:""; width:28px; height:1px; background:currentColor; }
h1 { font-size:clamp(3.3rem, 7.4vw, 7.1rem); line-height:.92; letter-spacing:-.02em; margin:0; max-width:900px; }
.hero h1 em { color:var(--lime); font-style:normal; }
.hero-copy { font-size:clamp(1rem,1.45vw,1.25rem); color:var(--muted); line-height:1.65; max-width:585px; margin:28px 0 34px; }
.button-row { display:flex; gap:13px; flex-wrap:wrap; }
.primary-btn, .secondary-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:52px; padding:0 22px; }
.secondary-btn { border:1px solid var(--line); border-radius:999px; color:#e3e1dc; background:rgba(255,255,255,.02); transition:.2s; }
.secondary-btn:hover { border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.05); }
.availability { margin-top:28px; color:#8c8d87; display:flex; align-items:center; gap:9px; }
.availability i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(201,255,74,.08); }

.hero-art { height:520px; position:relative; }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.11); border-radius:50%; inset:24px; animation:spin 26s linear infinite; }
.orbit::before, .orbit::after { content:""; position:absolute; border-radius:50%; }
.orbit::before { width:16px; height:16px; background:var(--lime); top:21%; left:4%; box-shadow:0 0 30px var(--lime); }
.orbit::after { width:11px; height:11px; background:var(--violet); bottom:9%; right:17%; box-shadow:0 0 26px var(--violet); }
@keyframes spin { to { transform:rotate(360deg); } }
.screen { position:absolute; left:11%; top:11%; width:78%; height:75%; border:1px solid rgba(255,255,255,.15); background:linear-gradient(145deg,rgba(30,33,37,.92),rgba(14,15,17,.96)); border-radius:24px; transform:perspective(900px) rotateY(-8deg) rotateX(4deg); box-shadow:40px 60px 100px rgba(0,0,0,.45); padding:15px; }
.screen-top { height:32px; border-bottom:1px solid var(--line); display:flex; align-items:flex-start; gap:6px; }
.screen-top i { width:7px; height:7px; border-radius:50%; background:#494b50; }
.screen-content { height:calc(100% - 32px); display:grid; grid-template-columns:34% 1fr; gap:13px; padding-top:13px; }
.screen-sidebar, .screen-block { border-radius:13px; background:#17191c; border:1px solid rgba(255,255,255,.05); }
.screen-sidebar { padding:15px; display:flex; flex-direction:column; gap:10px; }
.screen-sidebar i { display:block; height:6px; background:#2b2e32; border-radius:4px; }
.screen-sidebar i:nth-child(2) { width:67%; }
.screen-sidebar i:nth-child(4) { width:78%; background:rgba(201,255,74,.42); }
.screen-main { display:grid; grid-template-rows:1.2fr .8fr; gap:13px; }
.screen-block:first-child { background:radial-gradient(circle at 68% 35%,rgba(154,130,255,.35),transparent 31%),linear-gradient(135deg,#1c1e21,#121315); display:flex; align-items:flex-end; padding:20px; }
.screen-block:first-child::after { content:"ideas → impact"; font-size:1.8rem; font-weight:800; letter-spacing:-.07em; max-width:140px; line-height:.9; }
.screen-cards { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.screen-cards .screen-block:first-child { background:rgba(201,255,74,.92); color:#0b0d08; }
.screen-cards .screen-block:first-child::after { content:"build."; font-size:1.05rem; }
.screen-cards .screen-block:last-child { background:rgba(255,121,74,.9); }
.float-tag { position:absolute; border:1px solid var(--line); background:rgba(14,15,17,.85); backdrop-filter:blur(12px); padding:11px 14px; border-radius:999px; font-size:.72rem; box-shadow:0 18px 45px rgba(0,0,0,.3); }
.float-tag.one { top:12%; right:-2%; }
.float-tag.two { bottom:13%; left:-2%; }
.float-tag.three { bottom:4%; right:5%; }

.section { padding:105px 0; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:42px; }
.kicker { color:var(--lime); margin-bottom:16px; }
h2 { font-size:clamp(2.3rem,4.5vw,4.2rem); letter-spacing:-.06em; line-height:1; margin:0; }
.section-intro { color:var(--muted); line-height:1.7; max-width:450px; margin:0; }

.services-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.service-card { --mouse-x:50%; --mouse-y:50%; grid-column:span 4; min-height:290px; border:1px solid var(--line); background:var(--panel); border-radius:var(--radius); padding:26px; display:flex; flex-direction:column; position:relative; isolation:isolate; overflow:hidden; transition:transform .25s,border-color .25s,box-shadow .3s; }
.service-card:nth-child(1), .service-card:nth-child(2) { grid-column:span 6; min-height:335px; }
.service-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--card-accent,var(--lime)) 45%,rgba(255,255,255,.22)); box-shadow:0 24px 80px color-mix(in srgb,var(--card-accent,var(--lime)) 13%,transparent); }
.service-card::before { content:""; position:absolute; z-index:0; inset:-1px; pointer-events:none; opacity:0; background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--card-accent,var(--lime)) 28%,transparent) 0%,color-mix(in srgb,var(--card-accent,var(--lime)) 10%,transparent) 35%,transparent 70%); transition:opacity .28s ease; }
.service-card:hover::before { opacity:1; }
.service-card::after { content:""; position:absolute; z-index:0; width:190px; height:190px; border-radius:50%; filter:blur(80px); background:var(--card-accent,var(--lime)); opacity:.08; right:-65px; bottom:-65px; transition:opacity .3s; }
.service-card:hover::after { opacity:.16; }
.service-card > * { position:relative; z-index:2; }
.service-top { display:flex; justify-content:space-between; align-items:flex-start; }
.service-num { color:#777; }
.service-arrow { width:38px; height:38px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; transition:.2s; }
.service-card:hover .service-arrow { background:var(--ink); color:var(--bg); transform:rotate(-8deg); }
.service-card h3 { margin:auto 0 12px; font-size:clamp(1.45rem,2.5vw,2.25rem); letter-spacing:-.045em; }
.service-card p { margin:0; color:var(--muted); line-height:1.55; max-width:500px; }
.soon { color:var(--lime); border:1px solid rgba(201,255,74,.25); background:rgba(201,255,74,.06); border-radius:999px; padding:6px 9px; font-size:.62rem; }

.work-shell { border-top:1px solid var(--line); }
.filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:27px; }
.filter { border:1px solid var(--line); background:transparent; color:#aaa; border-radius:999px; padding:9px 14px; cursor:pointer; font-size:.78rem; }
.filter.active { background:var(--ink); color:var(--bg); }
.work-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }
.work-card { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#101215; transition:.25s; }
.work-card:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.25); }
.work-visual { height:260px; padding:22px; position:relative; overflow:hidden; background:var(--work-bg); display:flex; align-items:flex-end; }
.work-visual::before { content:""; position:absolute; width:60%; aspect-ratio:1; border:1px solid rgba(255,255,255,.22); border-radius:50%; right:-8%; top:-25%; }
.work-visual::after { content:attr(data-code); position:absolute; left:22px; top:20px; font-family:"DM Mono",monospace; font-size:.67rem; letter-spacing:.13em; color:rgba(255,255,255,.65); }
.mock-window { width:78%; height:72%; margin:0 auto -5px; border-radius:13px 13px 0 0; background:rgba(8,9,11,.84); border:1px solid rgba(255,255,255,.28); box-shadow:0 22px 50px rgba(0,0,0,.3); padding:11px; transform:rotate(-1deg); }
.mock-window span { display:block; width:56%; height:8px; background:rgba(255,255,255,.75); border-radius:9px; margin:24px 10px 9px; }
.mock-window i { display:block; width:35%; height:6px; background:rgba(255,255,255,.2); border-radius:9px; margin-left:10px; }
.work-meta { padding:22px; display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.work-meta h3 { font-size:1.2rem; margin:0 0 7px; }
.work-meta p { color:#8f908b; margin:0; font-size:.84rem; line-height:1.5; }
.work-type { white-space:nowrap; color:#aaa; }
.work-card.is-hidden { display:none; }

.closing { background:var(--lime); color:#101109; border-radius:30px; padding:clamp(30px,7vw,74px); display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:40px; overflow:hidden; position:relative; }
.closing::after { content:"*"; position:absolute; right:3%; top:-42%; font-size:22rem; opacity:.075; font-weight:800; }
.closing h2 { max-width:760px; font-size:clamp(2.6rem,5.8vw,5.2rem); }
.closing p { margin:20px 0 0; max-width:560px; line-height:1.6; color:rgba(16,17,9,.65); }
.dark-btn { position:relative; z-index:2; border:0; background:#101109; color:#fff; min-height:58px; border-radius:999px; font-weight:800; padding:0 23px; cursor:pointer; justify-self:end; }

.site-footer { padding:45px 0 28px; }
.footer-main { display:flex; justify-content:space-between; gap:30px; padding-bottom:30px; border-bottom:1px solid var(--line); }
.footer-tag { color:#888; margin-top:10px; font-size:.85rem; }
.footer-links { display:flex; gap:24px; color:#aaa; font-size:.82rem; flex-wrap:wrap; }
.footer-bottom { display:flex; justify-content:space-between; color:#666; font-size:.72rem; padding-top:18px; }

/* service pages */
.service-hero { min-height:590px; padding:82px 0 60px; display:grid; align-items:center; border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
.service-hero::after { content:attr(data-symbol); position:absolute; right:-2%; bottom:-30%; font-size:32rem; line-height:1; font-weight:800; opacity:.025; }
.service-hero-grid { display:grid; grid-template-columns:1fr 400px; align-items:end; gap:70px; }
.crumb { color:#858680; margin-bottom:34px; }
.service-hero h1 { max-width:930px; }
.service-hero h1 .stroke { -webkit-text-stroke:1px rgba(255,255,255,.55); color:transparent; }
.service-side { border-left:1px solid var(--line); padding-left:27px; }
.service-side p { color:var(--muted); line-height:1.7; margin:0 0 28px; }
.tag-list { display:flex; flex-wrap:wrap; gap:8px; }
.tag { border:1px solid var(--line); border-radius:999px; padding:8px 11px; color:#aaa; font-size:.72rem; }
.capabilities { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; }
.cap-list { border-top:1px solid var(--line); }
.cap-row { display:grid; grid-template-columns:45px 1fr; gap:15px; padding:21px 0; border-bottom:1px solid var(--line); }
.cap-row b { font-size:1.05rem; }
.cap-row span { color:#686a66; }
.process-note { border-radius:var(--radius); background:linear-gradient(145deg,#191b1e,#111315); border:1px solid var(--line); padding:32px; align-self:start; position:sticky; top:105px; }
.process-note .big { font-size:clamp(2rem,4vw,3.7rem); letter-spacing:-.06em; line-height:1; margin:18px 0 24px; }
.process-note p { color:var(--muted); line-height:1.6; }
.mini-flow { display:flex; gap:8px; align-items:center; color:#9a9b95; margin-top:26px; font-size:.73rem; }
.mini-flow i { height:1px; background:#42433f; flex:1; }
.service-work { background:#0c0e10; border-block:1px solid var(--line); }
.next-service { display:flex; justify-content:space-between; align-items:center; padding:24px 0; color:#aaa; }
.next-service strong { color:#fff; font-size:1.1rem; }

/* modal */
.modal { position:fixed; inset:0; z-index:40; display:none; place-items:center; background:rgba(0,0,0,.68); backdrop-filter:blur(12px); padding:20px; }
.modal.open { display:grid; }
.modal-card { width:min(650px,100%); border:1px solid rgba(255,255,255,.2); background:#121417; border-radius:26px; padding:30px; box-shadow:0 40px 100px rgba(0,0,0,.5); max-height:calc(100vh - 40px); overflow:auto; }
.modal-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:25px; }
.modal h2 { font-size:2.3rem; }
.modal p { color:var(--muted); margin:8px 0 0; }
.close-modal { border:1px solid var(--line); background:transparent; border-radius:50%; width:42px; height:42px; cursor:pointer; }
.inquiry-form { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.inquiry-form > .full { grid-column:1/-1; }
.field { display:flex; flex-direction:column; gap:7px; }
.field.full { grid-column:1/-1; }
.field label { font-size:.72rem; color:#aaa; }
.field input, .field select, .field textarea { width:100%; color:#fff; background:#0b0c0e; border:1px solid var(--line); border-radius:12px; padding:13px 14px; outline:none; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--lime); }
.field textarea { min-height:100px; resize:vertical; }
.form-note { color:#777; font-size:.7rem; grid-column:1/-1; }
.form-success { display:none; padding:18px; border-radius:14px; background:rgba(201,255,74,.08); border:1px solid rgba(201,255,74,.24); color:#dfff96; line-height:1.55; }
.form-success.show { display:block; }

@media (max-width: 900px) {
  .nav-links { display:none; position:absolute; top:77px; left:0; right:0; background:#0d0f11; padding:24px 22px; flex-direction:column; align-items:stretch; border-bottom:1px solid var(--line); }
  .nav-links.open { display:flex; }
  .nav-links .ig-instagram-link--header { width:100%; height:auto; min-height:44px; border-radius:999px; }
  .nav-links .ig-instagram-link--header span { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal; }
  .theme-toggle { align-self:flex-start; }
  .menu-btn { display:block; }
  .hero { min-height:auto; }
  .hero-grid, .service-hero-grid, .capabilities, .closing { grid-template-columns:1fr; }
  .hero-art { height:430px; max-width:650px; width:100%; margin:0 auto; }
  .service-card, .service-card:nth-child(1), .service-card:nth-child(2) { grid-column:span 6; }
  .section-head { align-items:start; flex-direction:column; }
  .closing .dark-btn { justify-self:start; }
  .service-hero { min-height:auto; }
  .service-side { border-left:0; padding-left:0; max-width:650px; }
  .process-note { position:static; }
}

@media (max-width: 640px) {
  .wrap { width:min(100% - 28px,1180px); }
  .site-header { height:68px; }
  .nav-links { top:67px; }
  .hero { padding-top:54px; }
  h1 { font-size:clamp(3rem,17vw,5rem); }
  .hero-grid { gap:35px; }
  .hero-art { height:335px; }
  .float-tag.one { right:0; }
  .float-tag.two { left:0; }
  .float-tag.three { display:none; }
  .section { padding:74px 0; }
  .service-card, .service-card:nth-child(1), .service-card:nth-child(2) { grid-column:1/-1; min-height:245px; }
  .work-grid { grid-template-columns:1fr; }
  .work-visual { height:225px; }
  .closing { padding:34px 24px; border-radius:22px; }
  .footer-main, .footer-bottom { flex-direction:column; }
  .footer-bottom { gap:9px; }
  .inquiry-form { grid-template-columns:1fr; }
  .inquiry-form > .full { grid-column:auto; }
  .field.full { grid-column:auto; }
  .service-hero { padding:58px 0 42px; }
  .service-hero-grid { gap:35px; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

@media (hover:none) {
  .service-card::before { background:radial-gradient(420px circle at 78% 78%,color-mix(in srgb,var(--card-accent,var(--lime)) 12%,transparent),transparent 68%); opacity:.55; }
}

/* Crew */
.crew-hero { min-height:700px; padding:100px 0 80px; display:grid; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.crew-hero::after { content:"WE ARE\A INTERNET GEEKS"; white-space:pre; position:absolute; right:-1%; bottom:-5%; font-size:clamp(5rem,12vw,11rem); font-weight:800; line-height:.75; letter-spacing:-.08em; color:rgba(255,255,255,.018); text-align:right; pointer-events:none; }
.crew-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:76px; align-items:center; }
.crew-hero h1 { max-width:780px; }
.crew-signal { height:500px; position:relative; display:grid; place-items:center; }
.crew-signal-ring { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.13); animation:spin 26s linear infinite; }
.crew-signal-ring::before, .crew-signal-ring::after { content:""; position:absolute; border-radius:50%; box-shadow:0 0 28px currentColor; }
.crew-signal-ring::before { width:12px; height:12px; background:currentColor; left:9%; top:24%; }
.crew-signal-ring::after { width:7px; height:7px; background:currentColor; right:14%; bottom:18%; }
.crew-signal-ring.ring-one { width:90%; aspect-ratio:1; color:var(--lime); }
.crew-signal-ring.ring-two { width:66%; aspect-ratio:1; color:var(--violet); animation-direction:reverse; animation-duration:18s; }
.crew-signal-core { width:210px; aspect-ratio:1; border-radius:42%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-align:center; background:radial-gradient(circle at 35% 30%,rgba(201,255,74,.18),transparent 48%),#131518; border:1px solid rgba(255,255,255,.17); box-shadow:0 38px 100px rgba(0,0,0,.42); transform:rotate(-6deg); }
.crew-signal-core .mono { color:#8f918a; line-height:1.6; font-size:.59rem; }
.crew-signal-core strong { font-size:4rem; letter-spacing:-.1em; line-height:.8; }
.crew-signal-core strong span { color:var(--lime); }
.crew-signal-logo { width: 96px; height: auto; filter: brightness(0); }
@media (max-width: 640px) {
  .crew-signal-logo { width: 68px; }
}
.crew-spark { position:absolute; width:15px; height:15px; border-radius:3px; transform:rotate(13deg); }
.crew-spark.spark-one { background:var(--orange); left:8%; bottom:18%; box-shadow:0 0 30px rgba(255,121,74,.75); }
.crew-spark.spark-two { background:var(--cyan); right:4%; top:19%; box-shadow:0 0 30px rgba(86,224,244,.75); }
.crew-roles { background:#0c0e10; }
.crew-role-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.crew-role-card { --mouse-x:50%; --mouse-y:50%; position:relative; isolation:isolate; overflow:hidden; min-height:320px; display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:#111316; transition:transform .25s,border-color .25s,box-shadow .3s; }
.crew-role-card::before { content:""; position:absolute; z-index:0; inset:-1px; pointer-events:none; opacity:0; background:radial-gradient(440px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--role-accent,var(--lime)) 30%,transparent) 0%,color-mix(in srgb,var(--role-accent,var(--lime)) 10%,transparent) 38%,transparent 70%); transition:opacity .28s ease; }
.crew-role-card::after { content:""; position:absolute; z-index:0; width:190px; height:190px; right:-70px; bottom:-70px; border-radius:50%; filter:blur(82px); background:var(--role-accent,var(--lime)); opacity:.09; transition:opacity .3s; }
.crew-role-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--role-accent,var(--lime)) 45%,rgba(255,255,255,.22)); box-shadow:0 24px 80px color-mix(in srgb,var(--role-accent,var(--lime)) 14%,transparent); }
.crew-role-card:hover::before { opacity:1; }
.crew-role-card:hover::after { opacity:.18; }
.crew-role-card > * { position:relative; z-index:2; }
.crew-role-top { display:flex; align-items:center; justify-content:space-between; }
.crew-role-top span { color:#777; }
.crew-role-top i { width:12px; height:12px; border-radius:3px; background:var(--role-accent,var(--lime)); box-shadow:0 0 24px var(--role-accent,var(--lime)); transform:rotate(9deg); }
.crew-role-card h3 { margin:auto 0 13px; max-width:520px; font-size:clamp(1.8rem,3.5vw,3.25rem); line-height:.95; letter-spacing:-.055em; }
.crew-role-card p { max-width:520px; margin:0; color:var(--muted); line-height:1.6; }

.crew-team { overflow:hidden; }
.crew-swipe-hint { display:none; color:#83857e; margin:-20px 0 22px; }
.crew-team-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:start; }
.team-member-card { --mouse-x:50%; --mouse-y:50%; position:relative; isolation:isolate; overflow:hidden; aspect-ratio:4/5.35; min-height:390px; border:1px solid var(--line); border-radius:26px; background:#15171a; scroll-snap-align:center; transition:transform .3s,border-color .3s,box-shadow .3s; }
.team-member-card:nth-child(even) { margin-top:46px; }
.team-member-card:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--member-accent,var(--lime)) 50%,rgba(255,255,255,.2)); box-shadow:0 30px 90px color-mix(in srgb,var(--member-accent,var(--lime)) 15%,transparent); }
.team-member-media { position:absolute; inset:0; overflow:hidden; }
.team-member-media::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 28%,rgba(6,7,8,.18) 52%,rgba(6,7,8,.96) 94%); }
.team-member-media img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.04); transition:transform .65s ease,filter .35s; }
.team-member-card:hover .team-member-media img { transform:scale(1.045); filter:saturate(1) contrast(1.04); }
.team-member-placeholder { width:100%; height:100%; display:grid; place-content:center; gap:14px; text-align:center; background:radial-gradient(circle at 68% 22%,color-mix(in srgb,var(--member-accent,var(--lime)) 25%,transparent),transparent 35%),linear-gradient(145deg,#202328,#0d0f11); }
.team-member-placeholder::before { content:""; width:72%; aspect-ratio:1; position:absolute; left:14%; top:16%; border-radius:48% 52% 43% 57%; border:1px solid rgba(255,255,255,.13); transform:rotate(-8deg); }
.team-member-placeholder strong { position:relative; z-index:1; font-size:clamp(3rem,5vw,5rem); line-height:1; letter-spacing:-.09em; color:var(--member-accent,var(--lime)); }
.team-member-placeholder span { position:relative; z-index:1; color:#8d8e89; font-size:.57rem; }
.team-member-glow { position:absolute; z-index:1; inset:-1px; pointer-events:none; opacity:0; background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--member-accent,var(--lime)) 29%,transparent),transparent 67%); transition:opacity .28s; }
.team-member-card:hover .team-member-glow { opacity:1; }
.team-member-content { position:absolute; z-index:3; left:22px; right:22px; bottom:22px; }
.team-member-toggle { display:none; }
.team-member-role { display:inline-flex; align-items:center; min-height:27px; padding:0 9px; border:1px solid color-mix(in srgb,var(--member-accent,var(--lime)) 38%,rgba(255,255,255,.12)); border-radius:999px; background:rgba(8,9,10,.66); color:var(--member-accent,var(--lime)); font-size:.55rem; backdrop-filter:blur(10px); }
.team-member-content h3 { margin:13px 0 0; font-size:clamp(1.45rem,2.4vw,2.15rem); line-height:.95; letter-spacing:-.055em; color: #f5eee0; }
.team-member-reveal { max-height:0; opacity:0; overflow:hidden; transform:translateY(12px); transition:max-height .42s ease,opacity .3s ease,transform .35s ease; }
.team-member-card:hover .team-member-reveal, .team-member-card:focus-within .team-member-reveal { max-height:290px; opacity:1; transform:translateY(0); }
.team-member-reveal p { margin:13px 0 0; color:#c6c5bf; font-size:.78rem; line-height:1.5; }
.team-member-reveal a { display:inline-flex; margin-top:11px; color:var(--member-accent,var(--lime)); font-size:.73rem; font-weight:800; }

@media (max-width:900px) {
  .crew-hero { min-height:auto; }
  .crew-hero-grid { grid-template-columns:1fr; gap:42px; }
  .crew-signal { height:390px; width:min(520px,100%); margin:0 auto; }
  .crew-team-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-member-card { min-height:460px; }
}

@media (max-width:640px) {
  .crew-hero { padding:68px 0 55px; }
  .crew-signal { height:310px; }
  .crew-signal-core { width:150px; border-radius:38%; }
  .crew-signal-core strong { font-size:3rem; }
  .crew-role-grid { grid-template-columns:1fr; }
  .crew-role-card { min-height:250px; padding:23px; }
  .crew-swipe-hint { display:block; }
  .crew-team-track { width:calc(100% + 14px); display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(82vw,340px); gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:none; padding:2px 14px 18px 0; }
  .crew-team-track::-webkit-scrollbar { display:none; }
  .team-member-card, .team-member-card:nth-child(even) { min-height:430px; margin-top:0; }
  .team-member-reveal, .team-member-card:hover .team-member-reveal, .team-member-card:focus-within .team-member-reveal { max-height:0; opacity:0; transform:translateY(12px); }
  .team-member-card.is-open .team-member-reveal { max-height:340px; opacity:1; transform:none; }
  .team-member-card.is-open .team-member-media::after { background:linear-gradient(to bottom,rgba(6,7,8,.35) 0%,rgba(6,7,8,.88) 45%,rgba(6,7,8,.97) 100%); }
  .team-member-toggle { display:inline-flex; align-items:center; justify-content:center; position:absolute; z-index:5; top:14px; right:14px; min-height:34px; padding:0 14px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(8,9,10,.68); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#f5eee0; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
  .team-member-card.is-open .team-member-toggle { border-color:var(--member-accent,var(--lime)); color:var(--member-accent,var(--lime)); }
  .team-member-glow { background:radial-gradient(360px circle at 78% 25%,color-mix(in srgb,var(--member-accent,var(--lime)) 18%,transparent),transparent 67%); opacity:.6; }
}

@media (hover:none) {
  .crew-role-card::before { background:radial-gradient(420px circle at 78% 78%,color-mix(in srgb,var(--role-accent,var(--lime)) 13%,transparent),transparent 68%); opacity:.55; }
}

/* Video portfolio */
.video-portfolio-hero { min-height:620px; padding:105px 0 80px; display:grid; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.video-portfolio-hero::after { content:"▶"; position:absolute; right:1%; bottom:-31%; font-size:31rem; line-height:1; color:var(--lime); opacity:.027; transform:rotate(-8deg); pointer-events:none; }
.video-portfolio-hero h1 { max-width:1050px; }
.video-portfolio-hero h1 em { color:var(--lime); font-style:normal; }
.video-jump-links { display:flex; gap:10px; flex-wrap:wrap; margin-top:32px; }
.video-jump-links a { border:1px solid var(--line); border-radius:999px; padding:12px 17px; color:#d9d8d3; transition:.2s; }
.video-jump-links a:hover { background:var(--ink); color:var(--bg); }
.ig-video-filter-bar { position:relative; z-index:8; padding:20px 0; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(18px); }
.ig-video-filter-row { display:flex; align-items:center; justify-content:space-between; gap:22px; }
.ig-video-filters { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.ig-video-filter { border:1px solid var(--line); border-radius:999px; padding:11px 15px; background:transparent; color:#aaa9a4; font:600 .72rem/1 "Manrope",sans-serif; cursor:pointer; transition:background .2s,color .2s,border-color .2s,transform .2s; }
.ig-video-filter:hover { color:var(--ink); border-color:rgba(255,255,255,.28); transform:translateY(-1px); }
.ig-video-filter.is-active { color:#080a07; background:var(--lime); border-color:var(--lime); }
.ig-video-filter-status { color:#777a73; font-size:.58rem; white-space:nowrap; }
.ig-video-filter-empty { margin-top:70px; min-height:240px; border:1px dashed var(--line); border-radius:26px; display:grid; place-content:center; justify-items:center; text-align:center; padding:35px; }
.ig-video-filter-empty[hidden] { display:none; }
.ig-video-filter-empty span { color:var(--lime); font-size:.62rem; }
.ig-video-filter-empty strong { margin-top:9px; font-size:clamp(1.5rem,3vw,2.4rem); }
.ig-video-filter-empty p { margin:8px 0 0; color:#858680; }
.video-showcase { padding:100px 0; overflow:hidden; }
.video-showcase.is-filtered-empty { display:none; }
.video-showcase--films { border-top:1px solid var(--line); background:#0c0e10; }
.video-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:38px; }
.video-section-head h2 { margin-top:12px; }
.swipe-hint { display:none; color:#84857f; }
.ig-video-track { display:grid; gap:18px; }
.ig-reel-track { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ig-film-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ig-video-card { min-width:0; scroll-snap-align:center; }
.ig-video-card.is-filtered-out { display:none; }
.ig-player { position:relative; width:100%; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:#050607; border-radius:24px; isolation:isolate; box-shadow:0 28px 70px rgba(0,0,0,.28); }
.ig-video-card--reel .ig-player { aspect-ratio:9/16; }
.ig-video-card--landscape .ig-player { aspect-ratio:16/9; }
.ig-video-media, .ig-youtube-media { position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:cover; background:#050607; }
.ig-video-shade { position:absolute; z-index:1; inset:38% 0 0; pointer-events:none; background:linear-gradient(to bottom,transparent,rgba(0,0,0,.14) 35%,rgba(0,0,0,.82)); }
.ig-video-caption { position:absolute; z-index:3; left:19px; right:19px; bottom:64px; pointer-events:none; }
.ig-video-caption .mono { color:var(--video-accent); font-size:.61rem; }
.ig-video-caption h3 { color: #f5eee0; font-size:clamp(1.05rem,1.8vw,1.45rem); letter-spacing:-.04em; margin:8px 0 3px; line-height:1.08; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.ig-video-caption p { color:#c1c0bb; font-size:.76rem; margin:0; }
.ig-video-featured { position:absolute; z-index:5; right:14px; top:14px; border:1px solid color-mix(in srgb,var(--video-accent) 50%,transparent); border-radius:999px; padding:9px 11px; background:rgba(8,9,10,.78); color:var(--video-accent); font-size:.56rem; line-height:1; backdrop-filter:blur(11px); }
.ig-sound-toggle { position:absolute; z-index:5; left:14px; top:14px; border:1px solid rgba(255,255,255,.16); background:rgba(8,9,10,.78); color:#fff; border-radius:999px; min-height:37px; padding:0 12px; font-size:.68rem; font-weight:700; cursor:pointer; backdrop-filter:blur(11px); }
.ig-sound-toggle.is-on { background:var(--video-accent); color:#0b0c08; border-color:transparent; }
.ig-player-controls { position:absolute; z-index:5; left:13px; right:13px; bottom:13px; display:grid; grid-template-columns:35px 1fr auto 35px; align-items:center; gap:8px; padding:7px; border:1px solid rgba(255,255,255,.12); background:rgba(7,8,9,.72); border-radius:999px; backdrop-filter:blur(13px); opacity:.9; transition:.2s; }
.ig-player:hover .ig-player-controls { opacity:1; }
.ig-player-controls button { width:35px; height:35px; display:grid; place-items:center; border:0; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; font-size:.8rem; }
.ig-video-progress { width:100%; height:3px; accent-color:var(--video-accent); cursor:pointer; }
.ig-video-progress:disabled { opacity:.22; cursor:default; }
.ig-video-time { font-family:"DM Mono",monospace; font-size:.57rem; color:#d2d1cc; min-width:30px; text-align:center; }
.ig-video-empty { border:1px dashed rgba(255,255,255,.18); border-radius:24px; min-height:240px; display:grid; place-content:center; text-align:center; gap:8px; color:#8d8e88; }
.ig-video-empty strong { color:#eee; font-size:1.2rem; }

@media (max-width:900px) {
  .ig-reel-track { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:640px) {
  .video-portfolio-hero { min-height:auto; padding:68px 0 62px; }
  .video-portfolio-hero h1 { font-size:clamp(3.15rem,16vw,5.1rem); }
  .ig-video-filter-bar { padding:14px 0; }
  .ig-video-filter-row { display:block; }
  .ig-video-filters { width:calc(100% + 20px); flex-wrap:nowrap; gap:8px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; scroll-snap-type:inline proximity; padding:2px 20px 5px 0; }
  .ig-video-filters::-webkit-scrollbar { display:none; }
  .ig-video-filter { flex:0 0 auto; scroll-snap-align:start; padding:11px 14px; }
  .ig-video-filter-status { display:block; margin-top:9px; }
  .ig-video-filter-empty { margin-top:44px; min-height:210px; }
  .video-showcase { padding:72px 0; }
  .video-section-head { align-items:flex-end; margin-bottom:26px; }
  .swipe-hint { display:block; white-space:nowrap; font-size:.59rem; }
  .ig-reel-track, .ig-film-track { width:calc(100% + 14px); display:grid; grid-template-columns:none; grid-auto-flow:column; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:none; padding:2px 14px 16px 0; }
  .ig-reel-track::-webkit-scrollbar, .ig-film-track::-webkit-scrollbar { display:none; }
  .ig-reel-track { grid-auto-columns:min(82vw,340px); }
  .ig-film-track { grid-auto-columns:90vw; }
  .ig-player { border-radius:20px; }
  .ig-player-controls { opacity:1; }
  .ig-video-caption { bottom:62px; }
  .ig-video-card--landscape .ig-video-caption { bottom:58px; }
  .ig-video-card--landscape .ig-video-caption p { display:none; }
}

/* Branded loader */
.ig-loader { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; background:#090a0b; transition:opacity .55s ease,visibility .55s ease; }
.ig-loader::before { content:""; position:absolute; width:min(72vw,720px); aspect-ratio:1; border:1px solid rgba(255,255,255,.07); border-radius:50%; animation:spin 12s linear infinite; }
.ig-loader-inner { position:relative; width:min(420px,calc(100% - 44px)); text-align:center; }
.ig-loader-inner .brand { justify-content:center; font-size:1.35rem; }
.ig-loader-inner .brand-logo { width:132px; }
.ig-loader-inner p { margin:25px 0 15px; color:#8c8d87; font-size:.64rem; }
.ig-loader-bar { height:2px; overflow:hidden; background:rgba(255,255,255,.09); }
.ig-loader-bar i { display:block; width:45%; height:100%; background:var(--lime); box-shadow:0 0 18px var(--lime); animation:loader-run 1.05s ease-in-out infinite alternate; }
.ig-loader.is-done { opacity:0; visibility:hidden; pointer-events:none; }
@keyframes loader-run { from { transform:translateX(-100%); } to { transform:translateX(225%); } }

/* Project card links */
.project-actions { display:flex; gap:14px; flex-wrap:wrap; }
.project-link--muted { color:#84857f; }

/* Testimonials */
.ig-testimonials { border-top:1px solid var(--line); overflow:hidden; }
.testimonial-shell { position:relative; }
.testimonial-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 36px)/3); gap:18px; overflow-x:auto; scroll-snap-type:inline mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; padding:2px; }
.testimonial-track::-webkit-scrollbar { display:none; }
.testimonial-card { min-height:360px; position:relative; overflow:hidden; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,#15171a,#0e1012); scroll-snap-align:start; transition:transform .3s,border-color .3s; }
.testimonial-card::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-75px; bottom:-75px; background:var(--quote-accent); filter:blur(90px); opacity:.1; }
.testimonial-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--quote-accent) 38%,var(--line)); }
.testimonial-mark { color:var(--quote-accent); font-size:5rem; line-height:.55; font-family:Georgia,serif; }
.testimonial-card blockquote { margin:35px 0 32px; font-size:clamp(1.05rem,1.45vw,1.3rem); line-height:1.6; letter-spacing:-.025em; }
.testimonial-card footer { margin-top:auto; display:flex; align-items:end; justify-content:space-between; gap:14px; position:relative; z-index:2; }
.testimonial-card footer strong { color:var(--quote-accent); text-transform:uppercase; letter-spacing:.05em; }
.testimonial-card footer span { color:#777; text-align:right; font-size:.55rem; }
.testimonial-nav { position:absolute; z-index:4; top:50%; transform:translateY(-50%); width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(9,10,11,.82); backdrop-filter:blur(12px); cursor:pointer; }
.testimonial-prev { left:-23px; }
.testimonial-next { right:-23px; }

/* Interactive service estimator */
.ig-pricing-builder { background:#0c0e10; border-block:1px solid var(--line); }
.ig-price-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ig-price-card { position:relative; overflow:hidden; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:#111316; transition:border-color .25s,box-shadow .25s,transform .25s; }
.ig-price-card::before { content:""; position:absolute; width:210px; height:210px; right:-100px; top:-110px; border-radius:50%; background:var(--price-accent); filter:blur(95px); opacity:.08; }
.ig-price-card.is-selected { border-color:color-mix(in srgb,var(--price-accent) 55%,rgba(255,255,255,.18)); box-shadow:0 25px 80px color-mix(in srgb,var(--price-accent) 11%,transparent); transform:translateY(-3px); }
.ig-price-top { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; color:#70716d; }
.ig-price-select { min-width:88px; height:34px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.02); cursor:pointer; }
.ig-price-select i { width:9px; height:9px; border-radius:50%; border:1px solid #777; }
.ig-price-card.is-selected .ig-price-select { color:#0a0b08; background:var(--price-accent); border-color:transparent; }
.ig-price-card.is-selected .ig-price-select i { background:#0a0b08; border-color:#0a0b08; }
.ig-price-card h3 { position:relative; z-index:2; margin:46px 0 10px; font-size:clamp(1.7rem,3.2vw,3rem); line-height:.95; letter-spacing:-.055em; }
.ig-price-card > p { position:relative; z-index:2; max-width:540px; color:var(--muted); line-height:1.6; }
.ig-price-amount { display:flex; flex-direction:column; gap:7px; padding:25px 0 22px; margin-top:20px; border-block:1px solid var(--line); }
.ig-price-amount span { color:#777; font-size:.56rem; }
.ig-price-amount strong { font-size:2.2rem; letter-spacing:-.055em; }
.ig-price-card ul { list-style:none; display:grid; gap:12px; padding:0; margin:24px 0; }
.ig-price-card li { display:flex; gap:10px; align-items:center; color:#c2c1bb; font-size:.84rem; }
.ig-price-card li i { width:19px; height:19px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--price-accent) 42%,var(--line)); border-radius:50%; color:var(--price-accent); font-size:.65rem; font-style:normal; }
.ig-price-addon, .ig-price-quantity { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 0; border-top:1px solid var(--line); color:#d1d0cb; font-size:.82rem; }
.ig-price-addon { cursor:pointer; }
.ig-price-addon input { accent-color:var(--price-accent); }
.ig-price-addon span { margin-right:auto; }
.ig-price-addon b { color:var(--price-accent); font-size:.72rem; }
.ig-price-quantity > span { display:flex; flex-direction:column; gap:3px; }
.ig-price-quantity small { color:#6f706b; }
.ig-price-quantity > div { display:flex; align-items:center; gap:6px; }
.ig-price-quantity button { width:30px; height:30px; border:1px solid var(--line); border-radius:50%; background:transparent; cursor:pointer; }
.ig-price-quantity output { min-width:22px; text-align:center; }
.ig-price-summary { position:sticky; z-index:8; bottom:16px; margin:26px auto 0; width:min(760px,100%); display:flex; align-items:center; justify-content:space-between; gap:22px; padding:17px 18px 17px 22px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(16,18,20,.88); backdrop-filter:blur(18px); box-shadow:0 25px 70px rgba(0,0,0,.36); }
.ig-price-summary > div { display:grid; grid-template-columns:auto auto; align-items:end; column-gap:15px; }
.ig-price-summary span { grid-column:1/-1; color:#777; font-size:.53rem; }
.ig-price-summary strong { font-size:1.8rem; letter-spacing:-.05em; color:var(--lime); }
.ig-price-summary small { color:#888; padding-bottom:4px; }
.ig-price-disclaimer { margin:16px 0 0; text-align:center; color:#5e5f5a; font-size:.53rem; }

/* Before / after */
.ig-before-after-block { display:grid; gap:28px; }
.ig-before-after-head { display:flex; align-items:end; justify-content:space-between; gap:25px; }
.ig-before-after-head > span { color:#777; }
.ig-before-after { --compare:50%; position:relative; overflow:hidden; aspect-ratio:16/9; border:1px solid var(--line); border-radius:28px; background:#111; box-shadow:0 35px 90px rgba(0,0,0,.32); }
.ig-before-after img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ig-compare-before { position:absolute; z-index:2; inset:0; clip-path:inset(0 calc(100% - var(--compare)) 0 0); }
.ig-compare-handle { position:absolute; z-index:4; left:var(--compare); top:0; bottom:0; width:2px; background:#fff; transform:translateX(-1px); pointer-events:none; }
.ig-compare-handle i { position:absolute; left:50%; top:50%; width:50px; height:50px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:50%; background:#fff; color:#090a0b; font-style:normal; box-shadow:0 10px 40px rgba(0,0,0,.35); }
.ig-before-after input { position:absolute; z-index:7; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; }
.ig-compare-label { position:absolute; z-index:5; top:18px; padding:8px 11px; border-radius:999px; color:#fff; background:rgba(8,9,10,.72); backdrop-filter:blur(10px); font-size:.55rem; pointer-events:none; }
.ig-compare-label--before { left:18px; }
.ig-compare-label--after { right:18px; }
.ig-editor-empty { padding:35px; border:1px dashed #bbb; text-align:center; }

/* Case studies */
.case-hero { padding:100px 0 78px; border-bottom:1px solid var(--line); }
.case-breadcrumb { display:flex; gap:12px; color:#747570; margin-bottom:55px; }
.case-hero-grid { display:grid; grid-template-columns:1fr 330px; gap:70px; align-items:end; }
.case-hero h1 { max-width:950px; }
.case-hero p { max-width:700px; margin:28px 0 32px; color:var(--muted); font-size:1.15rem; line-height:1.65; }
.case-hero dl { margin:0; border-top:1px solid var(--line); }
.case-hero dl div { padding:17px 0; border-bottom:1px solid var(--line); }
.case-hero dt { color:#6f706b; font-size:.55rem; }
.case-hero dd { margin:6px 0 0; line-height:1.45; }
.case-cover { padding:34px 0 0; }
.case-cover img { display:block; width:100%; max-height:780px; object-fit:cover; border-radius:28px; }
.case-story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.case-story-grid > div { min-height:330px; padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:#111316; }
.case-story-grid span { color:var(--lime); font-size:.58rem; }
.case-story-grid h2 { margin:75px 0 18px; font-size:2.15rem; }
.case-story-grid p { color:var(--muted); line-height:1.7; }
.case-results { background:#0c0e10; border-block:1px solid var(--line); }
.case-result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.case-result-grid article { padding:35px 28px; border:1px solid var(--line); border-radius:var(--radius); }
.case-result-grid strong { display:block; color:var(--lime); font-size:clamp(3rem,6vw,6rem); line-height:.9; letter-spacing:-.07em; }
.case-result-grid span { display:block; margin-top:17px; color:#9b9c96; }
.case-body { margin-inline:auto; }
.case-quote blockquote { margin:0; padding:clamp(35px,7vw,80px); border-radius:30px; background:var(--lime); color:#0d0e09; }
.case-quote blockquote > span { font-family:Georgia,serif; font-size:7rem; line-height:.5; opacity:.25; }
.case-quote blockquote p { max-width:950px; margin:20px 0 28px; font-size:clamp(1.8rem,4vw,3.7rem); line-height:1.1; letter-spacing:-.05em; }
.case-quote cite { font-style:normal; color:rgba(13,14,9,.62); }

/* 404 */
.ig-404-hero { min-height:680px; display:grid; align-items:center; padding:95px 0 75px; position:relative; overflow:hidden; }
.ig-404-code { color:var(--lime); margin-bottom:42px; }
.ig-404-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; }
.ig-404-number { position:absolute; right:-2%; top:-6%; font-size:clamp(18rem,40vw,40rem); line-height:1; font-weight:800; letter-spacing:-.1em; color:rgba(255,255,255,.018); pointer-events:none; }
.ig-404 h1 { position:relative; max-width:920px; }
.ig-404-side p { margin:0 0 28px; color:var(--muted); line-height:1.7; }
.ig-404-links { border-top:1px solid var(--line); background:#0c0e10; }
.ig-404-route-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.ig-404-route-grid a { display:grid; grid-template-columns:45px 1fr auto; align-items:center; gap:18px; padding:25px 0; border-bottom:1px solid var(--line); }
.ig-404-route-grid a:nth-child(odd) { padding-right:28px; border-right:1px solid var(--line); }
.ig-404-route-grid a:nth-child(even) { padding-left:28px; }
.ig-404-route-grid span { color:#656661; }
.ig-404-route-grid strong { font-size:1.05rem; }

/* Crew extras + footer easter egg */
.team-member-faves { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:12px; }
.team-member-faves span { min-width:0; padding:8px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#d6d5cf; font-size:.66rem; overflow:hidden; }
.team-member-faves i { display:block; margin-bottom:4px; color:var(--member-accent); font-family:"DM Mono",monospace; font-size:.46rem; font-style:normal; letter-spacing:.08em; }
.footer-curiosity { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.footer-easter-egg { border:0; background:transparent; color:#484a46; padding:0; cursor:pointer; font-size:.52rem; }
.footer-easter-egg:hover { color:var(--lime); }
.ig-radio { position:fixed; z-index:35; left:20px; bottom:20px; width:58px; height:58px; }
.ig-radio-trigger { position:relative; width:58px; height:58px; display:grid; place-items:center; padding:0; overflow:visible; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(13,15,17,.92); box-shadow:0 16px 45px rgba(0,0,0,.34); backdrop-filter:blur(17px); cursor:pointer; transition:transform .25s,opacity .2s,visibility .2s,border-color .25s; }
.ig-radio-trigger:hover { transform:translateY(-3px) scale(1.03); border-color:rgba(201,255,74,.45); }
.ig-radio-disc { position:relative; width:42px; aspect-ratio:1; overflow:hidden; display:grid; place-items:center; border-radius:50%; background:repeating-radial-gradient(circle,#252729 0 2px,#090a0b 3px 5px); box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),inset 0 0 18px rgba(0,0,0,.22),0 7px 18px rgba(0,0,0,.35); animation:radio-spin 5.5s linear infinite; animation-play-state:paused; }
.ig-radio-disc img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.ig-radio-disc::before { content:""; position:relative; z-index:2; width:15px; aspect-ratio:1; border-radius:50%; background:var(--lime); box-shadow:0 0 0 2px rgba(8,9,10,.28),0 0 16px rgba(201,255,74,.5); }
.ig-radio-disc::after { content:""; position:absolute; z-index:1; inset:0; border-radius:50%; background:linear-gradient(115deg,rgba(255,255,255,.3),transparent 25% 72%,rgba(255,255,255,.12)); pointer-events:none; }
.ig-radio-disc i { position:absolute; z-index:3; width:4px; aspect-ratio:1; border-radius:50%; background:#080908; }
.ig-radio-waves { position:absolute; right:-5px; bottom:4px; height:18px; display:flex; align-items:flex-end; gap:2px; padding:3px 4px; border-radius:999px; background:#0d0f11; }
.ig-radio-waves i { width:2px; height:6px; border-radius:2px; background:var(--lime); }
.ig-radio-waves i:nth-child(2) { height:12px; }
.ig-radio-waves i:nth-child(3) { height:9px; }
.ig-radio.is-playing .ig-radio-disc { animation-play-state:running; }
.ig-radio.is-playing .ig-radio-waves i { animation:radio-wave .65s ease-in-out infinite alternate; }
.ig-radio.is-playing .ig-radio-waves i:nth-child(2) { animation-delay:-.22s; }
.ig-radio.is-playing .ig-radio-waves i:nth-child(3) { animation-delay:-.4s; }
.ig-radio.is-open .ig-radio-trigger { opacity:0; visibility:hidden; pointer-events:none; transform:scale(.82); }
.ig-radio-panel { position:absolute; left:0; bottom:0; width:min(720px,calc(100vw - 40px)); min-height:104px; display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:16px; padding:14px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:27px; background:linear-gradient(135deg,rgba(29,22,19,.97),rgba(14,15,17,.97)); color:#f4f3ef; box-shadow:0 30px 90px rgba(0,0,0,.48); backdrop-filter:blur(22px); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(12px) scale(.94); transform-origin:bottom left; transition:opacity .28s,visibility .28s,transform .3s cubic-bezier(.2,.8,.2,1); }
.ig-radio-panel::before { content:""; position:absolute; width:180px; height:180px; left:-85px; top:-100px; border-radius:50%; background:var(--lime); filter:blur(90px); opacity:.08; pointer-events:none; }
.ig-radio.is-open .ig-radio-panel { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); }
.ig-radio-engine { position:absolute!important; width:2px!important; height:2px!important; left:-10px!important; bottom:-10px!important; overflow:hidden!important; opacity:.001!important; pointer-events:none!important; }
.ig-radio-engine iframe { width:320px!important; height:180px!important; border:0!important; }
.ig-radio-artwork { position:relative; z-index:1; width:72px; aspect-ratio:1; overflow:hidden; display:grid; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:17px; background:radial-gradient(circle at 35% 30%,rgba(201,255,74,.24),transparent 42%),#090a0b; color:var(--lime); font-weight:800; letter-spacing:-.07em; }
.ig-radio-artwork img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ig-radio-info { position:relative; z-index:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ig-radio-kicker { color:var(--lime); font-size:.47rem; }
.ig-radio-info > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1rem; }
.ig-radio-info > small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9b9c96; font-size:.68rem; }
.ig-radio-progress { display:grid; grid-template-columns:35px minmax(90px,1fr) 35px; align-items:center; gap:9px; margin-top:8px; }
.ig-radio-progress time { color:#b5b5af; font-family:"DM Mono",monospace; font-size:.55rem; }
.ig-radio-progress time:last-child { text-align:right; }
.ig-radio-progress input { width:100%; height:4px; margin:0; accent-color:var(--lime); cursor:pointer; }
.ig-radio-controls { position:relative; z-index:1; display:flex; align-items:center; gap:8px; }
.ig-radio-controls button { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(255,255,255,.17); border-radius:50%; background:rgba(255,255,255,.045); color:#f4f3ef; cursor:pointer; transition:transform .2s,background .2s,border-color .2s; }
.ig-radio-controls button:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.09); }
.ig-radio-controls button span { font-size:.9rem; line-height:1; }
.ig-radio-controls .ig-radio-play { width:54px; height:54px; border:0; background:var(--lime); color:#0b0c08; box-shadow:0 10px 30px rgba(201,255,74,.2); }
.ig-radio-controls .ig-radio-play span { font-size:1rem; transform:translateX(1px); }
.ig-radio-controls .ig-radio-minimize { width:34px; height:34px; margin-left:2px; }
.ig-radio-controls .ig-radio-minimize span { font-size:1rem; }
.ig-radio.is-loading .ig-radio-play { opacity:.55; cursor:wait; }
.ig-radio.has-error .ig-radio-info > strong { color:#ff9b79; }
@keyframes radio-spin { to { transform:rotate(360deg); } }
@keyframes radio-wave { to { height:15px; } }
.geek-toast { position:fixed; z-index:70; right:20px; bottom:20px; width:min(350px,calc(100% - 40px)); display:flex; flex-direction:column; gap:5px; padding:18px 20px; border:1px solid rgba(201,255,74,.3); border-radius:16px; background:rgba(12,14,16,.93); backdrop-filter:blur(16px); box-shadow:0 28px 80px rgba(0,0,0,.4); opacity:0; transform:translateY(25px); visibility:hidden; transition:.35s; }
.geek-toast.show { opacity:1; transform:translateY(0); visibility:visible; }
.geek-toast span { color:var(--lime); font-family:"DM Mono",monospace; font-size:.55rem; letter-spacing:.12em; }
.geek-toast strong { font-size:1.05rem; }
.geek-toast small { color:#777; }
body.geek-mode { --lime:#ff4fd8; --violet:#63f4ff; --orange:#c9ff4a; --cyan:#ff8b4a; }
body.geek-mode .site-header, body.geek-mode .site-footer { animation:geek-hue 3s linear infinite; }
body.geek-mode .brand-logo { animation:geek-logo 1.2s ease-in-out infinite alternate; }
@keyframes geek-hue { to { filter:hue-rotate(360deg); } }
@keyframes geek-logo { to { transform:rotate(-5deg) scale(1.06); } }

@media (max-width:900px) {
  .testimonial-track { grid-auto-columns:calc((100% - 18px)/2); }
  .ig-price-grid, .case-story-grid { grid-template-columns:1fr 1fr; }
  .case-hero-grid, .ig-404-grid { grid-template-columns:1fr; }
  .case-hero dl { max-width:650px; }
  .case-result-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:640px) {
  .ig-loader-inner p { line-height:1.6; }
  .testimonial-track { width:calc(100% + 14px); grid-auto-columns:min(84vw,345px); padding-right:14px; }
  .testimonial-card { min-height:340px; padding:24px; }
  .testimonial-nav { display:none; }
  .ig-price-grid, .case-story-grid, .case-result-grid { grid-template-columns:1fr; }
  .ig-price-card { padding:23px; }
  .ig-price-summary { position:relative; bottom:auto; flex-direction:column; align-items:stretch; border-radius:18px; }
  .ig-price-summary > div { grid-template-columns:1fr; gap:3px; }
  .ig-price-summary .primary-btn { width:100%; }
  .ig-before-after-head { align-items:flex-start; flex-direction:column; }
  .ig-before-after { aspect-ratio:4/3; border-radius:18px; }
  .case-hero { padding:65px 0 50px; }
  .case-breadcrumb { margin-bottom:35px; }
  .case-cover img { border-radius:18px; }
  .case-story-grid > div { min-height:250px; }
  .case-story-grid h2 { margin-top:45px; }
  .ig-404-hero { min-height:auto; padding:70px 0; }
  .ig-404-route-grid { grid-template-columns:1fr; }
  .ig-404-route-grid a, .ig-404-route-grid a:nth-child(odd), .ig-404-route-grid a:nth-child(even) { padding:22px 0; border-right:0; }
  .team-member-faves { grid-template-columns:1fr; }
  .geek-toast { right:14px; bottom:14px; width:calc(100% - 28px); }
  .ig-radio { left:14px; bottom:14px; width:54px; height:54px; }
  .ig-radio-trigger { width:54px; height:54px; }
  .ig-radio-disc { width:39px; }
  .ig-radio-panel { width:calc(100vw - 28px); min-height:0; grid-template-columns:58px minmax(0,1fr); gap:11px; padding:11px; border-radius:22px; }
  .ig-radio-artwork { width:58px; border-radius:14px; }
  .ig-radio-kicker { font-size:.42rem; }
  .ig-radio-info > strong { font-size:.8rem; }
  .ig-radio-info > small { font-size:.58rem; }
  .ig-radio-progress { grid-template-columns:29px minmax(60px,1fr) 29px; gap:6px; margin-top:6px; }
  .ig-radio-progress time { font-size:.46rem; }
  .ig-radio-controls { grid-column:1/-1; justify-content:center; gap:7px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); }
  .ig-radio-controls button { width:38px; height:38px; }
  .ig-radio-controls .ig-radio-play { width:46px; height:46px; }
  .ig-radio-controls .ig-radio-minimize { width:34px; height:34px; margin-left:auto; }
}

/* Light theme — all functional and editorial surfaces, not a simple inversion. */
html[data-theme="light"] body::before { opacity:.022; mix-blend-mode:multiply; }
html[data-theme="light"] .brand-logo { filter:invert(1); }
html[data-theme="light"] .site-header { background:rgba(244,242,236,.86); }
html[data-theme="light"] .nav-links { color:#4f524d; }
html[data-theme="light"] .nav-links a:hover { color:#0b0d0a; }
html[data-theme="light"] .ig-instagram-link { color:#4f524d; }
html[data-theme="light"] .theme-toggle-track { background:#deddd6; }
html[data-theme="light"] .theme-icon--sun { color:#5d605a; }
html[data-theme="light"] .theme-icon--moon { color:#272925; }
html[data-theme="light"] .secondary-btn { color:#252722; background:rgba(255,255,255,.48); }
html[data-theme="light"] .secondary-btn:hover { border-color:rgba(18,20,17,.34); background:#fff; }
html[data-theme="light"] .float-tag { background:rgba(255,253,248,.88); box-shadow:0 18px 45px rgba(25,28,22,.12); }
html[data-theme="light"] .service-card:hover { border-color:color-mix(in srgb,var(--card-accent,var(--lime)) 48%,rgba(18,20,17,.18)); }
html[data-theme="light"] .work-card { background:#fffdf8; }
html[data-theme="light"] .work-card:hover { border-color:rgba(18,20,17,.27); }
html[data-theme="light"] .filter { color:#62655f; }
html[data-theme="light"] .service-hero h1 .stroke { -webkit-text-stroke-color:rgba(18,20,17,.56); }
html[data-theme="light"] .process-note { background:linear-gradient(145deg,#fffdf8,#eae8e1); box-shadow:0 25px 70px rgba(31,34,27,.08); }
html[data-theme="light"] .service-work,
html[data-theme="light"] .crew-roles,
html[data-theme="light"] .video-showcase--films,
html[data-theme="light"] .ig-pricing-builder,
html[data-theme="light"] .case-results,
html[data-theme="light"] .ig-404-links { background:#eae8e1; }
html[data-theme="light"] .next-service,
html[data-theme="light"] .tag { color:#5b5e58; }
html[data-theme="light"] .next-service strong { color:#11130f; }
html[data-theme="light"] .modal { background:rgba(30,32,28,.45); }
html[data-theme="light"] .modal-card { border-color:rgba(18,20,17,.16); background:#fffdf8; box-shadow:0 40px 100px rgba(30,32,28,.2); }
html[data-theme="light"] .field label { color:#555852; }
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea { color:#121411; background:#f3f1eb; }
html[data-theme="light"] .form-success { color:#345400; background:rgba(116,157,13,.1); border-color:rgba(92,132,0,.26); }
html[data-theme="light"] .crew-hero::after,
html[data-theme="light"] .ig-404-number { color:rgba(18,20,17,.035); }
html[data-theme="light"] .crew-signal-ring { border-color:rgba(18,20,17,.14); }
html[data-theme="light"] .crew-signal-core { background:radial-gradient(circle at 35% 30%,rgba(158,204,42,.2),transparent 48%),#fffdf8; border-color:rgba(18,20,17,.15); box-shadow:0 38px 100px rgba(30,32,28,.14); }
html[data-theme="light"] .crew-role-card { background:#fffdf8; }
html[data-theme="light"] .video-jump-links a { color:#292b27; }
html[data-theme="light"] .ig-video-filter-bar { background:color-mix(in srgb,var(--bg) 90%,transparent); }
html[data-theme="light"] .ig-video-filter { color:#5c5f58; }
html[data-theme="light"] .ig-video-filter:hover { color:#151712; border-color:rgba(18,20,17,.28); }
html[data-theme="light"] .ig-video-filter.is-active { color:#151712; }
html[data-theme="light"] .ig-video-filter-empty { border-color:rgba(18,20,17,.19); }
html[data-theme="light"] .ig-video-empty { border-color:rgba(18,20,17,.19); color:#696c65; }
html[data-theme="light"] .ig-video-empty strong { color:#161814; }
html[data-theme="light"] .ig-loader { background:#f4f2ec; }
html[data-theme="light"] .ig-loader::before { border-color:rgba(18,20,17,.08); }
html[data-theme="light"] .ig-loader-bar { background:rgba(18,20,17,.1); }
html[data-theme="light"] .testimonial-card { background:linear-gradient(145deg,#fffdf8,#eae8e1); }
html[data-theme="light"] .testimonial-nav { border-color:rgba(18,20,17,.16); background:rgba(255,253,248,.88); }
html[data-theme="light"] .ig-price-card,
html[data-theme="light"] .case-story-grid > div { background:#fffdf8; }
html[data-theme="light"] .ig-price-card.is-selected { border-color:color-mix(in srgb,var(--price-accent) 62%,rgba(18,20,17,.14)); }
html[data-theme="light"] .ig-price-select { background:rgba(18,20,17,.025); }
html[data-theme="light"] .ig-price-card li,
html[data-theme="light"] .ig-price-addon,
html[data-theme="light"] .ig-price-quantity { color:#444741; }
html[data-theme="light"] .ig-price-card li i { color: color-mix(in srgb, var(--price-accent) 55%, #171813 45%); border-color: color-mix(in srgb, var(--price-accent) 50%, rgba(18,20,17,.4)); }
html[data-theme="light"] .ig-price-addon b { color: color-mix(in srgb, var(--price-accent) 55%, #171813 45%); }
html[data-theme="light"] .ig-price-summary { border-color:rgba(18,20,17,.18); background:rgba(255,253,248,.9); box-shadow:0 25px 70px rgba(30,32,28,.16); }
html[data-theme="light"] .geek-toast { background:rgba(255,253,248,.94); box-shadow:0 28px 80px rgba(30,32,28,.2); }
html[data-theme="light"] .ig-radio-trigger,
html[data-theme="light"] .ig-radio-panel { border-color:rgba(18,20,17,.15); background:linear-gradient(135deg,rgba(255,253,248,.97),rgba(234,232,225,.97)); color:#121411; box-shadow:0 24px 70px rgba(30,32,28,.17); }
html[data-theme="light"] .ig-radio-trigger:hover { border-color:rgba(83,119,0,.35); }
html[data-theme="light"] .ig-radio-trigger { background:rgba(255,253,248,.94); }
html[data-theme="light"] .ig-radio-kicker { color:#537700; }
html[data-theme="light"] .ig-radio-info > small,
html[data-theme="light"] .ig-radio-progress time { color:#60635d; }
html[data-theme="light"] .ig-radio-controls button { border-color:rgba(18,20,17,.14); background:rgba(18,20,17,.035); color:#121411; }
html[data-theme="light"] .ig-radio-controls .ig-radio-play { border-color:transparent; background:var(--lime); color:#0b0c08; }
html[data-theme="light"] .ig-radio-artwork { border-color:rgba(18,20,17,.14); }
@media (max-width:640px) { html[data-theme="light"] .ig-radio-controls { border-top-color:rgba(18,20,17,.1); } }
html[data-theme="light"] .entry-content { color:#4f524c; }
html[data-theme="light"] .accent,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .hero h1 em,
html[data-theme="light"] .kicker,
html[data-theme="light"] .soon,
html[data-theme="light"] .crew-signal-ring.ring-one,
html[data-theme="light"] .crew-signal-core strong span,
html[data-theme="light"] .video-portfolio-hero h1 em,
html[data-theme="light"] .ig-price-summary strong,
html[data-theme="light"] .case-story-grid span,
html[data-theme="light"] .case-result-grid strong,
html[data-theme="light"] .ig-404-code,
html[data-theme="light"] .footer-easter-egg:hover,
html[data-theme="light"] .geek-toast span,
html[data-theme="light"] .project-link,
html[data-theme="light"] .entry-content a { color:#537700; }

@media (max-width:900px) {
  html[data-theme="light"] .nav-links { background:#f4f2ec; }
}

/* WordPress integration */
.admin-bar .site-header { top: 32px; }
.project-link { display:inline-block; margin-top:13px; color:var(--lime); }
.project-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.content-page { max-width:850px; }
.content-page h1 { margin-bottom:40px; }
.entry-content { color:#c2c1bb; font-size:1.05rem; line-height:1.8; }
.entry-content a { color:var(--lime); text-decoration:underline; }
.entry-content img { max-width:100%; height:auto; border-radius:16px; }
.ig-elementor-content > .elementor { overflow:hidden; }
.ig-elementor-content .elementor-section-wrap > .elementor-section,
.ig-elementor-content .e-con { --padding-top:0; --padding-right:0; --padding-bottom:0; --padding-left:0; }
.ig-elementor-content .elementor-widget-container { min-width:0; }
.ig-setup-card { max-width:760px; background:#fff; border:1px solid #dcdcde; border-radius:10px; padding:24px; margin-top:20px; }
@media (max-width:782px) { .admin-bar .site-header { top:46px; } }