/* MYM Edition 08 — Quiet confidence: no duplicate badges, slogans, coordinates or overlay cards.
   Light: warm white and deep teal. Dark: midnight and champagne. */
.home-hero.hero-editorial.hero-quiet{
  isolation:isolate;
  min-height:0;
}
.hero-quiet .hero-editorial-layout{
  grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);
  width:min(calc(100% - 96px),1320px);
  gap:clamp(44px,6.5vw,110px);
  min-height:clamp(630px,76svh,820px);
  padding-block:clamp(62px,7.8vw,116px);
}
.hero-quiet .hero-editorial-copy{max-width:710px}
.hero-quiet .hero-editorial-kicker{
  display:flex;
  gap:12px;
  align-items:center;
  margin:0;
  padding:0;
  max-width:600px;
  font:700 10px/1.7 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero-quiet .hero-editorial-kicker::before{
  content:"";
  width:32px;
  height:1px;
  flex:none;
  background:currentColor;
  opacity:.8;
}
.hero-quiet h1{
  margin:35px 0 30px;
  max-width:800px;
  font:400 clamp(64px,6.45vw,106px)/1.03 var(--serif);
  letter-spacing:-.049em;
  text-wrap:balance;
}
.hero-quiet .hero-editorial-lead{
  max-width:560px;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.85;
}
.hero-quiet .hero-editorial-actions{gap:13px;margin-top:42px}
.hero-quiet .hero-editorial-actions .btn{
  border-radius:3px;
  min-height:60px;
  padding-inline:25px;
  font-size:11px;
  letter-spacing:.07em;
  text-transform:none;
  font-weight:750;
}
.hero-quiet .hero-editorial-actions .btn .arr{transition:transform .2s ease}
.hero-quiet .hero-editorial-actions .btn:hover .arr{transform:translate(3px,-3px)}
.hero-quiet .hero-editorial-media{margin:0;padding:0;max-width:none}
.hero-quiet .hero-editorial-frame{
  height:clamp(480px,43.5vw,670px);
  border-radius:4px;
  isolation:isolate;
  overflow:hidden;
  box-shadow:0 28px 72px rgba(2,15,22,.22);
}
.hero-quiet .hero-editorial-frame::before{
  inset:15px;
  border-radius:0;
  border:1px solid rgba(255,247,225,.29);
}
.hero-quiet .hero-editorial-frame img{
  object-position:48% 50%;
  filter:saturate(.90) contrast(1.03);
  transition:transform 850ms cubic-bezier(.2,.7,.2,1), filter 850ms;
}
.hero-quiet .hero-editorial-frame:hover img{
  transform:scale(1.04);
  filter:saturate(1) contrast(1.02);
}
.hero-quiet .hero-editorial-photo-tint{
  background:linear-gradient(150deg,rgba(7,22,34,.035),transparent 55%,rgba(7,22,34,.2));
}
.hero-quiet .hero-editorial-photo-mark,.hero-quiet .hero-editorial-baseline{display:none}
html[data-theme="dark"] .hero-quiet.home-hero.hero-editorial{
  background:radial-gradient(ellipse at 13% 85%,rgba(44,76,83,.33),transparent 44%),linear-gradient(121deg,#0a1520 0%,#0e2330 57%,#19313d 100%);
}
html[data-theme="dark"] .hero-quiet .hero-editorial-kicker{color:#ddbd8b}
html[data-theme="dark"] .hero-quiet .hero-editorial-frame{box-shadow:16px 20px 0 #223d46,0 28px 75px rgba(0,0,0,.33)}
html[data-theme="light"] .hero-quiet.home-hero.hero-editorial{
  background:radial-gradient(ellipse at 85% 8%,rgba(208,222,212,.52),transparent 52%),linear-gradient(115deg,#faf9f5,#f0f4ed 65%,#e6efe8);
  color:#183d3f;
}
html[data-theme="light"] .hero-quiet .hero-editorial-kicker{color:#79502c}
html[data-theme="light"] .hero-quiet h1{color:#153b40}
html[data-theme="light"] .hero-quiet .hero-editorial-lead{color:#465f60}
html[data-theme="light"] .hero-quiet .hero-editorial-frame{box-shadow:16px 20px 0 #ccddd2,0 30px 75px rgba(24,67,58,.14)}

/* About: the image and agency description are the only two elements in the main grid.
   The four metrics become one full-width proof band instead of more promotional tiles. */
.about-reimagined.about-quiet{
  position:relative;
  overflow:hidden;
  padding-block:clamp(80px,8.5vw,145px) clamp(80px,8vw,128px);
}
.about-quiet .about-editorial{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:clamp(42px,7.4vw,120px);
  align-items:center;
}
.about-quiet .about-quiet-art{
  margin:0;
  min-width:0;
  align-self:stretch;
  min-height:600px;
  position:relative;
  box-shadow:0 26px 70px rgba(15,31,39,.12);
  overflow:hidden;
  border-radius:4px;
}
.about-quiet .about-quiet-art img{
  display:block;
  width:100%;
  height:100%;
  min-height:600px;
  max-height:780px;
  object-fit:cover;
  object-position:center;
  transition:transform 850ms cubic-bezier(.2,.7,.2,1);
}
.about-quiet .about-quiet-art:hover img{transform:scale(1.035)}
.about-quiet .about-quiet-copy{padding-block:28px 35px}
.about-quiet .about-overline{
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:24px;
}
.about-quiet .about-overline-mark{
  border:none;
  padding:0;
  font:800 10px/1.6 var(--sans);
  letter-spacing:.12em;
}
.about-quiet .about-overline-mark::after{
  content:"/";
  display:inline-block;
  margin-inline-start:14px;
  opacity:.42;
}
.about-quiet .about-overline .eyebrow{
  font:800 10px/1.6 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-quiet .about-quiet-copy h2{
  font:400 clamp(44px,4.75vw,76px)/1.1 var(--serif);
  letter-spacing:-.05em;
  margin:0 0 30px;
  max-width:690px;
  text-wrap:balance;
}
.about-quiet .about-quiet-copy>p{
  margin:0;
  max-width:650px;
  font-size:clamp(15px,1.18vw,18px);
  line-height:1.9;
}
.about-quiet-actions{
  display:flex;
  align-items:center;
  gap:27px;
  margin-top:36px;
}
.about-quiet-actions .btn-about-discover{
  display:inline-flex;
  gap:24px;
  min-width:195px;
  min-height:58px;
  border-radius:3px;
  padding-inline:25px;
  justify-content:space-between;
  align-items:center;
  font-weight:750;
}
.about-quiet-line{
  width:100px;
  height:1px;
  opacity:.38;
  background:currentColor;
}
.about-quiet-stats{
  margin-top:clamp(58px,8vw,114px);
  border-top:1px solid;
  border-bottom:1px solid;
}
.about-quiet .about-quiet-stats .stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  border:none;
}
.about-quiet .about-quiet-stats .stat{
  padding:34px clamp(10px,2.1vw,32px) 36px;
  min-height:172px;
  border:0;
  border-inline-end:1px solid;
}
.about-quiet .about-quiet-stats .stat:first-child{padding-inline-start:0}
.about-quiet .about-quiet-stats .stat:last-child{border-inline-end:0}
.about-quiet .about-quiet-stats .stat strong{
  font:400 clamp(40px,4.2vw,61px)/1 var(--serif);
  letter-spacing:-.05em;
}
.about-quiet .about-quiet-stats .stat span{
  display:block;
  max-width:185px;
  margin-top:12px;
  font:650 12px/1.55 var(--sans);
  letter-spacing:.01em;
}
html[data-theme="light"] .about-quiet.about-reimagined{
  background:linear-gradient(127deg,#f6f3ec,#f1f4ed 65%,#e9f0e9);
  color:#183d40;
}
html[data-theme="light"] .about-quiet .about-quiet-copy h2{color:#1a4042}
html[data-theme="light"] .about-quiet .about-quiet-copy>p{color:#4a6263}
html[data-theme="light"] .about-quiet .about-overline{color:#8e623a}
html[data-theme="light"] .about-quiet .about-overline .eyebrow{color:#8e623a}
html[data-theme="light"] .about-quiet .about-quiet-stats{border-color:#baccc3}
html[data-theme="light"] .about-quiet .about-quiet-stats .stat{border-color:#c7d5cc}
html[data-theme="light"] .about-quiet .about-quiet-stats .stat strong{color:#17534e}
html[data-theme="light"] .about-quiet .about-quiet-stats .stat span{color:#4e6663}
html[data-theme="light"] .about-quiet-actions .btn-about-discover{
  background:#164c4e!important;
  border:1px solid #164c4e!important;
  color:#fff!important;
  box-shadow:0 12px 29px rgba(23,74,71,.15);
}
html[data-theme="light"] .about-quiet-actions .btn-about-discover:hover{
  background:#103639!important;
  border-color:#103639!important;
  color:#fff!important;
}
html[data-theme="dark"] .about-quiet.about-reimagined{
  background:linear-gradient(136deg,#122530,#172e3b 64%,#1c3540);
  color:#f7f0e4;
}
html[data-theme="dark"] .about-quiet .about-quiet-copy h2{color:#f6ecdb}
html[data-theme="dark"] .about-quiet .about-quiet-copy>p{color:#bbccd2}
html[data-theme="dark"] .about-quiet .about-overline,
html[data-theme="dark"] .about-quiet .about-overline .eyebrow{color:#e2bf8b}
html[data-theme="dark"] .about-quiet .about-quiet-stats{border-color:#455e66}
html[data-theme="dark"] .about-quiet .about-quiet-stats .stat{border-color:#455e66}
html[data-theme="dark"] .about-quiet .about-quiet-stats .stat strong{color:#edd1a4}
html[data-theme="dark"] .about-quiet .about-quiet-stats .stat span{color:#c3d0d3}
html[data-theme="dark"] .about-quiet-actions .btn-about-discover{
  background:#dfbc86!important;
  border:1px solid #dfbc86!important;
  color:#162d38!important;
}
html[data-theme="dark"] .about-quiet-actions .btn-about-discover:hover{
  background:#f0d7ac!important;
  border-color:#f0d7ac!important;
  color:#112632!important;
}
[dir="rtl"] .hero-quiet .hero-editorial-kicker{letter-spacing:0}
[dir="rtl"] .about-quiet .about-overline .eyebrow{letter-spacing:0}
[dir="rtl"] .about-quiet .about-quiet-copy h2,
[dir="rtl"] .hero-quiet h1{letter-spacing:0;line-height:1.25}
@media(max-width:1100px){
  .hero-quiet .hero-editorial-layout{width:calc(100% - 64px);gap:36px}
  .hero-quiet h1{font-size:clamp(55px,6.4vw,80px)}
  .about-quiet .about-editorial{gap:38px}
  .about-quiet .about-quiet-art,
  .about-quiet .about-quiet-art img{min-height:510px}
  .about-quiet .about-quiet-copy h2{font-size:clamp(39px,4.6vw,57px)}
}
@media(max-width:780px){
  .hero-quiet .hero-editorial-layout{grid-template-columns:1fr;width:calc(100% - 48px);gap:50px;min-height:0}
  .hero-quiet .hero-editorial-copy{max-width:670px}
  .hero-quiet .hero-editorial-media{width:min(100%,570px);margin-inline:auto}
  .hero-quiet .hero-editorial-frame{height:clamp(430px,76vw,610px)}
  .about-quiet .about-editorial{grid-template-columns:1fr;gap:38px}
  .about-quiet .about-quiet-art{min-height:0;max-height:500px}
  .about-quiet .about-quiet-art img{height:490px;min-height:0;object-position:center 58%}
  .about-quiet .about-quiet-copy{padding:0}
  .about-quiet .about-quiet-copy h2{font-size:clamp(42px,7vw,65px)}
  .about-quiet .about-quiet-stats .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-quiet .about-quiet-stats .stat{min-height:155px;padding:25px 20px;border-bottom:1px solid}
  .about-quiet .about-quiet-stats .stat:nth-child(2n){border-inline-end:0}
  .about-quiet .about-quiet-stats .stat:nth-child(n+3){border-bottom:0}
  .about-quiet .about-quiet-stats .stat:nth-child(odd){padding-inline-start:0}
}
@media(max-width:520px){
  .hero-quiet .hero-editorial-layout{width:calc(100% - 40px);gap:35px;padding-block:60px 68px}
  .hero-quiet .hero-editorial-kicker{font-size:9px;letter-spacing:.1em;gap:9px}
  .hero-quiet .hero-editorial-kicker::before{width:18px}
  .hero-quiet h1{font-size:clamp(46px,11.5vw,64px);margin:25px 0 23px}
  .hero-quiet .hero-editorial-lead{font-size:14px}
  .hero-quiet .hero-editorial-actions{margin-top:29px}
  .hero-quiet .hero-editorial-frame{height:clamp(330px,99vw,510px);border-radius:3px}
  .hero-quiet .hero-editorial-frame::before{inset:10px}
  .about-quiet .about-quiet-art img{height:370px}
  .about-quiet .about-quiet-copy h2{font-size:clamp(39px,9vw,52px)}
  .about-quiet .about-quiet-stats{margin-top:54px}
  .about-quiet .about-quiet-stats .stat{min-height:148px;padding:22px 13px}
  .about-quiet .about-quiet-stats .stat strong{font-size:clamp(38px,10vw,53px)}
  .about-quiet .about-quiet-stats .stat span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .hero-quiet .hero-editorial-frame img,
  .about-quiet .about-quiet-art img{transition:none!important}
}