:root{--ivory:#f8f4ef;--cream:#eee5dc;--blush:#e8d0c7;--taupe:#a99888;--deep:#281f1d;--muted:#6c5d55;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--deep);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}img,video{display:block;width:100%}a{color:inherit}h1,h2,h3,.nav-brand{font-family:"Cormorant Garamond",serif}h2{margin:0;font-size:clamp(2.7rem,5.7vw,5rem);font-weight:600;line-height:.88}h3{margin:0;font-size:2rem;line-height:1}p{line-height:1.65}
.site-header{position:fixed;z-index:50;top:0;width:100%;border-bottom:1px solid rgba(169,152,136,.25);background:rgba(248,244,239,.9);backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));height:68px;margin:auto}.nav-brand{font-size:1.3rem;font-weight:600;text-decoration:none}.nav-actions,.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.language-button,.menu-button{border:0;background:transparent;color:var(--deep);font:600 .65rem Outfit;letter-spacing:.12em}.language-button{padding:9px;border:1px solid rgba(169,152,136,.45);border-radius:999px}.menu-button{display:none;width:36px;padding:5px}.menu-button span{display:block;height:1px;margin:6px 0;background:var(--deep)}.mobile-menu{padding:8px 22px 20px;background:var(--ivory)}.mobile-menu a{display:block;padding:9px 0;color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.hero{position:relative;display:flex;min-height:100svh;align-items:flex-end;justify-content:center;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 35%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,10,.03) 20%,rgba(20,12,10,.76) 100%)}.hero-content{position:relative;z-index:1;width:min(760px,calc(100% - 36px));padding:120px 0 58px;color:var(--ivory);text-align:center}.hero h1{margin:0 0 10px;font-size:clamp(4rem,10vw,7.5rem);font-weight:600;line-height:.75;letter-spacing:.035em;text-transform:uppercase}.hero-role{margin:0 0 12px;color:#eee3db;font:600 clamp(1.25rem,3vw,1.7rem) "Cormorant Garamond"}.hero-description{max-width:570px;margin:0 auto 28px;color:rgba(255,255,255,.88)}
.section-label{margin:0 0 16px;color:var(--taupe);font-size:.66rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.section-label.light{color:#d9c7ba}.section{padding:108px 24px;scroll-margin-top:68px}.container{width:min(1160px,100%);margin:auto}.positioning-strip{display:flex;justify-content:center;gap:34px;padding:18px 22px;border-bottom:1px solid rgba(169,152,136,.25);overflow:hidden;color:var(--muted);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.section-editorial{padding-bottom:48px}.editorial-intro,.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.editorial-copy,.heading-side{max-width:480px;color:var(--muted)}.editorial-copy>p,.heading-side{margin:0}.mini-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.mini-proof span,.rate-tags span{padding:8px 12px;border:1px solid rgba(169,152,136,.4);border-radius:999px;font-size:.66rem;text-transform:uppercase}.editorial-gallery{display:grid;grid-template-columns:1fr .72fr 1fr;gap:12px;width:min(1400px,calc(100% - 24px));margin:65px auto 0}.editorial-gallery img{height:min(56vw,680px);object-fit:cover}.editorial-gallery img:nth-child(2){margin-top:55px;height:calc(min(56vw,680px) - 110px)}.section-warm{background:var(--cream)}.heading-side.light-copy{color:rgba(255,255,255,.65)}.metrics-date{display:inline-block;margin-top:16px;color:var(--taupe);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:55px 0;background:rgba(169,152,136,.35)}.stats-grid article{padding:32px 20px;background:var(--cream);text-align:center}.stats-grid strong{display:block;font:600 3.25rem/1 "Cormorant Garamond"}.stats-grid span{display:block;margin:9px 0 5px;font-size:.67rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.stats-grid p{margin:0;color:var(--taupe);font-size:.7rem}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-card{display:flex;min-height:315px;flex-direction:column;padding:30px;border-radius:16px;background:rgba(255,255,255,.62)}.info-card.featured{background:var(--white);box-shadow:0 14px 40px rgba(40,31,29,.07)}.info-card>strong{font:600 2.8rem/1 "Cormorant Garamond"}.info-card h3{margin:18px 0 7px}.info-card>p:not(.section-label){margin:0;color:var(--muted);font-size:.84rem}.info-card a{margin-top:auto;font-size:.69rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.swipe-hint{display:none}
.section-dark{background:var(--deep);color:var(--ivory)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.case-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#332927}.case-card video{aspect-ratio:4/5;object-fit:cover}.case-copy{padding:25px}.case-category{margin:0 0 8px;color:#cbb8aa;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}.case-copy h3{font-size:2.2rem}.case-copy dl{margin:25px 0 0}.case-copy dl div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.12)}.case-copy dt{color:#bfaea3;font-size:.68rem;text-transform:uppercase}.case-copy dd{margin:0;font-size:.76rem}.brand-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.brand-categories>div{padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.brand-categories p{color:#cbb8aa;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}.brand-categories span{display:block;margin:7px 0;font:500 1.15rem "Cormorant Garamond"}
.centered-heading{text-align:center}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.pillar-grid video{aspect-ratio:3/4;border-radius:14px;object-fit:cover}.pillar-grid h3{margin-top:15px;font-size:1.55rem}.section-blush{background:var(--blush)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.campaign-grid article{overflow:hidden;border-radius:18px;background:var(--ivory)}.campaign-grid a{text-decoration:none}.campaign-grid img,.campaign-grid video{aspect-ratio:4/5;object-fit:cover}.campaign-grid article div{padding:24px}.campaign-grid p{margin:0 0 7px;color:var(--taupe);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.campaign-grid h3{margin-bottom:20px}.campaign-grid span{font-size:.69rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.contact-section{background:#efe9e2}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.contact-layout>img{height:700px;border-radius:18px;object-fit:cover}.contact-layout>div>p:not(.section-label){max-width:580px;color:var(--muted)}.rate-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.contact-person{display:flex;flex-direction:column;margin:28px 0}.contact-person strong{font:600 1.7rem "Cormorant Garamond"}.contact-person span{color:var(--taupe);font-size:.78rem}.contact-person a{margin-top:8px}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.button-row.left{justify-content:flex-start}.button{display:inline-block;padding:14px 30px;border:1px solid transparent;border-radius:999px;font-size:.69rem;font-weight:600;letter-spacing:.13em;text-align:center;text-decoration:none;text-transform:uppercase}.button-light{background:var(--ivory);color:var(--deep)}.button-outline-light{border-color:rgba(255,255,255,.7);color:white}.button-dark{background:var(--deep);color:var(--ivory)}.button-outline-dark{border-color:rgba(40,31,29,.35)}
.sticky-cta{display:none;position:fixed;z-index:45;right:14px;bottom:14px;left:14px;padding:15px;border-radius:999px;background:var(--deep);color:white;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-align:center;text-decoration:none;text-transform:uppercase;box-shadow:0 8px 30px rgba(40,31,29,.28)}footer{display:flex;justify-content:space-between;padding:30px max(24px,calc((100% - 1160px)/2));color:var(--taupe);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}footer p{margin:0}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.section{padding:82px 18px}.editorial-intro,.section-heading,.contact-layout{grid-template-columns:1fr;gap:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.horizontal-scroll{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>*{flex:0 0:min(78vw,330px);scroll-snap-align:start}.swipe-hint{display:block;color:var(--taupe);font-size:.68rem;letter-spacing:.12em;text-align:right;text-transform:uppercase}.brand-categories{grid-template-columns:1fr}.contact-layout>img{height:520px}.sticky-cta{display:block}footer{padding-bottom:90px}}
@media(max-width:600px){.nav-wrap{width:calc(100% - 28px)}.nav-actions{gap:7px}.hero-content{padding-bottom:38px}.hero h1{font-size:4.2rem}.hero-description{font-size:.86rem}.button-row:not(.left){flex-direction:column}.button-row:not(.left) .button{width:100%}.positioning-strip{justify-content:flex-start;gap:22px;overflow-x:auto}.editorial-gallery{grid-template-columns:1fr 1fr;width:calc(100% - 24px)}.editorial-gallery img{height:380px}.editorial-gallery img:nth-child(2){margin-top:0;height:380px}.editorial-gallery img:last-child{display:none}.stats-grid{margin:38px 0}.stats-grid article{padding:25px 8px}.stats-grid strong{font-size:2.45rem}.case-copy dl div{grid-template-columns:90px 1fr}.contact-layout>img{height:460px}.button-row.left{flex-direction:column}.button-row.left .button{width:100%}footer{flex-direction:column;gap:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:10px 16px;border-radius:999px;background:var(--deep);color:#fff;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}
a:focus-visible,button:focus-visible{outline:3px solid rgba(169,122,107,.34);outline-offset:4px}
.nav-brand,.desktop-nav a,.language-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--deep)}
.button:hover,.button:focus-visible{transform:translateY(-2px)}
.info-card,.case-card,.campaign-grid article{transition:transform .22s ease,box-shadow .22s ease}
.info-card:hover,.case-card:hover,.campaign-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(40,31,29,.12)}
.info-card a,.contact-person a,footer a{display:inline-flex;min-height:44px;align-items:center}
.sticky-cta.is-hidden{pointer-events:none;transform:translateY(calc(100% + 32px));opacity:0}
.mobile-menu[hidden]{display:none}
@media(max-width:900px){.mobile-menu a{display:flex;min-height:44px;align-items:center}.language-button{padding-right:12px;padding-left:12px}.menu-button{display:block;height:44px;width:44px}.horizontal-scroll{overscroll-behavior-inline:contain}.sticky-cta{transition:transform .22s ease,opacity .22s ease}}
@media(prefers-reduced-motion:reduce){a,button,.skip-link,.info-card,.case-card,.campaign-grid article,.sticky-cta{transition:none}.info-card:hover,.case-card:hover,.campaign-grid article:hover,.button:hover{transform:none}}

/* Mobile refinement */
@media(max-width:900px){
  .section{padding:72px 18px}
  .editorial-intro,.section-heading,.contact-layout{gap:22px}
  .horizontal-scroll{
    margin-right:-18px;
    padding-right:18px;
    scroll-padding-right:18px;
  }
  .horizontal-scroll>*{
    flex:0 0 min(82vw,330px);
  }
  .info-card{min-height:300px;padding:26px}
  .pillar-grid{
    display:flex;
    gap:13px;
    margin-right:-18px;
    padding-right:18px;
    padding-bottom:8px;
    overflow-x:auto;
    scroll-padding-right:18px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .pillar-grid::-webkit-scrollbar{display:none}
  .pillar-grid>*{
    flex:0 0 min(68vw,260px);
    scroll-snap-align:start;
  }
  .pillar-grid h3{font-size:1.7rem}
}

@media(max-width:600px){
  h2{font-size:2.55rem}
  .hero-content{padding-bottom:32px}
  .positioning-strip{
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .positioning-strip::-webkit-scrollbar{display:none}
  .editorial-gallery{margin-top:48px}
  .editorial-gallery img,
  .editorial-gallery img:nth-child(2){height:330px}
  .stats-grid{margin:32px 0}
  .case-copy{padding:22px}
  .case-copy h3{font-size:2rem}
  .campaign-grid article div{padding:21px}
  .contact-layout>img{height:420px}
  .rate-tags{margin:22px 0}
  .contact-person{margin:24px 0}
}
