/* Brand tokens follow public/landing-iteration.css and marketing-shell.css. */
:root{--surface:#fff;--surface-muted:#f6f6f6;--surface-soft:#eeeeee;--voltr-green:#54d74d;--voltr-paper:#f8f7f3;--voltr-panel:#eeefea;--voltr-white:#fffefa;--voltr-ink:#10110f;--voltr-muted:#666a63;--voltr-line:#e2e3e0;--font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ui:'Instrument Sans',system-ui,sans-serif;--mono:'Geist Mono',monospace;--green:var(--voltr-green)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--surface);color:var(--voltr-ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:650;letter-spacing:-.067em;line-height:1.02}
h2{font-size:clamp(44px,5.2vw,68px)}
h1 em,h2 em{color:var(--voltr-green);font-family:var(--ui);font-weight:400;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img,video{display:block;max-width:100%}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--voltr-green);outline-offset:2px;box-shadow:0 0 0 2px var(--voltr-ink),0 0 0 5px var(--voltr-green)!important}
[hidden]{display:none!important}
::selection{background:var(--voltr-green);color:var(--voltr-ink)}
.wrap{width:min(1140px,calc(100% - 96px));margin-inline:auto}
.icon-definitions{position:absolute;overflow:hidden;pointer-events:none}
.icon{display:inline-block;flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:200;top:12px;left:12px;background:var(--voltr-ink);color:white;padding:12px 18px;border-radius:8px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.eyebrow{font-family:var(--mono);font-size:11px;line-height:1.5;font-weight:450;letter-spacing:.12em;color:var(--voltr-muted);text-transform:uppercase}
.status-dot{width:6px;height:6px;flex-shrink:0;display:inline-block;background:var(--voltr-green);border-radius:50%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:46px;padding:12px 20px;border-radius:9px;border:1px solid transparent;font-family:var(--ui);font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;transition:box-shadow .2s,transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-green{background:var(--voltr-green);color:var(--voltr-ink);box-shadow:0 1px 2px #3d2e251a,0 4px 14px #54d74d38}
.button-green:hover{background:var(--voltr-green);box-shadow:0 2px 6px #3d2e251a,0 9px 24px #54d74d4d}
.button .icon{width:18px;height:18px}
.text-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--ui);font-size:14px;font-weight:600}
.text-link>.icon{width:17px;height:17px;transition:transform .2s}
.text-link:hover>.icon{transform:translate(2px,-2px)}
.inline-play{width:29px;height:29px;display:grid;place-items:center;border:1px solid #10110f24;border-radius:50%}
.inline-play .icon{width:13px;height:13px;margin-left:1px}

/* Same floating navigation proportions as the homepage. */
.site-header{position:fixed;z-index:80;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),1200px);border:1px solid transparent;border-radius:18px;transition:background .22s,border-color .22s,box-shadow .22s}
.header-inner{display:flex;align-items:center;min-height:64px;padding:8px 12px 8px 18px;gap:30px}
.site-header.is-scrolled,.site-header.menu-open{border-color:#ffffffb8;background:#ffffffed;box-shadow:0 20px 54px -34px #10110f80,inset 0 1px 0 #ffffffdc;backdrop-filter:blur(22px) saturate(145%)}
.wordmark{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.wordmark img{width:30px;height:34px;object-fit:contain}
.wordmark span{font-size:19px;font-weight:600;letter-spacing:-.02em}
.header-nav{display:flex;justify-content:center;align-items:center;gap:28px;flex:1}
.header-nav a{padding-block:8px;font-family:var(--ui);font-size:13px;font-weight:640;color:#30332e;transition:color .2s}
.header-nav a:hover{color:var(--voltr-green)}
.header-cta{min-height:43px;padding:10px 17px;box-shadow:none}
.menu-toggle{display:none}

.film-dialog{padding:0;border:1px solid #ffffff29;border-radius:20px;width:min(830px,calc(100vw - 50px));height:min(740px,90svh);max-height:90svh;background:#10110f;color:white;overflow:hidden}
.film-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.film-dialog::backdrop{background:#10110fc7;backdrop-filter:blur(12px)}
.dialog-close{position:absolute;z-index:5;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff33;border-radius:50%;background:#10110fa6;color:white}
.dialog-close .icon{width:17px;height:17px}
.player-media{min-height:0;position:relative;background:#000;overflow:hidden}
.player-media video{width:100%;height:100%;object-fit:contain}
.video-error{position:absolute;bottom:75px;left:20px;right:20px;padding:18px;border:1px solid #ffffff33;border-radius:10px;background:#10110fe8;font-size:12px}
.video-error a{display:block;color:var(--voltr-green);text-decoration:underline;margin-top:8px}
.player-sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:67px 29px 30px;min-height:0}
.player-sidebar .eyebrow{font-size:10px;color:var(--voltr-green);letter-spacing:.065em}
.player-sidebar h2{font-size:33px;line-height:1.12;letter-spacing:-.05em;margin-top:24px}
.player-creator{font-size:13px;color:var(--voltr-line);margin-top:17px}
.player-kind{display:inline-block;margin-top:22px;border:1px solid #ffffff29;padding:7px 12px;border-radius:6px;font-size:10px;color:var(--voltr-line)}
.player-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;padding-bottom:20px}
.player-nav button{display:grid;place-items:center;border:1px solid #ffffff33;width:40px;height:40px;border-radius:50%;color:white;background:transparent}
.player-nav button:hover{background:#ffffff12}
.player-nav span{font-family:var(--mono);font-size:11px;color:var(--voltr-line)}
.player-cta{padding-top:26px;font-family:var(--ui);font-size:14px}
.player-cta p{color:var(--voltr-line)}
.player-cta a{display:flex;align-items:center;justify-content:space-between;color:var(--voltr-green);margin-top:10px}
.player-cta .icon{width:17px;height:17px}

/* Homepage footer. */
.footer.marketing-footer.conviction-footer{padding:58px 0 28px;background:#fff;color:#10110f;border-top:0}.footer .container{width:100%;max-width:1240px;padding-inline:32px;margin-inline:auto}.footer-inner{display:grid;grid-template-areas:"brand directory" "utility utility";grid-template-columns:minmax(190px,260px) minmax(540px,1fr);column-gap:clamp(42px,5vw,72px);row-gap:0;align-items:start}.footer-brand-block{grid-area:brand;max-width:340px}.footer-brand{display:inline-flex;align-items:center;gap:11px}.footer-brand img{width:37px;height:40px;object-fit:contain}.footer-brand span{font-family:var(--ui);font-size:28px;font-weight:700;letter-spacing:-.04em}.footer-directory{grid-area:directory;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,5vw,74px)}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0}.footer-links strong{font-family:var(--ui);font-size:12px;font-weight:750;letter-spacing:-.01em;margin-bottom:16px}.footer-links a{display:flex;align-items:center;min-height:31px;font-family:var(--ui);font-size:12px;line-height:1.35;color:#74776f;transition:color .18s}.footer-links a:hover{color:var(--voltr-green)}.footer-social-link{gap:8px}.footer-social-link svg{width:14px;height:14px;flex:0 0 14px;opacity:.62}.footer-copy{grid-area:utility;display:flex;width:100%;align-items:center;gap:18px;margin-top:40px;font-family:var(--ui);font-size:11px;color:#74776f}
/* Layout and artwork share the homepage's paper, ink, white, and Voltr green. */
.hero { padding-top:132px; overflow:hidden; }
.hero-copy { text-align:center; }
.hero-copy .eyebrow { display:flex; justify-content:center; align-items:center; gap:9px; margin-bottom:25px; }
.hero h1 { font-size:clamp(64px,7.2vw,96px); line-height:.99; letter-spacing:-.067em; }
.hero h1 em { line-height:1.12; }
.hero-description { margin:24px auto 0; max-width:680px; font:20px/1.5 var(--ui); letter-spacing:-.015em; color:var(--voltr-muted); }
.hero-actions { display:flex; justify-content:center; margin-top:27px; }
.collection { padding-top:62px; }
.collection-heading { margin-bottom:26px; }
.collection-heading h2 { font:550 26px/1.2 var(--ui); letter-spacing:-.035em; }
.film-grid { display:flex; gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:0; padding-block:4px 22px; scrollbar-width:thin; scrollbar-color:var(--voltr-ink) var(--voltr-line); cursor:grab; touch-action:pan-x pan-y; }
.film-grid::-webkit-scrollbar { height:4px; }
.film-grid::-webkit-scrollbar-track { border-radius:4px; background:var(--voltr-line); }
.film-grid::-webkit-scrollbar-thumb { border-radius:4px; background:var(--voltr-ink); }
.film-grid.is-dragging { cursor:grabbing; scroll-snap-type:none; }
.film-grid.is-dragging a { pointer-events:none; }
.film { flex:0 0 calc((100% - 54px)/4); min-width:0; scroll-snap-align:start; }
.film-poster { display:block; position:relative; isolation:isolate; overflow:hidden; aspect-ratio:9/13; border-radius:16px; background:var(--surface-soft); user-select:none; }
.film-poster>img,.film-poster>video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 36%; pointer-events:none; }
.motion-video { z-index:1; opacity:0; transition:opacity .3s; }
.motion-video.is-playing { opacity:1; }
.film-shade { position:absolute; inset:0; z-index:2; background:linear-gradient(transparent 62%,#0008); pointer-events:none; }
.play-disc { position:absolute; bottom:12px; right:12px; z-index:3; display:grid; place-items:center; width:36px; height:36px; border:1px solid #ffffffa6; background:#ffffff29; backdrop-filter:blur(12px); border-radius:50%; color:white; transition:background .2s; }
.play-disc .icon { display:block; width:16px; height:16px; margin:0; }
.film-poster:hover .play-disc { background:var(--voltr-green); border-color:var(--voltr-green); color:var(--voltr-ink); }
.film-poster:focus-visible { outline-offset:-5px; }
.film-duration { position:absolute; z-index:3; top:12px; right:12px; font:10px var(--mono); border-radius:5px; padding:4px 7px; background:#0006; color:white; }
.film-type { position:absolute; z-index:3; left:14px; bottom:21px; font:11px var(--ui); color:white; }
.film-caption { padding-top:14px; }
.film-caption h3 { font:600 17px/1.4 var(--ui); letter-spacing:-.025em; }
.film-caption p { font-size:12px; color:var(--voltr-muted); margin-top:4px; }
.brand-strip { display:flex; justify-content:center; padding-block:42px 60px; }
.brand-names { display:flex; align-items:center; justify-content:center; gap:55px; }
.brand-item { display:flex; align-items:center; gap:9px; font:21px var(--ui); color:var(--voltr-muted); white-space:nowrap; }
.brand-item img { width:30px; height:30px; object-fit:contain; filter:grayscale(1); }
.brand-item.celo img { width:80px; height:43px; filter:grayscale(1) brightness(.7); mix-blend-mode:multiply; }
.brand-item.chunky { font-size:23px; letter-spacing:-.06em; }
.section-intro { text-align:center; margin-bottom:48px; }
.section-intro .eyebrow { font-size:10px; margin-bottom:20px; }
.section-intro h2 { font-size:clamp(46px,4.7vw,65px); line-height:1.05; }
.section-intro>p:last-child:not(.eyebrow) { font:17px/1.6 var(--ui); color:var(--voltr-muted); margin:22px auto 0; max-width:650px; }

/* Reported totals; no invented time series. */
.impact-section { padding-block:86px;  }
.impact-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:20px; }
.revenue-card,.efficiency-card { min-width:0; padding:30px 32px 28px; background:var(--surface); border:1px solid var(--voltr-line); border-radius:20px; }
.chart-card-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.chart-card-head h3 { font:600 18px/1.4 var(--ui); letter-spacing:-.025em; }
.period-tag { font:11px var(--ui); white-space:nowrap; color:var(--voltr-muted); background:var(--surface-muted); padding:6px 9px; border-radius:6px; }
.revenue-chart { margin-top:34px; }
.revenue-row+.revenue-row { margin-top:28px; }
.revenue-label { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:13px; }
.revenue-label>span { display:flex; align-items:center; gap:9px; font:550 15px var(--ui); }
.revenue-label img { width:26px; height:26px; object-fit:contain; border-radius:50%; }
.revenue-label strong { font-size:40px; font-weight:550; letter-spacing:-.065em; line-height:1; }
.revenue-label strong>span { font-size:.7em; font-weight:400; color:var(--voltr-muted); }
.revenue-track { height:30px; border-radius:6px; background:var(--surface-muted); overflow:hidden; background-image:repeating-linear-gradient(90deg,transparent,transparent calc(33.333% - 1px),var(--voltr-line) calc(33.333% - 1px),var(--voltr-line) 33.333%); }
.revenue-fill { height:100%; border-radius:6px; transform-origin:left; background:var(--voltr-green); }
.revenue-fill-celo { width:53.333%; background:var(--voltr-ink); }
.chart-axis { display:flex; justify-content:space-between; font:10px var(--mono); color:var(--voltr-muted); padding-top:13px; }
.chart-caption { display:flex; align-items:center; gap:8px; font:12px var(--ui); color:var(--voltr-muted); margin-top:24px; }
.chart-key { width:7px; height:7px; background:var(--voltr-green); border-radius:50%; }
.efficiency-stat { display:flex; align-items:baseline; gap:14px; margin-top:24px; }
.efficiency-stat strong { font-size:66px; font-weight:550; letter-spacing:-.065em; line-height:1; }
.efficiency-stat strong span { font-size:.58em; letter-spacing:-.045em; }
.efficiency-stat p { font:17px var(--ui); color:var(--voltr-muted); }
.cpa-chart { height:191px; display:grid; grid-template-columns:86px 64px 86px; justify-content:center; align-items:end; gap:6px; margin-top:17px; }
.cpa-column { display:flex; flex-direction:column; align-items:center; gap:9px; }
.cpa-value { font:600 21px var(--ui); letter-spacing:-.025em; }
.cpa-bar { width:100%; border:1px solid var(--voltr-line); border-radius:8px 8px 2px 2px; transform-origin:bottom; }
.cpa-before { height:116px; background:repeating-linear-gradient(-45deg,var(--surface-soft),var(--surface-soft) 5px,var(--surface-muted) 5px,var(--surface-muted) 9px); }
.cpa-after { height:46.4px; background:var(--voltr-green); border-color:var(--voltr-green); }
.cpa-label { font:12px var(--ui); color:var(--voltr-muted); white-space:nowrap; }
.cpa-connector { width:64px; height:84px; margin-bottom:41px; }
.cpa-connector svg { display:block; width:64px; height:84px; fill:none; stroke:var(--voltr-green); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.is-visible .revenue-fill { animation:grow-bar 1.1s cubic-bezier(.2,.7,.2,1) both; }
.is-visible .cpa-bar { animation:grow-column .9s cubic-bezier(.22,1,.36,1) both; }
.is-visible .cpa-after { animation-delay:.18s; }
@keyframes grow-bar { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes grow-column { from { transform:scaleY(0); } to { transform:scaleY(1); } }

/* A real creator library, connected back to a single brand. */
.weld-story { display:grid; grid-template-columns:.95fr 1.2fr; gap:44px; margin-top:22px; padding:38px; border:1px solid var(--voltr-line); border-radius:20px; background:var(--surface); overflow:hidden; align-items:center; }
.weld-story-copy { padding:4px 0; }
.weld-story .eyebrow { display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:.09em; }
.weld-story .eyebrow img { width:28px; height:28px; }
.weld-story h3 { font-size:43px; line-height:1.06; letter-spacing:-.06em; margin-top:23px; }
.weld-story h3 em { font-family:var(--ui); font-weight:400; letter-spacing:-.02em; color:var(--voltr-green); }
.weld-story-dek { font:15px/1.65 var(--ui); color:var(--voltr-muted); margin-top:18px; max-width:365px; }
.weld-story blockquote { margin:25px 0 0; padding-top:0; font:450 20px/1.45 var(--ui); letter-spacing:-.02em; }
.weld-story-byline { display:flex; align-items:center; gap:10px; font:13px var(--ui); margin-top:17px; }
.weld-story-byline>img { width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.weld-story-byline span { color:var(--voltr-muted); display:block; margin-top:5px; font-size:11px; }
.weld-story .text-link { color:var(--voltr-green); font-size:13px; margin-top:24px; }
.creator-library { padding:20px; background:var(--surface-muted); border-radius:14px; min-width:0; }
.library-films { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.library-films>a { min-width:0; }
.library-film { position:relative; aspect-ratio:9/13; border-radius:10px; overflow:hidden; background:var(--surface-soft); }
.library-film>img,.library-film>video { width:100%; height:100%; object-fit:cover; object-position:center 30%; transition:transform .25s; }
.library-film>span { position:absolute; inset:auto 8px 8px auto; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#fff9; color:var(--voltr-ink); backdrop-filter:blur(8px); }
.library-film .icon { width:13px; height:13px; }
.library-films a:hover .library-film>img,.library-films a:hover .library-film>video { transform:scale(1.035); }
.library-films a:hover .library-film>span { background:var(--voltr-green); }
.library-films strong { display:block; font:600 13px var(--ui); margin-top:10px; }
.library-films small { display:block; font:11px/1.5 var(--ui); color:var(--voltr-muted); margin-top:2px; }
.library-routing { position:relative; height:72px; margin-top:12px; }
.library-routing>svg { width:100%; height:100%; fill:none; }
.routing-line,.routing-flow { vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; }
.routing-line { stroke:#54d74d35; stroke-width:1.5; }
.routing-flow { stroke:var(--voltr-green); stroke-width:1.5; stroke-dasharray:5 8; animation:route-flow 3s linear infinite; }
.library-routing>span { position:absolute; top:17px; left:50%; transform:translateX(-50%); display:grid; place-items:center; width:58px; height:58px; padding:3.5px; border:1.5px solid var(--voltr-green); border-radius:50%; background:var(--surface-muted); box-shadow:0 0 14px #54d74d1a; }
.library-routing img { width:48px; height:48px; object-fit:contain; border-radius:50%; }
.library-footer { padding-top:12px; text-align:center; }
.library-footer strong { display:block; font:550 12px/1.5 var(--ui); }
.library-footer>span { display:block; font:11px var(--ui); color:var(--voltr-muted); margin-top:4px; }
@keyframes route-flow { to{stroke-dashoffset:-52} }

/* The program is one story: people, creative, and the next round. */
.story-section { padding-block:88px; }
.program-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.program-step { min-width:0; }
.program-step-title { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.program-step-title>span { font:12px var(--ui); color:var(--voltr-muted); }
.program-step-title h3 { font:600 22px/1.25 var(--ui); letter-spacing:-.045em; }
.program-art { height:478px; padding:22px; background:var(--surface-muted); border-radius:18px; overflow:hidden; }
.asset-label { font:12px var(--ui); color:var(--voltr-muted); margin-bottom:13px; }
.program-person { display:flex; align-items:center; gap:10px; padding:10px 12px; background:white; border-radius:10px; }
.program-person+.program-person { margin-top:8px; }
.program-person>img { width:35px; height:35px; border-radius:50%; object-fit:cover; object-position:center 20%; }
.program-person strong { display:block; font:600 12px var(--ui); }
.program-person small { display:block; font:10px var(--ui); color:var(--voltr-muted); margin-top:3px; }
.program-person>.icon { width:15px; height:15px; margin-left:auto; color:var(--voltr-green); }
.program-brief { background:white; border-radius:11px; padding:19px; margin-top:19px; }
.program-brief header { display:flex; align-items:center; gap:7px; }
.program-brief header img { width:18px; height:22px; object-fit:contain; }
.program-brief header strong { font:600 11px var(--ui); }
.program-brief header small { font:9px var(--ui); color:var(--voltr-muted); margin-left:auto; }
.program-brief h4 { font:600 30px/1.15 var(--ui); letter-spacing:-.045em; margin:19px 0 10px; }
.program-brief h4 em { color:var(--voltr-green); font-weight:400; }
.program-brief>p { color:var(--voltr-muted); font:12px/1.5 var(--ui); }
.making-art { position:relative; padding:18px 22px; }
.program-editor { background:white; border-radius:12px; padding:11px; }
.program-editor header { display:flex; gap:8px; align-items:center; padding:0 0 11px; }
.creator-avatar img { width:29px; height:29px; object-fit:cover; object-position:50% 18%; border-radius:50%; }
.program-editor header strong { display:block; font:600 12px var(--ui); }
.program-editor header small { display:block; font:10px var(--ui); color:var(--voltr-muted); margin-top:2px; }
.program-footage { position:relative; height:243px; border-radius:7px; overflow:hidden; }
.loop-video { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 30%; }
.program-footage video,.program-ad-footage video { object-position:center 12%; }
.story-frame-label { position:absolute; top:10px; left:10px; background:#10110f75; color:white; border-radius:4px; padding:5px 7px; font:9px var(--mono); }
.story-segments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:9px; }
.story-segment { border:1px solid transparent; background:white; border-radius:5px; padding:3px; min-width:0; }
.story-segment img { height:33px; width:100%; object-fit:cover; object-position:50% 36%; border-radius:3px; }
.story-segment span { display:block; font:10px var(--ui); color:var(--voltr-muted); margin-top:4px; }
.story-segment[aria-pressed="true"] { border-color:var(--voltr-green); }
.story-segment[aria-pressed="true"] span { color:var(--voltr-ink); }
.program-coaching { display:flex; align-items:center; gap:10px; margin:13px 0 0; padding:12px 14px; border-radius:10px; background:white; }
.program-coaching>img { width:20px; height:23px; object-fit:contain; }
.program-coaching small { display:block; font:9px var(--ui); color:var(--voltr-muted); }
.program-coaching strong { display:block; font:550 12px/1.5 var(--ui); }
.growth-art { padding:18px 22px; }
.program-ad { background:white; border-radius:12px; padding:11px; }
.program-ad header { display:flex; align-items:center; gap:7px; padding-bottom:10px; }
.program-ad header img { width:26px; height:26px; }
.program-ad header strong { display:block; font:600 11px var(--ui); }
.program-ad header small { display:block; font:9px var(--ui); margin-top:2px; color:var(--voltr-muted); }
.program-ad-footage { position:relative; height:195px; border-radius:7px; overflow:hidden; }
.program-ad-footage::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#10110f80); }
.program-ad-footage>span { position:absolute; left:13px; bottom:13px; z-index:1; font:550 26px/1.05 var(--ui); letter-spacing:-.04em; color:white; }
/* Quiet destination marks sit with the creative metadata. */
.program-channels { display:flex; align-items:center; gap:12px; margin-left:auto; padding-left:14px; flex-shrink:0; }
.program-channel { display:flex; align-items:center; justify-content:center; }
.program-ad .program-channel img { width:15px; height:18px; object-fit:contain; filter:brightness(0); opacity:.6; }
.program-ad .program-channel-meta img { width:23px; height:16px; }
.program-learning { position:relative; height:169px; max-width:300px; margin:10px auto 0; }
.learning-loop { position:absolute; width:100%; height:100%; object-fit:fill; }
.learning-node { position:absolute; display:flex; align-items:center; gap:6px; border-radius:7px; padding:7px 10px; background:white; }
.learning-node .icon { width:13px; height:13px; }
.learning-node strong { font:550 11px var(--ui); }
.learning-review { top:7px; left:50%; transform:translateX(-50%); }
.learning-learn { right:0; bottom:20px; }
.learning-refine { left:0; bottom:20px; }
.learning-brand { position:absolute; left:50%; top:49%; transform:translate(-50%,-50%); width:37px; height:37px; display:grid; place-items:center; border-radius:10px; background:white; }
.learning-brand img { width:22px; height:26px; object-fit:contain; }
.program-caption { font:15px/1.65 var(--ui); color:var(--voltr-muted); margin-top:20px; padding-inline:2px; }

/* Clear, comparable program options. */
.plans-section { padding-block:88px; background:white; }
.package-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.package-card { border:1px solid var(--voltr-line); border-radius:22px; padding:34px; min-width:0; background:white; }
.package-scale { border-color:var(--voltr-green); }
.package-card h3 { font:600 27px/1.2 var(--ui); letter-spacing:-.04em; }
.package-description { font:15px/1.5 var(--ui); color:var(--voltr-muted); margin-top:10px; }
.package-price { margin-top:28px; }
.package-price strong { display:block; font:600 54px/1 var(--font); letter-spacing:-.065em; }
.package-price p { max-width:36ch; margin-top:12px; font:15px/1.5 var(--ui); color:var(--voltr-muted); }
.package-card>.button { display:flex; justify-content:space-between; margin-top:25px; min-height:48px; box-shadow:none; }
.button-outline { background:white; border:1px solid var(--voltr-line); color:var(--voltr-ink); }
.button-outline:hover { background:var(--surface-muted); }
.package-output { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:32px; min-height:104px; }
.package-output strong { display:block; font:550 40px/1 var(--font); letter-spacing:-.06em; }
.package-output span { display:block; font:13px var(--ui); color:var(--voltr-muted); margin-top:8px; }
.package-films { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; width:134px; flex-shrink:0; }
.package-films img { width:100%; height:85px; border-radius:6px; object-fit:cover; object-position:50% 22%; }
.package-scale .package-films img { height:49px; }
.package-team { display:flex; align-items:center; gap:7px; font:13px var(--ui); margin-top:22px; color:var(--voltr-muted); }
.package-team .icon { width:15px; height:15px; color:var(--voltr-green); }
.package-delivery { display:flex; align-items:center; gap:8px; margin-top:12px; font:550 13px/1.5 var(--ui); }
.package-delivery img { width:17px; height:14px; object-fit:contain; flex-shrink:0; filter:brightness(0); opacity:.6; }

.package-included { display:grid; grid-template-columns:1fr 1.6fr; align-items:center; gap:30px; padding:34px 0 28px; }
.package-included h3 { font:600 23px/1.3 var(--ui); letter-spacing:-.035em; }
.package-included p { font:14px var(--ui); color:var(--voltr-muted); margin-top:7px; }
.package-included ul { display:grid; grid-template-columns:1fr 1fr; gap:17px 25px; list-style:none; margin:0; padding:0; }
.package-included li { display:flex; align-items:center; gap:9px; font:14px/1.5 var(--ui); color:var(--voltr-muted); }
.package-included .icon { width:15px; height:15px; color:var(--voltr-green); }
.package-terms { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0; }
.package-terms>div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-radius:10px; background:var(--surface-muted); padding:17px 20px; font:12px/1.5 var(--ui); }
.package-terms dt { font-weight:600; }
.package-terms dd { margin:0; color:var(--voltr-muted); }

.questions-section { padding-block:86px 88px; }
.questions-intro { text-align:center; margin-bottom:36px; }
.questions-intro .eyebrow { font-size:10px; margin-bottom:20px; }
.questions-intro h2 { font-size:55px; line-height:1.08; }
.questions-list { max-width:810px; margin-inline:auto; display:grid; gap:10px; }
.questions-list details { border:1px solid var(--voltr-line); border-radius:13px; background:var(--surface); }
.questions-list details.is-animating { overflow:hidden; }
.questions-list summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 24px; list-style:none; cursor:pointer; font:550 17px var(--ui); letter-spacing:-.015em; }
.questions-list summary::-webkit-details-marker { display:none; }
.question-toggle { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; background:var(--surface-muted); border-radius:50%; color:var(--voltr-ink); }
.question-toggle .icon { width:14px; height:14px; transition:transform .2s; }
.questions-list details[open] .question-toggle { background:var(--voltr-green); }
.questions-list details[open] .question-toggle .icon { transform:rotate(45deg); }
.question-answer { padding:0 78px 24px 24px; }
.question-answer p { font:15px/1.7 var(--ui); color:var(--voltr-muted); max-width:660px; }
.questions-contact { text-align:center; font:13px var(--ui); color:var(--voltr-muted); margin-top:28px; }
.questions-contact a { display:inline-flex; align-items:center; gap:8px; margin-left:5px; color:var(--voltr-green); font-weight:600; }
.questions-contact .icon { width:13px; height:13px; }

@media(max-width:1100px) {
  .wrap { width:calc(100% - 64px); }
  .weld-story { gap:28px; padding:30px; }
  .weld-story h3 { font-size:40px; }
}
@media(max-width:900px) {
  .film { flex-basis:calc((100% - 36px)/3); }
  .impact-grid { grid-template-columns:1.2fr 1fr; gap:16px; }
  .revenue-card,.efficiency-card { padding:25px 22px; }
  .chart-card-head { align-items:flex-start; flex-direction:column; gap:9px; }
  .revenue-label strong { font-size:34px; }
  .cpa-chart { grid-template-columns:minmax(0,64px) 64px minmax(0,64px); }
  .cpa-label { font-size:11px; }
  .efficiency-stat strong { font-size:60px; }
  .efficiency-stat p { font-size:14px; }
  .weld-story { grid-template-columns:1fr 1.1fr; gap:25px; padding:27px; }
  .weld-story h3 { font-size:36px; }
  .weld-story-dek { font-size:14px; }
  .weld-story blockquote { font-size:18px; }
  .creator-library { padding:15px; }
  .library-films { gap:7px; }
  .library-films small { font-size:10px; }
  .library-footer strong { font-size:11px; }
}
@media(max-width:800px) {
  .wrap { width:calc(100% - 48px); }
  .header-inner { gap:20px; padding-left:12px; }
  .header-nav { gap:20px; }
  .header-nav a { font-size:12px; }
  .header-cta { font-size:12px; gap:10px; padding-inline:13px; }
  .hero { padding-top:125px; }
  .hero h1 { font-size:70px; }
  .hero-description { font-size:18px; max-width:560px; }
  .desktop-break { display:none; }
  .section-intro h2 { font-size:50px; }
  .collection { padding-top:48px; }
  .collection-heading h2 { font-size:24px; }
  .brand-names { gap:35px; }
  .impact-section,.story-section,.plans-section { padding-block:70px; }
  .questions-section { padding-block:70px; }
  .footer .container { padding-inline:24px; }
  .footer-inner { grid-template-columns:170px minmax(0,1fr); column-gap:32px; }
  .footer-directory { gap:20px; }
}
@media(max-width:600px) {
  html { scroll-padding-top:88px; }
  .wrap { width:calc(100% - 40px); }
  .site-header { width:calc(100% - 20px); border-radius:14px; }
  .header-inner { height:64px; padding:8px 6px 8px 9px; gap:10px; }
  .wordmark img { width:27px; height:30px; }
  .wordmark span { font-size:19px; }
  .header-cta { margin-left:auto; font-size:12px; min-height:39px; padding:9px 12px; gap:8px; }
  .header-cta .icon { width:14px; height:14px; }
  .menu-toggle { display:grid; place-items:center; background:transparent; border:1px solid var(--voltr-line); border-radius:8px; width:39px; height:39px; padding:0; color:var(--voltr-ink); }
  .menu-toggle>.icon { width:17px; height:17px; }
  .menu-toggle>.icon:last-child { display:none; }
  .menu-open .menu-toggle>.icon:first-child { display:none; }
  .menu-open .menu-toggle>.icon:last-child { display:block; }
  .header-nav { display:none; position:absolute; left:0; right:0; top:69px; border:1px solid var(--voltr-line); border-radius:13px; background:var(--surface); box-shadow:0 14px 30px #10110f17; padding:8px; flex-direction:column; gap:0; align-items:stretch; }
  .menu-open .header-nav { display:flex; }
  .header-nav a { font-size:14px; padding:15px; }
  .hero { padding-top:109px; }
  .hero-copy .eyebrow { font-size:8px; letter-spacing:.1em; margin-bottom:24px; gap:7px; }
  .status-dot { width:5px; height:5px; }
  .hero h1 { font-size:clamp(43px,11.8vw,65px); line-height:1.03; }
  .hero h1 em { font-size:.9em; white-space:nowrap; line-height:1.18; }
  .hero-description { font-size:16px; line-height:1.6; max-width:355px; margin-top:22px; }
  .hero-actions { margin-top:25px; }
  .hero-actions .button { font-size:13px; min-height:45px; gap:11px; }
  .collection { padding-top:36px; }
  .collection-heading { margin-bottom:21px; }
  .collection-heading h2 { font-size:21px; max-width:260px; line-height:1.3; }
  .film-grid { gap:13px; padding-bottom:20px; }
  .film { flex-basis:82%; max-width:295px; }
  .film-poster { border-radius:13px; }
  .film-caption h3 { font-size:16px; }
  .film-caption p { font-size:11px; }
  .film-duration { font-size:9px; }
  .brand-strip { padding-block:30px 39px; }
  .brand-names { width:100%; justify-content:space-between; gap:12px; flex-wrap:wrap; }
  .brand-item { font-size:17px; gap:6px; }
  .brand-item img { width:24px; height:24px; }
  .brand-item.celo img { width:57px; height:32px; }
  .brand-item.chunky { font-size:19px; }
  .section-intro { margin-bottom:30px; }
  .section-intro .eyebrow { font-size:9px; margin-bottom:18px; letter-spacing:.08em; }
  .section-intro h2 { font-size:39px; line-height:1.08; }
  .section-intro>p:last-child:not(.eyebrow) { font-size:15px; line-height:1.6; margin-top:18px; }
  .impact-section,.story-section,.plans-section { padding-block:55px; }
  .impact-grid { grid-template-columns:1fr; gap:15px; }
  .revenue-card,.efficiency-card { padding:25px; border-radius:16px; }
  .chart-card-head { flex-direction:row; align-items:center; gap:12px; }
  .chart-card-head h3 { font-size:17px; }
  .period-tag { font-size:9px; }
  .revenue-label>span { font-size:14px; }
  .revenue-label strong { font-size:36px; }
  .chart-axis { font-size:9px; }
  .chart-caption { font-size:11px; }
  .efficiency-stat strong { font-size:67px; }
  .efficiency-stat p { font-size:17px; }
  .cpa-chart { grid-template-columns:80px 64px 80px; height:183px; }
  .cpa-label { font-size:12px; }
  .weld-story { grid-template-columns:1fr; gap:27px; padding:26px; border-radius:16px; margin-top:16px; }
  .weld-story h3 { font-size:39px; }
  .weld-story h3 em { font-size:.95em; }
  .weld-story-dek { font-size:15px; }
  .weld-story blockquote { font-size:19px; margin-top:22px; padding-top:20px; }
  .creator-library { margin-inline:-8px; padding:14px; }
  .library-film { aspect-ratio:9/16; }
  .library-films small { font-size:9px; }
  .library-films strong { font-size:12px; }
  .library-film>span { width:24px; height:24px; bottom:6px; right:6px; }
  .library-footer strong { font-size:11px; }
  .questions-section { padding-block:57px; }
  .questions-intro { margin-bottom:28px; }
  .questions-intro .eyebrow { font-size:9px; }
  .questions-intro h2 { font-size:42px; }
  .questions-list { gap:9px; }
  .questions-list summary { padding:18px; font-size:16px; line-height:1.45; gap:16px; min-height:72px; }
  .question-toggle { width:25px; height:25px; }
  .question-answer { padding:0 22px 23px 18px; }
  .question-answer p { font-size:14px; }
  .questions-contact { font-size:12px; line-height:1.8; max-width:240px; margin-inline:auto; }
  .questions-contact a { font-size:13px; white-space:nowrap; }
  .footer.marketing-footer.conviction-footer { padding:48px 0 24px; }
  .footer .container { padding-inline:20px; }
  .footer-inner { grid-template-areas:"brand" "directory" "utility"; grid-template-columns:1fr; gap:0; }
  .footer-directory { margin-top:30px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
  .footer-links strong { margin-bottom:10px; }
  .footer-links a { min-height:29px; }
  .footer-legal-links { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
  .footer-legal-links strong { grid-column:1/-1; }
  .footer-copy { margin-top:30px; padding-top:20px; border-top:1px solid var(--voltr-line); white-space:normal; }
  .film-dialog { width:calc(100vw - 26px); height:fit-content; max-height:94svh; border-radius:16px; overflow:auto; }
  .film-dialog[open] { display:flex; flex-direction:column; }
  .player-media { height:64svh; max-height:600px; flex-shrink:0; }
  .player-sidebar { padding:16px 18px 13px; flex-direction:row; align-items:center; gap:20px; }
  .player-sidebar>div:first-child { flex:1; }
  .player-sidebar .eyebrow { font-size:8px; }
  .player-sidebar h2 { font-size:17px; margin-top:8px; line-height:1.25; letter-spacing:-.035em; }
  .player-creator { font-size:10px; margin-top:5px; }
  .player-kind,.player-cta { display:none; }
  .player-nav { padding:0; gap:8px; flex-wrap:wrap; width:92px; border:0; justify-content:space-between; }
  .player-nav span { order:3; width:100%; text-align:center; font-size:8px; margin-top:2px; }
  .dialog-close { top:10px; right:10px; }
}
@media(max-width:360px) {
  .hero h1 { font-size:38px; }
  .hero-description { font-size:15px; }
  .brand-names { justify-content:center; gap:20px 27px; }
  .section-intro h2 { font-size:34px; }
  .revenue-card,.efficiency-card { padding:22px 20px; }
  .chart-card-head h3 { font-size:15px; }
  .period-tag { font-size:8px; padding:5px 7px; }
  .revenue-label>span { font-size:12px; }
  .revenue-label strong { font-size:33px; }
  .cpa-chart { grid-template-columns:70px 64px 70px; }
  .weld-story { padding:22px; }
  .weld-story h3 { font-size:35px; }
  .creator-library { margin-inline:-10px; padding:11px; }
  .library-films small { font-size:8px; }
  .library-footer strong { font-size:10px; }
  .story-segment>span { font-size:9px; }
  .questions-intro h2 { font-size:37px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .button:hover { transform:none; }
}
/* A continuous, balanced rail. Native scrolling stays available without a scrollbar. */
.film-grid { width:100%; position:relative; display:flex; gap:18px; padding:0 32px 10px; margin:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:none; scroll-behavior:auto; scrollbar-width:none; cursor:grab; overscroll-behavior-x:contain; }
.film-grid::-webkit-scrollbar { display:none; }
.film { flex:0 0 264px; max-width:none; scroll-snap-align:none; }
.film-poster { aspect-ratio:9/13; }
.brand-item { color:#23241f; filter:grayscale(1); opacity:.62; }
.brand-item img { filter:none; }
.brand-item.hacku img { width:83px; height:31px; object-fit:contain; filter:brightness(0); }
.brand-item.celo img { filter:none; mix-blend-mode:multiply; }
.library-films>figure { margin:0; min-width:0; }
.library-film video { pointer-events:none; }
.weld-story blockquote { border:0; padding-top:0; }
.weld-story { align-items:center; gap:48px; }
.weld-story-copy { padding:0; }
.weld-story h3 { margin-top:21px; }
.weld-story-dek { margin-top:17px; }
.weld-story blockquote { margin-top:32px; font-size:21px; line-height:1.5; }
.weld-story-byline { margin-top:18px; }
.weld-story .text-link { margin-top:18px; }
.film-dialog { border:0; background:white; color:var(--voltr-ink); width:min(760px,calc(90svh * .5625 + 320px),calc(100vw - 48px)); height:min(780px,90svh); border-radius:20px; box-shadow:0 24px 100px #0003; }
.film-dialog[open] { grid-template-columns:minmax(0,1fr) 320px; }
.film-dialog::backdrop { background:#10110f85; backdrop-filter:blur(8px); }
.player-media { background:var(--surface-muted); }
.dialog-close { background:white; color:var(--voltr-ink); border-color:var(--voltr-line); }
.dialog-close:hover { background:var(--surface-muted); }
.player-sidebar { background:white; padding:72px 30px 30px; gap:40px; overflow-y:auto; overscroll-behavior:contain; }
.player-sidebar .eyebrow { font:600 11px var(--ui); letter-spacing:.06em; color:var(--voltr-muted); }
.player-sidebar h2 { font:600 34px/1.1 var(--ui); letter-spacing:-.045em; margin-top:15px; }
.player-person { display:flex; align-items:center; gap:10px; margin-top:24px; }
.player-person>img { width:38px; height:38px; border-radius:50%; object-fit:cover; object-position:50% 20%; }
.player-person small { color:var(--voltr-muted); font:11px var(--ui); }
.player-creator { margin-top:2px; color:var(--voltr-ink); font:550 14px var(--ui); }
.player-kind { background:var(--surface-muted); border:0; color:var(--voltr-muted); font:11px var(--ui); margin-top:22px; padding:7px 10px; }
.player-nav { border:0; padding:0; }
.player-nav button { color:var(--voltr-ink); border-color:var(--voltr-line); }
.player-nav button:hover { background:var(--surface-muted); }
.player-nav span { font:12px var(--ui); color:var(--voltr-muted); }
.player-cta { padding-top:27px; }
.player-cta p { color:var(--voltr-muted); font:14px var(--ui); }
.player-cta a { color:var(--voltr-ink); margin-top:12px; font-size:13px; padding-inline:15px; box-shadow:none; }
.footer-copy { border-top:0; }
@media(min-width:1600px) { .film { flex-basis:282px; } .film-grid { padding-inline:40px; } }
@media(max-width:1100px) {
 .program-grid { gap:18px; }
 .program-art { padding-inline:16px; }
 .program-step-title h3 { font-size:20px; }
 .program-brief { padding:15px; }
 .program-brief h4 { font-size:29px; }
 .package-card { padding:29px; }
 .package-included { grid-template-columns:1fr 1.65fr; }
 .package-included li { font-size:13px; }
}
@media(max-width:900px) {
 .program-grid { grid-template-columns:1fr; gap:38px; }
 .program-step { display:grid; grid-template-columns:1fr 1.2fr; grid-template-rows:auto 1fr; column-gap:34px; }
 .program-step-title { grid-column:1; grid-row:1; display:block; margin-top:36px; }
 .program-step-title h3 { margin-top:15px; font-size:31px; }
 .program-art { grid-column:2; grid-row:1/3; width:100%; max-width:360px; justify-self:end; padding-inline:22px; }
 .program-caption { grid-column:1; grid-row:2; margin-top:0; }
 .program-brief h4 { font-size:32px; }
 .package-card h3 { font-size:25px; }
 .package-price strong { font-size:48px; }
 .package-output { flex-direction:column; align-items:start; gap:22px; }
 .package-films { height:103px; }
 .package-included { grid-template-columns:1fr; gap:24px; }
 .package-terms>div { align-items:start; flex-direction:column; gap:4px; }
}
@media(max-width:600px) {
 .film-grid { gap:14px; padding-inline:20px; }
 .film { flex-basis:244px; max-width:none; }
 .brand-item.hacku img { width:68px; height:27px; }
 .story-section,.plans-section { padding-block:58px; }
 .program-grid { gap:34px; }
 .program-step { display:flex; flex-direction:column; }
 .program-step-title { display:flex; margin:0 0 18px; gap:10px; }
 .program-step-title h3 { margin:0; font-size:24px; }
 .program-art { width:100%; max-width:none; height:478px; padding-inline:22px; }
 .program-caption { margin:17px 0 0; }
 .package-grid { grid-template-columns:1fr; gap:18px; }
 .package-card { padding:27px; border-radius:18px; }
 .package-card h3 { font-size:25px; }
 .package-price strong { font-size:49px; }
 .package-description { font-size:14px; }
 .package-output { flex-direction:row; align-items:center; gap:15px; }
 .package-output strong { font-size:35px; }
 .package-output span { font-size:12px; }
 .package-films { width:120px; height:auto; }
 .package-films img { height:85px; }
 .package-scale .package-films img { height:46px; }
 .package-included { padding-block:29px 24px; gap:22px; }
 .package-included h3 { font-size:23px; }
 .package-included ul { grid-template-columns:1fr; gap:13px; }
 .package-included li { font-size:14px; }
 .package-terms { grid-template-columns:1fr; gap:10px; }
 .package-terms>div { flex-direction:row; gap:5px 10px; }
 .film-dialog { width:calc(100vw - 24px); max-width:calc(100vw - 24px); height:fit-content; max-height:94svh; overflow:auto; }
 .film-dialog[open] { display:flex; flex-direction:column; }
 .player-media { height:min(65svh,620px); flex-shrink:0; }
 .player-sidebar { padding:18px; flex-direction:row; align-items:center; gap:15px; }
 .player-sidebar h2 { font-size:20px; margin-top:6px; }
 .player-sidebar .eyebrow { font-size:9px; }
 .player-person { margin-top:10px; gap:7px; }
 .player-person>img { width:27px; height:27px; }
 .player-person small { display:none; }
 .player-creator { font-size:12px; }
 .player-kind,.player-cta { display:none; }
 .player-nav { width:90px; gap:7px; }
 .player-nav span { font-size:10px; }
 .dialog-close { top:10px; right:10px; }
}
/* Short landscape screens keep the film controls within reach. */
@media(min-width:601px) and (max-height:600px) {
 .player-sidebar { padding:52px 22px 18px; gap:20px; }
 .player-sidebar h2 { font-size:24px; margin-top:8px; }
 .player-person { margin-top:12px; gap:8px; }
 .player-person>img { width:30px; height:30px; }
 .player-person small,.player-kind,.player-cta p { display:none; }
 .player-cta { padding-top:12px; }
 .player-cta a { margin-top:0; }
}
@media(max-width:360px) {
 .program-art { padding-inline:15px; }
 .program-step-title h3 { font-size:22px; }
 .program-brief h4 { font-size:29px; }
 .program-brief header strong { font-size:10px; }
 .package-card { padding:23px; }
 .package-films { width:97px; }
 .package-output strong { font-size:32px; }
 .package-output span { font-size:11px; }
 .package-output { gap:8px; }
 .package-price strong { font-size:45px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
}

@media(max-width:600px) { .weld-story-copy { padding:0; } .weld-story { gap:26px; } .weld-story blockquote { font-size:19px; margin-top:25px; } }

/* Shared inclusions read as one compact block beneath the plans. */
.package-details { width:min(100%,1000px); margin:28px auto 0; padding:26px 30px; border:1px solid var(--voltr-line); border-radius:16px; }
.package-included { grid-template-columns:1fr 2fr; padding:0; gap:32px; }
.package-included h3 { font-size:21px; }
.package-included p { font-size:13px; }
.package-included ul { gap:14px 26px; }
.package-included li { font-size:13px; }
.package-terms { display:flex; justify-content:center; flex-wrap:wrap; gap:12px 26px; margin-top:25px; }
.package-terms>div { flex-direction:row; align-items:baseline; padding:0; background:none; border-radius:0; gap:8px; font-size:11px; }
@media(max-width:900px) { .package-included { grid-template-columns:1fr; gap:20px; } .package-terms { justify-content:start; } }
@media(max-width:600px) { .package-details { padding:24px; margin-top:18px; } .package-included ul { grid-template-columns:1fr; } .package-terms { gap:13px; margin-top:22px; } .package-terms>div { display:block; line-height:1.6; } }

/* The centered collection caption follows the work. */
.collection-heading { margin:0 auto; padding-block:38px 18px; text-align:center; }
.collection-heading h2 { font-size:28px; }
.film-caption { display:flex; align-items:center; gap:10px; }
.chart-brand { display:flex; align-items:center; gap:9px; }
.chart-brand img { width:28px; height:28px; object-fit:contain; border-radius:50%; }
@media(max-width:600px) { .collection-heading { padding-block:29px 6px; } .collection-heading h2 { font-size:24px; max-width:330px; margin:auto; } }

@font-face { font-family:Caveat; src:url('/creator-program-assets/caveat-click-hint.ttf') format('truetype'); font-style:normal; font-weight:500; font-display:swap; }
.program-person>img,.creator-avatar img { object-position:center; }
.program-footage { height:220px; }
.story-click-hint { display:flex; justify-content:flex-end; align-items:center; gap:7px; margin:7px 5px 4px; height:22px; color:var(--voltr-ink); pointer-events:none; }
.story-click-hint span { font:500 24px/1 Caveat,cursive; transform:rotate(-5deg); }
.story-click-hint .icon { width:21px; height:21px; color:var(--voltr-ink); stroke-width:1.5; }
.story-segments { margin-top:0; gap:6px; }
.story-segment { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:9px 2px; border:1px solid var(--voltr-line); border-radius:7px; transition:border-color .15s; }
.story-segment>.icon { width:19px; height:19px; color:var(--voltr-muted); transition:color .18s,filter .18s; }
.story-segment span { font:600 13px/1 var(--ui); letter-spacing:0; margin:0; color:var(--voltr-ink); }
.story-segment:hover>.icon { color:var(--voltr-green); }
.story-segment[aria-pressed="true"] { background:white; border-color:var(--voltr-line); }
.story-segment[aria-pressed="true"]>.icon { color:var(--voltr-green); filter:drop-shadow(0 0 4px #54d74d45); }
.package-output .package-count { display:flex; align-items:baseline; gap:.07em; letter-spacing:0; }
.package-output .range-number,.package-output .range-dash { display:block; margin:0; color:inherit; font:inherit; letter-spacing:0; }
.package-output .range-dash { font-weight:400; }
/* Compensate for the leading 1 glyph’s open left edge after the range dash. */
.package-output .range-number:last-child { margin-left:-.08em; }
@media(min-width:901px) {
 .package-details { display:grid; grid-template-columns:1fr 2fr; column-gap:32px; row-gap:22px; }
 .package-included { display:contents; }
 .package-included>div { grid-row:1/3; }
 .package-included ul,.package-terms { grid-column:2; }
 .package-terms { margin-top:0; justify-content:start; gap:9px 20px; }
}

@media(max-width:360px) { .story-segment span { font-size:12px; } }

/* A single rhythm between major sections, with smaller intervals on narrow screens. */
:root { --section-gap:112px; --section-intro-gap:40px; }
.impact-section,.story-section,.plans-section,.questions-section { padding-block:0; margin-top:var(--section-gap); }
.section-intro,.questions-intro { margin-bottom:var(--section-intro-gap); }
.collection-heading { padding-bottom:0; }
.questions-section { margin-bottom:56px; }
@media(max-width:900px) { :root { --section-gap:80px; --section-intro-gap:36px; } }
@media(max-width:600px) { :root { --section-gap:64px; --section-intro-gap:32px; } .questions-section { margin-bottom:32px; } }

@media(min-width:601px) and (max-width:700px) { .program-brief h4 { font-size:26px; } }
