/* =========================================================
   SuperMarket Inc — Studio Site
   Editorial agency system. DM Serif Display / Archivo / Space Mono
   ========================================================= */

:root{
  --ink:#0c0c0b;
  --paper:#fff;
  --paper-2:#f7f6f3;
  --line-dark:rgba(255,255,255,0.16);
  --line-light:rgba(12,12,11,0.14);
  --mut-on-dark:rgba(255,255,255,0.56);
  --mut-on-light:rgba(12,12,11,0.54);

  --serif:'DM Serif Display', 'Bodoni Moda', 'Times New Roman', Georgia, serif;
  --sans:'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --mono:'Space Mono', 'Courier New', monospace;

  --pad:clamp(20px,5vw,80px);
  --maxw:1500px;

  --ease:cubic-bezier(0.16,1,0.3,1);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:var(--sans);
  font-size:18px;
  line-height:1.5;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body.menu-open{overflow:hidden;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
::selection{background:var(--paper);color:var(--ink);}

/* ---------- typography helpers ---------- */
.kicker{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  font-weight:400;
}
.serif{font-family:var(--serif);}
.italic{font-style:italic;}

.display{
  font-family:var(--serif);
  font-weight:500;
  line-height:0.92;
  letter-spacing:-0.015em;
  font-size:clamp(56px,11vw,168px);
}
.h2{
  font-family:var(--serif);
  font-weight:500;
  line-height:0.98;
  letter-spacing:-0.01em;
  font-size:clamp(38px,6vw,92px);
}
.lede{
  font-family:var(--serif);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-0.005em;
  font-size:clamp(26px,3.4vw,52px);
  text-wrap:pretty;
}
.body-lg{font-size:clamp(18px,1.5vw,22px);line-height:1.55;text-wrap:pretty;}
.body-copy{font-size:clamp(17px,1.35vw,21px);line-height:1.62;text-wrap:pretty;}
.body-copy + .body-copy{margin-top:18px;}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
section{position:relative;}
.section-pad{padding-top:clamp(90px,12vw,180px);padding-bottom:clamp(90px,12vw,180px);}
.paper{background:var(--paper);color:var(--ink);}
.paper ::selection{background:var(--ink);color:var(--paper);}

.rule{height:1px;width:100%;background:var(--line-dark);}
.paper .rule{background:var(--line-light);}

/* ---------- nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--pad);
  mix-blend-mode:difference;
  color:#fff;
}
.nav__mark{
  font-family:var(--serif);
  font-weight:500;
  font-size:23px;
  letter-spacing:-0.01em;
}
.nav__links{display:flex;gap:34px;align-items:center;}
.nav__links a{
  font-family:var(--mono);
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  position:relative;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:-5px;height:1px;width:0;background:currentColor;
  transition:width .4s var(--ease);
}
.nav__links a:hover::after{width:100%;}
.nav__cta{display:none;}
@media(min-width:760px){.nav__cta{display:inline-block;}}
.nav__menu-btn{display:none;}
.nav__menu-btn span{
  display:block;
  width:24px;
  height:1px;
  background:currentColor;
  transition:transform .35s var(--ease),opacity .25s ease;
}
.nav__menu-btn span + span{margin-top:7px;}

/* ---------- multipage surfaces ---------- */
.page-hero{
  min-height:76svh;
  display:grid;
  align-items:end;
  padding-top:clamp(126px,14vw,210px);
  padding-bottom:clamp(58px,8vw,120px);
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.page-hero:not(.page-hero--image):not(.page-hero--people)::after{
  content:"";
  position:absolute;
  right:-12%;
  top:10%;
  width:min(58vw,780px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 50%, transparent 0 22%, rgba(255,255,255,.08) 22.4% 22.8%, transparent 23.2% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 52px);
  opacity:.34;
  transform:rotate(-8deg) scale(.94);
  animation:fieldScale 10s var(--ease) infinite alternate;
  pointer-events:none;
}
.page-hero--image::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg, rgba(12,12,11,.95) 0%, rgba(12,12,11,.72) 42%, rgba(12,12,11,.22) 100%),
    linear-gradient(0deg, rgba(12,12,11,.82), rgba(12,12,11,.1) 52%, rgba(12,12,11,.72));
}
.page-hero__image{
  position:absolute;inset:0;z-index:-1;
  width:100%;height:100%;object-fit:cover;
  filter:saturate(1.08) contrast(1.06);
}
.page-hero__content{position:relative;z-index:1;width:100%;max-width:none;}
.page-hero h1{
  font-family:var(--serif);
  font-weight:500;
  line-height:.93;
  letter-spacing:-0.018em;
  font-size:clamp(54px,9vw,150px);
  max-width:min(1180px,100%);
}
.page-hero h1.wide{max-width:min(1180px,100%);}
.page-hero--image .page-hero__content{max-width:min(1080px,100%);}
.page-hero h1 em{font-style:italic;}
.page-hero p{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(21px,2.4vw,36px);
  line-height:1.18;
  max-width:min(1120px,100%);
  color:var(--mut-on-dark);
  margin-top:clamp(24px,3vw,42px);
}
.page-band{padding:clamp(78px,10vw,150px) 0;}
.page-band.dark{background:var(--ink);color:var(--paper);}
.page-band.paper{background:var(--paper);color:var(--ink);}
.split{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(34px,6vw,96px);
  align-items:start;
}
@media(min-width:900px){.split{grid-template-columns:.84fr 1.16fr;}}
.split--reverse{align-items:center;}
@media(min-width:900px){.split--reverse{grid-template-columns:1.1fr .9fr;}}
.page-label{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:inherit;
  opacity:.54;
}
.page-kicker-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.page-kicker-list span{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid currentColor;
  border-radius:999px;
  padding:8px 13px;
  color:inherit;
  opacity:.68;
}
.rich-panel{
  position:relative;
  min-height:clamp(360px,48vw,640px);
  overflow:hidden;
  border:1px solid var(--line-dark);
  background:#151513;
}
.paper .rich-panel{border-color:var(--line-light);}
.rich-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.rich-panel::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(12,12,11,.52), transparent 58%);
  pointer-events:none;
}
.insight-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line-light);
  border:1px solid var(--line-light);
}
@media(min-width:820px){.insight-grid{grid-template-columns:repeat(3,1fr);}}
.insight-card{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(26px,3.2vw,42px);
  min-height:260px;
}
.insight-card.dark{
  background:#141412;
  color:var(--paper);
}
.insight-card .n{font-family:var(--mono);font-size:12px;letter-spacing:.14em;opacity:.45;}
.insight-card h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(28px,3vw,44px);
  line-height:1.02;
  margin:24px 0 18px;
}
.insight-card p{font-size:clamp(16px,1.3vw,19px);line-height:1.56;color:var(--mut-on-light);}
.insight-card.dark p{color:var(--mut-on-dark);}
.ai-modules{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid var(--line-dark);
}
@media(min-width:760px){.ai-modules{grid-template-columns:repeat(2,1fr);}}
.ai-module{
  padding:clamp(28px,3.2vw,46px) 0;
  border-bottom:1px solid var(--line-dark);
}
@media(min-width:760px){
  .ai-module:nth-child(odd){padding-right:clamp(28px,4vw,62px);border-right:1px solid var(--line-dark);}
  .ai-module:nth-child(even){padding-left:clamp(28px,4vw,62px);}
}
.ai-module h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(28px,3vw,46px);
  line-height:1;
  margin-bottom:16px;
}
.ai-module p{font-size:clamp(16px,1.35vw,20px);line-height:1.58;color:var(--mut-on-dark);}
.form-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:880px;}
@media(min-width:760px){.form-grid{grid-template-columns:1fr 1fr;}.form-grid .span2{grid-column:1/-1;}}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-on-light);}
.field input,.field textarea{
  width:100%;
  border:1px solid var(--line-light);
  background:#fff;
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  padding:15px 16px;
  border-radius:0;
  outline:none;
}
.field textarea{min-height:180px;resize:vertical;}
.field input:focus,.field textarea:focus{border-color:rgba(12,12,11,.62);}
.submit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:16px 22px;
  cursor:pointer;
  transition:background .3s ease,color .3s ease;
}
.submit-btn:hover{background:var(--paper);color:var(--ink);}
.hp{display:none !important;}
@keyframes fieldScale{
  from{transform:rotate(-8deg) scale(.9);opacity:.22;}
  to{transform:rotate(-4deg) scale(1.04);opacity:.38;}
}
.page-hero--people{overflow:hidden;}
.principal-hero__photos{
  position:absolute;
  right:var(--pad);
  top:16%;
  bottom:10%;
  width:min(42vw,560px);
  display:flex;
  align-items:flex-end;
  gap:clamp(14px,2vw,26px);
  opacity:.46;
  pointer-events:none;
}
.principal-hero__photos::before{
  content:"";
  position:absolute;
  inset:-18% -26% -18% -50%;
  background:linear-gradient(90deg, var(--ink) 0%, rgba(12,12,11,.62) 38%, transparent 100%);
  z-index:2;
}
.principal-hero__photos figure{
  position:relative;
  z-index:1;
  flex:1;
  height:78%;
  overflow:hidden;
  border:1px solid var(--line-dark);
  background:#171715;
  box-shadow:0 30px 120px rgba(0,0,0,.42);
}
.principal-hero__photos figure:first-child{height:66%;transform:translateY(-8%) rotate(-2deg);}
.principal-hero__photos figure:last-child{transform:rotate(2deg);}
.principal-hero__photos img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.07);}

/* ---------- hero ---------- */
.hero{
  min-height:92svh;
  display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(108px,10vw,150px);padding-bottom:clamp(58px,6vw,96px);
  position:relative;overflow:hidden;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(12,12,11,0.96) 0%, rgba(12,12,11,0.80) 43%, rgba(12,12,11,0.42) 100%),
    linear-gradient(0deg, rgba(12,12,11,0.88) 0%, rgba(12,12,11,0.22) 44%, rgba(12,12,11,0.76) 100%);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;inset:-24% -12%;z-index:3;
  background:linear-gradient(105deg, transparent 18%, rgba(255,255,255,0.10) 31%, transparent 46%);
  mix-blend-mode:soft-light;
  opacity:.48;
  transform:translateX(-42%) rotate(4deg);
  animation:heroSweep 9s var(--ease) .9s infinite;
  pointer-events:none;
}
.hero > *{position:relative;z-index:4;}
.hero__visual{
  position:absolute;inset:-8% -5% -12% 34%;z-index:0;
  pointer-events:none;
  will-change:transform;
}
.hero__visual::before{
  content:"";
  position:absolute;inset:-10% 30% -10% -34%;z-index:2;
  background:linear-gradient(90deg, var(--ink), rgba(12,12,11,0.78) 34%, rgba(12,12,11,0));
}
.hero__visual::after{
  content:"";
  position:absolute;inset:0;z-index:3;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 16.66%),
    linear-gradient(180deg, rgba(12,12,11,0.10), rgba(12,12,11,0.64));
  opacity:.56;
  mix-blend-mode:multiply;
}
.hero__panel{
  position:absolute;overflow:hidden;
  background:#11110f;
  border:1px solid rgba(255,255,255,0.13);
  box-shadow:0 28px 110px rgba(0,0,0,0.48);
  opacity:.88;
  animation:heroPanelDrift 14s ease-in-out infinite alternate;
}
.hero__panel img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.08);
  filter:saturate(1.18) contrast(1.05);
  animation:heroImageBreathe 18s ease-in-out infinite alternate;
}
.hero__panel--bud{width:29vw;height:74vh;left:18%;top:-2%;transform:rotate(-2deg);animation-delay:-2s;}
.hero__panel--pepsi{width:34vw;height:48vh;right:-2%;bottom:11%;transform:rotate(2deg);animation-delay:-5s;}
.hero__panel--loreal{width:23vw;height:43vh;right:8%;top:0;transform:rotate(3deg);animation-delay:-7s;}
.hero__panel--mastercard{width:24vw;height:43vh;left:42%;bottom:-4%;transform:rotate(-5deg);animation-delay:-9s;}
.hero__panel--evian{width:23vw;height:39vh;right:18%;bottom:0;transform:rotate(-2deg);animation-delay:-11s;}
.hero__beam{
  position:absolute;z-index:4;left:22%;top:-15%;width:18%;height:132%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
  transform:rotate(13deg) translateX(-30%);
  mix-blend-mode:screen;
  opacity:.52;
  animation:heroBeam 7.5s var(--ease) infinite;
}
.hero__center{display:flex;flex-direction:column;justify-content:center;padding:2vh 0 0;position:relative;}
.hero__statement{
  position:relative;z-index:2;
  font-family:var(--serif);font-weight:500;line-height:0.86;letter-spacing:-0.02em;
  perspective:900px;
}
.hero__statement .ln{display:block;overflow:hidden;padding-bottom:0.18em;}
.hero__statement .ln + .ln{margin-top:-0.14em;}
.hero__statement .ln > span{display:block;will-change:transform,opacity;}
.hero__l1{font-size:clamp(48px,10.5vw,180px);}
.hero__l2{font-size:clamp(48px,10.5vw,180px);}
.hero__l2 em{font-style:italic;}
.hero__l3{
  font-size:clamp(44px,7.8vw,132px);
  -webkit-text-stroke:1.4px var(--paper);
  color:transparent;
}
.hero__title-sheen{
  position:absolute;z-index:3;left:-8%;top:20%;
  width:22vw;min-width:240px;height:58%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  mix-blend-mode:screen;
  opacity:0;
  transform:skewX(-16deg) translateX(-110%);
  pointer-events:none;
  will-change:transform,opacity;
}
.hero__sub{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  margin-top:clamp(20px,3.2vw,48px);flex-wrap:wrap;
}
.hero__sub p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,34px);line-height:1.1;max-width:44ch;}
.hero__cue{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mut-on-dark);
}
.hero__cue::before{
  content:"";width:38px;height:1px;background:currentColor;opacity:.55;
  transform-origin:left center;
  animation:heroCue 1.8s ease-in-out infinite;
}
@keyframes heroSweep{0%,52%{transform:translateX(-58%) rotate(4deg);opacity:0;}68%{opacity:.52;}100%{transform:translateX(58%) rotate(4deg);opacity:0;}}
@keyframes heroPanelDrift{from{translate:0 0;}to{translate:0 -16px;}}
@keyframes heroImageBreathe{from{transform:scale(1.08);}to{transform:scale(1.15);}}
@keyframes heroBeam{0%,38%{transform:rotate(13deg) translateX(-38%);opacity:.18;}68%{opacity:.58;}100%{transform:rotate(13deg) translateX(72%);opacity:.1;}}
@keyframes heroCue{0%,100%{transform:scaleX(.62);opacity:.42;}50%{transform:scaleX(1);opacity:.72;}}

/* ---------- home gateway ---------- */
.home-gateway{overflow:hidden;}
.home-intro{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,70px);
  align-items:start;
  margin-bottom:clamp(44px,6vw,86px);
}
@media(min-width:920px){.home-intro{grid-template-columns:240px 1fr;}}
.home-intro .lede{max-width:min(980px,100%);}
.gateway-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line-light);
  border:1px solid var(--line-light);
}
@media(min-width:900px){.gateway-grid{grid-template-columns:repeat(3,1fr);}}
.gateway-card{
  min-height:clamp(360px,36vw,560px);
  padding:clamp(28px,3vw,46px);
  background:var(--paper);
  color:var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.gateway-card--image{background:#11110f;color:var(--paper);}
.gateway-card--image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.45;
  filter:saturate(1.04) contrast(1.04);
}
.gateway-card--image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(12,12,11,.82), rgba(12,12,11,.24));
}
.gateway-card > *{position:relative;z-index:1;}
.gateway-card__idx,.gateway-card__link{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:inherit;
  opacity:.56;
}
.gateway-card h2{
  font-family:var(--serif);
  font-size:clamp(34px,3.6vw,58px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.01em;
  max-width:100%;
}
.gateway-card p{
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.5;
  color:var(--mut-on-light);
  max-width:32ch;
  margin-top:24px;
}
.gateway-card--image p{color:var(--mut-on-dark);}
.gateway-card:hover .gateway-card__link{opacity:1;}
.home-proof__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,2vw,28px);
}
@media(min-width:860px){.home-proof__grid{grid-template-columns:1fr 1fr;}}
.proof-tile{
  position:relative;
  min-height:clamp(360px,42vw,620px);
  overflow:hidden;
  background:#151513;
  border:1px solid var(--line-dark);
}
.proof-tile img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1s var(--ease);
}
.proof-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(12,12,11,.86), rgba(12,12,11,.12) 60%);
}
.proof-tile:hover img{transform:scale(1.045);}
.proof-tile__copy{
  position:absolute;
  z-index:1;
  left:clamp(24px,3vw,42px);
  right:clamp(24px,3vw,42px);
  bottom:clamp(24px,3vw,42px);
}
.proof-tile__copy span{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mut-on-dark);
}
.proof-tile__copy h2{
  font-family:var(--serif);
  font-size:clamp(34px,4vw,64px);
  font-weight:500;
  line-height:1;
  margin:14px 0;
}
.proof-tile__copy p{max-width:34ch;color:rgba(255,255,255,.72);}
.home-quote{
  max-width:none;
  margin-bottom:clamp(54px,7vw,110px);
}
.home-quote blockquote{
  font-family:var(--serif);
  font-size:clamp(30px,4vw,68px);
  line-height:1.08;
}
.home-quote div{
  margin-top:22px;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mut-on-light);
}

/* ---------- marquee ---------- */
.marquee{
  position:relative;
  background:var(--paper);
  border-top:1px solid var(--line-light);
  border-bottom:1px solid var(--line-light);
  padding:clamp(16px,2.4vw,26px) 0;
  overflow:hidden;white-space:nowrap;
}
.paper .marquee{border-color:var(--line-light);}
.marquee__track{display:inline-flex;align-items:center;gap:0;will-change:transform;animation:scroll-x 34s linear infinite;}
.marquee:hover .marquee__track{animation-play-state:paused;}
.marquee__item{
  height:clamp(42px,5vw,72px);
  width:clamp(178px,16vw,252px);
  flex:0 0 auto;
  padding:0 clamp(18px,2.4vw,34px);
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--paper);
  opacity:.96;
  transition:opacity .3s ease,transform .35s var(--ease);
}
.marquee__item--ngl{width:clamp(190px,17vw,260px);}
.marquee__item--menkes{width:clamp(204px,18vw,280px);}
.marquee__item:hover{opacity:1;transform:translateY(-1px);}
.logo-marquee__img{
  width:clamp(122px,10.6vw,168px);
  height:auto;
  max-width:100%;
  max-height:clamp(34px,3.6vw,52px);
  object-fit:contain;
}
.marquee__item--ngl .logo-marquee__img{width:clamp(84px,7vw,104px);}
.marquee__item--menkes .logo-marquee__img{width:clamp(85px,7.5vw,105px);}
@keyframes scroll-x{to{transform:translateX(-50%);}}

/* ---------- generic section header ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(40px,6vw,84px);flex-wrap:wrap;}
.sec-head .idx{font-family:var(--mono);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;opacity:.55;}

/* ---------- belief ---------- */
.belief .lede em{font-style:italic;}
.belief__grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,5vw,72px);margin-top:clamp(48px,6vw,90px);}
@media(min-width:900px){.belief__grid{grid-template-columns:1fr 1fr;}}
.belief__col h3{font-family:var(--mono);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:16px;color:var(--mut-on-light);}
.belief__col p{font-size:clamp(17px,1.5vw,21px);line-height:1.55;}
.belief__ai{
  margin-top:clamp(30px,4vw,56px);
  max-width:min(1120px,100%);
  font-size:clamp(19px,1.8vw,26px);
  line-height:1.45;
  color:rgba(12,12,11,.68);
  border-left:2px solid var(--ink);
  padding-left:clamp(18px,2.2vw,32px);
}

/* ---------- vectors ---------- */
.vectors{background:var(--ink);color:var(--paper);}
.vectors__list{border-top:1px solid var(--line-dark);}
.vrow{
  border-bottom:1px solid var(--line-dark);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,44px);
  padding:clamp(20px,3vw,30px) 0;
  cursor:pointer;position:relative;
  transition:padding .5s var(--ease);
}
.vrow__idx{font-family:var(--mono);font-size:13px;letter-spacing:0.12em;opacity:.5;}
.vrow__name{font-family:var(--serif);font-weight:500;font-size:clamp(30px,5vw,72px);line-height:1;letter-spacing:-0.01em;transition:transform .5s var(--ease);transform-origin:left center;}
.vrow__stage{font-family:var(--mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;opacity:.55;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:9px;}
.vrow__detail{
  grid-column:1/-1;display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .55s var(--ease),opacity .4s ease;
  opacity:0;
}
.vrow__detail > div{overflow:hidden;}
.vrow__detail p{max-width:64ch;padding-top:18px;color:var(--mut-on-dark);font-size:clamp(16px,1.5vw,20px);line-height:1.55;}
.vrow.open{padding-bottom:clamp(26px,3vw,40px);}
.vrow.open .vrow__name{transform:translateX(14px);}
.vrow.open .vrow__detail{grid-template-rows:1fr;opacity:1;}
.vrow:hover .vrow__name{transform:translateX(14px);}
.vrow__bars{display:flex;gap:5px;align-items:flex-end;height:22px;}
.vrow__bars span{width:5px;background:var(--paper);opacity:.85;}

/* ---------- capabilities / process ---------- */
.cap__grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-light);}
.section-title{
  max-width:100%;
  margin-bottom:clamp(42px,6vw,84px);
  font-size:clamp(40px,5.2vw,78px);
  text-wrap:balance;
}
.section-title--clients{max-width:100%;}
.cap{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,5vw,80px);
  padding:clamp(34px,4vw,56px) 0;border-bottom:1px solid var(--line-light);
  align-items:start;
}
.cap__num{font-family:var(--mono);font-size:13px;letter-spacing:0.14em;opacity:.5;padding-top:.6em;}
.cap__body h3{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.4vw,60px);line-height:1;letter-spacing:-0.01em;margin-bottom:18px;}
.cap__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.cap__tags span{
  font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;
  border:1px solid var(--line-light);border-radius:100px;padding:7px 13px;color:var(--mut-on-light);
}

/* ---------- charter ---------- */
.charter{background:var(--ink);color:var(--paper);}
.charter__grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-dark);}
@media(min-width:780px){.charter__grid{grid-template-columns:1fr 1fr;}}
.charter__item{
  display:flex;gap:18px;align-items:flex-start;
  padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid var(--line-dark);
}
@media(min-width:780px){.charter__item:nth-child(odd){padding-right:clamp(24px,3vw,48px);border-right:1px solid var(--line-dark);}
.charter__item:nth-child(even){padding-left:clamp(24px,3vw,48px);}}
.charter__item .n{font-family:var(--mono);font-size:12px;opacity:.45;padding-top:.35em;min-width:2.4ch;}
.charter__item p{font-size:clamp(16px,1.55vw,21px);line-height:1.4;text-wrap:pretty;}

/* ---------- testimonials ---------- */
.quotes__grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,4vw,64px);}
@media(min-width:900px){.quotes__grid{grid-template-columns:repeat(3,1fr);}}
.quotes__grid--single{max-width:none;}
@media(min-width:900px){.quotes__grid--single{grid-template-columns:1fr;}}
.quote--feature blockquote{font-size:clamp(36px,5vw,82px);line-height:1.08;max-width:min(1280px,100%);}
.quote blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.28;letter-spacing:-0.005em;text-wrap:pretty;}
.quote--feature blockquote{font-size:clamp(36px,5vw,82px);line-height:1.08;max-width:min(1280px,100%);}
.quote blockquote .mk{font-style:italic;}
.quote__by{margin-top:26px;border-top:1px solid var(--line-light);padding-top:16px;}
.quote__by .name{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;}
.quote__by .role{font-size:14px;color:var(--mut-on-light);margin-top:5px;}

/* ---------- principals ---------- */
.principals{background:var(--ink);color:var(--paper);}
.pr__grid{display:grid;grid-template-columns:1fr;gap:clamp(36px,4vw,56px);margin-top:clamp(40px,5vw,80px);}
@media(min-width:760px){.pr__grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:760px){.pr__grid--two{grid-template-columns:repeat(2,minmax(0,420px));}}
.pr__card .ph{
  width:100%;aspect-ratio:1/1.04;overflow:hidden;background:#1a1a18;border:1px solid var(--line-dark);
}
.pr__card .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:transform .9s var(--ease),filter .6s ease;}
.pr__card:hover .ph img{transform:scale(1.045);}
.pr__card h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,34px);margin-top:22px;line-height:1;}
.pr__card .role{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--mut-on-dark);margin-top:10px;}

/* ---------- contact / footer ---------- */
.contact{background:var(--paper);color:var(--ink);}
.contact__big{font-family:var(--serif);font-weight:500;line-height:0.9;letter-spacing:-0.02em;font-size:clamp(52px,11vw,180px);}
.contact__big em{font-style:italic;}
.contact__row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-top:clamp(40px,5vw,72px);}
.contact__mail{font-family:var(--serif);font-size:clamp(26px,3.4vw,52px);position:relative;display:inline-block;}
.contact__mail::after{content:"";position:absolute;left:0;bottom:4px;height:2px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}
.contact__mail:hover::after{transform:scaleX(1);}
.contact__meta{font-family:var(--mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;line-height:2;text-align:right;}
.footer{background:var(--ink);color:var(--paper);padding:30px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.footer .kicker{color:var(--mut-on-dark);}
.footer__mark{font-family:var(--serif);font-size:20px;}

/* ---------- reveal animation ---------- */
.reveal{transition:opacity 1s var(--ease),transform 1s var(--ease);}
.js .reveal{opacity:0;transform:translateY(30px);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;}
.reveal.d2{transition-delay:.16s;}
.reveal.d3{transition-delay:.24s;}
.reveal.d4{transition-delay:.32s;}

body.no-motion .reveal{opacity:1;transform:none;transition:none;}
body.no-motion .marquee__track{animation:none;}
body.no-motion .hero__statement .ln > span{transform:none !important;}
body.no-motion .hero::after,
body.no-motion .hero__panel,
body.no-motion .hero__panel img,
body.no-motion .hero__beam,
body.no-motion .hero__cue::before{animation:none !important;}
body.no-motion .hero__title-sheen{display:none;}

/* ---------- selected work ---------- */
.work{background:var(--ink);color:var(--paper);overflow:hidden;}
.work__ghost{
  font-family:var(--serif);font-weight:600;line-height:1;
  font-size:clamp(120px,26vw,420px);letter-spacing:-0.03em;
  color:transparent;-webkit-text-stroke:1px rgba(241,239,231,0.10);
  position:absolute;right:-0.04em;top:-0.18em;pointer-events:none;user-select:none;z-index:0;
}
.work .wrap{position:relative;z-index:1;}
.work__feature{position:relative;margin-bottom:clamp(16px,2vw,26px);}
.work__feature .work-tile__media{aspect-ratio:16/9;}
.work__play{
  position:absolute;left:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,40px);z-index:3;
  display:flex;align-items:center;gap:14px;color:var(--paper);pointer-events:none;
}
.work__play .ring{
  width:clamp(54px,5vw,76px);height:clamp(54px,5vw,76px);border-radius:50%;
  border:1px solid rgba(241,239,231,0.55);display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(3px);background:rgba(12,12,11,0.25);
}
.work__play .tri{width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--paper);margin-left:4px;}
.work__play .txt{font-family:var(--mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;}

.work__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.8vw,24px);}
.work-tile{grid-column:span 6;}
@media(min-width:680px){
  .work-tile.s2{grid-column:span 3;}
  .work-tile.s3{grid-column:span 3;}
}
@media(min-width:980px){
  .work-tile.s2{grid-column:span 2;}
  .work-tile.s3{grid-column:span 3;}
}
.work-tile__media{
  position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;
  background:#161614;border:1px solid var(--line-dark);
}
.work-tile.s3 .work-tile__media{aspect-ratio:16/10;}
.media-img{width:100%;height:100%;display:block;object-fit:cover;}
.media-img--contain{object-fit:contain;padding:clamp(18px,3vw,42px);background:var(--paper);}
.work-tile__cap{display:flex;align-items:baseline;gap:12px;padding-top:14px;}
.work-tile__cap .i{font-family:var(--mono);font-size:11px;opacity:.5;}
.work-tile__cap .c{font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.7vw,25px);line-height:1;}
.work-tile__cap .d{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--mut-on-dark);margin-left:auto;text-align:right;}
.work__foot{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:clamp(28px,3vw,44px);flex-wrap:wrap;}
.work__foot p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,30px);max-width:24ch;line-height:1.15;}
.work__foot .kicker{color:var(--mut-on-dark);}

/* ---------- featured case studies ---------- */
.cases{display:flex;flex-direction:column;gap:clamp(56px,8vw,120px);margin-bottom:clamp(56px,7vw,100px);}
.case{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,64px);align-items:center;}
@media(min-width:920px){
  .case{grid-template-columns:1.05fr 0.95fr;}
  .case.alt .case__media{order:2;}
}
.case__media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#161614;border:1px solid var(--line-dark);}
.case__media .media-img{width:100%;height:100%;display:block;}
.case__badge{position:absolute;top:0;left:0;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;background:var(--paper);color:var(--ink);padding:7px 12px;}
.case__sector{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mut-on-dark);margin-bottom:18px;}
.case__title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,54px);line-height:1.02;letter-spacing:-0.01em;margin-bottom:8px;}
.case__client{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.7vw,24px);color:var(--mut-on-dark);margin-bottom:22px;}
.case__desc{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:rgba(241,239,231,0.78);max-width:54ch;}
.case__stats{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,52px);margin-top:30px;}
.case__stat .n{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1;}
.case__stat .l{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mut-on-dark);margin-top:8px;}
.case__link{
  display:inline-flex;align-items:center;gap:10px;margin-top:32px;
  font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  border-bottom:1px solid rgba(241,239,231,0.3);padding-bottom:5px;transition:gap .35s var(--ease),border-color .35s ease;
}
.case__link:hover{gap:18px;border-color:var(--paper);}

/* ---------- clients index ---------- */
.clients{background:var(--paper);color:var(--ink);}
.clients__stats{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,34px);margin:clamp(36px,4vw,56px) 0 clamp(48px,6vw,80px);border-top:1px solid var(--line-light);padding-top:clamp(28px,3vw,40px);}
@media(min-width:820px){.clients__stats{grid-template-columns:repeat(3,1fr);}}
.clients__stat .n{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,76px);line-height:0.95;letter-spacing:-0.01em;white-space:nowrap;}
.clients__stat .l{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mut-on-light);margin-top:12px;max-width:18ch;}
.sector{border-top:1px solid var(--line-light);padding:clamp(22px,2.6vw,34px) 0;display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:820px){.sector{grid-template-columns:200px 1fr;gap:clamp(24px,4vw,60px);align-items:baseline;}}
.sector:last-child{border-bottom:1px solid var(--line-light);}
.sector__label{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--mut-on-light);padding-top:.5em;}
.sector__names{display:flex;flex-wrap:wrap;gap:10px;}
.sector__names b{
  display:inline-flex;align-items:center;
  font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.2vw,34px);line-height:1;letter-spacing:-0.005em;
  border:1px solid var(--line-light);
  border-radius:999px;
  padding:10px 16px 12px;
  background:rgba(12,12,11,0.025);
  transition:opacity .3s ease,transform .4s var(--ease),background .3s ease;
  cursor:default;
}
.clients.dimmed .sector__names b{opacity:0.32;}
.clients.dimmed .sector__names b:hover{opacity:1;}
.sector__names b:hover{transform:translateY(-2px);background:rgba(12,12,11,0.06);}

/* ---------- case study page ---------- */
.cs-hero{padding-top:clamp(140px,16vw,220px);padding-bottom:clamp(48px,6vw,90px);}
.cs-hero .kicker{color:var(--mut-on-dark);display:block;margin-bottom:clamp(20px,3vw,36px);}
.cs-hero h1{font-family:var(--serif);font-weight:500;line-height:0.94;letter-spacing:-0.02em;font-size:clamp(48px,8.5vw,128px);}
.cs-hero h1 em{font-style:italic;}
.cs-hero p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,32px);max-width:30ch;margin-top:clamp(24px,3vw,40px);color:var(--mut-on-dark);}
.cs-index{display:flex;gap:clamp(20px,3vw,44px);flex-wrap:wrap;margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--line-dark);padding-top:24px;}
.cs-index a{font-family:var(--mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mut-on-dark);display:flex;gap:10px;align-items:baseline;transition:color .3s ease;}
.cs-index a:hover{color:var(--paper);}
.cs-index a span{opacity:.5;}

.cs{border-top:1px solid var(--line-dark);padding-top:clamp(48px,6vw,90px);padding-bottom:clamp(64px,9vw,130px);}
.cs__head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:clamp(34px,4vw,52px);}
@media(min-width:820px){.cs__head{grid-template-columns:1fr auto;align-items:end;}}
.cs__sector{font-family:var(--mono);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--mut-on-dark);margin-bottom:16px;}
.cs__title{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,76px);line-height:1;letter-spacing:-0.015em;}
.cs__client{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.8vw,26px);color:var(--mut-on-dark);text-align:left;}
@media(min-width:820px){.cs__client{text-align:right;}}
.cs__heroimg{position:relative;width:100%;aspect-ratio:16/9;background:#161614;border:1px solid var(--line-dark);overflow:hidden;margin-bottom:clamp(40px,5vw,72px);}
.cs__heroimg .media-img{width:100%;height:100%;display:block;}
.cs__statband{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,72px);padding:clamp(26px,3vw,38px) 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);margin-bottom:clamp(40px,5vw,72px);}
.cs__statband .n{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.5vw,64px);line-height:0.9;letter-spacing:-0.02em;}
.cs__statband .l{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mut-on-dark);margin-top:10px;max-width:22ch;}
.cs__body{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,56px);}
@media(min-width:820px){.cs__body{grid-template-columns:repeat(2,1fr);}}
.cs__block .lab{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--mut-on-dark);margin-bottom:14px;display:flex;gap:10px;align-items:baseline;}
.cs__block .lab span{opacity:.5;}
.cs__block p{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:rgba(241,239,231,0.82);max-width:56ch;text-wrap:pretty;}
.cs__block p + p{margin-top:14px;}
.cs__block.span2{grid-column:1/-1;}
.cs__inlineimg{grid-column:1/-1;width:100%;aspect-ratio:21/9;background:#161614;border:1px solid var(--line-dark);overflow:hidden;}
.cs__inlineimg .media-img{width:100%;height:100%;display:block;}

.cs-cta{padding:clamp(70px,10vw,150px) 0;border-top:1px solid var(--line-dark);text-align:left;}
.cs-cta h2{font-family:var(--serif);font-weight:500;line-height:0.9;letter-spacing:-0.02em;font-size:clamp(44px,9vw,150px);}
.cs-cta h2 em{font-style:italic;}
.cs-cta .row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(34px,4vw,56px);}
.cs-cta a.mail{font-family:var(--serif);font-size:clamp(24px,3vw,44px);border-bottom:1px solid var(--line-dark);padding-bottom:4px;}
.cs-cta a.mail:hover{border-color:var(--paper);}

/* ---------- mobile nav ---------- */
@media(max-width:759px){
  .nav{padding-top:22px;padding-bottom:22px;}
  .nav__menu-btn{
    display:inline-flex;
    width:46px;
    height:38px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:0;
    background:transparent;
    color:inherit;
    cursor:pointer;
    position:relative;
    z-index:101;
  }
  .nav.nav--open{mix-blend-mode:normal;color:var(--paper);}
  .nav.nav--open .nav__mark{position:relative;z-index:101;color:var(--paper);}
  .nav.nav--open .nav__menu-btn span:first-child{transform:translateY(4px) rotate(45deg);}
  .nav.nav--open .nav__menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg);}
  .nav__links{
    position:fixed;
    inset:0;
    z-index:100;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    gap:0;
    padding:96px var(--pad) clamp(34px,8vh,72px);
    background:var(--ink);
    color:var(--paper);
    visibility:hidden;
    pointer-events:none;
    clip-path:inset(0 0 100% 0);
    transition:clip-path .42s var(--ease),visibility 0s linear .42s;
  }
  .nav.nav--open .nav__links{
    visibility:visible;
    pointer-events:auto;
    clip-path:inset(0 0 0 0);
    transition:clip-path .42s var(--ease);
  }
  .nav__links a,
  .nav__links a.nav__cta{
    display:block;
    width:100%;
    padding:18px 0 17px;
    border-top:1px solid var(--line-dark);
    font-family:var(--serif);
    font-size:clamp(42px,13vw,68px);
    line-height:.95;
    letter-spacing:-.01em;
    text-transform:none;
  }
  .nav__links a:last-child{border-bottom:1px solid var(--line-dark);}
  .nav__links a::after{display:none;}
  .hero{min-height:92svh;padding-top:100px;padding-bottom:54px;}
  .hero__visual{inset:14% -52% -8% 6%;opacity:.72;}
  .hero__visual::before{inset:-10% 46% -10% -12%;}
  .hero__panel{opacity:.78;}
  .hero__panel--bud{width:54vw;height:48vh;left:28%;top:0;}
  .hero__panel--pepsi{width:62vw;height:34vh;right:8%;bottom:18%;}
  .hero__panel--loreal{width:40vw;height:30vh;right:22%;top:12%;}
  .hero__panel--mastercard{width:48vw;height:28vh;left:44%;bottom:8%;}
  .hero__panel--evian{width:42vw;height:30vh;right:36%;bottom:2%;}
  .hero__statement{line-height:.9;}
  .hero__statement .ln + .ln{margin-top:-0.06em;}
  .hero__l1,.hero__l2,.hero__l3{font-size:clamp(48px,14.5vw,86px);}
  .hero__sub{align-items:flex-start;flex-direction:column;margin-top:18px;}
  .hero__cue{font-size:10px;}
  .charter__item:nth-child(odd){border-right:none;}
  .page-hero{min-height:68svh;}
  .page-hero h1{font-size:clamp(44px,12vw,76px);max-width:100%;overflow-wrap:normal;}
  .page-hero h1.wide{max-width:100%;}
  .rich-panel{min-height:340px;}
  .ai-module:nth-child(odd),.ai-module:nth-child(even){padding-left:0;padding-right:0;border-right:none;}
  .principal-hero__photos{right:-22%;top:18%;bottom:13%;width:78vw;opacity:.32;}
}