/* PurplePerfect desktop-review refinements — Remark Draft 1.0 */
:root{--pp-rx:50%;--pp-ry:50%}
.pp-global-nav{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
  align-items:center!important;
}
.pp-global-brand{justify-self:start!important}
.pp-global-links{justify-self:center!important}
.pp-global-quote{justify-self:end!important}

/* Accessible, full-width video experience */
.pp-video-trigger{cursor:pointer;position:relative}
.pp-video-trigger:focus-visible{outline:3px solid #35D7FF;outline-offset:5px}
.pp-video-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:clamp(18px,3vw,48px);background:rgba(5,4,16,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pp-video-modal.is-open{display:flex}
.pp-video-shell{width:min(1500px,96vw);max-height:94vh;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.52fr);overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 42px 150px rgba(0,0,0,.52);position:relative}
.pp-video-stage{position:relative;min-height:min(76vh,820px);background:#090B17 center/cover no-repeat;display:grid;place-items:center;overflow:hidden}
.pp-video-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,15,.04),rgba(4,5,15,.45));pointer-events:none}
.pp-video-frame{position:absolute;inset:0;display:none;background:#000;z-index:4}
.pp-video-frame.is-active{display:block}
.pp-video-frame iframe,.pp-video-frame video{width:100%;height:100%;border:0;display:block;object-fit:contain;background:#000}
.pp-video-play{position:relative;z-index:3;width:94px;height:94px;border-radius:999px;border:0;background:#fff;color:#702AFF;font-size:34px;display:grid;place-items:center;cursor:pointer;box-shadow:0 24px 80px rgba(0,0,0,.32)}
.pp-video-play[hidden]{display:none}
.pp-video-pending{position:relative;z-index:3;border-radius:999px;background:rgba(255,255,255,.92);color:#101223;padding:12px 18px;font-weight:900;font-size:13px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.pp-video-info{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#F8F4FF)}
.pp-video-info small{color:#702AFF;font-weight:950;text-transform:uppercase;letter-spacing:.13em}
.pp-video-info h2{font-size:clamp(34px,4.5vw,66px)!important;line-height:.92!important;letter-spacing:-.07em!important;margin:14px 0 18px!important}
.pp-video-info p{font-size:16px!important;line-height:1.65!important;color:#66657A!important}
.pp-video-close{position:absolute;right:16px;top:16px;z-index:9;width:46px;height:46px;border-radius:999px;border:1px solid rgba(10,10,25,.12);background:#fff;color:#090916;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 16px 50px rgba(0,0,0,.2)}
body.pp-video-open{overflow:hidden}

/* Home: premium motion fields and centred close */
.client-love,.client-logo-proof{position:relative;overflow:hidden;isolation:isolate}
.client-love:before,.client-logo-proof:before{content:"";position:absolute;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--pp-rx) var(--pp-ry),rgba(122,44,255,.17),transparent 24%),radial-gradient(circle at calc(100% - var(--pp-rx)) calc(100% - var(--pp-ry)),rgba(53,215,255,.12),transparent 28%);transition:background-position .18s ease;filter:blur(2px)}
.client-love:after,.client-logo-proof:after{content:"";position:absolute;width:300px;height:300px;border-radius:48% 52% 64% 36%/44% 38% 62% 56%;right:-100px;top:32px;z-index:-1;border:1px solid rgba(122,44,255,.16);background:linear-gradient(145deg,rgba(122,44,255,.08),rgba(53,215,255,.03));transform:translate(calc((var(--pp-rx) - 50%) * .08),calc((var(--pp-ry) - 50%) * .08)) rotate(18deg);transition:transform .18s ease}
.client-love .section-top{align-items:center!important}
.client-love .section-top>div{max-width:980px}
.start-safely .start-box{text-align:center!important}
.start-safely .start-box p{margin-left:auto!important;margin-right:auto!important}
.start-safely .final-ctas{justify-content:center!important}

/* About: stronger image treatment, hover system and CTA alignment */
.pp-about-page .hero-b .mast-image img{object-position:center 42%!important}
.pp-about-page .imagebank-dark .cinema-strip{grid-template-columns:1.35fr .85fr .85fr!important;gap:18px!important}
.pp-about-page .imagebank-dark .image-card{height:410px!important;background:#0A0C18}
.pp-about-page .imagebank-dark .image-card img{width:100%;height:100%;object-fit:cover!important}
.pp-about-page .imagebank-dark .image-card:nth-child(1) img{object-position:center 52%!important}
.pp-about-page .imagebank-dark .image-card:nth-child(2) img{object-position:center 40%!important}
.pp-about-page .imagebank-dark .image-card:nth-child(3) img{object-position:center 48%!important}
.pp-about-page .service-card{transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.pp-about-page .service-card:hover,.pp-about-page .service-card:focus-within{transform:translateY(-6px);background:linear-gradient(145deg,#5D18E8,#7A2CFF 56%,#1E6BFF)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 28px 90px rgba(80,30,210,.28)!important}
.pp-about-page .service-card:hover p,.pp-about-page .service-card:focus-within p{color:rgba(255,255,255,.84)!important}
.pp-about-page .service-card:hover .mini-label,.pp-about-page .service-card:focus-within .mini-label{background:rgba(255,255,255,.16)!important;color:#fff!important}
.pp-about-page .founder-img img{object-position:center 38%!important}
.pp-about-page .cta-band{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:58px clamp(28px,5vw,72px)!important}
.pp-about-page .cta-band>div:first-child{max-width:920px}
.pp-about-page .cta-band p{margin-left:auto!important;margin-right:auto!important;max-width:740px}
.pp-about-page .cta-band .cta-actions{justify-content:center!important}

/* Contact: richer hero, editorial image rather than fake video, simpler map */
.pp-contact-page .hero{background:radial-gradient(circle at 18% 18%,rgba(122,44,255,.44),transparent 32%),radial-gradient(circle at 82% 14%,rgba(53,215,255,.22),transparent 30%),linear-gradient(135deg,#15072D 0%,#31106A 52%,#082F5C 100%)!important;color:#fff!important}
.pp-contact-page .hero:before{background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 35%)!important}
.pp-contact-page .hero h1{color:#fff!important}
.pp-contact-page .hero p,.pp-contact-page .hero .microline{color:rgba(255,255,255,.76)!important}
.pp-contact-page .route{background:rgba(255,255,255,.94)!important}
.pp-contact-page .reel-phone{background:#0A0D1B!important;transform:rotate(1deg)!important}
.pp-contact-page .reel-video{background-image:linear-gradient(180deg,rgba(8,8,18,.08),rgba(8,8,18,.72)),url('pp_final_assets/quote_project_direction.jpg')!important;background-size:cover!important;background-position:center!important}
.pp-contact-page .reel-video .play{display:none!important}
.pp-contact-page .reel-content small{background:rgba(255,255,255,.16)!important}
.pp-contact-page .reel-caption div{background:rgba(10,10,25,.46)!important}
.pp-contact-page .pp-contact-map-faq{padding-top:48px!important}
.pp-contact-page .location-faq-grid{grid-template-columns:1fr!important}
.pp-contact-page .faq-panel{display:none!important}
.pp-contact-page .map-feature{max-width:1240px;margin:0 auto}

@media(max-width:980px){
  .pp-global-nav{grid-template-columns:1fr auto!important}
  .pp-global-links{display:none!important}
  .pp-video-shell{grid-template-columns:1fr;overflow:auto}
  .pp-video-stage{min-height:56vw}
  .pp-about-page .imagebank-dark .cinema-strip{grid-template-columns:1fr!important}
  .pp-about-page .imagebank-dark .image-card{height:420px!important}
}
@media(prefers-reduced-motion:reduce){.client-love:after,.client-logo-proof:after,.pp-about-page .service-card{transition:none!important;transform:none!important}}
/* Final visual QA corrections */
.pp-about-page .service-card.featured{background:linear-gradient(180deg,#fff,#fbf9ff)!important;color:#090916!important;border-color:var(--line)!important;box-shadow:0 18px 66px rgba(22,14,70,.07)!important}
.pp-about-page .service-card.featured p{color:#69657b!important}
.pp-about-page .service-card.featured .mini-label{background:rgba(109,40,255,.08)!important;color:#6d28ff!important}
.pp-about-page .service-card:hover h3,.pp-about-page .service-card:focus-within h3{color:#fff!important}
.pp-about-page .service-card:hover p,.pp-about-page .service-card:focus-within p,.pp-about-page .service-card.featured:hover p,.pp-about-page .service-card.featured:focus-within p{color:rgba(255,255,255,.84)!important}
.pp-about-page .service-card:hover .mini-label,.pp-about-page .service-card:focus-within .mini-label,.pp-about-page .service-card.featured:hover .mini-label,.pp-about-page .service-card.featured:focus-within .mini-label{background:rgba(255,255,255,.16)!important;color:#fff!important}
.pp-about-page .founder-img img{object-position:72% center!important}
.pp-contact-page .route h3{color:#101223!important}
.pp-contact-page .route p{color:#66657A!important}


/* PurplePerfect Desktop Review, Remark Draft 2.0 */
/* Shared navigation remains balanced: logo left, menu centred, quote action right. */
.pp-global-nav{display:grid!important;grid-template-columns:minmax(176px,1fr) auto minmax(176px,1fr)!important;align-items:center!important;width:100%!important;left:0!important;right:0!important;top:0!important;transform:none!important;border-radius:0!important;padding:8px clamp(16px,3vw,36px)!important;background:rgba(255,255,255,.88)!important}
.pp-global-brand{justify-self:start!important}.pp-global-links{justify-self:center!important}.pp-global-quote{justify-self:end!important}

/* Restore one consistent premium footer on every page, including Quote. */
.pp-global-footer{display:block!important;position:relative!important;width:100%!important;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.20),transparent 24%),radial-gradient(circle at 82% 10%,rgba(59,215,255,.22),transparent 28%),linear-gradient(135deg,#13052E 0%,#3A0A76 45%,#6A28FF 100%)!important;color:#fff!important;padding:82px 0 30px!important;overflow:hidden!important}
.pp-footer-inner{width:min(calc(100% - 44px),1240px)!important;margin:auto!important}.pp-footer-top{display:grid!important;grid-template-columns:1.35fr .65fr!important;gap:36px!important;align-items:end!important;padding-bottom:52px!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.pp-footer-kicker{font-size:12px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;margin-bottom:18px!important}.pp-footer-top h2{font-size:clamp(42px,6vw,92px)!important;line-height:.9!important;letter-spacing:-.08em!important;margin:0!important;color:#fff!important}.pp-footer-contact-card{border-radius:30px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.17)!important;backdrop-filter:blur(14px)!important;padding:26px!important;box-shadow:0 28px 90px rgba(0,0,0,.20)!important}.pp-footer-contact-card a{display:block!important;color:#fff!important;text-decoration:none!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.03em!important;margin-bottom:12px!important}.pp-footer-contact-card p{color:rgba(255,255,255,.72)!important;margin:10px 0 0!important;line-height:1.55!important}.pp-footer-grid{display:grid!important;grid-template-columns:1.45fr repeat(3,.85fr)!important;gap:30px!important;padding:40px 0!important}.pp-footer-grid h3{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:rgba(255,255,255,.52)!important;margin:0 0 16px!important}.pp-footer-grid a{display:block!important;color:rgba(255,255,255,.84)!important;text-decoration:none!important;margin:0 0 10px!important;font-weight:700!important}.pp-footer-grid p{color:rgba(255,255,255,.64)!important;max-width:330px!important;line-height:1.65!important}.pp-footer-bottom{display:flex!important;justify-content:space-between!important;gap:18px!important;border-top:1px solid rgba(255,255,255,.16)!important;padding-top:22px!important;color:rgba(255,255,255,.56)!important;font-size:13px!important}

/* Home copy rhythm and image movement. */
.case-card .case-img img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease!important}.case-card:hover .case-img img,.case-card:focus-within .case-img img{transform:scale(1.045)!important;filter:contrast(1.06) saturate(1.08)!important}.marine-photo-card img{object-position:center 38%!important}.premium-copy h2{max-width:1180px!important;font-size:clamp(46px,6.8vw,104px)!important;line-height:.92!important}.pp-word-reveal .pp-word{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(5px);transition:opacity .42s ease,transform .52s cubic-bezier(.2,.8,.2,1),filter .42s ease;transition-delay:calc(var(--word-index) * 42ms);will-change:opacity,transform,filter}.pp-word-reveal.is-visible .pp-word{opacity:1;transform:none;filter:none}.start-safely .pp-word-reveal .pp-word{transition-delay:calc(var(--word-index) * 36ms)}

/* About hero, client engagement gallery and testimonial spacing. */
.pp-purple-story{color:#7A2CFF!important}.pp-about-page .hero-b h1{max-width:1050px!important}.client-engagement-track{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(310px,34vw)!important;gap:18px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x mandatory!important;padding:8px 2px 22px!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.38) transparent!important}.client-engagement-card{position:relative!important;height:430px!important;margin:0!important;border-radius:30px!important;overflow:hidden!important;scroll-snap-align:start!important;background:#0B0D19!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 28px 84px rgba(0,0,0,.28)!important}.client-engagement-card img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;filter:contrast(1.02) saturate(1.04)!important}.client-engagement-card:hover img{transform:scale(1.045)!important;filter:contrast(1.05) saturate(1.07)!important}.client-engagement-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(4,5,14,.78));pointer-events:none}.client-engagement-card figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;font-size:15px;font-weight:850;line-height:1.35;letter-spacing:-.02em}.pp-about-page .founder-img img{object-position:center 42%!important}.pp-about-page .quote-box{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:20px!important;padding:clamp(32px,4vw,54px)!important;overflow:visible!important}.pp-client-quote{font-size:clamp(38px,4.5vw,64px)!important;line-height:.98!important;letter-spacing:-.065em!important;font-weight:950!important;margin:0!important;max-width:760px!important}.pp-client-credit{display:grid!important;gap:5px!important;padding-top:4px!important}.pp-client-credit strong{font-size:19px!important}.pp-client-credit span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#7A2CFF!important;font-weight:900!important}.pp-client-note{font-size:17px!important;line-height:1.65!important;color:#676579!important;max-width:680px!important;margin:0!important}

/* Quote page navigation and footer safety. */
.pp-quote-page main{min-height:70vh!important}.pp-quote-page .pp-global-footer{margin-top:72px!important}.pp-quote-page .pp-site-logo{display:block!important}.pp-quote-page .pp-global-nav,.pp-quote-page .pp-global-footer{visibility:visible!important;opacity:1!important}

@media(max-width:980px){.pp-global-nav{grid-template-columns:1fr auto!important}.pp-global-links{display:none!important}.pp-footer-top,.pp-footer-grid{grid-template-columns:1fr!important}.client-engagement-track{grid-auto-columns:minmax(300px,72vw)!important}.pp-footer-bottom{display:block!important}.pp-footer-bottom span{display:block!important;margin-top:8px!important}}
@media(max-width:680px){.client-engagement-track{grid-auto-columns:84vw!important}.client-engagement-card{height:390px!important;border-radius:24px!important}.pp-footer-inner{width:min(calc(100% - 28px),1240px)!important}.pp-global-nav{padding:7px 12px!important}.pp-word-reveal .pp-word{transform:translateY(16px);transition-delay:calc(var(--word-index) * 28ms)}}
@media(prefers-reduced-motion:reduce){.pp-word-reveal .pp-word{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.case-card .case-img img,.client-engagement-card img{transition:none!important}.case-card:hover .case-img img,.client-engagement-card:hover img{transform:none!important}}


/* =========================================================
   PurplePerfect Desktop Review, Remark Draft 3.0
   Soft bento system, immersive reel and refined story layouts
   ========================================================= */
html,body{overflow-x:clip!important}

:root{
  --pp-bento-xl:44px;
  --pp-bento-lg:36px;
  --pp-bento-md:28px;
  --pp-bento-sm:22px;
  --pp-bento-border:rgba(15,14,35,.10);
  --pp-bento-shadow:0 24px 76px rgba(27,16,76,.10);
  --pp-bento-shadow-hover:0 32px 96px rgba(54,24,126,.16);
}

/* Universal bento treatment for actual cards and boxed content, never the flat navigation. */
:where(
  .hero-cinema,.stats,.logo-tile,.industry-card,.case-card,.category-photo,.category-point,
  .director-card,.marine-photo-card,.love-grid article,.start-box,
  .portfolio-console,.filter-deck,.work-card,.whitepaper-box,.report-cover,.whitepaper-form,.final-inner,
  .mast-image,.stat-line,.belief,.clarity-card,.service-card,.founder-grid,.founder-img,
  .quote-box,.review-scroll,.review-card,.client-logo-grid>div,.story-panel,.cta-band,
  .route,.reel-phone,.contact-card,.info-panel,.form-panel,.map-feature,.map,
  .quote-hero,.image-proof,.proof-strip,.logo-grid>span,.mini-proof,.decorative-testimonial
){
  border-radius:var(--pp-bento-lg)!important;
  border-color:var(--pp-bento-border)!important;
  box-shadow:var(--pp-bento-shadow)!important;
}
:where(.logo-tile,.category-point,.review-card,.client-logo-grid>div,.contact-card,.logo-grid>span,.mini-proof){
  border-radius:var(--pp-bento-md)!important;
}
:where(.hero-cinema,.industry-card,.case-card,.category-photo,.marine-photo-card,.mast-image,.founder-img,.story-panel,.image-proof,.map){
  overflow:hidden!important;
}
:where(.industry-card,.case-card,.work-card,.belief,.clarity-card,.service-card,.review-card,.client-logo-grid>div,.contact-card,.mini-proof){
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important;
}
:where(.industry-card,.case-card,.work-card,.belief,.clarity-card,.review-card,.client-logo-grid>div,.contact-card,.mini-proof):hover{
  transform:translateY(-5px);
  box-shadow:var(--pp-bento-shadow-hover)!important;
}
:where(.industry-grid,.case-grid,.love-grid,.work-grid,.belief-row,.clarity-grid,.service-grid,.client-logo-grid,.logo-grid,.mini-proof-row){
  gap:clamp(14px,1.6vw,22px)!important;
}

/* Home immersive reel: sticky, scroll linked expansion with uninterrupted page flow. */
.reel-wall[data-immersive-reel]{
  position:relative!important;
  height:190vh!important;
  padding:0!important;
  background:linear-gradient(180deg,#070815 0%,#100827 45%,#060712 100%)!important;
  overflow:visible!important;
}
.reel-wall[data-immersive-reel]>.container{
  position:sticky!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  padding:clamp(12px,2.2vw,30px)!important;
  display:grid!important;
  place-items:center!important;
}
.reel-wall[data-immersive-reel] .reel{
  width:var(--immersive-width,min(1240px,calc(100vw - 44px)))!important;
  height:var(--immersive-height,min(74vh,760px))!important;
  min-height:0!important;
  border-radius:var(--immersive-radius,40px)!important;
  box-shadow:0 40px 140px rgba(0,0,0,.45)!important;
  transform:translateZ(0);
  will-change:width,height,border-radius;
  overflow:hidden!important;
}
.reel-wall[data-immersive-reel] .reel img{
  transform:scale(var(--immersive-image-scale,1));
  transition:none!important;
  will-change:transform;
}
.reel-wall[data-immersive-reel] .reel-copy{
  padding:clamp(22px,4vw,62px)!important;
  align-items:flex-end!important;
}
.reel-wall[data-immersive-reel] .play{
  flex:0 0 auto;
  width:clamp(68px,7vw,102px)!important;
  height:clamp(68px,7vw,102px)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.36)!important;
}
.immersive-scroll-note{
  display:block;
  margin-top:14px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}

/* About philosophy and service hierarchy. */
.pp-about-page .philosophy h2{max-width:1050px!important}
.pp-about-page .belief{padding:clamp(26px,3vw,38px)!important;background:linear-gradient(180deg,#fff,#FBF9FF)!important}
.pp-about-page .belief b{font-size:clamp(22px,2vw,30px)!important;line-height:1.02!important}
.pp-about-page .service-products .section-head{display:block!important;margin-bottom:34px!important}
.pp-about-page .service-products .section-head h2{max-width:820px!important}

/* Founder biography: image led, readable and balanced despite longer copy. */
.pp-about-page .founder-section{
  background:linear-gradient(180deg,#F7F2FF 0%,#fff 100%)!important;
  padding:104px 0!important;
}
.pp-about-page .founder-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:clamp(28px,4vw,58px)!important;
  align-items:stretch!important;
  padding:clamp(18px,2vw,28px)!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid var(--pp-bento-border)!important;
  backdrop-filter:blur(12px);
}
.pp-about-page .founder-img{
  height:auto!important;
  min-height:720px!important;
  border-radius:var(--pp-bento-lg)!important;
  box-shadow:none!important;
}
.pp-about-page .founder-img img{
  object-fit:cover!important;
  object-position:center 42%!important;
}
.pp-about-page .founder-copy{
  padding:clamp(18px,2.6vw,36px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.pp-about-page .founder-copy h2{
  font-size:clamp(42px,5.4vw,78px)!important;
  line-height:.92!important;
  max-width:720px!important;
  margin:18px 0 24px!important;
}
.pp-about-page .founder-intro{
  font-size:clamp(18px,1.45vw,22px)!important;
  line-height:1.62!important;
  color:#343146!important;
  font-weight:650!important;
}
.pp-about-page .founder-body{
  font-size:16px!important;
  line-height:1.72!important;
  color:#69657B!important;
  margin-top:0!important;
  margin-bottom:18px!important;
}

/* Client gallery: no black letterbox, clear subject framing and scroll reveal. */
.pp-about-page .client-engagement-track{
  padding:14px 2px 28px!important;
  align-items:stretch!important;
}
.pp-about-page .client-engagement-card{
  height:430px!important;
  background:#fff!important;
  border:none!important;
  border-radius:var(--pp-bento-lg)!important;
  box-shadow:0 24px 76px rgba(0,0,0,.22)!important;
  opacity:0;
  transform:translateY(72px) scale(.94);
  clip-path:inset(12% 0 0 0 round var(--pp-bento-lg));
  transition:opacity .7s ease,transform .85s cubic-bezier(.2,.8,.2,1),clip-path .85s cubic-bezier(.2,.8,.2,1)!important;
  transition-delay:calc(var(--gallery-index,0) * 70ms)!important;
}
.pp-about-page .client-engagement-card.is-visible{
  opacity:1;
  transform:none;
  clip-path:inset(0 0 0 0 round var(--pp-bento-lg));
}
.pp-about-page .client-engagement-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  transform:translateY(var(--gallery-shift,0px)) scale(var(--gallery-scale,1.03))!important;
  transition:filter .35s ease!important;
  will-change:transform;
  background:#fff!important;
}
.pp-about-page .client-engagement-card:hover{--gallery-scale:1.065}
.pp-about-page .client-engagement-card:after{inset:54% 0 0!important;background:linear-gradient(180deg,transparent,rgba(6,7,18,.72))!important}

@media(max-width:1050px){
  .pp-about-page .founder-grid{grid-template-columns:1fr!important}
  .pp-about-page .founder-img{min-height:540px!important}
  .reel-wall[data-immersive-reel]{height:165vh!important}
}
@media(max-width:680px){
  :root{--pp-bento-xl:34px;--pp-bento-lg:28px;--pp-bento-md:22px}
  .reel-wall[data-immersive-reel]{height:150vh!important}
  .reel-wall[data-immersive-reel]>.container{padding:10px!important}
  .reel-wall[data-immersive-reel] .reel-copy{display:grid!important;gap:18px!important;align-content:end!important}
  .reel-wall[data-immersive-reel] .reel-copy h2{font-size:clamp(34px,10vw,52px)!important}
  .reel-wall[data-immersive-reel] .reel-copy p{font-size:15px!important}
  .pp-about-page .founder-section{padding:76px 0!important}
  .pp-about-page .founder-grid{padding:12px!important}
  .pp-about-page .founder-img{min-height:460px!important}
  .pp-about-page .founder-copy{padding:22px 12px 12px!important}
  .pp-about-page .client-engagement-card{height:390px!important}
}
@media(prefers-reduced-motion:reduce){
  .reel-wall[data-immersive-reel]{height:auto!important;padding:28px 0!important}
  .reel-wall[data-immersive-reel]>.container{position:relative!important;height:auto!important}
  .reel-wall[data-immersive-reel] .reel{width:min(1240px,calc(100vw - 28px))!important;height:min(68vh,720px)!important;border-radius:var(--pp-bento-lg)!important}
  .pp-about-page .client-engagement-card{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .pp-about-page .client-engagement-card img{transform:none!important}
}