/* PurplePerfect Variant C — The Signature Cut */
:root{
  --pp-c-purple:#7a2cff;
  --pp-c-violet:#a86bff;
  --pp-c-blue:#166dff;
  --pp-c-cyan:#51ddff;
  --pp-c-night:#070611;
  --pp-c-night-2:#0d0a1b;
  --pp-c-ink:#0b0914;
  --pp-c-paper:#fbf9ff;
  --pp-c-cream:#f6f0e8;
  --pp-c-line:rgba(255,255,255,.15);
  --pp-c-line-dark:rgba(16,11,38,.12);
  --pp-c-ease:cubic-bezier(.2,.78,.2,1);
  --pp-c-shadow:0 38px 120px rgba(12,6,35,.24);
  --pp-c-shadow-soft:0 24px 76px rgba(35,18,92,.12);
  --pp-c-max:1320px;
}

html{
  scroll-padding-top:86px;
  background:var(--pp-c-night);
}
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  background:var(--pp-c-night);
}
::selection{background:rgba(122,44,255,.34);color:#fff}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--pp-c-cyan)!important;
  outline-offset:4px!important;
}
.container{
  width:min(calc(100% - clamp(28px,5vw,84px)),var(--pp-c-max))!important;
}
main>section:not(.hero-cinema):not(.hero-b):not(.hero):not(.quote-story){
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
.reveal,.work-card,.client-engagement-card{
  opacity:1!important;
}

/* The recurring signature: a cut of violet light that connects every chapter. */
body:after{
  content:"";
  position:fixed;
  z-index:4900;
  pointer-events:none;
  left:clamp(8px,1.2vw,20px);
  top:24%;
  width:2px;
  height:52vh;
  opacity:.48;
  transform:scaleY(var(--pp-c-scroll,.05));
  transform-origin:top;
  background:linear-gradient(180deg,transparent,var(--pp-c-cyan) 18%,var(--pp-c-purple) 72%,transparent);
  box-shadow:0 0 22px rgba(122,44,255,.42);
}

/* Compact director bar: cinematic, legible, and quiet until needed. */
.pp-global-nav{
  top:14px!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 28px),1220px)!important;
  max-width:1220px!important;
  min-height:58px!important;
  padding:8px 10px 8px 18px!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(9,7,20,.78)!important;
  color:#fff!important;
  box-shadow:0 18px 70px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  transition:transform .42s var(--pp-c-ease),background .24s ease,box-shadow .28s ease!important;
}
.pp-global-nav.pp-opt-scrolled{
  background:rgba(9,7,20,.92)!important;
  box-shadow:0 24px 86px rgba(0,0,0,.34)!important;
}
.pp-global-nav.pp-nav-hidden{
  transform:translate(-50%,calc(-100% - 22px))!important;
}
.pp-global-nav:focus-within{transform:translateX(-50%)!important}
.pp-global-brand{margin-right:auto!important}
.pp-global-nav .pp-site-logo{
  height:20px!important;
  max-width:154px!important;
  filter:brightness(0) invert(1)!important;
}
.pp-global-links{
  display:flex!important;
  align-items:center!important;
  gap:clamp(16px,2vw,28px)!important;
  margin-left:auto!important;
  font-size:12px!important;
  letter-spacing:.025em!important;
}
.pp-global-links a{
  position:relative;
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
}
.pp-global-links a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-7px;
  height:1px;
  background:linear-gradient(90deg,var(--pp-c-cyan),var(--pp-c-purple));
  transition:right .28s var(--pp-c-ease);
}
.pp-global-links a:hover,.pp-global-links a:focus-visible{color:#fff!important}
.pp-global-links a:hover:after,.pp-global-links a:focus-visible:after{right:0}
.pp-global-nav .pp-global-quote{
  margin-left:clamp(10px,1.6vw,22px)!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(135deg,#fff 0%,#dff8ff 100%)!important;
  color:#33106b!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  box-shadow:0 12px 34px rgba(82,38,190,.30)!important;
}
.pp-global-nav .pp-global-quote:hover{
  background:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 16px 42px rgba(95,45,222,.42)!important;
}

/* One persistent conversion action, timed after the first act. */
.pp-opt-dual-cta .pp-floating-quote,
.pp-opt-dual-cta .sticky-quote{
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .24s ease,transform .3s var(--pp-c-ease)!important;
}
.pp-opt-dual-cta.pp-opt-past-hero .pp-floating-quote{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.pp-opt-dual-cta.pp-opt-closing-visible .pp-floating-quote{
  opacity:0!important;
  pointer-events:none!important;
}
.pp-floating-quote{
  right:18px!important;
  left:auto!important;
  bottom:18px!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(9,7,20,.86)!important;
}
.pp-floating-quote a{
  width:auto!important;
  padding:11px 17px!important;
  background:linear-gradient(135deg,var(--pp-c-purple),var(--pp-c-blue))!important;
  font-size:12px!important;
}

/* ACT I — ARRIVAL */
.hero-cinema{
  min-height:100svh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  isolation:isolate;
  overflow:hidden!important;
  background:var(--pp-c-night)!important;
}
.hero-cinema:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,4,14,.94) 0%,rgba(5,4,14,.66) 43%,rgba(5,4,14,.13) 76%),
    linear-gradient(180deg,rgba(5,4,14,.04) 42%,rgba(5,4,14,.84) 100%);
}
.hero-cinema:after{
  content:""!important;
  display:block!important;
  position:absolute;
  z-index:3;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(81,221,255,.66),rgba(122,44,255,.8),transparent);
}
.hero-cinema .hero-bg{inset:0!important}
.hero-cinema .hero-bg img{
  filter:saturate(.86) contrast(1.13) brightness(.77)!important;
  transform:scale(1.05) translate3d(calc(var(--pp-c-pointer-x,0) * -12px),calc(var(--pp-c-pointer-y,0) * -8px),0);
  transition:transform .7s var(--pp-c-ease)!important;
}
.hero-cinema .hero-content{
  z-index:4!important;
  grid-template-columns:minmax(0,1.18fr) minmax(310px,.62fr)!important;
  align-items:end!important;
  gap:clamp(26px,5vw,86px)!important;
  min-height:100svh!important;
  padding-top:clamp(128px,17vh,190px)!important;
  padding-bottom:clamp(54px,8vh,92px)!important;
}
.hero-cinema .hero-copy{
  align-self:center;
  max-width:940px!important;
}
.hero-cinema .kicker{
  display:inline-flex!important;
  align-items:center;
  padding:9px 13px!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(14px);
}
.hero-cinema h1{
  max-width:1000px!important;
  margin:clamp(20px,3vh,34px) 0 24px!important;
  font-size:clamp(62px,8vw,126px)!important;
  line-height:.84!important;
  letter-spacing:-.09em!important;
  text-wrap:balance;
}
.hero-cinema h1 span{
  background:linear-gradient(105deg,#fff 6%,#d9c6ff 46%,#6edfff 96%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.hero-cinema .hero-copy>p{
  max-width:690px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:clamp(18px,1.55vw,23px)!important;
  line-height:1.62!important;
}
.hero-cinema .hero-ctas{margin-top:32px!important}
.hero-cinema .btn-primary{
  background:#fff!important;
  color:#27104d!important;
  box-shadow:0 18px 58px rgba(0,0,0,.22)!important;
}
.hero-cinema .btn-light{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.23)!important;
}
.hero-cinema .director-card{
  align-self:end;
  margin-bottom:0!important;
  padding:clamp(24px,2.7vw,38px)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:4px 38px 4px 38px!important;
  background:linear-gradient(145deg,rgba(13,9,29,.70),rgba(36,14,72,.52))!important;
  color:#fff!important;
  box-shadow:0 36px 120px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
}
.hero-cinema .director-card p{color:rgba(255,255,255,.68)!important}
.hero-cinema .director-card>b{
  display:block;
  max-width:420px;
  font-size:clamp(24px,2.3vw,36px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.hero-cinema .stats{
  margin-top:26px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}
.hero-cinema .stat b{color:#fff!important}
.hero-cinema .stat span{color:rgba(255,255,255,.52)!important}

.pp-c-hero-stack{
  position:absolute;
  z-index:3;
  right:clamp(18px,2.6vw,48px);
  top:clamp(116px,15vh,158px);
  width:min(25vw,360px);
  height:min(31vh,300px);
  pointer-events:none;
}
.pp-c-hero-frame{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 22px 72px rgba(0,0,0,.38);
  opacity:0;
  transform:translate3d(20px,30px,0) rotate(2deg);
  transition:opacity .72s ease,transform .9s var(--pp-c-ease);
}
.pp-c-hero-frame.pp-c-frame-visible{opacity:1;transform:none}
.pp-c-hero-frame img{width:100%;height:100%;object-fit:cover}
.pp-c-hero-frame:nth-child(1){
  inset:0 25% 16% 0;
  border-radius:26px 3px 26px 3px;
}
.pp-c-hero-frame:nth-child(2){
  inset:36% 0 0 34%;
  border-radius:3px 26px 3px 26px;
  transition-delay:.12s;
}
.pp-c-hero-frame:nth-child(3){
  width:86px;
  height:112px;
  right:8%;
  top:-6%;
  border-radius:999px;
  transition-delay:.2s;
}

/* The showreel acts like a second hero, expanding from frame to screen. */
.reel-wall[data-immersive-reel]{
  height:176vh!important;
  overflow:clip!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(122,44,255,.2),transparent 34%),
    linear-gradient(180deg,#05040c,#0c071c 48%,#05040d)!important;
}
.reel-wall[data-immersive-reel]>.container{
  height:100svh!important;
  padding:clamp(10px,2vw,28px)!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;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:var(--immersive-radius,40px)!important;
  clip-path:inset(var(--pp-opt-inset-y,13%) var(--pp-opt-inset-x,8%) round var(--pp-opt-radius,38px));
  box-shadow:0 44px 150px rgba(0,0,0,.58)!important;
  will-change:clip-path;
}
.reel-wall .reel:after{
  background:
    linear-gradient(180deg,rgba(4,3,12,.05) 24%,rgba(4,3,12,.88) 100%),
    linear-gradient(90deg,rgba(4,3,12,.42),transparent 70%)!important;
}
.reel-wall .reel-copy{
  inset:auto clamp(24px,5vw,76px) clamp(28px,7vh,82px)!important;
  align-items:end!important;
  gap:30px!important;
}
.reel-wall .reel-copy h2{
  max-width:980px!important;
  font-size:clamp(46px,7vw,110px)!important;
  line-height:.87!important;
  letter-spacing:-.085em!important;
}
.reel-wall .reel-copy p{max-width:430px!important}
.reel-wall .play{
  width:clamp(72px,7vw,108px)!important;
  height:clamp(72px,7vw,108px)!important;
  background:#fff!important;
  color:var(--pp-c-purple)!important;
}

/* Proof is integrated into the scene instead of floating as a generic logo wall. */
.trust{
  position:relative;
  z-index:2;
  margin-top:-1px!important;
  padding:clamp(54px,7vw,90px) 0!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,#05040d,#100821)!important;
  background-size:clamp(90px,11vw,160px) 100%,auto!important;
  border-color:rgba(255,255,255,.1)!important;
}
.trust h3{
  max-width:640px;
  margin:0 auto 36px!important;
  color:rgba(255,255,255,.74)!important;
  font-weight:680!important;
}
.trust .logos{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.trust .logo-tile{
  min-height:94px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.trust .logo-tile:last-child{border-right:0!important}
.trust .logo-tile small{color:var(--pp-c-cyan)!important}

/* ACT II — IMAGE-RICH EVIDENCE */
.premium-copy{
  position:relative;
  z-index:1;
  padding:clamp(96px,12vw,180px) 0!important;
  background:var(--pp-c-paper)!important;
  overflow:hidden;
}
.premium-copy:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 12%,rgba(122,44,255,.16),transparent 26%),
    radial-gradient(circle at 92% 84%,rgba(22,109,255,.12),transparent 30%);
  pointer-events:none;
}
.premium-copy .container{
  position:relative;
  z-index:2;
  margin-left:max(clamp(26px,7vw,120px),calc((100vw - var(--pp-c-max))/2))!important;
}
.premium-copy .eyebrow{margin-bottom:28px!important}
.premium-copy h2{
  max-width:1180px!important;
  font-size:clamp(56px,8.4vw,132px)!important;
  line-height:.86!important;
  letter-spacing:-.088em!important;
  text-wrap:balance;
}

.pp-c-film-bridge{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:1.45fr .8fr 1fr .62fr 1.2fr;
  grid-template-rows:clamp(230px,27vw,420px) clamp(160px,18vw,280px);
  gap:clamp(10px,1.4vw,22px);
  width:min(calc(100% - clamp(24px,5vw,76px)),1520px);
  margin:clamp(-72px,-5vw,-36px) auto clamp(70px,9vw,130px);
  padding:clamp(10px,1vw,16px);
  background:#0b0817;
  border:1px solid rgba(255,255,255,.13);
  border-radius:40px 4px 40px 4px;
  box-shadow:var(--pp-c-shadow);
}
.pp-c-film-cell{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:26px 3px 26px 3px;
  background:#151020;
  opacity:.01;
  transform:translateY(calc(22px + var(--pp-c-frame-index,0) * 2px));
  transition:opacity .7s ease,transform .9s var(--pp-c-ease);
}
.pp-c-film-cell.pp-c-frame-visible{opacity:1;transform:none}
.pp-c-film-cell img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.9) contrast(1.06);
  transition:transform .8s var(--pp-c-ease),filter .35s ease;
}
.pp-c-film-cell:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.06)}
.pp-c-film-cell:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(4,3,12,.24));
}
.pp-c-film-cell:nth-child(1){grid-row:1/3}
.pp-c-film-cell:nth-child(2){grid-column:2/4}
.pp-c-film-cell:nth-child(3){grid-column:4/6}
.pp-c-film-cell:nth-child(4){grid-column:2}
.pp-c-film-cell:nth-child(5){grid-column:3/5}
.pp-c-film-cell:nth-child(6){grid-column:5}

.vendor.vendor-dark{
  position:relative;
  padding:clamp(92px,10vw,150px) 0!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(122,44,255,.25),transparent 30%),
    linear-gradient(145deg,#0c071a,#05040c 68%)!important;
  overflow:hidden;
}
.vendor.vendor-dark .container{
  display:grid;
  grid-template-columns:minmax(260px,.64fr) minmax(0,1.36fr);
  gap:clamp(34px,6vw,96px);
  align-items:start;
}
.vendor.vendor-dark .section-top{
  position:sticky;
  top:108px;
  display:block!important;
  margin:0!important;
}
.vendor.vendor-dark .section-top h2{
  font-size:clamp(54px,6vw,96px)!important;
}
.vendor.vendor-dark .section-top p{margin-top:24px!important}
.vendor.vendor-dark .industry-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,24px)!important;
}
.vendor.vendor-dark .industry-card{
  min-height:clamp(360px,38vw,540px)!important;
  grid-column:auto!important;
  border-radius:3px 32px 3px 32px!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.4)!important;
}
.vendor.vendor-dark .industry-card:nth-child(even){transform:translateY(68px)}
.vendor.vendor-dark .industry-card .meta{
  left:clamp(20px,2.6vw,34px)!important;
  right:clamp(20px,2.6vw,34px)!important;
  bottom:clamp(22px,2.8vw,36px)!important;
}

.flagship{
  padding:clamp(94px,10vw,150px) 0!important;
  background:linear-gradient(180deg,#fff,#f6f0ff)!important;
}
.flagship .section-top{margin-bottom:clamp(38px,5vw,72px)!important}
.flagship .case-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)!important;
  gap:clamp(16px,2vw,28px)!important;
}
.flagship .case-card{
  position:relative;
  border-radius:4px 40px 4px 40px!important;
  box-shadow:var(--pp-c-shadow-soft)!important;
}
.flagship .case-img{height:clamp(430px,48vw,690px)!important}
.flagship .case-small .case-img{height:clamp(250px,22vw,330px)!important}
.flagship .case-card:first-child .case-body{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  color:#fff;
  background:linear-gradient(180deg,transparent,rgba(4,3,12,.92));
  padding:clamp(28px,4vw,52px)!important;
}
.flagship .case-card:first-child .case-body p{color:rgba(255,255,255,.73)!important}
.flagship .case-card:first-child .case-body small{color:var(--pp-c-cyan)!important}

.category-authority{
  position:relative;
  padding:clamp(100px,11vw,170px) 0!important;
  background:var(--pp-c-cream)!important;
  overflow:hidden;
}
.category-authority:before{
  content:"";
  position:absolute;
  width:min(60vw,820px);
  height:min(60vw,820px);
  right:-20vw;
  top:-24vw;
  border:1px solid rgba(122,44,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 90px rgba(122,44,255,.035),0 0 0 180px rgba(22,109,255,.025);
}
.category-grid{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:clamp(36px,6vw,100px)!important;
}
.category-copy{position:relative;z-index:2}
.category-copy h2{
  font-size:clamp(54px,6.6vw,104px)!important;
  max-width:780px;
}
.category-photo{
  height:clamp(620px,70vw,900px)!important;
  border-radius:52% 4px 52% 4px!important;
  box-shadow:var(--pp-c-shadow)!important;
  transform:rotate(1.2deg);
}
.category-points{
  grid-template-columns:1fr!important;
  max-width:700px;
}
.category-point{
  position:relative;
  padding:18px 20px 18px 54px!important;
  border:0!important;
  border-bottom:1px solid rgba(20,12,45,.12)!important;
  border-radius:0!important;
  background:transparent!important;
}
.category-point:before{
  content:"";
  position:absolute;
  left:12px;
  top:22px;
  width:18px;
  height:2px;
  background:linear-gradient(90deg,var(--pp-c-purple),var(--pp-c-cyan));
}

.marine-testimonial{
  position:relative;
  padding:clamp(96px,11vw,165px) 0!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(5,4,12,.97) 0%,rgba(5,4,12,.79) 48%,rgba(5,4,12,.18) 78%),
    url("client_engagement_assets/faiz_danny_marine_masters.webp") center 38%/cover no-repeat!important;
  overflow:hidden;
}
.marine-testimonial .marine-layout{
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.45fr)!important;
}
.marine-testimonial .marine-main{
  position:relative;
  z-index:2;
  max-width:920px;
  padding:clamp(34px,5vw,74px)!important;
  border-radius:4px 42px 4px 42px!important;
  background:rgba(10,7,22,.64)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 40px 130px rgba(0,0,0,.4)!important;
  backdrop-filter:blur(20px);
}
.marine-testimonial .marine-main h2{
  color:#fff!important;
  font-size:clamp(60px,8vw,128px)!important;
}
.marine-testimonial .marine-credit,
.marine-testimonial .marine-note{color:rgba(255,255,255,.72)!important}
.marine-testimonial .marine-photo-card{
  min-height:630px!important;
  border-radius:999px 999px 8px 8px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  transform:translateX(10%) rotate(2deg);
}

.client-love{
  padding:clamp(94px,10vw,150px) 0!important;
  background:#fff!important;
  overflow:hidden;
}
.client-love .love-grid{
  grid-template-columns:repeat(5,minmax(290px,1fr))!important;
  width:max-content;
  max-width:none;
  gap:16px!important;
}
.client-love .love-grid article{
  width:min(78vw,360px);
  min-height:360px!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:4px 34px 4px 34px!important;
  background:linear-gradient(155deg,#fff,#f7f2ff)!important;
}
.client-love .love-grid article:nth-child(2n){
  color:#fff!important;
  background:linear-gradient(145deg,#1b0d39,#5116a4)!important;
}
.client-love .love-grid article:nth-child(2n) .love-meta span{color:var(--pp-c-cyan)!important}
.client-love .love-quote{
  font-size:clamp(28px,2.8vw,42px)!important;
  line-height:.98!important;
}

.start-safely{
  position:relative;
  min-height:85svh;
  padding:clamp(100px,12vw,180px) 0!important;
  display:grid;
  place-items:center;
  background:
    linear-gradient(90deg,rgba(5,4,13,.93),rgba(5,4,13,.35)),
    url("purpleperfect_home_assets_v2_premium/section_final_cta_bts_1800x1000.jpg") center/cover no-repeat!important;
}
.start-safely .start-box{
  max-width:1060px!important;
  padding:clamp(42px,6vw,82px)!important;
  border-radius:4px 46px 4px 46px!important;
  background:rgba(9,6,20,.72)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:var(--pp-c-shadow)!important;
}

/* PORTFOLIO — a film index, not a card catalogue. */
.pp-portfolio-page{
  background:var(--pp-c-night)!important;
}
.pp-portfolio-page .top-spacer{
  height:0!important;
}
.pp-portfolio-page .portfolio-console{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  min-height:82svh;
  display:grid;
  align-items:end;
  padding:clamp(120px,18vh,190px) 0 58px!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(5,4,13,.95),rgba(5,4,13,.58) 48%,rgba(5,4,13,.14)),
    linear-gradient(180deg,transparent 55%,#070611),
    url("purpleperfect_home_assets_v2_premium/home_hero_bts_main_2400x1350.jpg") center 42%/cover no-repeat!important;
  border:0!important;
}
.pp-portfolio-page .portfolio-panel{
  max-width:1050px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pp-portfolio-page .portfolio-panel:before{display:none!important}
.pp-portfolio-page .console-top{
  grid-template-columns:minmax(0,1fr) minmax(220px,.3fr)!important;
  gap:40px!important;
  margin-bottom:32px!important;
}
.pp-portfolio-page .console-title small{
  color:#fff!important;
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.pp-portfolio-page .console-title h1{
  color:#fff!important;
  font-size:clamp(70px,10vw,148px)!important;
  line-height:.82!important;
  letter-spacing:-.09em!important;
}
.pp-portfolio-page .console-title p{color:rgba(255,255,255,.72)!important}
.pp-portfolio-page .filter-deck{
  padding:12px!important;
  border-color:rgba(255,255,255,.14)!important;
  border-radius:26px 3px 26px 3px!important;
  background:rgba(9,7,20,.58)!important;
  backdrop-filter:blur(18px)!important;
}
.pp-portfolio-page .filter-chip{
  border-color:rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.pp-portfolio-page .filter-chip:hover,
.pp-portfolio-page .filter-chip.active{
  color:#28104f!important;
  background:#fff!important;
}
.pp-portfolio-page .filter-note{color:rgba(255,255,255,.58)!important}
.pp-portfolio-page .filter-note strong{color:#fff!important}
.pp-c-portfolio-strip{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr .72fr;
  gap:12px;
  width:min(calc(100% - 32px),1450px);
  margin:-30px auto 0;
  padding:12px;
  border-radius:32px 3px 32px 3px;
  border:1px solid rgba(255,255,255,.12);
  background:#0a0717;
  box-shadow:0 30px 110px rgba(0,0,0,.45);
}
.pp-c-portfolio-strip .pp-c-film-cell{
  height:clamp(180px,20vw,310px);
  grid-column:auto!important;
  grid-row:auto!important;
}
.pp-portfolio-page .work-stage{
  padding:clamp(98px,10vw,150px) 0!important;
  background:linear-gradient(180deg,#070611,#100921 42%,#070611)!important;
}
.pp-portfolio-page .gallery-start-line{
  padding-bottom:24px;
  color:rgba(255,255,255,.58)!important;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pp-portfolio-page .gallery-start-line strong{color:#fff!important}
.pp-portfolio-page .work-grid{
  gap:clamp(18px,2.5vw,34px)!important;
  grid-auto-rows:74px!important;
}
.pp-portfolio-page .work-card{
  border-color:rgba(255,255,255,.15)!important;
  border-radius:4px 34px 4px 34px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.38)!important;
}
.pp-portfolio-page .work-card:nth-child(3n+2){
  border-radius:34px 4px 34px 4px!important;
}
.pp-portfolio-page .work-card .play{
  font-size:0!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--pp-c-purple)!important;
}
.pp-portfolio-page .work-card .play:before{
  content:"";
  width:0;
  height:0;
  margin-left:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:13px solid currentColor;
}
.pp-portfolio-page .whitepaper{
  background:var(--pp-c-cream)!important;
}
.pp-portfolio-page .whitepaper-box{
  border-radius:4px 42px 4px 42px!important;
}
.pp-portfolio-page .final{
  min-height:72svh;
  display:grid;
  place-items:center;
  background:
    linear-gradient(90deg,rgba(5,4,13,.92),rgba(5,4,13,.44)),
    url("purpleperfect_home_assets_v2_premium/section_final_cta_bts_1800x1000.jpg") center/cover no-repeat!important;
}

/* ABOUT — editorial proof, strategy, and craft as one continuous film. */
.pp-about-page{
  background:#fff!important;
}
.pp-about-page .hero-b{
  min-height:100svh;
  padding:clamp(122px,16vh,180px) 0 80px!important;
  color:#fff;
  background:linear-gradient(145deg,#0b0715,#1e0c42)!important;
}
.pp-about-page .mast-copy{
  position:relative;
  z-index:2;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.52fr)!important;
  align-items:end!important;
}
.pp-about-page .mast-copy h1{
  max-width:1050px!important;
  color:#fff!important;
  font-size:clamp(70px,9.4vw,150px)!important;
  line-height:.82!important;
}
.pp-about-page .pp-purple-story{
  color:transparent!important;
  background:linear-gradient(100deg,#fff,#b895ff 58%,#62dcff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.pp-about-page .mast-copy .lead{color:rgba(255,255,255,.74)!important}
.pp-about-page .mast-image{
  height:clamp(450px,47vw,720px)!important;
  margin-top:30px;
  border-radius:4px 56px 4px 56px!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 40px 130px rgba(0,0,0,.38)!important;
}
.pp-about-page .mast-image img{
  object-position:center 48%!important;
  filter:saturate(.84) contrast(1.08) brightness(.82)!important;
}
.pp-about-page .mast-image .caption{
  left:auto!important;
  right:26px!important;
  bottom:26px!important;
  max-width:420px!important;
  color:#fff!important;
  background:rgba(9,7,20,.72)!important;
  border:1px solid rgba(255,255,255,.16);
}
.pp-about-page .mast-image .caption span{color:rgba(255,255,255,.65)!important}
.pp-about-page .stat-line{
  position:relative;
  z-index:3;
  margin-top:-58px;
  width:min(92%,1020px);
  margin-left:auto;
  border-radius:4px 30px 4px 30px!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(9,7,20,.82)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(22px);
}
.pp-about-page .stat-line .stat{background:transparent!important}
.pp-about-page .stat-line .stat b{color:#fff!important}
.pp-about-page .stat-line .stat span{color:rgba(255,255,255,.54)!important}
.pp-about-page .philosophy{
  padding:clamp(110px,12vw,180px) 0!important;
  background:var(--pp-c-cream)!important;
}
.pp-about-page .belief-row{
  grid-template-columns:1.1fr .8fr 1.1fr!important;
  align-items:stretch;
}
.pp-about-page .belief{
  min-height:300px;
  border-radius:4px 32px 4px 32px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.pp-about-page .belief:nth-child(2){
  color:#fff;
  background:linear-gradient(145deg,#1a0b39,#6a20cf)!important;
  transform:translateY(42px);
}
.pp-about-page .belief:nth-child(2) p{color:rgba(255,255,255,.72)!important}
.pp-c-about-bridge{
  width:min(calc(100% - 28px),1480px);
  margin:-30px auto 0;
  grid-template-columns:1.25fr .7fr 1fr;
  grid-template-rows:clamp(340px,38vw,560px);
}
.pp-c-about-bridge .pp-c-film-cell{
  grid-column:auto!important;
  grid-row:auto!important;
}
.pp-about-page .imagebank-dark{
  padding:clamp(100px,11vw,160px) 0!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(122,44,255,.26),transparent 28%),
    linear-gradient(145deg,#0e081e,#05040c)!important;
}
.pp-about-page .client-engagement-track{
  grid-auto-columns:minmax(320px,30vw)!important;
  gap:14px!important;
}
.pp-about-page .client-engagement-card{
  height:clamp(420px,46vw,620px)!important;
  border-radius:4px 32px 4px 32px!important;
}
.pp-about-page .client-engagement-card:nth-child(2n){
  margin-top:58px!important;
}
.pp-about-page .clarity-system{
  padding:clamp(105px,12vw,180px) 0!important;
  color:#fff;
  background:linear-gradient(180deg,#080611,#170a30)!important;
}
.pp-about-page .clarity-system .lead,
.pp-about-page .clarity-system .muted{color:rgba(255,255,255,.7)!important}
.pp-about-page .clarity-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:54px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.pp-about-page .clarity-card{
  min-height:330px;
  padding:28px 18px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pp-about-page .clarity-card:last-child{border-right:0!important}
.pp-about-page .clarity-card p{color:rgba(255,255,255,.58)!important}
.pp-about-page .clarity-card:hover,
.pp-about-page .clarity-card[aria-pressed="true"]{
  transform:translateY(-12px)!important;
  background:linear-gradient(180deg,rgba(122,44,255,.22),rgba(22,109,255,.12))!important;
}
.pp-about-page .service-products{
  padding:clamp(100px,11vw,160px) 0!important;
}
.pp-about-page .service-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
}
.pp-about-page .service-card{
  grid-column:span 3;
  min-height:250px!important;
  border-radius:4px 30px 4px 30px!important;
}
.pp-about-page .service-card:nth-child(1),
.pp-about-page .service-card:nth-child(5){grid-column:span 6}
.pp-about-page .founder-section{
  background:var(--pp-c-cream)!important;
}
.pp-about-page .founder-grid{
  border-radius:4px 44px 4px 44px!important;
  overflow:hidden;
}
.pp-about-page .founder-img{border-radius:0!important}
.pp-about-page .quote-section{
  padding:clamp(100px,11vw,160px) 0!important;
}
.pp-about-page .quote-box,
.pp-about-page .review-scroll{
  border-radius:4px 38px 4px 38px!important;
}
.pp-about-page .client-logo-proof{
  color:#fff;
  background:linear-gradient(145deg,#0e081f,#1e0c42)!important;
}
.pp-about-page .client-logo-proof .section-head p{color:rgba(255,255,255,.67)!important}
.pp-about-page .client-logo-grid>div{
  color:#fff!important;
  border-radius:0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:none!important;
}

/* CONTACT — invitation, context, then action. */
.pp-contact-page{
  background:var(--pp-c-night)!important;
}
.pp-contact-page .hero{
  min-height:100svh!important;
  padding:clamp(130px,17vh,188px) 0 82px!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(5,4,13,.95),rgba(5,4,13,.58) 53%,rgba(5,4,13,.14)),
    url("pp_final_assets/contact_bts_reel.jpg") center/cover no-repeat!important;
}
.pp-contact-page .hero:before{
  inset:0!important;
  height:100%!important;
  background:
    radial-gradient(circle at 76% 24%,rgba(81,221,255,.16),transparent 26%),
    linear-gradient(180deg,transparent 58%,#070611)!important;
}
.pp-contact-page .hero-inner{
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.56fr)!important;
  gap:clamp(34px,6vw,90px)!important;
  align-items:end!important;
}
.pp-contact-page .hero h1{
  max-width:890px!important;
  color:#fff!important;
  font-size:clamp(72px,9.5vw,148px)!important;
  line-height:.82!important;
}
.pp-contact-page .hero p,
.pp-contact-page .hero .microline{color:rgba(255,255,255,.72)!important}
.pp-contact-page .route{
  max-width:520px;
  border-radius:4px 30px 4px 30px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px);
}
.pp-contact-page .reel-shell{
  min-height:600px!important;
}
.pp-contact-page .reel-phone{
  width:100%!important;
  height:600px!important;
  max-width:450px;
  border-radius:999px 999px 8px 8px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(9,7,20,.56)!important;
  transform:rotate(1.5deg) translateY(34px)!important;
}
.pp-contact-page .reel-video{
  border-radius:999px 999px 5px 5px!important;
}
.pp-c-contact-stack{
  position:absolute;
  z-index:3;
  right:-2vw;
  top:14%;
  width:min(32vw,470px);
  height:72%;
  pointer-events:none;
}
.pp-c-contact-stack .pp-c-frame{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.36);
  opacity:.01;
  transform:translateY(28px);
  transition:opacity .7s ease,transform .85s var(--pp-c-ease);
}
.pp-c-contact-stack .pp-c-frame-visible{opacity:1;transform:none}
.pp-c-contact-stack .pp-c-frame img{width:100%;height:100%;object-fit:cover}
.pp-c-contact-stack .pp-c-frame:nth-child(1){
  width:46%;
  height:34%;
  right:0;
  top:0;
  border-radius:24px 3px 24px 3px;
}
.pp-c-contact-stack .pp-c-frame:nth-child(2){
  width:42%;
  height:28%;
  left:0;
  bottom:0;
  border-radius:3px 24px 3px 24px;
  transition-delay:.12s;
}
.pp-contact-page main>.section{
  background:var(--pp-c-cream)!important;
}
.pp-contact-page .contact-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:0!important;
  border-radius:4px 44px 4px 44px;
  overflow:hidden;
  box-shadow:var(--pp-c-shadow);
}
.pp-contact-page .info-panel,
.pp-contact-page .form-panel{
  position:relative!important;
  top:auto!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:760px;
  padding:clamp(34px,4vw,58px)!important;
}
.pp-contact-page .info-panel{
  background:
    linear-gradient(180deg,rgba(8,6,19,.42),rgba(8,6,19,.93)),
    url("pp_final_assets/chat_strategy_listening.jpg") center/cover no-repeat!important;
}
.pp-contact-page .form-panel{
  border:0!important;
  border-top:6px solid var(--pp-c-purple)!important;
}
.pp-contact-page .location{
  padding:clamp(80px,9vw,130px) 0!important;
  background:#fff!important;
}
.pp-contact-page .map-feature{
  padding:clamp(22px,3vw,38px)!important;
  border-radius:4px 40px 4px 40px!important;
}
.pp-contact-page .final{
  min-height:72svh;
  display:grid;
  place-items:center;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(5,4,13,.92),rgba(5,4,13,.35)),
    url("purpleperfect_home_assets_v2_premium/section_final_cta_bts_1800x1000.jpg") center/cover no-repeat!important;
}
.pp-contact-page .final h2{color:#fff!important}
.pp-contact-page .final p{color:rgba(255,255,255,.7)!important}

/* QUOTE — decision confidence, not a generic form page. */
.pp-quote-page{
  background:var(--pp-c-night)!important;
}
.pp-quote-page .page{
  min-height:100svh;
  padding:clamp(120px,15vh,168px) 0 100px!important;
  color:#fff;
  background:
    radial-gradient(circle at 12% 15%,rgba(122,44,255,.26),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(81,221,255,.14),transparent 24%),
    linear-gradient(145deg,#080611,#150b2d 60%,#070611)!important;
}
.pp-quote-page .page:before{
  opacity:.28;
  background-size:90px 90px!important;
  mask-image:linear-gradient(180deg,#000,transparent 72%)!important;
}
.pp-quote-page .quote-shell{
  grid-template-columns:minmax(0,.9fr) minmax(420px,.7fr)!important;
  gap:clamp(26px,5vw,78px)!important;
  align-items:start!important;
}
.pp-quote-page .quote-story{
  position:sticky;
  top:104px;
}
.pp-quote-page .quote-hero{
  padding:0!important;
  color:#fff;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.pp-quote-page .quote-hero h1{
  color:#fff!important;
  font-size:clamp(62px,7.5vw,114px)!important;
  line-height:.84!important;
}
.pp-quote-page .quote-hero p{color:rgba(255,255,255,.7)!important}
.pp-quote-page .quote-chip{
  color:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}
.pp-quote-page .image-proof{
  min-height:470px!important;
  border-radius:4px 38px 4px 38px!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.34)!important;
}
.pp-quote-page .proof-strip{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.06)!important;
}
.pp-quote-page .proof-title{color:rgba(255,255,255,.55)!important}
.pp-quote-page .logo-grid>span{
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:none!important;
}
.pp-quote-page .form-panel{
  padding:clamp(30px,4vw,52px)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:4px 42px 4px 42px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 44px 150px rgba(0,0,0,.42)!important;
}
.pp-quote-page .form-panel:after{height:5px!important}
.pp-quote-page .field input,
.pp-quote-page .field select,
.pp-quote-page .field textarea{
  border-radius:4px 18px 4px 18px!important;
}
.pp-c-quote-stack{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  gap:10px;
  height:190px;
}
.pp-c-quote-stack .pp-c-film-cell{
  grid-column:auto!important;
  grid-row:auto!important;
  border-radius:18px 3px 18px 3px;
}
.pp-quote-page .pp-global-footer{margin-top:0!important}

/* Footer becomes the final wide shot. */
.pp-global-footer{
  position:relative;
  padding:clamp(92px,10vw,150px) 0 30px!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(122,44,255,.32),transparent 30%),
    radial-gradient(circle at 86% 12%,rgba(81,221,255,.16),transparent 28%),
    linear-gradient(145deg,#080611,#1c0a3d 60%,#080611)!important;
}
.pp-global-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:clamp(90px,10vw,150px) clamp(90px,10vw,150px);
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.pp-footer-inner{position:relative;z-index:2}
.pp-footer-top h2{
  max-width:900px;
  font-size:clamp(58px,8vw,124px)!important;
  line-height:.84!important;
}
.pp-footer-contact-card{
  border-radius:4px 32px 4px 32px!important;
  background:rgba(255,255,255,.07)!important;
}

/* Motion is editorial: scenes enter as cuts, not as constant spectacle. */
main>section.pp-opt-scene:not(.hero-cinema)>.container,
main>section.pp-opt-scene:not(.hero-cinema)>.section-top{
  transition:opacity .62s ease,transform .82s var(--pp-c-ease);
}
main>section.pp-opt-pending:not(.hero-cinema)>.container,
main>section.pp-opt-pending:not(.hero-cinema)>.section-top{
  opacity:.01;
  transform:translateY(30px);
}
main>section.pp-opt-visible>.container,
main>section.pp-opt-visible>.section-top{
  opacity:1;
  transform:none;
}
:where(.industry-card,.case-card,.work-card,.service-card,.belief,.clarity-card,.route,.contact-card,.mini-proof){
  transform:translateZ(0);
  transition:transform .36s var(--pp-c-ease),box-shadow .32s ease,border-color .28s ease!important;
}
:where(.industry-card,.case-card,.work-card,.service-card,.belief,.clarity-card,.route,.contact-card,.mini-proof):hover{
  box-shadow:var(--pp-c-shadow-soft)!important;
}
:where(.industry-card,.case-card,.work-card) img{
  transition:transform .65s var(--pp-c-ease),filter .35s ease!important;
}
:where(.industry-card,.case-card,.work-card):hover img{
  transform:scale(1.045)!important;
}

@supports(animation-timeline:view()){
  .pp-c-film-cell img,
  .category-photo img,
  .founder-img img{
    animation:pp-c-camera linear both;
    animation-timeline:view();
    animation-range:entry 0% cover 90%;
  }
  @keyframes pp-c-camera{
    from{transform:scale(1.07) translateY(-1.5%)}
    to{transform:scale(1.01) translateY(1.5%)}
  }
}

@media(max-width:1180px){
  .pp-c-hero-stack{display:none}
  .vendor.vendor-dark .container{grid-template-columns:1fr!important}
  .vendor.vendor-dark .section-top{position:relative;top:auto}
  .vendor.vendor-dark .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vendor.vendor-dark .industry-card:nth-child(even){transform:none}
  .pp-about-page .clarity-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pp-about-page .clarity-card:nth-child(4){border-right:0!important}
  .pp-about-page .clarity-card:nth-child(n+5){border-top:1px solid rgba(255,255,255,.13)!important}
  .pp-about-page .service-card{grid-column:span 6!important}
}

@media(max-width:980px){
  html{scroll-padding-top:96px}
  body:after{display:none}
  .pp-global-nav{
    min-height:52px!important;
    padding:7px 9px 7px 14px!important;
  }
  .pp-global-nav .pp-site-logo{height:18px!important;max-width:138px!important}
  .pp-global-links{
    position:fixed!important;
    top:58px!important;
    left:50%!important;
    width:min(calc(100vw - 34px),640px)!important;
    transform:translateX(-50%);
    justify-content:center!important;
    gap:clamp(18px,5vw,36px)!important;
    padding:9px 14px!important;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(9,7,20,.84)!important;
    backdrop-filter:blur(20px);
  }
  .pp-global-nav.pp-nav-hidden{transform:translate(-50%,calc(-100% - 86px))!important}
  .pp-global-nav.pp-nav-hidden:focus-within{transform:translateX(-50%)!important}
  .hero-cinema .hero-content{
    grid-template-columns:1fr!important;
    align-content:end!important;
    padding-top:150px!important;
  }
  .hero-cinema .director-card{
    max-width:660px;
  }
  .pp-c-film-bridge{
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:320px 240px;
  }
  .pp-c-film-cell:nth-child(n){
    grid-column:auto;
    grid-row:auto;
  }
  .pp-c-film-cell:nth-child(1){grid-row:1/3}
  .pp-c-film-cell:nth-child(5){display:none}
  .pp-c-film-cell:nth-child(6){display:none}
  .flagship .case-grid,
  .category-grid,
  .marine-testimonial .marine-layout{
    grid-template-columns:1fr!important;
  }
  .category-photo{height:640px!important}
  .marine-testimonial .marine-photo-card{
    display:none;
  }
  .pp-portfolio-page .console-top{grid-template-columns:1fr!important}
  .pp-c-portfolio-strip{grid-template-columns:repeat(2,1fr)}
  .pp-about-page .mast-copy{grid-template-columns:1fr!important}
  .pp-about-page .stat-line{width:100%;margin-top:18px}
  .pp-about-page .belief-row{grid-template-columns:1fr!important}
  .pp-about-page .belief:nth-child(2){transform:none}
  .pp-c-about-bridge{grid-template-columns:1fr 1fr}
  .pp-c-about-bridge .pp-c-film-cell:nth-child(3){display:none}
  .pp-contact-page .hero-inner,
  .pp-contact-page .contact-grid,
  .pp-quote-page .quote-shell{
    grid-template-columns:1fr!important;
  }
  .pp-contact-page .reel-shell{display:none}
  .pp-c-contact-stack{display:none}
  .pp-contact-page .info-panel,
  .pp-contact-page .form-panel{min-height:auto}
  .pp-quote-page .quote-story{position:relative;top:auto}
  .pp-about-page .client-engagement-track{grid-auto-columns:minmax(300px,70vw)!important}
}

@media(max-width:680px){
  .container{width:min(calc(100% - 28px),var(--pp-c-max))!important}
  .pp-global-nav{
    top:8px!important;
    width:calc(100% - 16px)!important;
    min-height:48px!important;
  }
  .pp-global-nav .pp-site-logo{height:16px!important;max-width:118px!important}
  .pp-global-nav .pp-global-quote{
    margin-left:8px!important;
    padding:8px 10px!important;
    font-size:10px!important;
  }
  .pp-global-links{
    top:52px!important;
    width:calc(100vw - 28px)!important;
    justify-content:space-around!important;
    gap:8px!important;
  }
  .pp-global-links a{display:inline-flex!important;font-size:11px!important}
  .hero-cinema{
    min-height:900px!important;
  }
  .hero-cinema:before{
    background:linear-gradient(180deg,rgba(5,4,14,.12),rgba(5,4,14,.74) 36%,rgba(5,4,14,.96) 100%)!important;
  }
  .hero-cinema .hero-content{
    min-height:900px!important;
    padding-top:138px!important;
    padding-bottom:42px!important;
  }
  .hero-cinema h1{
    font-size:clamp(52px,15vw,72px)!important;
    line-height:.84!important;
  }
  .hero-cinema .director-card{
    padding:24px!important;
    border-radius:3px 28px 3px 28px!important;
  }
  .hero-cinema .stats{grid-template-columns:repeat(2,1fr)!important}
  .reel-wall[data-immersive-reel]{
    height:auto!important;
    min-height:78svh!important;
    padding:14px!important;
  }
  .reel-wall[data-immersive-reel]>.container{
    position:relative!important;
    height:78svh!important;
    padding:0!important;
  }
  .reel-wall[data-immersive-reel] .reel{
    width:100%!important;
    height:78svh!important;
    border-radius:3px 28px 3px 28px!important;
    clip-path:none!important;
  }
  .reel-wall .reel-copy{
    inset:auto 22px 26px!important;
    display:block!important;
  }
  .reel-wall .reel-copy h2{font-size:clamp(38px,11vw,54px)!important}
  .trust .logos{grid-template-columns:repeat(2,1fr)!important}
  .trust .logo-tile:nth-child(2n){border-right:0!important}
  .trust .logo-tile:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.12)!important}
  .premium-copy{padding:86px 0 120px!important}
  .premium-copy .container{margin:auto!important}
  .premium-copy h2{font-size:clamp(48px,13vw,68px)!important}
  .pp-c-film-bridge{
    width:calc(100% - 18px);
    grid-template-columns:1.25fr .75fr;
    grid-template-rows:320px 200px;
    margin-top:-74px;
    padding:8px;
    border-radius:28px 3px 28px 3px;
  }
  .pp-c-film-cell:nth-child(1){grid-row:1/3}
  .pp-c-film-cell:nth-child(2){grid-column:2;grid-row:1}
  .pp-c-film-cell:nth-child(3){grid-column:2;grid-row:2}
  .pp-c-film-cell:nth-child(n+4){display:none}
  .vendor.vendor-dark .industry-grid{grid-template-columns:1fr!important}
  .vendor.vendor-dark .industry-card{min-height:390px!important}
  .flagship .case-img,
  .flagship .case-small .case-img{height:360px!important}
  .category-photo{height:470px!important;border-radius:46% 3px 46% 3px!important}
  .marine-testimonial .marine-main{padding:28px!important}
  .client-love .love-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:auto!important;
  }
  .client-love .love-grid article{width:100%;min-height:270px!important}
  .start-safely{min-height:auto}
  .start-safely .start-box{padding:34px 24px!important}
  .pp-portfolio-page .portfolio-console{
    min-height:760px;
    padding-top:138px!important;
  }
  .pp-portfolio-page .console-title h1{font-size:clamp(64px,18vw,92px)!important}
  .pp-portfolio-page .console-actions{display:flex!important;justify-content:flex-start!important}
  .pp-portfolio-page .filter-rail{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
  .pp-c-portfolio-strip{
    width:calc(100% - 18px);
    grid-template-columns:1.2fr .8fr;
    padding:8px;
  }
  .pp-c-portfolio-strip .pp-c-film-cell{height:220px}
  .pp-c-portfolio-strip .pp-c-film-cell:nth-child(n+3){display:none}
  .pp-portfolio-page .work-card{min-height:430px!important}
  .pp-about-page .hero-b{padding-top:138px!important}
  .pp-about-page .mast-copy h1{font-size:clamp(62px,17vw,88px)!important}
  .pp-about-page .mast-image{height:520px!important;border-radius:3px 34px 3px 34px!important}
  .pp-about-page .mast-image .caption{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
  .pp-about-page .stat-line{grid-template-columns:repeat(2,1fr)!important}
  .pp-c-about-bridge{grid-template-columns:1fr}
  .pp-c-about-bridge .pp-c-film-cell{height:320px}
  .pp-c-about-bridge .pp-c-film-cell:nth-child(n+2){display:none}
  .pp-about-page .clarity-grid{grid-template-columns:1fr!important}
  .pp-about-page .clarity-card{
    min-height:auto;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }
  .pp-about-page .service-grid{grid-template-columns:1fr!important}
  .pp-about-page .service-card{grid-column:1!important}
  .pp-contact-page .hero{padding-top:138px!important}
  .pp-contact-page .hero h1{font-size:clamp(62px,17vw,88px)!important}
  .pp-contact-page .contact-grid{border-radius:3px 30px 3px 30px}
  .pp-contact-page .info-panel,
  .pp-contact-page .form-panel{padding:28px!important}
  .pp-quote-page .page{padding-top:138px!important}
  .pp-quote-page .quote-hero h1{font-size:clamp(58px,15vw,82px)!important}
  .pp-quote-page .form-panel{padding:28px 22px!important}
  .pp-c-quote-stack{height:150px;grid-template-columns:1.2fr .8fr}
  .pp-c-quote-stack .pp-c-film-cell:nth-child(3){display:none}
  .pp-floating-quote{
    left:12px!important;
    right:12px!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    display:flex!important;
  }
  .pp-floating-quote a{width:100%!important}
  .pp-footer-top h2{font-size:clamp(48px,14vw,72px)!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  main>section.pp-opt-pending>.container,
  main>section.pp-opt-pending>.section-top{
    opacity:1!important;
    transform:none!important;
  }
  .pp-c-film-cell,.pp-c-frame,.pp-c-hero-frame{
    opacity:1!important;
    transform:none!important;
  }
  .reel-wall[data-immersive-reel] .reel{clip-path:none!important}
  .hero-cinema .hero-bg img{transform:none!important}
}

@media(forced-colors:active){
  :where(a,button,input,select,textarea):focus-visible{outline:2px solid CanvasText!important}
  .hero-cinema:before,.reel-wall .reel:after{display:none}
}

/* =========================================================
   Variant C refinement — cleaner proof, symmetry, and flow
   ========================================================= */

/* HOME: replace the arch/mirror treatment with one decisive proof frame. */
.pp-noise .marine-testimonial{
  background:
    radial-gradient(circle at 86% 18%,rgba(81,221,255,.12),transparent 28%),
    radial-gradient(circle at 8% 86%,rgba(122,44,255,.24),transparent 34%),
    linear-gradient(145deg,#090614,#160b2e 62%,#070611)!important;
}
.pp-noise .marine-testimonial .marine-layout{
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr)!important;
  gap:clamp(24px,4vw,58px)!important;
  align-items:center!important;
}
.pp-noise .marine-testimonial .marine-main{
  border-radius:28px!important;
}
.pp-noise .marine-testimonial .marine-photo-card{
  width:100%;
  height:clamp(540px,52vw,720px)!important;
  min-height:0!important;
  overflow:hidden;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  clip-path:none!important;
  transform:none!important;
  box-shadow:0 34px 110px rgba(0,0,0,.42)!important;
  background:#0b0914!important;
}
.pp-noise .marine-testimonial .marine-photo-card img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:52% 34%!important;
}
.pp-noise .marine-testimonial .marine-photo-label{
  left:20px!important;
  right:20px!important;
  bottom:20px!important;
  border-radius:16px!important;
  background:rgba(8,6,19,.72)!important;
  border-color:rgba(255,255,255,.2)!important;
}

/* Keep all five testimonials inside the viewport at every desktop width. */
.client-love .love-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  gap:18px!important;
}
.client-love .love-grid article{
  grid-column:span 2;
  width:auto!important;
  min-width:0;
  min-height:300px!important;
}
.client-love .love-grid article:nth-last-child(-n+2){
  grid-column:span 3;
}

/* PORTFOLIO: a white editorial index with one contained cinematic image. */
.pp-portfolio-page{
  color:var(--pp-c-ink)!important;
  background:#fff!important;
}
.pp-portfolio-page .portfolio-console{
  position:relative!important;
  isolation:isolate;
  min-height:clamp(760px,88svh,920px);
  padding:clamp(138px,16vh,176px) 0 62px!important;
  color:var(--pp-c-ink)!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(122,44,255,.11),transparent 29%),
    linear-gradient(180deg,#fff 0%,#fbf9ff 100%)!important;
  overflow:hidden;
}
.pp-portfolio-page .portfolio-console:before{
  content:"";
  position:absolute;
  z-index:-2;
  top:108px;
  right:max(22px,calc((100vw - var(--pp-c-max))/2));
  bottom:48px;
  width:min(44vw,660px);
  border-radius:30px;
  background:
    linear-gradient(180deg,rgba(7,6,17,.02),rgba(7,6,17,.38)),
    url("purpleperfect_home_assets_v2_premium/home_hero_bts_main_2400x1350.jpg") center/cover no-repeat;
  box-shadow:0 34px 110px rgba(32,16,78,.16);
}
.pp-portfolio-page .portfolio-console:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(8px,2vw,34px);
  bottom:30px;
  width:min(24vw,360px);
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pp-c-purple),var(--pp-c-cyan));
}
.pp-portfolio-page .portfolio-console>.container{
  position:relative;
  z-index:2;
}
.pp-portfolio-page .portfolio-panel{
  max-width:none!important;
}
.pp-portfolio-page .console-top{
  width:min(52%,690px);
  min-width:520px;
  margin-bottom:30px!important;
}
.pp-portfolio-page .console-title small{
  color:var(--pp-c-purple)!important;
  border-color:rgba(122,44,255,.16)!important;
  background:rgba(122,44,255,.07)!important;
}
.pp-portfolio-page .console-title h1{
  color:var(--pp-c-ink)!important;
  font-size:clamp(70px,8.7vw,132px)!important;
  line-height:.84!important;
}
.pp-portfolio-page .console-title p{color:#666276!important}
.pp-portfolio-page .filter-deck{
  width:min(54%,720px);
  padding:13px!important;
  border-color:rgba(17,12,41,.12)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 22px 72px rgba(30,14,76,.1)!important;
  backdrop-filter:blur(18px)!important;
}
.pp-portfolio-page .filter-chip{
  color:#454054!important;
  border-color:rgba(18,12,42,.1)!important;
  background:#f7f3ff!important;
}
.pp-portfolio-page .filter-chip:hover,
.pp-portfolio-page .filter-chip.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--pp-c-purple),var(--pp-c-blue))!important;
}
.pp-portfolio-page .filter-note{color:#777286!important}
.pp-portfolio-page .filter-note strong{color:var(--pp-c-ink)!important}
.pp-portfolio-page .work-stage{
  padding:clamp(90px,9vw,140px) 0!important;
  background:#fff!important;
}
.pp-portfolio-page .gallery-start-line{
  color:#777286!important;
  border-bottom-color:rgba(17,12,41,.12)!important;
}
.pp-portfolio-page .gallery-start-line strong{color:var(--pp-c-ink)!important}
.pp-portfolio-page .work-card{
  border-color:rgba(17,12,41,.1)!important;
  box-shadow:0 26px 84px rgba(31,15,75,.14)!important;
}

/* ABOUT: one strong image, one clear hierarchy, no competing hero layers. */
.pp-about-page .hero-b{
  position:relative;
  min-height:auto;
  padding:clamp(138px,16vh,178px) 0 96px!important;
  color:var(--pp-c-ink)!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(81,221,255,.12),transparent 26%),
    radial-gradient(circle at 12% 34%,rgba(122,44,255,.1),transparent 30%),
    linear-gradient(180deg,#fff 0%,#faf7ff 100%)!important;
  overflow:hidden;
}
.pp-about-page .mast-copy{
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.54fr)!important;
  gap:clamp(34px,6vw,92px)!important;
  align-items:end!important;
}
.pp-about-page .mast-copy h1{
  max-width:1040px!important;
  color:var(--pp-c-ink)!important;
  font-size:clamp(72px,9vw,142px)!important;
  line-height:.84!important;
}
.pp-about-page .pp-purple-story{
  color:transparent!important;
  background:linear-gradient(100deg,var(--pp-c-purple),var(--pp-c-blue) 68%,#159cc6)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.pp-about-page .mast-copy .lead{
  color:#5f5a70!important;
  font-size:clamp(18px,1.5vw,21px)!important;
}
.pp-about-page .mast-image{
  height:clamp(520px,52vw,720px)!important;
  margin-top:clamp(42px,6vw,74px)!important;
  border-radius:30px!important;
  border-color:rgba(17,12,41,.1)!important;
  box-shadow:0 34px 110px rgba(31,15,75,.16)!important;
}
.pp-about-page .mast-image img{
  object-position:center 52%!important;
  filter:contrast(1.04) saturate(.96)!important;
}
.pp-about-page .mast-image .caption{
  right:22px!important;
  bottom:22px!important;
  max-width:440px!important;
  color:#fff!important;
  border-radius:20px!important;
  background:rgba(8,6,19,.76)!important;
  border:1px solid rgba(255,255,255,.17)!important;
}
.pp-about-page .mast-image .caption span{color:rgba(255,255,255,.72)!important}
.pp-about-page .stat-line{
  margin-top:-46px;
  width:min(94%,1080px);
  border-radius:24px!important;
  border-color:rgba(17,12,41,.1)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 22px 72px rgba(31,15,75,.13)!important;
  backdrop-filter:blur(20px);
}
.pp-about-page .stat-line .stat{background:transparent!important}
.pp-about-page .stat-line .stat b{color:var(--pp-c-ink)!important}
.pp-about-page .stat-line .stat span{color:#746f82!important}
.pp-about-page .philosophy{
  padding:clamp(100px,11vw,160px) 0!important;
  background:var(--pp-c-cream)!important;
}
.pp-about-page .belief-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.pp-about-page .belief{
  min-width:0;
  min-height:250px;
  padding:clamp(28px,3vw,40px)!important;
  border-radius:24px!important;
  justify-content:space-between;
  transform:none!important;
  box-shadow:0 18px 62px rgba(31,15,75,.08)!important;
}
.pp-about-page .belief:nth-child(2){
  color:#fff;
  background:linear-gradient(145deg,#1a0b39,#6420cc)!important;
  transform:none!important;
}

/* CONTACT: a clear editorial invitation and a readable discovery panel. */
.pp-contact-page{
  color:var(--pp-c-ink)!important;
  background:#fff!important;
}
.pp-contact-page .hero{
  position:relative;
  min-height:auto!important;
  padding:clamp(138px,16vh,178px) 0 96px!important;
  color:var(--pp-c-ink)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(81,221,255,.13),transparent 27%),
    radial-gradient(circle at 10% 80%,rgba(122,44,255,.1),transparent 31%),
    linear-gradient(180deg,#fff 0%,#f9f6ff 100%)!important;
  overflow:hidden;
}
.pp-contact-page .hero:before{
  inset:0!important;
  height:100%!important;
  background-image:
    linear-gradient(rgba(122,44,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,44,255,.045) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(90deg,#000,transparent 62%)!important;
  opacity:.58;
}
.pp-contact-page .hero-inner{
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.74fr)!important;
  gap:clamp(42px,6vw,92px)!important;
  align-items:center!important;
}
.pp-contact-page .hero h1{
  max-width:900px!important;
  color:var(--pp-c-ink)!important;
  font-size:clamp(70px,8.5vw,132px)!important;
  line-height:.84!important;
}
.pp-contact-page .hero p,
.pp-contact-page .hero .microline{color:#625d72!important}
.pp-contact-page .route{
  max-width:560px;
  border-radius:24px!important;
  border-color:rgba(17,12,41,.1)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 20px 68px rgba(31,15,75,.1)!important;
}
.pp-contact-page .reel-shell{
  display:grid!important;
  min-height:590px!important;
  align-items:center;
}
.pp-contact-page .reel-phone{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  height:590px!important;
  margin:0!important;
  padding:10px!important;
  overflow:hidden;
  border-radius:30px!important;
  border:1px solid rgba(17,12,41,.12)!important;
  background:#090714!important;
  transform:none!important;
  box-shadow:0 34px 110px rgba(31,15,75,.2)!important;
}
.pp-contact-page .reel-phone:before{
  z-index:1;
  inset:0!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(81,221,255,.2),transparent 24%),
    radial-gradient(circle at 10% 90%,rgba(122,44,255,.36),transparent 31%)!important;
}
.pp-contact-page .reel-video{
  height:100%!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:21px!important;
  background-image:
    linear-gradient(180deg,rgba(7,6,17,.2),rgba(7,6,17,.88)),
    url("pp_final_assets/quote_project_direction.jpg")!important;
  background-size:cover!important;
  background-position:60% center!important;
}
.pp-contact-page .reel-video:before{
  background:linear-gradient(180deg,rgba(7,6,17,.08),rgba(7,6,17,.44) 42%,rgba(7,6,17,.92) 100%)!important;
}
.pp-contact-page .reel-content small{
  color:#34106d!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.94)!important;
}
.pp-contact-page .reel-content h3{
  max-width:500px;
  color:#fff!important;
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:.96!important;
}
.pp-contact-page .reel-caption{
  gap:9px!important;
}
.pp-contact-page .reel-caption div{
  padding:14px 16px!important;
  color:rgba(255,255,255,.84)!important;
  border-radius:14px!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(8,6,19,.7)!important;
  backdrop-filter:blur(12px);
}
.pp-c-contact-stack{display:none!important}

@media(max-width:1100px){
  .pp-portfolio-page .portfolio-console:before{
    width:min(42vw,500px);
    opacity:.72;
  }
  .pp-portfolio-page .console-top,
  .pp-portfolio-page .filter-deck{
    width:min(58%,660px);
  }
  .pp-contact-page .hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(380px,.74fr)!important;
  }
}

/* REMARK DRAFT 5: one predictable floating quote action across every page. */
.pp-floating-quote{
  position:fixed!important;
  right:max(18px,env(safe-area-inset-right))!important;
  left:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  max-width:calc(100vw - 36px);
  display:block!important;
  z-index:4800!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(9,7,20,.88)!important;
  box-shadow:0 20px 58px rgba(28,12,76,.28)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.pp-floating-quote a{
  width:auto!important;
  min-height:44px;
  padding:11px 18px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--pp-c-purple),var(--pp-c-blue))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:0 14px 38px rgba(95,45,222,.32)!important;
}
html.pp-opt-ready body.pp-opt-floating-cta .pp-floating-quote{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(14px)!important;
  transition:opacity .24s ease,transform .3s var(--pp-c-ease)!important;
}
html.pp-opt-ready body.pp-opt-floating-cta.pp-opt-past-hero:not(.pp-opt-closing-visible) .pp-floating-quote{
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}

@media(max-width:680px){
  .pp-floating-quote{
    right:max(12px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    display:block!important;
  }
  .pp-floating-quote a{
    width:auto!important;
    min-height:46px;
    padding:12px 18px!important;
  }
}

@media(max-width:980px){
  .pp-noise .marine-testimonial .marine-layout{
    grid-template-columns:1fr!important;
  }
  .pp-noise .marine-testimonial .marine-photo-card{
    height:560px!important;
  }
  .client-love .love-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .client-love .love-grid article,
  .client-love .love-grid article:nth-last-child(-n+2){
    grid-column:span 1;
  }
  .client-love .love-grid article:last-child{
    grid-column:1/-1;
  }
  .pp-portfolio-page .portfolio-console{
    min-height:auto;
    padding:138px 0 82px!important;
  }
  .pp-portfolio-page .portfolio-console:before,
  .pp-portfolio-page .portfolio-console:after{
    display:none;
  }
  .pp-portfolio-page .console-top,
  .pp-portfolio-page .filter-deck{
    width:100%;
    min-width:0;
  }
  .pp-about-page .mast-copy{
    grid-template-columns:1fr!important;
  }
  .pp-about-page .belief-row{
    grid-template-columns:1fr!important;
  }
  .pp-about-page .belief{
    min-height:210px;
  }
  .pp-contact-page .hero-inner{
    grid-template-columns:1fr!important;
  }
  .pp-contact-page .reel-shell{
    display:grid!important;
    min-height:540px!important;
    margin-top:10px;
  }
  .pp-contact-page .reel-phone{
    height:540px!important;
  }
}

@media(max-width:680px){
  .pp-noise .marine-testimonial .marine-photo-card{
    height:460px!important;
    border-radius:22px!important;
  }
  .client-love .love-grid{
    grid-template-columns:1fr!important;
  }
  .client-love .love-grid article,
  .client-love .love-grid article:last-child{
    grid-column:1!important;
    min-height:240px!important;
  }
  .pp-portfolio-page .portfolio-console{
    padding:132px 0 68px!important;
  }
  .pp-portfolio-page .console-title h1{
    font-size:clamp(58px,17vw,84px)!important;
  }
  .pp-portfolio-page .filter-deck{
    border-radius:20px!important;
  }
  .pp-about-page .hero-b{
    padding:132px 0 72px!important;
  }
  .pp-about-page .mast-copy h1{
    font-size:clamp(58px,16vw,82px)!important;
  }
  .pp-about-page .mast-image{
    height:460px!important;
    margin-top:34px!important;
    border-radius:22px!important;
  }
  .pp-about-page .mast-image .caption{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
  }
  .pp-about-page .stat-line{
    width:100%;
    margin-top:16px;
  }
  .pp-contact-page .hero{
    padding:132px 0 72px!important;
  }
  .pp-contact-page .hero h1{
    font-size:clamp(58px,16vw,82px)!important;
  }
  .pp-contact-page .reel-shell{
    min-height:560px!important;
  }
  .pp-contact-page .reel-phone{
    height:560px!important;
    border-radius:22px!important;
  }
  .pp-contact-page .reel-video{
    padding:22px!important;
    border-radius:14px!important;
  }
  .pp-contact-page .reel-caption div{
    padding:12px 13px!important;
    font-size:12px!important;
  }
}

/* Website Construction Remark Draft 5.0 - 27 July 2026 */

/* HOME: sharper executive promise, clearer action, and a calmer proof grid. */
.hero-cinema .director-card .stats{
  width:min(100%,360px);
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.hero-cinema .btn-contrast{
  color:#fff!important;
  background:#146dff!important;
  border-color:#146dff!important;
  box-shadow:0 18px 58px rgba(20,109,255,.38)!important;
}
.hero-cinema .btn-contrast:hover,
.hero-cinema .btn-contrast:focus-visible{
  color:#fff!important;
  background:#0755d8!important;
  border-color:#0755d8!important;
  box-shadow:0 22px 68px rgba(20,109,255,.48)!important;
}

/* Restore the contained Variant B treatment requested for industry proof. */
.vendor.vendor-dark{
  margin-inline:clamp(8px,1.5vw,22px)!important;
  padding-block:clamp(72px,7.5vw,108px)!important;
  border-radius:40px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(122,44,255,.22),transparent 32%),
    linear-gradient(180deg,#090a17 0%,#050611 100%)!important;
  overflow:hidden!important;
}
.vendor.vendor-dark .container{
  display:block!important;
}
.vendor.vendor-dark .section-top{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:32px!important;
  margin:0 0 clamp(24px,3vw,38px)!important;
}
.vendor.vendor-dark .section-top h2{
  font-size:clamp(42px,6vw,84px)!important;
  max-width:820px!important;
}
.vendor.vendor-dark .section-top p{
  max-width:460px!important;
  margin:0!important;
}
.vendor.vendor-dark .industry-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.vendor.vendor-dark .industry-card{
  min-height:310px!important;
  grid-column:auto!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.45)!important;
  transform:none!important;
}
.vendor.vendor-dark .industry-card.feature{
  min-height:420px!important;
  grid-column:span 2!important;
}
.vendor.vendor-dark .industry-card.tall{
  min-height:420px!important;
}
.vendor.vendor-dark .industry-card .meta{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
}

/* PurplePerfect layered framing device: one plane behind, one in front. */
.category-photo{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.category-photo:before,
.category-photo:after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.category-photo:before{
  z-index:0;
  top:-28px;
  left:-28px;
  width:38%;
  height:78%;
  background:linear-gradient(160deg,#7028ff 0%,#9f5bff 48%,#146dff 100%);
  clip-path:polygon(0 0,100% 0,100% 18%,28% 18%,28% 100%,0 100%);
  filter:drop-shadow(0 22px 38px rgba(79,28,191,.22));
}
.category-photo:after{
  z-index:2;
  right:-20px;
  bottom:-20px;
  width:46%;
  height:28%;
  background:linear-gradient(135deg,#5f20dc 0%,#146dff 100%);
  clip-path:polygon(0 72%,72% 72%,72% 0,100% 0,100% 100%,0 100%);
  filter:drop-shadow(0 20px 34px rgba(20,109,255,.2));
}
.category-photo img{
  position:relative;
  z-index:1;
  border-radius:18px!important;
  box-shadow:0 34px 110px rgba(31,15,75,.2)!important;
}

/* ABOUT: turn the dark caption into a useful buyer-confidence proof map. */
.pp-about-page .mast-image .caption.pp-c-image-argument{
  left:22px!important;
  right:22px!important;
  top:auto!important;
  bottom:22px!important;
  width:auto!important;
  max-width:none!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.66fr) minmax(0,1.34fr);
  gap:18px!important;
  align-items:stretch;
  font-weight:inherit!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  border-radius:20px!important;
  background:rgba(8,6,19,.84)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
}
.pp-c-image-argument-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.pp-c-image-argument-copy>b{
  font-size:clamp(18px,1.7vw,25px);
  line-height:1.06;
}
.pp-c-image-argument-copy>span{
  color:rgba(255,255,255,.7)!important;
  line-height:1.5;
}
.pp-c-image-proof-map{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.pp-c-image-proof-map>div{
  min-width:0;
  padding:15px;
  display:flex;
  flex-direction:column;
  gap:6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(122,44,255,.2),rgba(20,109,255,.08));
}
.pp-c-image-proof-map small{
  color:#8e9eff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.pp-c-image-proof-map b{
  color:#fff;
  font-size:16px;
}
.pp-c-image-proof-map span{
  color:rgba(255,255,255,.68)!important;
  font-size:12px;
  line-height:1.42;
}

/* Keep the featured service legible throughout hover and keyboard focus. */
.pp-about-page .service-card.featured:hover,
.pp-about-page .service-card.featured:focus-within{
  color:#fff!important;
  background:linear-gradient(145deg,#5d18e8,#7a2cff 56%,#1e6bff)!important;
  border-color:rgba(255,255,255,.24)!important;
}

/* CONTACT: make the new benefits scan as three concrete gains. */
.pp-contact-page .reel-caption{
  counter-reset:pp-benefit;
}
.pp-contact-page .reel-caption div{
  counter-increment:pp-benefit;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr);
  align-items:start;
  gap:10px;
}
.pp-contact-page .reel-caption div:before{
  content:"0" counter(pp-benefit);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:999px;
  background:linear-gradient(135deg,#7028ff,#146dff);
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}

@media(max-width:1050px){
  .vendor.vendor-dark .section-top{
    display:block!important;
  }
  .vendor.vendor-dark .section-top p{
    margin-top:16px!important;
  }
  .vendor.vendor-dark .industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .vendor.vendor-dark .industry-card.feature{
    grid-column:span 1!important;
  }
  .pp-about-page .mast-image .caption.pp-c-image-argument{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:680px){
  .vendor.vendor-dark{
    margin-inline:8px!important;
    border-radius:28px!important;
  }
  .vendor.vendor-dark .industry-grid{
    grid-template-columns:1fr!important;
  }
  .vendor.vendor-dark .industry-card,
  .vendor.vendor-dark .industry-card.feature,
  .vendor.vendor-dark .industry-card.tall{
    min-height:340px!important;
  }
  .pp-global-links a:nth-child(2){
    display:inline-flex!important;
  }
  .category-photo{
    height:500px!important;
    margin:28px 10px 24px!important;
  }
  .category-photo:before{
    top:-16px;
    left:-16px;
  }
  .category-photo:after{
    right:-12px;
    bottom:-12px;
  }
  .pp-about-page .mast-image{
    height:560px!important;
  }
  .pp-about-page .mast-image .caption.pp-c-image-argument{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    padding:14px!important;
    gap:11px!important;
  }
  .pp-c-image-proof-map{
    gap:6px;
  }
  .pp-c-image-proof-map>div{
    padding:10px 8px;
  }
  .pp-c-image-proof-map span{
    font-size:10px;
  }
  .pp-contact-page .reel-caption div{
    grid-template-columns:24px minmax(0,1fr);
  }
  .pp-contact-page .reel-caption div:before{
    width:24px;
    height:24px;
  }
}

/* REMARK PASS 6: user-supplied imagery and About CTA correction. */
body.pp-noise .start-safely{
  background:
    linear-gradient(90deg,rgba(5,4,13,.94) 0%,rgba(5,4,13,.68) 48%,rgba(5,4,13,.3) 100%),
    url("remark_assets_v6/purple-kl-city-cta.webp") center/cover no-repeat!important;
}

.category-photo:before,
.category-photo:after{
  content:none!important;
  display:none!important;
}
.category-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

.pp-portfolio-page .final{
  background:
    linear-gradient(90deg,rgba(5,4,13,.94) 0%,rgba(5,4,13,.66) 52%,rgba(5,4,13,.36) 100%),
    url("remark_assets_v6/portfolio-final-bts.jpg") 65% center/cover no-repeat!important;
}

.pp-contact-page .final{
  background:
    linear-gradient(90deg,rgba(5,4,13,.94) 0%,rgba(5,4,13,.64) 52%,rgba(5,4,13,.34) 100%),
    url("launch-assets-v7/final-digital-explosion-v7.webp") center/cover no-repeat!important;
}

.pp-about-page .mast-image img{
  object-position:center 44%!important;
}
.pp-about-page .floating{
  display:none!important;
}
.pp-about-page .pp-global-nav .pp-global-quote{
  flex:0 0 auto!important;
  min-width:88px;
  opacity:1!important;
  visibility:visible!important;
  color:#33106b!important;
}

@media(max-width:680px){
  body.pp-noise .start-safely{
    background-position:66% center!important;
  }
  .category-photo{
    height:clamp(330px,63vw,470px)!important;
    margin:22px 0 8px!important;
  }
  .pp-about-page .pp-global-nav .pp-global-quote{
    min-width:74px;
    padding:8px 10px!important;
    font-size:10px!important;
  }
}

/* LAUNCH PASS 7: restore clean spacing after removing editorial micro-labels. */
.hero-cinema .hero-copy>h1,
.hero-cinema .director-card>b,
.premium-copy .container>h2,
.section-top h2,
.pp-about-page .mast-copy h1,
.pp-about-page .section-head h2,
.pp-about-page .clarity-head h2,
.pp-about-page .founder-copy h2,
.pp-about-page .bts-head h2,
.pp-contact-page .hero h1,
.pp-contact-page .info-content h2,
.pp-contact-page .form-panel h2,
.pp-contact-page .map-feature-head h2,
.pp-quote-page .quote-hero h1,
.pp-quote-page .form-panel h2{
  margin-top:0!important;
}

.vendor.vendor-dark .industry-card.feature img{
  object-position:center center!important;
}

/* MOBILE PORTFOLIO RELEASE 8
   Purpose-built iPhone layout. This deliberately overrides legacy desktop
   row spans that caused 430px cards to overlap inside 74px grid tracks. */
@media(max-width:680px){
  .pp-portfolio-page,
  .pp-portfolio-page main{
    width:100%;
    max-width:100%;
    overflow-x:clip!important;
  }

  .pp-portfolio-page main>section{
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
  }

  .pp-portfolio-page .portfolio-console{
    display:block!important;
    min-height:0!important;
    padding:124px 0 36px!important;
    overflow:hidden!important;
  }

  .pp-portfolio-page .portfolio-console>.container{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    margin-inline:auto!important;
  }

  .pp-portfolio-page .portfolio-panel,
  .pp-portfolio-page .console-top,
  .pp-portfolio-page .console-title,
  .pp-portfolio-page .filter-deck,
  .pp-portfolio-page .filter-rail{
    min-width:0!important;
    max-width:100%!important;
  }

  .pp-portfolio-page .console-top{
    display:block!important;
    width:100%!important;
    margin-bottom:26px!important;
  }

  .pp-portfolio-page .console-title small{
    max-width:100%;
    margin-bottom:16px!important;
    padding:8px 11px!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
  }

  .pp-portfolio-page .console-title h1{
    width:100%!important;
    max-width:10ch!important;
    margin:0!important;
    color:var(--pp-c-ink)!important;
    font-size:clamp(46px,13.4vw,58px)!important;
    line-height:.88!important;
    letter-spacing:-.075em!important;
    overflow-wrap:normal!important;
    text-wrap:balance;
  }

  .pp-portfolio-page .console-actions{
    display:none!important;
  }

  .pp-portfolio-page .filter-deck{
    width:100%!important;
    padding:8px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .pp-portfolio-page .filter-rail{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    padding:2px 16px 6px 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:2px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .pp-portfolio-page .filter-rail::-webkit-scrollbar{
    display:none;
  }

  .pp-portfolio-page .filter-chip{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    padding:10px 14px!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-align:center!important;
    scroll-snap-align:start;
  }

  .pp-portfolio-page .work-stage{
    padding:44px 0 76px!important;
    overflow:hidden!important;
  }

  .pp-portfolio-page .gallery-start-line{
    display:grid!important;
    gap:9px!important;
    margin-bottom:22px!important;
    padding-bottom:20px!important;
  }

  .pp-portfolio-page .gallery-start-line span{
    font-size:11px!important;
  }

  .pp-portfolio-page .gallery-start-line strong{
    max-width:30ch;
    margin:0!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  .pp-portfolio-page .work-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:20px!important;
  }

  .pp-portfolio-page .work-card,
  .pp-portfolio-page .work-card:nth-child(3n+2),
  .pp-portfolio-page .work-card.wide,
  .pp-portfolio-page .work-card.tall,
  .pp-portfolio-page .work-card.medium,
  .pp-portfolio-page .work-card.small,
  .pp-portfolio-page .work-card.feature,
  .pp-portfolio-page .work-card.portrait-card,
  .pp-portfolio-page .work-card.landscape{
    grid-column:1/-1!important;
    grid-row:auto!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:clamp(390px,108vw,460px)!important;
    margin:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    isolation:isolate;
  }

  .pp-portfolio-page .work-card.hidden{
    display:none!important;
  }

  .pp-portfolio-page .work-card .visual{
    inset:0!important;
  }

  .pp-portfolio-page .work-card .card-content{
    inset:0!important;
    min-width:0!important;
    padding:18px!important;
  }

  .pp-portfolio-page .work-card .top-meta{
    min-width:0!important;
    gap:10px!important;
  }

  .pp-portfolio-page .work-card .pill{
    max-width:72%;
    padding:8px 10px!important;
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.09em!important;
    white-space:normal!important;
  }

  .pp-portfolio-page .work-card .number{
    flex:0 0 auto;
    font-size:46px!important;
    line-height:.82!important;
  }

  .pp-portfolio-page .work-card .card-title{
    min-width:0!important;
    max-width:100%!important;
    padding-right:54px;
  }

  .pp-portfolio-page .work-card .card-title h3{
    max-width:100%!important;
    margin:0 0 10px!important;
    font-size:clamp(29px,8.4vw,36px)!important;
    line-height:.96!important;
    letter-spacing:-.06em!important;
    overflow-wrap:break-word;
  }

  .pp-portfolio-page .work-card .card-title p{
    max-width:100%!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.45!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }

  .pp-portfolio-page .work-card.compact .card-title p{
    display:none!important;
  }

  .pp-portfolio-page .work-card .simple-tags{
    max-width:100%!important;
    gap:6px!important;
    margin-top:13px!important;
  }

  .pp-portfolio-page .work-card .simple-tag{
    padding:7px 9px!important;
    font-size:9px!important;
    line-height:1.15!important;
    letter-spacing:.1em!important;
  }

  .pp-portfolio-page .work-card .hover-note{
    display:none!important;
  }

  .pp-portfolio-page .work-card .play{
    right:16px!important;
    bottom:16px!important;
    width:48px!important;
    height:48px!important;
    box-shadow:0 14px 42px rgba(0,0,0,.24)!important;
  }

  .pp-portfolio-page .work-card[data-video-id="pending"] .play:before{
    content:"i"!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    border:0!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:950;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }

  .pp-portfolio-page .whitepaper-box{
    min-width:0!important;
  }

  .pp-portfolio-page .pp-floating-quote{
    right:max(12px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 24px)!important;
  }

  .pp-portfolio-page .pp-floating-quote a{
    width:auto!important;
    min-height:44px!important;
    padding:11px 17px!important;
    font-size:13px!important;
  }
}

@media(max-width:380px){
  .pp-portfolio-page .portfolio-console{
    padding-top:118px!important;
  }

  .pp-portfolio-page .console-title h1{
    font-size:44px!important;
  }

  .pp-portfolio-page .work-card .card-title h3{
    font-size:28px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pp-portfolio-page .filter-rail{
    scroll-behavior:auto!important;
  }
}

.pp-portfolio-page .portfolio-status-error{
  color:#9b2c2c!important;
}

.pp-portfolio-page .portfolio-load-error{
  grid-column:1/-1;
  margin:0;
  padding:24px;
  border:1px solid rgba(114,43,255,.16);
  border-radius:22px;
  background:#f8f5ff;
  color:#484359;
  font-size:16px;
  line-height:1.6;
}

.pp-portfolio-page .portfolio-load-error a{
  color:var(--pp-c-purple,#722bff);
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:3px;
}

.pp-portfolio-page .pp-video-source-link{
  width:max-content;
  margin-top:20px;
  flex:0 0 auto;
}

.pp-portfolio-page .pp-video-info{
  min-width:0;
  max-height:94vh;
  justify-content:flex-start;
  overflow-y:auto;
  padding-top:clamp(58px,5vw,76px);
}

.pp-portfolio-page .pp-video-info small{
  line-height:1.45;
  overflow-wrap:anywhere;
}

.pp-portfolio-page .pp-video-info h2{
  max-width:100%;
  font-size:clamp(30px,3.25vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

@media(max-width:680px){
  .pp-portfolio-page .pp-video-shell{
    max-height:92dvh;
  }

  .pp-portfolio-page .pp-video-info{
    max-height:none;
    padding:24px;
  }

  .pp-portfolio-page .pp-video-info h2{
    font-size:clamp(28px,8vw,36px)!important;
  }

  .pp-portfolio-page .pp-video-source-link{
    width:100%;
    min-height:46px;
  }
}

/* V9 launch typography: preserve impact without glyph or line collisions */
html[data-pp-variant="C"][lang] body[class] h1{
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

html[data-pp-variant="C"][lang] body[class] h2{
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}

@media(max-width:680px){
  html[data-pp-variant="C"][lang] body[class] h1{
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  html[data-pp-variant="C"][lang] body[class] h2{
    line-height:1.06!important;
    letter-spacing:-.025em!important;
  }
}

/* DRAFT 6.0 — 31-7-26 final review implementation. */
.pp-global-links a[aria-current="page"]{
  color:#6b20ed!important;
  opacity:1!important;
  box-shadow:inset 0 -2px 0 #7a2cff;
}

.pp-global-quote[aria-current="page"]{
  box-shadow:0 0 0 3px rgba(122,44,255,.16),0 16px 38px rgba(122,44,255,.24)!important;
}

.director-card .stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Home safety authority: stable composition plus PurplePerfect's curved
   front-and-back planes, without the removed L-shaped corner device. */
.category-grid,
.category-copy,
.category-photo{min-width:0}

.category-photo{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  height:clamp(650px,72vw,920px)!important;
  margin:28px 24px 28px 10px!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.category-photo:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:-24px 10% 11% -22px!important;
  width:auto!important;
  height:auto!important;
  border-radius:44% 56% 48% 52% / 52% 44% 56% 48%!important;
  background:linear-gradient(145deg,#7028ff 0%,#9950ff 46%,#176cff 100%)!important;
  clip-path:none!important;
  transform:rotate(-3.2deg)!important;
  filter:drop-shadow(0 24px 44px rgba(78,28,190,.22))!important;
  opacity:.98;
}

.category-photo:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  right:24px!important;
  bottom:-9px!important;
  width:132px!important;
  height:18px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#5f20dc,#1e6bff 68%,#35d7ff)!important;
  clip-path:none!important;
  filter:drop-shadow(0 12px 22px rgba(20,109,255,.25))!important;
}

.category-photo img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  border-radius:26px!important;
  object-fit:cover!important;
  object-position:center 60%!important;
  box-shadow:0 38px 120px rgba(31,15,75,.24)!important;
}

/* About C.L.A.R.I.T.Y.: ambient brand light follows a pointer where supported;
   touch and reduced-motion users receive the same static visual hierarchy. */
.pp-about-page .clarity-system{
  --clarity-x:50%;
  --clarity-y:42%;
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(122,44,255,.22),transparent 30%),
    linear-gradient(180deg,#080611,#170a30)!important;
}

.pp-about-page .clarity-system:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(74vw,980px);
  aspect-ratio:1;
  left:var(--clarity-x);
  top:var(--clarity-y);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(53,215,255,.24) 0%,rgba(30,107,255,.18) 22%,rgba(122,44,255,.15) 43%,transparent 69%);
  filter:blur(12px);
  transform:translate(-50%,-50%);
  transition:left .22s ease-out,top .22s ease-out;
  animation:pp-clarity-breathe 7s ease-in-out infinite alternate;
  pointer-events:none;
}

.pp-about-page .clarity-system:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.15;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at var(--clarity-x) var(--clarity-y),#000 0%,transparent 70%);
  pointer-events:none;
}

.pp-about-page .clarity-system>.container{position:relative;z-index:1}

.pp-about-page .service-card.featured:hover h3,
.pp-about-page .service-card.featured:hover p,
.pp-about-page .service-card.featured:focus-within h3,
.pp-about-page .service-card.featured:focus-within p{
  color:#fff!important;
}

@keyframes pp-clarity-breathe{
  from{opacity:.68;scale:.96}
  to{opacity:1;scale:1.06}
}

/* Quote proof: three stable image frames, genuine marks, clean photo edge,
   and explicit high-contrast form typography. */
.pp-quote-page .pp-c-quote-stack{
  width:100%;
  grid-template-columns:1.08fr .92fr 1fr!important;
  grid-auto-rows:190px;
  height:auto!important;
  align-items:stretch;
  overflow:visible;
}

.pp-quote-page .pp-c-quote-stack .pp-c-film-cell{
  min-width:0;
  height:190px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#0c0918;
}

.pp-quote-page .pp-c-quote-stack img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.pp-quote-page .pp-c-quote-stack .pp-c-film-cell:nth-child(1) img{object-position:center 52%}
.pp-quote-page .pp-c-quote-stack .pp-c-film-cell:nth-child(2) img{object-position:center 46%}
.pp-quote-page .pp-c-quote-stack .pp-c-film-cell:nth-child(3) img{object-position:center 42%}

.pp-quote-page .image-proof{
  border:0!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5)),
    url("purpleperfect_home_assets_v2_premium/section_founder_philosophy_bts_1600x1200.jpg") center 42%/cover no-repeat!important;
}

.pp-quote-page .logo-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}

.pp-quote-page .logo-grid>.client-logo{
  min-width:0;
  min-height:82px!important;
  display:grid!important;
  place-items:center!important;
  padding:12px!important;
  overflow:hidden;
  color:#111!important;
  border:1px solid rgba(20,12,45,.09)!important;
  border-radius:15px!important;
  background:#fff!important;
}

.pp-quote-page .client-logo img{
  display:block;
  width:100%;
  height:54px;
  object-fit:contain;
}

.pp-quote-page .client-logo[aria-label="T7 Global Berhad"] img{max-width:58px}
.pp-quote-page .client-logo[aria-label="Sapura Energy"] img{max-width:96px}
.pp-quote-page .client-logo[aria-label="McDermott"] img{max-width:132px}

.pp-quote-page .form-panel h2{color:#0b0816!important}
.pp-quote-page .form-panel>p{color:#4d4758!important}
.pp-quote-page .mini-proof{background:linear-gradient(135deg,#f4edff,#fff)!important}
.pp-quote-page .mini-proof b{color:#181221!important}
.pp-quote-page .mini-proof span{color:#555060!important}
.pp-quote-page .field label{color:#514a5d!important}

@media(max-width:980px){
  .category-grid{grid-template-columns:1fr!important}
  .category-copy{max-width:820px}
  .category-photo{height:clamp(560px,95vw,820px)!important}
  .pp-quote-page .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:680px){
  .pp-global-nav{
    padding-inline:10px!important;
    gap:8px!important;
  }
  .pp-global-brand{flex:0 0 auto}
  .pp-site-logo{max-width:104px!important}
  .pp-global-links{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:13px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .pp-global-links::-webkit-scrollbar{display:none}
  .pp-global-links a,
  .pp-global-links a:nth-child(2){
    display:inline-flex!important;
    flex:0 0 auto;
    font-size:10px!important;
  }
  .pp-global-quote{
    flex:0 0 auto!important;
    min-width:68px!important;
    padding:8px 9px!important;
    font-size:10px!important;
  }
  .director-card .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .director-card .stat{padding:12px 7px!important}
  .director-card .stat b{font-size:20px!important}
  .director-card .stat span{font-size:9px!important;letter-spacing:.08em!important}
  .category-copy h2{font-size:clamp(42px,12vw,58px)!important}
  .category-photo{
    height:clamp(480px,138vw,620px)!important;
    margin:30px 8px 18px!important;
  }
  .category-photo:before{inset:-15px 8% 10% -12px!important}
  .category-photo:after{right:18px!important;width:96px!important}
  .category-photo img{object-position:center 63%!important}
  .pp-about-page .clarity-system:before{
    width:150vw;
    left:50%;
    top:34%;
    transition:none;
    animation:none;
  }
  .pp-quote-page .pp-c-quote-stack{
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:164px;
  }
  .pp-quote-page .pp-c-quote-stack .pp-c-film-cell{height:164px!important}
  .pp-quote-page .pp-c-quote-stack .pp-c-film-cell:nth-child(3){
    display:block!important;
    grid-column:1/-1!important;
  }
  .pp-quote-page .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pp-quote-page .logo-grid>.client-logo{min-height:74px!important;padding:10px!important}
}

@media(prefers-reduced-motion:reduce){
  .pp-about-page .clarity-system:before{
    transition:none;
    animation:none;
  }
}

/* DRAFT 6.0 FINAL VISUAL QA
   Keep the launch navigation anchored on every route and preserve the bold
   editorial scale without letting large-letter lines or long words collide. */
.pp-global-nav{
  position:fixed!important;
  z-index:5000!important;
}

html[data-pp-variant="C"][lang] body[class] h1{
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}

html[data-pp-variant="C"][lang] body[class] h2{
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}

@media(max-width:680px){
  html[data-pp-variant="C"][lang] body[class] h1{
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  html[data-pp-variant="C"][lang] body[class] h2{
    line-height:1.1!important;
    letter-spacing:-.02em!important;
  }

  .hero-cinema h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(46px,13vw,56px)!important;
  }

  .pp-footer-top h2{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(42px,12vw,50px)!important;
  }

}

/* VERSION 13 RELEASE LOCK
   The approved safety photograph is a clean frame. This final rule must remain
   after every historical remark block so older corner and plane treatments
   cannot reappear through cascade order. */
.category-photo{
  overflow:hidden!important;
  margin:28px 0!important;
  border-radius:30px!important;
  background:#111!important;
  box-shadow:0 38px 120px rgba(31,15,75,.24)!important;
}

.category-photo:before,
.category-photo:after{
  content:none!important;
  display:none!important;
}

.category-photo img{
  border-radius:0!important;
  box-shadow:none!important;
  object-position:center 60%!important;
}

button.btn{
  cursor:pointer;
  font:inherit;
}

.form-mailto-status{
  min-height:1.5em;
  margin:4px 0 0;
  color:#625f76;
  font-size:13px;
  line-height:1.5;
}

@media(max-width:680px){
  .category-photo{
    margin:24px 0 18px!important;
  }

  .category-photo img{
    object-position:center 63%!important;
  }
}

/* VERSION 14 RELEASE LOCK
   Authentic client marks, natural logo proportions, canonical portfolio
   visibility, and the approved About hero are protected at the final cascade. */
.client-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.trust .logos{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  border:0!important;
}

.trust .logo-tile{
  min-width:0!important;
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:16px 12px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
}

.trust .logo-tile img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:52px!important;
  object-fit:contain!important;
}

.trust .logo-tile[aria-label="KLCC"] img,
.pp-about-page .client-logo[aria-label="KLCC"] img{
  max-height:58px!important;
}

.trust .logo-tile small{
  margin:0!important;
  color:#5a5369!important;
  font-size:10px!important;
  line-height:1.2!important;
}

.client-love .love-meta b{
  line-height:1.28!important;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

.pp-about-page .client-logo-proof{
  background:
    radial-gradient(circle at 12% 18%,rgba(81,221,255,.12),transparent 26%),
    linear-gradient(145deg,#0e081f,#1e0c42)!important;
}

.pp-about-page .client-logo-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}

.pp-about-page .client-logo-grid>.client-logo{
  min-width:0!important;
  min-height:124px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:18px 14px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
}

.pp-about-page .client-logo-grid>.client-logo img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:54px!important;
  object-fit:contain!important;
}

.pp-about-page .client-logo-grid>.client-logo small{
  margin:0!important;
  color:#5b536c!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
}

.pp-quote-page .proof-strip{
  border-color:rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(81,221,255,.14),transparent 28%),
    linear-gradient(145deg,#0b0716,#261044 58%,#160a31)!important;
  box-shadow:0 28px 88px rgba(16,8,42,.24)!important;
}

.pp-quote-page .proof-title{
  color:rgba(255,255,255,.72)!important;
}

.pp-quote-page .logo-grid>.client-logo{
  min-height:88px!important;
  padding:16px 18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
}

.pp-quote-page .client-logo img,
.pp-quote-page .client-logo[aria-label="T7 Global Berhad"] img,
.pp-quote-page .client-logo[aria-label="Sapura Energy"] img,
.pp-quote-page .client-logo[aria-label="McDermott"] img{
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:48px!important;
  object-fit:contain!important;
  filter:grayscale(1) contrast(1.12)!important;
  opacity:.88;
}

.pp-quote-page .client-logo[aria-label="KLCC"] img{
  max-height:58px!important;
}

.pp-quote-page .client-logo[aria-label="Hibiscus Petroleum"] img{
  clip-path:polygon(0 0,74% 0,74% 25%,100% 25%,100% 100%,0 100%);
}

.pp-portfolio-page .work-stage,
.pp-portfolio-page .work-stage>.container,
.pp-portfolio-page .work-grid,
.pp-portfolio-page .work-card{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}

.pp-portfolio-page .work-card{
  color:inherit!important;
  text-decoration:none!important;
}

.pp-portfolio-page .work-stage{
  content-visibility:visible!important;
}

.pp-portfolio-page .portfolio-fallback-card{
  position:relative;
  min-width:0;
  min-height:360px;
  grid-row:span 5;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(17,12,41,.1);
  border-radius:4px 34px 4px 34px;
  color:#fff!important;
  text-decoration:none!important;
  background:#111;
  box-shadow:0 26px 84px rgba(31,15,75,.14);
}

.pp-portfolio-page .portfolio-fallback-card:nth-child(4n+1),
.pp-portfolio-page .portfolio-fallback-card:nth-child(4n+2){
  grid-column:span 6;
}

.pp-portfolio-page .portfolio-fallback-card:nth-child(4n+3){
  grid-column:span 7;
}

.pp-portfolio-page .portfolio-fallback-card:nth-child(4n){
  grid-column:span 5;
}

.pp-portfolio-page .portfolio-fallback-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.pp-portfolio-page .portfolio-fallback-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,5,14,.08),rgba(5,5,14,.82));
}

.pp-portfolio-page .portfolio-fallback-copy{
  position:relative;
  z-index:1;
  padding:24px;
}

.pp-portfolio-page .portfolio-fallback-copy small{
  display:block;
  margin-bottom:8px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.pp-portfolio-page .portfolio-fallback-copy strong{
  display:block;
  max-width:20ch;
  color:#fff;
  font-size:clamp(27px,3vw,44px);
  line-height:1.05;
  letter-spacing:-.045em;
  text-wrap:balance;
}

@media(max-width:980px){
  .trust .logos,
  .pp-about-page .client-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .pp-portfolio-page .portfolio-fallback-card,
  .pp-portfolio-page .portfolio-fallback-card:nth-child(n){
    grid-column:span 6;
  }
}

@media(max-width:680px){
  .trust .logos,
  .pp-about-page .client-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .trust .logo-tile,
  .pp-about-page .client-logo-grid>.client-logo{
    min-height:108px!important;
    padding:14px 10px!important;
  }

  .pp-about-page .client-logo-grid>.client-logo img,
  .trust .logo-tile img{
    max-height:46px!important;
  }

  .pp-portfolio-page .portfolio-fallback-card,
  .pp-portfolio-page .portfolio-fallback-card:nth-child(n){
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:clamp(360px,104vw,430px);
    border-radius:24px;
  }
}

/* VERSION 15 RELEASE LOCK
   All displayed client marks are transparent-background PNG assets.
   The About proof field follows the approved PurplePerfect reference wall:
   one uninterrupted light canvas, natural proportions, and no logo cards. */
.client-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}

.trust .logo-tile img{
  max-width:82%!important;
  max-height:52px!important;
}

.trust .logo-tile.client-logo--wide img{
  max-width:90%!important;
  max-height:44px!important;
}

.trust .logo-tile.client-logo--square img{
  max-width:64%!important;
  max-height:60px!important;
}

.pp-about-page .client-logo-proof{
  background:
    radial-gradient(circle at 12% 18%,rgba(81,221,255,.12),transparent 26%),
    linear-gradient(145deg,#0e081f,#1e0c42)!important;
}

.pp-about-page .client-logo-canvas{
  width:100%;
  overflow:hidden;
  padding:30px 34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:#fffdf9;
  box-shadow:0 34px 100px rgba(0,0,0,.24);
}

.pp-about-page .client-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
}

.pp-about-page .client-logo-grid>.client-logo{
  min-width:0!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateZ(0);
  transition:transform .28s ease,opacity .28s ease;
}

.pp-about-page .client-logo-grid>.client-logo:hover{
  transform:scale(1.028);
}

.pp-about-page .client-logo-grid>.client-logo img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:54px!important;
  object-fit:contain!important;
}

.pp-about-page .client-logo-grid>.client-logo.client-logo--wide img{
  max-width:90%!important;
  max-height:44px!important;
}

.pp-about-page .client-logo-grid>.client-logo.client-logo--square img{
  max-width:66%!important;
  max-height:66px!important;
}

.pp-about-page .client-logo-grid>.client-logo.client-logo--compact img{
  max-width:60%!important;
  max-height:58px!important;
}

.pp-about-page .client-logo-proof.pp-opt-visible .client-logo{
  animation:ppLogoWallRise .56s cubic-bezier(.2,.75,.25,1) both;
  animation-delay:calc(var(--logo-index,0) * 34ms);
}

@keyframes ppLogoWallRise{
  from{opacity:.4;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

.pp-quote-page .logo-grid>.client-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.pp-quote-page .client-logo img,
.pp-quote-page .client-logo.client-logo--wide img,
.pp-quote-page .client-logo.client-logo--square img{
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:48px!important;
  object-fit:contain!important;
  clip-path:none!important;
  filter:grayscale(1) contrast(1.12)!important;
  opacity:.88!important;
}

.pp-quote-page .client-logo.client-logo--wide img{
  max-width:92%!important;
  max-height:42px!important;
}

.pp-quote-page .client-logo.client-logo--square img{
  max-width:58%!important;
  max-height:54px!important;
}

@media(max-width:980px){
  .pp-about-page .client-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .pp-about-page .client-logo-canvas{
    padding:24px;
  }
}

@media(max-width:680px){
  .pp-about-page .client-logo-canvas{
    padding:12px 8px;
    border-radius:22px;
  }

  .pp-about-page .client-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .pp-about-page .client-logo-grid>.client-logo{
    min-height:102px!important;
    padding:16px 9px!important;
  }

  .pp-about-page .client-logo-grid>.client-logo img{
    max-width:84%!important;
    max-height:48px!important;
  }

  .pp-about-page .client-logo-grid>.client-logo.client-logo--wide img{
    max-width:92%!important;
    max-height:40px!important;
  }

  .pp-about-page .client-logo-grid>.client-logo.client-logo--square img{
    max-width:64%!important;
    max-height:60px!important;
  }

  .pp-about-page .client-logo-grid>.client-logo.client-logo--compact img{
    max-width:58%!important;
    max-height:54px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pp-about-page .client-logo-proof.pp-opt-visible .client-logo{
    animation:none!important;
  }

  .pp-about-page .client-logo-grid>.client-logo{
    transition:none!important;
  }
}

/* VERSION 16 APPROVED REFINEMENTS — 31-7-26
   Light client-proof field and a more proportionate safety headline. */
.trust{
  color:var(--pp-c-ink)!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(122,44,255,.07),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%)!important;
  border-top:1px solid rgba(15,11,35,.08)!important;
  border-bottom:1px solid rgba(15,11,35,.08)!important;
}

.trust h3{
  color:#2f2a3c!important;
}

.trust .logo-tile{
  border-color:rgba(39,26,74,.10)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 38px rgba(37,20,78,.06)!important;
}

.category-copy h2{
  max-width:none;
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}

@media(max-width:680px){
  .category-copy h2{
    max-width:none;
    font-size:clamp(32px,8.2vw,40px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
}

.pp-about-page .client-logo-proof{
  color:var(--pp-c-ink)!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(122,44,255,.09),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(22,109,255,.07),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%)!important;
  border-top:1px solid rgba(29,19,58,.08);
  border-bottom:1px solid rgba(29,19,58,.08);
}

.pp-about-page .client-logo-proof .section-head h2{color:#100d1b!important}
.pp-about-page .client-logo-proof .section-head p{color:#625f76!important}

.pp-about-page .client-logo-canvas{
  padding:22px 24px!important;
  border-color:rgba(35,23,70,.10)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 30px 90px rgba(43,25,88,.10)!important;
}

.pp-about-page .client-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.pp-about-page .client-logo-grid>.client-logo{
  min-height:102px!important;
  padding:16px 12px!important;
  box-shadow:inset -1px -1px 0 rgba(44,31,81,.075)!important;
}

.pp-about-page .client-logo-proof.pp-opt-visible .client-logo{animation:none!important}

.pp-about-page .client-logo-grid>.client-logo.pp-logo-scroll-reveal{
  opacity:0;
  transform:translateY(18px) scale(.98);
  transition:opacity .56s cubic-bezier(.2,.75,.25,1),transform .56s cubic-bezier(.2,.75,.25,1);
  transition-delay:calc(var(--logo-stagger,0) * 42ms);
}

.pp-about-page .client-logo-grid>.client-logo.pp-logo-scroll-reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

@media(max-width:980px){
  .pp-about-page .client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(max-width:680px){
  .pp-about-page .client-logo-canvas{padding:10px 8px!important}
  .pp-about-page .client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pp-about-page .client-logo-grid>.client-logo{min-height:90px!important;padding:12px 8px!important}
}

@media(prefers-reduced-motion:reduce){
  .pp-about-page .client-logo-grid>.client-logo.pp-logo-scroll-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}