
/* WMC stable v7 fixes: based on v2 design, do not change off-canvas style */
:root{--gold:#ffb347;}
body{overflow-x:hidden;}
.site-header{z-index:80}.offcanvas{z-index:100}.menu-overlay{z-index:95}.modal-overlay{z-index:120}
/* real SEO h1, visual heading is h2 */
.hero .seo-h1,.home-hero .seo-h1{margin:0 0 .95rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(.82rem,1.05vw,1rem)!important;line-height:1.35!important;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--muted);max-width:780px;}
.home-hero .display-heading,.hero .display-heading{margin:0;font-family:Georgia,serif;font-weight:900;letter-spacing:-.064em;line-height:.9;font-size:clamp(3.2rem,6.7vw,6.55rem);max-width:860px;}
.hero .display-heading{font-size:clamp(3.0rem,5.8vw,5.8rem);max-width:880px;}
.home-hero .hero-copy{max-width:820px}.hero-copy{max-width:850px}
.hero-intro{font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.58;}
/* stable hero video phone overlap */
.home-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);align-items:center;gap:clamp(1.6rem,4vw,4rem);}
.reel-stack{position:relative;min-height:610px;width:100%;justify-self:end;overflow:visible;}
.reel{width:clamp(245px,25vw,330px);aspect-ratio:9/16;border-radius:2.15rem;border:8px solid #101014;background:#101014;overflow:hidden;box-shadow:0 36px 100px -55px rgba(16,16,20,.75);}
.reel-one{right:4%;top:0;left:auto;bottom:auto;z-index:2;transform:rotate(3.5deg);}
.reel-two{right:28%;left:auto;bottom:12px;top:auto;z-index:1;transform:rotate(-6deg);}
.reel iframe,.phone-mock iframe,.video-card iframe{width:100%;height:100%;border:0;display:block;background:#071927;}
/* desktop video examples: do not overload pages */
.video-section{margin:3rem auto;border-radius:3rem;}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:1.1rem;align-items:start;}
.video-grid .video-card:nth-child(n+3){display:none!important;}
.video-card{aspect-ratio:9/16;border-radius:1.6rem;overflow:hidden;background:#111;border:6px solid #1d1d23;box-shadow:0 28px 80px -55px rgba(0,0,0,.72);max-height:640px;}
.video-section .section-head h2{font-size:clamp(2.6rem,5.4vw,5.2rem);max-width:980px;}
/* remove broken old floating WhatsApp if it survived cache */
.wa-float{display:none!important;}
/* simple reviews */
.review-section{background:var(--bg);}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1440px;margin:auto;}
.review-card{background:#fff;border:1px solid var(--line);border-radius:2rem;padding:1.35rem 1.4rem;box-shadow:0 22px 80px -60px rgba(16,16,20,.48);}
.review-card .stars{color:var(--gold);letter-spacing:.08em;font-size:1rem;margin-bottom:.75rem;display:block;}
.review-card p{font-family:Georgia,serif;font-size:1.55rem;line-height:1.06;font-weight:900;margin:.4rem 0 .9rem;color:var(--ink);}
.review-card small{color:var(--muted);font-weight:800;}
/* image sections */
.photo-strip{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:1rem;max-width:1440px;margin:auto;align-items:stretch;}
.photo-tile{min-height:320px;border-radius:2rem;overflow:hidden;background:#eee;border:1px solid var(--line);box-shadow:0 24px 80px -60px rgba(16,16,20,.5);}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-tile.tall{min-height:460px;}
.clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1440px;margin:auto;}
.client-logo-box{height:138px;background:#d9d2c8;border:1px solid rgba(16,16,20,.12);border-radius:1.4rem;display:grid;place-items:center;padding:1.1rem;}
.client-logo-box img{max-width:100%;max-height:82px;object-fit:contain;}
/* CTAs */
.whatsapp-pill{display:inline-flex;align-items:center;gap:.55rem;background:#25d366;color:#06110a;border-radius:999px;padding:.82rem 1.05rem;font-weight:900;}
.whatsapp-pill span{width:.72rem;height:.72rem;border-radius:99px;background:#fff;display:inline-block;}
/* better page sections */
.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1440px;margin:auto;}
.feature-box{background:#fff;border:1px solid var(--line);border-radius:2rem;padding:1.35rem;}
.feature-box h3{font-family:Georgia,serif;font-size:1.65rem;line-height:1;margin:.2rem 0 .6rem;}
.feature-box p{color:var(--muted);line-height:1.65;margin:0;}
/* no duplicate stars/price pills stacking */
.hero-copy .price-pill + .price-pill,.hero-copy .hero-trust + .hero-trust{display:none;}
/* footer stays v2 but adds WhatsApp neatly */
.footer .whatsapp-pill{margin-top:1rem;}
@media(max-width:1100px){.home-grid,.hero-inner{grid-template-columns:1fr}.reel-stack{min-height:560px;justify-self:center;max-width:650px}.review-cards{grid-template-columns:1fr 1fr}.clients-grid{grid-template-columns:repeat(3,1fr)}.photo-strip{grid-template-columns:1fr 1fr}.features-list{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.home-hero .display-heading,.hero .display-heading{font-size:clamp(2.75rem,13vw,4.45rem);letter-spacing:-.055em;line-height:.91}.seo-h1{font-size:.78rem}.home-grid{gap:1.4rem}.reel-stack{min-height:430px;max-width:360px}.reel{width:58vw;border-width:6px;border-radius:1.7rem}.reel-one{right:0;top:0}.reel-two{right:30%;bottom:0}.video-grid{grid-template-columns:1fr}.review-cards,.clients-grid,.photo-strip{grid-template-columns:1fr}.photo-tile,.photo-tile.tall{min-height:280px}.review-card p{font-size:1.28rem}.hdr-actions .email-link{display:none}.site-header{position:sticky}.announce{display:none}}

body[data-page="video-gallery"] .video-grid .video-card{display:block!important}
body[data-page="video-gallery"] .video-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){body[data-page="video-gallery"] .video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body[data-page="video-gallery"] .video-grid{grid-template-columns:1fr}}

/* v8 stable: keep every Bunny player inside its intended portrait frame. */
.hero{padding-top:clamp(3.2rem,5vw,4.8rem);padding-bottom:clamp(3rem,5vw,4.8rem)}
.hero-panel{min-height:620px;isolation:isolate}
.modern-hero .hero-panel:before{content:none!important;display:none!important}
.hero .phone-mock{width:min(320px,62vw);aspect-ratio:9/16!important;top:50%;transform:translate(-50%,-50%) rotate(1.25deg)}
.phone-mock,.reel,.video-card{contain:paint;transform-style:flat}
.phone-mock iframe,.reel iframe,.video-card iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;border:0!important}
.video-card{width:100%;justify-self:center;max-width:360px;aspect-ratio:9/16!important}
@media(max-width:1100px){.hero-panel{min-height:610px}.hero .phone-mock{width:min(310px,70vw)}}
@media(max-width:680px){main{padding-top:0}.hero{padding-top:2.2rem}.hero-panel{min-height:500px}.hero .phone-mock{width:min(270px,72vw);border-width:7px;border-radius:2rem;transform:translate(-50%,-50%) rotate(.75deg)}.video-card{max-width:310px}}
