:root{--ink:#111;--paper:#f7f4ef;--accent:#641b2a;--line:rgba(17,17,17,.16);--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);border-bottom:1px solid var(--line);background:rgba(247,244,239,.94);backdrop-filter:blur(14px)}.wordmark{font-family:"Archivo Black";font-size:21px;color:var(--ink);text-decoration:none}.wordmark span,.name-dot,em{color:var(--accent)}.site-header nav{display:flex;gap:22px}.site-header nav a{font-size:11px;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;color:var(--ink)}.site-header nav a:hover{color:var(--accent)}.section-rule{border-bottom:1px solid var(--line)}
.hero{min-height:78vh;display:grid;grid-template-columns:1.02fr .98fr;gap:4vw;padding:34px var(--pad) 22px}.hero-copy{display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-number,.about-kicker,.case-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase}.hero h1,.section-heading h2,.about h2,.contact h2,.testimonial-placeholder h2{font-family:"Archivo Black";line-height:.86;letter-spacing:-.055em;margin:12px 0;text-transform:uppercase}.hero h1{font-size:clamp(66px,10vw,154px)}.role{font-family:"Instrument Serif";font-size:clamp(28px,3.5vw,52px);font-style:italic;margin:0 0 8px;color:var(--accent)}.intro{font-size:clamp(15px,1.4vw,21px);line-height:1.42;max-width:680px}.hero-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:11px;border:1px solid var(--ink);cursor:pointer;background:transparent;color:var(--ink);text-decoration:none}.button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.button-dark{background:var(--ink);color:white}.hero-image-wrap{margin:0;align-self:stretch;position:relative;min-height:500px;overflow:hidden;background:#111;border-radius:18px}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-image-wrap figcaption{position:absolute;left:18px;bottom:18px;color:white;font-family:"Archivo Black";font-size:clamp(16px,2vw,30px);letter-spacing:.02em;max-width:75%;line-height:1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--pad)}.stats article,.stat-link{padding:22px 20px;border-right:1px solid var(--line);text-decoration:none;color:inherit;position:relative}.stats>*:first-child{padding-left:0}.stats>*:last-child{border-right:0}.stats strong{font-family:"Archivo Black";font-size:clamp(34px,4.3vw,64px);display:block;letter-spacing:-.05em}.stats span:not(.social-icon){text-transform:uppercase;font-size:10px;letter-spacing:.13em}.stat-link:hover{color:var(--accent)}.social-icon{position:absolute;right:16px;top:18px;width:24px;height:24px}.social-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.social-icon .fill{fill:currentColor;stroke:none}
.work,.brands,.performance,.testimonials,.about,.contact{padding:clamp(42px,5vw,76px) var(--pad)}.section-heading{max-width:1050px}.section-heading h2,.about h2,.contact h2,.testimonial-placeholder h2{font-size:clamp(48px,7vw,112px)}em{font-family:"Instrument Serif";font-weight:400;text-transform:none;font-style:italic}.section-heading>p:last-child{max-width:560px;line-height:1.5;margin-bottom:0}.compact{max-width:none;display:flex;justify-content:space-between;align-items:flex-start;gap:36px}
.marquee{overflow:hidden;margin-top:24px}.marquee-track{display:flex;gap:16px;width:max-content;animation:marquee 52s linear infinite}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(calc(-50% - 8px))}}.video-card{width:clamp(180px,15vw,225px)}.video-shell{aspect-ratio:9/16;background:#111;position:relative;overflow:hidden;border-radius:20px}.video-shell video{width:100%;height:100%;object-fit:cover;display:block}.sound-toggle{position:absolute;left:9px;bottom:9px;border:0;background:rgba(247,244,239,.94);padding:7px 9px;text-transform:uppercase;font-size:8px;letter-spacing:.1em;cursor:pointer;color:var(--ink)}.video-meta{display:flex;justify-content:space-between;gap:14px;padding-top:8px;border-top:1px solid var(--ink);margin-top:7px}.video-meta h3{margin:0;font-size:12px}.video-meta p{margin:0;font-size:9px;text-align:right}.view-more{margin-top:20px}.all-work{margin-top:26px}.all-work[hidden]{display:none}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter{border:1px solid var(--ink);background:transparent;padding:10px 14px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;cursor:pointer}.filter:hover,.filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}.portfolio-card h3{font-size:13px;margin:8px 0}.portfolio-card[hidden]{display:none}.empty-state{grid-column:1/-1;margin:0;padding:28px;border:1px solid var(--line)}
.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:22px 18px;margin-top:30px}.logo-item{display:flex;align-items:center;justify-content:center}.logo-circle{width:clamp(112px,9vw,148px);height:clamp(112px,9vw,148px);border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;overflow:hidden;transition:transform .25s,box-shadow .25s}.logo-circle:hover{transform:scale(1.08);box-shadow:0 12px 28px rgba(100,27,42,.18)}.logo-circle img{display:block;max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain}.trip-logo img,.tide-logo img,.st-logo img{max-width:86%;max-height:86%}.kinder-logo img{max-width:90%}.tripcom-logo img,.harrys-logo img,.leap-logo img,.historic-logo img{max-width:72%}.etoro-logo img,.nous-logo img,.nair-logo img,.reformed-logo img,.savi-logo img,.aromatic-logo img,.reformer-logo img{max-width:76%}
.case-study-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:28px}.case-study{border:1px solid var(--line);padding:20px}.featured-case{display:grid;grid-template-columns:minmax(190px,.7fr) 1fr;gap:28px;align-items:center}.case-video{max-width:300px}.case-stat{font-family:"Archivo Black";font-size:clamp(58px,7vw,112px);line-height:.84;display:block}.case-stat-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.case-copy>p:last-child{font-size:16px;line-height:1.5}.organic-card{background:var(--accent);color:white;display:flex;flex-direction:column;justify-content:center}.metric{display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.35);padding:14px 0}.metric strong{font-family:"Archivo Black";font-size:clamp(38px,5vw,72px);line-height:.8}.metric span{text-transform:uppercase;font-size:10px;letter-spacing:.1em}.metric-note{line-height:1.5;margin-bottom:0}.testimonials{background:var(--ink);color:white}.testimonials .section-number{color:#fff}.testimonial-placeholder p{font-size:17px}.about{display:grid;grid-template-columns:.5fr 1.5fr;gap:7vw}.about-copy p{max-width:760px;font-size:clamp(16px,1.5vw,22px);line-height:1.5}.contact{background:var(--ink);color:white}.contact .section-number{color:white}.contact p:not(.section-number){font-size:17px;max-width:620px;line-height:1.5}.contact-link{display:inline-block;color:white;font-family:"Archivo Black";font-size:clamp(19px,2.7vw,42px);margin-top:24px;text-decoration:none;border-bottom:4px solid var(--accent)}.contact-socials{display:flex;gap:20px;margin-top:22px}.contact-socials a{color:white;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.contact-socials a:hover{color:#c76a7c}footer{display:flex;justify-content:space-between;padding:18px var(--pad);font-size:10px;text-transform:uppercase;letter-spacing:.11em}
@media(max-width:1000px){.logo-grid{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-image-wrap{min-height:500px}.stats{grid-template-columns:repeat(2,1fr)}.stats>*:nth-child(2){border-right:0}.stats>*:nth-child(-n+2){border-bottom:1px solid var(--line)}.compact,.about{display:block}.logo-grid{grid-template-columns:repeat(3,1fr)}.case-study-grid,.featured-case{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero h1{font-size:18vw}.hero-image-wrap{min-height:410px}.stats>*{padding:20px 12px}.stats strong{font-size:36px}.social-icon{width:20px;height:20px;right:8px;top:14px}.video-card{width:56vw}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-circle{width:128px;height:128px}.contact-link{font-size:17px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:18px 9px}footer{display:block;line-height:2}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.logo-circle{transition:none}}

/* V5 refinements */
:root{--accent:#65172b;--accent-deep:#4f1021;--paper:#f7f4ef;--ink:#111111;--line:#d7d0ca}
body{background:var(--paper)}
.site-header{background:rgba(247,244,239,.94)}
.name-dot,.wordmark span,.role,.section-heading em,.about em{color:var(--accent)}
.hero{min-height:72vh;padding-top:18px;padding-bottom:12px}
.hero-image-wrap figcaption{left:16px;bottom:16px;background:var(--paper);color:var(--ink);padding:10px 13px;max-width:none;border-radius:2px;font-family:"DM Sans";font-weight:600;font-size:10px;letter-spacing:.13em;line-height:1}
.stats-cherry{background:var(--accent);color:#fff;border-bottom-color:var(--accent)}
.stats-cherry article,.stats-cherry .stat-link{border-right-color:rgba(255,255,255,.28);color:#fff}
.stats-cherry .stat-link:hover{background:rgba(255,255,255,.08);color:#fff}
.work,.brands,.performance,.testimonials,.about,.contact{padding-top:42px;padding-bottom:42px}
.section-heading h2,.about h2,.contact h2,.testimonial-header h2{margin-bottom:8px}
.marquee{margin-top:16px}
.view-more{margin-top:14px}
.all-work{margin-top:18px}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,225px));gap:20px 16px;align-items:start}
.portfolio-card{width:100%}
.portfolio-card .video-shell{border-radius:20px}
.portfolio-card h3{font-size:12px;padding-top:7px;border-top:1px solid var(--ink);margin-top:7px}
.brands .section-heading em{color:var(--accent)}
.logo-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-top:20px}
.logo-card{height:104px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:15px;box-sizing:border-box;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.logo-card:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 12px 26px rgba(101,23,43,.15);border-color:var(--accent)}
.logo-card img{display:block;max-width:88%;max-height:72px;width:auto;height:auto;object-fit:contain}
.trip-logo img,.tide-logo img,.st-logo img{max-width:82%;max-height:76px}
.kinder-logo img{max-width:92%}
.tripcom-logo img,.harrys-logo img,.leap-logo img,.historic-logo img{max-width:90%;max-height:60px}
.etoro-logo img,.nous-logo img,.nair-logo img,.reformed-logo img,.savi-logo img,.aromatic-logo img,.reformer-logo img{max-width:88%;max-height:64px}
.performance,.testimonials,.contact{background:var(--accent);color:#fff}
.performance .section-number,.testimonials .section-number,.contact .section-number{color:#fff}
.performance .section-heading em,.testimonials em,.contact em{color:#fff}
.case-study{border-color:rgba(255,255,255,.35)}
.featured-case{background:rgba(255,255,255,.06)}
.organic-card{background:var(--accent-deep)}
.testimonial-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:20px}
.testimonial-header h2{font-family:"Archivo Black";font-size:clamp(48px,7vw,112px);line-height:.86;letter-spacing:-.055em;margin-top:10px;text-transform:uppercase}
.testimonial-header p{max-width:360px;line-height:1.45;color:rgba(255,255,255,.85)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testimonial-card{background:var(--paper);color:var(--ink);padding:24px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px}
.testimonial-card .quote{font-family:"Instrument Serif";font-size:clamp(24px,2.1vw,34px);line-height:1.08;margin:0}
.testimonial-card span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--accent);font-weight:600}
.contact{background:var(--accent-deep)}
.contact-link{border-color:#fff}
.button-dark{background:var(--accent);border-color:var(--accent)}
.button:hover,.filter:hover,.filter.active{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
@media(max-width:1000px){.logo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.logo-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid{grid-template-columns:1fr}.testimonial-header{display:block}.portfolio-grid{grid-template-columns:repeat(2,minmax(150px,225px))}}
@media(max-width:520px){.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-card{height:90px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work,.brands,.performance,.testimonials,.about,.contact{padding-top:34px;padding-bottom:34px}}

/* Final Netlify release refinements */
.marquee-track{animation-duration:38s}
.logo-grid{align-items:start}
.logo-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}
.logo-card{height:118px;padding:0;border-radius:12px;overflow:hidden;border:0}
.logo-card img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:16px}
.logo-name{margin:0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1.25}
.trip-logo{background:#f29bb4}.trip-logo img{padding:0;object-fit:cover}
.tide-logo{background:#073a78}.tide-logo img{padding:0;object-fit:cover}
.kinder-logo{background:#ef3024}.kinder-logo img{padding:18px}
.tripcom-logo{background:#2878e8}.tripcom-logo img{padding:0;object-fit:cover}
.etoro-logo{background:#58b947}.etoro-logo img{padding:18px}
.harrys-logo{background:#efe9df}.harrys-logo img{padding:12px 20px}
.leap-logo{background:#111}.leap-logo img{padding:12px 18px}
.st-logo{background:#111}.st-logo img{padding:0;object-fit:cover}
.nair-logo{background:#ec8eb4}.nair-logo img{padding:16px 22px}
.nous-logo{background:#f0ef5d}.nous-logo img{padding:18px}
.reformed-logo{background:#111}.reformed-logo img{padding:20px}
.savi-logo{background:#f5e7ec}.savi-logo img{padding:18px}
.aromatic-logo{background:#d8c4a7}.aromatic-logo img{padding:14px}
.historic-logo{background:#275c50}.historic-logo img{padding:16px}
.reformer-logo{background:#f5df39}.reformer-logo img{padding:14px}
.about{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:5vw}
.about-image-wrap{border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:#ddd}
.about-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.about-copy p{max-width:700px}
.about-copy .about-kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:850px){.about{grid-template-columns:1fr}.about-image-wrap{max-width:560px}.logo-card{height:105px}}
@media(max-width:520px){.marquee-track{animation-duration:30s}.logo-card{height:96px}.logo-name{font-size:9px}}

/* Logo wall: editorial grid inspired by the supplied reference */
.logo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin-top:20px;
  border-top:1px solid var(--ink);
  border-right:1px solid var(--ink);
}
.logo-item{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-width:0;
  background:#fff;
  border-left:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  padding:0;
}
.logo-card,
.logo-card:hover,
.trip-logo,.tide-logo,.kinder-logo,.tripcom-logo,.etoro-logo,.harrys-logo,
.leap-logo,.st-logo,.nair-logo,.nous-logo,.reformed-logo,.savi-logo,
.aromatic-logo,.historic-logo,.reformer-logo{
  height:158px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:22px;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  transform:none;
}
.logo-card:hover{background:#faf9f7}
.logo-card img,
.trip-logo img,.tide-logo img,.kinder-logo img,.tripcom-logo img,.etoro-logo img,
.harrys-logo img,.leap-logo img,.st-logo img,.nair-logo img,.nous-logo img,
.reformed-logo img,.savi-logo img,.aromatic-logo img,.historic-logo img,.reformer-logo img{
  width:auto;
  height:auto;
  max-width:86%;
  max-height:92px;
  object-fit:contain;
  padding:0;
  display:block;
}
.trip-logo img,.tide-logo img,.tripcom-logo img,.st-logo img{max-width:80%;max-height:96px;object-fit:contain}
.kinder-logo img{max-width:88%;max-height:82px}
.harrys-logo img,.leap-logo img,.historic-logo img{max-width:82%;max-height:78px}
.logo-name{
  margin:0;
  padding:0 10px 18px;
  min-height:34px;
  text-align:center;
  color:var(--ink);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
  background:#fff;
}

/* Every video gets the same, always-visible sound control */
.video-shell .sound-toggle{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  position:absolute;
  z-index:5;
  left:10px;
  bottom:10px;
  min-width:76px;
  min-height:32px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:rgba(17,17,17,.78);
  color:#fff;
  padding:7px 10px;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.video-shell .sound-toggle:hover,
.video-shell .sound-toggle:focus-visible{background:var(--accent);outline:none}
.video-shell .sound-toggle.is-on{background:var(--accent)}

@media(max-width:1000px){.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-card,.logo-card:hover,.trip-logo,.tide-logo,.kinder-logo,.tripcom-logo,.etoro-logo,.harrys-logo,.leap-logo,.st-logo,.nair-logo,.nous-logo,.reformed-logo,.savi-logo,.aromatic-logo,.historic-logo,.reformer-logo{height:138px}}
@media(max-width:520px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-card,.logo-card:hover,.trip-logo,.tide-logo,.kinder-logo,.tripcom-logo,.etoro-logo,.harrys-logo,.leap-logo,.st-logo,.nair-logo,.nous-logo,.reformed-logo,.savi-logo,.aromatic-logo,.historic-logo,.reformer-logo{height:120px;padding:16px}.logo-name{font-size:9px;padding-bottom:14px}.logo-card img,.trip-logo img,.tide-logo img,.kinder-logo img,.tripcom-logo img,.etoro-logo img,.harrys-logo img,.leap-logo img,.st-logo img,.nair-logo img,.nous-logo img,.reformed-logo img,.savi-logo img,.aromatic-logo img,.historic-logo img,.reformer-logo img{max-height:72px}}