/* TVG creative direction: high-contrast editorial chapters, silver accents,
   and the client's own work. Interaction geometry and commercial copy stay intact. */
@font-face{font-family:'TVG Sans';src:url('/assets/fonts/inter-latin-variable.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
.tvg-creative{--creative-blue:#202020;--creative-blue-light:#dadada;--creative-black:#000000;--creative-white:#fff;--creative-gray:#dadada;--creative-rule:#505050;--creative-font:'TVG Sans',Arial,Helvetica,sans-serif;--creative-display:-apple-system,BlinkMacSystemFont,'TVG Sans',Arial,Helvetica,sans-serif;--paper:#fff;--ink:#000000;--muted:#dadada;--rule:#505050;font-family:var(--creative-font);background:var(--creative-black);color:#fff}
.tvg-creative ::selection{background:#202020;color:#fff}
.tvg-creative :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #dadada;outline-offset:5px;box-shadow:none}
.tvg-creative .header,.home-refined.tvg-creative .header{background:#000000;border-bottom:1px solid #505050}
.tvg-creative #main-nav,.home-refined.tvg-creative #main-nav{background:#000000;border-color:#505050}
.tvg-creative #main-nav :is(a,summary){font-family:var(--creative-font)}
.tvg-creative #main-nav>a:not(.nav-cta),.tvg-creative .products-menu summary{color:#fff}
.tvg-creative #main-nav .products-submenu{background:#000000;border-color:#505050}
.tvg-creative #main-nav .products-submenu a{color:#dadada}
.tvg-creative #main-nav .products-submenu a:hover{background:#202020;color:#fff}
.tvg-creative #main-nav .nav-cta{background:#202020;color:#fff;border-radius:0}
.tvg-creative .menu-toggle{border-color:#dadada;color:#fff}
/* The two live phone films remain stationary. The authentic VG mark is placed behind them. */
.home-refined.tvg-creative .hero-phones{background:#000000}
/* Neutral graphite depth, with the silver light centered behind the phone films.
   The top and lower edges fade to black so the header and calls to action stay crisp. */
.tvg-creative .hero-phones:before{background:linear-gradient(180deg,#000000 0%,#00000000 20%,#00000000 70%,#000000 100%),radial-gradient(ellipse 48% 62% at 75% 46%,#dadada36 0%,#dadada16 35%,#dadada00 76%),linear-gradient(115deg,#080808 10%,#202020 58%,#101010 100%)}
.tvg-creative .hero-phones:after{inset:0 0 0 61%;background:#202020;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);opacity:1;transform:none;mask-image:none}
.tvg-creative .hero-phones h1{font-family:var(--creative-display);font-size:clamp(46px,5.45vw,88px);font-weight:900;line-height:.96;letter-spacing:-.075em;text-transform:uppercase;color:#fff}
.tvg-creative .hero-phones h1 span{color:#fff}
.tvg-creative .hero-phones .phone-hero-bottom p{font-family:var(--creative-font);font-weight:500;color:#fff}
.tvg-creative .phone-hero-tagline .tagline-payoff{font-weight:800;color:#fff}
.tvg-creative .phone-hero-tagline .tagline-underline:after{height:2px;background:#dadada;opacity:1}
.tvg-creative .hero-phones .phone-hero-actions .button{border-radius:0;font-family:var(--creative-font);font-weight:700;letter-spacing:-.025em}
.tvg-creative .hero-phones .phone-hero-actions .primary{background:#202020;border-color:#202020;color:#fff}
.tvg-creative .hero-phones .phone-hero-actions .slide-outline{background:#000000;border-color:#dadada;color:#fff}
.tvg-creative .hero-phones .phone-hero-actions .button:hover{background:#fff;border-color:#fff;color:#000000}
.tvg-creative .phone-preview-label{color:#fff;font-family:var(--creative-font);font-size:10px}
/* Six services, treated as a numbered editorial index rather than a card wall. */
.home-refined.tvg-creative .service-overview{background:#fff;color:#000000}
.tvg-creative .service-overview-heading{padding-bottom:22px;margin-bottom:0;border-bottom:3px solid #000000}
.tvg-creative .service-overview :is(.service-eyebrow,.service-overview-heading>p,.service-link p,.service-overview-footer p){color:#dadada;font-family:var(--creative-font)}
.tvg-creative .service-overview .service-eyebrow{font-size:12px;font-weight:700;color:#202020}
.tvg-creative .service-overview h2{font-family:var(--creative-display);font-weight:850;font-size:clamp(40px,5.3vw,76px);line-height:.99;letter-spacing:-.065em}
.tvg-creative .service-overview h2 span{color:#202020}
.tvg-creative .service-overview-grid{gap:0 30px;counter-reset:services}
.tvg-creative .service-link{border-top:0;border-bottom:1px solid #505050;padding:19px 0 23px;position:relative}
.tvg-creative .service-symbol{gap:14px;margin-bottom:17px;align-items:center}
.tvg-creative .service-index{font:800 42px/.94 var(--creative-display);letter-spacing:-.07em;color:#000000}
.tvg-creative .service-icon{width:35px;height:35px;margin-left:auto;stroke-width:1.65;color:#202020}
.tvg-creative .service-arrow{display:none}
.tvg-creative .service-overview .service-link h3{font-family:var(--creative-display);font-size:clamp(20px,1.9vw,27px);font-weight:760;letter-spacing:-.045em;max-width:13ch;line-height:1.04;min-height:2.08em}
.tvg-creative .service-overview .service-link p{font-size:14px;line-height:1.55;max-width:31ch}
.tvg-creative .service-link:hover h3{color:#202020}
.tvg-creative .service-overview-footer{border:0;padding-top:20px;margin:0}
.tvg-creative .service-overview-footer a{background:#000000;color:#fff;border-radius:0;font-family:var(--creative-font);font-weight:700}
.tvg-creative .service-overview-footer a:hover{background:#202020}
/* Work retains authentic presentation pixels, with each identity given its color. */
.home-refined.tvg-creative #home-build.work-overview{background:#000000;color:#fff}
.tvg-creative .work-overview h2{font-family:var(--creative-display);font-weight:850;line-height:.99;letter-spacing:-.065em;font-size:clamp(39px,4.7vw,68px)}
.tvg-creative .work-overview h2 span{color:#fff}
.tvg-creative .work-overview .work-eyebrow{font-family:var(--creative-font);font-size:12px;font-weight:700;color:#dadada}
.tvg-creative .work-overview-heading>p{font-family:var(--creative-font);color:#dadada;font-size:16px}
.tvg-creative .work-preview{--work-accent:#1456ff;border-color:#505050}
.tvg-creative .work-preview:nth-child(2){--work-accent:#f20210}
.tvg-creative .work-preview-image{border:0;border-radius:0;border-bottom:5px solid var(--work-accent);background:#050505;height:clamp(170px,31dvh,310px)}
.tvg-creative .work-preview-image>span{background:#000000e6;color:#fff;font:10px/1.5 var(--creative-font)}
.tvg-creative .work-preview-copy>p{font-family:var(--creative-font);font-size:11px;font-weight:650;color:#dadada}
.tvg-creative .work-preview-copy h3{font-family:var(--creative-display);font-weight:800;letter-spacing:-.055em;color:#fff}
.tvg-creative .work-preview-copy h3>span{color:#fff}
.tvg-creative .work-preview-copy>span{font-family:var(--creative-font);color:#dadada}
.tvg-creative .work-preview-copy>strong{font-family:var(--creative-font);font-size:14px;font-weight:650;border-color:var(--work-accent);border-bottom-width:2px}
.tvg-creative .work-preview:hover .work-preview-copy>strong{color:#fff;background:var(--work-accent);padding-inline:10px}
.tvg-creative .work-overview-footer{border-color:#505050}
.tvg-creative .work-overview-footer p{color:#dadada;font-family:var(--creative-font)}
.tvg-creative .work-overview-footer a{font-family:var(--creative-font);font-weight:650}
/* A dark-gray process chapter creates a quiet break between black chapters. */
.home-refined.tvg-creative #home-grow.process-timeline{background:#202020;color:#fff}
.tvg-creative .timeline-intro h2{font-family:var(--creative-display);font-weight:850;letter-spacing:-.065em;line-height:.98}
.home-refined.tvg-creative .timeline-intro h2 span{color:#fff}
.tvg-creative .timeline-intro .eyebrow{font-family:var(--creative-font);font-size:12px;font-weight:700;color:#fff}
.home-refined.tvg-creative .timeline-intro>p:not(.eyebrow){font-family:var(--creative-font);color:#dadada}
.tvg-creative .timeline-intro .text-link{color:#fff;font-family:var(--creative-font);font-weight:650}
.tvg-creative .timeline-stage,.tvg-creative .timeline-stage:last-child{border-color:#ffffff80}
.tvg-creative .timeline-dot{border-radius:0;background:#202020;color:#fff;border-color:#fff;font-family:var(--creative-font);font-size:12px;font-weight:700}
.tvg-creative .timeline-stage.is-active .timeline-dot{background:#fff;color:#202020;border-color:#fff}
.home-refined.tvg-creative .timeline-label{font-family:var(--creative-font);color:#fff;font-size:11px;letter-spacing:.1em;font-weight:650}
.tvg-creative .timeline-stage h3{font-family:var(--creative-display);font-weight:760;color:#fff;letter-spacing:-.045em}
.home-refined.tvg-creative .timeline-stage p:not(.timeline-label){font-family:var(--creative-font);color:#dadada}
/* Actual people, dark-gray panels, large names. No portrait filters or substituted imagery. */
.home-refined.tvg-creative #about.people-preview{background:#fff;color:#000000}
.tvg-creative .people-preview h2{font-family:var(--creative-display);font-weight:850;letter-spacing:-.06em;line-height:1.01}
.tvg-creative .people-preview h2 span{color:#202020}
.tvg-creative .people-preview .eyebrow{font-family:var(--creative-font);font-size:12px;font-weight:700;color:#202020}
.tvg-creative .people-preview p:not(.eyebrow){font-family:var(--creative-font);color:#dadada;font-size:16px}
.tvg-creative .people-preview .text-link{font-family:var(--creative-font);font-size:14px;font-weight:700;color:#000000}
.tvg-creative .people-pictures figure{border-bottom:3px solid #000000;padding-bottom:15px}
.tvg-creative .people-pictures figure:last-child{border-color:#202020}
.tvg-creative .people-pictures img{border-radius:0}
.tvg-creative .people-pictures figcaption strong{font-family:var(--creative-display);font-weight:800;color:#000000;font-size:20px;letter-spacing:-.045em}
.tvg-creative .people-pictures figcaption span{font-family:var(--creative-font);color:#dadada;font-size:12px}
/* Three compact plans: large numerical hierarchy, crisp rules, one dark-gray panel. */
.home-refined.tvg-creative .plans-compact{background:#000000;color:#fff}
.tvg-creative .plans-compact .partnership-heading h2{font-family:var(--creative-display);font-weight:850;letter-spacing:-.065em;line-height:.98}
.tvg-creative .plans-compact .partnership-heading h2 span{color:#dadada}
.tvg-creative .plans-compact .partnership-heading>p{font-family:var(--creative-font);color:#dadada;font-size:16px}
.tvg-creative .plans-compact .partnership-heading .eyebrow{color:#fff;font-family:var(--creative-font);font-weight:700;font-size:12px}
.tvg-creative .plans-compact .plan-agreement{border-color:#505050}
.tvg-creative .plans-compact .plan-agreement :is(strong,span,a){font-family:var(--creative-font);color:#dadada;font-size:14px}
.tvg-creative .plans-compact .plan-agreement strong{color:#fff}
.tvg-creative .compact-plan-grid{gap:0;border:1px solid #505050}
.tvg-creative .plan-choice{background:#000000;color:#fff;border:0;border-right:1px solid #505050;border-radius:0;padding:25px 27px;box-shadow:none;transform:none}
.tvg-creative .plan-choice:last-child{border-right:0}
.tvg-creative .plan-choice:hover{background:#202020;transform:none}
.tvg-creative .plan-choice-featured,.tvg-creative .plan-choice-featured:hover{background:#202020;color:#fff}
.tvg-creative .plan-choice-top h3{font-family:var(--creative-display);font-weight:800;font-size:28px;letter-spacing:-.05em}
.tvg-creative .plan-choice-top>span{font-family:var(--creative-font);font-size:12px;color:#fff;opacity:1}
.tvg-creative .plan-choice-price strong{font-family:var(--creative-display);font-weight:850;letter-spacing:-.075em;font-size:clamp(49px,5vw,72px)}
.tvg-creative .plan-choice-price>span{font-family:var(--creative-font);font-size:14px}
.tvg-creative .plan-choice-copy h4{font-family:var(--creative-display);font-weight:750;font-size:18px}
.tvg-creative .plan-choice-copy p{font-family:var(--creative-font);color:#dadada;font-size:14px}
.tvg-creative .plan-choice-featured .plan-choice-copy p{color:#fff}
.tvg-creative .plan-choice-open{font-family:var(--creative-font);font-weight:650;font-size:14px;border-color:#505050}
.tvg-creative .plan-choice-featured .plan-choice-open{border-color:#ffffff75}
.tvg-creative .plans-compact .compact-plan-note{font-family:var(--creative-font);color:#dadada;font-size:12px}
.tvg-creative .project-invitation{background:#fff;color:#000000;border-bottom:1px solid #000000}
.tvg-creative .project-invitation .eyebrow{font-family:var(--creative-font);color:#202020;font-size:12px;font-weight:700}
.tvg-creative .project-invitation h2{font-family:var(--creative-display);font-weight:850;letter-spacing:-.065em;line-height:.99}
.tvg-creative .project-invitation h2>span{color:#202020}
.tvg-creative .project-invitation .button{background:#202020;color:#fff;border:0;border-radius:0;font-family:var(--creative-font);font-weight:700}
/* Dialog controls stay familiar. The original Spec and AS story content is retained. */
.tvg-creative .home-dialog{background:#000000;color:#fff;border-color:#505050;border-radius:0}
.tvg-creative .home-dialog::backdrop{background:#000000de}
.tvg-creative .dialog-heading{background:#000000;color:#fff;border-color:#505050}
.tvg-creative .dialog-heading p{color:#dadada;font-family:var(--creative-font);font-size:11px}
.tvg-creative .dialog-heading h2{font-family:var(--creative-display);font-weight:800;letter-spacing:-.05em}
.tvg-creative .dialog-close{border-radius:0;color:#fff;border-color:#dadada}
.tvg-creative .dialog-close:hover{background:#202020;border-color:#202020}
.tvg-creative .spec-dialog .spec-presentation{color:#fff}
.tvg-creative .spec-dialog .spec-presentation-arrow,.tvg-creative .story-swipe-controls button{border-color:#dadada;color:#fff}
.tvg-creative .spec-dialog .spec-presentation-arrow:hover:not([aria-disabled=true]),.tvg-creative .story-swipe-controls button:hover:not([aria-disabled=true]){background:#202020;color:#fff;border-color:#202020}
.tvg-creative .spec-dialog .spec-presentation-arrow[aria-disabled=true],.tvg-creative .story-swipe-controls button[aria-disabled=true]{border-color:#505050;color:#dadada}
.tvg-creative .story-dialog-caption p,.tvg-creative .automotive-story-disclosure p{font-family:var(--creative-font);color:#dadada;font-size:12px}
.tvg-creative .home-dialog :is(a,button,summary,[tabindex]):focus-visible{outline-color:#dadada}
.tvg-creative .plan-dialog{background:#fff;color:#000000;border-color:#dadada}
.tvg-creative .plan-dialog-price strong{font-family:var(--creative-display);font-weight:850;letter-spacing:-.07em}
.tvg-creative .plan-dialog :is(.plan-dialog-terms,.dialog-scope p,.scope-dialog-body p),.tvg-creative .plan-dialog-overview>p:not(.plan-dialog-price):not(.plan-dialog-terms){color:#dadada;font-family:var(--creative-font)}
.tvg-creative .plan-dialog :is(h3,.scope-commitment){color:#000000;font-family:var(--creative-display);font-weight:750}
.tvg-creative .plan-dialog .button{background:#202020;color:#fff;border-radius:0;font-family:var(--creative-font);font-size:14px;font-weight:700}
.tvg-creative .plan-dialog-inclusions li{font-family:var(--creative-font);color:#000000;border-color:#505050}
.tvg-creative .plan-dialog-inclusions li:before{color:#202020}
.tvg-creative .dialog-scope{border-color:#dadada}
.tvg-creative .plan-dialog :is(.plan-dialog-body,.scope-dialog-body) :is(a,button,[tabindex]):focus-visible{outline-color:#202020;box-shadow:none}
.tvg-creative :is(.service-overview,.people-preview,.project-invitation,.pd-story,.team-approach,.contact-section) :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:#202020}
/* Chapter navigation is still native scroll; only its visual language changes. */
.tvg-creative .journey-progress{background:#ffffff26}
.tvg-creative .journey-progress>span{background:#dadada}
.tvg-creative .journey-rail a:after{border-radius:0;width:4px;height:13px;background:#dadada;border:0;box-shadow:0 0 0 1px #000000}
.tvg-creative .journey-rail a[aria-current]:after{border-radius:0;width:4px;height:23px;background:#dadada;box-shadow:0 0 0 1px #fff}
.tvg-creative .journey-rail span{background:#000000;color:#fff;border-color:#dadada;font-family:var(--creative-font)}
/* Product pages: poster-like headings, generous negative space, dark-gray explanatory spreads. */
.product-studio.tvg-creative .pd-route-line{color:#dadada;border-color:#505050;font-size:12px}
.product-studio.tvg-creative .pd-hero-grid{padding-top:43px}
.product-studio.tvg-creative .pd-service{display:flex;align-items:center;gap:17px;font-family:var(--creative-font);font-size:12px;font-weight:700;color:#fff}
.product-studio.tvg-creative .pd-service:before{font:800 42px/.9 var(--creative-display);letter-spacing:-.065em;color:#dadada}
.product-websites.tvg-creative .pd-service:before{content:'01'}
.product-apps.tvg-creative .pd-service:before{content:'02'}
.product-builders.tvg-creative .pd-service:before{content:'03'}
.product-systems.tvg-creative .pd-service:before{content:'04'}
.product-displays.tvg-creative .pd-service:before{content:'05'}
.product-branding.tvg-creative .pd-service:before{content:'06'}
.product-studio.tvg-creative .pd-hero h1{font-family:var(--creative-display);font-weight:850;line-height:.98;letter-spacing:-.07em;color:#fff;font-size:clamp(49px,6.3vw,94px);text-wrap:balance}
.product-studio.tvg-creative .pd-hero h1 em{font-style:normal;color:#dadada}
.product-studio.tvg-creative .pd-intro{font-family:var(--creative-font);color:#dadada}
.product-studio.tvg-creative .pd-action{background:#202020;border-color:#202020;color:#fff;border-radius:0;font-family:var(--creative-font);font-size:15px;font-weight:700}
.product-studio.tvg-creative .pd-action:hover{background:#fff;border-color:#fff;color:#000000}
.product-studio.tvg-creative .pd-secondary{color:#dadada;font-family:var(--creative-font)}
.product-studio.tvg-creative .pd-hero .pd-scope{border-color:#505050}
.product-studio.tvg-creative .pd-hero .pd-scope>.pd-micro{color:#dadada;font-family:var(--creative-font);font-size:12px}
.product-studio.tvg-creative .pd-hero .pd-scope-list{font-family:var(--creative-font);color:#fff;font-weight:500}
.product-studio.tvg-creative .pd-hero .pd-scope-list span:before{color:#dadada}
.product-studio.tvg-creative .pd-story{background:#fff;color:#000000}
.product-studio.tvg-creative .pd-story-heading{border-bottom:3px solid #000000}
.product-studio.tvg-creative .pd-story-heading .pd-micro{font-family:var(--creative-font);font-weight:700;color:#202020;font-size:12px}
.product-studio.tvg-creative :is(.pd-story-heading h2,.pd-usecase-intro h2,.pd-work-copy h2,.pd-close h2){font-family:var(--creative-display);font-weight:850;letter-spacing:-.06em;line-height:1}
.product-studio.tvg-creative .pd-story-heading p:not(.pd-micro){font-family:var(--creative-font);color:#dadada}
.product-studio.tvg-creative .pd-principles{gap:38px}
.product-studio.tvg-creative .pd-principles .pd-number{font:800 48px/1 var(--creative-display);letter-spacing:-.065em;color:#202020}
.product-studio.tvg-creative .pd-principle-copy h3{font-family:var(--creative-display);font-weight:750;letter-spacing:-.045em}
.product-studio.tvg-creative .pd-principle-copy p{font-family:var(--creative-font);color:#dadada}
.product-studio.tvg-creative .pd-usecases{background:#000000;color:#fff}
.product-studio.tvg-creative .pd-usecase-intro>.pd-micro{font-family:var(--creative-font);color:#dadada;font-size:12px;font-weight:700}
.product-studio.tvg-creative .pd-accordion{border-color:#505050}
.product-studio.tvg-creative .pd-accordion details{border-color:#505050}
.product-studio.tvg-creative .pd-accordion summary{font-family:var(--creative-display);font-weight:700;letter-spacing:-.045em}
.product-studio.tvg-creative .pd-accordion summary:after{color:#dadada}
.product-studio.tvg-creative .pd-accordion details p,.product-studio.tvg-creative .pd-planning-note{font-family:var(--creative-font);color:#dadada}
.product-studio.tvg-creative .pd-work{background:#202020;color:#fff}
.product-studio.tvg-creative .pd-work-copy>p:not(.pd-micro){font-family:var(--creative-font);color:#dadada}
.product-studio.tvg-creative .pd-work-copy>.pd-micro{font-family:var(--creative-font);color:#dadada;font-size:12px;font-weight:700}
.product-studio.tvg-creative .pd-inline-link{color:#fff;font-family:var(--creative-font);font-weight:650}
.product-studio.tvg-creative .pd-close{background:#202020;color:#fff}
.product-studio.tvg-creative .pd-close .pd-micro{font-family:var(--creative-font);font-weight:700;font-size:12px;color:#fff}
.product-studio.tvg-creative .pd-close h2{max-width:15ch}
.product-studio.tvg-creative .pd-close-copy p{font-family:var(--creative-font);color:#fff}
.product-studio.tvg-creative .pd-close .pd-action{background:#fff;color:#000000;border-color:#fff}
.product-studio.tvg-creative .pd-close .pd-action:hover{background:#000000;color:#fff;border-color:#000000}
/* Partner portraits stay unaltered; the page composition carries the new direction. */
.partners-refined.tvg-creative{--team-paper:#fff;--team-muted:#dadada;--team-line:#505050;--team-accent:#dadada}
.partners-refined.tvg-creative :is(h1,h2,h3){font-family:var(--creative-display);font-weight:850;letter-spacing:-.065em}
.partners-refined.tvg-creative .team-intro h1{font-weight:850;line-height:.99}
.partners-refined.tvg-creative .team-intro h1 span{color:#dadada}
.partners-refined.tvg-creative .team-eyebrow{font-family:var(--creative-font);font-size:12px;font-weight:700;color:#dadada}
.partners-refined.tvg-creative .team-signal{border-radius:0;background:#202020}
.partners-refined.tvg-creative .team-intro-copy .team-intro-names{font-weight:700}
.partners-refined.tvg-creative .team-people{gap:46px}
.partners-refined.tvg-creative .team-person:nth-child(2){padding-top:62px}
.partners-refined.tvg-creative .team-photo{border-radius:0;background:#202020;border-bottom:5px solid #202020}
.partners-refined.tvg-creative .team-person h2{font-weight:850;letter-spacing:-.065em}
.partners-refined.tvg-creative .team-role{color:#dadada}
.partners-refined.tvg-creative .team-focus li{color:#dadada}
.partners-refined.tvg-creative .team-focus li:before{color:#dadada}
.partners-refined.tvg-creative .team-email-arrow{border-color:#dadada;color:#fff;border-radius:0}
.partners-refined.tvg-creative .team-email:hover .team-email-arrow{background:#202020;border-color:#202020;color:#fff}
.partners-refined.tvg-creative .team-approach{background:#fff;color:#000000}
.partners-refined.tvg-creative .team-approach .team-eyebrow{color:#202020}
.partners-refined.tvg-creative .team-approach-heading h2{font-weight:850;line-height:1}
.partners-refined.tvg-creative .team-approach h2 span{color:#202020}
.partners-refined.tvg-creative .team-approach-heading>p:not(.team-eyebrow),.partners-refined.tvg-creative .team-steps p{color:#dadada}
.partners-refined.tvg-creative .team-steps li{border-color:#505050}
.partners-refined.tvg-creative .team-step-number{font-family:var(--creative-display);font-size:24px;line-height:1.3;font-weight:800;color:#202020}
.partners-refined.tvg-creative .team-steps h3{font-weight:750;letter-spacing:-.045em}
.partners-refined.tvg-creative .team-next{background:#202020;color:#fff}
.partners-refined.tvg-creative .team-next h2{font-weight:850;line-height:.99}
.partners-refined.tvg-creative .team-next h2 span,.partners-refined.tvg-creative .team-next .team-eyebrow,.partners-refined.tvg-creative .team-next-copy p{color:#fff}
.partners-refined.tvg-creative .team-button{background:#fff;color:#000000;border-color:#fff;border-radius:0;font-weight:700}
.partners-refined.tvg-creative .team-button:hover{background:#000000;color:#fff;border-color:#000000}
/* Contact: an oversized editorial lead next to a clear, unboxed dark form. */
.contact-page.tvg-creative{background:#fff;color:#000000}
.contact-page.tvg-creative .contact-route{color:#dadada;border-color:#505050;font-size:12px}
.contact-page.tvg-creative .contact-route a{color:#000000}
.contact-page.tvg-creative .contact-section{color:#000000}
.contact-page.tvg-creative .eyebrow{color:#202020;font-family:var(--creative-font);font-size:12px;font-weight:700}
.contact-page.tvg-creative h1{font-family:var(--creative-display);font-weight:850;line-height:.96;letter-spacing:-.075em;color:#000000}
.contact-page.tvg-creative h1 span{color:#202020}
.contact-page.tvg-creative .contact-intro{color:#dadada}
.contact-page.tvg-creative .contact-next{border-top:3px solid #000000}
.contact-page.tvg-creative .contact-next>span{color:#202020;font-size:12px;font-weight:700}
.contact-page.tvg-creative .contact-next p{color:#dadada}
.contact-page.tvg-creative .contact-email{color:#000000;font-size:14px}
.contact-page.tvg-creative #project-form{color:#000000;border-top:3px solid #000000;padding-top:23px}
.contact-page.tvg-creative #project-form label{color:#000000;font-weight:700;font-size:14px}
.contact-page.tvg-creative #project-form :is(input,select,textarea){border:0;border-bottom:1px solid #dadada;border-radius:0;background:#202020;color:#000000;font-family:var(--creative-font);padding:14px 12px}
.contact-page.tvg-creative #project-form :is(input,select,textarea):focus{outline:2px solid #202020;outline-offset:2px;border-color:#202020}
.contact-page.tvg-creative #project-form input::placeholder,.contact-page.tvg-creative #project-form textarea::placeholder{color:#dadada}
.contact-page.tvg-creative #project-form .optional{color:#dadada}
.contact-page.tvg-creative #project-form .contact-options{border-color:#505050}
.contact-page.tvg-creative .contact-options summary{color:#dadada}
.contact-page.tvg-creative #project-form .button{background:#202020;color:#fff;border-color:#202020;border-radius:0;font-family:var(--creative-font);font-size:15px;font-weight:700}
.contact-page.tvg-creative #project-form .button:hover{background:#000000;border-color:#000000}
.contact-page.tvg-creative #project-form .form-note,.contact-page.tvg-creative #form-status{color:#dadada}
.contact-page.tvg-creative #form-status{border-color:#505050;background:#202020}
.contact-page.tvg-creative #project-form .form-note a,.contact-page.tvg-creative #form-status a{color:#202020}
/* A broad type-led footer concludes each route without another card surface. */
.tvg-creative .tvg-footer{background:#000000;color:#fff;border-top:1px solid #505050;font-family:var(--creative-font)}
.tvg-creative .tvg-footer .tvg-footer-top{border-color:#505050;align-items:flex-end}
.tvg-creative .tvg-footer .tvg-footer-statement{font:800 clamp(25px,3.2vw,46px)/.98 var(--creative-display);letter-spacing:-.055em;color:#fff}
.tvg-creative .tvg-footer .tvg-footer-label{font-family:var(--creative-font);color:#dadada;font-weight:700;font-size:12px}
.tvg-creative .tvg-footer a,.product-studio.tvg-creative .tvg-footer a{color:#dadada}
.tvg-creative .tvg-footer a:hover,.product-studio.tvg-creative .tvg-footer a:hover{color:#fff}
.tvg-creative .tvg-footer .tvg-footer-project,.product-studio.tvg-creative .tvg-footer .tvg-footer-project{color:#fff;border-color:#202020;border-bottom-width:3px;font-family:var(--creative-display);font-size:29px;font-weight:800;letter-spacing:-.055em}
.tvg-creative .tvg-footer .tvg-footer-bottom{border-color:#505050;color:#dadada}
/* Existing standalone story route shares neutral chrome only. */
.story-page.tvg-creative .story-page-heading,.story-page.tvg-creative .story-page-footer{background:#000000;border-color:#505050;color:#fff}
.story-page.tvg-creative .story-page-heading :is(a,span),.story-page.tvg-creative .story-static p{color:#dadada}
@media(min-width:1101px){.tvg-creative .hero-phones .phone-hero-title{max-width:62%}}
@media(max-width:1100px){
 .tvg-creative .hero-phones h1{font-size:clamp(43px,7.2vw,73px)}
 .tvg-creative .hero-phones:after{inset:12% -4% 5% 59%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
 .tvg-creative .plan-choice{padding:22px 19px}
 .tvg-creative .plan-choice-price strong{font-size:53px}
 .product-studio.tvg-creative .pd-hero-grid{padding-top:35px}
}
@media(max-width:800px){.partners-refined.tvg-creative .team-person:nth-child(2){padding-top:34px}}
@media(max-width:700px){
 .tvg-creative .hero-phones h1{font-size:clamp(31px,10.25vw,67px);line-height:.98;letter-spacing:-.07em}
 .tvg-creative .hero-phones:after{inset:22% -12% 18% 59%}
 .tvg-creative .hero-phones .phone-hero-actions .button{border-radius:0}
 .tvg-creative .phone-preview-label{font-size:9px}
 .tvg-creative .service-overview-heading{padding-bottom:20px}
 .tvg-creative .service-overview h2{font-size:clamp(37px,10vw,60px)}
 .tvg-creative .service-overview .service-eyebrow{font-size:11px}
 .tvg-creative .service-overview-grid{column-gap:22px}
 .tvg-creative .service-link{padding-block:16px 18px}
 .tvg-creative .service-symbol{margin-bottom:13px}
 .tvg-creative .service-index{font-size:34px}
 .tvg-creative .service-icon{width:30px;height:30px}
 .tvg-creative .service-overview .service-link h3{font-size:20px;min-height:2.08em;line-height:1.07}
 .tvg-creative .service-overview .service-link p{font-size:13px;line-height:1.5}
 .tvg-creative .service-overview-footer p{font-size:13px}
 .tvg-creative .work-overview h2{font-size:clamp(35px,9.2vw,50px)}
 .tvg-creative .work-overview .work-eyebrow{font-size:11px}
 .tvg-creative .work-overview-heading>p{font-size:14px}
 .tvg-creative .work-preview{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding-top:16px}
 .tvg-creative .work-preview-image{height:156px;border-bottom-width:4px}
 .tvg-creative .work-preview-image>span{font-size:8px}
 .tvg-creative .work-preview-copy>p{font-size:9px;line-height:1.45;letter-spacing:.035em}
 .tvg-creative .work-preview-copy h3{font-size:23px;line-height:1.04}
 .tvg-creative .work-preview-copy>span{font-size:13px}
 .tvg-creative .work-preview-copy>strong{font-size:12px}
 .tvg-creative .timeline-intro h2{font-size:43px}
 .home-refined.tvg-creative .timeline-label{font-size:10px}
 .tvg-creative .timeline-intro .eyebrow{font-size:11px}
 .tvg-creative .timeline-stage h3{font-size:24px}
 .tvg-creative .people-preview h2{font-size:38px}
 .tvg-creative .people-preview .eyebrow{font-size:11px}
 .tvg-creative .people-pictures figcaption strong{font-size:18px}
 .tvg-creative .plans-compact .partnership-heading h2{font-size:43px}
 .tvg-creative .plans-compact .partnership-heading .eyebrow{font-size:11px}
 .tvg-creative .plans-compact .partnership-heading>p{font-size:14px}
 .tvg-creative .plans-compact .plan-agreement :is(strong,span,a){font-size:12px}
 .tvg-creative .compact-plan-grid{gap:0}
 .tvg-creative .plan-choice{padding:18px 16px;border-right:0;border-bottom:1px solid #505050;gap:8px 15px}
 .tvg-creative .plan-choice:last-child{border-bottom:0}
 .tvg-creative .plan-choice-top h3{font-size:24px}
 .tvg-creative .plan-choice-price strong{font-size:36px}
 .tvg-creative .plan-choice-price>span{font-size:12px}
 .tvg-creative .plan-choice-copy p{font-size:12px;line-height:1.5}
 .tvg-creative .plan-choice-open{font-size:12px}
 .tvg-creative .project-invitation h2{font-size:clamp(34px,8.6vw,54px)}
 .tvg-creative .project-invitation .eyebrow{font-size:11px}
 .tvg-creative .dialog-heading p{font-size:10px}
 .product-studio.tvg-creative .pd-hero h1{font-size:clamp(42px,10.6vw,66px);letter-spacing:-.065em;line-height:1}
 .product-studio.tvg-creative .pd-hero-grid{padding-top:30px}
 .product-studio.tvg-creative .pd-route-line{font-size:11px}
 .product-studio.tvg-creative .pd-service:before{font-size:34px}
 .product-studio.tvg-creative .pd-principles li{grid-template-columns:43px minmax(0,1fr);gap:20px;border-color:#dadada}
 .product-studio.tvg-creative .pd-principles .pd-number{font-size:34px!important}
 .product-studio.tvg-creative .pd-story-heading{padding-bottom:26px}
 .product-studio.tvg-creative .pd-close h2{font-size:43px}
 .tvg-creative .tvg-footer .tvg-footer-top{align-items:flex-start}
 .tvg-creative .tvg-footer .tvg-footer-statement{font-size:34px;line-height:1}
 .tvg-creative .tvg-footer .tvg-footer-label{font-size:11px}
}
@media(max-width:600px){.partners-refined.tvg-creative .team-person:nth-child(2){padding-top:0}.partners-refined.tvg-creative .team-intro h1{font-size:clamp(43px,11.4vw,67px)}.contact-page.tvg-creative h1{font-size:clamp(51px,12.8vw,76px)}}
@media(max-width:370px){
 .tvg-creative .service-overview .service-link h3{font-size:18px}
 .tvg-creative .service-overview-grid{column-gap:17px}
 .tvg-creative .work-preview{gap:12px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .tvg-creative .work-preview-copy h3{font-size:21px}
 .tvg-creative .plan-choice{padding:16px 12px;gap:8px 10px}
 .tvg-creative .plan-choice-price strong{font-size:33px}
 .tvg-creative .plan-choice-open{font-size:11px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.tvg-creative .work-preview:hover .work-preview-copy>strong{padding-inline:0}}
@media(forced-colors:active){
 .tvg-creative .hero-phones:after{display:none}
 .tvg-creative :is(a,button,summary,input,select,textarea):focus-visible{outline-color:Highlight}
 .tvg-creative :is(.plan-choice,.dialog-close,.service-link,.work-preview-image){border-color:CanvasText}
 .tvg-creative .journey-rail a:after,.tvg-creative .journey-rail a[aria-current]:after{background:CanvasText;box-shadow:none}
}
/* Neutralize the illustrative manager panel without altering the AS source imagery. */
.tvg-creative .as-story-manager{background:#202020ed}
.tvg-creative .as-manager-stats{border-color:#dadada66}
.tvg-creative .as-manager-stats strong>span,.tvg-creative .as-manager-stats div>span,.tvg-creative .as-manager-job div>span{color:#dadada}
.tvg-creative .as-manager-check{border-color:#f20210;color:#fff}

/* Selected Option D: black, dark gray, bright silver, ultra-white.
   This public-shell layer never recolors the client films, story artwork or example canvases. */
.tvg-creative{--creative-black:#000000;--creative-surface:#202020;--creative-silver:#dadada;--creative-white:#ffffff;--creative-rule:#505050;--bg:#000000;--surface:#202020;--text:#ffffff;--muted:#dadada;--line:#505050;--silver:#dadada;--ink:#ffffff;--paper:#202020;--rule:#505050;color-scheme:dark}
.tvg-creative ::selection{background:#dadada;color:#000000}
.tvg-creative #main-nav .nav-cta{background:#ffffff;color:#000000}
.tvg-creative #main-nav .nav-cta:hover{background:#dadada;color:#000000}
/* Screen blending removes the opaque screenshot’s black field without altering its pixels.
   Clip the unchanged, user-supplied image to its exact VG monogram.
   Source: 945 x 2048; window: x=246, y=306, width=400, height=464.
   The original pixels stay intact; no redraw, distortion, rotation or image-wide filter on the films. */
.tvg-creative .hero-phones:after{display:none}
.tvg-creative .hero-vg-mark{position:absolute;z-index:0;left:48%;top:49%;width:min(57vw,calc((100svh - 100px)*.81),790px);aspect-ratio:400/464;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none;opacity:.13;filter:brightness(.854902);mix-blend-mode:screen;user-select:none}
.tvg-creative .hero-vg-mark img{display:block;position:absolute;width:236.25%;height:auto;max-width:none;left:-61.5%;top:-65.9482758621%}
.tvg-creative .brand-home-control{display:none}
/* Keep the original logo visible and solid white on every homepage scene. */
.home-refined.tvg-creative .header .brand-full img{display:block;filter:brightness(0) invert(1)}
.tvg-creative .hero-phones .phone-hero-actions .primary{background:#ffffff;border-color:#ffffff;color:#000000}
.tvg-creative .hero-phones .phone-hero-actions .primary:hover{background:#dadada;border-color:#dadada;color:#000000}
.tvg-creative .phone-frame{border-color:#dadada;background:linear-gradient(105deg,#505050 0,#000000 3%,#202020 5%,#000000 10%,#000000 91%,#707070 96%,#000000 98%);box-shadow:inset 0 0 0 2px #000000,inset 0 0 0 4px #202020,inset 1px 0 0 5px #dadada,5px 7px 0 #202020,8px 12px 0 #000000,10px 14px 0 #505050,13px 20px 4px #000000,25px 32px 44px #000d}
.tvg-creative .phone-frame:before{background:#000000;box-shadow:inset 0 1px 3px #202020}
.tvg-creative .phone-frame:after{background:radial-gradient(circle at 40% 35%,#505050,#000000 75%);box-shadow:0 0 0 2px #000000}
/* The second chapter matches the approved dark-gray, silver and white study. */
.home-refined.tvg-creative .service-overview{background:#202020;color:#ffffff}
.tvg-creative .service-overview-heading{border-color:#dadada}
.tvg-creative .service-overview :is(.service-eyebrow,h2 span,.service-index,.service-icon){color:#dadada}
.tvg-creative .service-overview .service-link h3{color:#ffffff}
.tvg-creative .service-overview .service-link:hover h3{color:#dadada}
.tvg-creative .service-overview-footer a{background:#000000;border:1px solid #505050;color:#ffffff}
.tvg-creative .service-overview-footer a:hover{background:#dadada;color:#000000}
.home-refined.tvg-creative #about.people-preview,.tvg-creative .project-invitation{background:#202020;color:#ffffff}
.tvg-creative .people-preview :is(h2 span,.eyebrow),.tvg-creative .project-invitation :is(.eyebrow,h2>span){color:#dadada}
.tvg-creative .people-preview .text-link,.tvg-creative .people-pictures figcaption strong{color:#ffffff}
.tvg-creative .people-pictures figure,.tvg-creative .people-pictures figure:last-child{border-color:#dadada}
.tvg-creative .project-invitation .button{background:#ffffff;color:#000000}
.tvg-creative .project-invitation .button:hover{background:#dadada;color:#000000}
.tvg-creative .timeline-dot{border-color:#dadada}
.tvg-creative .timeline-stage.is-active .timeline-dot{background:#dadada;color:#000000;border-color:#dadada}
.tvg-creative .plan-choice-featured,.tvg-creative .plan-choice-featured:hover{background:#202020}
.tvg-creative .plan-choice-top>span,.tvg-creative .plan-choice-featured .plan-choice-copy p{color:#dadada}
.tvg-creative .plan-dialog{background:#202020;color:#ffffff;border-color:#505050}
.tvg-creative .plan-dialog :is(h3,.scope-commitment),.tvg-creative .plan-dialog-inclusions li{color:#ffffff}
.tvg-creative .plan-dialog-inclusions li:before{color:#dadada}
.tvg-creative .plan-dialog .button{background:#ffffff;color:#000000}
.tvg-creative .plan-dialog .button:hover{background:#dadada;color:#000000}
.tvg-creative .plan-dialog :is(.plan-dialog-body,.scope-dialog-body) :is(a,button,[tabindex]):focus-visible,
.tvg-creative :is(.service-overview,.people-preview,.project-invitation,.pd-story,.team-approach,.contact-section) :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:#dadada}
/* Matching public service, partner and contact routes. */
.product-studio.tvg-creative .pd-story{background:#202020;color:#ffffff}
.product-studio.tvg-creative .pd-story-heading{border-color:#dadada}
.product-studio.tvg-creative .pd-story-heading .pd-micro,.product-studio.tvg-creative .pd-principles .pd-number{color:#dadada}
.product-studio.tvg-creative .pd-action{background:#ffffff;border-color:#ffffff;color:#000000}
.product-studio.tvg-creative .pd-action:hover{background:#dadada;border-color:#dadada;color:#000000}
.partners-refined.tvg-creative{--team-paper:#ffffff;--team-muted:#dadada;--team-line:#505050;--team-accent:#dadada}
.partners-refined.tvg-creative .team-approach{background:#202020;color:#ffffff}
.partners-refined.tvg-creative .team-approach :is(.team-eyebrow,h2 span,.team-step-number){color:#dadada}
.partners-refined.tvg-creative .team-signal{background:#dadada}
.partners-refined.tvg-creative .team-photo{border-color:#dadada}
.contact-page.tvg-creative{background:#000000;color:#ffffff}
.contact-page.tvg-creative :is(.contact-route a,.contact-section,h1,.contact-email,#project-form),.contact-page.tvg-creative #project-form label{color:#ffffff}
.contact-page.tvg-creative :is(.eyebrow,h1 span,.contact-next>span){color:#dadada}
.contact-page.tvg-creative :is(.contact-next,#project-form){border-color:#dadada}
.contact-page.tvg-creative #project-form :is(input,select,textarea){background:#202020;color:#ffffff;border-color:#dadada}
.contact-page.tvg-creative #project-form :is(input,select,textarea):focus{outline-color:#dadada;border-color:#ffffff}
.contact-page.tvg-creative #project-form .button{background:#ffffff;border-color:#ffffff;color:#000000}
.contact-page.tvg-creative #project-form .button:hover{background:#dadada;border-color:#dadada;color:#000000}
.contact-page.tvg-creative #project-form .form-note a,.contact-page.tvg-creative #form-status a{color:#ffffff}
.tvg-creative .tvg-footer .tvg-footer-project,.product-studio.tvg-creative .tvg-footer .tvg-footer-project{border-color:#dadada}
/* Neutral playground frame. The fictional business canvases retain their own identities. */
body.pg-page.tvg-creative{background:#000000;color:#ffffff}
.tvg-creative .pg-page-header{border-color:#505050}
.tvg-creative .pg-page-header>span{color:#dadada;border-color:#505050}
.tvg-creative .pg-page-main>.pg-heading .pg-eyebrow,.tvg-creative .pg-page-main>.pg-heading>div>p:last-child{color:#dadada}
.tvg-creative .pg-page-main>.pg-heading .pg-eyebrow:before{background:#dadada}
.tvg-creative .pg-builder :is(.pg-builder-title>span,.pg-tools-heading,.pg-builder-note,.pg-reset){color:#dadada!important}
.tvg-creative .pg-businesses button{border-color:#505050}
.tvg-creative .pg-businesses button:hover{background:#202020}
.tvg-creative .pg-businesses button[aria-pressed=true]{background:#dadada;color:#000000;border-color:#dadada}
.tvg-creative .pg-businesses [aria-pressed=true]>.pg-selected-dot{background:#000000;border-color:#000000}
.tvg-creative .pg-builder .pg-selected-dot{border-color:#dadada}
.tvg-creative .pg-builder .pg-tool-check{border-color:#dadada;color:#dadada}
.tvg-creative .pg-tools [aria-pressed=true]>.pg-tool-check{background:#dadada;border-color:#dadada;color:#000000}
.tvg-creative .pg-build-brief,.tvg-creative .pg-experience,.tvg-creative .pg-perspective,.tvg-creative .pg-connection,.tvg-creative .pg-fallback{background:#202020;color:#ffffff;border-color:#505050}
.tvg-creative .pg-build-brief:hover{background:#000000}
.tvg-creative .pg-perspective>div{background:#000000}
.tvg-creative .pg-perspective button[aria-pressed=true]{background:#ffffff;color:#000000}
.tvg-creative .pg-demo-badge i{background:#dadada}
.tvg-creative .pg-connection i{background:#505050}
.tvg-creative .pg-connection>p{color:#dadada}
.tvg-creative :is(.pg-builder,.pg-perspective) :is(button,a):focus-visible{outline-color:#dadada;box-shadow:0 0 0 5px #000000}
.tvg-creative .pg-brief{background:#202020;color:#ffffff;border-color:#505050;--paper:#202020;--color:#ffffff}
.tvg-creative .pg-brief .pg-secondary{border-color:#dadada}
@media(max-width:1100px){
 .tvg-creative .hero-phones:before{background:linear-gradient(180deg,#000000 0%,#00000000 23%,#00000000 68%,#000000 100%),radial-gradient(ellipse 74% 48% at 52% 48%,#dadada36 0%,#dadada16 35%,#dadada00 78%),linear-gradient(150deg,#080808 8%,#202020 48%,#101010 100%)}
 .tvg-creative .hero-vg-mark{left:50%;top:50%;width:min(84vw,calc((100svh - 100px)*.71));opacity:.14}
}
@media(max-width:680px){
 .tvg-creative .hero-vg-mark{width:min(94vw,calc((100svh - 76px)*.75));top:49%;opacity:.16}
 .tvg-creative .phone-frame{box-shadow:inset 0 0 0 1px #000000,inset 0 0 0 2px #202020,inset 1px 0 0 3px #dadada,3px 4px 0 #202020,4px 7px 0 #000000,5px 8px 0 #505050,7px 12px 3px #000000,15px 22px 30px #000d}
}
@media(forced-colors:active){
 .tvg-creative .hero-vg-mark{display:none}
 .tvg-creative :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:Highlight}
 .tvg-creative :is(.service-overview,.people-preview,.project-invitation,.pd-story,.team-approach,.contact-section,.plan-dialog) :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:Highlight}
 .home-refined.tvg-creative.home-hero-active .brand-home-control{color:LinkText}
}
.contact-page.tvg-creative #project-form :is(input,select,textarea){color-scheme:dark}
@media(forced-colors:active){
 .contact-page.tvg-creative #project-form :is(input,select,textarea):focus,
 .tvg-creative .plan-dialog :is(.plan-dialog-body,.scope-dialog-body) :is(a,button,[tabindex]):focus-visible{outline-color:Highlight}
}

/* Evenly staggered original VG monogram repeat, gloss black over matte black. */
.home-refined.tvg-creative .hero-phones{background:#101011}
.home-refined.tvg-creative .hero-phones:before{background:linear-gradient(180deg,#0b0b0c 0%,#121213 48%,#0b0b0c 100%)}
.home-refined.tvg-creative .hero-phones:after{display:none}
.hero-vg-pattern{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;background-image:url('/assets/homepage/vg-gloss-pattern.svg');background-repeat:repeat;background-size:112px 128px}
@media(forced-colors:active){.hero-vg-pattern{display:none}}