:root{
  --wine:#924e74;
  --yellow:#ffdfae;
  --sage:#aebdad;
  --denim:#536f87;
  --chalk:#f2f3f4;
  --oat:#f7f4ef;
  --ink:#241c21;
  --white:#fffdf9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;border-bottom:1px solid rgba(36,28,33,.14);position:sticky;top:0;background:rgba(255,253,249,.94);backdrop-filter:blur(10px);z-index:10}
.brand img{width:150px;height:60px;object-fit:contain}
.nav nav{display:flex;gap:28px;align-items:center}
.nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pill{border:1px solid var(--wine);padding:13px 18px;border-radius:999px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 25px}

.hero{position:relative;min-height:800px;overflow:hidden;background:var(--yellow)}
.hero-media{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,223,174,.9),rgba(247,244,239,.82));background-size:cover;background-position:center;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,28,33,.02),rgba(36,28,33,.07))}
.hero-content{position:relative;z-index:1;padding:6vw 5vw 5vw}
.hero h1{font-size:clamp(74px,13vw,205px);line-height:.75;letter-spacing:-.07em;margin:0;color:var(--wine);font-weight:900}
.hero h1 span{color:var(--denim)}
.hero-bottom{margin-top:7vw;display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:end}
.hero-bottom h2,.recognise h2,.services-head h2,.proof h2,.about h2,.creative-filter h2{font-size:clamp(38px,5vw,75px);line-height:.98;letter-spacing:-.045em;margin:0}
.hero-bottom em,.recognise em,.services-head em,.proof em,.about em,.statement em,.creative-filter em{font-family:Georgia,serif;font-weight:400}
.hero-bottom p{font-size:18px;line-height:1.5;max-width:570px}
.textlink,.services a{color:var(--ink);font-weight:800;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}
.ticker{overflow:hidden;background:var(--wine);color:var(--yellow);padding:19px 0;font-weight:900;font-size:22px;white-space:nowrap}
.ticker div{width:max-content;animation:move 25s linear infinite}
@keyframes move{to{transform:translateX(-40%)}}

.recognise{padding:9vw 5vw;background:var(--chalk);display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.problems p{font-size:20px;font-weight:700;line-height:1.3;padding:0 0 22px;border-bottom:1px solid #aaa}
.recognise h3{grid-column:1/-1;font-size:clamp(48px,8vw,120px);letter-spacing:-.06em;line-height:.88;margin:7vw 0 0}
.recognise h3 span{color:var(--wine)}

.statement{background:var(--wine);color:var(--yellow);padding:9vw 5vw}
.statement h2{font-size:clamp(60px,10vw,155px);line-height:.82;letter-spacing:-.065em;margin:0}
.statement h2 em{font-size:.55em;color:white}
.statement-copy{margin:7vw 0 0 auto;max-width:700px;color:white;font-size:18px;line-height:1.6}
.statement-copy .lead{font-size:29px;line-height:1.2;color:var(--yellow);font-weight:800}

.services{background:var(--white);padding:9vw 5vw}
.services-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:6vw}
.services article{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--ink);padding:35px 0;margin-left:25vw}
.services article>span{font-size:14px;font-weight:800;color:var(--wine)}
.services h3{font-size:clamp(48px,7vw,100px);line-height:.82;letter-spacing:-.055em;margin:0 0 25px;color:var(--wine)}
.services article p{max-width:640px;font-size:17px;line-height:1.55}
.services .tag{font-size:24px;font-family:Georgia,serif}

.creative-filter{background:var(--sage);padding:8vw 5vw}
.creative-filter-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;align-items:end}
.creative-filter h2{font-size:clamp(55px,8vw,120px);line-height:.88;color:var(--wine)}
.creative-filter h2 em{color:var(--white)}
.creative-filter-grid>div{padding-bottom:1vw}
.creative-filter-grid p{font-size:18px;line-height:1.55}
.creative-filter .filter-lead{font-family:Georgia,serif;font-size:31px;line-height:1.15;margin-bottom:20px;color:var(--wine)}

.brands{background:var(--oat);padding:6vw 5vw 7vw;border-top:1px solid rgba(36,28,33,.12);border-bottom:1px solid rgba(36,28,33,.12)}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 50px;align-items:center;margin-top:3vw}
.brand-grid span{display:flex;align-items:center;justify-content:center;min-height:62px;text-align:center;font-size:clamp(18px,2.1vw,32px);font-weight:800;letter-spacing:-.035em;color:var(--ink);opacity:.76}
.brand-grid span:nth-child(4){font-style:italic;text-transform:lowercase}
.brand-grid span:nth-child(5){font-family:Georgia,serif;font-weight:700}
.brand-grid span:nth-child(8){font-family:Georgia,serif;letter-spacing:.02em}

.proof{padding:9vw 5vw;background:var(--white)}
.proof-head{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}
.proof-head p{font-size:18px;line-height:1.5}
.cases{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7vw;border-top:1px solid}
.cases div{padding:35px;border-right:1px solid;min-height:280px}
.cases div:last-child{border:0}
.cases b{color:var(--denim)}
.cases h3{font-size:30px}

.about{background:var(--yellow);padding:8vw 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}
.portrait-placeholder{aspect-ratio:4/5;background:var(--wine);border-radius:50% 50% 6px 6px;display:grid;place-items:center;color:var(--yellow);font-size:50px;font-weight:900;text-align:center;letter-spacing:-.06em}
.about>div:last-child>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:680px}
.about .bigline{font-family:Georgia,serif;font-size:28px!important;color:var(--wine)}

.contact{padding:9vw 5vw;background:var(--denim);color:white}
.contact h2{font-size:clamp(80px,14vw,220px);line-height:.75;letter-spacing:-.075em;margin:0}
.contact h2 span{color:var(--yellow)}
.contact>p:not(.eyebrow){font-size:21px;line-height:1.5;max-width:650px;margin:6vw 0 35px auto}
.contact-btn{display:block;width:max-content;margin-left:auto;background:var(--yellow);color:var(--wine);padding:20px 35px;border-radius:999px;text-decoration:none;font-weight:900;font-size:18px}
footer{padding:40px 5vw;display:flex;align-items:center;gap:30px;justify-content:space-between;background:var(--white)}
footer img{width:140px;height:65px;object-fit:contain}
footer p{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:800px){
  .nav nav>a:not(.pill){display:none}.brand img{width:125px}
  .hero{min-height:auto}.hero-content{padding-top:80px}.hero h1{font-size:20vw}
  .hero-bottom,.recognise,.services-head,.proof-head,.about,.creative-filter-grid{grid-template-columns:1fr}
  .hero-bottom{gap:35px}.recognise{gap:40px}
  .services article{margin-left:0;grid-template-columns:45px 1fr}
  .brand-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .cases{grid-template-columns:1fr}.cases div{border-right:0;border-bottom:1px solid;min-height:180px}
  .portrait-placeholder{max-width:420px}
  .contact>p:not(.eyebrow),.contact-btn{margin-left:0}
  footer{align-items:flex-start;flex-direction:column}
}

/* V3 — quieter luxury palette, burgundy as accent */
:root{
  --wine:#924e74;
  --yellow:#ffdfae;
  --sage:#aebdad;
  --denim:#60788b;
  --chalk:#f2f3f4;
  --oat:#f7f6f3;
  --ink:#202124;
  --white:#fbfbfa;
}
.nav{background:rgba(251,251,250,.94)}
.brand img{width:185px;height:68px;object-fit:contain;object-position:left center}
.hero{background:var(--chalk)}
.hero-media{background:var(--chalk)}
.hero-overlay{background:linear-gradient(180deg,rgba(32,33,36,.00),rgba(32,33,36,.035))}
.hero h1{color:var(--ink)}
.hero h1 span{color:var(--denim)}
.pill{border-color:var(--ink)}

.ticker.brand-ticker{background:var(--white);color:var(--ink);padding:22px 0;border-top:1px solid rgba(32,33,36,.12);border-bottom:1px solid rgba(32,33,36,.12)}
.logo-track{display:flex;align-items:center;gap:72px;width:max-content;animation:move 38s linear infinite;padding-left:72px}
.logo-track img{display:block;width:auto;height:30px;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.72}
.logo-track img[alt="Audi"]{height:27px}.logo-track img[alt="Disney"]{height:35px}.logo-track img[alt="adidas"]{height:32px}

.recognise h3 span{color:var(--denim)}
.statement{background:var(--oat);color:var(--ink);border-top:1px solid rgba(32,33,36,.1);border-bottom:1px solid rgba(32,33,36,.1)}
.statement h2{color:var(--ink)}
.statement h2 em{color:var(--wine)}
.statement-copy{color:var(--ink)}
.statement-copy .lead{color:var(--denim)}
.services article>span{color:var(--wine)}
.services h3{color:var(--ink)}
.creative-filter{background:#d7dfd7}
.creative-filter h2{color:var(--ink)}
.creative-filter h2 em{color:var(--wine)}
.creative-filter .filter-lead{color:var(--ink)}
.cases b{color:var(--wine)}
.about{background:var(--chalk)}
.portrait-placeholder{background:var(--sage);color:var(--ink)}
.about .bigline{color:var(--wine)}
.contact{background:var(--denim);color:white}
.contact h2 span{color:var(--yellow)}
.contact-btn{background:var(--white);color:var(--ink)}
footer{background:var(--white)}
footer img{width:185px;height:75px;object-position:left center}

@media(max-width:800px){
  .brand img{width:145px}.logo-track{gap:48px;padding-left:48px}.logo-track img{height:24px;max-width:105px}
}

/* V4 — joyful editorial palette: light, warm, design-led */
:root{
  --wine:#924e74;
  --yellow:#ffdfae;
  --lilac:#e8dcf7;
  --peach:#fcbcb2;
  --mint:#cfe6d6;
  --chalk:#f2f3f4;
  --cream:#fffaf3;
  --ink:#3b3035;
  --white:#fffdf9;
}
body{background:var(--cream);color:var(--ink)}
.nav{background:rgba(255,250,243,.94);border-bottom-color:rgba(59,48,53,.12)}
.pill{border-color:var(--wine);color:var(--wine)!important}
.hero{background:var(--yellow)}
.hero-media{background:var(--yellow)}
.hero-overlay{background:rgba(255,255,255,.02)}
.hero h1{color:var(--wine)}
.hero h1 span{color:var(--ink)}
.hero .eyebrow{color:var(--wine)}
.ticker.brand-ticker{background:var(--lilac);border-color:rgba(59,48,53,.1);padding:23px 0}
.logo-track img{filter:none;opacity:.82}
.recognise{background:var(--cream)}
.recognise h3 span{color:var(--wine)}
.statement{background:var(--lilac);color:var(--ink);border:0}
.statement h2,.statement-copy{color:var(--ink)}
.statement h2 em{color:var(--wine)}
.statement-copy .lead{color:var(--wine)}
.services{background:var(--white)}
.services article>span{color:var(--wine)}
.services h3{color:var(--ink)}
.creative-filter{background:var(--mint)}
.creative-filter h2{color:var(--ink)}
.creative-filter h2 em{color:var(--wine)}
.creative-filter .filter-lead{color:var(--wine)}
.proof{background:var(--cream)}
.cases b{color:var(--wine)}
.about{background:var(--peach)}
.portrait-placeholder{background:var(--yellow);color:var(--wine)}
.about .bigline{color:var(--wine)}
.contact{background:var(--lilac);color:var(--ink)}
.contact h2{color:var(--ink)}
.contact h2 span{color:var(--wine)}
.contact-btn{background:var(--wine);color:var(--white)}
footer{background:var(--yellow)}

/* V5 — brighter editorial balance, cleaner ink, larger masthead logo */
:root{
  --ink:#171719;
}
body{color:var(--ink)}

/* Let the logo feel like a proper masthead rather than a tiny nav mark */
.nav{
  min-height:156px;
  height:auto;
  padding:16px 4vw 14px;
  background:#fff;
  border-bottom:1px solid rgba(23,23,25,.10);
}
.brand{
  display:flex;
  align-items:center;
  width:min(46vw,620px);
  min-width:390px;
}
.brand img{
  width:100%;
  height:122px;
  object-fit:contain;
  object-position:left center;
}
.nav a{color:var(--ink)}

/* Keep large block type crisp rather than brown-toned */
.hero h1,
.hero h1 span,
.recognise h2,
.recognise h3,
.statement h2,
.services-head h2,
.creative-filter h2,
.proof h2,
.about h2,
.contact h2{
  color:var(--ink);
}
.hero h1{color:var(--wine)}
.hero h1 span{color:var(--ink)}

/* Service names are a signature burgundy moment */
.services h3{color:var(--wine)}

/* Keep the creative section joyful, but not over-coloured */
.creative-filter h2{color:var(--ink)}
.creative-filter h2 em{color:var(--wine)}

/* Results heading gets a deliberate colour moment */
.proof h2{color:var(--wine)}
.proof h2 em{color:var(--ink)}

/* Contact stays lilac and graphic, with black-led typography */
.contact h2{color:var(--ink)}
.contact h2 span{color:var(--wine)}

footer img{width:240px;height:100px}

@media(max-width:1000px){
  .brand{width:min(52vw,500px);min-width:300px}
  .brand img{height:105px}
  .nav nav{gap:18px}
}
@media(max-width:800px){
  .nav{min-height:116px;padding:10px 5vw}
  .brand{width:245px;min-width:0}
  .brand img{height:92px}
}


/* V6 — joyful design-agency palette with disciplined colour roles */
:root{
  --wine:#924e74;
  --yellow:#ffdfae;
  --lilac:#e8dcf7;
  --peach:#fcbcb2;
  --mint:#cfe6d6;
  --violet-ink:#8f6aa8;
  --green:#308887;
  --chalk:#f2f3f4;
  --cream:#fffaf3;
  --ink:#171719;
  --white:#fffdf9;
}

/* Larger, cleaner masthead — cropped logo artwork fills the available space */
.nav{min-height:142px;padding:10px 3.2vw 8px;background:#fff}
.brand{width:min(54vw,760px);min-width:480px;height:122px;overflow:visible}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.nav nav{gap:30px}

/* Hero remains video-ready. Blue replaces the heavy black display moment. */
.hero{background:var(--yellow)}
.hero-media{background:var(--yellow)}
.hero h1{color:var(--wine)}
.hero h1 span{color:var(--green)}
.hero-bottom h2{color:var(--ink)}

/* Client credentials stay playful and integrated near the top. */
.ticker.brand-ticker{background:var(--lilac)}

/* Strong display copy uses colour rather than acres of black. */
.recognise{background:var(--cream)}
.recognise h3{color:var(--violet-ink)}
.recognise h3 span{color:var(--wine)}

/* Break the lilac rhythm with optimistic flat yellow. */
.statement{background:var(--yellow);color:var(--ink)}
.statement h2{color:var(--green)}
.statement h2 em{color:var(--wine)}
.statement-copy{color:var(--ink)}
.statement-copy .lead{color:var(--wine)}

.services{background:var(--white)}
.services h3{color:var(--wine)}

/* Keep this section exactly in the softer green family that was working. */
.creative-filter{background:var(--mint)}
.creative-filter h2{color:var(--green)}
.creative-filter h2 em{color:var(--wine)}
.creative-filter .filter-lead{color:var(--wine)}

/* Results heading gets colour on both halves, not black. */
.proof{background:var(--cream)}
.proof h2{color:var(--violet-ink)}
.proof h2 em{color:var(--wine)}

/* Preserve the sections that were already landing well. */
.about{background:var(--peach)}
.about h2{color:var(--ink)}
.about h2 em,.about .bigline{color:var(--wine)}
.contact{background:var(--lilac);color:var(--ink)}
.contact h2{color:var(--green)}
.contact h2 span{color:var(--wine)}
.contact-btn{background:var(--wine);color:var(--white)}
footer{background:var(--yellow)}

@media(max-width:1100px){
  .brand{width:min(55vw,620px);min-width:380px;height:105px}
  .nav{min-height:124px}
  .nav nav{gap:18px}
}
@media(max-width:800px){
  .nav{min-height:100px;padding:7px 5vw}
  .brand{width:285px;min-width:0;height:82px}
  .hero h1 span{color:var(--green)}
}


/* V7 — real homepage portrait */
.portrait-photo{
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:48% 48% 8px 8px;
  background:var(--yellow);
}
.portrait-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:38% center;
}
@media(max-width:800px){
  .portrait-photo{max-width:420px}
}

/* V8 — softer creative colour balance */
/* Green replaces cobalt in the key oversized moments: calmer, warmer, less jarring. */
.hero h1 span{color:var(--green)}
.statement h2{color:var(--green)}
.statement h2 em{color:var(--wine)}
/* Keep the creativity/results section fresh using the established green palette. */
.creative-filter h2{color:var(--green)}
/* Bring me the problem returns to lilac; keep the lilac/green pairing. */
.contact{background:var(--lilac);color:var(--ink)}
.contact h2{color:var(--green)}
.contact h2 span{color:var(--wine)}

/* V9 — yellow pairings + portrait crop refinement */
/* The pale sage (#AEC5C1) is beautiful as a background, but too low-contrast on yellow.
   Use a softened lilac-violet ink for large display words instead. */
.hero h1 span{color:var(--violet-ink)}
.statement h2{color:var(--violet-ink)}
.statement h2 em{color:var(--wine)}

/* Keep these two in the dark-green / light-green family. */
.creative-filter h2{color:var(--green)}
.contact{background:var(--lilac)}
.contact h2{color:var(--green)}
.contact h2 span{color:var(--wine)}

/* Shift Katherine right within the arch so the full flower crown has breathing room. */
.portrait-photo img{object-position:27% center}

/* V11 copy + list refinements */
.problems{
  display:grid;
  gap:0;
}
.problems p{
  position:relative;
  margin:0;
  padding:18px 0 18px 42px;
  border-bottom:1px solid rgba(23,23,25,.18);
  font-weight:650;
}
.problems p::before{
  content:"✦";
  position:absolute;
  left:0;
  top:16px;
  color:var(--wine);
  font-size:18px;
  line-height:1;
}
.services article .takeaway{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(23,23,25,.18);
}
.services article .takeaway strong{color:var(--wine)}
.creative-filter .approach-line{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(23,23,25,.18);
  font-weight:700;
  color:var(--green);
}
.about-rhythm{margin:28px 0}
.about-rhythm p{margin:0 0 10px}

/* V12 — photo-derived slate + cleaner footer */
/* A softened slate-blue sampled from the blue-grey bricks in Katherine's portrait. */
.statement h2{color:var(--brick-slate)}
.statement h2 em{color:var(--wine)}
/* The masthead logo contains pale yellow, so give it a quiet neutral footer canvas. */
footer{background:var(--cream)}

/* V13 — brand principle strip + real-world proof */
.approach-strip{
  padding:24px var(--site-gutter);
  background:var(--brick-slate);
  color:var(--white);
  overflow:hidden;
}
.approach-strip p{
  margin:0;
  font-size:clamp(17px,1.7vw,25px);
  line-height:1.15;
  letter-spacing:.035em;
  font-weight:800;
  text-align:center;
}
.approach-strip span{color:var(--yellow)}
.proof-head p{max-width:430px}
.case-studies{border-color:rgba(23,23,25,.25)}
.case-studies .case-card{
  padding:clamp(26px,3vw,44px);
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.case-brand{
  margin:0 0 36px;
  font-size:12px!important;
  letter-spacing:.16em;
  font-weight:800;
  color:var(--brick-slate);
}
.case-number{
  display:block;
  font-size:clamp(64px,7vw,112px);
  line-height:.82;
  letter-spacing:-.07em;
  color:var(--brick-slate);
}
.case-result{
  margin:14px 0 38px!important;
  font-family:var(--font-serif);
  font-size:22px!important;
  font-style:italic;
  color:var(--wine);
}
.case-studies h3{margin:0 0 16px;font-size:clamp(26px,2.2vw,34px);line-height:1.02}
.case-studies .case-card>p:not(.case-brand):not(.case-result){font-size:16px;line-height:1.55}
.case-detail{margin-top:auto!important;padding-top:28px;border-top:1px solid rgba(23,23,25,.18)}
@media(max-width:800px){
  .approach-strip{padding-top:18px;padding-bottom:18px}
  .case-studies .case-card{min-height:0}
  .case-detail{margin-top:28px!important}
}

/* V14: robust editorial brand ticker (no external image dependencies) */
.wordmark-track{display:flex;align-items:center;gap:clamp(42px,6vw,92px);width:max-content;white-space:nowrap}
.brand-wordmark{font-family:var(--font-sans);font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:800;letter-spacing:-.035em;color:var(--wine);white-space:nowrap}
.brand-wordmark:nth-child(4n+2){font-family:var(--font-serif);font-weight:700}
.brand-wordmark:nth-child(4n+3){letter-spacing:.02em}


/* V15: tighter editorial rhythm for case studies */
.case-studies .case-card{min-height:0;}
.case-studies .case-card>p:not(.case-brand):not(.case-result):not(.case-detail){margin:0 0 20px;}
.case-detail{margin-top:0!important;padding-top:18px;border-top:1px solid rgba(23,23,25,.18);}
.case-detail strong{font-size:.78em;letter-spacing:.08em;color:var(--wine);}
@media(max-width:800px){.case-detail{margin-top:0!important;}}

/* V16: immediate offer clarity */
.offer-signpost{
  margin:18px 0 12px;
  font-size:clamp(.82rem,1.05vw,1rem);
  line-height:1.35;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:var(--wine);
}

/* V17: give the Good businesses statement its own warm visual beat */
.statement{background:var(--peach);}
.statement h2{color:var(--wine);}
.statement h2 em{color:var(--violet-ink);}

/* V19: service pages */
.service-page { background: var(--cream); color: var(--ink); }
.service-page .nav { position: relative; }
.service-hero { padding: 8vw var(--site-gutter) 7vw; min-height: 70vh; display:grid; align-content:end; gap:2rem; }
.service-hero .service-number { font-size:.85rem; letter-spacing:.16em; font-weight:700; }
.service-hero h1 { margin:0; max-width:1100px; font-size:clamp(4rem,10vw,9rem); line-height:.84; letter-spacing:-.065em; }
.service-hero h1 em { font-family:var(--font-serif); font-weight:400; }
.service-hero .service-intro { max-width:720px; margin-left:auto; font-size:clamp(1.2rem,2vw,1.65rem); line-height:1.45; }
.service-hero.brainstorm { background:var(--yellow); }
.service-hero.brainstorm h1 em { color:var(--wine); }
.service-hero.strategy { background:var(--mint); }
.service-hero.strategy h1 em { color:#216f6e; }
.service-hero.growth { background:var(--lilac); }
.service-hero.growth h1 em { color:var(--wine); }
.service-section { padding:7vw var(--site-gutter); }
.service-section.white { background:var(--white); }
.service-section.peach { background:var(--peach); }
.service-section.mint { background:var(--mint); }
.service-section.lilac { background:var(--lilac); }
.service-grid { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr); gap:7vw; align-items:start; }
.service-grid h2 { margin:0; font-size:clamp(2.8rem,6vw,6.3rem); line-height:.92; letter-spacing:-.05em; }
.service-copy { max-width:760px; font-size:1.15rem; line-height:1.62; }
.service-copy p:first-child { margin-top:0; }
.thoughts { display:grid; gap:0; margin-top:2rem; border-top:1px solid rgba(23,23,25,.22); }
.thoughts p { margin:0; padding:1.05rem 0; border-bottom:1px solid rgba(23,23,25,.22); font-family:var(--font-serif); font-style:italic; font-size:clamp(1.25rem,2.2vw,2rem); }
.big-quote { padding:5vw var(--site-gutter); background:var(--wine); color:var(--white); display:grid; grid-template-columns:auto 1fr; gap:2vw; align-items:start; }
.big-quote .quote-mark { font-family:var(--font-serif); font-size:clamp(7rem,16vw,16rem); line-height:.55; }
.big-quote p { margin:0; max-width:1000px; font-size:clamp(2.5rem,5.8vw,6rem); line-height:.95; letter-spacing:-.04em; }
.steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(23,23,25,.18); border:1px solid rgba(23,23,25,.18); }
.step { background:var(--white); padding:2rem; }
.step h3 { margin:.2rem 0 .8rem; font-size:1.7rem; }
.step p { margin:0; line-height:1.55; }
.investment { padding:6vw var(--site-gutter); background:var(--yellow); display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:end; }
.investment h2 { margin:0; font-size:clamp(3rem,7vw,7rem); line-height:.9; letter-spacing:-.055em; }
.investment .price { margin:.5rem 0; color:var(--wine); font-size:clamp(3rem,6vw,6rem); font-weight:700; line-height:1; }
.investment p { max-width:620px; line-height:1.55; }
.service-cta { padding:7vw var(--site-gutter); background:var(--lilac); text-align:center; }
.service-cta h2 { margin:0 auto 2rem; max-width:1000px; font-size:clamp(3rem,7vw,7rem); line-height:.92; letter-spacing:-.05em; }
.service-cta .pill { display:inline-block; }
.phone-note { display:flex; gap:1rem; align-items:center; justify-content:center; margin-bottom:1.5rem; font-weight:700; }
.phone-icon { width:54px; height:54px; border:2px solid currentColor; border-radius:50%; display:grid; place-items:center; font-size:1.5rem; transform:rotate(-8deg); }
.service-page footer { padding:2rem var(--site-gutter); }
@media (max-width:800px){
 .service-grid,.investment{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.service-hero{min-height:auto;padding-top:5rem}.big-quote{grid-template-columns:1fr}.big-quote .quote-mark{height:4rem}.service-hero .service-intro{margin-left:0}
}
/* Keep the new V18 hero statement above the ticker rather than swallowing the screen. */
.hero-content > h1 { font-size:clamp(3.7rem,8.1vw,8.5rem); }

/* V20: quieter, premium internal service pages */
.service-page{background:var(--cream);}
.service-switcher{
  display:flex; justify-content:center; gap:2rem; flex-wrap:wrap;
  padding:1.15rem var(--site-gutter); background:var(--white);
  border-top:1px solid rgba(23,23,25,.08); border-bottom:1px solid rgba(23,23,25,.12);
}
.service-switcher a{font-size:.84rem; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; color:var(--ink); padding:.25rem 0; border-bottom:1px solid transparent;}
.service-creative .service-switcher [data-service="creative"],
.service-strategy .service-switcher [data-service="strategy"],
.service-growth .service-switcher [data-service="growth"]{color:var(--wine); border-color:currentColor;}

.service-hero{min-height:auto; padding:6.5vw var(--site-gutter) 5.5vw; gap:1.5rem; background:var(--cream)!important; border-bottom:1px solid rgba(23,23,25,.1);}
.service-hero h1{font-size:clamp(3.6rem,7vw,7rem); line-height:.9; letter-spacing:-.045em; font-weight:650;}
.service-hero .service-intro{font-size:clamp(1.08rem,1.45vw,1.35rem); line-height:1.6; max-width:690px;}
.service-hero.brainstorm h1 em{color:var(--violet-ink);}
.service-hero.strategy h1 em{color:#216f6e;}
.service-hero.growth h1 em{color:var(--wine);}

.service-section{padding:6vw var(--site-gutter);}
.service-section.white,.service-section.peach,.service-section.mint,.service-section.lilac{background:var(--white);}
.service-section:nth-of-type(even){background:var(--cream);}
.service-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.45fr); gap:8vw;}
.service-grid h2{font-size:clamp(2.35rem,4.3vw,4.6rem); line-height:.98; letter-spacing:-.035em; font-weight:600;}
.service-copy{font-size:1.08rem; line-height:1.72;}
.thoughts p{font-size:clamp(1.15rem,1.7vw,1.55rem); line-height:1.35; padding:1rem 0;}

.big-quote{margin:0; padding:4.5vw var(--site-gutter); background:var(--cream); color:var(--ink); border-top:1px solid rgba(23,23,25,.1); border-bottom:1px solid rgba(23,23,25,.1);}
.big-quote .quote-mark{font-size:clamp(5rem,9vw,9rem); color:var(--wine); opacity:.9;}
.big-quote p{font-family:var(--font-serif); font-style:italic; font-size:clamp(2rem,3.8vw,4rem); line-height:1.05; letter-spacing:-.025em; max-width:900px;}
.service-strategy .big-quote .quote-mark,.service-strategy .big-quote p strong{color:#216f6e;}
.service-creative .big-quote .quote-mark{color:var(--violet-ink);}

.steps{background:rgba(23,23,25,.12); border-color:rgba(23,23,25,.12);}
.step{padding:1.7rem; background:var(--cream);}
.step h3{font-size:1.35rem;}

.investment{padding:5vw var(--site-gutter); background:var(--cream); border-top:1px solid rgba(23,23,25,.12); border-bottom:1px solid rgba(23,23,25,.12); align-items:center;}
.investment h2{font-size:clamp(2.6rem,4.8vw,5rem); line-height:.98; letter-spacing:-.04em;}
.investment .price{font-size:clamp(2.8rem,4.5vw,4.8rem);}
.service-strategy .investment .price{color:#216f6e;}
.service-creative .investment .price{color:var(--violet-ink);}

.service-next{padding:5vw var(--site-gutter); background:var(--white);}
.service-next h2{margin:.4rem 0 2rem; font-family:var(--font-serif); font-weight:400; font-style:italic; font-size:clamp(2rem,3.6vw,3.8rem);}
.service-next-links{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(23,23,25,.16);}
.service-next-links a{display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.5rem .2rem; border-bottom:1px solid rgba(23,23,25,.16); text-decoration:none; color:var(--ink); font-size:clamp(1.15rem,1.8vw,1.55rem);}
.service-next-links a:first-child{margin-right:2rem;}
.service-next-links a b{font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--wine);}

.service-cta{padding:5vw var(--site-gutter); background:var(--lilac);}
.service-cta h2{font-size:clamp(2.8rem,5vw,5rem);}
.phone-icon{width:46px;height:46px;font-size:1.2rem;}

@media(max-width:800px){
 .service-switcher{justify-content:flex-start;gap:1rem 1.4rem;}
 .service-grid{grid-template-columns:1fr;gap:2rem;}
 .service-next-links{grid-template-columns:1fr;}
 .service-next-links a:first-child{margin-right:0;}
 .service-hero{padding-top:3.5rem;}
}


/* V21: one editorial image + one restrained testimonial per service page */
.service-photo-break{padding:5vw var(--site-gutter) 2.5vw;background:var(--cream);}
.service-photo{margin:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(180px,.45fr);gap:2rem;align-items:end;}
.service-photo img{display:block;width:100%;height:clamp(330px,43vw,620px);object-fit:cover;border-radius:2px;}
.service-photo figcaption{max-width:260px;padding-bottom:.6rem;font-family:var(--font-serif);font-size:clamp(1.35rem,2vw,2rem);font-style:italic;line-height:1.18;}
.service-photo-creative img{object-position:center 42%;}
.service-photo-strategy img{object-position:center 43%;}
.service-photo-growth img{object-position:center 48%;}
.testimonial-wrap{padding:2.5vw var(--site-gutter) 5.5vw;background:var(--cream);}
.testimonial-bubble{position:relative;margin:0 0 0 auto;max-width:900px;padding:clamp(2rem,4vw,4rem) clamp(2rem,4.5vw,4.6rem);background:var(--white);border:1px solid rgba(23,23,25,.1);border-radius:48px 48px 48px 10px;box-shadow:0 14px 45px rgba(23,23,25,.045);}
.testimonial-bubble:after{content:"";position:absolute;left:32px;bottom:-22px;width:34px;height:34px;background:var(--white);border-left:1px solid rgba(23,23,25,.1);border-bottom:1px solid rgba(23,23,25,.1);transform:skewY(-35deg) rotate(-8deg);}
.testimonial-mark{position:absolute;right:clamp(1.6rem,3vw,3rem);top:.7rem;font-family:var(--font-serif);font-size:clamp(5rem,9vw,9rem);line-height:1;color:var(--violet-ink);opacity:.16;}
.testimonial-bubble p{position:relative;margin:0;font-family:var(--font-serif);font-size:clamp(1.6rem,2.7vw,2.75rem);line-height:1.16;letter-spacing:-.02em;}
.testimonial-bubble footer{position:relative;margin-top:1.6rem;padding:0;background:none!important;display:flex;gap:.45rem 1rem;flex-wrap:wrap;align-items:baseline;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;}
.testimonial-bubble footer span{opacity:.62;}
.service-strategy .testimonial-mark{color:#216f6e;}
.service-growth .testimonial-mark{color:var(--wine);}
.service-creative .testimonial-bubble{border-top:3px solid rgba(143,106,168,.55);}
.service-strategy .testimonial-bubble{border-top:3px solid rgba(48,136,135,.48);}
.service-growth .testimonial-bubble{border-top:3px solid rgba(146,78,116,.48);}
@media(max-width:800px){
 .service-photo-break{padding-top:3.5rem;}
 .service-photo{grid-template-columns:1fr;gap:1rem;}
 .service-photo img{height:58vw;min-height:310px;}
 .service-photo figcaption{max-width:420px;}
 .testimonial-wrap{padding-top:2rem;padding-bottom:4rem;}
 .testimonial-bubble{border-radius:32px 32px 32px 8px;}
}


/* V22: integrate service photography into the existing thinking section */
.service-thinking .service-grid{align-items:start;}
.thinking-visual{min-width:0;}
.thinking-visual h2{margin-bottom:clamp(2rem,4vw,3.5rem);}
.thinking-photo{margin:0;max-width:420px;}
.thinking-photo img{display:block;width:100%;height:clamp(330px,36vw,500px);object-fit:cover;}
.thinking-photo figcaption{margin-top:1rem;max-width:320px;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.25;opacity:.72;}
/* Different crops, same restrained visual language */
.thinking-photo-creative img{clip-path:polygon(7% 0,100% 0,100% 91%,86% 100%,0 100%,0 9%);object-position:center 42%;}
.thinking-photo-strategy img{border-radius:999px 999px 18px 18px;object-position:center 43%;}
.thinking-photo-growth img{border-radius:48% 48% 10px 10px / 32% 32% 10px 10px;object-position:center 48%;}
/* Match the homepage problem-list language so these read as bullets, not accordions */
.thoughts{margin-top:0;border-top:0;}
.thoughts p{position:relative;padding:1.05rem 0 1.05rem 2.35rem;border-bottom:1px solid rgba(23,23,25,.16);}
.thoughts p:first-child{border-top:1px solid rgba(23,23,25,.16);}
.thoughts p::before{content:"✦";position:absolute;left:0;top:1.18rem;color:var(--wine);font-family:var(--font-sans);font-style:normal;font-size:.92rem;line-height:1;}
.service-strategy .thoughts p::before{color:var(--green);}
.service-growth .thoughts p::before{color:var(--wine);}
/* Retire the V21 standalone photo treatment */
.service-photo-break{display:none;}
@media(max-width:760px){
 .thinking-visual{display:grid;grid-template-columns:1fr;}
 .thinking-photo{max-width:360px;margin-bottom:.5rem;}
 .thinking-photo img{height:min(110vw,460px);}
 .thinking-photo figcaption{margin-bottom:.5rem;}
 .service-thinking .service-grid{gap:2.2rem;}
}

/* V23: integrated editorial photography, inspired by premium portrait/editorial layouts */
.service-thinking-editorial{
  position:relative;
  min-height:clamp(650px,62vw,860px);
  overflow:hidden;
  background-color:var(--cream);
  background-repeat:no-repeat;
  background-size:cover;
  border-top:1px solid rgba(23,23,25,.08);
  border-bottom:1px solid rgba(23,23,25,.08);
}
.thinking-editorial-inner{width:min(1180px,88vw);margin:0 auto;min-height:inherit;display:flex;align-items:center;position:relative;z-index:1;padding:6rem 0;}
.thinking-editorial-copy{width:min(570px,49%);}
.thinking-editorial-copy h2{font-size:clamp(2.8rem,5.2vw,5.6rem);line-height:.94;margin:0 0 2rem;}
.thinking-editorial-copy .thoughts{background:rgba(255,250,243,.78);backdrop-filter:blur(2px);padding:0 1.25rem;}
.thinking-editorial-copy .thoughts p{font-size:clamp(1.08rem,1.45vw,1.42rem);}
.thinking-creative{background-image:linear-gradient(90deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.93) 43%,rgba(255,253,249,.20) 66%,rgba(255,253,249,0) 100%),url('assets/creative-editorial.jpg');background-position:center center;}
.thinking-creative .thinking-editorial-copy{margin-left:0;}
.thinking-strategy{background-image:linear-gradient(90deg,rgba(255,253,249,0) 0%,rgba(255,253,249,.12) 39%,rgba(255,253,249,.94) 61%,rgba(255,253,249,.99) 100%),url('assets/strategy-editorial.jpg');background-position:center center;}
.thinking-strategy .thinking-editorial-copy{margin-left:auto;}
.thinking-growth{background-image:linear-gradient(90deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.92) 44%,rgba(255,253,249,.16) 66%,rgba(255,253,249,0) 100%),url('assets/growth-editorial.jpg');background-position:center center;}
.thinking-growth .thinking-editorial-copy{margin-left:0;}
@media(max-width:760px){
 .service-thinking-editorial{min-height:auto;background-size:auto 58%;background-position:center top;padding-top:56vw;}
 .thinking-creative,.thinking-growth,.thinking-strategy{background-image:none;position:relative;padding-top:0;}
 .thinking-creative::before,.thinking-growth::before,.thinking-strategy::before{content:"";display:block;height:70vw;max-height:470px;background-repeat:no-repeat;background-size:cover;background-position:center;}
 .thinking-creative::before{background-image:url('assets/creative-editorial.jpg');background-position:54% 45%;}
 .thinking-strategy::before{background-image:url('assets/strategy-editorial.jpg');background-position:38% 43%;}
 .thinking-growth::before{background-image:url('assets/growth-editorial.jpg');background-position:64% 40%;}
 .thinking-editorial-inner{width:min(88vw,620px);padding:3.5rem 0;min-height:auto;}
 .thinking-editorial-copy{width:100%;margin:0!important;}
 .thinking-editorial-copy .thoughts{background:transparent;backdrop-filter:none;padding:0;}
}

/* V24 About Katherine */
.about-page{background:var(--cream);color:var(--ink);}
.about-page .nav a[aria-current="page"]{border-bottom:1px solid currentColor;}
.about-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:stretch;background:var(--cream);overflow:hidden;}
.about-hero-copy{padding:clamp(5rem,9vw,9rem) 5vw 6rem max(var(--site-gutter),6vw);align-self:center;position:relative;z-index:2;}
.about-hero h1{font-family:var(--font-serif);font-size:clamp(4rem,7vw,7.8rem);line-height:.88;letter-spacing:-.055em;margin:.8rem 0 2.4rem;font-weight:400;}
.about-hero h1 em{color:var(--wine);font-weight:400;}
.about-hero-lead{font-family:var(--font-serif);font-size:clamp(1.55rem,2.35vw,2.35rem);line-height:1.2;max-width:720px;margin-bottom:1.6rem;}
.about-hero-copy>p:last-child{max-width:610px;font-size:1.08rem;line-height:1.7;}
.about-hero-image{margin:0;min-height:100%;position:relative;overflow:hidden;}
.about-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(255,250,243,.42) 10%,transparent 28%);pointer-events:none;}
.about-hero-image img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block;}
.about-belief,.about-career,.about-now{padding:clamp(5rem,9vw,9rem) var(--site-gutter);}
.about-belief{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:var(--white);}
.about-belief>div{max-width:850px;}
.about-belief h2,.about-career h2,.about-now h2,.about-final h2{font-family:var(--font-serif);font-weight:400;letter-spacing:-.04em;line-height:.98;font-size:clamp(3rem,5.5vw,6rem);margin:.4rem 0 2.3rem;}
.about-belief h2 em,.about-career h2 em,.about-now h2 em,.about-final h2 em{color:var(--wine);font-weight:400;}
.about-belief .lead{font-family:var(--font-serif);font-size:clamp(1.5rem,2.25vw,2.3rem);line-height:1.24;}
.about-belief p:not(.eyebrow){max-width:740px;line-height:1.7;}
.about-pull{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.55rem,2.4vw,2.5rem)!important;line-height:1.2!important;color:var(--green);margin-top:2.2rem;}
.about-career{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:var(--lilac);}
.about-career-copy{padding-top:3rem;max-width:720px;}
.about-career-copy p{font-size:1.08rem;line-height:1.75;margin:0 0 1.45rem;}
.about-proof{padding:clamp(4.5rem,7vw,7rem) var(--site-gutter);background:var(--cream);}
.about-proof blockquote{position:relative;max-width:980px;margin:0 auto;padding:0 4vw;text-align:center;}
.about-proof blockquote>span{display:block;font-family:var(--font-serif);font-size:8rem;line-height:.55;color:var(--yellow);}
.about-proof blockquote p{font-family:var(--font-serif);font-size:clamp(2.2rem,4.4vw,4.8rem);line-height:1.04;letter-spacing:-.035em;margin:1rem 0 2rem;}
.about-proof footer{background:none!important;padding:0!important;display:block!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;}
.about-proof footer small{display:block;margin-top:.4rem;opacity:.58;font-size:.75rem;}
.about-now{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background:var(--peach);}
.about-now figure{margin:0;overflow:hidden;border-radius:50% 50% 4px 4px / 30% 30% 4px 4px;max-width:560px;}
.about-now figure img{width:100%;height:clamp(520px,48vw,720px);object-fit:cover;object-position:center 48%;display:block;}
.about-now>div{max-width:760px;}
.about-now>div>p:not(.eyebrow):not(.about-pull){font-size:1.05rem;line-height:1.72;}
.about-final{text-align:center;padding:clamp(6rem,10vw,10rem) var(--site-gutter);background:var(--cream);}
.about-final h2{max-width:980px;margin:1rem auto 2rem;}
.about-final>p:not(.eyebrow){max-width:650px;margin:0 auto 2.5rem;font-family:var(--font-serif);font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.35;}
@media(max-width:800px){
 .about-hero{grid-template-columns:1fr;min-height:auto;}
 .about-hero-copy{padding:4rem var(--site-gutter) 3rem;}
 .about-hero h1{font-size:clamp(3.6rem,15vw,6rem);}
 .about-hero-image{height:72vw;max-height:600px;}
 .about-hero-image:after{background:linear-gradient(180deg,var(--cream) 0%,transparent 18%);}
 .about-belief,.about-career,.about-now{grid-template-columns:1fr;gap:2rem;}
 .about-career-copy{padding-top:0;}
 .about-now figure{max-width:460px;}
 .about-now figure img{height:min(120vw,620px);}
}

/* V25 About hero refinement: let the original "hello" photograph lead */
.about-page .about-hero{
  min-height:720px;
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr);
  background:var(--cream);
  align-items:stretch;
}
.about-page .about-hero-image{grid-column:1;grid-row:1;min-width:0;overflow:hidden;}
.about-page .about-hero-image:after{background:linear-gradient(90deg,transparent 72%,rgba(255,250,243,.35) 86%,var(--cream) 100%);}
.about-page .about-hero-image img{width:100%;height:100%;object-fit:cover;object-position:48% center;}
.about-page .about-hero-copy{grid-column:2;grid-row:1;align-self:center;padding:5rem max(var(--site-gutter),6vw) 5rem clamp(2rem,4vw,5rem);}
.about-page .about-hero-lead{margin:0 0 1.6rem;font-size:clamp(1.75rem,2.5vw,2.65rem);line-height:1.18;}
@media(max-width:800px){
  .about-page .about-hero{grid-template-columns:1fr;}
  .about-page .about-hero-image{grid-column:1;grid-row:1;height:auto;aspect-ratio:4/3;}
  .about-page .about-hero-image:after{background:linear-gradient(180deg,transparent 72%,var(--cream) 100%);}
  .about-page .about-hero-image img{object-position:center center;}
  .about-page .about-hero-copy{grid-column:1;grid-row:2;padding:2.5rem var(--site-gutter) 4rem;}
}

/* V26 About hero: restore Katherine to the right and let the handwritten hello breathe */
.about-page .about-hero{
  position:relative;
  display:block;
  min-height:760px;
  background:var(--cream);
  overflow:hidden;
}
.about-page .about-hero-image{
  position:absolute;
  inset:0;
  margin:0;
  width:100%;
  height:100%;
}
.about-page .about-hero-image:after{
  background:linear-gradient(90deg,rgba(255,250,243,.10) 0%,rgba(255,250,243,.02) 48%,transparent 66%);
}
.about-page .about-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.about-page .about-hero-copy{
  position:relative;
  z-index:2;
  width:min(43vw,650px);
  margin-left:max(var(--site-gutter),6vw);
  padding:31rem 0 5rem;
}
.about-page .about-hero-lead{
  margin:0 0 1.35rem;
  font-size:clamp(1.55rem,2.15vw,2.35rem);
  line-height:1.2;
  max-width:590px;
}
.about-page .about-hero-copy>p:last-child{max-width:540px;}
@media(max-width:800px){
  .about-page .about-hero{display:grid;grid-template-columns:1fr;min-height:auto;}
  .about-page .about-hero-image{position:relative;inset:auto;grid-row:1;height:auto;aspect-ratio:4/3;}
  .about-page .about-hero-image:after{background:linear-gradient(180deg,transparent 75%,var(--cream) 100%);}
  .about-page .about-hero-image img{object-position:center center;}
  .about-page .about-hero-copy{grid-row:2;width:auto;margin:0;padding:2rem var(--site-gutter) 4rem;}
}

/* V27 Tuesday Test */
.tuesday-test{background:var(--wine);color:var(--white);padding:clamp(4rem,8vw,8rem) var(--site-gutter);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(2rem,7vw,8rem);align-items:end}
.tuesday-test .eyebrow{color:var(--yellow)}
.tuesday-test h2{margin:.4rem 0 1rem;font-size:clamp(3rem,6vw,7rem);line-height:.86;letter-spacing:-.05em}
.tuesday-test h2 em{font-family:var(--serif);font-weight:400}
.tuesday-test .test-kicker{font-size:clamp(1.15rem,1.7vw,1.5rem);max-width:32rem;line-height:1.4}
.tuesday-test-form{display:grid;gap:.8rem;max-width:36rem}
.tuesday-test-form label{font-weight:700;font-size:1rem}
.tuesday-test-form input{width:100%;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;padding:.85rem .1rem;font:inherit;border-radius:0;outline:none}
.tuesday-test-form input::placeholder{color:rgba(255,255,255,.65)}
.tuesday-test-form button{justify-self:start;margin-top:.7rem;border:0;background:var(--yellow);color:var(--ink);padding:1rem 1.35rem;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}
.tuesday-test small{display:block;opacity:.72;line-height:1.4;margin-top:.4rem}

/* Footer test strip on internal pages */
.footer-test{background:var(--cream);padding:3.2rem var(--site-gutter);display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid rgba(23,23,25,.12)}
.footer-test p{margin:0}.footer-test strong{display:block;font-size:clamp(1.4rem,2.5vw,2.4rem);letter-spacing:-.03em}.footer-test span{display:block;margin-top:.3rem;opacity:.72}
.footer-test a{white-space:nowrap}

/* Tuesday Test landing popup */
.test-popup{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:1.25rem;background:rgba(23,23,25,.34);backdrop-filter:blur(4px)}
.test-popup.is-open{display:grid}
.test-popup-card{position:relative;width:min(920px,94vw);background:var(--cream);box-shadow:0 28px 80px rgba(23,23,25,.22);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:2px}
.test-popup-art{background:var(--yellow);padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:space-between;min-height:520px}
.test-popup-art .mini{font-size:.75rem;font-weight:800;letter-spacing:.16em}.test-popup-art strong{font-size:clamp(3.8rem,7vw,7rem);line-height:.78;letter-spacing:-.07em}.test-popup-art strong em{display:block;font-family:var(--serif);font-weight:400;color:var(--wine)}
.test-popup-copy{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.test-popup-copy h2{font-size:clamp(2rem,3.6vw,3.7rem);line-height:.98;margin:0 0 1rem;letter-spacing:-.045em}.test-popup-copy p{font-size:1.08rem;line-height:1.55}.test-popup-copy .tuesday-test-form button{background:var(--wine);color:var(--white)}.test-popup-copy .tuesday-test-form input::placeholder{color:rgba(23,23,25,.48)}
.test-popup-close{position:absolute;right:1rem;top:.8rem;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:var(--ink);z-index:2}

/* Other ways */
.otherways-page main{background:var(--cream)}
.otherways-hero{padding:clamp(6rem,12vw,11rem) var(--site-gutter) clamp(4rem,8vw,7rem);max-width:1500px;margin:auto}.otherways-hero h1{font-size:clamp(4rem,9vw,10rem);line-height:.82;letter-spacing:-.065em;margin:.5rem 0 2rem}.otherways-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--wine)}.otherways-hero .lead{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.45;max-width:760px}
.otherways-list{max-width:1500px;margin:auto;padding:0 var(--site-gutter) 7rem}.otherway{display:grid;grid-template-columns:110px minmax(0,.8fr) minmax(300px,1fr);gap:clamp(1.5rem,5vw,6rem);padding:4rem 0;border-top:1px solid rgba(23,23,25,.18);align-items:start}.otherway-num{font-weight:800;color:var(--wine)}.otherway h2{font-size:clamp(2.4rem,4.5vw,5rem);line-height:.95;margin:0}.otherway-copy p{font-size:1.08rem;line-height:1.65;margin-top:0}.otherway-copy .textlink{display:inline-block;margin-top:1rem}.otherways-note{background:var(--lilac);padding:clamp(4rem,8vw,7rem) var(--site-gutter);text-align:center}.otherways-note h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.95;margin:.5rem auto 1.5rem;max-width:900px}.otherways-note p{max-width:680px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.6}

@media(max-width:800px){.tuesday-test{grid-template-columns:1fr}.footer-test{align-items:flex-start;flex-direction:column}.test-popup-card{grid-template-columns:1fr}.test-popup-art{min-height:250px}.test-popup-art strong{font-size:4.5rem}.otherway{grid-template-columns:1fr;gap:1rem}.otherway-num{margin-bottom:.5rem}}
/* V28: documentary speaking proof + Hello Tuesday brand portrait */
.otherway-speaking{grid-template-columns:110px minmax(0,.8fr) minmax(300px,1fr);}
.otherway-speaking .speaking-proof{grid-column:2 / -1;margin:1.5rem 0 0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);gap:1.1rem;align-items:end;max-width:980px}
.speaking-proof img{display:block;width:100%;object-fit:cover}
.speaking-main{aspect-ratio:16/8.2;object-position:center 46%;filter:saturate(.82) contrast(.96)}
.speaking-inset{aspect-ratio:4/5;object-position:center 38%;transform:translateY(2.2rem);box-shadow:0 18px 45px rgba(23,23,25,.12)}
.speaking-proof figcaption{grid-column:1 / 2;display:flex;gap:.45rem 1rem;flex-wrap:wrap;padding-top:.15rem;font-size:.86rem;line-height:1.4;color:rgba(23,23,25,.7)}
.speaking-proof figcaption strong{color:var(--wine);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}
.otherways-creative{max-width:1500px;margin:0 auto 7rem;padding:0 var(--site-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:clamp(3rem,8vw,9rem);align-items:center}
.otherways-creative-copy{padding:clamp(2rem,4vw,4rem) 0}.otherways-creative h2{font-size:clamp(2.7rem,5.4vw,6rem);line-height:.92;letter-spacing:-.045em;margin:.65rem 0 1.6rem}.otherways-creative h2 em{font-family:var(--serif);font-weight:400;color:var(--wine)}.otherways-creative p:not(.eyebrow){font-size:1.12rem;line-height:1.65;max-width:680px}.otherways-creative img{width:100%;max-width:430px;justify-self:end;border-radius:50%;box-shadow:0 18px 55px rgba(146,78,116,.12)}
@media(max-width:800px){.otherway-speaking .speaking-proof{grid-column:1;grid-template-columns:1fr;margin-top:1rem}.speaking-main{aspect-ratio:4/3}.speaking-inset{display:none}.speaking-proof figcaption{grid-column:1}.otherways-creative{grid-template-columns:1fr;gap:1.5rem}.otherways-creative img{justify-self:start;max-width:320px}}

/* V29 launch polish */
.speaking-proof{position:relative;max-width:760px;margin-inline:auto}.speaking-main.speaking-arch{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 42%;border-radius:48% 48% 18px 18px / 34% 34% 18px 18px}.speaking-proof figcaption{margin-top:1rem}.otherways-creative img{border-radius:0!important;clip-path:none!important;aspect-ratio:1/1!important;object-fit:contain!important}.footer-location{max-width:38rem}.footer-instagram,.footer-test-link{display:inline-block;margin:.4rem .9rem .4rem 0;text-decoration:underline;text-underline-offset:4px}

/* V30 launch-polish: navigation, mobile, footer, proof and work */
.nav{z-index:1000}.desktop-nav{display:flex;align-items:center}.nav-dropdown{position:relative}.nav-drop-button{appearance:none;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;padding:.65rem 0}.nav-drop-button span{font-size:.8em;margin-left:.25rem}.nav-menu{position:absolute;left:-1.2rem;top:calc(100% + .3rem);min-width:270px;background:var(--cream);border:1px solid rgba(23,23,25,.12);box-shadow:0 18px 45px rgba(23,23,25,.1);padding:.8rem;display:grid;gap:.1rem;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease;z-index:2000}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}.nav-menu a{padding:.72rem .8rem!important;white-space:nowrap}.nav-menu a:hover{background:var(--lilac)}.nav-menu-rule{height:1px;background:rgba(23,23,25,.12);margin:.35rem .6rem}.mobile-nav{display:none}

/* Actual logo ticker: transparent brand marks, deliberately monochrome-ish through CSS */
.brand-ticker{overflow:hidden}.brand-ticker .logo-track{display:flex;align-items:center;gap:clamp(2.8rem,6vw,6.5rem);width:max-content;animation:ticker 36s linear infinite;padding:1.4rem 0}.brand-ticker .logo-track img{display:block;width:auto;height:clamp(24px,2.5vw,40px);max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.78}.brand-ticker .logo-track img[alt*="Tourism"]{height:48px}.brand-ticker .logo-track:hover{animation-play-state:paused}

.case-studies-link{display:inline-block;margin-top:2.4rem;font-weight:800}.use-it-for{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(23,23,25,.15)}.use-it-for .eyebrow{margin-bottom:.45rem}.use-it-for p:last-child{font-size:1rem;line-height:1.55}

/* Creative image: Katherine sits on the right and dissolves softly into white on the left. */
.thinking-creative{background-image:none!important;overflow:hidden;position:relative}.thinking-creative::before{content:"";position:absolute;inset:0;background-image:url('assets/creative-editorial.jpg');background-size:cover;background-position:center center;transform:scaleX(-1);transform-origin:center;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 24%,#000 55%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 24%,#000 55%,#000 100%)}.thinking-creative::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--warm-white,#fffdf9) 0%,rgba(255,253,249,.96) 34%,rgba(255,253,249,.55) 52%,rgba(255,253,249,0) 72%);z-index:0}.thinking-creative .thinking-editorial-inner{z-index:2}

/* Smaller, more integrated speaking proof */
.otherway-speaking .speaking-proof{max-width:560px!important;margin-left:0!important}.speaking-main.speaking-arch{aspect-ratio:4/3.2!important}.otherway-speaking{align-items:start}

/* Design-led footer */
.site-footer{background:var(--cream)!important;padding:clamp(3rem,6vw,6rem) var(--site-gutter) 1.4rem!important;display:grid!important;grid-template-columns:minmax(260px,1.2fr) minmax(220px,.8fr) minmax(240px,.8fr)!important;gap:clamp(2rem,5vw,5rem)!important;align-items:start!important;border-top:1px solid rgba(23,23,25,.12);color:var(--ink)!important}.site-footer a{color:var(--wine)!important;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-brand{display:flex;gap:1.2rem;align-items:center}.footer-monogram{width:88px!important;height:88px!important;object-fit:contain!important;flex:none}.footer-brand strong{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);font-weight:400}.footer-brand p,.footer-contact p{margin:.45rem 0 0;line-height:1.5;max-width:28rem}.footer-actions,.footer-contact{display:grid;gap:.8rem}.footer-label{font-size:.72rem!important;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin:0!important;color:rgba(23,23,25,.55)}.footer-social{display:flex;align-items:center;gap:.6rem;font-weight:750}.footer-social svg{width:21px;height:21px;flex:none}.footer-action{font-family:var(--serif);font-size:1.35rem}.footer-contact>a{font-weight:750}.footer-bottom{grid-column:1/-1;display:flex;gap:1.3rem;flex-wrap:wrap;padding-top:1.6rem;margin-top:.4rem;border-top:1px solid rgba(23,23,25,.1);font-size:.78rem;letter-spacing:.03em}.footer-bottom span{margin-right:auto}

/* Work / case studies */
.work-hero{padding:clamp(5rem,9vw,9rem) var(--site-gutter);background:var(--yellow)}.work-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.84;letter-spacing:-.055em;margin:.5rem 0 2rem}.work-hero h1 em{font-family:var(--serif);font-weight:400}.work-lead{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.35;max-width:58rem}.work-hero>p:last-child{max-width:48rem;line-height:1.6}.work-list{padding:clamp(4rem,8vw,8rem) var(--site-gutter);background:var(--warm-white)}.work-list details{border-top:1px solid rgba(23,23,25,.18)}.work-list details:last-child{border-bottom:1px solid rgba(23,23,25,.18)}.work-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem 0;font-size:clamp(1.05rem,1.7vw,1.4rem)}.work-list summary::-webkit-details-marker{display:none}.work-list summary b{display:block;color:var(--wine);font-size:.78rem;letter-spacing:.1em;margin-bottom:.35rem}.work-list summary strong{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2.4rem);font-weight:400;color:var(--green)}.case-expand{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);padding:0 0 3rem}.case-expand h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1}.case-expand p{line-height:1.65}.case-results{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.case-results span{padding:1.2rem;background:var(--lilac);font-weight:700;line-height:1.35}.work-quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;padding:clamp(4rem,8vw,8rem) var(--site-gutter);background:var(--mint)}.work-quotes blockquote{margin:0;background:var(--warm-white);padding:clamp(2rem,4vw,4rem);border-radius:36px 36px 36px 8px}.work-quotes blockquote p{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1.2}.work-quotes footer{background:none!important;padding:0!important;display:flex!important;gap:.6rem!important;font-size:.78rem!important;text-transform:uppercase!important}.work-cta{text-align:center;padding:clamp(5rem,9vw,9rem) var(--site-gutter);background:var(--peach)}.work-cta h2{font-size:clamp(3rem,6vw,6rem);margin:.4rem 0 2rem}

@media(max-width:800px){
  .desktop-nav{display:none!important}.mobile-nav{display:block;position:relative;margin-left:auto}.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid rgba(23,23,25,.2);border-radius:999px;padding:.7rem 1rem;font-weight:750}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav>div{position:absolute;right:0;top:calc(100% + .6rem);width:min(86vw,330px);background:var(--cream);border:1px solid rgba(23,23,25,.12);box-shadow:0 18px 45px rgba(23,23,25,.12);padding:1rem;display:grid;gap:.1rem;z-index:3000}.mobile-nav a,.mobile-nav strong{padding:.65rem .7rem;color:var(--ink)!important}.mobile-nav strong{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.nav .brand img{max-width:180px!important;height:auto!important}
  .hero h1{font-size:clamp(3.2rem,14vw,5.2rem)!important;overflow-wrap:normal}.hero-bottom{grid-template-columns:1fr!important;gap:1.2rem!important}.recognise,.creative-filter-grid,.about{grid-template-columns:1fr!important}.services article{grid-template-columns:52px 1fr!important}.case-studies{grid-template-columns:1fr!important}.tuesday-test{grid-template-columns:1fr!important}.test-popup{padding:1rem!important}.test-popup-card{max-height:90vh;overflow:auto!important}.test-popup-art{min-height:180px!important}.test-popup-copy{padding:1.6rem!important}.test-popup-copy h2{font-size:2rem!important}
  .thinking-creative{padding-top:56vw!important}.thinking-creative::before{background-size:auto 58%!important;background-repeat:no-repeat;background-position:center top!important;transform:scaleX(-1)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 100%)}.thinking-creative::after{background:linear-gradient(180deg,rgba(255,253,249,0) 0%,rgba(255,253,249,.12) 35%,var(--warm-white,#fffdf9) 72%)!important}.thinking-editorial-inner{padding-top:2rem!important}
  .otherway-speaking .speaking-proof{max-width:420px!important;width:100%!important}.site-footer{grid-template-columns:1fr!important;padding-top:3rem!important}.footer-bottom{grid-column:1!important}.footer-bottom span{width:100%;margin-right:0}.footer-brand{align-items:flex-start}.footer-monogram{width:72px!important;height:72px!important}.work-hero h1{font-size:clamp(3.5rem,15vw,5.8rem)}.work-list summary{grid-template-columns:1fr;gap:.6rem}.case-expand,.work-quotes{grid-template-columns:1fr}.case-results{grid-template-columns:1fr}.brand-ticker .logo-track{gap:3rem}.brand-ticker .logo-track img{height:26px;max-width:115px}
}
@media(max-width:420px){.hero h1{font-size:13vw!important}.services article{grid-template-columns:1fr!important}.services article>span{margin-bottom:.5rem}.footer-brand{display:grid}.footer-monogram{width:64px!important;height:64px!important}.case-results{grid-template-columns:1fr}.work-quotes{padding-left:5vw;padding-right:5vw}}
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.site-footer .footer-monogram{background:transparent!important}

/* V31 polish */
.brand-ticker .logo-track{gap:clamp(1.5rem,3.2vw,3.2rem)!important;padding:.65rem 0!important;animation:move 28s linear infinite!important}.ticker.brand-ticker{padding:8px 0!important}.brand-ticker .logo-track img{height:clamp(22px,2.1vw,34px)!important;max-width:125px!important;opacity:.82!important}.brand-ticker .logo-track img[alt*="Tourism"]{height:38px!important}
.work-hero h1{color:var(--wine)!important}.work-list summary{grid-template-columns:minmax(0,1fr) auto 34px!important}.case-toggle{width:30px;height:30px;border:1px solid var(--wine);border-radius:50%;display:grid;place-items:center;color:var(--wine);font-size:1.25rem;line-height:1;transition:.2s}.work-list details[open] .case-toggle{transform:rotate(45deg)}
.work-quotes{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.work-quotes blockquote{padding:clamp(1.4rem,2.5vw,2.2rem)!important;border-radius:28px 28px 28px 8px!important}.work-quotes blockquote p{font-size:clamp(1.12rem,1.65vw,1.55rem)!important;line-height:1.28!important}.work-quotes footer{margin-top:1.2rem!important}
@media(max-width:800px){.work-list summary{grid-template-columns:1fr 34px!important}.work-list summary>strong{grid-column:1}.case-toggle{grid-column:2;grid-row:1/3}.work-quotes{grid-template-columns:1fr!important}.brand-ticker .logo-track{gap:1.7rem!important}.brand-ticker .logo-track img{height:23px!important;max-width:95px!important}}


/* V33: dedicated conversion-first contact page */
.contact-page{background:var(--warm-white)}
.contact-hero{max-width:1500px;margin:auto;padding:clamp(5rem,10vw,9rem) var(--site-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.contact-hero h1{font-size:clamp(3.8rem,7.6vw,8rem);line-height:.86;letter-spacing:-.055em;margin:.5rem 0 2rem}.contact-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--wine)}.contact-lead{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.48;max-width:42rem}.contact-reassure{margin-top:2rem;font-size:.92rem;opacity:.68;line-height:1.5}
.contact-form{background:var(--lilac);padding:clamp(1.6rem,4vw,3.2rem);display:grid;gap:1.25rem;border-radius:2px}.contact-form label{display:grid;gap:.5rem;font-weight:800;font-size:.86rem;letter-spacing:.02em}.contact-form input,.contact-form textarea,.contact-form select{width:100%;box-sizing:border-box;border:0;border-bottom:1.5px solid rgba(23,23,25,.55);background:rgba(255,255,255,.34);padding:.85rem .75rem;color:var(--ink);font:inherit;border-radius:0}.contact-form textarea{resize:vertical;line-height:1.5}.contact-form select{cursor:pointer}.contact-form button{justify-self:start;border:0;background:var(--wine);color:white;padding:1rem 1.35rem;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.form-note{font-size:.78rem;line-height:1.45;opacity:.65;margin:0}.contact-alt{background:var(--mint);padding:clamp(4rem,7vw,6rem) var(--site-gutter);text-align:center}.contact-alt h2{font-size:clamp(2.6rem,5vw,5rem);margin:.4rem 0 1.2rem}.contact-alt .textlink{font-size:clamp(1.15rem,2vw,1.5rem)}.contact-thanks{min-height:100vh;display:grid;align-content:center;justify-items:start;padding:var(--site-gutter);max-width:900px;margin:auto}.contact-thanks h1{font-size:clamp(4rem,10vw,9rem);line-height:.9;margin:.5rem 0 1rem;color:var(--wine)}.contact-thanks p:not(.eyebrow){font-size:1.3rem;line-height:1.55;margin-bottom:2rem}
@media(max-width:800px){.contact-hero{grid-template-columns:1fr;padding-top:4rem}.contact-hero h1{font-size:clamp(3.2rem,14vw,5.3rem)}.contact-form{padding:1.4rem}.contact-alt{text-align:left}}