:root{
  --bg:#07111d;
  --bg-2:#0b1727;
  --panel:#0f1f34;
  --panel-2:#122742;
  --line:rgba(145,186,255,.16);
  --ink:#f4f8ff;
  --muted:#a6b9d3;
  --accent:#6cb5ff;
  --accent-2:#99e0ff;
  --accent-3:#7c9cff;
  --shadow:0 24px 80px rgba(0,0,0,.28);
  --radius:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at top right, rgba(108,181,255,.18), transparent 28%),
    radial-gradient(circle at 20% 0%, rgba(124,156,255,.12), transparent 25%),
    linear-gradient(180deg, #07111d 0%, #091526 42%, #07111d 100%);
  line-height:1.55;
}
body.form-sent .form-success-note{display:block}

.page-grid{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.2));
}

a{color:inherit}
img,iframe{display:block; max-width:100%}

.site-header{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding:18px clamp(20px,4vw,44px);
  background:rgba(7,17,29,.72);
  border-bottom:1px solid rgba(145,186,255,.10);
  backdrop-filter:blur(16px);
}
.brand{
  font-size:14px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
}
.nav{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
}
.nav a{
  text-decoration:none;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.nav a:hover{color:var(--ink)}
.nav-cta{
  padding:10px 16px;
  border:1px solid rgba(145,186,255,.25);
  border-radius:999px;
  color:var(--ink)!important;
  background:rgba(108,181,255,.12);
}

main, .site-footer{position:relative; z-index:1}
.section{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:clamp(52px,7vw,96px) 0;
}
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.75fr);
  gap:28px;
  align-items:center;
  min-height:min(84vh, 860px);
  padding:clamp(36px, 5vw, 52px);
  border:1px solid rgba(145,186,255,.12);
  border-radius:36px;
  box-shadow:var(--shadow);
  background:linear-gradient(180deg, rgba(10,20,34,.28), rgba(7,17,29,.22));
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('hero-banner.webp') center center / cover no-repeat;
  opacity:.24;
  filter:saturate(.9) brightness(.72) contrast(.98);
  transform:scale(1.02);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(7,17,29,.94) 0%, rgba(7,17,29,.86) 30%, rgba(7,17,29,.74) 58%, rgba(7,17,29,.88) 100%),
    linear-gradient(180deg, rgba(7,17,29,.52) 0%, rgba(7,17,29,.18) 34%, rgba(7,17,29,.52) 100%);
}
.hero > *{
  position:relative;
  z-index:1;
}
.eyebrow{
  margin:0 0 16px;
  font-size:12px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent-2);
  font-weight:700;
}
h1,h2,h3,p{margin:0}
h1{
  font-size:clamp(52px,7vw,100px);
  line-height:.95;
  letter-spacing:-.06em;
  max-width:980px;
}
h2{
  font-size:clamp(36px,5vw,72px);
  line-height:.96;
  letter-spacing:-.05em;
}
h3{
  font-size:clamp(24px,2.5vw,36px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.hero-sub, .intro-card p, .section-heading + p, .case-copy > p, .service-card p, .contact-copy p, .about-copy p{
  font-size:clamp(18px,1.55vw,22px);
  color:var(--muted);
}
.hero-sub{
  max-width:820px;
  margin-top:20px;
}
.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 20px;
  border-radius:999px;
  text-decoration:none;
  font-size:13px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid transparent;
}
.button.primary{
  background:linear-gradient(135deg, var(--accent), var(--accent-3));
  color:#08111c;
  font-weight:800;
}
.button.secondary{
  border-color:rgba(145,186,255,.24);
  background:rgba(145,186,255,.08);
}

.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:0;
  margin:28px 0 0;
  list-style:none;
}
.trust-row li{
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  background:rgba(15,31,52,.6);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hero-panel, .intro-card, .service-card, .proof-card, .contact-form, .contact-copy, .case-copy, .video-shell{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(18,39,66,.82), rgba(12,28,47,.78));
  box-shadow:var(--shadow);
}
.hero-panel, .intro-card, .service-card, .proof-card, .contact-copy, .case-copy{
  border-radius:var(--radius);
}
.hero-panel{padding:28px; background:linear-gradient(180deg, rgba(18,39,66,.54), rgba(12,28,47,.40)); backdrop-filter:blur(10px)}
.hero-kpi-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.kpi-card{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}
.kpi-value{
  display:block;
  font-size:clamp(26px,3vw,42px);
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
}
.kpi-label{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
}

.intro-band{padding-top:0}
.intro-card{
  padding:32px clamp(24px,4vw,36px);
}

.section-heading{
  display:grid;
  gap:12px;
  margin-bottom:28px;
}
.section-heading.narrow{
  max-width:840px;
}

.case-studies{
  display:grid;
  gap:26px;
}
.case-study{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:22px;
  align-items:stretch;
}
.case-study.reverse{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}
.case-study.reverse .case-media{order:2}
.case-study.reverse .case-copy{order:1}

.video-shell{
  border-radius:var(--radius);
  overflow:hidden;
  height:100%;
  min-height:380px;
}
.video-shell iframe{
  width:100%;
  height:100%;
  min-height:380px;
  border:0;
}
.case-copy{
  padding:28px;
  display:grid;
  gap:20px;
}
.case-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.case-client{color:var(--accent-2)}
.detail-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.detail-label{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent-2);
  font-weight:800;
}
.detail-grid p{
  color:var(--muted);
}
.stat-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.stat-pills li{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(108,181,255,.10);
  border:1px solid rgba(108,181,255,.18);
  color:var(--ink);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.service-grid, .proof-grid{
  display:grid;
  gap:18px;
}
.service-grid{
  grid-template-columns:repeat(4, minmax(0,1fr));
}
.service-card{
  padding:24px;
}
.service-card p{margin-top:12px}

.proof-grid{
  grid-template-columns:repeat(4, minmax(0,1fr));
}
.proof-card{
  padding:26px;
}
.proof-number{
  display:block;
  font-size:clamp(32px,4vw,60px);
  font-weight:800;
  line-height:.95;
  letter-spacing:-.05em;
}
.proof-card p{
  margin-top:10px;
  color:var(--muted);
}

.about-grid, .contact-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);
  gap:22px;
}
.about-copy, .contact-copy{
  padding:28px;
}
.about-copy{display:grid; gap:18px}
.about-links, .contact-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
}
.about-links a, .contact-links a{
  text-decoration:none;
  border-bottom:1px solid rgba(145,186,255,.22);
  padding-bottom:5px;
}
.about-links a:hover, .contact-links a:hover{color:var(--accent-2)}

.contact-form-wrap{display:grid; align-content:start}
.contact-form{
  display:grid;
  gap:16px;
  padding:28px;
  border-radius:var(--radius);
}
.contact-form label{
  display:grid;
  gap:8px;
}
.contact-form span{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent-2);
  font-weight:700;
}
.contact-form input, .contact-form select, .contact-form textarea{
  width:100%;
  border:1px solid rgba(145,186,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  color:var(--ink);
  padding:14px 15px;
  font:inherit;
  outline:none;
}
.contact-form select option{color:#0b1727}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{
  border-color:rgba(108,181,255,.42);
  box-shadow:0 0 0 3px rgba(108,181,255,.14);
}
.contact-form button{
  justify-self:start;
  padding:14px 18px;
  border-radius:999px;
  border:0;
  background:linear-gradient(135deg, var(--accent), var(--accent-3));
  color:#07111d;
  font-size:13px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  cursor:pointer;
}
.hidden-field{display:none !important}
.form-success-note{
  display:none;
  margin-bottom:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(108,181,255,.28);
  background:rgba(108,181,255,.10);
  color:var(--ink);
}

.site-footer{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0 0 44px;
  color:var(--muted);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media (max-width: 1120px){
  .service-grid, .proof-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .hero, .case-study, .case-study.reverse, .about-grid, .contact-grid{
    grid-template-columns:1fr;
  }
  .case-study.reverse .case-media, .case-study.reverse .case-copy{
    order:initial;
  }
}
@media (max-width: 720px){
  .section{width:min(100% - 24px, 1280px)}
  .site-header{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    padding:16px 14px;
  }
  .nav{gap:14px}
  .hero{
    min-height:auto;
    padding-top:10px;
    padding:22px;
    border-radius:24px;
  }
  .hero::before{opacity:.18;}
  .hero-kpi-grid, .service-grid, .proof-grid{
    grid-template-columns:1fr;
  }
  .video-shell, .video-shell iframe{
    min-height:260px;
  }
}



/* v42 polish: recruiter scan, client strip, why-me section, tighter responsive hierarchy */
.client-strip{
  padding-top:0;
  padding-bottom:clamp(34px,5vw,62px);
}
.client-strip .eyebrow{
  margin-bottom:14px;
}
.client-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.client-logo-grid span{
  display:grid;
  place-items:center;
  min-height:62px;
  padding:14px 12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(15,31,52,.54);
  color:rgba(244,248,255,.86);
  font-size:12px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-align:center;
}
.scan-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.scan-bar span{
  padding:10px 13px;
  border:1px solid rgba(108,181,255,.18);
  border-radius:999px;
  background:rgba(108,181,255,.08);
  color:rgba(244,248,255,.88);
  font-size:12px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.why-me{
  padding-top:clamp(42px,5vw,70px);
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.why-card{
  padding:26px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(18,39,66,.80), rgba(12,28,47,.72));
  box-shadow:var(--shadow);
}
.why-card span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:rgba(108,181,255,.13);
  border:1px solid rgba(108,181,255,.22);
  color:var(--accent-2);
  font-weight:800;
  margin-bottom:18px;
}
.why-card h3{
  font-size:clamp(22px,2vw,30px);
}
.why-card p{
  margin-top:12px;
  color:var(--muted);
}
.case-study{
  scroll-margin-top:110px;
}
.case-copy{
  align-content:center;
}
.video-shell{
  background:
    radial-gradient(circle at 20% 20%, rgba(108,181,255,.18), transparent 35%),
    #050b14;
}
.site-footer{
  border-top:1px solid rgba(145,186,255,.10);
  padding-top:22px;
}
@media (max-width: 1120px){
  .client-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .why-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  h1{
    font-size:clamp(46px,13vw,70px);
  }
  h2{
    font-size:clamp(34px,10vw,56px);
  }
  .client-logo-grid{
    grid-template-columns:1fr 1fr;
  }
  .client-logo-grid span{
    min-height:54px;
  }
  .hero-actions .button{
    width:100%;
  }
  .scan-bar span{
    width:100%;
    text-align:center;
  }
}



/* v43: Creative Producer refinement, 16:9 video embeds, documentary depth */
.case-study{
  align-items:center!important;
}
.case-media{
  align-self:center!important;
}
.video-shell{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
}
.video-shell iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

.documentary-depth{
  padding-top:clamp(42px,5vw,76px);
}
.documentary-depth-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr);
  gap:22px;
  align-items:start;
  padding:clamp(26px,4vw,42px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at top left, rgba(108,181,255,.15), transparent 34%),
    linear-gradient(180deg, rgba(18,39,66,.80), rgba(12,28,47,.72));
  box-shadow:var(--shadow);
}
.documentary-depth-copy{
  display:grid;
  gap:18px;
}
.documentary-depth-copy p{
  color:var(--muted);
  font-size:clamp(17px,1.45vw,22px);
}
.doc-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}
.doc-proof-row span{
  padding:10px 13px;
  border:1px solid rgba(108,181,255,.18);
  border-radius:999px;
  background:rgba(108,181,255,.08);
  color:rgba(244,248,255,.88);
  font-size:12px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
@media (max-width: 1120px){
  .documentary-depth-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .video-shell{
    aspect-ratio:16/9!important;
  }
}



/* v44: better case-study layout + jethrop.com extraction */
.case-layout-v44{
  gap:30px;
}
.case-v44{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(18,39,66,.82), rgba(12,28,47,.78));
  box-shadow:var(--shadow);
}
.case-v44 .case-top{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
  gap:0;
  align-items:stretch;
}
.case-v44 .case-media{
  align-self:stretch!important;
}
.case-v44 .video-shell{
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  background:#050b14;
}
.case-v44 .case-summary{
  padding:clamp(22px,3vw,34px);
  display:grid;
  gap:16px;
  align-content:center;
  border-left:1px solid var(--line);
}
.case-v44 .case-summary p{
  color:var(--muted);
  font-size:clamp(16px,1.25vw,19px);
}
.case-detail-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  background:rgba(5,11,20,.28);
}
.case-detail-row > div{
  padding:22px;
  border-right:1px solid var(--line);
}
.case-detail-row > div:last-child{
  border-right:0;
}
.case-detail-row p{
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.how-work{
  padding-top:clamp(42px,5vw,76px);
}
.workflow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.workflow-card,
.ai-panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(18,39,66,.80), rgba(12,28,47,.72));
  box-shadow:var(--shadow);
}
.workflow-card{
  padding:24px;
}
.workflow-card span{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(108,181,255,.13);
  border:1px solid rgba(108,181,255,.22);
  color:var(--accent-2);
  font-weight:800;
  margin-bottom:16px;
}
.workflow-card h3{
  font-size:clamp(20px,1.8vw,28px);
}
.workflow-card p{
  margin-top:12px;
  color:var(--muted);
}
.ai-panel{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr);
  gap:22px;
  padding:clamp(26px,4vw,42px);
  background:
    radial-gradient(circle at top right, rgba(153,224,255,.14), transparent 30%),
    linear-gradient(180deg, rgba(18,39,66,.80), rgba(12,28,47,.72));
}
.ai-copy{
  display:grid;
  gap:18px;
}
.ai-copy p{
  color:var(--muted);
  font-size:clamp(17px,1.45vw,22px);
}
.ai-tools{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ai-tools span{
  padding:10px 13px;
  border:1px solid rgba(108,181,255,.18);
  border-radius:999px;
  background:rgba(108,181,255,.08);
  color:rgba(244,248,255,.88);
  font-size:12px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
@media (max-width:1120px){
  .case-v44 .case-top{
    grid-template-columns:1fr;
  }
  .case-v44 .case-summary{
    border-left:0;
    border-top:1px solid var(--line);
  }
  .case-detail-row{
    grid-template-columns:1fr;
  }
  .case-detail-row > div{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .case-detail-row > div:last-child{
    border-bottom:0;
  }
  .workflow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ai-panel{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .workflow-grid{
    grid-template-columns:1fr;
  }
  .case-v44 .case-summary{
    padding:22px;
  }
}



/* v45: creative atmosphere without losing tech credibility */
:root{
  --bg:#0c0f16;
  --bg-2:#111623;
  --panel:#161726;
  --panel-2:#1b2032;
  --line:rgba(214,217,232,.12);
  --line-strong:rgba(214,217,232,.18);
  --ink:#f5f1ea;
  --muted:#b8b5c8;
  --accent:#9ec7ff;
  --accent-2:#f0b5c8;
  --accent-3:#b7a8ff;
  --accent-4:#8de0d2;
  --shadow:0 18px 48px rgba(0,0,0,.20);
  --shadow-soft:0 8px 30px rgba(0,0,0,.12);
  --radius:30px;
}

html{
  background:#0c0f16;
}

body{
  background:
    radial-gradient(circle at 8% 8%, rgba(240,181,200,.12), transparent 26%),
    radial-gradient(circle at 85% 12%, rgba(158,199,255,.12), transparent 28%),
    radial-gradient(circle at 70% 68%, rgba(183,168,255,.10), transparent 24%),
    linear-gradient(180deg, #0c0f16 0%, #111623 46%, #0d1119 100%);
  color:var(--ink);
  letter-spacing:.002em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.055;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.85'/%3E%3C/svg%3E");
}

.ambient-orbs{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.ambient-orbs span{
  position:absolute;
  border-radius:999px;
  filter:blur(90px);
  opacity:.12;
  animation:floatDrift 18s ease-in-out infinite;
}
.ambient-orbs span:nth-child(1){
  width:340px;height:340px;left:-60px;top:14vh;
  background:rgba(240,181,200,.7);
}
.ambient-orbs span:nth-child(2){
  width:380px;height:380px;right:-80px;top:8vh;
  background:rgba(158,199,255,.72);
  animation-delay:-6s;
}
.ambient-orbs span:nth-child(3){
  width:280px;height:280px;left:45%;bottom:8vh;
  background:rgba(183,168,255,.58);
  animation-delay:-11s;
}
@keyframes floatDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-14px,0) scale(1.04)}
}

.page-grid{
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.03));
}

.site-header{
  background:rgba(12,15,22,.54);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.brand{
  font-size:13px;
  letter-spacing:.16em;
}

.nav a{
  color:#cec9d8;
}
.nav a:hover{
  color:#fff7f0;
}
.nav-cta{
  background:linear-gradient(135deg, rgba(240,181,200,.18), rgba(158,199,255,.16));
  border-color:rgba(255,255,255,.12);
  box-shadow:var(--shadow-soft);
}

.section{
  width:min(1240px, calc(100% - 44px));
  padding:clamp(56px,8vw,108px) 0;
  position:relative;
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  width:140px;
  height:1px;
  background:linear-gradient(90deg, rgba(240,181,200,.85), rgba(158,199,255,0));
  opacity:.6;
}

.eyebrow{
  color:#f0b5c8;
  letter-spacing:.20em;
  font-size:11px;
}

h1,h2,h3{
  font-family: "Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-weight:600;
}

h1{
  letter-spacing:-.055em;
  line-height:.93;
  max-width:12ch;
}
h2{
  letter-spacing:-.045em;
}
h3{
  letter-spacing:-.03em;
  line-height:1.02;
}

.hero{
  min-height:min(80vh, 820px);
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);
  gap:36px;
}

.hero-sub, .intro-card p, .case-summary p, .service-card p, .about-copy p, .contact-copy p, .documentary-depth-copy p, .ai-copy p, .why-card p, .workflow-card p, .proof-card p{
  color:#c9c6d5;
}

.hero-copy{
  padding-right:min(4vw,36px);
}

.hero-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
    radial-gradient(circle at top left, rgba(240,181,200,.15), transparent 34%),
    rgba(20,21,33,.62);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}

.kpi-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);
}

.trust-row li,
.client-logo-grid span,
.scan-bar span,
.stat-pills li,
.doc-proof-row span,
.ai-tools span{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  color:#ece8f0;
  box-shadow:none;
}

.intro-card,
.workflow-card,
.service-card,
.proof-card,
.contact-copy,
.contact-form,
.why-card,
.ai-panel,
.documentary-depth-grid{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(20,21,33,.55);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(12px);
}

.client-strip{
  padding-top:14px;
  padding-bottom:38px;
}
.client-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.client-logo-grid span{
  min-height:56px;
  border-radius:999px;
  padding:12px 16px;
}

.case-layout-v44{
  gap:38px;
}

.case-v44{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-top:8px !important;
}

.case-v44 .case-top{
  gap:22px;
  align-items:start;
}

.case-v44 .case-summary{
  border-left:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),
    rgba(20,21,33,.56);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(12px);
  min-height:100%;
}

.case-v44 .video-shell{
  border-radius:30px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:
    radial-gradient(circle at top left, rgba(240,181,200,.10), transparent 28%),
    radial-gradient(circle at top right, rgba(158,199,255,.12), transparent 30%),
    #080a11;
}

.case-v44:hover .video-shell{
  box-shadow:0 20px 54px rgba(0,0,0,.26);
}

.case-detail-row{
  border-top:0;
  background:transparent;
  gap:14px;
  margin-top:14px;
}
.case-detail-row > div{
  border-right:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:rgba(255,255,255,.03);
  padding:20px 20px 18px;
}
.detail-label{
  color:#9ec7ff;
}
.case-detail-row p{
  color:#c9c6d5;
}

.workflow-grid,
.service-grid,
.proof-grid,
.why-grid{
  gap:20px;
}

.workflow-card,
.service-card,
.proof-card,
.why-card{
  transform:translateY(0);
  transition:transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.workflow-card:hover,
.service-card:hover,
.proof-card:hover,
.why-card:hover,
.case-v44:hover .case-summary{
  transform:translateY(-4px);
  border-color:rgba(240,181,200,.18);
}

.proof-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(18,20,28,.55);
}
.proof-number{
  color:#fff7f0;
}

.about-grid,
.contact-grid,
.documentary-depth-grid,
.ai-panel{
  gap:24px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
}
.contact-form button{
  background:linear-gradient(135deg, #f0b5c8, #9ec7ff);
  color:#0d1119;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.form-success-note{
  background:rgba(158,199,255,.10);
  border-color:rgba(158,199,255,.16);
}

.site-footer{
  color:#b8b5c8;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:26px;
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s ease, transform .72s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .reveal,
  .workflow-card,
  .service-card,
  .proof-card,
  .why-card,
  .ambient-orbs span{
    transition:none !important;
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}

@media (max-width:1120px){
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .client-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .case-v44 .case-top{
    gap:16px;
  }
  .case-v44 .case-summary{
    min-height:auto;
  }
}
@media (max-width:720px){
  .section{
    width:min(100% - 24px, 1240px);
  }
  .section::before{
    width:84px;
    top:12px;
  }
  .client-logo-grid{
    grid-template-columns:1fr 1fr;
  }
  .client-logo-grid span{
    min-height:52px;
    border-radius:18px;
    font-size:11px;
    letter-spacing:.08em;
  }
  .case-v44 .video-shell,
  .case-v44 .case-summary{
    border-radius:24px !important;
  }
}


/* v45 hero banner correction: full-bleed hero and more visible banner */
.hero.section{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:
    clamp(76px, 10vh, 124px)
    max(24px, calc((100vw - 1240px) / 2))
    clamp(56px, 8vh, 88px) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.hero.section::before{
  width:0 !important;
  height:0 !important;
  background:none !important;
}
.hero::before{
  opacity:.42 !important;
  filter:saturate(1.02) brightness(.78) contrast(1.02) !important;
  transform:none !important;
  background-position:center center !important;
}
.hero::after{
  background:
    linear-gradient(90deg, rgba(7,17,29,.88) 0%, rgba(7,17,29,.72) 28%, rgba(7,17,29,.42) 58%, rgba(7,17,29,.72) 100%),
    linear-gradient(180deg, rgba(7,17,29,.70) 0%, rgba(7,17,29,.16) 40%, rgba(7,17,29,.58) 100%) !important;
}
.hero-copy,
.hero-panel{
  position:relative;
  z-index:2;
}
.hero-copy{
  max-width:880px;
  padding-right:min(4vw, 34px);
}
.hero-panel{
  max-width:380px;
  width:100%;
  justify-self:end;
}
@media (max-width: 1120px){
  .hero.section{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .hero::before{opacity:.34 !important;}
  .hero-panel{
    max-width:none;
    justify-self:stretch;
  }
}
@media (max-width: 720px){
  .hero.section{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:84px 18px 42px !important;
  }
  .hero::before{opacity:.28 !important;}
}


/* v46 fix: visible generated banner, full-bleed hero, no boxed homepage */
.hero.section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:
    clamp(82px, 11vh, 132px)
    max(24px, calc((100vw - 1240px) / 2))
    clamp(60px, 8vh, 92px) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#07111d !important;
}

/* This must be .hero.section::before because .section::before already exists in the build. */
.hero.section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:auto !important;
  height:auto !important;
  z-index:-2 !important;
  background:url('hero-banner.webp') center center / cover no-repeat !important;
  opacity:.62 !important;
  filter:saturate(1.08) brightness(.88) contrast(1.08) !important;
  transform:none !important;
  pointer-events:none !important;
  mask-image:none !important;
}

/* Readability layer over the banner */
.hero.section::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    linear-gradient(90deg, rgba(7,17,29,.80) 0%, rgba(7,17,29,.58) 32%, rgba(7,17,29,.28) 58%, rgba(7,17,29,.68) 100%),
    linear-gradient(180deg, rgba(7,17,29,.66) 0%, rgba(7,17,29,.10) 42%, rgba(7,17,29,.64) 100%) !important;
  pointer-events:none !important;
}

.hero.section > *{
  position:relative !important;
  z-index:2 !important;
}

.hero-copy{
  max-width:880px;
}

.hero-panel{
  max-width:380px;
  width:100%;
  justify-self:end;
}

@media (max-width: 1120px){
  .hero.section{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .hero-panel{
    max-width:none;
    justify-self:stretch;
  }
}

@media (max-width: 720px){
  .hero.section{
    padding:84px 18px 42px !important;
  }
  .hero.section::before{
    opacity:.44 !important;
    background-position:center center !important;
  }
}


/* v47: move hero stats lower and make panel more transparent */
.hero-panel{
  align-self:end !important;
  margin-top:clamp(120px, 18vh, 220px) !important;
  background:
    linear-gradient(180deg, rgba(10,18,30,.26), rgba(10,18,30,.14)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(5px) !important;
}

.hero-kpi-grid{
  opacity:.82;
}

.kpi-card{
  background:rgba(7,17,29,.18) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}

@media (max-width: 1120px){
  .hero-panel{
    margin-top:34px !important;
    align-self:auto !important;
  }
}

@media (max-width: 720px){
  .hero-panel{
    margin-top:24px !important;
    background:rgba(7,17,29,.18) !important;
    backdrop-filter:blur(4px) !important;
  }
}


/* v48: restored portfolio ecosystem nav + section */
.portfolio-ecosystem{
  padding-top:clamp(44px,6vw,82px);
}

.portfolio-ecosystem .section-heading p:last-child{
  max-width:780px;
  color:#c9c6d5;
  font-size:clamp(17px,1.35vw,20px);
}

.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}

.ecosystem-card{
  display:grid;
  gap:12px;
  min-height:260px;
  padding:28px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),
    radial-gradient(circle at top left, rgba(240,181,200,.12), transparent 34%),
    rgba(20,21,33,.52);
  color:inherit;
  text-decoration:none;
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}

.ecosystem-card:hover{
  transform:translateY(-4px);
  border-color:rgba(240,181,200,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.02)),
    radial-gradient(circle at top left, rgba(240,181,200,.18), transparent 36%),
    rgba(20,21,33,.62);
}

.ecosystem-label{
  width:max-content;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  color:#f0b5c8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
}

.ecosystem-card p{
  color:#c9c6d5;
  font-size:16px;
}

@media (max-width: 960px){
  .ecosystem-grid{
    grid-template-columns:1fr;
  }
  .ecosystem-card{
    min-height:auto;
  }
}

@media (max-width: 720px){
  .nav{
    gap:10px 12px;
  }
  .nav a{
    font-size:11px;
  }
}


/* v49: About portrait */
.about-grid{
  align-items:stretch;
}

.about-portrait{
  margin:0;
  min-height:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(240,181,200,.14), transparent 34%),
    rgba(20,21,33,.48);
  box-shadow:var(--shadow);
}

.about-portrait img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:saturate(.96) contrast(1.02);
}

@media (max-width: 1120px){
  .about-portrait img{
    min-height:420px;
    max-height:560px;
  }
}

@media (max-width: 720px){
  .about-portrait{
    border-radius:22px;
  }
  .about-portrait img{
    min-height:360px;
    max-height:460px;
  }
}


/* v50: balanced About section portrait layout */
.about-grid{
  grid-template-columns:minmax(280px, .42fr) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:clamp(24px, 4vw, 44px) !important;
}

.about-portrait{
  width:min(100%, 360px) !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  aspect-ratio:4 / 5 !important;
  min-height:0 !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),
    radial-gradient(circle at top left, rgba(240,181,200,.12), transparent 34%),
    rgba(20,21,33,.46) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.28) !important;
}

.about-portrait img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  display:block !important;
  filter:saturate(.98) contrast(1.02) brightness(.96) !important;
}

.about-copy{
  align-self:center !important;
  padding:clamp(28px, 4vw, 40px) !important;
}

@media (max-width: 1120px){
  .about-grid{
    grid-template-columns:minmax(240px, 320px) minmax(0, 1fr) !important;
  }
  .about-portrait{
    width:min(100%, 320px) !important;
  }
}

@media (max-width: 860px){
  .about-grid{
    grid-template-columns:1fr !important;
  }
  .about-portrait{
    width:min(72vw, 320px) !important;
    justify-self:start !important;
  }
}

@media (max-width: 720px){
  .about-grid{
    gap:18px !important;
  }
  .about-portrait{
    width:min(78vw, 300px) !important;
    border-radius:22px !important;
  }
  .about-copy{
    padding:24px !important;
  }
}


/* v51: move About intro text under portrait + reduce subheading */
.about-subheading{
  font-size:calc(clamp(36px,5vw,72px) * .70) !important;
  max-width:820px;
}

.about-portrait{
  display:grid !important;
  grid-template-rows:auto auto !important;
  aspect-ratio:auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),
    radial-gradient(circle at top left, rgba(240,181,200,.12), transparent 34%),
    rgba(20,21,33,.46) !important;
}

.about-portrait img{
  aspect-ratio:4 / 5 !important;
}

.about-photo-caption{
  padding:18px 18px 20px;
  color:#c9c6d5;
  font-size:15px;
  line-height:1.55;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(7,17,29,.18);
}

@media (max-width: 720px){
  .about-subheading{
    font-size:calc(clamp(36px,5vw,72px) * .62) !important;
  }
  .about-photo-caption{
    font-size:14px;
    padding:16px;
  }
}


/* v52: About text restored under subheading, no text under portrait */
.about-subheading{
  font-size:calc(clamp(36px,5vw,72px) * .70) !important;
  max-width:820px;
}
.about-photo-caption{
  display:none !important;
}
.about-portrait{
  grid-template-rows:1fr !important;
  aspect-ratio:4 / 5 !important;
}
.about-portrait img{
  aspect-ratio:auto !important;
  height:100% !important;
}
@media (max-width: 720px){
  .about-subheading{
    font-size:calc(clamp(36px,5vw,72px) * .62) !important;
  }
}


/* v53: definitive About layout fix — text under heading, not under photo */
.about-grid.about-grid-fixed{
  display:grid !important;
  grid-template-columns:minmax(240px, 340px) minmax(0, 1fr) !important;
  gap:clamp(28px, 4vw, 48px) !important;
  align-items:center !important;
}
.about-grid.about-grid-fixed .about-portrait{
  grid-column:1 !important;
  grid-row:1 !important;
  width:min(100%, 340px) !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  display:block !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
  border-radius:28px !important;
}
.about-grid.about-grid-fixed .about-portrait img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  display:block !important;
  aspect-ratio:auto !important;
}
.about-grid.about-grid-fixed .about-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
  display:grid !important;
  gap:18px !important;
  padding:clamp(28px, 4vw, 40px) !important;
}
.about-grid.about-grid-fixed .about-subheading{
  font-size:calc(clamp(36px,5vw,72px) * .70) !important;
  line-height:.98 !important;
  max-width:820px !important;
}
.about-grid.about-grid-fixed .about-photo-caption{
  display:none !important;
}
@media (max-width: 860px){
  .about-grid.about-grid-fixed{
    grid-template-columns:1fr !important;
  }
  .about-grid.about-grid-fixed .about-portrait,
  .about-grid.about-grid-fixed .about-copy{
    grid-column:1 !important;
  }
  .about-grid.about-grid-fixed .about-portrait{
    grid-row:1 !important;
    width:min(72vw, 320px) !important;
    justify-self:start !important;
  }
  .about-grid.about-grid-fixed .about-copy{
    grid-row:2 !important;
  }
}
@media (max-width: 720px){
  .about-grid.about-grid-fixed .about-subheading{
    font-size:calc(clamp(36px,5vw,72px) * .62) !important;
  }
  .about-grid.about-grid-fixed .about-portrait{
    width:min(78vw, 300px) !important;
    border-radius:22px !important;
  }
}


/* v54: reposition and simplify Portfolio Ecosystem */
.portfolio-ecosystem{
  padding-top:clamp(28px,4vw,52px) !important;
  padding-bottom:clamp(36px,5vw,70px) !important;
}

.portfolio-ecosystem::before{
  display:none !important;
}

.portfolio-ecosystem-copy{
  max-width:980px !important;
  margin:0 auto !important;
}

.portfolio-ecosystem-subheading{
  font-size:calc(clamp(36px,5vw,72px) * .50) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  max-width:820px !important;
}

.portfolio-ecosystem-copy p:last-child{
  max-width:940px !important;
  color:#c9c6d5 !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.62 !important;
}

.highlight-link{
  color:#fff7f0 !important;
  text-decoration:none !important;
  border-bottom:2px solid rgba(240,181,200,.72) !important;
  background:linear-gradient(180deg, transparent 58%, rgba(240,181,200,.20) 58%) !important;
  padding:0 .08em .03em !important;
  font-weight:800 !important;
}

.highlight-link:hover{
  color:#f0b5c8 !important;
  border-bottom-color:rgba(158,199,255,.9) !important;
  background:linear-gradient(180deg, transparent 54%, rgba(158,199,255,.22) 54%) !important;
}

/* remove old ecosystem boxes if cached CSS/markup remains */
.portfolio-ecosystem .ecosystem-grid,
.portfolio-ecosystem .ecosystem-card{
  display:none !important;
}

@media (max-width:720px){
  .portfolio-ecosystem-subheading{
    font-size:calc(clamp(36px,5vw,72px) * .46) !important;
  }
}


/* v58: highlighted jethroarts inline link */
.highlight-link,
.ecosystem-inline-link.highlight-link{
  display:inline-block;
  padding:.08em .38em .12em;
  border-radius:.45em;
  color:#07111d !important;
  background:linear-gradient(135deg, #f0b5c8, #9ec7ff);
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(158,199,255,.16);
}

.highlight-link:hover,
.ecosystem-inline-link.highlight-link:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}


/* v60: make highlighted ecosystem links native pink instead of black */
.highlight-link,
.ecosystem-inline-link.highlight-link,
.ecosystem-inline-link{
  color:#f0b5c8 !important;
  background:rgba(240,181,200,.10) !important;
  border:1px solid rgba(240,181,200,.42) !important;
  border-bottom:2px solid rgba(240,181,200,.72) !important;
  box-shadow:0 10px 28px rgba(240,181,200,.12) !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.highlight-link:hover,
.ecosystem-inline-link.highlight-link:hover,
.ecosystem-inline-link:hover{
  color:#fff7fb !important;
  background:rgba(240,181,200,.16) !important;
  border-color:rgba(240,181,200,.72) !important;
  filter:none !important;
}


/* v64: Creative Producer reel section, full-duration enhanced reel */
.reel-section{padding-top:clamp(42px,6vw,78px);padding-bottom:clamp(42px,6vw,78px);}
.reel-section .section-heading p:last-child{max-width:760px;color:#c9c6d5;font-size:clamp(17px,1.35vw,20px);}
.reel-frame{margin-top:28px;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),radial-gradient(circle at top left, rgba(240,181,200,.12), transparent 34%),rgba(20,21,33,.52);box-shadow:var(--shadow);}
.reel-frame video{display:block;width:100%;aspect-ratio:16 / 9;background:#050b13;object-fit:cover;}
@media (max-width:720px){.reel-frame{border-radius:22px;}}