:root {
  --bg: #030303;
  --bg-soft: #090506;
  --surface: rgba(20, 7, 9, 0.72);
  --surface-solid: #110708;
  --ink: #f7f2f2;
  --muted: #aaa2a4;
  --faint: #716769;
  --acid: #e10613; /* FritschFlix brand red */
  --acid-rgb: 225, 6, 19;
  --orange: #ff3342; /* brighter red for glow depth */
  --orange-rgb: 255, 51, 66;
  --line: rgba(247, 242, 242, 0.15);
  --line-strong: rgba(247, 242, 242, 0.30);
  --on-accent: #ffffff;
  --on-light: #030303;
  --header-h: 86px;
  --pad: clamp(20px, 4.4vw, 74px);
  --radius: 2px;
  --ease: cubic-bezier(0.2, 0.75, 0.2, 1);
  --scroll: 0;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  background: radial-gradient(circle at 70% -5%, rgba(var(--acid-rgb), 0.055), transparent 35%), var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
body.menu-open { overflow: hidden; }
::selection { color: var(--on-accent); background: var(--acid); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #2d2527; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background: var(--acid); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img, svg, canvas { display: block; }
h1, h2, h3, p { margin-top: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.skip-link {
  position: fixed; top: 10px; left: 10px; z-index: 1000; padding: 12px 16px;
  color: var(--on-accent); background: var(--acid); transform: translateY(-160%); transition: transform 180ms ease;
}
.skip-link:focus { transform: translateY(0); }

#scene { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: .98; }
.ambient-glow {
  position: fixed; z-index: 1; width: 42vw; height: 42vw; min-width: 340px; min-height: 340px;
  border-radius: 50%; filter: blur(100px); pointer-events: none; opacity: .09; will-change: transform;
}
.ambient-glow--one { top: -22vw; right: -12vw; background: var(--acid); transform: translate3d(calc(var(--scroll) * -4vw), calc(var(--scroll) * 18vh), 0); }
.ambient-glow--two { bottom: -25vw; left: -22vw; background: var(--orange); transform: translate3d(calc(var(--scroll) * 12vw), calc(var(--scroll) * -14vh), 0); }
.grain {
  position: fixed; inset: -100%; z-index: 90; width: 300%; height: 300%; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
  animation: grain-shift .24s steps(2) infinite;
}
@keyframes grain-shift { 0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-2%,1%,0)}50%{transform:translate3d(1%,-2%,0)}75%{transform:translate3d(2%,2%,0)}100%{transform:translate3d(-1%,-1%,0)} }
.cursor-orb {
  position: fixed; top: 0; left: 0; z-index: 89; width: 300px; height: 300px; margin: -150px 0 0 -150px;
  border-radius: 50%; pointer-events: none; opacity: 0;
  background: radial-gradient(circle, rgba(var(--acid-rgb), .085), rgba(var(--acid-rgb), 0) 68%);
  mix-blend-mode: screen; will-change: transform; transition: opacity 400ms ease;
}
@media (pointer:fine) { body:hover .cursor-orb { opacity: 1; } }
main, .footer { position: relative; z-index: 2; }
.section-shell { width: min(100%,1680px); margin-inline: auto; padding-inline: var(--pad); }

.site-header {
  position: fixed; top: 0; left: 0; z-index: 100; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; width: 100%; min-height: var(--header-h); padding: 16px var(--pad); border-bottom: 1px solid transparent;
  transition: background 350ms ease, border-color 350ms ease, transform 350ms var(--ease);
}
.site-header.is-scrolled { border-color: var(--line); background: rgba(3,3,3,.72); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.site-header.is-hidden { transform: translateY(-110%); }
.brand { display: inline-flex; align-items: center; justify-self: start; gap: 12px; width: max-content; }
.brand__mark {
  display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line-strong);
  font-size: 12px; font-weight: 900; letter-spacing: -.05em; transform: rotate(-4deg);
  transition: color 250ms ease, border-color 250ms ease, transform 450ms var(--ease);
}
.brand__mark span { color: var(--acid); }
.brand:hover .brand__mark { color:var(--on-accent); border-color:var(--acid); background:var(--acid); transform:rotate(0); }
.brand:hover .brand__mark span { color:var(--on-accent); }
.brand__type { display:flex; flex-direction:column; line-height:1; }
.brand__type strong { font-size:14px; font-weight:900; letter-spacing:.035em; }
.brand__type small { margin-top:5px; color:var(--muted); font-size:7px; font-weight:700; letter-spacing:.27em; }
.desktop-nav { display:flex; align-items:center; gap:clamp(24px,3vw,52px); }
.desktop-nav a { position:relative; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; transition:color 220ms ease; }
.desktop-nav a::after { content:""; position:absolute; right:0; bottom:-8px; left:0; height:1px; background:var(--acid); transform:scaleX(0); transform-origin:right; transition:transform 350ms var(--ease); }
.desktop-nav a:hover,.desktop-nav a.is-active { color:var(--ink); }
.desktop-nav a:hover::after,.desktop-nav a.is-active::after { transform:scaleX(1); transform-origin:left; }
.header-cta {
  display:inline-flex; align-items:center; justify-self:end; gap:28px; min-height:42px; padding:0 16px; border:1px solid var(--line-strong);
  font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; transition:color 250ms ease,background 250ms ease,border-color 250ms ease;
}
.header-cta:hover { color:var(--on-accent); border-color:var(--acid); background:var(--acid); }
.menu-toggle { display:none; position:relative; z-index:2; justify-self:end; width:46px; height:46px; padding:0; border:1px solid var(--line-strong); background:transparent; color:var(--ink); cursor:pointer; }
.menu-toggle span { position:absolute; left:13px; width:19px; height:1px; background:currentColor; transition:transform 300ms var(--ease),top 300ms var(--ease); }
.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:26px}.menu-toggle[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}
.scroll-progress { position:absolute; right:0; bottom:-1px; left:0; height:1px; overflow:hidden; }
.scroll-progress span { display:block; width:100%; height:100%; background:var(--acid); transform:scaleX(0); transform-origin:left; will-change:transform; }
.mobile-menu { position:fixed; inset:0; z-index:95; display:none; visibility:hidden; background:rgba(3,3,3,.97); opacity:0; transform:translateY(-12px); transition:opacity 300ms ease,transform 400ms var(--ease),visibility 0s linear 400ms; }
.mobile-menu.is-open { visibility:visible; opacity:1; transform:none; transition-delay:0s; }
.mobile-menu__inner { display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:calc(var(--header-h) + 44px) var(--pad) 44px; }
.mobile-menu a { display:flex; gap:18px; align-items:baseline; padding:11px 0; border-bottom:1px solid var(--line); font-size:clamp(34px,10vw,62px); font-weight:900; line-height:1; letter-spacing:-.055em; text-transform:uppercase; }
.mobile-menu a span { color:var(--acid); font-size:10px; letter-spacing:0; }
.mobile-menu p { margin:auto 0 0; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }

.section-kicker,.eyebrow { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.section-kicker span{color:var(--acid)}
.eyebrow__dot { width:6px; height:6px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 5px rgba(var(--acid-rgb),.1),0 0 24px rgba(var(--acid-rgb),.65); animation:blink 1.8s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)} }

.hero { position:relative; height:210vh; padding-inline:0; }
.hero__sticky { position:sticky; top:0; display:flex; flex-direction:column; justify-content:center; min-height:100svh; overflow:hidden; padding:calc(var(--header-h) + 26px) var(--pad) 26px; }
.hero__sticky::before { content:""; position:absolute; top:0; bottom:0; left:var(--pad); width:1px; background:linear-gradient(transparent,var(--line) 15%,var(--line) 85%,transparent); opacity:.65; }
.hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr); align-items:center; width:min(100%,1680px); margin:auto; }
.hero__copy{position:relative;z-index:3}
.hero-title { margin:clamp(24px,4vh,56px) 0 clamp(28px,4vh,54px); font-size:clamp(68px,10.3vw,174px); font-weight:950; line-height:.77; letter-spacing:-.075em; text-transform:uppercase; perspective:900px; }
.hero-title__line { display:block; width:max-content; max-width:100%; transform:translate3d(0,calc(var(--hero-local,0) * -14px),0); will-change:transform; }
.hero-title__line--one{position:relative;z-index:2}.hero-title__line--two{position:relative;z-index:1;margin-left:clamp(16px,7.2vw,124px);color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.hero-title__line--two::before { content:"YOUR BRAND"; position:absolute; inset:0 auto auto 0; width:0; overflow:hidden; color:var(--ink); -webkit-text-stroke:0; white-space:nowrap; animation:title-scan 4.6s var(--ease) 1.2s infinite; }
@keyframes title-scan{0%,14%{width:0}50%,72%{width:100%}100%{width:0}}
.accent-dot{color:var(--acid);-webkit-text-stroke:0}
.hero__bottom { display:grid; grid-template-columns:minmax(260px,530px) auto; gap:clamp(26px,5vw,78px); align-items:end; margin-left:clamp(16px,7.2vw,124px); }
.hero__lede { margin:0; color:#d2cacc; font-size:clamp(15px,1.15vw,19px); line-height:1.65; }
.button-row{display:flex;flex-wrap:wrap;gap:10px}
.button { position:relative; display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-width:186px; min-height:56px; padding:0 19px; overflow:hidden; border:1px solid var(--line-strong); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; transition:color 300ms ease,border-color 300ms ease,background 300ms ease,transform 300ms var(--ease); }
.button span{position:relative;z-index:2}.button::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(102%);transition:transform 400ms var(--ease)}.button:hover::before{transform:translateY(0)}
.button--solid{color:var(--on-accent);border-color:var(--acid);background:var(--acid)}.button--solid::before{background:var(--ink)}.button--solid:hover{color:var(--on-light);border-color:var(--ink)}
.button--ghost{color:var(--ink);background:rgba(3,3,3,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button--ghost:hover{color:var(--on-light);border-color:var(--ink)}
.hero__visual { position:relative; height:min(62vh,660px); perspective:1100px; transform-style:preserve-3d; }
.hero-core { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:min(28vw,430px); aspect-ratio:1; transform:translate3d(-50%,-50%,0) rotateX(calc(var(--pointer-y,0) * -7deg)) rotateY(calc(var(--pointer-x,0) * 10deg)); transform-style:preserve-3d; transition:transform 140ms linear; }
.hero-core::before,.hero-core::after{content:"";position:absolute;inset:8%;border:1px solid rgba(var(--acid-rgb),.2);border-radius:50%;box-shadow:inset 0 0 80px rgba(var(--acid-rgb),.05),0 0 80px rgba(var(--acid-rgb),.06)}.hero-core::after{inset:22%;border-color:rgba(247,242,242,.16)}
.hero-core__ring{position:absolute;inset:0;border:1px dashed rgba(var(--acid-rgb),.44);border-radius:50%;animation:orbit-spin 18s linear infinite}.hero-core__ring::before,.hero-core__ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 24px var(--acid)}.hero-core__ring::before{top:7%;left:23%}.hero-core__ring::after{right:4%;bottom:31%}
.hero-core__ring--two{inset:12%;border-style:solid;border-color:rgba(247,242,242,.15);animation-duration:12s;animation-direction:reverse;transform:rotateX(68deg) rotateY(8deg)}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
.hero-core__label{display:flex;flex-direction:column;align-items:center;transform:translateZ(90px);text-align:center;text-shadow:0 8px 30px #030303}.hero-core__label span,.hero-core__label small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.23em}.hero-core__label strong{margin:7px 0 8px;font-size:clamp(24px,3.1vw,52px);font-weight:950;line-height:.9;letter-spacing:-.07em}
.orbit-label{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:132px;padding:11px 13px;border:1px solid var(--line-strong);background:rgba(3,3,3,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;will-change:transform}.orbit-label small{color:var(--acid);font-size:8px}.orbit-label strong{font-size:9px;letter-spacing:.16em}.orbit-label--one{top:16%;left:0;transform:translateZ(90px) rotate(-4deg)}.orbit-label--two{top:42%;right:-2%;transform:translateZ(130px) rotate(3deg)}.orbit-label--three{bottom:15%;left:8%;transform:translateZ(65px) rotate(2deg)}
.hero__meta{position:relative;z-index:3;display:flex;align-items:center;gap:14px;width:min(100%,1680px);margin-inline:auto;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero__meta-line{flex:1;height:1px;background:var(--line)}.scroll-glyph{color:var(--acid);font-size:18px;animation:scroll-bob 1.8s ease-in-out infinite}@keyframes scroll-bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}

.manifesto{position:relative;display:flex;align-items:center;min-height:145vh;padding-top:18vh;padding-bottom:18vh}.manifesto__inner{width:100%}
.manifesto__statement,.about__statement h2,.contact__heading h2{margin:clamp(34px,6vh,78px) 0;font-size:clamp(48px,8.2vw,138px);font-weight:950;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.reveal-line{display:block;width:max-content;max-width:100%;overflow:hidden}.reveal-line--accent{color:transparent;-webkit-text-stroke:1px var(--acid)}
.manifesto__foot{display:grid;grid-template-columns:minmax(280px,620px) minmax(280px,450px);justify-content:space-between;gap:48px;align-items:end}.manifesto__foot>p{margin:0 0 0 20%;color:#cec6c8;font-size:clamp(16px,1.35vw,22px);line-height:1.7}
.signal-readout{padding:20px;border:1px solid var(--line);background:rgba(3,3,3,.48);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signal-readout span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.18em}.signal-readout>div{height:5px;margin:15px 0 10px;overflow:hidden;background:rgba(247,242,242,.1)}.signal-readout i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7a0007,var(--acid));box-shadow:0 0 16px rgba(var(--acid-rgb),.7);transform-origin:left;animation:signal-load 2.2s var(--ease) infinite alternate}@keyframes signal-load{from{transform:scaleX(.7)}to{transform:scaleX(1)}}.signal-readout strong{font-size:28px;line-height:1}

.services-journey{position:relative;height:760vh}.services-sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;background:linear-gradient(90deg,rgba(3,3,3,.74),rgba(3,3,3,.2) 50%,rgba(3,3,3,.78))}
.services-stage{position:relative;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(420px,1.25fr) minmax(150px,.34fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:100svh;padding-top:calc(var(--header-h) + 28px);padding-bottom:32px}.services-stage::before,.services-stage::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--line) 8%,var(--line) 92%,transparent)}.services-stage::before{left:calc(33% + var(--pad))}.services-stage::after{right:calc(20% + var(--pad))}
.services-stage__intro{position:relative;z-index:4}.services-stage__intro h2,.process__heading h2,.pricing__head h2,.campaign__copy h2{margin:28px 0 30px;font-size:clamp(44px,5.3vw,88px);font-weight:950;line-height:.87;letter-spacing:-.068em;text-transform:uppercase}.services-stage__intro>p:last-child{max-width:330px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.service-stack{position:relative;z-index:5;min-height:min(72vh,720px);perspective:1300px;transform-style:preserve-3d}
.service-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(24px,4vw,64px);overflow:hidden;border:1px solid rgba(247,242,242,.2);background:linear-gradient(145deg,rgba(24,7,10,.92),rgba(3,3,3,.76)),rgba(3,3,3,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translate3d(0,36%,-180px) rotateX(-8deg) scale(.88);transform-origin:center bottom;pointer-events:none;will-change:transform,opacity;transition:opacity 150ms linear}
.service-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(247,242,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(247,242,242,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 70%);pointer-events:none}.service-slide::after{content:"";position:absolute;top:-40%;right:-25%;width:70%;aspect-ratio:1;border:1px solid rgba(var(--acid-rgb),.16);border-radius:50%;box-shadow:0 0 0 70px rgba(var(--acid-rgb),.018),0 0 0 140px rgba(var(--acid-rgb),.012)}.service-slide.is-active{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);pointer-events:auto}
.service-slide__top{position:absolute;top:24px;right:26px;left:26px;display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.18em}.service-slide__top span:first-child{color:var(--acid)}
.service-slide__icon{position:relative;z-index:2;display:grid;place-items:center;width:76px;height:76px;margin:28px 0;border:1px solid rgba(var(--acid-rgb),.5);color:var(--acid);font-size:24px;font-weight:900;box-shadow:inset 0 0 34px rgba(var(--acid-rgb),.05),0 0 34px rgba(var(--acid-rgb),.035);transform:rotate(-5deg)}
.service-slide h3{position:relative;z-index:2;margin:0;font-size:clamp(40px,4.6vw,76px);font-weight:950;line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.service-slide>p{position:relative;z-index:2;max-width:630px;margin:30px 0;color:#c1b8ba;font-size:clamp(14px,1vw,17px);line-height:1.7}.service-slide>a{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(100%,310px);padding:15px 0;border-bottom:1px solid var(--line-strong);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;transition:color 250ms ease,border-color 250ms ease}.service-slide>a:hover{color:var(--acid);border-color:var(--acid)}
.services-index{position:relative;z-index:5;display:grid;grid-template-columns:1px 1fr;gap:18px;align-items:stretch}.services-index__track{position:relative;overflow:hidden;background:var(--line)}.services-index__track span{position:absolute;inset:0;background:var(--acid);transform:scaleY(calc(1 / 7));transform-origin:top;will-change:transform}.services-index ol{display:flex;flex-direction:column;justify-content:space-between;min-height:min(62vh,600px)}.services-index li{display:flex;flex-direction:column;gap:4px;color:#675d60;transition:color 300ms ease,transform 450ms var(--ease)}.services-index li span{font-size:8px;font-weight:850}.services-index li b{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.services-index li.is-active{color:var(--ink);transform:translateX(8px)}.services-index li.is-active span{color:var(--acid)}
.service-ghost-number{position:absolute;right:-.04em;bottom:-.19em;z-index:1;color:transparent;font-size:min(28vw,490px);font-weight:950;line-height:1;letter-spacing:-.11em;-webkit-text-stroke:1px rgba(247,242,242,.075);pointer-events:none}

.channel-runway{position:relative;height:300vh}.channel-runway__sticky{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;min-height:100svh;overflow:hidden;background:rgba(3,3,3,.3)}.channel-runway__sticky>.section-kicker{position:absolute;top:calc(var(--header-h) + 36px);left:0}.runway-track{display:flex;align-items:center;gap:4vw;width:max-content;padding-left:18vw;white-space:nowrap;transform:translate3d(0,0,0);will-change:transform}.runway-track span{font-size:clamp(76px,14vw,230px);font-weight:950;line-height:.8;letter-spacing:-.075em;text-transform:uppercase}.runway-track span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px var(--ink)}.runway-track i{color:var(--acid);font-size:clamp(30px,5vw,80px);font-style:normal}.channel-runway__caption{position:absolute;right:0;bottom:7vh;left:0;display:flex;align-items:end;justify-content:space-between}.channel-runway__caption p{margin:0;font-size:clamp(20px,2.4vw,38px);font-weight:850;line-height:1.1;letter-spacing:-.04em;text-transform:uppercase}.channel-runway__caption span{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}

.campaign{position:relative;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(500px,1.2fr);gap:clamp(40px,8vw,140px);align-items:center;min-height:160vh;padding-top:18vh;padding-bottom:18vh}.campaign::before{content:"";position:absolute;top:8%;bottom:8%;left:47%;width:1px;background:linear-gradient(transparent,var(--line),transparent)}.campaign__copy{position:sticky;top:24vh;align-self:start}.campaign__copy h2 em{color:var(--acid);font-style:normal}.campaign__copy>p:not(.section-kicker){max-width:530px;margin:0 0 34px;color:#beb5b7;font-size:clamp(15px,1.18vw,19px);line-height:1.75}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:min(100%,330px);padding:15px 0;border-bottom:1px solid var(--line-strong);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;transition:color 250ms ease,border-color 250ms ease}.text-link:hover{color:var(--acid);border-color:var(--acid)}
.campaign-cockpit{position:relative;min-height:min(82vh,820px);perspective:1200px;transform-style:preserve-3d}.campaign-cockpit::before{content:"";position:absolute;inset:11% 9%;border:1px solid rgba(var(--acid-rgb),.16);transform:rotate(-4deg);box-shadow:0 0 90px rgba(var(--acid-rgb),.035)}.cockpit-grid{position:absolute;inset:4%;border:1px solid var(--line);background:linear-gradient(rgba(247,242,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(247,242,242,.055) 1px,transparent 1px);background-size:48px 48px;transform:rotateX(60deg) translateZ(-90px) translateY(-5%);opacity:.45;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.cockpit-card{position:absolute;padding:22px;border:1px solid rgba(247,242,242,.24);background:rgba(15,5,7,.82);box-shadow:0 22px 80px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;will-change:transform}.cockpit-card__head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.16em}.cockpit-card__head small{color:var(--acid)}
.cockpit-card--signal{top:8%;right:3%;width:68%;min-height:310px;transform:translateZ(70px) rotate(2deg)}.cockpit-card--signal>strong{display:block;margin-top:28px;font-size:clamp(54px,6vw,98px);font-weight:950;line-height:.9;letter-spacing:-.07em}.cockpit-card--signal>p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sparkline{height:94px;margin:20px 0 8px}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:var(--acid);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(var(--acid-rgb),.6));stroke-dasharray:520;stroke-dashoffset:520;animation:draw-line 3.5s var(--ease) infinite alternate}@keyframes draw-line{to{stroke-dashoffset:0}}
.cockpit-card--channels{top:43%;left:0;width:48%;min-height:285px;transform:translateZ(130px) rotate(-4deg)}.channel-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:190px;padding-top:22px}.channel-bars i{position:relative;height:var(--v);min-height:30px;background:linear-gradient(to top,rgba(var(--acid-rgb),.12),var(--acid));box-shadow:0 0 18px rgba(var(--acid-rgb),.08);transform-origin:bottom;animation:bars 2.8s var(--ease) infinite alternate}.channel-bars i:nth-child(2){animation-delay:-.6s}.channel-bars i:nth-child(3){animation-delay:-1.2s}.channel-bars i:nth-child(4){animation-delay:-1.8s}.channel-bars i:nth-child(5){animation-delay:-2.4s}@keyframes bars{from{transform:scaleY(.74);opacity:.68}to{transform:scaleY(1);opacity:1}}.channel-bars b{position:absolute;right:0;bottom:-20px;left:0;color:var(--muted);font-size:7px;font-style:normal;text-align:center}
.cockpit-card--pulse{right:8%;bottom:23%;display:flex;align-items:center;gap:16px;width:42%;transform:translateZ(185px) rotate(3deg)}.pulse-orb{width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(var(--orange-rgb),.08),0 0 28px rgba(var(--orange-rgb),.7);animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.72);opacity:.55}}.cockpit-card--pulse div{display:flex;flex-direction:column}.cockpit-card--pulse small{color:var(--muted);font-size:7px;letter-spacing:.15em}.cockpit-card--pulse strong{margin-top:4px;font-size:14px;letter-spacing:.05em}
.cockpit-card--quote{right:1%;bottom:4%;width:64%;transform:translateZ(92px) rotate(-2deg)}.cockpit-card--quote p{margin:0 0 22px;font-size:clamp(17px,1.6vw,25px);font-weight:750;line-height:1.25;letter-spacing:-.025em}.cockpit-card--quote span{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.16em}

.process{position:relative;height:430vh}.process__sticky{position:sticky;top:0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.1fr);gap:clamp(40px,7vw,120px);align-items:center;min-height:100svh;overflow:hidden;padding-top:calc(var(--header-h) + 24px);padding-bottom:30px}.process__heading h2{margin-bottom:0}.process__steps{position:relative;z-index:2}.process__steps::before{content:"";position:absolute;top:0;bottom:0;left:28px;width:1px;background:var(--line)}
.process-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:22px;align-items:center;min-height:148px;padding:26px 0;border-bottom:1px solid var(--line);opacity:.23;transform:translateX(0);transition:opacity 500ms ease,transform 600ms var(--ease)}.process-step:first-child{border-top:1px solid var(--line)}.process-step::before{content:"";position:absolute;top:50%;left:25px;width:7px;height:7px;border-radius:50%;background:#51474a;transform:translate(-50%,-50%);transition:background 300ms ease,box-shadow 300ms ease,transform 450ms var(--ease)}.process-step.is-active{opacity:1;transform:translateX(10px)}.process-step.is-active::before{background:var(--acid);box-shadow:0 0 0 7px rgba(var(--acid-rgb),.09),0 0 26px rgba(var(--acid-rgb),.7);transform:translate(-50%,-50%) scale(1.2)}.process-step__number{color:var(--muted);font-size:9px;font-weight:850}.process-step.is-active .process-step__number{color:var(--acid)}.process-step h3{margin:0 0 8px;font-size:clamp(28px,3vw,46px);font-weight:900;line-height:1;letter-spacing:-.055em;text-transform:uppercase}.process-step p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.process-step__status{color:var(--faint);font-size:7px;font-weight:850;letter-spacing:.14em;writing-mode:vertical-rl}.process-step.is-active .process-step__status{color:var(--acid)}
.process-dial{position:absolute;bottom:5vh;left:calc(var(--pad) + 5vw);display:grid;place-items:center;width:132px;aspect-ratio:1;pointer-events:none}.process-dial__ring{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:50%}.process-dial__ring::before,.process-dial__ring::after{content:"";position:absolute;top:50%;left:50%;background:var(--line-strong);transform:translate(-50%,-50%)}.process-dial__ring::before{width:115%;height:1px}.process-dial__ring::after{width:1px;height:115%}.process-dial__ring i{position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid);transform:translateX(-50%)}.process-dial strong{font-size:36px;font-weight:950;line-height:1}.process-dial small{position:absolute;bottom:28px;color:var(--muted);font-size:7px;letter-spacing:.16em}

.pricing{position:relative;padding-top:22vh;padding-bottom:20vh}.pricing__head{display:grid;grid-template-columns:minmax(340px,1fr) minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:clamp(60px,9vh,120px)}.pricing__head>p{max-width:510px;margin:0 0 30px;color:var(--muted);font-size:15px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1600px}
.price-card{position:relative;display:flex;flex-direction:column;min-height:650px;padding:clamp(24px,3vw,44px);overflow:hidden;border:1px solid var(--line);background:rgba(15,5,7,.76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;transition:border-color 300ms ease,background 300ms ease,box-shadow 300ms ease}.price-card::before{content:"";position:absolute;top:-25%;right:-25%;width:70%;aspect-ratio:1;border:1px solid rgba(247,242,242,.08);border-radius:50%}.price-card:hover{border-color:rgba(var(--acid-rgb),.5);background:rgba(18,6,8,.9);box-shadow:0 30px 100px rgba(0,0,0,.35)}.price-card--featured{border-color:rgba(var(--acid-rgb),.6);background:linear-gradient(145deg,rgba(var(--acid-rgb),.11),rgba(15,5,7,.88) 42%);transform:translateY(-22px)}.price-card__flag{position:absolute;top:0;right:0;padding:9px 13px;color:var(--on-accent);background:var(--acid);font-size:7px;font-weight:900;letter-spacing:.13em}.price-card__top{position:relative;z-index:2;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.price-card__top span{color:var(--acid)}.price-card h3{position:relative;z-index:2;margin:48px 0 22px;font-size:clamp(42px,4vw,68px);font-weight:950;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.price{position:relative;z-index:2;display:flex;align-items:baseline;gap:10px;margin:0 0 36px}.price strong{font-size:clamp(34px,3vw,54px);font-weight:900;letter-spacing:-.055em}.price span{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.price-card ul{position:relative;z-index:2;margin-bottom:36px}.price-card li{position:relative;padding:13px 0 13px 20px;border-bottom:1px solid rgba(247,242,242,.09);color:#c1b8ba;font-size:12px}.price-card li::before{content:"+";position:absolute;left:0;color:var(--acid);font-weight:900}.price-card .button{width:100%;margin-top:auto}
.add-ons{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(36px,7vw,110px);margin-top:100px;padding:clamp(30px,4vw,58px);border:1px solid var(--line);background:rgba(3,3,3,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.add-ons__head h3{margin:0 0 13px;font-size:clamp(30px,3vw,48px);font-weight:900;line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.add-ons__head p{margin:0;color:var(--muted);font-size:12px}.add-ons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.add-ons__grid>div{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:22px;background:var(--bg-soft)}.add-ons__grid span{max-width:210px;color:#c5bcbe;font-size:12px;line-height:1.45}.add-ons__grid strong{font-size:28px;line-height:1;letter-spacing:-.04em}.add-ons__grid small{margin-left:5px;color:var(--muted);font-size:7px;letter-spacing:.08em;text-transform:uppercase}

.about{position:relative;padding-top:18vh;padding-bottom:20vh}.about__statement{max-width:1420px}.about__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,8vw,130px);max-width:1050px;margin-left:auto}.about__body p{margin:0;color:#c1b8ba;font-size:clamp(15px,1.2vw,19px);line-height:1.75}.team-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:14px;margin-top:14vh;perspective:1500px}
.team-card{position:relative;min-height:580px;padding:20px;overflow:hidden;border:1px solid var(--line);background:rgba(15,5,7,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;transition:border-color 300ms ease,transform 300ms var(--ease)}.team-card:hover{border-color:rgba(var(--acid-rgb),.45)}.team-card__portrait{position:relative;display:grid;place-items:center;height:330px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(var(--acid-rgb),.33),transparent 12%),conic-gradient(from 210deg at 50% 60%,#16080a,#35090f,#0d0506,#5b0a13,#120607)}.team-card--lead .team-card__portrait{height:360px}.team-card__portrait::before,.team-card__portrait::after{content:"";position:absolute;border:1px solid rgba(247,242,242,.18);border-radius:50%}.team-card__portrait::before{width:72%;aspect-ratio:1}.team-card__portrait::after{width:48%;aspect-ratio:1;border-color:rgba(var(--acid-rgb),.25)}.team-card__portrait span{position:relative;z-index:2;font-size:clamp(72px,8vw,128px);font-weight:950;line-height:1;letter-spacing:-.11em;text-shadow:0 14px 35px rgba(0,0,0,.5);transform:translateZ(50px)}.team-card__portrait i{position:absolute;inset:0;background:linear-gradient(rgba(247,242,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(247,242,242,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 75%)}.team-card__portrait--two{background:radial-gradient(circle at 62% 37%,rgba(var(--orange-rgb),.35),transparent 12%),conic-gradient(from 80deg at 48% 56%,#2d0509,#100405,#5b0710,#1a0406,#310509)}.team-card__portrait--three{background:radial-gradient(circle at 38% 35%,rgba(var(--acid-rgb),.28),transparent 12%),conic-gradient(from 150deg at 48% 60%,#230508,#4a0711,#100405,#310509,#190406)}.team-card__meta{display:flex;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.15em}.team-card__meta small{color:var(--acid)}.team-card h3{margin:24px 0 13px;font-size:clamp(31px,3vw,49px);font-weight:950;line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.team-card p{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.65}.team-card a,.team-card__handle{display:inline-flex;gap:24px;margin-top:auto;color:#d4ccce;font-size:8px;font-weight:800;letter-spacing:.09em}.team-card a:hover{color:var(--acid)}

.contact{position:relative;padding-top:18vh;background:linear-gradient(to bottom,transparent,rgba(var(--acid-rgb),.035) 60%,transparent)}.contact__inner{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(480px,1.15fr);gap:clamp(50px,9vw,150px);align-items:start;padding-bottom:18vh}.contact__heading{position:sticky;top:18vh}.contact__heading h2{margin-bottom:40px}.contact__heading>p:not(.section-kicker){max-width:560px;margin-bottom:50px;color:#beb5b7;font-size:clamp(15px,1.2vw,19px);line-height:1.75}.contact__direct{display:grid;gap:1px;background:var(--line)}.contact__direct a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 20px;background:var(--bg-soft);transition:color 250ms ease,background 250ms ease}.contact__direct a:hover{color:var(--on-accent);background:var(--acid)}.contact__direct small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.17em}.contact__direct a:hover small{color:var(--on-accent)}.contact__direct span{font-size:12px;font-weight:750}
.contact-form{padding:clamp(26px,4vw,58px);border:1px solid var(--line);background:rgba(15,5,7,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-form label{display:block;margin-bottom:25px}.contact-form label>span{display:block;margin-bottom:9px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;outline:0;color:var(--ink);background:transparent;transition:border-color 220ms ease,box-shadow 220ms ease}.contact-form input,.contact-form select{height:52px}.contact-form textarea{min-height:130px;padding:14px 0;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#706669}.contact-form select{color:#beb5b7;cursor:pointer}.contact-form select option{color:var(--ink);background:var(--surface-solid)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--acid);box-shadow:0 1px 0 var(--acid)}.form-submit{width:100%;margin-top:10px;border:0}.form-status{min-height:20px;margin:14px 0 0;color:var(--acid);font-size:10px}
.contact-marquee{overflow:hidden;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-marquee div{display:flex;align-items:center;gap:3vw;width:max-content;white-space:nowrap;animation:marquee 22s linear infinite}.contact-marquee span{font-size:clamp(44px,7vw,110px);font-weight:950;line-height:.8;letter-spacing:-.065em;text-transform:uppercase}.contact-marquee span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px var(--ink)}.contact-marquee i{color:var(--acid);font-size:clamp(20px,3vw,48px);font-style:normal}@keyframes marquee{to{transform:translateX(-33.333%)}}
.footer{display:grid;grid-template-columns:1fr auto;gap:70px;padding-top:68px;padding-bottom:36px}.brand--footer .brand__mark{width:54px;height:54px}.brand--footer .brand__type strong{font-size:19px}.footer__links{display:flex;align-items:center;gap:34px}.footer__links a{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer__links a:hover{color:var(--acid)}.footer__meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:26px;border-top:1px solid var(--line);color:var(--faint);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.footer__meta a:hover{color:var(--acid)}
.noscript{position:fixed;right:0;bottom:0;left:0;z-index:999;padding:12px;color:var(--on-accent);background:var(--acid);text-align:center;font-size:12px}
.js [data-reveal],.js .reveal-line{opacity:0;transform:translate3d(0,38px,0);transition:opacity 900ms ease,transform 1100ms var(--ease)}.js [data-reveal].is-visible,.js .reveal-line.is-visible{opacity:1;transform:translate3d(0,0,0)}.js .reveal-line:nth-child(2){transition-delay:100ms}.js .reveal-line:nth-child(3){transition-delay:200ms}
.magnetic{transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);transition:transform 140ms linear,color 300ms ease,background 300ms ease,border-color 300ms ease}

@media(max-width:1180px){
  :root{--header-h:76px}.desktop-nav{gap:22px}.hero__grid{grid-template-columns:1.25fr .75fr}.hero-title{font-size:clamp(66px,10vw,126px)}.hero__bottom{grid-template-columns:1fr;gap:24px}.services-stage{grid-template-columns:minmax(220px,.6fr) minmax(390px,1.15fr) 130px;gap:28px}.services-stage::before,.services-stage::after{display:none}.service-slide{padding:34px}.campaign{grid-template-columns:.8fr 1.2fr;gap:54px}.cockpit-card--signal{width:74%}.process__sticky{grid-template-columns:.65fr 1.2fr;gap:50px}
}
@media(max-width:920px){
  .site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-toggle,.mobile-menu{display:block}.hero{height:180vh}.hero__grid{display:block}.hero__visual{position:absolute;top:50%;right:-11%;z-index:-1;width:58%;height:52%;opacity:.7;transform:translateY(-50%)}.hero-core{width:44vw}.orbit-label--one{left:-20%}.orbit-label--two{right:-12%}.orbit-label--three{left:-5%}.hero-title{font-size:clamp(65px,13.5vw,122px)}.hero__bottom{max-width:620px}.manifesto__foot{grid-template-columns:1fr}.manifesto__foot>p{margin-left:10%}.signal-readout{width:min(100%,470px);margin-left:auto}.services-journey{height:730vh}.services-stage{grid-template-columns:1fr 120px;grid-template-rows:auto 1fr;align-items:start;padding-top:calc(var(--header-h) + 24px)}.services-stage__intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}.services-stage__intro .section-kicker{grid-column:1/-1;margin-bottom:-12px}.services-stage__intro h2{margin:0;font-size:clamp(36px,7vw,62px)}.service-stack{min-height:63vh}.services-index ol{min-height:55vh}.service-slide h3{font-size:clamp(38px,7vw,68px)}.channel-runway__caption span{display:none}.campaign{grid-template-columns:1fr;min-height:auto;padding-top:16vh;padding-bottom:16vh}.campaign::before{display:none}.campaign__copy{position:static;max-width:680px}.campaign-cockpit{min-height:700px}.process__sticky{grid-template-columns:1fr;align-content:center}.process__heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.process__heading .section-kicker{align-self:start}.process__heading h2{font-size:clamp(38px,7vw,70px);text-align:right}.process-step{min-height:126px}.process-dial{display:none}.pricing-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.price-card{min-height:580px}.price-card--featured{transform:none}.add-ons{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.team-card--lead{grid-column:1/-1}.contact__inner{grid-template-columns:1fr}.contact__heading{position:static}
}
@media(max-width:680px){
  :root{--pad:18px;--header-h:72px}.grain{opacity:.025}.brand__type strong{font-size:12px}.brand__type small{font-size:6px}.brand__mark{width:38px;height:38px}.menu-toggle{width:42px;height:42px}.hero{height:165vh}.hero__sticky{justify-content:flex-end;padding-bottom:28px}.hero__sticky::before{left:18px}.hero__copy{width:100%}.hero-title{margin:22px 0 34px;font-size:clamp(54px,17.3vw,94px);line-height:.81}.hero-title__line--two{margin-left:0}.hero-title__line--two::before{display:none}.hero__bottom{margin-left:0}.hero__lede{max-width:94%;font-size:14px}.button-row{display:grid;grid-template-columns:1fr;width:100%}.button{width:100%}.hero__visual{top:35%;right:-31%;width:88%;height:45%;opacity:.56}.hero-core{width:68vw}.orbit-label{min-width:100px;padding:8px}.orbit-label--one{top:11%;left:-8%}.orbit-label--two{top:39%;right:-2%}.orbit-label--three{bottom:8%;left:8%}.hero__meta{gap:9px;font-size:6px}.hero__meta span:nth-of-type(3){display:none}.manifesto{min-height:120vh;padding-top:14vh;padding-bottom:14vh}.manifesto__statement,.about__statement h2,.contact__heading h2{font-size:clamp(43px,13.6vw,76px)}.manifesto__foot>p{margin-left:0;font-size:15px}.services-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:14px}.services-stage__intro{display:block}.services-stage__intro .section-kicker{margin-bottom:18px}.services-stage__intro h2{font-size:36px}.services-stage__intro>p:last-child{display:none}.service-stack{min-height:62vh;overflow:hidden}.service-slide{padding:26px 20px 22px}.service-slide__top{top:15px;right:18px;left:18px}.service-slide__icon{width:56px;height:56px;margin:28px 0 20px;font-size:18px}.service-slide h3{font-size:clamp(34px,10vw,54px)}.service-slide>p{margin:22px 0;font-size:12px}.services-index{display:block;overflow:hidden}.services-index__track{height:2px}.services-index__track span{transform:scaleX(calc(1 / 7));transform-origin:left}.services-index ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;margin-top:10px}.services-index li b{display:none}.services-index li.is-active{transform:translateY(-2px)}.service-ghost-number{font-size:52vw}.channel-runway__caption p{font-size:18px}.campaign{gap:70px}.campaign__copy h2{font-size:42px}.campaign-cockpit{min-height:620px}.cockpit-card{padding:16px}.cockpit-card--signal{top:2%;right:0;width:88%;min-height:250px}.cockpit-card--signal>strong{font-size:56px}.sparkline{height:64px}.cockpit-card--channels{top:39%;width:62%;min-height:235px}.channel-bars{height:145px}.cockpit-card--pulse{right:0;bottom:24%;width:54%}.cockpit-card--quote{right:0;bottom:2%;width:86%}.process{height:400vh}.process__sticky{gap:24px}.process__heading{display:block}.process__heading h2{margin-top:18px;font-size:42px;text-align:left}.process-step{grid-template-columns:42px 1fr;gap:10px;min-height:118px;padding:17px 0}.process-step__status{display:none}.process__steps::before{left:18px}.process-step::before{left:18px}.process-step h3{font-size:28px}.process-step p{font-size:11px}.pricing{padding-top:16vh}.pricing__head{grid-template-columns:1fr;gap:12px}.pricing__head h2{font-size:42px}.pricing__head>p{margin-bottom:0;font-size:13px}.price-card{min-height:560px;padding:25px 20px}.price-card h3{margin-top:42px}.add-ons{margin-top:58px;padding:20px}.add-ons__grid{grid-template-columns:1fr}.add-ons__grid>div{min-height:120px}.about__body{grid-template-columns:1fr;gap:26px}.team-grid{grid-template-columns:1fr;margin-top:10vh}.team-card--lead{grid-column:auto}.team-card,.team-card--lead{min-height:540px}.team-card__portrait,.team-card--lead .team-card__portrait{height:300px}.contact{padding-top:13vh}.contact__inner{gap:58px;padding-bottom:12vh}.contact__direct a{min-height:68px}.contact__direct span{font-size:10px}.contact-form{padding:25px 18px}.form-row{grid-template-columns:1fr;gap:0}.footer{grid-template-columns:1fr;gap:38px}.footer__links{flex-wrap:wrap}.footer__meta{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#scene{opacity:.5}.js [data-reveal],.js .reveal-line{opacity:1;transform:none}.hero-title__line,.runway-track,.magnetic{transform:none!important}
}

/* Pointer-depth layer (progressively enhanced by app.js). */
[data-tilt-card] {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --tilt-lift: 0px;
  --shine-x: 50%;
  --shine-y: 50%;
  transform: translateY(var(--tilt-lift)) perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: transform 380ms var(--ease), border-color 280ms ease, background 280ms ease;
  will-change: transform;
}
[data-tilt-card]::after {
  background-image: radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(var(--acid-rgb), .08), transparent 34%);
}
.price-card--featured { --tilt-lift: -24px; }
.no-webgl #scene { display: none; }
.no-webgl .hero__visual::before {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(var(--acid-rgb), .12);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(var(--acid-rgb), .018), 0 0 120px rgba(var(--acid-rgb), .06);
}
@media (max-width: 920px) {
  .price-card--featured { --tilt-lift: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-tilt-card] { transform: translateY(var(--tilt-lift)) !important; }
}

/* ==========================================================================\n   COMPLETE MULTI-PAGE REBUILD\n   Shared interior-page system layered over the original production content.\n   ========================================================================== */

body::before { content: none !important; }
section { display: block !important; }
.site-header .desktop-nav {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.site-header .desktop-nav a { padding: 0 !important; }
.header-cta.is-active { color: var(--on-accent); border-color: var(--acid); background: var(--acid); }
.form-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

body[data-page]:not([data-page="home"]) {
  --page-rule: rgba(247, 242, 242, .12);
  background:
    radial-gradient(circle at 80% 12%, rgba(var(--acid-rgb), .075), transparent 30%),
    radial-gradient(circle at 8% 62%, rgba(var(--orange-rgb), .035), transparent 27%),
    var(--bg);
}
body[data-page]:not([data-page="home"]) .interior-main {
  position: relative;
  z-index: 2;
  display: block !important;
  min-height: 100svh;
  padding: 0 !important;
  overflow: clip;
  isolation: isolate;
}
body[data-page]:not([data-page="home"]) .interior-main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(247,242,242,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,242,242,.026) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, transparent 45%);
  mask-image: linear-gradient(to bottom, #000 0, transparent 45%);
}
body[data-page]:not([data-page="home"]) .interior-main::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pad);
  z-index: -1;
  width: 1px;
  background: linear-gradient(transparent 0, var(--page-rule) 5%, var(--page-rule) 95%, transparent 100%);
  pointer-events: none;
}
.page-shell {
  position: relative;
  width: min(100%, 1640px) !important;
  max-width: none !important;
  min-height: 100svh;
  margin-inline: auto !important;
  padding: calc(var(--header-h) + clamp(70px, 10vw, 150px)) var(--pad) clamp(110px, 13vw, 210px) !important;
}
.page-shell > * { position: relative; z-index: 2; }

.page-depth-object {
  --parallax-y: 0px;
  position: absolute;
  top: clamp(128px, 15vw, 240px);
  right: clamp(-130px, 2vw, 34px);
  z-index: 1;
  width: clamp(290px, 34vw, 610px);
  aspect-ratio: 1;
  pointer-events: none;
  opacity: .5;
  transform: translate3d(0, var(--parallax-y), 0) rotateX(calc(60deg + var(--pointer-y, 0) * -3deg)) rotateZ(calc(var(--scroll, 0) * 42deg));
  transform-style: preserve-3d;
  perspective: 1000px;
  will-change: transform;
}
.page-depth-object::before,
.page-depth-object::after {
  content: "";
  position: absolute;
  inset: 22%;
  border: 1px solid rgba(var(--acid-rgb), .32);
  transform: translateZ(74px) rotate(45deg);
  box-shadow: 0 0 80px rgba(var(--acid-rgb), .08);
}
.page-depth-object::after {
  inset: 34%;
  border-color: rgba(247,242,242,.22);
  transform: translateZ(135px) rotate(15deg);
}
.page-depth-object__ring {
  position: absolute;
  inset: 7%;
  border: 1px solid rgba(247,242,242,.18);
  border-radius: 50%;
  transform-style: preserve-3d;
}
.page-depth-object__ring--one { transform: translateZ(25px) rotateX(72deg) rotateY(18deg); }
.page-depth-object__ring--two { inset: 19%; border-color: rgba(var(--acid-rgb), .42); transform: translateZ(110px) rotateX(68deg) rotateY(-27deg); }
.page-depth-object__axis {
  position: absolute;
  top: 50%; left: 4%; right: 4%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--acid), transparent);
  transform: translateZ(85px) rotate(-23deg);
  box-shadow: 0 0 22px rgba(var(--acid-rgb), .7);
}
.page-depth-object__number {
  position: absolute;
  top: 50%; left: 50%;
  color: transparent;
  font-size: clamp(92px, 14vw, 250px);
  font-weight: 950;
  line-height: .7;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px rgba(247,242,242,.2);
  transform: translate3d(-50%, -50%, 160px) rotate(-8deg);
}
.page-depth-object small {
  position: absolute;
  right: 17%; bottom: 19%;
  color: var(--acid);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .24em;
  transform: translateZ(190px);
}

/* Generic page title language. */
.page-shell > .section-label:first-child,
.pricing-section-head .section-label,
.team-section > .svc-section-label {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0 0 26px !important;
  color: var(--muted) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
}
.page-shell > .section-label:first-child::before,
.pricing-section-head .section-label::before,
.team-section > .svc-section-label::before {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--acid);
  box-shadow: 0 0 14px rgba(var(--acid-rgb),.65);
}
.page-shell > .section-title,
.pricing-section-head .section-title {
  max-width: 1160px;
  margin: 0 0 34px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(64px, 9.2vw, 154px) !important;
  font-weight: 950 !important;
  line-height: .8 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase;
  text-wrap: balance;
}
.page-shell > .section-title span,
.pricing-section-head .section-title span {
  color: transparent !important;
  -webkit-text-stroke: 1.5px var(--ink);
}
.page-shell > .section-body,
.pricing-section-head .section-body {
  max-width: 680px !important;
  margin: 0 0 clamp(58px, 8vw, 120px) 18% !important;
  color: var(--muted) !important;
  font-family: inherit !important;
  font-size: clamp(15px, 1.3vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}

/* Scroll + pointer depth, shared by all interior cards. */
body[data-page]:not([data-page="home"]) [data-depth-card] {
  --scroll-y: 0px;
  --scroll-z: 0px;
  --scroll-rx: 0deg;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --tilt-lift: 0px;
  --shine-x: 50%;
  --shine-y: 50%;
  transform:
    perspective(1200px)
    translate3d(0, calc(var(--scroll-y) + var(--tilt-lift)), var(--scroll-z))
    rotateX(calc(var(--tilt-x) + var(--scroll-rx)))
    rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  will-change: transform;
}
body[data-page]:not([data-page="home"]) [data-depth-card]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.12), transparent 38%);
  transition: opacity 260ms ease;
}
body[data-page]:not([data-page="home"]) [data-depth-card]:hover::after { opacity: 1; }
body[data-page]:not([data-page="home"]) [data-parallax] {
  --parallax-y: 0px;
  will-change: transform;
}

/* Buttons from the original site, recast in the new system. */
body[data-page]:not([data-page="home"]) .btn-primary,
body[data-page]:not([data-page="home"]) .btn-ghost,
body[data-page]:not([data-page="home"]) .form-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px !important;
  border: 1px solid var(--acid) !important;
  border-radius: 0 !important;
  color: var(--on-accent) !important;
  background: var(--acid) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-decoration: none !important;
  text-transform: uppercase;
  box-shadow: none !important;
}
body[data-page]:not([data-page="home"]) .btn-primary:hover,
body[data-page]:not([data-page="home"]) .form-submit:hover { color: var(--on-accent) !important; background: #ff2332 !important; }
body[data-page]:not([data-page="home"]) .btn-ghost { color: var(--ink) !important; border-color: var(--line-strong) !important; background: transparent !important; }
body[data-page]:not([data-page="home"]) .btn-ghost:hover { border-color: var(--acid) !important; color: var(--on-accent) !important; background: var(--acid) !important; }

/* Services overview. */
body[data-page="services"] .services-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 1px !important;
  background: var(--line) !important;
  perspective: 1400px;
}
body[data-page="services"] .service-card {
  position: relative;
  grid-column: span 4;
  display: flex !important;
  flex-direction: column;
  min-height: 560px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  background: rgba(10,7,8,.94) !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 420ms var(--ease), box-shadow 420ms var(--ease);
}
body[data-page="services"] .service-card:nth-child(1),
body[data-page="services"] .service-card:nth-child(7) { grid-column: span 7; }
body[data-page="services"] .service-card:nth-child(2),
body[data-page="services"] .service-card:nth-child(6) { grid-column: span 5; }
body[data-page="services"] .service-card:hover {
  --tilt-lift: -8px;
  background: rgba(27,7,10,.98) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.46), 0 0 80px rgba(var(--acid-rgb),.07);
}
body[data-page="services"] .service-img {
  position: relative;
  height: 250px !important;
  min-height: 250px;
  overflow: hidden;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: #070506 !important;
}
body[data-page="services"] .service-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 30%, rgba(var(--acid-rgb),.08)), linear-gradient(to top, rgba(3,3,3,.82), transparent 55%);
  pointer-events: none;
}
body[data-page="services"] .service-img svg {
  width: 100% !important;
  height: 100% !important;
  transform: scale(1.04) translateZ(35px);
  transition: transform 750ms var(--ease), filter 500ms ease;
  filter: saturate(.82) contrast(1.06);
}
body[data-page="services"] .service-card:hover .service-img svg { transform: scale(1.1) translate3d(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 6px), 50px); filter: saturate(1.1) contrast(1.08); }
body[data-page="services"] .service-img-overlay { display: none !important; }
body[data-page="services"] .service-body {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  padding: 30px 30px 28px !important;
  background: transparent !important;
}
body[data-page="services"] .service-num {
  margin-bottom: 34px !important;
  color: var(--acid) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
}
body[data-page="services"] .service-name {
  max-width: 580px;
  margin: 0 0 22px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(32px, 3.3vw, 58px) !important;
  font-weight: 920 !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase;
}
body[data-page="services"] .service-desc {
  max-width: 590px;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}
body[data-page="services"] .service-card-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 !important;
  padding-top: 28px;
  color: var(--ink) !important;
  border-top: 1px solid var(--line);
  font-family: inherit !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
body[data-page="services"] .service-card-arrow::after { content: "↗"; color: var(--acid); font-size: 16px; }

/* Service detail pages. */
body[data-page="service"] .page-shell { padding-top: calc(var(--header-h) + 54px) !important; }
body[data-page="service"] .svc-detail-back,
body[data-page="post"] .blog-post-back {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 0 44px !important;
  padding: 0 0 9px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line-strong) !important;
  color: var(--muted) !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
body[data-page="service"] .svc-detail-back:hover,
body[data-page="post"] .blog-post-back:hover { color: var(--ink) !important; border-color: var(--acid) !important; }
body[data-page="service"] .svc-detail-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  align-items: center !important;
  gap: clamp(48px, 7vw, 120px) !important;
  min-height: 70svh !important;
  margin: 0 0 clamp(90px, 12vw, 170px) !important;
  padding: clamp(48px, 7vw, 95px) 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  overflow: visible !important;
  perspective: 1400px;
}
body[data-page="service"] .svc-detail-hero::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 54%;
  width: 1px;
  background: linear-gradient(transparent, var(--line), transparent);
}
body[data-page="service"] .svc-detail-hero > div:first-child { position: relative; z-index: 2; }
body[data-page="service"] .svc-detail-eyebrow {
  margin: 0 0 28px !important;
  color: var(--acid) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
}
body[data-page="service"] .svc-detail-title {
  max-width: 880px;
  margin: 0 0 34px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(57px, 7.7vw, 132px) !important;
  font-weight: 950 !important;
  line-height: .8 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase;
  text-wrap: balance;
}
body[data-page="service"] .svc-detail-intro {
  max-width: 660px;
  margin: 0 0 38px !important;
  color: var(--muted) !important;
  font-size: clamp(14px, 1.2vw, 18px) !important;
  line-height: 1.78 !important;
}
body[data-page="service"] .svc-detail-visual {
  --parallax-y: 0px;
  position: relative;
  display: grid !important;
  place-items: center;
  width: 100% !important;
  min-height: 480px !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, rgba(26,7,10,.84), rgba(5,5,5,.94)) !important;
  box-shadow: 0 50px 120px rgba(0,0,0,.45), inset 0 0 90px rgba(var(--acid-rgb),.035);
  transform: perspective(1200px) translate3d(0, var(--parallax-y), 45px) rotateY(calc(-5deg + var(--pointer-x) * 2deg)) rotateX(calc(var(--pointer-y) * -1.2deg));
  transform-style: preserve-3d;
}
body[data-page="service"] .svc-detail-visual::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  border: 1px solid rgba(247,242,242,.08);
  pointer-events: none;
}
body[data-page="service"] .svc-detail-visual::after {
  content: "SIGNAL / LIVE";
  position: absolute;
  right: 22px; bottom: 18px;
  z-index: 3;
  color: var(--acid);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .2em;
}
body[data-page="service"] .svc-detail-visual svg {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  min-height: 440px;
  transform: translateZ(60px) scale(.94);
  filter: drop-shadow(0 25px 45px rgba(0,0,0,.36));
}
body[data-page="service"] .svc-what-included { margin: 0 0 clamp(70px, 10vw, 140px) !important; }
body[data-page="service"] .svc-section-label {
  margin: 0 0 32px !important;
  color: var(--muted) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}
body[data-page="service"] .svc-section-label::before { content: "02 / "; color: var(--acid); }
body[data-page="service"] .svc-features-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 1px !important;
  padding: 1px !important;
  background: var(--line) !important;
}
body[data-page="service"] .svc-feature {
  position: relative;
  min-height: 260px;
  padding: 34px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(11,8,9,.95) !important;
  overflow: hidden;
}
body[data-page="service"] .svc-feature::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 0; height: 2px;
  background: var(--acid);
  transition: width 500ms var(--ease);
}
body[data-page="service"] .svc-feature:hover { --tilt-lift: -7px; background: rgba(27,7,10,.98) !important; }
body[data-page="service"] .svc-feature:hover::before { width: 100%; }
body[data-page="service"] .svc-feature-title {
  max-width: 290px;
  margin: 0 0 22px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(23px, 2.2vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase;
}
body[data-page="service"] .svc-feature-desc { color: var(--muted) !important; font-size: 12px !important; line-height: 1.75 !important; }
body[data-page="service"] .svc-why-box {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(190px,.34fr) minmax(0,1fr) !important;
  gap: clamp(35px, 6vw, 100px) !important;
  align-items: start;
  margin: 0 0 70px !important;
  padding: clamp(38px, 6vw, 80px) !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(35,5,9,.84), rgba(7,6,6,.93)) !important;
}
body[data-page="service"] .svc-why-box::before {
  content: "WHY";
  position: absolute;
  right: -2%; bottom: -18%;
  color: transparent;
  font-size: clamp(130px, 22vw, 360px);
  font-weight: 950;
  line-height: .7;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px rgba(247,242,242,.055);
}
body[data-page="service"] .svc-why-title { color: var(--acid) !important; font-family: inherit !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .2em !important; }
body[data-page="service"] .svc-why-body { position: relative; z-index: 2; max-width: 900px; color: var(--ink) !important; font-size: clamp(20px, 2.1vw, 34px) !important; font-weight: 650 !important; line-height: 1.35 !important; letter-spacing: -.025em; }

/* Shared conversion strip. */
body[data-page]:not([data-page="home"]) .proposal-cta-strip {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center;
  gap: 30px;
  margin: clamp(70px, 10vw, 150px) 0 0 !important;
  padding: clamp(34px, 5vw, 66px) !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: rgba(16,7,8,.9) !important;
}
body[data-page]:not([data-page="home"]) .proposal-cta-strip::before {
  content: "";
  position: absolute;
  top: -160%; right: -7%;
  width: 420px; height: 420px;
  border: 1px solid rgba(var(--acid-rgb),.35);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(var(--acid-rgb),.025), 0 0 0 104px rgba(var(--acid-rgb),.018);
}
body[data-page]:not([data-page="home"]) .proposal-cta-strip p {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(28px, 3.4vw, 58px) !important;
  font-weight: 920 !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  text-transform: uppercase;
}
body[data-page]:not([data-page="home"]) .proposal-cta-strip .btn-primary { position: relative; z-index: 2; }

/* Pricing. */
body[data-page="pricing"] .digital-grid,
body[data-page="pricing"] .pricing-grid {
  display: grid !important;
  gap: 1px !important;
  padding: 1px !important;
  background: var(--line) !important;
  perspective: 1400px;
}
body[data-page="pricing"] .digital-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
body[data-page="pricing"] .pricing-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; margin-top: 34px !important; }
body[data-page="pricing"] .digital-card,
body[data-page="pricing"] .price-card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-height: 460px;
  padding: 34px 28px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(11,8,9,.96) !important;
}
body[data-page="pricing"] .price-card { min-height: 610px; padding: 38px 32px !important; }
body[data-page="pricing"] .digital-card:hover,
body[data-page="pricing"] .price-card:hover { --tilt-lift: -7px; background: rgba(28,7,10,.98) !important; }
body[data-page="pricing"] .digital-price,
body[data-page="pricing"] .price-amount {
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(48px, 4.5vw, 74px) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
}
body[data-page="pricing"] .digital-per,
body[data-page="pricing"] .price-per { color: var(--acid) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase; }
body[data-page="pricing"] .digital-name,
body[data-page="pricing"] .price-tier {
  margin: auto 0 18px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(25px, 2.2vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase;
}
body[data-page="pricing"] .digital-desc,
body[data-page="pricing"] .price-note { color: var(--muted) !important; font-size: 12px !important; line-height: 1.7 !important; }
body[data-page="pricing"] .price-tag { position: absolute !important; top: 0 !important; right: 0 !important; padding: 10px 14px !important; color: var(--on-accent) !important; background: var(--acid) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .14em !important; }
body[data-page="pricing"] .price-card.featured { background: linear-gradient(150deg, rgba(46,5,10,.98), rgba(12,7,8,.98)) !important; box-shadow: inset 0 0 0 1px rgba(var(--acid-rgb),.7); }
body[data-page="pricing"] .price-divider { height: 1px !important; margin: 26px 0 !important; background: var(--line) !important; }
body[data-page="pricing"] .price-feature { position: relative; margin: 0 0 13px !important; padding-left: 18px !important; color: var(--muted) !important; font-size: 12px !important; line-height: 1.55 !important; }
body[data-page="pricing"] .price-feature::before { content: "↗" !important; position: absolute; left: 0; color: var(--acid) !important; }
.pricing-section-head { margin: clamp(100px, 13vw, 190px) 0 0 !important; }
.pricing-section-head .section-title { max-width: 900px; font-size: clamp(50px,7vw,112px) !important; }
.pricing-section-head .section-body { margin-left: 0 !important; margin-bottom: 38px !important; }

/* About + team. */
body[data-page="about"] .about-layout {
  display: grid !important;
  grid-template-columns: minmax(340px,.82fr) minmax(0,1.18fr) !important;
  gap: clamp(55px, 8vw, 140px) !important;
  align-items: center !important;
  min-height: 78svh;
  margin: 0 0 clamp(110px, 14vw, 200px) !important;
}
body[data-page="about"] .about-visual {
  --parallax-y: 0px;
  position: relative;
  display: block !important;
  min-height: 680px;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  background: #080607;
  transform: perspective(1200px) translate3d(0,var(--parallax-y),45px) rotateY(calc(5deg + var(--pointer-x) * 1.5deg));
  box-shadow: 0 50px 130px rgba(0,0,0,.48);
}
body[data-page="about"] .about-visual::before { content: "FOUNDER / 01"; position: absolute; top: 18px; left: 18px; z-index: 3; color: var(--acid); font-size: 8px; font-weight: 900; letter-spacing: .18em; }
body[data-page="about"] .about-visual::after { content: ""; position: absolute; inset: 18px; z-index: 2; border: 1px solid rgba(247,242,242,.1); pointer-events: none; }
body[data-page="about"] .about-visual img { width: 100% !important; height: 100% !important; min-height: 680px; object-fit: cover !important; object-position: center !important; filter: grayscale(.16) contrast(1.07); transform: scale(1.03); }
body[data-page="about"] .about-text .section-label,
body[data-page="contact"] .section-label { color: var(--muted) !important; font-family: inherit !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .2em !important; text-transform: uppercase; }
body[data-page="about"] .about-text .section-title,
body[data-page="contact"] .section-title {
  margin: 25px 0 34px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(54px,7.2vw,116px) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase;
}
body[data-page="about"] .about-text .section-body { max-width: 710px !important; margin: 0 0 38px !important; color: var(--muted) !important; font-size: 16px !important; line-height: 1.8 !important; }
body[data-page="about"] .about-owner { padding: 28px 0 0 !important; border-top: 1px solid var(--line) !important; }
body[data-page="about"] .owner-name { color: var(--ink) !important; font-family: inherit !important; font-size: 24px !important; font-weight: 900 !important; letter-spacing: -.03em !important; }
body[data-page="about"] .owner-title { color: var(--acid) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase; }
.team-section { margin-top: 0 !important; }
.team-section > h3 { margin: 24px 0 16px !important; color: var(--ink) !important; font-family: inherit !important; font-size: clamp(48px,7vw,110px) !important; font-weight: 950 !important; line-height: .82 !important; letter-spacing: -.07em !important; text-transform: uppercase; }
.team-section > p { max-width: 680px !important; margin: 0 0 54px !important; color: var(--muted) !important; font-size: 15px !important; line-height: 1.75 !important; }
body[data-page="about"] .team-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1px !important; padding: 1px !important; background: var(--line) !important; }
body[data-page="about"] .team-card { position: relative; display: grid !important; grid-template-columns: 110px 1fr !important; gap: 30px !important; min-height: 390px; padding: 36px !important; border: 0 !important; border-radius: 0 !important; background: rgba(11,8,9,.96) !important; overflow: hidden; }
body[data-page="about"] .team-card:hover { --tilt-lift: -7px; background: rgba(28,7,10,.98) !important; }
body[data-page="about"] .team-avatar { width: 110px !important; height: 132px !important; border: 1px solid var(--line) !important; border-radius: 0 !important; overflow: hidden; }
body[data-page="about"] .team-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: grayscale(.15) contrast(1.06); }
body[data-page="about"] .team-name { color: var(--ink) !important; font-family: inherit !important; font-size: clamp(30px,3vw,48px) !important; font-weight: 920 !important; line-height: .95 !important; letter-spacing: -.05em !important; text-transform: uppercase; }
body[data-page="about"] .team-role { color: var(--acid) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .16em !important; }
body[data-page="about"] .team-bio { color: var(--muted) !important; font-size: 12px !important; line-height: 1.72 !important; }
body[data-page="about"] .team-social-link { color: var(--ink) !important; font-size: 9px !important; font-weight: 850 !important; letter-spacing: .11em !important; }

/* Contact. */
body[data-page="contact"] .contact-layout {
  display: grid !important;
  grid-template-columns: minmax(0,.92fr) minmax(420px,1.08fr) !important;
  gap: clamp(55px,8vw,140px) !important;
  align-items: start !important;
  min-height: 82svh;
}
body[data-page="contact"] .contact-layout > div:first-child { position: sticky; top: calc(var(--header-h) + 70px); }
body[data-page="contact"] .section-body { max-width: 610px !important; margin: 0 0 45px !important; color: var(--muted) !important; font-size: 16px !important; line-height: 1.78 !important; }
body[data-page="contact"] .contact-info-block { display: grid !important; gap: 1px !important; padding: 1px !important; background: var(--line) !important; }
body[data-page="contact"] .contact-item { display: grid !important; grid-template-columns: 48px 1fr !important; gap: 18px !important; align-items: center !important; min-height: 84px !important; padding: 16px 20px !important; border: 0 !important; background: rgba(10,8,8,.94) !important; }
body[data-page="contact"] .contact-icon { color: var(--acid) !important; background: transparent !important; }
body[data-page="contact"] .contact-item-label { color: var(--faint) !important; font-family: inherit !important; font-size: 7px !important; font-weight: 900 !important; letter-spacing: .17em !important; text-transform: uppercase; }
body[data-page="contact"] .contact-item-value { color: var(--ink) !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; }
body[data-page="contact"] .contact-form {
  position: relative;
  padding: clamp(30px,5vw,62px) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, rgba(29,7,10,.86), rgba(8,7,7,.96)) !important;
  box-shadow: 0 50px 130px rgba(0,0,0,.42);
}
body[data-page="contact"] .form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 22px !important; }
body[data-page="contact"] .form-group { margin: 0 0 26px !important; }
body[data-page="contact"] .form-group label { display: block !important; margin: 0 0 9px !important; color: var(--muted) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase; }
body[data-page="contact"] .contact-form input,
body[data-page="contact"] .contact-form textarea,
body[data-page="contact"] .contact-form select {
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line-strong) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: var(--ink) !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 14px !important;
  transition: border-color 220ms ease, box-shadow 220ms ease;
}
body[data-page="contact"] .contact-form textarea { min-height: 150px !important; resize: vertical; }
body[data-page="contact"] .contact-form input:focus,
body[data-page="contact"] .contact-form textarea:focus { border-color: var(--acid) !important; box-shadow: 0 1px 0 var(--acid) !important; }
body[data-page="contact"] .form-submit { width: 100% !important; margin-top: 4px !important; }
body[data-page="contact"] #form-success { border-color: rgba(var(--acid-rgb),.55) !important; color: var(--ink) !important; background: rgba(var(--acid-rgb),.08) !important; }

/* Blog index. */
body[data-page="blog"] .blog-filters { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 0 45px !important; }
body[data-page="blog"] .blog-filter {
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--muted) !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  cursor: pointer;
}
body[data-page="blog"] .blog-filter:hover,
body[data-page="blog"] .blog-filter.active { color: var(--on-accent) !important; border-color: var(--acid) !important; background: var(--acid) !important; }
body[data-page="blog"] .blog-grid {
  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr)) !important;
  gap: 1px !important;
  padding: 1px !important;
  background: var(--line) !important;
  perspective: 1400px;
}
body[data-page="blog"] .blog-card {
  position: relative;
  grid-column: span 4;
  display: flex !important;
  flex-direction: column;
  min-height: 550px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  background: rgba(10,8,8,.96) !important;
  text-decoration: none !important;
}
body[data-page="blog"] .blog-card:nth-child(1),
body[data-page="blog"] .blog-card:nth-child(6) { grid-column: span 8; }
body[data-page="blog"] .blog-card:nth-child(2),
body[data-page="blog"] .blog-card:nth-child(7) { grid-column: span 4; }
body[data-page="blog"] .blog-card:hover { --tilt-lift: -7px; background: rgba(27,7,10,.98) !important; }
body[data-page="blog"] .blog-card.is-filtered-out { display: none !important; }
body[data-page="blog"] .blog-card-img {
  --parallax-y: 0px;
  position: relative;
  height: 225px !important;
  min-height: 225px;
  overflow: hidden;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: #070506 !important;
  transform: translate3d(0,var(--parallax-y),0);
}
body[data-page="blog"] .blog-card-img svg,
body[data-page="blog"] .blog-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 650ms var(--ease); }
body[data-page="blog"] .blog-card:hover .blog-card-img svg,
body[data-page="blog"] .blog-card:hover .blog-card-img img { transform: scale(1.06); }
body[data-page="blog"] .blog-card-img-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to top, rgba(3,3,3,.82), transparent 70%) !important; }
body[data-page="blog"] .blog-card-body { display: flex !important; flex: 1; flex-direction: column; padding: 28px !important; }
body[data-page="blog"] .blog-card-meta { display: flex !important; justify-content: space-between !important; margin: 0 0 28px !important; }
body[data-page="blog"] .blog-card-tag { color: var(--acid) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .15em !important; }
body[data-page="blog"] .blog-card-date { color: var(--faint) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .1em !important; }
body[data-page="blog"] .blog-card-title { margin: 0 0 20px !important; color: var(--ink) !important; font-family: inherit !important; font-size: clamp(28px,2.7vw,45px) !important; font-weight: 920 !important; line-height: .98 !important; letter-spacing: -.05em !important; text-transform: uppercase; }
body[data-page="blog"] .blog-card-excerpt { color: var(--muted) !important; font-size: 12px !important; line-height: 1.68 !important; }
body[data-page="blog"] .blog-card-read { margin-top: auto !important; padding-top: 24px !important; border-top: 1px solid var(--line); color: var(--ink) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .14em !important; text-transform: uppercase; }
body[data-page="blog"] .blog-empty { display: none; grid-column: 1/-1; padding: 80px 20px; color: var(--muted); text-align: center; background: var(--bg); }
body[data-page="blog"] .blog-empty.is-visible { display: block; }

/* Long-form editorial pages. */
body[data-page="post"] .page-shell { width: min(100%, 1480px) !important; padding-top: calc(var(--header-h) + 54px) !important; }
body[data-page="post"] .blog-post-header {
  position: relative;
  max-width: 1180px !important;
  margin: 0 0 clamp(70px,9vw,130px) !important;
  padding: clamp(45px,7vw,90px) 0 clamp(55px,8vw,110px) !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
}
body[data-page="post"] .blog-post-header::after {
  content: "JOURNAL / FRITSCHFLIX";
  position: absolute;
  right: 0; bottom: 18px;
  color: var(--faint);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .2em;
}
body[data-page="post"] .blog-post-tag { margin: 0 0 28px !important; color: var(--acid) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .18em !important; text-transform: uppercase; }
body[data-page="post"] .blog-post-title {
  max-width: 1180px !important;
  margin: 0 0 40px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(54px,7.4vw,126px) !important;
  font-weight: 950 !important;
  line-height: .83 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase;
  text-wrap: balance;
}
body[data-page="post"] .blog-post-meta { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 22px !important; color: var(--muted) !important; font-size: 10px !important; }
body[data-page="post"] .blog-post-avatar { display: grid !important; place-items: center; width: 42px !important; height: 42px !important; border: 1px solid var(--line-strong) !important; border-radius: 0 !important; color: var(--acid) !important; background: transparent !important; font-family: inherit !important; font-size: 10px !important; font-weight: 900 !important; }
body[data-page="post"] .blog-post-author-name { color: var(--ink) !important; font-family: inherit !important; font-size: 11px !important; font-weight: 800 !important; }
body[data-page="post"] .blog-post-date,
body[data-page="post"] .blog-post-read-time { color: var(--faint) !important; font-family: inherit !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: .12em !important; text-transform: uppercase; }
body[data-page="post"] .blog-post-content {
  position: relative;
  width: min(100%, 900px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 0 40px !important;
  color: #d1c9cb !important;
  font-family: inherit !important;
  font-size: clamp(16px,1.2vw,19px) !important;
  line-height: 1.9 !important;
}
body[data-page="post"] .blog-post-content::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: -70px;
  width: 1px;
  background: linear-gradient(var(--acid), var(--line) 12%, var(--line) 88%, transparent);
}
body[data-page="post"] .blog-post-content p { margin: 0 0 28px !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; }
body[data-page="post"] .blog-post-content > p:first-of-type { color: var(--ink) !important; font-size: clamp(20px,1.8vw,28px) !important; line-height: 1.55 !important; }
body[data-page="post"] .blog-post-content h2 {
  margin: clamp(75px,9vw,125px) 0 30px !important;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  color: var(--ink) !important;
  font-family: inherit !important;
  font-size: clamp(37px,4.5vw,70px) !important;
  font-weight: 930 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase;
  text-wrap: balance;
}
body[data-page="post"] .blog-post-content h3 { margin: 48px 0 18px !important; color: var(--ink) !important; font-family: inherit !important; font-size: clamp(25px,2.7vw,42px) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -.04em !important; }
body[data-page="post"] .blog-post-content ul,
body[data-page="post"] .blog-post-content ol { margin: 0 0 34px 1.2em !important; padding: 0 !important; list-style: revert !important; }
body[data-page="post"] .blog-post-content li { margin: 0 0 12px !important; padding-left: 7px !important; color: #c6bec0 !important; }
body[data-page="post"] .blog-post-content li::marker { color: var(--acid); font-weight: 900; }
body[data-page="post"] .blog-post-content a { color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--acid); text-underline-offset: 4px; }
body[data-page="post"] .blog-post-content figure {
  --parallax-y: 0px;
  position: relative;
  width: calc(100% + 18vw) !important;
  max-width: 1180px !important;
  margin: clamp(55px,8vw,100px) 0 clamp(60px,8vw,105px) 50% !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  background: #070506;
  transform: translate3d(-50%,var(--parallax-y),0);
}
body[data-page="post"] .blog-post-content figure img { width: 100% !important; height: auto !important; max-height: 690px; object-fit: cover !important; filter: saturate(.88) contrast(1.04); }
body[data-page="post"] .blog-post-content figcaption { padding: 14px 18px !important; border-top: 1px solid var(--line); color: var(--faint) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase; }
body[data-page="post"] .blog-post-content blockquote {
  position: relative;
  margin: clamp(55px,8vw,100px) 0 !important;
  padding: 42px 42px 42px 60px !important;
  border: 0 !important;
  border-left: 2px solid var(--acid) !important;
  color: var(--ink) !important;
  background: linear-gradient(90deg, rgba(var(--acid-rgb),.11), rgba(var(--acid-rgb),.015)) !important;
  font-family: inherit !important;
  font-size: clamp(23px,2.6vw,39px) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em;
}
body[data-page="post"] .blog-post-content table,
body[data-page="post"] .comparison-table,
body[data-page="post"] .article-table { width: 100% !important; margin: 45px 0 65px !important; border-collapse: collapse !important; border: 1px solid var(--line) !important; background: rgba(9,7,8,.94) !important; font-size: 12px !important; }
body[data-page="post"] .blog-post-content th,
body[data-page="post"] .blog-post-content td { padding: 16px !important; border: 1px solid var(--line) !important; color: var(--muted) !important; text-align: left !important; vertical-align: top; }
body[data-page="post"] .blog-post-content th { color: var(--ink) !important; background: rgba(var(--acid-rgb),.09) !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .1em !important; text-transform: uppercase; }
body[data-page="post"] .blog-cta-box {
  position: relative;
  margin: clamp(80px,10vw,140px) 0 45px !important;
  padding: clamp(36px,6vw,70px) !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(45,5,10,.88), rgba(8,7,7,.98)) !important;
}
body[data-page="post"] .blog-cta-box h3 { margin-top: 0 !important; font-size: clamp(36px,4.4vw,66px) !important; text-transform: uppercase; }
body[data-page="post"] .blog-cta-box p { color: var(--muted) !important; }

/* Google Business results block. */
.gbp-results {
  position: relative;
  margin: 0 0 clamp(80px,11vw,150px) !important;
  padding: clamp(34px,5vw,70px) !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  background: rgba(10,8,8,.95) !important;
}
.gbp-results img { border: 1px solid var(--line) !important; box-shadow: 0 30px 80px rgba(0,0,0,.38); }

/* Footer consistency when legacy styles are present. */
body[data-page]:not([data-page="home"]) > .footer {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 70px var(--pad) 36px !important;
  border: 0 !important;
  background: rgba(3,3,3,.9) !important;
  text-align: left !important;
}

/* Responsive interior layouts. */
@media (max-width: 1180px) {
  .site-header .desktop-nav { gap: 18px !important; }
  body[data-page="pricing"] .digital-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-page="service"] .svc-detail-hero { grid-template-columns: minmax(0,1fr) minmax(320px,.78fr) !important; gap: 48px !important; }
  body[data-page="service"] .svc-features-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-page="blog"] .blog-card { grid-column: span 6 !important; }
  body[data-page="blog"] .blog-card:nth-child(1) { grid-column: span 12 !important; }
}
@media (max-width: 920px) {
  .page-depth-object { right: -150px; opacity: .33; }
  .page-shell > .section-body { margin-left: 0 !important; }
  body[data-page="services"] .service-card,
  body[data-page="services"] .service-card:nth-child(n) { grid-column: span 6; }
  body[data-page="service"] .svc-detail-hero { grid-template-columns: 1fr !important; }
  body[data-page="service"] .svc-detail-hero::before { display: none; }
  body[data-page="service"] .svc-detail-visual { min-height: 420px !important; width: min(100%,680px) !important; }
  body[data-page="pricing"] .pricing-grid { grid-template-columns: 1fr !important; max-width: 720px; }
  body[data-page="pricing"] .price-card { min-height: 540px; }
  body[data-page="about"] .about-layout { grid-template-columns: 1fr !important; }
  body[data-page="about"] .about-visual { width: min(100%,620px); min-height: 620px; }
  body[data-page="about"] .about-visual img { min-height: 620px; }
  body[data-page="contact"] .contact-layout { grid-template-columns: 1fr !important; }
  body[data-page="contact"] .contact-layout > div:first-child { position: static; }
  body[data-page="blog"] .blog-card,
  body[data-page="blog"] .blog-card:nth-child(n) { grid-column: span 6 !important; }
  body[data-page="post"] .blog-post-content::before { left: -32px; }
}
@media (max-width: 680px) {
  body[data-page]:not([data-page="home"]) .interior-main::after { left: 18px; }
  .page-shell { padding: calc(var(--header-h) + 52px) 18px 110px !important; }
  .page-depth-object { top: 96px; right: -185px; width: 390px; opacity: .25; }
  .page-shell > .section-title,
  .pricing-section-head .section-title { font-size: clamp(52px,16.5vw,84px) !important; }
  .page-shell > .section-body { margin-bottom: 64px !important; font-size: 14px !important; }
  body[data-page="services"] .services-grid,
  body[data-page="blog"] .blog-grid { display: block !important; padding: 0 !important; background: transparent !important; }
  body[data-page="services"] .service-card,
  body[data-page="services"] .service-card:nth-child(n),
  body[data-page="blog"] .blog-card,
  body[data-page="blog"] .blog-card:nth-child(n) { width: 100%; min-height: 500px; margin-bottom: 1px; }
  body[data-page="services"] .service-img,
  body[data-page="blog"] .blog-card-img { height: 205px !important; min-height: 205px; }
  body[data-page="service"] .svc-detail-title { font-size: clamp(50px,15.5vw,78px) !important; }
  body[data-page="service"] .svc-detail-visual { min-height: 340px !important; transform: translate3d(0,var(--parallax-y),0); }
  body[data-page="service"] .svc-detail-visual svg { min-height: 320px; }
  body[data-page="service"] .svc-features-grid { grid-template-columns: 1fr !important; }
  body[data-page="service"] .svc-feature { min-height: 230px; }
  body[data-page="service"] .svc-why-box { grid-template-columns: 1fr !important; padding: 30px 22px !important; }
  body[data-page]:not([data-page="home"]) .proposal-cta-strip { grid-template-columns: 1fr !important; padding: 30px 22px !important; }
  body[data-page]:not([data-page="home"]) .proposal-cta-strip .btn-primary { width: 100%; }
  body[data-page="pricing"] .digital-grid { grid-template-columns: 1fr !important; }
  body[data-page="pricing"] .digital-card { min-height: 390px; }
  body[data-page="about"] .about-visual { min-height: 520px; }
  body[data-page="about"] .about-visual img { min-height: 520px; }
  body[data-page="about"] .team-grid { grid-template-columns: 1fr !important; }
  body[data-page="about"] .team-card { grid-template-columns: 88px 1fr !important; min-height: 360px; padding: 26px 20px !important; }
  body[data-page="about"] .team-avatar { width: 88px !important; height: 110px !important; }
  body[data-page="contact"] .form-row { grid-template-columns: 1fr !important; gap: 0 !important; }
  body[data-page="contact"] .contact-form { padding: 28px 20px !important; }
  body[data-page="post"] .blog-post-title { font-size: clamp(47px,14vw,76px) !important; }
  body[data-page="post"] .blog-post-content { font-size: 16px !important; }
  body[data-page="post"] .blog-post-content::before { display: none; }
  body[data-page="post"] .blog-post-content figure { width: calc(100% + 20px) !important; margin-left: 50% !important; }
  body[data-page="post"] .blog-post-content blockquote { padding: 30px 22px 30px 30px !important; }
  body[data-page="post"] .blog-post-content table,
  body[data-page="post"] .comparison-table,
  body[data-page="post"] .article-table { display: block !important; overflow-x: auto; white-space: nowrap; }
  body[data-page]:not([data-page="home"]) > .footer { grid-template-columns: 1fr !important; padding-inline: 18px !important; }
}

/* Final runtime guards. */
html,
body {
  max-width: 100%;
  overflow-x: clip !important;
}
@supports not (overflow: clip) {
  html,
  body { overflow-x: hidden !important; }
}
.form-status.is-success { color: var(--ink); }
body[data-page="contact"] #form-success.is-visible { display: block !important; }
@media (max-width: 920px) {
  .page-depth-object { position: fixed; }
}


/* BLOG ARTICLE IMPORT SUPPORT — 2026-07-13 */
body[data-page="post"] .blog-post-content h4 {
  margin: 36px 0 14px !important;
  color: var(--ink) !important;
  font-size: clamp(20px,2vw,30px) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}
body[data-page="post"] .blog-post-content .research-quote {
  padding: clamp(30px,5vw,52px) !important;
  padding-left: clamp(34px,6vw,66px) !important;
  color: #d1c9cb !important;
  font-size: clamp(16px,1.35vw,20px) !important;
  font-weight: 430 !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
}
body[data-page="post"] .blog-post-content .research-quote > strong:first-child {
  display: block;
  margin-bottom: 14px;
  color: var(--ink);
  font-size: clamp(20px,2vw,30px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.035em;
}
body[data-page="post"] .blog-post-content .cite-source {
  display: block;
  margin-top: 22px;
  color: var(--acid);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body[data-page="post"] .blog-post-content hr {
  margin: 60px 0;
  border: 0;
  border-top: 1px solid var(--line);
}
body[data-page="post"] .blog-post-content pre,
body[data-page="post"] .blog-post-content code {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.035);
  color: var(--ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
body[data-page="post"] .blog-post-content code { padding: .12em .35em; }
body[data-page="post"] .blog-post-content pre { margin: 34px 0; padding: 22px; overflow-x: auto; }
body[data-page="post"] .blog-post-content figure img {
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 68% 38%, rgba(var(--acid-rgb),.18), transparent 38%),
    linear-gradient(135deg, #160609, #080707 62%);
}