
/* Only the requested revision changes. The original page structure remains intact. */
:root{--ink:#0d0d0d;--paper:#f7f7f4;--muted:#676767}

/* More restrained premium typography; preserve hierarchy without oversized text. */
.hero-copy h1{font-size:clamp(3.5rem,7.2vw,7.4rem)!important}
.section h2,.reel-title,.final-copy h2,.contact-copy h1{font-size:clamp(2.7rem,5.4vw,5.6rem)!important;line-height:.94!important}
.production-intro h2,.audience-intro h2,.ai-copy h2,.engagement-copy h2,.testimonial-heading h2,.founders-copy h2{font-size:clamp(2.55rem,4.8vw,5rem)!important}
.section p,.contact-copy p,.final-copy p{font-size:clamp(.98rem,1.3vw,1.16rem)!important}

/* Prevent CTA collisions in every large-copy section. */
.final-copy,.engagement-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
.final-copy .button,.engagement-copy .button{margin-top:2.25rem!important;position:relative!important;inset:auto!important}
.final-copy p{margin-top:1.4rem!important;margin-bottom:0!important}

/* Clear, confident world-wide divider. */
.marquee-title{gap:1.25rem!important;margin-bottom:1.6rem!important}
.marquee-title p{font-size:.9rem!important;font-weight:650!important;letter-spacing:.04em!important;color:#191919!important;white-space:nowrap}
.marquee-title span{height:1px!important;background:#282828!important;opacity:.55!important;flex:1}

/* PNG-only client logo strip. */
.brand-logo-track{display:flex!important;align-items:center!important;gap:4.5rem!important;width:max-content!important}
.brand-logo-item{width:150px;height:58px;display:grid;place-items:center;flex:0 0 auto}
.brand-logo-item img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.82}

/* Stats: no decorative green underline. */
.stats-grid strong::after,.stats-strip strong::after{display:none!important;content:none!important}
.stats-grid strong{border:0!important;text-decoration:none!important}

/* Founder section is a separate, deliberate white section. */
.founders-section{background:#f4f4f1!important;color:#101010!important;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.founders-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,7vw,8rem);align-items:center}
.founders-copy h2,.founders-copy p,.founder-trust{color:#101010!important}
.founders-copy p{max-width:650px;margin-top:1.5rem}
.founder-trust{font-weight:650;margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(0,0,0,.22)}
.founder-portraits{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.founder-portraits article{background:#fff;border:1px solid rgba(0,0,0,.13);overflow:hidden}
.founder-portraits img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover}
.founder-portraits article>div{padding:1rem 1.05rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;color:#101010!important}
.founder-portraits span{color:#686868!important;font-size:.9rem}

/* GIF testimonial marquee remains a distinct section. */
.testimonials-section{overflow:hidden!important;background:#111!important;color:#fff!important;padding-block:clamp(5rem,9vw,9rem)!important}
.testimonial-heading h2{color:#fff!important;margin:0 0 3rem!important}
.testimonial-heading em{color:#fff!important}
.testimonial-marquee-window{overflow:hidden;width:100%}
.testimonial-marquee-track{display:flex;gap:1.15rem;width:max-content;will-change:transform;padding-inline:1rem}
.testimonial-marquee-card{width:min(390px,82vw);flex:0 0 auto;background:#f5f5f2;color:#111;border-radius:2px;overflow:hidden}
.testimonial-marquee-card img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;background:#ddd}
.testimonial-marquee-card>div{padding:1.35rem 1.35rem 1.45rem}
.testimonial-marquee-card p{color:#111!important;font-size:1rem!important;line-height:1.48;margin:0 0 1rem}
.testimonial-marquee-card span{color:#666!important;font-size:.85rem;font-weight:650}

/* Contact: sleek guide first, form second, no merged layout. */
.brief-guide-section{padding-top:clamp(7rem,11vw,10rem)!important;padding-bottom:clamp(3.5rem,6vw,5.5rem)!important;background:#f5f5f2!important;color:#111!important}
.brief-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important}
.brief-grid article{padding:1rem!important;background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;color:#111!important;min-height:0!important}
.brief-grid article img{aspect-ratio:16/8!important;height:auto!important;margin-bottom:.9rem!important}
.brief-grid article h2{font-size:1.25rem!important;line-height:1.1!important;color:#111!important;margin:.45rem 0!important}
.brief-grid article p{font-size:.88rem!important;line-height:1.45!important;color:#626262!important}
.brief-grid article>span{font-size:.75rem!important;color:#444!important}
.contact-hero{background:#111!important;color:#fff!important;padding-top:clamp(6rem,10vw,10rem)!important}
.contact-copy h1,.contact-copy p,.contact-copy a{color:#fff!important}
.project-form{background:#f5f5f2!important;color:#111!important}
.project-form label{color:#111!important}
.project-form input,.project-form textarea,.project-form select{width:100%;box-sizing:border-box;background:#fff;color:#111;border:1px solid rgba(0,0,0,.2);padding:.95rem 1rem;font:inherit;margin-top:.45rem;border-radius:0}
.project-form select{appearance:auto}

/* Never use lime/light text on white sections. */
.section:not(.ai-section):not(.testimonials-section) .button-acid,
.brief-guide-section .button-acid{background:#111!important;color:#fff!important}
.section:not(.ai-section):not(.testimonials-section) em{color:inherit}

/* Thank-you page. */
.thank-you-section{min-height:75vh;display:grid;place-items:center;padding:9rem 0 6rem;background:#f5f5f2;color:#111}
.thank-you-inner{text-align:center;max-width:900px}
.thank-you-inner img{width:min(460px,80vw);aspect-ratio:16/10;object-fit:cover;margin-bottom:2.4rem}
.thank-you-inner h1{font-size:clamp(2.5rem,5vw,5.3rem);line-height:.96;margin:0;color:#111}
.thank-you-inner p{font-size:1.1rem;color:#555}
.thank-you-inner .just-kidding{font-size:1.4rem;font-weight:700;color:#111;margin-top:1.4rem}
.thank-you-actions{display:flex;justify-content:center;gap:.8rem;margin-top:2rem;flex-wrap:wrap}
.button-dark{background:#111;color:#fff}.button-outline{border:1px solid #111;color:#111;background:transparent}

@media(max-width:800px){
 .founders-layout{grid-template-columns:1fr}.founder-portraits{grid-template-columns:1fr 1fr}
 .brief-grid{grid-template-columns:1fr 1fr!important}
 .marquee-title p{white-space:normal;text-align:center}
}
@media(max-width:520px){
 .founder-portraits,.brief-grid{grid-template-columns:1fr!important}
 .hero-copy h1{font-size:clamp(3rem,15vw,4.5rem)!important}
 .section h2,.reel-title,.final-copy h2,.contact-copy h1{font-size:clamp(2.35rem,11vw,3.7rem)!important}
 .final-copy .button,.engagement-copy .button{margin-top:1.65rem!important}
}

/* ===== Refined revision: requested changes only ===== */

/* Header identity: 25% smaller logo at every breakpoint. */
.site-header .logo-link img{width:142px!important;height:auto!important}
@media(max-width:700px){.site-header .logo-link img{width:112px!important}}

/* Superside-like scale: large typography reduced by roughly 30%. */
.hero-copy h1{
  font-size:clamp(2.8rem,5.05vw,5.2rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
}
.section h2,.reel-title,.final-copy h2,.contact-copy h1,
.inner-hero h1,.page-cta h2{
  font-size:clamp(2rem,3.75vw,3.9rem)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}
.production-intro h2,.audience-intro h2,.ai-copy h2,.engagement-copy h2,
.testimonial-heading h2,.founders-copy h2{
  font-size:clamp(2rem,3.4vw,3.5rem)!important;
  line-height:1!important;
}
.section p,.contact-copy p,.final-copy p,.inner-hero p{
  font-size:clamp(.92rem,1.05vw,1.05rem)!important;
  line-height:1.58!important;
}
@media(max-width:520px){
  .hero-copy h1{font-size:clamp(2.55rem,11.5vw,3.25rem)!important}
  .section h2,.reel-title,.final-copy h2,.contact-copy h1,.inner-hero h1,.page-cta h2{
    font-size:clamp(2rem,9.2vw,2.8rem)!important
  }
}

/* Founder proof belongs only on Why Us. */
.founders-section{position:relative;isolation:isolate;overflow:hidden}
.founder-portraits article>div strong{font-size:1rem;letter-spacing:-.015em}
.founder-portraits article>div span{font-size:.86rem!important}

/* Replaceable, transparent Flowhaze wordmarks on selected dark sections. */
.hero-section,.testimonials-section,.page-cta,.inner-hero,.contact-hero{
  position:relative;isolation:isolate;overflow:hidden
}
.hero-section::before,.testimonials-section::before,.page-cta::before,.inner-hero::before,.contact-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  background:url("assets/flowhaze-white.png") center/contain no-repeat;
  opacity:.035;
  width:min(76vw,980px);
  aspect-ratio:5/1;
  left:50%;
  transform:translateX(-50%);
}
.hero-section::before{bottom:2%;opacity:.028}
.testimonials-section::before{top:10%;opacity:.04;width:min(88vw,1180px)}
.page-cta::before{bottom:8%;opacity:.03}
.inner-hero::before{bottom:5%;opacity:.025}
.contact-hero::before{top:12%;opacity:.025}
.hero-section>.shell,.testimonials-section>.shell,.page-cta>.shell,.inner-hero>.shell,.contact-hero>.shell{position:relative;z-index:1}

/* AI page: significantly smaller cards and a more deliberate AI-production surface. */
.ai-page .ai-capabilities-section{
  background:#0d0d0f!important;
  color:#f4f4f4!important;
  position:relative;
  overflow:hidden;
}
.ai-page .ai-capabilities-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.ai-page .ai-cap-grid{
  position:relative;z-index:1;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:980px;
  margin-inline:auto;
}
.ai-page .ai-cap-grid article{
  min-height:0!important;
  padding:0 0 15px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f4f4!important;
  backdrop-filter:blur(12px);
}
.ai-page .ai-cap-grid article::before{width:2px!important;height:36px!important;background:rgba(255,255,255,.48)!important}
.ai-page .ai-cap-grid img{
  height:92px!important;
  aspect-ratio:16/7!important;
  object-fit:cover!important;
  filter:saturate(.72) contrast(1.08)!important;
}
.ai-page .ai-cap-grid article>span{
  margin:13px 15px 0!important;
  color:rgba(244,244,244,.55)!important;
  font-size:.65rem!important;
  letter-spacing:.12em!important;
}
.ai-page .ai-cap-grid h2{
  margin:7px 15px 5px!important;
  color:#f4f4f4!important;
  font-size:1.18rem!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
}
.ai-page .ai-cap-grid p{
  margin:0 15px!important;
  color:rgba(244,244,244,.64)!important;
  font-size:.78rem!important;
  line-height:1.48!important;
}
@media(max-width:900px){.ai-page .ai-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.ai-page .ai-cap-grid{grid-template-columns:1fr!important}.ai-page .ai-cap-grid img{height:108px!important}}

/* ===== August refinement pass: only requested fixes ===== */

/* Remove all oversized transparent background Flowhaze marks. */
.hero-section::before,.testimonials-section::before,.page-cta::before,.inner-hero::before,.contact-hero::before{display:none!important;content:none!important;background:none!important}

/* Header logo: retain smaller scale, align with the content grid instead of the edge. */
.site-header .header-inner{padding-left:22px!important;padding-right:0!important}
.site-header .logo-link{margin-left:0!important;flex:0 0 auto}
.site-header .logo-link img{width:142px!important}
@media(max-width:700px){.site-header .header-inner{padding-left:10px!important}.site-header .logo-link img{width:112px!important}}

/* Thank-you: smaller witty headline and perfectly centred visual. */
.thank-you-inner{max-width:760px!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.thank-you-inner img{display:block!important;width:min(420px,78vw)!important;margin:0 auto 2.1rem!important;object-position:center!important}
.thank-you-inner h1{font-size:clamp(1.8rem,3vw,3rem)!important;line-height:1.05!important;max-width:720px!important;text-wrap:balance}
.thank-you-inner .just-kidding{font-size:1.15rem!important;margin-top:1.15rem!important}

/* Stats: remove every possible underline/accent below the figures. */
.stats-grid strong,.stats-grid strong::before,.stats-grid strong::after,.stats-strip strong,.stats-strip strong::before,.stats-strip strong::after{border:0!important;box-shadow:none!important;background-image:none!important;text-decoration:none!important}
.stats-grid strong::before,.stats-grid strong::after,.stats-strip strong::before,.stats-strip strong::after{display:none!important;content:none!important}

/* Contact guide: equal image wells and exact text baselines. */
.brief-grid{align-items:stretch!important}
.brief-grid article{display:grid!important;grid-template-rows:122px auto auto 1fr!important;align-content:start!important;padding:12px!important;min-height:300px!important}
.brief-grid article img{width:100%!important;height:122px!important;aspect-ratio:auto!important;object-fit:cover!important;margin:0 0 14px!important;border-radius:0!important}
.brief-grid article>span{margin:0!important;align-self:end!important;line-height:1!important}
.brief-grid article h2{margin:8px 0 8px!important;min-height:1.35em!important}
.brief-grid article p{margin:0!important;align-self:start!important}

/* Contact form area: no imagery; text sits closer to and vertically centred with form. */
.contact-image-stack{display:none!important}
.contact-hero{padding-top:clamp(5rem,8vw,8rem)!important}
.contact-grid{grid-template-columns:minmax(280px,.72fr) minmax(620px,1.28fr)!important;gap:clamp(2.5rem,5vw,5rem)!important;align-items:center!important}
.contact-copy{position:static!important;max-width:520px!important;justify-self:end!important;align-self:center!important;padding-right:clamp(.5rem,1.5vw,1.5rem)!important}
.contact-copy h1{font-size:clamp(2.35rem,3.5vw,3.65rem)!important}
.contact-copy p{max-width:470px!important}
.contact-methods{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;margin-top:1.75rem}
.contact-methods .mail-link{margin:0!important;font-size:1.18rem!important;color:#fff!important;border-bottom:2px solid var(--acid);padding-bottom:.2rem}
.phone-link{display:inline-flex;align-items:center;gap:.8rem;color:#fff!important;font-size:.98rem;line-height:1.35}
.phone-link strong{font-size:1.08rem;color:#fff}
.contact-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-size:.72rem;color:var(--acid)}
@media(max-width:1100px){.contact-grid{grid-template-columns:1fr!important}.contact-copy{justify-self:start!important;padding-right:0!important;max-width:620px!important}.project-form{width:100%!important}}

/* Services rows: approximately 30% more compact while preserving the alternating design. */
.service-stack{gap:64px!important;max-width:1120px!important;margin-inline:auto!important}
.service-feature,.service-feature-reverse{grid-template-columns:1.05fr .95fr!important;gap:46px!important}
.service-feature-reverse{grid-template-columns:.95fr 1.05fr!important}
.service-image{height:350px!important;border-radius:18px!important}
.service-copy h2{font-size:clamp(2rem,3vw,3.15rem)!important;margin:12px 0!important}
.service-copy p{font-size:.98rem!important;line-height:1.55!important;max-width:560px!important}
.service-copy ul{margin-top:14px!important;gap:7px!important}
.service-copy li{padding:7px 10px!important;font-size:.72rem!important}
@media(max-width:1100px){.service-feature,.service-feature-reverse{grid-template-columns:1fr!important}.service-image{height:330px!important}}
@media(max-width:700px){.service-image{height:250px!important}.service-stack{gap:52px!important}}

/* AI page cards: compact 3-column studio grid, around 35% smaller. */
html[data-page="ai"] .ai-capabilities-section{padding-top:80px!important;padding-bottom:80px!important;background:#0d0d0f!important;color:#f4f4f4!important}
html[data-page="ai"] .ai-cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:1040px!important;margin-inline:auto!important}
html[data-page="ai"] .ai-cap-grid article{padding:0 0 16px!important;min-height:0!important;border-radius:14px!important;background:#151518!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important}
html[data-page="ai"] .ai-cap-grid article::before{height:34px!important;width:2px!important}
html[data-page="ai"] .ai-cap-grid img{height:126px!important;width:100%!important;object-fit:cover!important}
html[data-page="ai"] .ai-cap-grid article>span{margin:14px 16px 0!important;color:rgba(255,255,255,.5)!important;font-size:.66rem!important}
html[data-page="ai"] .ai-cap-grid h2{font-size:1.28rem!important;line-height:1.08!important;margin:8px 16px 6px!important;color:#fff!important;letter-spacing:-.025em!important}
html[data-page="ai"] .ai-cap-grid p{font-size:.8rem!important;line-height:1.45!important;margin:0 16px!important;color:rgba(255,255,255,.66)!important}
@media(max-width:900px){html[data-page="ai"] .ai-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){html[data-page="ai"] .ai-cap-grid{grid-template-columns:1fr!important}html[data-page="ai"] .ai-cap-grid img{height:150px!important}}

/* Testimonials: clear section break and wording suited to individuals. */
.testimonials-section{border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:#101010!important}
.testimonial-heading h2{max-width:820px!important}
