/* asaf-site-v11.css - consolidated public stylesheet.
   Built from legacy public layers for stable rollback; loaded as the only public override.
   Do not edit generated legacy files for new fixes. */


/* ===== showtime-public-v7.css ===== */
/* Showtime redesign layer - global, visible, accessible, loaded last. */
:root{
  --st-ink:#082B36;
  --st-teal:#0A4253;
  --st-teal-2:#0F5F73;
  --st-ice:#DDECF3;
  --st-rose:#E7C9C0;
  --st-mauve:#B98B95;
  --st-gold:#C9A96E;
  --st-paper:#F6F1E9;
  --st-paper-2:#EFE7DC;
  --st-white:rgba(255,255,255,.88);
  --st-glass:rgba(255,255,255,.58);
  --st-glass-2:rgba(255,255,255,.72);
  --st-line:rgba(8,43,54,.14);
  --st-shadow:0 34px 100px rgba(8,43,54,.18);
  --st-shadow-soft:0 18px 55px rgba(8,43,54,.12);
  --st-radius:28px;
  --st-radius-lg:38px;
  --st-ease:cubic-bezier(.22,.61,.36,1);
}

html{
  background:var(--st-paper);
  overflow-x:hidden;
  scroll-behavior:smooth;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  overflow-x:hidden;
  color:var(--st-ink) !important;
  background:
    linear-gradient(180deg,#FBF9F5 0%,var(--st-paper) 34%,#F3EBE0 100%) !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(221,236,243,.38),transparent 34%),
    linear-gradient(250deg,rgba(231,201,192,.36),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,241,233,.66));
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(8,43,54,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,43,54,.06) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);
}

body.st-spotlight::before{
  background:
    radial-gradient(circle at var(--st-mx,50%) var(--st-my,18%),rgba(189,211,226,.42),transparent 26rem),
    linear-gradient(115deg,rgba(221,236,243,.38),transparent 34%),
    linear-gradient(250deg,rgba(231,201,192,.36),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,241,233,.66));
}

::selection{background:rgba(201,169,110,.36);color:var(--st-ink)}

.wrap,
.container,
.legal-wrap{
  width:min(1240px,calc(100% - clamp(30px,6vw,96px))) !important;
}

.nav,
.site-nav,
.pnav,
.project-sticky-nav,
.topbar{
  z-index:90 !important;
  overflow:visible !important;
  background:rgba(251,249,245,.68) !important;
  border-bottom:1px solid rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.35) !important;
  backdrop-filter:blur(30px) saturate(1.35) !important;
  box-shadow:0 12px 44px rgba(8,43,54,.10),inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.nav-in,
.site-nav__inner{
  min-height:82px !important;
  height:auto !important;
}

.nav-logo,
.brand,
.topbar-logo{
  min-width:0 !important;
  color:var(--st-ink) !important;
}

.nav-logo span,
.brand-text,
.topbar-name{
  color:var(--st-ink) !important;
  font-size:clamp(15px,1.3vw,18px) !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

.nav-logo svg,
.brand svg,
.topbar-logo svg{
  width:38px !important;
  height:38px !important;
  color:var(--st-ink) !important;
}

.nav-links{
  gap:clamp(18px,2vw,34px) !important;
}

.nav-links a:not(.nav-cta),
.nav-lang,
.ls-pill,
.pnav__tab,
.project-tab{
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--st-ink) !important;
  font-size:clamp(15px,1.18vw,17px) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
}

.nav-links a:not(.nav-cta)::after{
  height:3px !important;
  bottom:-5px !important;
  background:linear-gradient(90deg,var(--st-gold),var(--st-mauve)) !important;
}

.btn,
.nav-cta,
.btn-primary,
.btn-glass,
.btn-ghost,
.home-btn,
.lang-btn,
.project-tab,
.pnav__tab{
  min-height:52px !important;
  border-radius:999px !important;
  font-size:clamp(15px,1.18vw,17px) !important;
  font-weight:900 !important;
  transition:transform .28s var(--st-ease),box-shadow .28s var(--st-ease),background .28s var(--st-ease),color .28s var(--st-ease),border-color .28s var(--st-ease) !important;
}

.btn-primary,
.nav-cta,
.fast-submit{
  background:linear-gradient(135deg,var(--st-teal),#062630) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 44px rgba(8,43,54,.26),inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.btn-glass,
.btn-ghost,
.btn-light,
.btn-outline{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.48)) !important;
  color:var(--st-ink) !important;
  border:1px solid rgba(255,255,255,.80) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2) !important;
  backdrop-filter:blur(20px) saturate(1.2) !important;
  box-shadow:0 14px 38px rgba(8,43,54,.10),inset 0 1px 0 rgba(255,255,255,.86) !important;
}

@media(hover:hover){
  .btn:hover,
  .nav-cta:hover,
  .project-tab:hover,
  .pnav__tab:hover,
  .card:hover,
  .track:hover,
  .proj:hover,
  .metric:hover,
  .logo-cell:hover,
  .ps-split__visual:hover,
  .gallery-card:hover,
  .gc:hover,
  .option-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:0 30px 90px rgba(8,43,54,.20),inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
}

.fomo{
  min-height:44px !important;
  background:linear-gradient(90deg,#062630,var(--st-teal),#062630) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.hero{
  min-height:min(930px,92svh) !important;
  padding:clamp(72px,9vw,132px) clamp(14px,3vw,40px) !important;
  overflow:hidden !important;
  isolation:isolate;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(246,241,233,.94) 0%,rgba(246,241,233,.58) 30%,rgba(246,241,233,.22) 63%,rgba(246,241,233,.64) 100%),
    linear-gradient(180deg,rgba(8,43,54,.04),rgba(201,169,110,.18)) !important;
}

.hero-slide{
  filter:saturate(1.04) contrast(1.04) !important;
}

.hero-inner,
.hero-card,
.ph__text,
.legal-wrap > article,
.step.active,
.fast-hero,
.fast-form{
  position:relative;
  border-radius:var(--st-radius-lg) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50)) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(34px) saturate(1.35) !important;
  backdrop-filter:blur(34px) saturate(1.35) !important;
  box-shadow:var(--st-shadow),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(8,43,54,.05) !important;
}

.hero-inner{
  max-width:min(930px,calc(100vw - 28px)) !important;
  padding:clamp(42px,6vw,82px) clamp(28px,6vw,88px) !important;
}

.hero h1,
.hero-title,
.ph__title,
.legal h1,
.intro-hook,
.step-title,
.project-title{
  color:var(--st-ink) !important;
  font-size:clamp(48px,8vw,112px) !important;
  line-height:.95 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}

.hero-sub,
.hero-lead,
.hero .lead,
.ph__sub,
.legal p,
.step-sub,
.intro-sub,
.final-sub{
  color:#244B57 !important;
  font-size:clamp(18px,2vw,23px) !important;
  line-height:1.75 !important;
  font-weight:700 !important;
  text-wrap:pretty;
}

.hero-pill,
.eyebrow,
.project-kicker,
.ph__kicker,
.intro-eyebrow,
.step-tag,
.proj-tag,
.track-flag,
.oc small{
  color:#8A6428 !important;
  font-size:clamp(13px,1vw,15px) !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
}

.hero-micro,
.hero-signal,
.diagnosis-band{
  margin-top:clamp(26px,4vw,44px) !important;
}

.hero-signal span,
.hero-stat,
.metric,
.diag-panel,
.card,
.track,
.proj,
.feature,
.contact,
.about-contrast,
.option-card,
.final-package,
.legal-toc,
.legal section,
.ps-split__text,
.project-panel,
.testimonial,
.insta-card,
.pain-card,
.process-card,
.package-card{
  border-radius:var(--st-radius) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
  backdrop-filter:blur(22px) saturate(1.18) !important;
  box-shadow:var(--st-shadow-soft),inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.feature.teal,
.track.featured,
.cta-final,
.diag-main,
.section-teal,
.pc-cta{
  background:
    linear-gradient(135deg,rgba(8,43,54,.98),rgba(10,66,83,.94)),
    linear-gradient(90deg,rgba(201,169,110,.18),transparent) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
}

.section,
.legal{
  padding-block:clamp(64px,7vw,112px) !important;
}

.section-head,
.projects-head,
.reveal > .eyebrow,
.legal .eyebrow{
  margin-bottom:clamp(22px,3vw,42px) !important;
}

.section-head h2,
.feature h2,
.about-body h2,
.legal h2,
.ps-split__text h2,
.project-panel h3,
.diag-panel h2{
  color:var(--st-ink) !important;
  font-size:clamp(36px,5vw,72px) !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}

.feature.teal h2,
.track.featured h3,
.cta-final h2,
.diag-main h2,
.section-teal h2,
.pc-cta h2,
.pc-cta__quote{
  color:#fff !important;
}

.section-head p,
.card p,
.track .for,
.proj-meta p,
.about-body p,
.legal li,
.ps-split__text p,
.lead{
  color:#315964 !important;
  font-size:clamp(16px,1.45vw,19px) !important;
  line-height:1.78 !important;
}

.grid,
.tracks,
.metrics,
.diagnosis-band,
.process-grid,
.pain-grid,
.packages-grid,
.testimonials-grid,
.instagram-grid{
  gap:clamp(18px,2.2vw,30px) !important;
}

.card,
.track,
.metric,
.diag-panel{
  padding:clamp(26px,3.4vw,44px) !important;
}

.card h3,
.track h3,
.proj-meta h3,
.metric strong,
.hero-stat strong{
  color:var(--st-ink) !important;
  font-size:clamp(24px,2.7vw,42px) !important;
  line-height:1.03 !important;
}

.trust{
  width:min(1120px,calc(100% - 28px)) !important;
  margin:clamp(24px,4vw,58px) auto !important;
  padding:clamp(24px,3.2vw,42px) !important;
  border-radius:32px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(28px) saturate(1.25) !important;
  backdrop-filter:blur(28px) saturate(1.25) !important;
  box-shadow:var(--st-shadow-soft),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.campaign-system{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:clamp(24px,4vw,62px);
  align-items:center;
  margin-block:clamp(26px,5vw,78px);
  padding:clamp(26px,4.4vw,64px) !important;
  border-radius:42px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(8,43,54,.97),rgba(10,66,83,.88) 50%,rgba(185,139,149,.72)),
    linear-gradient(90deg,rgba(201,169,110,.20),transparent);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 38px 110px rgba(8,43,54,.24),inset 0 1px 0 rgba(255,255,255,.28);
  color:#fff;
  isolation:isolate;
}

.campaign-system::before{
  content:"";
  position:absolute;
  inset:-35% -18% auto auto;
  width:min(520px,72vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,.08) 42%,transparent 68%);
  filter:blur(4px);
  transform:translate3d(0,0,0);
  animation:stDrift 10s var(--st-ease) infinite alternate;
  z-index:-1;
}

.campaign-copy h2{
  color:#fff !important;
  font-size:clamp(42px,6vw,86px);
  line-height:1;
  letter-spacing:0;
  margin:12px 0 22px;
  text-wrap:balance;
}

.campaign-copy p{
  max-width:62ch;
  color:rgba(255,255,255,.86);
  font-size:clamp(18px,1.55vw,22px);
  line-height:1.82;
  font-weight:700;
}

.campaign-system .eyebrow{
  color:#EBDCC8 !important;
}

.campaign-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.campaign-pills span,
.chips .chip{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-weight:900;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}

.campaign-flow{
  display:grid;
  gap:18px;
}

.flow-card{
  padding:clamp(24px,3vw,36px);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.48));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 24px 70px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.8);
  color:var(--st-ink);
  -webkit-backdrop-filter:blur(24px) saturate(1.2);
  backdrop-filter:blur(24px) saturate(1.2);
}

.flow-card small{
  display:block;
  margin-bottom:10px;
  color:#8A6428;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.flow-card strong{
  display:block;
  color:var(--st-ink);
  font-size:clamp(24px,2.4vw,36px);
  line-height:1.05;
}

.flow-card p{
  margin-top:12px;
  color:#315964;
  font-size:17px;
  line-height:1.7;
  font-weight:700;
}

.flow-line{
  height:48px;
  display:grid;
  place-items:center;
}

.flow-line span{
  width:3px;
  height:100%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),#EBDCC8,rgba(255,255,255,.14));
  position:relative;
}

.flow-line span::after{
  content:"";
  position:absolute;
  inset:auto 50% -2px auto;
  width:12px;
  height:12px;
  border-right:3px solid #EBDCC8;
  border-bottom:3px solid #EBDCC8;
  transform:translateX(50%) rotate(45deg);
}

.logo-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(14px,1.8vw,22px) !important;
}

.logo-cell{
  width:auto !important;
  min-height:96px !important;
  padding:20px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.42)) !important;
  border:1px solid rgba(255,255,255,.84) !important;
  box-shadow:0 18px 48px rgba(8,43,54,.10),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.logo-cell img{
  width:100% !important;
  height:54px !important;
  object-fit:contain !important;
  opacity:.78 !important;
  filter:grayscale(.8) contrast(1.08) !important;
}

.carousel{
  gap:clamp(20px,2.4vw,34px) !important;
  padding:20px max(20px,calc((100vw - 1160px)/2)) 42px !important;
  scroll-snap-type:x mandatory !important;
}

.proj{
  flex-basis:min(560px,86vw) !important;
  overflow:hidden !important;
}

.proj-img{
  aspect-ratio:1.08 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#E9DED2 !important;
}

.proj-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.02);
}

.proj-meta{
  padding:26px 28px 32px !important;
}

.about{
  grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr) !important;
  gap:clamp(28px,5vw,76px) !important;
}

.about-photo{
  aspect-ratio:4/5 !important;
  border-radius:34px !important;
  box-shadow:var(--st-shadow) !important;
}

.legal{
  min-height:100svh;
}

.legal-wrap{
  max-width:980px !important;
}

.legal h1{
  max-width:12ch;
  margin-bottom:18px !important;
  font-size:clamp(48px,7vw,92px) !important;
}

.legal-toc{
  position:sticky;
  top:92px;
  z-index:10;
  padding:14px !important;
  margin:32px 0 46px !important;
}

.legal-toc a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  border-radius:999px !important;
  font-weight:900 !important;
  color:var(--st-ink) !important;
  background:rgba(255,255,255,.58) !important;
}

.legal h2{
  margin-top:clamp(40px,5vw,72px) !important;
  font-size:clamp(30px,4.2vw,56px) !important;
}

.legal p,
.legal li{
  font-size:clamp(17px,1.25vw,19px) !important;
  font-weight:700 !important;
  max-width:74ch;
}

.ph{
  min-height:94svh !important;
}

.ph__bg img{
  filter:saturate(1.04) contrast(1.02) !important;
}

.ph__overlay{
  background:linear-gradient(90deg,rgba(8,43,54,.86),rgba(8,43,54,.34),rgba(246,241,233,.18)) !important;
}

.ph__content{
  min-height:94svh !important;
  display:grid !important;
  align-items:center !important;
}

.ph-editorial{
  margin-block:0 !important;
  min-height:min(720px,74svh);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}

.ph-editorial img{
  width:100% !important;
  height:min(720px,74svh) !important;
  object-fit:cover !important;
  transform:scale(1.04);
}

.ph__text{
  max-width:min(720px,100%) !important;
  padding:clamp(34px,5vw,68px) !important;
  color:#fff !important;
}

.ph__text .ph__title,
.ph__text .ph__sub,
.ph__text .ph__kicker{
  color:#fff !important;
}

.ps-split{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr) !important;
  gap:clamp(24px,5vw,72px) !important;
  align-items:center !important;
}

.ps-split--flip{
  grid-template-columns:minmax(360px,.92fr) minmax(0,1fr) !important;
}

.ps-split__visual,
.gallery-card,
.gc,
.swatch-item{
  border-radius:32px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:var(--st-shadow-soft) !important;
  background:rgba(255,255,255,.5) !important;
}

.ps-img,
.ps-split__visual img,
.gallery-card img,
.gc img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.editorial-grid{
  gap:clamp(16px,2vw,28px) !important;
}

.swatches-row{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(14px,1.8vw,22px) !important;
}

.font-tag__label,
.font-tag__value,
.swatch-name,
.swatch-hex,
.footer-social-pill{
  font-size:clamp(13px,1vw,15px) !important;
  font-weight:900 !important;
}

.project-card,
.projects-grid .project-card{
  border-radius:28px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:var(--st-shadow-soft),inset 0 1px 0 rgba(255,255,255,.88) !important;
  transition:transform .28s var(--st-ease),box-shadow .28s var(--st-ease) !important;
}

.project-card img{
  aspect-ratio:1.12;
  object-fit:cover;
}

@media(hover:hover){
  .project-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:0 30px 90px rgba(8,43,54,.20),inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
}

.swatch-block{
  min-height:clamp(120px,14vw,190px) !important;
}

.float-whatsapp,
.float-instagram,
.float-phone,
.float-accessibility,
.float,
.accessibility-panel{
  -webkit-backdrop-filter:blur(20px) saturate(1.24) !important;
  backdrop-filter:blur(20px) saturate(1.24) !important;
  box-shadow:0 18px 46px rgba(8,43,54,.22),inset 0 1px 0 rgba(255,255,255,.74) !important;
}

.st-reveal{
  opacity:0;
  transform:translateY(38px) scale(.985);
  transition:opacity .8s var(--st-ease),transform .8s var(--st-ease);
}

.st-reveal.st-in{
  opacity:1;
  transform:none;
}

.st-fade{
  animation:stFade .85s var(--st-ease) both;
}

@keyframes stFade{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

@keyframes stDrift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-12%,18%,0) scale(1.16)}
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

  .st-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}

@media(max-width:980px){
  .wrap,
  .container,
  .legal-wrap{
    width:min(100% - 28px,720px) !important;
  }

  .nav-in,
  .site-nav__inner{
    min-height:74px !important;
  }

  .nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:50px !important;
    height:50px !important;
    margin-inline-start:auto !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.68) !important;
    border:1px solid rgba(8,43,54,.12) !important;
  }

  .nav-links{
    position:absolute !important;
    z-index:95 !important;
    top:74px !important;
    inset-inline:14px !important;
    padding:14px !important;
    gap:8px !important;
    border-radius:24px !important;
    background:rgba(251,249,245,.94) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    -webkit-backdrop-filter:blur(28px) saturate(1.24) !important;
    backdrop-filter:blur(28px) saturate(1.24) !important;
    box-shadow:var(--st-shadow) !important;
  }

  .nav-links a{
    width:100% !important;
    justify-content:flex-start !important;
    padding:13px 16px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.55) !important;
  }

  [dir="rtl"] .nav-links a{text-align:right !important;direction:rtl !important}
  [dir="ltr"] .nav-links a{text-align:left !important;direction:ltr !important}

  .hero{
    min-height:auto !important;
  }

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

  .grid,
  .tracks,
  .metrics,
  .diagnosis-band,
  .campaign-system,
  .about,
  .ps-split,
  .ps-split--flip,
  .contact,
  .pain-grid,
  .packages-grid,
  .process-grid,
  .instagram-grid{
    grid-template-columns:1fr !important;
  }

  .swatches-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  body{
    font-size:16px !important;
  }

  .wrap,
  .container,
  .legal-wrap{
    width:min(100% - 22px,540px) !important;
  }

  .nav-logo span,
  .brand-text,
  .topbar-name{
    max-width:145px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .hero-inner{
    padding:32px 22px !important;
    border-radius:28px !important;
  }

  .hero h1,
  .hero-title,
  .ph__title,
  .legal h1,
  .intro-hook,
  .step-title,
  .project-title{
    font-size:clamp(38px,12vw,58px) !important;
    line-height:1.03 !important;
  }

  .section-head h2,
  .feature h2,
  .about-body h2,
  .legal h2,
  .ps-split__text h2,
  .project-panel h3,
  .diag-panel h2{
    font-size:clamp(31px,9vw,46px) !important;
  }

  .hero-sub,
  .ph__sub,
  .legal p,
  .step-sub,
  .intro-sub{
    font-size:17px !important;
    line-height:1.72 !important;
  }

  .hero-cta,
  .btn-row,
  .hero-actions,
  .final-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .hero-cta .btn,
  .btn-row .btn,
  .hero-actions .btn,
  .final-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .section,
  .legal{
    padding-block:48px !important;
  }

  .campaign-system{
    padding:24px 18px !important;
    border-radius:28px;
    margin-block:24px;
  }

  .campaign-copy h2{
    font-size:clamp(34px,11vw,52px);
  }

  .campaign-copy p,
  .flow-card p{
    font-size:16px;
    line-height:1.72;
  }

  .logo-cell{
    min-height:82px !important;
    padding:14px !important;
  }

  .legal-toc{
    position:static !important;
  }

  .cookie{
    max-width:none !important;
    inset-inline:10px !important;
  }
}

/* v5 brand-led site reset - align every public page with the Brand flow the client approved. */
body{
  background:
    linear-gradient(115deg,rgba(221,236,243,.36),transparent 34%),
    linear-gradient(245deg,rgba(231,201,192,.30),transparent 38%),
    linear-gradient(180deg,#FBF9F5 0%,#EFE7DC 100%) !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap,
.about.wrap,
.pricing.wrap,
.process.wrap,
.faq.wrap,
.contact-wrap{
  width:min(1040px,calc(100% - 28px)) !important;
  max-width:1040px !important;
}

.hero{
  width:min(1040px,calc(100% - 28px)) !important;
  max-width:1040px !important;
  min-height:auto !important;
  margin:clamp(22px,4vw,54px) auto clamp(28px,5vw,60px) !important;
  padding:0 !important;
  display:grid !important;
  gap:18px !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.hero-bg{
  display:none !important;
}

.hero-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(34px,6vw,72px) clamp(24px,6vw,74px) !important;
  border-radius:34px !important;
  text-align:center !important;
  color:#fff !important;
  background:
    linear-gradient(145deg,rgba(8,43,54,.98),rgba(10,66,83,.93)),
    linear-gradient(90deg,rgba(201,169,110,.18),transparent) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 34px 100px rgba(8,43,54,.18),inset 0 1px 0 rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

[dir="ltr"] .hero-inner{
  margin:0 !important;
  text-align:center !important;
}

.hero-pill{
  justify-content:center !important;
  color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.hero h1,
[dir="ltr"] .hero h1{
  max-width:13ch !important;
  margin:12px auto 18px !important;
  color:#fff !important;
  font-size:clamp(42px,6vw,84px) !important;
  line-height:1.02 !important;
  text-shadow:none !important;
}

.hero-sub{
  max-width:58ch !important;
  margin-inline:auto !important;
  color:rgba(255,255,255,.86) !important;
  font-size:clamp(18px,1.45vw,22px) !important;
  line-height:1.62 !important;
  text-shadow:none !important;
}

.hero-cta{
  justify-content:center !important;
  margin-top:26px !important;
}

.hero-cta .btn{
  min-height:58px !important;
  border-radius:999px !important;
  font-size:17px !important;
}

.hero-cta .btn-primary{
  background:#fff !important;
  color:#082B36 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}

.hero-cta .btn-glass{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.20) !important;
}

.hero-micro{
  color:rgba(255,255,255,.74) !important;
}

.hero-signal{
  width:min(720px,100%) !important;
  margin:24px auto 0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.hero-signal span{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.78) !important;
}

.hero-signal b{
  color:#EBDCC8 !important;
}

.hero-showcase,
[dir="ltr"] .hero-showcase{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:clamp(138px,16vw,188px) !important;
  gap:12px !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  border-radius:22px !important;
  min-height:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 20px 62px rgba(8,43,54,.12),inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.showcase-card span{
  font-size:13px !important;
}

.trust{
  transform:none !important;
  margin:0 auto clamp(30px,5vw,64px) !important;
}

.logo-cell,
.metric,
.diag-panel,
.card,
.track,
.proj,
.project-card,
.testimonial,
.contact{
  border-radius:22px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 18px 54px rgba(8,43,54,.08),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.diagnosis-band{
  grid-template-columns:1fr !important;
}

.diag-main{
  text-align:center !important;
  background:linear-gradient(145deg,rgba(8,43,54,.98),rgba(10,66,83,.93)) !important;
}

.diag-main h2{
  max-width:14ch !important;
  margin-inline:auto !important;
  font-size:clamp(34px,4.8vw,64px) !important;
}

.diagnosis-band .diag-panel:not(.diag-main){
  min-height:auto !important;
}

.campaign-system{
  grid-template-columns:1fr !important;
  text-align:center !important;
  width:min(920px,calc(100% - 28px)) !important;
  max-width:920px !important;
}

.campaign-copy p,
.campaign-pills{
  margin-inline:auto !important;
  justify-content:center !important;
}

.campaign-flow{
  width:min(680px,100%) !important;
  margin-inline:auto !important;
}

.section{
  padding-block:clamp(46px,6vw,82px) !important;
}

.section-head,
.projects-head{
  text-align:center !important;
}

.section-head h2,
.projects-head h2,
.about-body h2{
  font-size:clamp(34px,4.8vw,64px) !important;
}

.section-head p,
.projects-head p,
.about-body p,
.card p,
.track .for,
.proj-meta p,
.lead{
  font-size:clamp(16px,1.35vw,19px) !important;
  line-height:1.68 !important;
}

.projects-grid,
.grid,
.tracks,
.packages-grid,
.process-grid,
.testimonials-grid{
  gap:14px !important;
}

.proj-img,
.project-card img{
  aspect-ratio:1.18 !important;
}

.foot,
.site-footer{
  margin-top:clamp(40px,6vw,80px) !important;
}

@media(max-width:760px){
  .hero{
    width:calc(100% - 20px) !important;
    margin-top:16px !important;
  }

  .hero-inner{
    padding:30px 20px !important;
    border-radius:26px !important;
  }

  .hero h1,
  [dir="ltr"] .hero h1{
    font-size:clamp(34px,10vw,48px) !important;
    max-width:12ch !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-signal,
  .hero-showcase{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-auto-rows:190px !important;
  }
}

/* v6 clean restart - fresh public-site design, keeps the original copy and leaves /admin alone. */
html,
body{
  overflow-x:hidden !important;
  background:#F8F5EF !important;
}

body{
  color:#143844 !important;
  background:
    linear-gradient(135deg,rgba(189,211,226,.28),transparent 30%),
    linear-gradient(245deg,rgba(220,205,184,.28),transparent 36%),
    #F8F5EF !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap,
.about.wrap,
.pricing.wrap,
.process.wrap,
.faq.wrap,
.contact-wrap{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
}

.hero{
  width:100% !important;
  max-width:none !important;
  min-height:auto !important;
  margin:0 !important;
  padding:clamp(104px,10vw,154px) 0 clamp(54px,7vw,92px) !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,245,239,.94)),
    radial-gradient(circle at 18% 18%,rgba(189,211,226,.42),transparent 30%),
    radial-gradient(circle at 82% 28%,rgba(220,205,184,.50),transparent 36%) !important;
  box-shadow:none !important;
}

.hero-bg{
  display:none !important;
}

.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 !important;
  height:1px !important;
  background:rgba(12,63,81,.10) !important;
}

.hero{
  --hero-gap:clamp(32px,5vw,72px);
}

.hero-inner,
[dir="ltr"] .hero-inner{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr) !important;
  gap:var(--hero-gap) !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  text-align:right !important;
  color:#143844 !important;
}

[dir="ltr"] .hero-inner{
  text-align:left !important;
}

.hero-pill{
  width:max-content !important;
  max-width:100% !important;
  min-height:42px !important;
  padding:10px 18px !important;
  margin:0 0 24px !important;
  border-radius:999px !important;
  color:#0C3F51 !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(12,63,81,.10) !important;
  box-shadow:0 14px 44px rgba(12,63,81,.08) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  backdrop-filter:blur(18px) !important;
}

[dir="ltr"] .hero-pill{
  margin-inline-start:0 !important;
}

.hero h1,
[dir="ltr"] .hero h1{
  max-width:10.6ch !important;
  margin:0 0 24px !important;
  color:#0B3542 !important;
  font-size:clamp(48px,7.1vw,96px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

.hero-sub{
  max-width:48ch !important;
  margin:0 !important;
  color:#315964 !important;
  font-size:clamp(18px,1.55vw,23px) !important;
  line-height:1.68 !important;
  font-weight:750 !important;
  text-shadow:none !important;
}

.hero-sub strong{
  color:#0B3542 !important;
  font-weight:1000 !important;
}

.hero-cta{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin-top:30px !important;
}

[dir="rtl"] .hero-cta{
  justify-content:flex-start !important;
}

.hero-cta .btn{
  min-height:56px !important;
  padding:15px 24px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

.hero-cta .btn-primary{
  background:#0C3F51 !important;
  color:#fff !important;
  box-shadow:0 18px 46px rgba(12,63,81,.22) !important;
}

.hero-cta .btn-glass{
  background:rgba(255,255,255,.74) !important;
  color:#0C3F51 !important;
  border:1px solid rgba(12,63,81,.12) !important;
}

.hero-micro{
  color:#607983 !important;
  font-size:15px !important;
  margin-top:14px !important;
}

.hero-signal{
  width:min(560px,100%) !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:32px !important;
}

.hero-signal span{
  min-height:84px !important;
  padding:16px 14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(12,63,81,.10) !important;
  box-shadow:0 18px 50px rgba(12,63,81,.08) !important;
  color:#315964 !important;
}

.hero-signal b{
  display:block !important;
  color:#0C3F51 !important;
  font-size:clamp(22px,2.2vw,34px) !important;
  line-height:1 !important;
}

.hero-showcase,
[dir="ltr"] .hero-showcase{
  position:absolute !important;
  z-index:2 !important;
  inset:auto calc((100% - min(1180px,calc(100% - 40px))) / 2) auto auto !important;
  top:clamp(118px,11vw,170px) !important;
  width:min(430px,35vw) !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-auto-rows:clamp(150px,17vw,230px) !important;
  gap:14px !important;
  margin:0 !important;
  transform:none !important;
}

[dir="ltr"] .hero-showcase{
  inset:auto auto auto calc((100% - min(1180px,calc(100% - 40px))) / 2) !important;
  top:clamp(118px,11vw,170px) !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  min-height:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.76) !important;
  box-shadow:0 24px 70px rgba(12,63,81,.14),inset 0 1px 0 rgba(255,255,255,.80) !important;
  background:#E8DED2 !important;
}

.showcase-card--big{
  grid-row:span 2 !important;
}

.showcase-card--wide{
  grid-column:span 2 !important;
}

.showcase-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
}

.showcase-card::after{
  background:linear-gradient(180deg,rgba(8,43,54,0) 36%,rgba(8,43,54,.70)) !important;
}

.showcase-card span{
  inset:auto 16px 16px !important;
  color:#fff !important;
  font-size:14px !important;
  text-shadow:0 4px 20px rgba(0,0,0,.34) !important;
}

.showcase-card b{
  font-size:clamp(20px,2vw,30px) !important;
}

.trust{
  margin:clamp(10px,2vw,22px) auto clamp(34px,6vw,72px) !important;
  transform:none !important;
  background:rgba(255,255,255,.82) !important;
  border-radius:28px !important;
}

.diagnosis-band,
.campaign-system{
  margin-block:clamp(34px,5vw,72px) !important;
}

.diagnosis-band{
  display:grid !important;
  grid-template-columns:1.28fr repeat(3,minmax(0,1fr)) !important;
}

.diag-main{
  text-align:right !important;
  background:linear-gradient(145deg,#0C3F51,#082B36) !important;
}

.diag-main h2{
  max-width:none !important;
  margin:0 !important;
}

.campaign-system{
  width:min(1040px,calc(100% - 40px)) !important;
  max-width:1040px !important;
  grid-template-columns:1fr 1fr !important;
  text-align:right !important;
  background:linear-gradient(145deg,#0C3F51,#082B36) !important;
}

.campaign-copy p,
.campaign-pills{
  margin-inline:0 !important;
  justify-content:flex-start !important;
}

.section{
  padding-block:clamp(56px,7vw,104px) !important;
}

.section-head,
.projects-head{
  text-align:right !important;
}

[dir="ltr"] .section-head,
[dir="ltr"] .projects-head{
  text-align:left !important;
}

.section-head h2,
.projects-head h2,
.about-body h2{
  font-size:clamp(36px,5.4vw,72px) !important;
  line-height:1.04 !important;
}

@media(max-width:1060px){
  .hero-inner,
  [dir="ltr"] .hero-inner{
    display:block !important;
    text-align:center !important;
  }

  .hero-pill,
  .hero h1,
  [dir="ltr"] .hero h1,
  .hero-sub{
    margin-inline:auto !important;
  }

  .hero-cta,
  [dir="rtl"] .hero-cta{
    justify-content:center !important;
  }

  .hero-signal{
    margin-inline:auto !important;
  }

  .hero-showcase,
  [dir="ltr"] .hero-showcase{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    width:min(760px,100%) !important;
    margin:34px auto 0 !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:132px !important;
  }

  .showcase-card--big,
  .showcase-card--wide{
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap,
  .contact-wrap{
    width:calc(100% - 22px) !important;
  }

  .hero{
    padding:92px 0 38px !important;
  }

  .hero-inner,
  [dir="ltr"] .hero-inner{
    width:calc(100% - 22px) !important;
  }

  .hero h1,
  [dir="ltr"] .hero h1{
    font-size:clamp(38px,11.2vw,52px) !important;
    max-width:11ch !important;
  }

  .hero-sub{
    font-size:17px !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:132px !important;
    gap:10px !important;
  }

  .showcase-card--wide{
    grid-column:span 2 !important;
  }
}

/* v4 editorial hero - full image, no text card, clearer premium direction. */
.hero{
  width:100% !important;
  max-width:none !important;
  min-height:min(880px,88svh) !important;
  margin:0 !important;
  padding:clamp(110px,10vw,150px) clamp(24px,7vw,112px) clamp(118px,10vw,160px) !important;
  border-radius:0 !important;
  display:grid !important;
  align-items:center !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#082B36 !important;
}

.hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  opacity:1 !important;
}

.hero-slide{
  background-position:center !important;
  filter:saturate(1.08) contrast(1.05) !important;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(8,43,54,.10),rgba(8,43,54,.34) 38%,rgba(8,43,54,.82) 70%,rgba(8,43,54,.94)),
    linear-gradient(180deg,rgba(8,43,54,.18),rgba(8,43,54,.08) 42%,rgba(8,43,54,.82)) !important;
}

[dir="ltr"] .hero-bg::after{
  background:
    linear-gradient(270deg,rgba(8,43,54,.10),rgba(8,43,54,.34) 38%,rgba(8,43,54,.82) 70%,rgba(8,43,54,.94)),
    linear-gradient(180deg,rgba(8,43,54,.18),rgba(8,43,54,.08) 42%,rgba(8,43,54,.82)) !important;
}

.hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(700px,100%) !important;
  max-width:700px !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  text-align:right !important;
  color:#fff !important;
}

[dir="ltr"] .hero-inner{
  margin:0 auto 0 0 !important;
  text-align:left !important;
}

.hero-pill{
  display:inline-flex !important;
  min-height:38px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  color:#F3DEC5 !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
}

.hero h1{
  margin:18px 0 20px !important;
  color:#fff !important;
  font-size:clamp(54px,7.4vw,116px) !important;
  line-height:.95 !important;
  text-shadow:0 12px 44px rgba(0,0,0,.28) !important;
  max-width:10.8ch !important;
}

[dir="ltr"] .hero h1{
  max-width:12ch !important;
}

.hero-sub{
  color:rgba(255,255,255,.88) !important;
  max-width:46ch !important;
  font-size:clamp(20px,1.55vw,25px) !important;
  line-height:1.58 !important;
  font-weight:800 !important;
  text-shadow:0 8px 28px rgba(0,0,0,.24) !important;
}

.hero-cta{
  margin-top:28px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.hero-cta .btn{
  min-height:56px !important;
  padding:15px 24px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:1000 !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

.hero-cta .btn-primary{
  background:#fff !important;
  color:#082B36 !important;
  box-shadow:0 20px 54px rgba(0,0,0,.22) !important;
}

.hero-cta .btn-glass{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
}

.hero-micro{
  color:rgba(255,255,255,.78) !important;
  font-size:15px !important;
  margin-top:14px !important;
}

.hero-signal{
  width:min(620px,100%) !important;
  margin-top:26px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.hero-signal span{
  min-height:74px !important;
  padding:14px 12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
}

.hero-signal b{
  color:#F3DEC5 !important;
}

.hero-showcase{
  position:absolute !important;
  z-index:3 !important;
  left:clamp(18px,6vw,112px) !important;
  right:auto !important;
  bottom:clamp(18px,4vw,48px) !important;
  width:min(560px,42vw) !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:118px !important;
  gap:10px !important;
  min-height:0 !important;
}

[dir="ltr"] .hero-showcase{
  left:auto !important;
  right:clamp(18px,6vw,112px) !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  min-height:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 22px 62px rgba(0,0,0,.22) !important;
}

.showcase-card::after{
  background:linear-gradient(180deg,rgba(8,43,54,.04) 28%,rgba(8,43,54,.74)) !important;
}

.showcase-card span{
  inset:auto 10px 10px !important;
  font-size:12px !important;
}

.showcase-card b{
  font-size:clamp(16px,1.25vw,22px) !important;
}

.trust{
  margin-top:0 !important;
  transform:translateY(-28px) !important;
  position:relative !important;
  z-index:5 !important;
}

@media(max-width:1100px){
  .hero{
    min-height:auto !important;
    padding:clamp(104px,14vw,132px) clamp(20px,5vw,54px) 34px !important;
  }

  .hero-bg::after,
  [dir="ltr"] .hero-bg::after{
    background:
      linear-gradient(180deg,rgba(8,43,54,.26),rgba(8,43,54,.62) 48%,rgba(8,43,54,.94)),
      linear-gradient(90deg,rgba(8,43,54,.14),rgba(8,43,54,.22)) !important;
  }

  .hero-inner,
  [dir="ltr"] .hero-inner{
    margin:0 auto !important;
    text-align:center !important;
    width:min(780px,100%) !important;
    max-width:780px !important;
  }

  .hero h1,
  [dir="ltr"] .hero h1{
    max-width:12ch !important;
    margin-inline:auto !important;
  }

  .hero-sub{
    margin-inline:auto !important;
  }

  .hero-cta{
    justify-content:center !important;
  }

  .hero-signal{
    margin-inline:auto !important;
  }

  .hero-showcase,
  [dir="ltr"] .hero-showcase{
    position:relative !important;
    inset:auto !important;
    width:min(760px,100%) !important;
    margin:24px auto 0 !important;
    grid-auto-rows:116px !important;
  }

  .trust{
    transform:none !important;
    margin-top:28px !important;
  }
}

@media(max-width:640px){
  .hero{
    padding:92px 16px 26px !important;
  }

  .hero h1,
  [dir="ltr"] .hero h1{
    font-size:clamp(42px,12.4vw,58px) !important;
    line-height:1 !important;
    max-width:10.8ch !important;
  }

  .hero-sub{
    font-size:18px !important;
    line-height:1.58 !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:124px !important;
  }
}

/* Final responsive override v2 - one layout system for Hebrew and English. */
html,body{
  overflow-x:hidden !important;
}

body{
  background:#F6F1E9 !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap,
.projects-wrap,
.about.wrap,
.pricing.wrap,
.process.wrap,
.faq.wrap,
.contact-wrap{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
}

.hero{
  width:min(1240px,calc(100% - 40px)) !important;
  max-width:1240px !important;
  min-height:clamp(640px,78svh,780px) !important;
  margin:20px auto 0 !important;
  padding:clamp(104px,9vw,136px) clamp(28px,5vw,72px) clamp(150px,13vw,200px) !important;
  border-radius:0 0 38px 38px !important;
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  background:#0B3947 !important;
}

.hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  opacity:1 !important;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(246,241,233,.16),rgba(246,241,233,.72) 54%,rgba(246,241,233,.96)),
    linear-gradient(180deg,rgba(8,43,54,.10),rgba(8,43,54,.22)) !important;
}

.hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(620px,100%) !important;
  max-width:620px !important;
  margin:0 0 0 auto !important;
  padding:clamp(30px,4vw,50px) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.94) !important;
  box-shadow:0 28px 82px rgba(8,43,54,.18),inset 0 1px 0 rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15) !important;
  backdrop-filter:blur(24px) saturate(1.15) !important;
  text-align:right !important;
}

[dir="ltr"] .hero-inner{
  margin:0 auto 0 0 !important;
  text-align:left !important;
}

.hero h1{
  font-size:clamp(46px,5.6vw,78px) !important;
  line-height:1.04 !important;
  color:#083240 !important;
  letter-spacing:0 !important;
}

.hero-sub{
  max-width:44ch !important;
  font-size:clamp(18px,1.35vw,22px) !important;
  line-height:1.62 !important;
  color:#244B57 !important;
}

.hero-showcase{
  position:absolute !important;
  z-index:3 !important;
  left:clamp(24px,5vw,72px) !important;
  right:clamp(24px,5vw,72px) !important;
  bottom:clamp(24px,3vw,42px) !important;
  width:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:clamp(112px,12vw,160px) !important;
  gap:12px !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  grid-column:auto !important;
  grid-row:auto !important;
  min-height:0 !important;
  border-radius:20px !important;
}

.showcase-card img{
  transform:none !important;
}

.showcase-card b{
  font-size:clamp(18px,1.6vw,26px) !important;
}

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

.diagnosis-band{
  display:grid !important;
  grid-template-columns:1.16fr repeat(3,minmax(0,1fr)) !important;
}

.campaign-system{
  grid-template-columns:1fr 1fr !important;
}

.projects-grid,
.grid,
.tracks,
.packages-grid,
.process-grid,
.testimonials-grid,
.instagram-grid{
  width:100% !important;
}

@media(max-width:1100px){
  .hero{
    width:min(960px,calc(100% - 34px)) !important;
    min-height:auto !important;
    padding:clamp(96px,10vw,124px) clamp(22px,4vw,44px) clamp(132px,14vw,170px) !important;
  }

  .hero-inner{
    width:min(610px,100%) !important;
  }

  .hero-showcase{
    left:clamp(18px,4vw,44px) !important;
    right:clamp(18px,4vw,44px) !important;
    grid-auto-rows:clamp(104px,13vw,138px) !important;
  }

  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap{
    width:min(960px,calc(100% - 34px)) !important;
  }
}

@media(max-width:900px){
  .hero{
    width:calc(100% - 28px) !important;
    padding:clamp(92px,13vw,116px) 18px 24px !important;
    border-radius:0 0 30px 30px !important;
  }

  .hero-bg::after{
    background:
      linear-gradient(180deg,rgba(246,241,233,.90),rgba(246,241,233,.70) 42%,rgba(246,241,233,.94)),
      linear-gradient(90deg,rgba(8,43,54,.13),rgba(8,43,54,.04)) !important;
  }

  .hero-inner{
    margin:0 auto !important;
    width:min(640px,100%) !important;
    max-width:640px !important;
    text-align:center !important;
  }

  [dir="ltr"] .hero-inner{
    margin:0 auto !important;
    text-align:center !important;
  }

  .hero-showcase{
    position:relative !important;
    inset:auto !important;
    width:min(760px,100%) !important;
    margin:16px auto 0 !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:118px !important;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap{
    width:calc(100% - 22px) !important;
  }

  .hero{
    width:100% !important;
    margin-top:0 !important;
    padding:88px 12px 20px !important;
    border-radius:0 0 24px 24px !important;
  }

  .hero-inner{
    padding:24px 18px !important;
    border-radius:24px !important;
  }

  .hero h1{
    font-size:clamp(36px,10vw,46px) !important;
    line-height:1.08 !important;
  }

  .hero-sub{
    font-size:17px !important;
    line-height:1.58 !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
    min-height:52px !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:118px !important;
    gap:9px !important;
  }

  .showcase-card span{
    inset:auto 11px 11px !important;
    font-size:13px !important;
  }
}

/* Emergency premium rebuild - fixes the distorted live collage while preserving /admin. */
body{
  background:#F6F1E9 !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap{
  width:min(1180px,calc(100% - 32px)) !important;
}

.hero{
  position:relative !important;
  display:block !important;
  width:min(1280px,calc(100% - 32px)) !important;
  min-height:clamp(680px,86svh,820px) !important;
  margin:18px auto 0 !important;
  padding:clamp(104px,10vw,142px) clamp(18px,4vw,64px) clamp(160px,15vw,210px) !important;
  overflow:hidden !important;
  border-radius:0 0 42px 42px !important;
  background:#0A3542 !important;
  box-shadow:0 38px 110px rgba(8,43,54,.18) !important;
}

.hero-bg{
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  z-index:0 !important;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(246,241,233,.18),rgba(246,241,233,.78) 52%,rgba(246,241,233,.96)),
    linear-gradient(180deg,rgba(8,43,54,.08),rgba(8,43,54,.18)) !important;
}

.hero-slide{
  filter:saturate(1.06) contrast(1.02) !important;
}

.hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(620px,100%) !important;
  max-width:620px !important;
  margin:0 0 0 auto !important;
  padding:clamp(30px,4vw,52px) !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15) !important;
  backdrop-filter:blur(24px) saturate(1.15) !important;
  box-shadow:0 28px 90px rgba(8,43,54,.18),inset 0 1px 0 rgba(255,255,255,.95) !important;
  text-align:right !important;
}

[dir="ltr"] .hero-inner{
  margin:0 auto 0 0 !important;
  text-align:left !important;
}

.hero h1{
  font-size:clamp(46px,5.7vw,78px) !important;
  line-height:1.03 !important;
  color:#073443 !important;
  margin:12px 0 18px !important;
}

.hero-sub{
  max-width:44ch !important;
  font-size:clamp(18px,1.45vw,22px) !important;
  line-height:1.62 !important;
  color:#244B57 !important;
  font-weight:800 !important;
}

.hero-cta{
  gap:12px !important;
}

.hero-cta .btn{
  min-height:52px !important;
  padding:14px 22px !important;
  font-size:16px !important;
  box-shadow:0 16px 38px rgba(8,43,54,.20) !important;
}

.hero-micro{
  font-size:15px !important;
  color:#42636B !important;
  margin-top:14px !important;
}

.hero-signal{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:22px !important;
}

.hero-signal span{
  min-height:66px !important;
  padding:12px 10px !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(8,43,54,.08) !important;
  border-radius:18px !important;
  color:#244B57 !important;
}

.hero-signal b{
  color:#0A4A5A !important;
  font-size:clamp(20px,1.7vw,28px) !important;
}

.hero-showcase{
  position:absolute !important;
  z-index:3 !important;
  left:clamp(18px,4vw,64px) !important;
  right:clamp(18px,4vw,64px) !important;
  bottom:clamp(20px,3vw,42px) !important;
  display:grid !important;
  grid-template-columns:1.25fr 1fr 1fr 1.25fr !important;
  grid-auto-rows:clamp(112px,13vw,168px) !important;
  gap:12px !important;
  min-height:0 !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  grid-row:auto !important;
  grid-column:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
  box-shadow:0 18px 54px rgba(8,43,54,.18) !important;
}

.showcase-card img{
  transform:none !important;
}

.showcase-card::after{
  background:linear-gradient(180deg,rgba(8,43,54,.02) 20%,rgba(8,43,54,.66)) !important;
}

.showcase-card span{
  inset:auto 14px 13px !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.showcase-card b{
  font-size:clamp(18px,1.5vw,26px) !important;
}

.trust{
  margin-top:clamp(36px,5vw,72px) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.70) !important;
  box-shadow:0 18px 60px rgba(8,43,54,.08),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.logo-strip{
  gap:10px !important;
}

.logo-cell{
  min-height:58px !important;
  background:#fff !important;
  border:1px solid rgba(8,43,54,.08) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

.logo-cell img{
  max-height:28px !important;
  max-width:118px !important;
  object-fit:contain !important;
}

.metrics{
  margin-top:14px !important;
}

.metric{
  min-height:96px !important;
  padding:20px !important;
  background:#fff !important;
}

.diagnosis-band{
  display:grid !important;
  grid-template-columns:1.2fr repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:clamp(34px,5vw,70px) !important;
}

.diag-panel{
  min-height:176px !important;
  padding:24px !important;
  background:#fff !important;
  border:1px solid rgba(8,43,54,.08) !important;
  box-shadow:0 18px 54px rgba(8,43,54,.08) !important;
}

.diag-main{
  background:linear-gradient(135deg,#083240,#0D5566) !important;
}

.diag-main h2{
  font-size:clamp(31px,3.3vw,54px) !important;
  line-height:1.06 !important;
}

.diag-panel p{
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  color:#315964 !important;
}

.campaign-system{
  grid-template-columns:1fr 1fr !important;
  border-radius:32px !important;
  background:linear-gradient(135deg,#083240,#0D5566) !important;
  box-shadow:0 28px 90px rgba(8,43,54,.18) !important;
}

.campaign-system::before{
  display:none !important;
}

.campaign-copy h2{
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.08 !important;
}

.campaign-flow{
  gap:12px !important;
}

.flow-card{
  border-radius:22px !important;
  background:rgba(255,255,255,.90) !important;
  transform:none !important;
}

.flow-card p{
  font-size:17px !important;
  color:#244B57 !important;
}

.flow-arrow{
  color:#EBDCC8 !important;
  font-size:22px !important;
}

.section{
  padding-block:clamp(54px,6vw,92px) !important;
}

.section-head h2,
.projects-head h2{
  font-size:clamp(34px,4vw,56px) !important;
}

.proj,
.project-card,
.projects-grid .project-card{
  background:#fff !important;
  border-radius:22px !important;
}

.proj-img,
.project-card img{
  aspect-ratio:1.18 !important;
}

.foot-social a,
.footer-social-pill{
  min-width:48px !important;
  min-height:48px !important;
  border-radius:50% !important;
  display:inline-grid !important;
  place-items:center !important;
}

@media(max-width:980px){
  .hero{
    width:100% !important;
    margin-top:0 !important;
    border-radius:0 0 28px 28px !important;
    padding:104px 16px 28px !important;
    min-height:auto !important;
  }

  .hero-bg::after{
    background:
      linear-gradient(180deg,rgba(246,241,233,.92),rgba(246,241,233,.72) 42%,rgba(246,241,233,.96)),
      linear-gradient(90deg,rgba(8,43,54,.14),rgba(8,43,54,.06)) !important;
  }

  .hero-inner{
    width:min(560px,100%) !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  [dir="ltr"] .hero-inner{
    margin:0 auto !important;
    text-align:center !important;
  }

  .hero-showcase{
    position:relative !important;
    inset:auto !important;
    margin:16px auto 0 !important;
    width:min(560px,100%) !important;
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:128px !important;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .hero{
    padding:92px 12px 22px !important;
  }

  .hero-inner{
    padding:24px 18px !important;
    border-radius:26px !important;
  }

  .hero h1{
    font-size:clamp(37px,10.2vw,46px) !important;
    line-height:1.07 !important;
  }

  .hero-sub{
    font-size:17px !important;
    line-height:1.58 !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-auto-rows:118px !important;
    gap:9px !important;
  }

  .showcase-card,
  .showcase-card--big,
  .showcase-card--wide{
    border-radius:18px !important;
  }

  .diagnosis-band{
    gap:12px !important;
  }

  .diag-panel{
    min-height:auto !important;
  }
}

/* Urgent clarity pass - image-led, shorter, cleaner, without touching /admin. */
body{
  background:#F7F4EF !important;
}

.hero{
  min-height:min(860px,92svh) !important;
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(440px,.78fr) !important;
  align-items:center !important;
  gap:clamp(24px,4vw,70px) !important;
  width:min(1320px,calc(100% - clamp(28px,6vw,100px))) !important;
  margin:0 auto !important;
  padding:clamp(82px,8vw,128px) 0 clamp(42px,5vw,78px) !important;
}

.hero-bg{
  position:fixed !important;
  inset:0 !important;
  opacity:.54 !important;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(247,244,239,.94),rgba(247,244,239,.70) 38%,rgba(247,244,239,.36)),
    linear-gradient(180deg,rgba(247,244,239,.42),rgba(247,244,239,.82)) !important;
}

.hero-inner{
  max-width:720px !important;
  margin:0 !important;
  padding:clamp(30px,4vw,56px) !important;
  justify-self:start;
}

[dir="rtl"] .hero-inner{text-align:right}
[dir="ltr"] .hero-inner{text-align:left}

.hero h1{
  font-size:clamp(54px,7.4vw,108px) !important;
  line-height:.96 !important;
  margin-bottom:22px !important;
}

.hero-sub{
  max-width:52ch !important;
  font-size:clamp(19px,1.55vw,24px) !important;
  line-height:1.62 !important;
}

.hero-signal{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.hero-signal span{
  min-height:74px !important;
  padding:14px 12px !important;
}

.hero-signal b{
  display:block;
  font-size:clamp(20px,2vw,30px);
  color:#8A6428;
}

.hero-showcase{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:minmax(150px,1fr);
  gap:14px;
  align-self:stretch;
  min-height:min(620px,66svh);
  position:relative;
  z-index:2;
}

.showcase-card{
  position:relative;
  min-height:170px;
  border-radius:30px;
  overflow:hidden;
  display:block;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 22px 70px rgba(8,43,54,.16);
  background:#E8DED2;
  transform:translateZ(0);
}

.showcase-card--big{
  grid-row:span 2;
}

.showcase-card--wide{
  grid-column:span 2;
  min-height:190px;
}

.showcase-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
  transition:transform .75s var(--st-ease),filter .4s var(--st-ease);
}

.showcase-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(5,20,26,.70));
}

.showcase-card span{
  position:absolute;
  z-index:2;
  inset:auto 18px 18px;
  color:#fff;
  font-size:clamp(15px,1.4vw,20px);
  line-height:1.25;
  font-weight:800;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}

.showcase-card b{
  font-size:clamp(24px,2.2vw,38px);
  letter-spacing:0;
}

@media(hover:hover){
  .showcase-card:hover img{transform:scale(1.10);filter:saturate(1.06) contrast(1.04)}
}

.trust{
  margin-top:0 !important;
}

.diagnosis-band{
  grid-template-columns:1.35fr repeat(3,1fr) !important;
}

.diag-panel{
  padding:clamp(20px,2.4vw,32px) !important;
}

.diag-panel p{
  margin:8px 0 0 !important;
  font-size:clamp(16px,1.2vw,18px) !important;
  line-height:1.55 !important;
}

.campaign-system{
  min-height:auto !important;
  grid-template-columns:1fr 1fr !important;
  padding:clamp(28px,4vw,56px) !important;
}

.campaign-copy h2{
  font-size:clamp(38px,5vw,72px) !important;
}

.campaign-copy p{
  font-size:clamp(17px,1.35vw,20px) !important;
  line-height:1.62 !important;
}

.flow-card{
  padding:clamp(20px,2.4vw,30px) !important;
}

.flow-card p{
  font-size:16px !important;
}

.section-head p,
.card p,
.track .for,
.proj-meta p,
.about-body p,
.ps-split__text p,
.lead{
  font-size:clamp(16px,1.2vw,18px) !important;
  line-height:1.62 !important;
}

.card,
.track,
.metric,
.diag-panel{
  padding:clamp(22px,2.7vw,34px) !important;
}

.card h3,
.track h3,
.proj-meta h3,
.metric strong,
.hero-stat strong{
  font-size:clamp(23px,2.2vw,34px) !important;
}

.proj{
  flex-basis:min(430px,82vw) !important;
}

.proj-img{
  aspect-ratio:1.25 !important;
}

.site-footer,
.foot{
  background:linear-gradient(180deg,#082B36,#04151C) !important;
  color:#fff !important;
  padding:clamp(38px,5vw,68px) 0 !important;
}

.site-footer__inner,
.footer-row,
.footer-bottom{
  color:#fff !important;
}

.site-footer p,
.site-footer span,
.site-footer__copy,
.foot-line,
.foot-copy{
  color:rgba(255,255,255,.82) !important;
  opacity:1 !important;
  font-size:clamp(14px,1.1vw,16px) !important;
}

.site-footer a,
.foot a{
  color:#fff !important;
}

.site-footer__social,
.foot-social{
  gap:10px !important;
}

.footer-social-pill,
.foot-social a{
  min-width:46px !important;
  min-height:46px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.footer-social-pill{
  padding:12px 18px !important;
}

.footer-social-pill svg,
.foot-social svg{
  width:21px !important;
  height:21px !important;
  stroke-width:2 !important;
}

.ph__overlay{
  background:linear-gradient(90deg,rgba(8,43,54,.76),rgba(8,43,54,.24),rgba(246,241,233,.18)) !important;
}

.ph__text{
  background:linear-gradient(145deg,rgba(8,43,54,.46),rgba(255,255,255,.16)) !important;
  border-color:rgba(255,255,255,.54) !important;
}

.ph__text .btn:not(.btn-primary):not(.btn-light),
.ph__text .btn-light{
  background:rgba(255,255,255,.94) !important;
  color:var(--st-ink) !important;
  border-color:rgba(255,255,255,.95) !important;
}

.pnav{
  position:sticky !important;
  top:82px !important;
  z-index:80 !important;
}

@media(max-width:980px){
  .hero{
    width:min(100% - 22px,720px) !important;
    display:block !important;
    padding-top:clamp(96px,18vw,132px) !important;
  }

  .hero-inner{
    max-width:none !important;
  }

  .hero-showcase{
    min-height:auto;
    grid-auto-rows:150px;
    margin-top:16px;
  }

  .showcase-card--big{
    grid-row:span 1;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .hero h1{
    font-size:clamp(38px,10.6vw,50px) !important;
    line-height:1.02 !important;
  }

  .hero-sub{
    font-size:17px !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:126px;
    gap:10px;
  }

  .showcase-card,
  .showcase-card--wide{
    border-radius:20px;
    min-height:126px;
  }

  .showcase-card--wide{
    grid-column:span 2;
  }

  .showcase-card span{
    inset:auto 12px 12px;
  }

  .campaign-copy h2,
  .diag-main h2{
    font-size:clamp(31px,9vw,42px) !important;
  }
}

/* v3 absolute final responsive layer - this must remain last in the file. */
html,
body{
  overflow-x:hidden !important;
  background:#F6F1E9 !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap,
.about.wrap,
.pricing.wrap,
.process.wrap,
.faq.wrap{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
}

.hero{
  width:min(1240px,calc(100% - 40px)) !important;
  max-width:1240px !important;
  min-height:clamp(640px,78svh,780px) !important;
  margin:20px auto 0 !important;
  padding:clamp(104px,9vw,136px) clamp(28px,5vw,72px) clamp(150px,13vw,200px) !important;
  border-radius:0 0 38px 38px !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  background:#0B3947 !important;
}

.hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  opacity:1 !important;
}

.hero-bg::after{
  background:
    linear-gradient(90deg,rgba(246,241,233,.16),rgba(246,241,233,.72) 54%,rgba(246,241,233,.96)),
    linear-gradient(180deg,rgba(8,43,54,.10),rgba(8,43,54,.22)) !important;
}

.hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(620px,100%) !important;
  max-width:620px !important;
  margin:0 0 0 auto !important;
  padding:clamp(30px,4vw,50px) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.94) !important;
  box-shadow:0 28px 82px rgba(8,43,54,.18),inset 0 1px 0 rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15) !important;
  backdrop-filter:blur(24px) saturate(1.15) !important;
  text-align:right !important;
}

[dir="ltr"] .hero-inner{
  margin:0 auto 0 0 !important;
  text-align:left !important;
}

.hero h1{
  font-size:clamp(46px,5.6vw,78px) !important;
  line-height:1.04 !important;
  color:#083240 !important;
  letter-spacing:0 !important;
}

.hero-sub{
  max-width:44ch !important;
  font-size:clamp(18px,1.35vw,22px) !important;
  line-height:1.62 !important;
  color:#244B57 !important;
}

.hero-showcase{
  position:absolute !important;
  z-index:3 !important;
  left:clamp(24px,5vw,72px) !important;
  right:clamp(24px,5vw,72px) !important;
  bottom:clamp(24px,3vw,42px) !important;
  width:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:clamp(112px,12vw,160px) !important;
  gap:12px !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  grid-column:auto !important;
  grid-row:auto !important;
  min-height:0 !important;
  border-radius:20px !important;
}

.showcase-card img{
  transform:none !important;
}

.showcase-card b{
  font-size:clamp(18px,1.6vw,26px) !important;
}

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

.diagnosis-band{
  display:grid !important;
  grid-template-columns:1.16fr repeat(3,minmax(0,1fr)) !important;
}

.campaign-system{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}

@media(max-width:1100px){
  .hero{
    width:min(960px,calc(100% - 34px)) !important;
    min-height:auto !important;
    padding:clamp(96px,10vw,124px) clamp(22px,4vw,44px) clamp(132px,14vw,170px) !important;
  }

  .hero-showcase{
    left:clamp(18px,4vw,44px) !important;
    right:clamp(18px,4vw,44px) !important;
    grid-auto-rows:clamp(104px,13vw,138px) !important;
  }

  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap{
    width:min(960px,calc(100% - 34px)) !important;
  }
}

@media(max-width:900px){
  .hero{
    width:calc(100% - 28px) !important;
    padding:clamp(92px,13vw,116px) 18px 24px !important;
    border-radius:0 0 30px 30px !important;
  }

  .hero-bg::after{
    background:
      linear-gradient(180deg,rgba(246,241,233,.90),rgba(246,241,233,.70) 42%,rgba(246,241,233,.94)),
      linear-gradient(90deg,rgba(8,43,54,.13),rgba(8,43,54,.04)) !important;
  }

  .hero-inner,
  [dir="ltr"] .hero-inner{
    margin:0 auto !important;
    width:min(640px,100%) !important;
    max-width:640px !important;
    text-align:center !important;
  }

  .hero-showcase{
    position:relative !important;
    inset:auto !important;
    width:min(760px,100%) !important;
    margin:16px auto 0 !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:118px !important;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap{
    width:calc(100% - 22px) !important;
  }

  .hero{
    width:100% !important;
    margin-top:0 !important;
    padding:88px 12px 20px !important;
    border-radius:0 0 24px 24px !important;
  }

  .hero-inner{
    padding:24px 18px !important;
    border-radius:24px !important;
  }

  .hero h1{
    font-size:clamp(36px,10vw,46px) !important;
    line-height:1.08 !important;
  }

  .hero-sub{
    font-size:17px !important;
    line-height:1.58 !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
    min-height:52px !important;
  }

  .hero-signal{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:118px !important;
    gap:9px !important;
  }

  .showcase-card span{
    inset:auto 11px 11px !important;
    font-size:13px !important;
  }
}


/* ===== asaf-clean-v8.css ===== */
/* Clean public reset v8. Loaded last, so old showtime layers cannot distort the site. */
:root{
  --clean-bg:#F8F4ED;
  --clean-surface:#FFFFFF;
  --clean-ink:#082F3B;
  --clean-text:#315762;
  --clean-muted:#6B858D;
  --clean-gold:#B89255;
  --clean-line:rgba(8,47,59,.10);
  --clean-shadow:0 22px 70px rgba(8,47,59,.10);
}

html,body{
  overflow-x:hidden !important;
  background:var(--clean-bg) !important;
  color:var(--clean-ink) !important;
}

body{
  background:
    radial-gradient(circle at 16% 4%,rgba(189,211,226,.34),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(220,205,184,.46),transparent 30%),
    linear-gradient(180deg,#FBF8F3 0%,var(--clean-bg) 42%,#F4EFE7 100%) !important;
}

.wrap,
.section.wrap,
.trust.wrap,
.diagnosis-band.wrap,
.campaign-system.wrap,
.about.wrap,
.pricing.wrap,
.process.wrap,
.faq.wrap,
.contact-wrap{
  width:min(1120px,calc(100% - 36px)) !important;
  max-width:1120px !important;
}

.hero{
  width:100% !important;
  max-width:none !important;
  min-height:auto !important;
  margin:0 !important;
  padding:clamp(104px,11vw,156px) 0 clamp(42px,6vw,78px) !important;
  display:block !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.hero-bg{display:none !important}

.hero-inner,
[dir="ltr"] .hero-inner{
  width:min(980px,calc(100% - 36px)) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  text-align:center !important;
  color:var(--clean-ink) !important;
}

.hero-pill{
  width:max-content !important;
  max-width:100% !important;
  min-height:42px !important;
  margin:0 auto 24px !important;
  padding:10px 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid var(--clean-line) !important;
  color:var(--clean-ink) !important;
  box-shadow:0 14px 42px rgba(8,47,59,.07) !important;
  letter-spacing:0 !important;
}

.hero h1,
[dir="ltr"] .hero h1{
  max-width:12ch !important;
  margin:0 auto 22px !important;
  color:var(--clean-ink) !important;
  font-size:clamp(46px,7.2vw,96px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

.hero-sub{
  max-width:680px !important;
  margin:0 auto !important;
  color:var(--clean-text) !important;
  font-size:clamp(18px,1.55vw,23px) !important;
  line-height:1.68 !important;
  font-weight:750 !important;
  text-shadow:none !important;
}

.hero-sub strong{
  color:var(--clean-ink) !important;
  font-weight:1000 !important;
}

.hero-cta{
  margin-top:30px !important;
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.hero-cta .btn{
  min-height:56px !important;
  padding:15px 24px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

.hero-cta .btn-primary{
  background:var(--clean-ink) !important;
  color:#fff !important;
  border-color:var(--clean-ink) !important;
  box-shadow:0 18px 46px rgba(8,47,59,.20) !important;
}

.hero-cta .btn-glass{
  background:#fff !important;
  color:var(--clean-ink) !important;
  border:1px solid var(--clean-line) !important;
  box-shadow:0 14px 38px rgba(8,47,59,.07) !important;
}

.hero-micro{
  color:var(--clean-muted) !important;
  margin-top:14px !important;
  font-size:15px !important;
}

.hero-signal{
  width:min(720px,100%) !important;
  margin:30px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.hero-signal span{
  min-height:82px !important;
  padding:16px 14px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid var(--clean-line) !important;
  box-shadow:0 16px 48px rgba(8,47,59,.07) !important;
  color:var(--clean-text) !important;
}

.hero-signal b{
  display:block !important;
  color:var(--clean-ink) !important;
  font-size:clamp(22px,2vw,32px) !important;
  line-height:1 !important;
}

.hero-showcase,
[dir="ltr"] .hero-showcase{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  width:min(1120px,calc(100% - 36px)) !important;
  margin:clamp(34px,5vw,62px) auto 0 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1.15fr repeat(3,1fr) !important;
  grid-auto-rows:clamp(170px,19vw,260px) !important;
  gap:14px !important;
  transform:none !important;
}

.showcase-card,
.showcase-card--big,
.showcase-card--wide{
  min-height:0 !important;
  grid-row:auto !important;
  grid-column:auto !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.82) !important;
  background:#E9DED1 !important;
  box-shadow:var(--clean-shadow) !important;
}

.showcase-card--big{grid-row:auto !important}
.showcase-card--wide{grid-column:auto !important}

.showcase-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
}

.showcase-card::after{
  background:linear-gradient(180deg,rgba(8,47,59,0) 38%,rgba(8,47,59,.70)) !important;
}

.showcase-card span{
  inset:auto 16px 16px !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.34) !important;
}

.showcase-card b{font-size:clamp(20px,1.8vw,28px) !important}

.trust{
  margin:clamp(32px,5vw,70px) auto !important;
  transform:none !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:28px !important;
  box-shadow:var(--clean-shadow) !important;
}

.logo-cell,
.metric,
.diag-panel,
.card,
.track,
.proj,
.project-card,
.testimonial,
.contact{
  background:#fff !important;
  border:1px solid var(--clean-line) !important;
  border-radius:22px !important;
  box-shadow:0 16px 48px rgba(8,47,59,.07) !important;
}

.diagnosis-band{
  grid-template-columns:1.18fr repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.diag-main,
.campaign-system,
.feature.teal,
.cta-final{
  background:linear-gradient(145deg,#0C3F51,#082B36) !important;
  color:#fff !important;
}

.campaign-system{
  grid-template-columns:1fr 1fr !important;
  width:min(1040px,calc(100% - 36px)) !important;
  max-width:1040px !important;
  text-align:right !important;
}

.section{
  padding-block:clamp(54px,7vw,98px) !important;
}

.section-head,
.projects-head{
  text-align:right !important;
}

[dir="ltr"] .section-head,
[dir="ltr"] .projects-head{
  text-align:left !important;
}

.section-head h2,
.projects-head h2,
.about-body h2{
  color:var(--clean-ink) !important;
  font-size:clamp(34px,5vw,68px) !important;
  line-height:1.05 !important;
}

.section-head p,
.projects-head p,
.about-body p,
.card p,
.track .for,
.proj-meta p,
.lead{
  color:var(--clean-text) !important;
  font-size:clamp(16px,1.35vw,19px) !important;
  line-height:1.68 !important;
}

.foot,
.site-footer{
  background:#062630 !important;
  color:#fff !important;
}

@media(max-width:980px){
  .hero-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:190px !important;
  }

  .diagnosis-band,
  .campaign-system{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .wrap,
  .section.wrap,
  .trust.wrap,
  .diagnosis-band.wrap,
  .campaign-system.wrap,
  .contact-wrap{
    width:calc(100% - 22px) !important;
  }

  .hero{
    padding:90px 0 34px !important;
  }

  .hero-inner,
  [dir="ltr"] .hero-inner{
    width:calc(100% - 22px) !important;
  }

  .hero h1,
  [dir="ltr"] .hero h1{
    font-size:clamp(38px,11vw,52px) !important;
    max-width:11ch !important;
  }

  .hero-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-cta .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-signal,
  .hero-showcase{
    grid-template-columns:1fr !important;
  }

  .hero-showcase{
    grid-auto-rows:210px !important;
  }
}


/* ===== asaf-tight-v9.css ===== */
/* v9 spacing and form audit fixes - loaded last. */
:root{--tight-gap:clamp(22px,4vw,46px)}
.hero{padding-top:clamp(86px,8vw,118px)!important;padding-bottom:clamp(24px,4vw,44px)!important}
.hero h1{font-size:clamp(42px,6.4vw,82px)!important;margin-bottom:16px!important}
.hero-sub{font-size:clamp(17px,1.35vw,21px)!important;line-height:1.58!important}
.hero-showcase{margin-top:clamp(22px,3vw,36px)!important;grid-auto-rows:clamp(136px,15vw,210px)!important}
.hero-signal{margin-top:22px!important}.hero-signal span{min-height:70px!important;padding:13px 12px!important}
.trust{margin-top:clamp(18px,3vw,34px)!important;margin-bottom:var(--tight-gap)!important;padding:clamp(18px,2.2vw,30px)!important}
.section{padding-block:clamp(32px,4.8vw,64px)!important}.section + .section{padding-top:clamp(22px,3.4vw,46px)!important}
.diagnosis-band,.campaign-system{margin-block:var(--tight-gap)!important}
.section-head,.projects-head{margin-bottom:clamp(16px,2vw,26px)!important}.section-head p,.projects-head p{margin-top:6px!important}
.grid,.tracks,.packages-grid,.process-grid,.testimonials-grid{gap:clamp(12px,1.6vw,20px)!important}.card,.track,.diag-panel,.metric{padding:clamp(18px,2.2vw,28px)!important}
.campaign-system{padding:clamp(24px,3.2vw,42px)!important}.campaign-copy h2{font-size:clamp(30px,4.2vw,54px)!important}.campaign-copy p{font-size:clamp(16px,1.2vw,18px)!important}
.feature.teal,.cta-final{padding:clamp(26px,3.8vw,48px)!important}.about{gap:clamp(20px,3vw,42px)!important}
.faq details{margin-bottom:8px!important}.contact{gap:clamp(14px,2vw,24px)!important}.contact-panel,.form{padding:clamp(20px,2.6vw,32px)!important}
.form input:invalid,.form textarea:invalid,.form select:invalid,.fast-fields input.is-invalid{border-color:#B42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}
.form-ok,.fast-success{font-weight:800!important}
@media(max-width:760px){.hero{padding-top:82px!important}.hero-showcase{grid-auto-rows:158px!important}.section{padding-block:34px!important}.trust{margin-bottom:28px!important}.diagnosis-band,.campaign-system{margin-block:28px!important}}



/* ===== asaf-researchfix-v11.css ===== */
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:9999;transform:translateY(-180%);padding:11px 16px;border-radius:999px;background:#082B36;color:#fff;font:800 14px/1 'Einstein',sans-serif;box-shadow:0 12px 28px rgba(8,43,54,.22)}
.skip-link:focus{transform:translateY(0);outline:3px solid #C9A96E;outline-offset:3px}
.project-page .pnav__inner{align-items:center}
.project-page .pnav__tab{min-height:42px}
.case-brief{background:linear-gradient(180deg,#F8F7F3 0%,#F1EEE7 100%);padding-block:clamp(28px,5vw,58px)!important}
.case-brief__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.case-brief__item{position:relative;min-height:188px;padding:clamp(22px,2.6vw,34px);border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(12,63,81,.09);box-shadow:0 22px 56px rgba(12,63,81,.09);overflow:hidden}
.case-brief__item::before{content:'';position:absolute;inset-inline:22px;inset-block-start:0;height:3px;background:linear-gradient(90deg,#0C3F51,#C9A96E);opacity:.72}
.case-brief__label{display:block;margin-bottom:18px;font:800 12px/1 'Einstein',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0C3F51;opacity:.72}
.case-brief__text{margin:0;color:#092F3A;font:700 clamp(19px,2.1vw,27px)/1.25 'Einstein',sans-serif;letter-spacing:0}
[dir='ltr'] .case-brief__text{font-weight:650;line-height:1.18}
.project-page .ph__bg{aspect-ratio:16/10}
.project-page .ph__bg img,.project-page .project-card img,.project-page .editorial-grid img,.project-page .ps-img{object-fit:cover!important;object-position:center!important}
.project-page .ps-split__visual{aspect-ratio:4/5}
.project-page .ps-split__visual .ps-img{width:100%;height:100%}
.project-page .ph-editorial{aspect-ratio:16/9;min-height:260px;background:#F7F5EF}
.project-page .ph-editorial img{object-fit:cover!important}
.project-page .project-card{border-radius:18px!important;overflow:hidden}
.project-page .project-card img{aspect-ratio:4/3;height:auto!important}
.project-page .editorial-grid .gc{overflow:hidden;border-radius:20px;background:#F7F5EF}
.project-page .editorial-grid .gc img{width:100%;height:100%}
@media(max-width:920px){.case-brief__grid{grid-template-columns:1fr}.case-brief__item{min-height:auto}.case-brief__text{font-size:clamp(19px,5vw,25px)}}
@media(max-width:640px){.case-brief{padding-block:26px!important}.case-brief__grid{gap:10px}.case-brief__item{padding:20px;border-radius:18px}.case-brief__label{margin-bottom:12px;font-size:11px}.project-page .pnav{top:60px}.project-page .pnav__inner{width:calc(100% - 20px);padding-block:9px}.project-page .pnav__tab{padding:9px 14px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.case-brief__item{transition:transform .34s ease,box-shadow .34s ease}.case-brief__item:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(12,63,81,.13)}}