.tvd-navigation { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.tvd-wordmark { color:#EDE4DC; font-size:20px; font-weight:800; line-height:1; letter-spacing:-.04em; }
.tvd-wordmark span { display:block; color:#F8B44D; font-size:10px; letter-spacing:.45em; margin-top:7px; }
.tvd-navigation nav { display:flex; gap:30px; }
.tvd-navigation nav a, .tvd-nav-contact { color:#EDE4DC; font-size:14px; }
.tvd-nav-contact { border:1px solid #3A1F2C; padding:10px 18px; border-radius:30px; }
.tvd-navigation a:focus-visible, .tvd-section a:focus-visible { outline:2px solid #FF6845; outline-offset:6px; }
.tvd-navigation a:hover { color:#F8B44D; }
.tvd-hero-positioning { max-width:460px; font-size:18px; line-height:1.4; color:#EDE4DC; margin-bottom:14px; }
.agency-intro-description { max-width:520px; }
.agency-intro .agency-service-label strong { font-size:clamp(24px, min(2.8vw, 4.8svh), 44px); }
.tvd-section { padding:clamp(65px,8vw,130px) 0; background:#150A11; color:#EDE4DC; scroll-margin-top:90px; }
.tvd-section h2, .tvd-section h3 { color:inherit; font-family:var(--tp-ff-inter); }
.tvd-section h2 { font-size:clamp(32px,4.2vw,64px); letter-spacing:-.045em; line-height:1.1; font-weight:500; }
.tvd-section h3 { font-size:clamp(24px,2.3vw,34px); line-height:1.2; letter-spacing:-.025em; font-weight:500; }
.tvd-section p { color:#B9A9A2; font-size:16px; line-height:1.8; }
.tvd-section .tvd-eyebrow { color:#F8B44D; font-size:clamp(0.8125rem, 0.78rem + 0.16vw, 0.875rem); letter-spacing:.15em; text-transform:uppercase; margin-bottom:24px; }
.tvd-surface { background:#1F0E18; }
.tvd-section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:clamp(30px,7vw,110px); margin-bottom:55px; }
.tvd-section-heading p { max-width:620px; }
.tvd-intro-statement { max-width:1160px; }
.tvd-intro-statement h2 { font-size:clamp(28px,3.1vw,48px); line-height:1.3; margin-bottom:30px; }
.tvd-text-link { color:#F8B44D; display:inline-flex; align-items:center; gap:26px; font-size:14px; }
.tvd-text-link:hover { color:#EDE4DC; }
.tvd-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tvd-service-card { display:flex; flex-direction:column; padding:clamp(26px,3.5vw,52px); border:1px solid #3A1F2C; border-radius:20px; background:#2A1420; scroll-margin-top:110px; transition:border-color .2s,background .2s; }
.tvd-service-card:hover { border-color:#FF6845; background:#2A1420; }
.tvd-card-number { display:block; color:#F8B44D; font-size:12px; letter-spacing:.1em; margin-bottom:35px; }
.tvd-service-card h3 { margin-bottom:20px; }
.tvd-service-card p { margin-bottom:25px; }
.tvd-service-card .tvd-text-link { margin-top:auto; }
.tvd-service-card:last-child { grid-column:1/-1; }
.tvd-service-card:last-child p { max-width:850px; }
#services.tvd-services-portfolio { background:#0D0509; }
.tvd-services-intro { padding-right:clamp(20px,4vw,70px); }
#services .tvd-services-accent { color:#FF6845; }
#services .tvd-services-lead { margin-bottom:32px; max-width:470px; }
#services .tvd-service-portfolio-card { color:#2A1420; padding:clamp(20px,3vw,32px); scroll-margin-top:115px; background:#F5EFE8; box-shadow:0 -10px 30px rgba(0, 0, 0, .16); overflow-wrap:break-word; }
#services .tvd-service-portfolio-card:nth-child(even) { background:#EAE1D7; }
.tvd-service-shape { width:clamp(48px,8vh,76px); height:clamp(48px,8vh,76px); margin-bottom:clamp(16px,3vh,26px); color:#E22C47; }
.tvd-service-shape svg { display:block; width:100%; height:100%; fill:currentColor; }
.tvd-service-shape-2, .tvd-service-shape-5 { color:#A52456; }
.tvd-service-shape-3, .tvd-service-shape-6 { color:#FF6845; }
.tvd-service-shape-4, .tvd-service-shape-7 { color:#7C2042; }
#services .tvd-service-portfolio-card p { color:#3A1F2C; font-size:15px; line-height:1.65; margin-bottom:20px; }
#services .cst-portfolio-item-title { color:#2A1420; font-family:var(--tp-ff-phudu); font-size:clamp(28px,2.7vw,42px); margin-bottom:16px; }
#services .tvd-service-portfolio-card:last-child { margin-bottom:0; }
@media (max-width:991px) {
  .tvd-services-intro { padding-right:0; }
  #services .tvd-service-portfolio-card { padding:24px; }
}
.tvd-services-stacking { display:block; }
.tvd-services-stacking .tvd-service-card {
  position:relative;
  min-height:350px;
  margin-bottom:40px;
  padding:32px 44px;
  box-shadow:0 -12px 35px rgba(0, 0, 0, .18);
  background:#2A1420;
}
.tvd-services-stacking .tvd-service-card:nth-child(even) { background:#2A1420; }
.tvd-services-stacking .tvd-service-card:last-child { margin-bottom:0; }
.tvd-services-stacking .tvd-service-card p { max-width:900px; }
.tvd-services-stacking .tvd-card-number { margin-bottom:20px; }
.tvd-lime { background:#FF6845; color:#150A11; }
.tvd-lime p, .tvd-lime .tvd-eyebrow { color:#2A1420; }
.tvd-conversion { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.tvd-stat-value { display:block; font-size:clamp(80px,11vw,170px); letter-spacing:-.07em; line-height:1; font-weight:500; }
.tvd-stat-value span { font-size:.5em; }
.tvd-progress { height:7px; background:#F8B44D; border-radius:10px; margin-top:30px; overflow:hidden; }
.tvd-progress span { display:block; height:100%; width:90%; background:#1F0E18; }
.tvd-heading-wide h2 { font-size:clamp(30px,3.3vw,50px); }
.tvd-section .tvd-secret { color:#EDE4DC; margin-top:25px; }
.tvd-difference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 65px; }
.tvd-difference-grid article { border-top:1px solid #3A1F2C; padding-top:30px; }
.tvd-results { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #3A1F2C; margin-top:65px; padding-top:55px; gap:40px; }
.tvd-results .tvd-stat-value { color:#FF6845; margin-bottom:20px; }
.tvd-results > div > span { color:#B9A9A2; }
.tvd-story-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,7vw,110px); align-items:start; }
.tvd-story-intro h2 { font-size:clamp(34px,3.8vw,58px); margin-bottom:28px; }
.tvd-story-intro h2 span { color:#FF6845; }
.tvd-story-intro > p:not(.tvd-eyebrow) { font-size:15px; line-height:1.65; }
.tvd-story-art { display:flex; align-items:center; gap:24px; margin-top:28px; color:#FF6845; }
.tvd-story-art svg { width:clamp(80px,12vh,130px); height:auto; flex-shrink:0; overflow:visible; }
.tvd-story-art > span { font-size:12px; letter-spacing:.04em; color:#B9A9A2; }
.tvd-story-chapters { position:relative; padding-left:40px; }
.tvd-story-track { position:absolute; top:0; bottom:0; left:0; width:2px; background:#3A1F2C; }
.tvd-story-track span { display:block; width:100%; height:100%; background:#FF6845; }
.tvd-story-chapter { position:relative; min-height:65vh; display:flex; flex-direction:column; justify-content:center; padding:40px 0; }
.tvd-story-chapter::before { content:''; position:absolute; left:-45px; top:50%; width:12px; height:12px; border-radius:50%; background:#FF6845; border:3px solid #150A11; }
.tvd-story-chapter h3 { font-size:clamp(28px,3vw,46px); margin-bottom:24px; }
.tvd-story-chapter p { margin-bottom:0; }
.tvd-story-chapter .tvd-card-number { margin-bottom:22px; }
@media (max-width:991px), (prefers-reduced-motion:reduce) {
  .tvd-story-layout { grid-template-columns:1fr; gap:40px; }
  .tvd-story-chapter { min-height:0; padding:30px 0; }
  .tvd-story-chapters { padding-left:28px; }
  .tvd-story-chapter::before { left:-33px; }
}
.tvd-industries { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 60px; }
.tvd-industries li { display:flex; align-items:center; gap:24px; padding:24px 0; border-bottom:1px solid #3A1F2C; font-size:clamp(18px,2vw,27px); }
.tvd-industries li span { color:#FF6845; font-size:11px; }
.tvd-industry-wall { display:grid; gap:8px; }
.tvd-pill-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; list-style:none; padding:0; margin:0; }
.tvd-pill-row:nth-child(even) { grid-template-columns:repeat(2,minmax(0,1fr)); margin-inline:calc(100% / 6); }
.tvd-pill-row li { min-width:0; max-width:100%; }
.tvd-industry-pill { display:flex; align-items:center; gap:12px; height:100%; min-height:70px; padding:16px 20px; border:1px solid #4A2A38; border-radius:3px; background:#2A1420; color:#EDE4DC; font-size:clamp(14px,1.25vw,20px); line-height:1.35; overflow-wrap:anywhere; }
.tvd-pill-symbol { flex-shrink:0; font-size:12px; opacity:.75; }
.tvd-industry-pill:hover, .tvd-industry-pill:focus-visible { background:var(--pill-fill) !important; border-color:var(--pill-fill) !important; color:var(--pill-ink) !important; }
.tvd-industry-pill:focus-visible { outline:2px solid #EDE4DC !important; outline-offset:5px; }
.tvd-industry-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:50px; padding-top:28px; border-top:1px solid #4A2A38; }
.tvd-industry-bottom p { margin:0; font-size:14px; }
.tvd-industry-bottom a { color:#FF6845; white-space:nowrap; }
#industries.tvd-industries-compact { padding:60px 0; }
.tvd-industry-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:clamp(28px,4vw,64px); align-items:center; }
.tvd-industry-copy h2 { font-size:clamp(30px,3.2vw,48px); margin-bottom:18px; }
.tvd-industry-copy > p:not(.tvd-eyebrow) { font-size:15px; line-height:1.65; margin-bottom:0; }
.tvd-industry-copy .tvd-eyebrow { margin-bottom:16px; }
.tvd-industry-copy .tvd-industry-bottom { margin-top:22px; padding-top:0; border:0; }
.tvd-industry-copy .tvd-industry-bottom p { display:none; }
.tvd-industries-compact .tvd-pill-row { grid-template-columns:repeat(2,minmax(0,1fr)); display:contents; margin:0; }
.tvd-industries-compact .tvd-industry-wall { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.tvd-industries-compact .tvd-industry-pill { min-height:60px; padding:12px 14px; font-size:clamp(13px,1.1vw,17px); gap:10px; }
@media (max-width:991px) {
  .tvd-industry-layout { grid-template-columns:1fr; gap:28px; }
  #industries.tvd-industries-compact { padding:40px 0; }
}
@media (max-width:767px) {
  .tvd-industry-wall, .tvd-pill-row { gap:6px; }
  .tvd-pill-row, .tvd-pill-row:nth-child(even) { display:contents; margin-inline:0; }
  .tvd-industry-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tvd-industry-pill { min-height:76px; padding:12px; gap:8px; }
  .tvd-industry-bottom { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .tvd-pill-row:nth-child(even) li:first-child .tvd-industry-pill { background:var(--pill-fill); border-color:var(--pill-fill); color:var(--pill-ink); }
}
.tvd-campaigns { background:linear-gradient(100deg,rgba(20, 16, 18, .94),rgba(20, 16, 18, .82)),url('../img/update/hero/hero-thumb-1.jpg') center/cover; }
.tvd-campaign-title { max-width:1050px; }
.tvd-collaborate { border-top:1px solid #3A1F2C; }
.tvd-collaborate .tvd-section-heading { margin-bottom:0; }
.tvd-collaborate .agency-intro-cta { margin-top:20px; }
@media (max-width:991px) {
  .tvd-section-heading, .tvd-conversion { grid-template-columns:1fr; gap:25px; }
  .tvd-hero-positioning { font-size:16px; }
  .tvd-navigation nav { gap:18px; }
  .tvd-difference-grid { gap:30px; }
}
@media (max-width:575px) {
  .tvd-navigation { gap:12px; }
  .tvd-navigation nav { display:none; }
  .tvd-wordmark { font-size:17px; }
  .tvd-nav-contact { padding:8px 13px; }
  .tvd-services-grid, .tvd-difference-grid, .tvd-industries { grid-template-columns:1fr; }
  .tvd-results { gap:24px; }
  .tvd-results .tvd-stat-value { font-size:76px; }
  .tvd-card-number { margin-bottom:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .tvd-service-card { transition:none; }
}
