@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;1,9..144,500&family=Oswald:wght@500;700&family=Archivo+Black&display=swap');
:root{--cream:#f1e7d4;--wine:#7a1e3a;--brown:#2b1512;--coral:#e24e1b;--pink:#e88db0;--lime:#a9c23f;--blue:#a6c6e0;--yellow:#e3c64a;--paper:#efe3cc;--line:rgba(43,21,18,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font:15px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{opacity:.76}.disp{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.acc{font-family:'Fraunces',serif;font-style:italic;font-weight:500}.shell{max-width:1040px;margin:0 auto;padding:0 24px}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:13px}.nav a.disp{font-size:22px}.nav-links{display:flex;gap:24px;flex-wrap:wrap}.hero-wrap{background:linear-gradient(120deg,var(--pink),var(--coral));padding:18px 0 28px}.hero{background:var(--cream);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 24px 46px rgba(43,21,18,.18)}.hero-copy{padding:26px 34px 30px;display:flex;flex-direction:column;gap:22px}.hero h1{font-size:clamp(38px,4.8vw,62px);line-height:.98;margin:0;max-width:730px}.hero h1 .coral{color:var(--coral)}.hero h1 .lime{color:var(--lime)}.hero-summary{font-size:16px;line-height:1.55;max-width:610px;margin:0}.hero-image{background:linear-gradient(160deg,var(--pink),var(--coral));padding:28px;display:flex;align-items:center;justify-content:center}.hero-image img{width:min(100%,260px);aspect-ratio:4/5;object-fit:cover;border:5px solid var(--cream);border-radius:18px;box-shadow:0 16px 32px rgba(43,21,18,.25)}
.headshot-caption{margin-top:12px;font-size:13px;color:var(--wine);text-align:center;max-width:260px}.eyebrow{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--wine)}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:999px;font-size:13px;font-weight:600}.button.primary{background:var(--coral);color:var(--cream)}.section{padding:56px 0;position:relative;overflow:hidden}.section.work::before{content:'WORK WORK WORK WORK';position:absolute;top:20px;left:50%;transform:translateX(-50%);font:700 clamp(90px,16vw,220px)/.8 'Oswald',sans-serif;color:rgba(43,21,18,.045);white-space:nowrap;pointer-events:none}
#practices{position:relative;overflow:hidden}
#practices::before{content:'WORK WORK WORK WORK WORK';font:700 17vw 'Oswald',sans-serif;opacity:.06;position:absolute;inset:8% auto auto 2%;pointer-events:none;color:var(--brown);white-space:nowrap}.section>*{position:relative;z-index:1}.section-heading{text-align:center;max-width:670px;margin:0 auto 38px}.section-heading h2{font-size:clamp(30px,4vw,48px);line-height:1;margin:8px 0}.section-heading p{color:var(--wine);margin:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto}.tile{min-height:168px;perspective:1000px}.tile-inner{height:100%;min-height:168px;position:relative;transition:transform .45s ease;transform-style:preserve-3d}.tile:hover .tile-inner,.tile:focus-visible .tile-inner{transform:rotateY(180deg)}.tile-face{position:absolute;inset:0;padding:16px;border-radius:12px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.tile-back{transform:rotateY(180deg);background:var(--brown);color:var(--cream)}
.tile:nth-child(1) .tile-front{background:var(--pink);color:var(--wine)}
.tile:nth-child(2) .tile-front{background:var(--lime);color:#2c5f2d}
.tile:nth-child(3) .tile-front{background:var(--yellow);color:var(--coral)}
.tile:nth-child(4) .tile-front{background:var(--wine);color:var(--pink)}
.tile:nth-child(4) .tile-back{background:var(--pink);color:var(--wine)}
.tile:nth-child(5) .tile-front{background:var(--coral);color:var(--cream)}
.tile:nth-child(6) .tile-front{background:var(--blue);color:var(--wine)}
.tile-label{font-size:20px;line-height:1.05}.tile-proof{font-size:13px;line-height:1.45}.metrics{background:var(--wine);color:var(--cream);padding:30px 0}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;text-align:center}.metric strong{font:700 clamp(26px,3vw,42px) 'Oswald',sans-serif;display:block}.metric small{font-size:12px;line-height:1.35;display:block;margin-top:5px;opacity:.9}.metric:nth-child(1) strong{color:var(--pink)}.metric:nth-child(2) strong{color:var(--lime)}.metric:nth-child(3) strong{color:var(--blue)}.metric:nth-child(4) strong{color:var(--yellow)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin:0 0 52px}.featured-copy{padding:8px 0}.featured h3{font:700 clamp(23px,2.7vw,34px)/1 'Oswald',sans-serif;text-transform:uppercase;margin:9px 0 13px}.featured p{margin:0 0 18px;max-width:460px}.carousel{position:relative}.carousel-window{position:relative;aspect-ratio:16/9;background:var(--brown);border-radius:16px;overflow:hidden}.case-carousel .carousel-window{aspect-ratio:16/9;background:var(--brown)}.carousel-slide{display:none;width:100%;height:100%}.carousel-slide.active{display:block}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--cream);background:rgba(43,21,18,.72);color:var(--cream);font-size:22px;line-height:1;cursor:pointer;z-index:2}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-thumbs{display:flex;gap:7px;margin-top:9px;overflow:auto}.carousel-thumb{border:2px solid transparent;padding:0;background:none;flex:0 0 64px;aspect-ratio:1.25;border-radius:7px;overflow:hidden;cursor:pointer}.carousel-thumb.active{border-color:var(--coral)}.carousel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.dot{width:7px;height:7px;border-radius:50%;background:#c9bca5;border:0;padding:0}.dot.active{background:var(--brown)}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.more-card{padding:18px;border-radius:12px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.more-card:nth-child(1){background:#f0c3d3}.more-card:nth-child(2){background:#d8e5ef}.more-card:nth-child(3){background:#eee5b9}.more-card:nth-child(4){background:#d8e1aa}.more-card strong{font:700 17px 'Oswald',sans-serif;text-transform:uppercase}.about{background:var(--wine);color:var(--cream)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}.about-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}.about h2{font:700 clamp(30px,4vw,50px)/1 'Oswald',sans-serif;text-transform:uppercase;margin:8px 0 18px}.about p{max-width:620px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.about-tags span{border:1px solid rgba(241,231,212,.5);border-radius:999px;padding:5px 10px;font-size:12px}.footer{background:var(--wine);color:var(--cream);border-top:1px solid rgba(241,231,212,.3);padding:26px 0}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.page-hero{padding:62px 0 56px}.page-hero .eyebrow{margin-bottom:8px}.page-hero h1{font:700 clamp(40px,5vw,68px)/.98 'Oswald',sans-serif;text-transform:uppercase;max-width:820px;margin:0 0 16px}.page-hero p{max-width:760px;font-size:17px;margin:0}.page-hero{background:var(--cream)}
.page-hero.experiential h1{color:var(--pink)}
.page-hero.celebrity h1{color:var(--coral)}
.page-hero.partnerships h1{color:var(--wine)}
.page-hero.rebrand h1{color:#2c5f2d}
.page-hero.product h1{color:var(--blue)}
.page-hero.systems-page h1{color:var(--wine)}.recognition{font-size:13px;color:var(--wine);margin-top:18px}.case-card{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.case-card:last-child{border-bottom:1px solid var(--line)}.case-card h2{font:700 clamp(23px,2.7vw,34px)/1 'Oswald',sans-serif;text-transform:uppercase;margin:7px 0 12px}.case-card .synopsis{font-size:16px;max-width:510px}.case-impact{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.impact{font:700 22px/1 'Oswald',sans-serif;color:var(--wine);background:var(--paper);border-radius:8px;padding:12px 13px}.award{display:inline-flex;align-items:center;gap:7px;color:var(--wine);font-size:13px;font-weight:600;margin-top:18px}.award .icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--coral);color:var(--cream);font-size:13px}.case-carousel .carousel-thumbs{margin-top:10px}.systems{background:var(--paper);border-radius:16px;padding:26px;margin:30px 0}.systems h3{font:700 22px 'Oswald',sans-serif;text-transform:uppercase;margin:0 0 8px}.next-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-copy{padding:26px 24px 30px;gap:22px}.hero-image{padding:22px}.tiles{grid-template-columns:repeat(2,1fr);max-width:620px}.metric-grid{grid-template-columns:repeat(2,1fr)}.featured,.case-card,.about-grid{grid-template-columns:1fr}.more-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:48px 0 42px}}
@media(max-width:520px){.shell{padding:0 18px}.nav{align-items:flex-start;flex-direction:column}.nav-links{gap:15px}.hero-wrap{padding-top:8px}.hero h1{font-size:43px}.section{padding:56px 0}.tiles{grid-template-columns:1fr;gap:10px}.tile,.tile-inner{min-height:150px}.metric-grid{gap:14px}.metric small{font-size:11px}.more-grid{grid-template-columns:1fr 1fr}.case-card{padding:26px 0}.impact{font-size:19px}.carousel-thumb{flex-basis:58px}}
.testimonial{padding:52px 0}.testimonial-inner{max-width:760px;text-align:center}.testimonial .eyebrow{color:var(--pink)}.testimonial blockquote{font:500 clamp(22px,3vw,34px)/1.2 Fraunces,serif;margin:12px 0 14px;color:var(--cream)}.testimonial-byline{font-size:12px;color:var(--pink);margin:0 0 10px}.testimonial-link{font-size:12px;color:var(--cream);text-decoration:underline;opacity:.85}

.practice-section{background-image:linear-gradient(rgba(241,231,212,.9),rgba(241,231,212,.9)),url("assets/images/rebrand/now.jpg");background-size:cover;background-position:center}.tile-blue .tile-front{background:#A6C6E0!important;color:#2B1512!important}.tile-orange .tile-front{background:#E24E1B!important;color:#F1E7D4!important}.tile-lime .tile-front{background:#A9C23F!important;color:#2B1512!important}.tile-wine .tile-front{background:#7A1E3A!important;color:#F1E7D4!important}.recognition-strip{padding:28px 0;background:#EFE3CC}.recognition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.recognition-grid span{font:700 16px Oswald,sans-serif;text-transform:uppercase}.platform-grid,.systems-preview,.system-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.platform-grid div,.systems-preview strong{padding:18px;border-radius:10px;background:#EFE3CC;font:700 18px Oswald,sans-serif;color:#7A1E3A}.platform-grid small,.systems-preview span{display:block;font:400 12px DM Sans,sans-serif;color:#2B1512}.testimonial{background:#7A1E3A;position:relative;overflow:hidden}.testimonial::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(241,231,212,.08) 1.5px,transparent 1.5px);background-size:9px 9px;pointer-events:none}.testimonial-inner{position:relative;z-index:1}.about-wordmark{font:700 17vw Oswald,sans-serif;opacity:.1;position:absolute;inset:10% auto auto 2%;pointer-events:none}.about{position:relative}.about>*{position:relative;z-index:1}.about-carousel .carousel-window{max-width:420px}.system-proof{grid-template-columns:repeat(3,1fr);margin:0 0 24px}.system-proof div{padding:20px;background:#EFE3CC;border-radius:10px;text-align:center}.system-proof strong{display:block;font:700 32px Oswald;color:#7A1E3A}.system-proof span{font-size:12px}@media(max-width:820px){.metric-grid{grid-template-columns:repeat(3,1fr)}.recognition-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.metric-grid{grid-template-columns:repeat(2,1fr)}.recognition-grid{grid-template-columns:1fr}.system-proof{grid-template-columns:1fr}}
.then-now{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:34px}.then-now-side{background:var(--paper);padding:20px;border-radius:14px}.then-now-side h2{font:700 clamp(23px,2.7vw,34px)/1 Oswald,sans-serif;text-transform:uppercase;margin:6px 0 14px}.then-now-side .carousel-window{aspect-ratio:16/9;background:var(--brown)}@media(max-width:820px){.then-now{grid-template-columns:1fr}}


/* ===== v9 requested visual refinements ===== */
.hero-wrap{background:var(--cream);padding:0}.hero-shell{max-width:1180px}.hero{border-radius:0;box-shadow:none;background:var(--cream);border-top:1px solid var(--line);grid-template-columns:1.02fr .98fr}.hero-copy{padding:42px 42px 48px 0;gap:16px;justify-content:center}.hero-role{font-size:10px;letter-spacing:.08em;color:rgba(43,21,18,.55)}.hero-editorial{font-family:'Archivo Black','Arial Black','Arial',sans-serif!important;color:var(--wine);font-size:clamp(55px,7.2vw,104px)!important;letter-spacing:-.067em!important;line-height:.82!important;margin:4px 0 8px!important;text-transform:none!important}.hero-dot{color:var(--coral)}.hero-summary{font-size:16px;line-height:1.48;max-width:565px}.hero-support{font-size:12px;letter-spacing:.025em;margin:0;color:rgba(43,21,18,.66)}.hero-cta{border-radius:0;background:var(--wine)!important;padding:14px 22px;width:max-content}.hero-image{min-height:540px;padding:34px 34px 24px;background:linear-gradient(180deg,var(--pink) 0 48%,var(--coral) 48% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.portrait-frame{background:var(--cream);padding:9px;box-shadow:0 18px 36px rgba(43,21,18,.16);width:min(100%,390px)}.hero-image img{width:100%;max-height:435px;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border:0;border-radius:0;box-shadow:none;display:block}.headshot-caption{margin:12px 0 0;padding:9px 12px;background:rgba(241,231,212,.94);color:var(--wine);text-align:center;max-width:390px;width:100%;font:600 11px/1.25 'DM Sans',sans-serif;letter-spacing:.045em;text-transform:none;border:1px solid rgba(122,30,58,.10)}

.cap-strip{display:grid;grid-template-columns:repeat(5,1fr);max-width:1440px;margin:0 auto}.cap{position:relative;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px 34px 22px 18px;font-size:12px;font-weight:700;letter-spacing:.035em;overflow:hidden}.cap::before{content:'+';position:absolute;right:12px;top:9px;font-size:18px;line-height:1;opacity:.28}.cap::after{content:'↗';position:absolute;right:12px;bottom:9px;font-size:14px;line-height:1;opacity:.28}.cap.wine{background:var(--wine);color:var(--cream)}.cap.pink{background:var(--pink);color:var(--wine)}.cap.coral{background:var(--coral);color:var(--cream)}.cap.yellow{background:var(--yellow);color:var(--brown)}.cap.blue{background:var(--blue);color:var(--wine)}.cap:hover{opacity:1;filter:brightness(.985)}.cap:hover::after{opacity:.75;transform:translate(2px,-2px);transition:.18s ease}

/* Media as a polished native player: no cropping, black matte, clear circular arrows. */
.carousel{position:relative;background:#f3e8ee;border:1px solid rgba(122,30,58,.10);padding:16px;border-radius:22px}.carousel-window,.case-carousel .carousel-window{position:relative;aspect-ratio:16/9;background:#111;border-radius:13px;overflow:hidden;box-shadow:0 12px 26px rgba(43,21,18,.12)}.carousel-slide{display:none;width:100%;height:100%;background:#111;align-items:center;justify-content:center}.carousel-slide.active{display:flex}.carousel-slide video{width:100%;height:100%;object-fit:contain!important;display:block;background:#111}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(43,21,18,.12);background:#fff;color:var(--wine);font-size:20px;box-shadow:0 7px 18px rgba(43,21,18,.16);display:grid;place-items:center}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-arrow:hover{background:var(--cream);opacity:1}.carousel-thumbs{gap:10px;margin-top:13px}.carousel-thumb{flex:0 0 82px;aspect-ratio:1.45;border:2px solid transparent;border-radius:10px;background:#fff}.carousel-thumb.active{border-color:var(--wine)}.media-caption{padding:11px 2px 0;font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:.055em;color:rgba(122,30,58,.74)}

/* Selected work gets a little more breathing room around the richer media treatment. */
.section.work{padding-top:68px}.featured{gap:38px;border-top:1px solid var(--line);padding-top:36px;margin-bottom:58px}.featured:first-of-type{border-top:0;padding-top:0}.featured-copy{align-self:center}.featured h3{font-size:clamp(28px,3vw,42px)}

/* Footer treatment from the preferred reference: image left + editorial CTA. */
.footer.footer-editorial{padding:0;background:var(--wine);color:var(--cream);display:grid;grid-template-columns:180px 1fr;min-height:235px;border-top:10px solid var(--pink);overflow:hidden}.footer-photo-wrap{overflow:hidden;background:#20110f;min-height:235px}.footer-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.18);display:block}.footer-main{padding:38px 46px 22px;display:flex;flex-direction:column;justify-content:center}.footer-kicker{font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;margin-bottom:20px}.footer-cta-row{display:flex;align-items:center;justify-content:space-between;gap:34px}.footer-cta-row h2{font:500 clamp(34px,4.1vw,60px)/1.02 'Fraunces',Georgia,serif;margin:0;max-width:760px}.footer-button{flex:0 0 auto;min-width:210px;background:#fff;color:var(--brown);padding:16px 18px;font-size:11px;font-weight:700;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center}.footer-secondary{margin-top:28px;padding-top:17px;border-top:1px solid rgba(241,231,212,.2);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-secondary>.disp{font-size:14px}.footer-links{font-size:11px}

@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-copy{padding:34px 0 30px}.hero-image{min-height:auto}.cap-strip{grid-template-columns:1fr 1fr}.cap-strip .cap:last-child{grid-column:1/-1}.footer.footer-editorial{grid-template-columns:130px 1fr}.footer-main{padding:30px 24px 20px}.footer-cta-row{align-items:flex-start;flex-direction:column}.footer-button{min-width:200px}.footer-secondary{align-items:flex-start;flex-direction:column}.featured{gap:24px}}
@media(max-width:520px){.hero-editorial{font-size:54px!important}.hero-image{padding:24px 18px 20px}.cap-strip{grid-template-columns:1fr}.cap-strip .cap:last-child{grid-column:auto}.cap{min-height:68px}.carousel{padding:10px;border-radius:16px}.carousel-arrow{width:40px;height:40px}.footer.footer-editorial{grid-template-columns:1fr}.footer-photo-wrap{height:150px;min-height:150px}.footer-photo-wrap img{transform:scale(1.26);object-position:center 38%}.footer-main{padding:28px 20px 22px}.footer-cta-row h2{font-size:38px}.footer-button{width:100%}}


/* ===== v10 requested refinement pass ===== */
:root{--cream-dot:rgba(122,30,58,.055)}
.textured-cream,.hero-wrap{
  background-color:var(--cream);
  background-image:radial-gradient(circle at 1px 1px,var(--cream-dot) 1px,transparent 1.1px);
  background-size:14px 14px;
}
/* Keep hero media/color treatment clean over the paper texture. */
.hero,.hero-image,.portrait-frame{background-clip:padding-box}

/* Category banner: current-live taxonomy, plus only. */
.cap-strip{position:relative}
.cap::before{content:'+';right:14px;top:11px;font-size:18px;opacity:.28}
.cap::after{display:none!important;content:none!important}
.cap:hover::before{opacity:.7;transform:scale(1.08);transition:.18s ease}
.cap-divider{height:22px;background-color:var(--cream);background-image:radial-gradient(circle at 1px 1px,rgba(122,30,58,.055) 1px,transparent 1.1px);background-size:14px 14px;border-top:1px solid rgba(122,30,58,.08);border-bottom:1px solid rgba(122,30,58,.08)}

/* Selected-work watermark: start with a cropped W, then repeat cleanly across. */
.section.work::before{content:'WORK WORK WORK WORK WORK';left:-4.8vw!important;transform:none!important;top:18px;letter-spacing:-.03em;opacity:1;color:rgba(43,21,18,.045)}
.section.work{padding:74px 0 82px}
.section.work .section-heading{margin-bottom:34px}
.section.work .section-heading p{max-width:640px;margin:0 auto;color:rgba(43,21,18,.68)}

/* Large 9:16 selected-work carousel. */
.work-carousel{position:relative;max-width:1180px;margin:0 auto;padding:0 58px}
.work-card-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:4px 2px 18px;scrollbar-width:none}
.work-card-track::-webkit-scrollbar{display:none}
.work-card{position:relative;flex:0 0 clamp(286px,30vw,350px);aspect-ratio:9/16;overflow:hidden;background:#111;scroll-snap-align:start;border-radius:16px;box-shadow:0 16px 34px rgba(43,21,18,.16);isolation:isolate}
.work-card img,.work-card video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease;pointer-events:none}
.work-card:hover img,.work-card:hover video{transform:scale(1.025)}
.work-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,8,8,.02) 38%,rgba(24,8,8,.18) 58%,rgba(24,8,8,.86) 100%);z-index:1}
.work-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px 22px;color:#fff}
.work-card-copy span{display:block;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;opacity:.82}
.work-card-copy h3{font:500 clamp(25px,2.3vw,34px)/1.02 'Fraunces',Georgia,serif;margin:0 0 14px;letter-spacing:-.02em}
.work-card-copy b{font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.work-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid rgba(43,21,18,.12);background:#fff;color:var(--wine);display:grid;place-items:center;font-size:19px;box-shadow:0 9px 22px rgba(43,21,18,.15);cursor:pointer}
.work-carousel-nav.prev{left:2px}.work-carousel-nav.next{right:2px}
.work-carousel-nav:hover{background:var(--wine);color:var(--cream)}

/* Current-live category tiles, with the same order/headlines and tighter human copy. */
.category-index{padding-top:64px}
.category-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.category-card{position:relative;min-height:230px;padding:24px 24px 42px;border-radius:14px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.category-card:nth-child(1),.category-card:nth-child(2),.category-card:nth-child(3){grid-column:span 2}
.category-card:nth-child(4),.category-card:nth-child(5){grid-column:span 3}
.category-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(43,21,18,.12)}
.category-card>span{font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:auto}
.category-card h3{font:500 clamp(26px,2.5vw,36px)/1.02 'Fraunces',Georgia,serif;margin:26px 0 10px;letter-spacing:-.025em}
.category-card p{font-size:13px;line-height:1.45;margin:0;max-width:410px}
.category-card b{position:absolute;right:18px;top:14px;font:500 23px/1 'DM Sans',sans-serif;opacity:.36}
.cat-wine{background:var(--wine);color:var(--cream)}
.cat-pink{background:var(--pink);color:var(--wine)}
.cat-coral{background:var(--coral);color:var(--cream)}
.cat-yellow{background:var(--yellow);color:var(--brown)}
.cat-blue{background:var(--blue);color:var(--wine)}

/* About: compact, natural image dimensions, no forced crop or dead carousel space. */
.about-grid-compact{grid-template-columns:minmax(250px,355px) minmax(0,1fr);gap:46px;align-items:center;max-width:960px}
.about-portrait-wrap{width:100%;padding:10px;background:var(--paper);border:1px solid rgba(122,30,58,.10);box-shadow:0 14px 30px rgba(43,21,18,.10);border-radius:12px}
.about-portrait-natural{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:7px;display:block}
.about-copy-compact h2{font:500 clamp(34px,4vw,50px)/1.02 'Fraunces',Georgia,serif;margin:10px 0 16px;letter-spacing:-.03em}
.about-copy-compact p{font-size:15px;line-height:1.55;max-width:600px}
.about-copy-compact .about-personal{margin-top:18px;font-size:12px;color:rgba(43,21,18,.64)}
.about{padding:62px 0}

/* Footer: keep prior copy/layout, just crop the group image a little closer. */
.footer-photo-wrap img{transform:scale(1.29)!important;object-position:center 45%!important}

@media(max-width:900px){
  .work-carousel{padding:0 50px}.work-card{flex-basis:clamp(272px,43vw,330px)}
  .category-card-grid{grid-template-columns:1fr 1fr}.category-card:nth-child(n){grid-column:auto}
  .category-card:last-child{grid-column:1/-1}
  .about-grid-compact{grid-template-columns:minmax(220px,300px) 1fr;gap:30px}
}
@media(max-width:650px){
  .work-carousel{padding:0 42px}.work-card{flex-basis:min(80vw,320px)}.work-card-track{gap:15px}
  .work-carousel-nav{width:40px;height:40px}.work-carousel-nav.prev{left:0}.work-carousel-nav.next{right:0}
  .category-card-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.category-card{min-height:205px}
  .about-grid-compact{grid-template-columns:1fr;gap:24px}.about-portrait-wrap{max-width:330px;margin:0 auto}.about-copy-compact{text-align:left}
  .section.work::before{left:-16vw!important}
}


/* HQ MEDIA SAFEGUARD — user-supplied media is kept byte-for-byte; browser only scales for layout. */
.carousel-slide video,.work-card video{filter:none!important;image-rendering:auto;backface-visibility:hidden;}


/* ===== v16 REZI optimized-ad triptych ===== */
.rezi-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.rezi-media-card{margin:0;background:#111;border-radius:14px;overflow:hidden;box-shadow:0 12px 26px rgba(43,21,18,.12)}
.rezi-media-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#111;filter:none!important;image-rendering:auto}
.rezi-media-card figcaption{background:var(--paper);padding:11px 12px 12px;color:var(--brown);min-height:58px}
.rezi-media-card figcaption strong{display:block;font:700 11px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--wine);margin-bottom:4px}
.rezi-media-card figcaption span{display:block;font-size:10px;line-height:1.35;color:rgba(43,21,18,.66)}
@media(max-width:650px){.rezi-media-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}.rezi-media-card figcaption{min-height:0}}

.rezi-case-card{grid-template-columns:1fr!important}.rezi-case-card>div:first-child{max-width:760px}.rezi-case-card .rezi-media-grid{width:100%;max-width:940px;margin:2px auto 8px}

/* v18 rebrand stills gallery */
.rebrand-media-stack{display:grid;gap:28px}.rebrand-stills-label{margin:2px 2px -12px}.rebrand-stills-label .media-caption{max-width:620px;margin-top:6px}.rebrand-stills-carousel .carousel-window{aspect-ratio:16/10;background:#111}.rebrand-stills-carousel .carousel-slide img{object-fit:contain!important;background:#111}.rebrand-stills-carousel .carousel-thumb img{object-fit:cover}.rebrand-stills-carousel .carousel-thumb{background:#111}@media(max-width:820px){.rebrand-media-stack{gap:22px}.rebrand-stills-carousel .carousel-window{aspect-ratio:4/3}}


/* ===== v19 old-brand-world + hero texture/block refinement ===== */
/* Old brand world is primarily portrait/social content: show it intact rather than cropping it into 16:9. */
.old-world-carousel .carousel-window{aspect-ratio:4/5!important;background:#f7f0e4}
.old-world-carousel .carousel-slide img,.old-world-carousel .carousel-slide video{object-fit:contain!important;background:#f7f0e4}
.old-world-carousel .carousel-thumb img{object-fit:cover}

/* Add the subtle dotted paper texture to the cream copy side of the hero. */
.hero-copy{
  background-color:var(--cream);
  background-image:radial-gradient(circle at 1px 1px,rgba(122,30,58,.07) 1.15px,transparent 1.25px);
  background-size:12px 12px;
}

/* Keep the orange as a separate graphic tile beside the portrait instead of running through/behind the image. */
.hero-image{position:relative;overflow:hidden;background:var(--pink)!important;align-items:flex-start!important}
.hero-image::after{
  content:'';position:absolute;right:0;bottom:0;width:18%;height:34%;background:var(--coral);z-index:0;pointer-events:none
}
.portrait-frame,.headshot-caption{position:relative;z-index:1;width:min(390px,calc(100% - 74px));align-self:flex-start}
.hero-image .portrait-frame{margin-left:4px}
.hero-image .headshot-caption{margin-left:4px}
@media(max-width:820px){
  .hero-image::after{width:15%;height:28%}
  .portrait-frame,.headshot-caption{width:min(390px,calc(100% - 58px))}
}
@media(max-width:520px){
  .hero-image::after{width:14%;height:22%}
  .portrait-frame,.headshot-caption{width:min(350px,calc(100% - 48px))}
}


/* ===== v20 About: the person behind the work ===== */
.about.textured-cream{color:var(--brown);overflow:hidden}
.about.textured-cream .about-wordmark{color:var(--wine);opacity:.055;top:4%}
.about-life-grid{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);gap:52px;align-items:center;max-width:1040px}
.about-life-carousel{padding:10px;background:rgba(255,255,255,.42);border:1px solid rgba(122,30,58,.10);box-shadow:0 16px 34px rgba(43,21,18,.09);border-radius:16px}
.about-life-carousel .carousel-window{max-width:none;aspect-ratio:4/3;background:#e9ddc8;border-radius:11px}
.about-life-carousel .carousel-slide img{object-fit:contain!important;background:#e9ddc8}
.about-life-carousel .carousel-thumbs{padding:1px 1px 2px;gap:6px}
.about-life-carousel .carousel-thumb{flex-basis:58px;aspect-ratio:1;border-radius:7px}
.about-life-carousel .carousel-thumb img{object-fit:cover}
.about-life-copy{padding-right:10px}
.about-kicker{color:var(--coral);font-size:18px;margin-bottom:9px}
.about-life-copy h2{color:var(--wine);font:500 clamp(34px,4vw,52px)/1.02 'Fraunces',Georgia,serif;text-transform:none;letter-spacing:-.035em;margin:0 0 17px}
.about-life-copy p{color:var(--brown)}
.about-life-copy .about-personal{color:rgba(43,21,18,.66);margin-top:19px}
@media(max-width:820px){
  .about-life-grid{grid-template-columns:1fr;gap:28px;max-width:650px}
  .about-life-carousel{max-width:620px;width:100%;margin:0 auto}
  .about-life-copy{padding-right:0}
}
@media(max-width:520px){
  .about-life-carousel{padding:8px}.about-life-carousel .carousel-window{aspect-ratio:1/1}
  .about-life-carousel .carousel-thumb{flex-basis:52px}
  .about-life-copy h2{font-size:38px}
}


/* ===== v21 footer restoration + Spotify-friendly polish ===== */
.footer.footer-editorial{
  grid-template-columns:178px minmax(0,1fr)!important;
  min-height:218px!important;
  border-top:8px solid var(--pink)!important;
}
.footer-photo-wrap{min-height:218px!important}
.footer-photo-wrap img{
  transform:scale(1.18)!important;
  object-position:center 44%!important;
}
.footer-main{padding:34px 47px 20px!important;justify-content:center!important}
.footer-kicker{font:600 10px/1 'DM Sans',sans-serif!important;letter-spacing:.09em!important;margin-bottom:19px!important}
.footer-cta-row{gap:38px!important;align-items:center!important}
.footer-cta-row h2{
  font-family:'Fraunces',Georgia,'Times New Roman',serif!important;
  font-weight:600!important;
  font-size:clamp(34px,3.55vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  max-width:790px!important;
}
.footer-button{min-width:300px!important;padding:15px 19px!important}
.footer-secondary{margin-top:23px!important;padding-top:14px!important}
@media(max-width:820px){
  .footer.footer-editorial{grid-template-columns:130px minmax(0,1fr)!important}
  .footer-main{padding:28px 24px 18px!important}
  .footer-cta-row{align-items:flex-start!important}
  .footer-button{min-width:220px!important}
}
@media(max-width:520px){
  .footer.footer-editorial{grid-template-columns:1fr!important}
  .footer-photo-wrap{height:180px!important;min-height:180px!important}
  .footer-photo-wrap img{transform:scale(1.12)!important;object-position:center 44%!important}
  .footer-main{padding:28px 20px 20px!important}
  .footer-cta-row h2{font-size:39px!important}
  .footer-button{width:100%!important;min-width:0!important}
}


/* ===== v22 final polish ===== */
/* Classic hero treatment restored from the earlier live-site direction. */
.hero-wrap.classic-hero-wrap{background:linear-gradient(120deg,var(--pink),var(--coral))!important;background-image:linear-gradient(120deg,var(--pink),var(--coral))!important;padding:18px 0 28px!important}
.classic-hero-wrap .hero-shell{max-width:1040px}
.classic-hero-wrap .hero{background:var(--cream)!important;border-radius:22px!important;overflow:hidden!important;display:grid!important;grid-template-columns:1.15fr .85fr!important;box-shadow:0 24px 46px rgba(43,21,18,.18)!important}
.classic-hero-wrap .hero-copy{padding:26px 34px 30px!important;display:flex!important;flex-direction:column!important;gap:22px!important;background:var(--cream)!important;background-image:none!important}
.classic-hero-wrap .hero h1{font-size:clamp(38px,4.8vw,62px)!important;line-height:.98!important;margin:0!important;max-width:730px!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:var(--brown)!important}
.classic-hero-wrap .hero h1 .coral{color:var(--coral)!important}.classic-hero-wrap .hero h1 .lime{color:var(--lime)!important}
.classic-hero-wrap .hero-summary{font-size:16px!important;line-height:1.55!important;max-width:610px!important;margin:0!important;color:var(--brown)!important}
.classic-hero-wrap .hero-image{background:linear-gradient(160deg,var(--pink),var(--coral))!important;padding:28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;min-height:0!important}
.classic-hero-wrap .hero-image::after{content:none!important;display:none!important}
.classic-hero-wrap .hero-image img{width:min(100%,260px)!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;border:5px solid var(--cream)!important;border-radius:18px!important;box-shadow:0 16px 32px rgba(43,21,18,.25)!important;margin:0!important}
.classic-hero-wrap .headshot-caption{margin:12px 0 0!important;font-size:13px!important;color:var(--wine)!important;text-align:center!important;max-width:310px!important;width:auto!important;align-self:center!important;position:relative!important;z-index:1!important}

/* Work nav: Work itself goes to Explore the work; chevron exposes every practice page. */
.nav-work{position:relative;display:flex;align-items:center;gap:4px}
.nav-work-toggle{appearance:none;border:0;background:transparent;color:inherit;font:600 13px/1 'DM Sans',sans-serif;padding:5px 2px;cursor:pointer;transition:transform .18s ease}
.nav-work.is-open .nav-work-toggle,.nav-work:focus-within .nav-work-toggle{transform:rotate(180deg)}
.work-dropdown{position:absolute;z-index:50;top:calc(100% + 9px);left:-14px;min-width:205px;padding:9px;background:rgba(241,231,212,.98);border:1px solid rgba(43,21,18,.12);border-radius:12px;box-shadow:0 14px 28px rgba(43,21,18,.16);display:none}
.nav-work:hover .work-dropdown,.nav-work:focus-within .work-dropdown,.nav-work.is-open .work-dropdown{display:grid}
.work-dropdown a{padding:9px 10px;border-radius:8px;color:var(--brown);font-size:12px;white-space:nowrap}
.work-dropdown a:hover{background:rgba(232,141,176,.18);opacity:1}

/* Metrics first, then a soft separator and capability tiles flowing straight into selected work. */
.metrics + .cap-divider{height:18px}
.cap-divider + .cap-strip{margin:0}
.cap-strip + .section.work{padding-top:74px}

/* Selected work: expanded Spotify-relevant mix. */
.work-card{flex-basis:clamp(292px,30vw,360px)}

/* Light, dotted category worlds. */
body.page-experiential{--page-bg:#f7e7ed;--page-dot:rgba(122,30,58,.10);background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,var(--page-dot) 1px,transparent 1.1px);background-size:13px 13px}
body.page-rebrand{--page-bg:#fae8f0;--page-dot:rgba(122,30,58,.085);background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,var(--page-dot) 1px,transparent 1.1px);background-size:13px 13px}
body.page-celebrity{--page-bg:#fbe9df;--page-dot:rgba(226,78,27,.09);background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,var(--page-dot) 1px,transparent 1.1px);background-size:13px 13px}
body.page-partnerships{--page-bg:#fbf2cf;--page-dot:rgba(122,30,58,.07);background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,var(--page-dot) 1px,transparent 1.1px);background-size:13px 13px}
body.page-product-growth{--page-bg:#e7f0f7;--page-dot:rgba(122,30,58,.075);background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,var(--page-dot) 1px,transparent 1.1px);background-size:13px 13px}
body.page-experiential .page-hero,body.page-experiential main.section,body.page-rebrand .page-hero,body.page-rebrand main.section,body.page-celebrity .page-hero,body.page-celebrity main.section,body.page-partnerships .page-hero,body.page-partnerships main.section,body.page-product-growth .page-hero,body.page-product-growth main.section{background:transparent!important}
.page-product-growth .page-hero .eyebrow{display:inline-block;background:rgba(169,194,63,.78);padding:5px 9px;border-radius:999px;color:var(--brown)}
.page-rebrand .page-hero h1{color:var(--wine)!important}.page-rebrand .page-hero .eyebrow{color:#58701e}

/* Rebrand: true 50/50 THEN/NOW compare, using the lifestyle/product system as NOW. */
.then-now-v22{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important}
.then-now-v22 .then-now-side{display:flex;flex-direction:column;background:rgba(255,255,255,.46)!important;border:1px solid rgba(122,30,58,.10);padding:18px!important}
.then-now-tag{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:999px;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.then-now-tag.then{background:var(--wine);color:var(--cream)}.then-now-tag.now{background:var(--lime);color:var(--brown)}
.then-now-v22 .then-now-side h2{font:500 clamp(25px,2.5vw,34px)/1.04 'Fraunces',Georgia,serif!important;text-transform:none!important;color:var(--wine);margin:0 0 10px!important}
.then-now-v22 .media-caption{font-size:12px;line-height:1.45;color:rgba(43,21,18,.7);margin:0 0 12px}
.then-now-v22 .carousel{margin-top:auto}
.then-now-v22 .carousel-window{aspect-ratio:4/5!important;background:#f4ebdc!important}
.then-now-v22 .carousel-slide img,.then-now-v22 .carousel-slide video{object-fit:contain!important;background:#f4ebdc!important}
.then-now-v22 .carousel-thumbs{padding-top:3px}
.rebrand-production-card{grid-template-columns:1fr!important;gap:22px!important}
.rebrand-production-card>div:first-child{max-width:820px}
.rebrand-production-card .synopsis{max-width:760px!important}
.rebrand-production-media{width:100%;max-width:1000px;margin:0 auto;display:block!important}
.rebrand-production-media .carousel-window{aspect-ratio:16/9!important}

/* Celebrity cases: taller asset stage to respect vertical/native video compositions. */
.page-celebrity .case-carousel .carousel-window{aspect-ratio:4/5!important;max-height:720px;background:#111!important}
.page-celebrity .case-carousel .carousel-slide img,.page-celebrity .case-carousel .carousel-slide video{object-fit:contain!important;background:#111!important}

/* About: vibrant lime, with the large wordmark sitting behind—not above—the content. */
.about.about-vibrant{background:#cbdc69!important;background-image:radial-gradient(circle at 1px 1px,rgba(122,30,58,.09) 1.1px,transparent 1.2px)!important;background-size:12px 12px!important;color:var(--brown)!important;padding:42px 0 62px!important;position:relative!important;overflow:hidden!important}
.about.about-vibrant .about-wordmark{position:absolute!important;top:-18px!important;left:-2vw!important;color:var(--wine)!important;opacity:.08!important;z-index:0!important;line-height:.82!important;white-space:nowrap!important}
.about.about-vibrant .about-life-grid{position:relative!important;z-index:1!important;padding-top:18px!important}
.about.about-vibrant .about-life-carousel{background:rgba(241,231,212,.46)!important}
.about.about-vibrant .about-kicker{color:var(--wine)!important}.about.about-vibrant .about-life-copy h2{color:var(--wine)!important}

/* Footer proportions closer to the original reference: larger photo, narrower CTA. */
.footer.footer-editorial{grid-template-columns:250px minmax(0,1fr)!important;min-height:240px!important}
.footer-photo-wrap{min-height:240px!important}.footer-photo-wrap img{transform:scale(1.10)!important;object-position:center 44%!important}
.footer-main{padding:34px 46px 21px!important}
.footer-cta-row{gap:26px!important}.footer-cta-row h2{font-family:'Fraunces',Georgia,'Times New Roman',serif!important;font-weight:600!important;font-size:clamp(36px,3.8vw,56px)!important;line-height:.98!important;letter-spacing:-.035em!important}
.footer-button{min-width:175px!important;max-width:185px!important;width:185px!important;padding:15px 17px!important}

@media(max-width:820px){
  .classic-hero-wrap .hero{grid-template-columns:1fr!important}.classic-hero-wrap .hero-copy{padding:26px 24px 30px!important}.classic-hero-wrap .hero-image{padding:22px!important}
  .then-now-v22{grid-template-columns:1fr!important}
  .footer.footer-editorial{grid-template-columns:165px minmax(0,1fr)!important}.footer-button{width:180px!important;min-width:180px!important}.footer-main{padding:28px 24px 18px!important}
}
@media(max-width:520px){
  .nav{align-items:flex-start!important}.nav-links{gap:14px!important}.work-dropdown{left:0;top:100%}
  .classic-hero-wrap .hero h1{font-size:43px!important}.classic-hero-wrap .hero-image img{width:min(100%,260px)!important}.classic-hero-wrap .headshot-caption{font-size:12px!important}
  .page-celebrity .case-carousel .carousel-window{aspect-ratio:9/13!important}
  .about.about-vibrant{padding-top:30px!important}.about.about-vibrant .about-wordmark{top:-7px!important;font-size:29vw!important}.about.about-vibrant .about-life-grid{padding-top:26px!important}
  .footer.footer-editorial{grid-template-columns:1fr!important}.footer-photo-wrap{height:220px!important;min-height:220px!important}.footer-photo-wrap img{transform:scale(1.05)!important}.footer-button{width:185px!important;min-width:185px!important;max-width:185px!important}
}


/* ===== v24 FINAL QA + COLOR / INTERACTION POLISH ===== */
/* Retire the beige cast: keep the site warm, but move the neutral toward a clean blush-white. */
:root{
  --cream:#fff7f6;
  --paper:#fdebf0;
  --wine:#861a43;
  --brown:#2e1420;
  --coral:#ef4d1b;
  --pink:#e78caf;
  --lime:#b6d33d;
  --blue:#91c6e8;
  --yellow:#efd044;
  --line:rgba(46,20,32,.14);
  --cream-dot:rgba(134,26,67,.052);
}
body{background:var(--cream);color:var(--brown)}

/* 70s-adjacent, editorial — personality without turning the masthead novelty. */
.nav>a.disp,.footer-secondary>a.disp{
  font-family:'Fraunces',Georgia,serif!important;
  font-weight:700!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:-.045em!important;
}
.nav>a.disp{font-size:25px!important;color:var(--wine)}

/* Homepage: hero sits directly on the proof banner; soften surrounding pink/orange and cool the portrait slightly. */
.hero-wrap.classic-hero-wrap{
  padding:18px 0 0!important;
  background:linear-gradient(120deg,#e6a0b6,#ec6a3c)!important;
  background-image:linear-gradient(120deg,#e6a0b6,#ec6a3c)!important;
}
.classic-hero-wrap .hero-image{background:linear-gradient(160deg,#e7a0b6,#eb7046)!important}
.classic-hero-wrap .hero-image img{filter:saturate(.88) contrast(1.025) brightness(1.01) hue-rotate(-3deg)!important}
.classic-hero-wrap .headshot-caption{background:rgba(255,247,246,.94)!important}
.metrics{margin:0!important;background:var(--wine)!important}
.metrics + .cap-strip{margin:0!important}
.cap-divider{display:none!important;height:0!important;border:0!important}

/* Punchier five-tile bridge. No burgundy tile touching the burgundy stats band. */
.cap-strip{max-width:none!important;width:100%!important}
.cap{color:var(--wine)!important;font-weight:800!important;min-height:96px!important}
.cap.wine{background:var(--lime)!important;color:var(--wine)!important}
.cap.pink{background:var(--pink)!important;color:var(--wine)!important}
.cap.coral{background:var(--coral)!important;color:#fff!important}
.cap.yellow{background:var(--yellow)!important;color:var(--wine)!important}
.cap.blue{background:var(--blue)!important;color:var(--wine)!important}
.cap::after{display:none!important;content:none!important}
.cap::before{color:currentColor;opacity:.34!important}

/* The deeper category cards use the same high-contrast family. */
.cat-wine{background:var(--lime)!important;color:var(--wine)!important}
.cat-pink{background:var(--pink)!important;color:var(--wine)!important}
.cat-coral{background:var(--coral)!important;color:#fff!important}
.cat-yellow{background:var(--yellow)!important;color:var(--wine)!important}
.cat-blue{background:var(--blue)!important;color:var(--wine)!important}

/* Selected Work and category-index spacing: eliminate the dead zone between the two sections. */
.cap-strip + .section.work{padding-top:62px!important}
.section.work{padding-bottom:38px!important;background-color:#fff8fa!important}
.category-index{padding:28px 0 58px!important;background-color:#fff8fa!important}
.category-index .section-heading{margin-bottom:28px!important}

/* Work dropdown is no longer beige, and remains reachable when the pointer leaves Work. */
.work-dropdown{
  top:calc(100% + 5px)!important;
  background:rgba(255,248,250,.985)!important;
  border-color:rgba(134,26,67,.13)!important;
  box-shadow:0 16px 34px rgba(70,18,41,.16)!important;
}
.work-dropdown::before{content:'';position:absolute;left:0;right:0;top:-12px;height:14px}
.work-dropdown a{color:var(--wine)!important}
.work-dropdown a:hover{background:rgba(231,140,175,.23)!important}

/* Category pages: light saturated worlds matching their homepage tiles. */
body.page-experiential{
  --page-bg:#e9f2bd;--page-accent:#86a720;--page-accent-2:#d7e887;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(95,120,24,.11) 1px,transparent 1.15px),linear-gradient(130deg,rgba(255,255,255,.25),transparent 55%)!important;
  background-size:13px 13px,100% 100%!important;
}
body.page-rebrand{
  --page-bg:#f7dce7;--page-accent:#c64e7b;--page-accent-2:#eda8c1;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(134,26,67,.09) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.28),transparent 50%)!important;
  background-size:13px 13px,100% 100%!important;
}
body.page-celebrity{
  --page-bg:#f9ded1;--page-accent:#ef4d1b;--page-accent-2:#f4a07e;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(239,77,27,.09) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.28),transparent 50%)!important;
  background-size:13px 13px,100% 100%!important;
}
body.page-partnerships{
  --page-bg:#f6e9a7;--page-accent:#cf9f00;--page-accent-2:#f2d75b;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(134,26,67,.085) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.24),transparent 55%)!important;
  background-size:13px 13px,100% 100%!important;
}
body.page-product-growth{
  --page-bg:#d9ebf7;--page-accent:#2e83b4;--page-accent-2:#95cde9;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(46,131,180,.10) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.24),transparent 55%)!important;
  background-size:13px 13px,100% 100%!important;
}
body.page-experiential .page-hero,body.page-experiential main.section,
body.page-rebrand .page-hero,body.page-rebrand main.section,
body.page-celebrity .page-hero,body.page-celebrity main.section,
body.page-partnerships .page-hero,body.page-partnerships main.section,
body.page-product-growth .page-hero,body.page-product-growth main.section{background:transparent!important}

/* Give the summary at the top of every extension page an ownable graphic field. */
.page-hero{padding:42px 0 34px!important}
.page-hero>.shell{
  position:relative;overflow:hidden;
  padding:40px 44px!important;
  border-radius:28px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 18px 42px rgba(74,24,45,.09);
  isolation:isolate;
}
.page-hero>.shell>*{position:relative;z-index:2}
.page-hero>.shell::before{
  content:'';position:absolute;z-index:0;width:270px;height:270px;right:-76px;top:-92px;
  border-radius:43% 57% 65% 35%/44% 34% 66% 56%;
  background:var(--page-accent-2);opacity:.34;transform:rotate(18deg);
}
.page-hero>.shell::after{
  content:'';position:absolute;z-index:1;right:24px;bottom:16px;width:170px;height:82px;border-radius:18px;
  background:repeating-linear-gradient(115deg,var(--page-accent) 0 9px,transparent 9px 19px);opacity:.11;transform:rotate(-7deg);
}
.page-hero h1{color:var(--wine)!important;max-width:760px!important}
.page-hero p{color:rgba(46,20,32,.86)!important;max-width:720px!important}
.page-hero .recognition{color:var(--wine)!important;max-width:760px}
.page-hero .eyebrow{color:var(--wine)!important;font-weight:700}

/* Metric pills on case pages: page-color tinted, high contrast, never beige. */
.impact{background:rgba(255,255,255,.76)!important;color:var(--wine)!important;border:1px solid rgba(134,26,67,.10)!important}
.page-experiential .impact{background:#f3f8d8!important}
.page-rebrand .impact{background:#fff0f5!important}
.page-celebrity .impact{background:#fff0e9!important}
.page-partnerships .impact{background:#fff6c9!important}
.page-product-growth .impact{background:#edf7fd!important}
.systems,.platform-grid div,.systems-preview strong,.system-proof div,.rezi-media-card figcaption,.recognition-strip{background:#fff4f7!important}

/* Celebrity / talent: consistent text columns; centered white media cards; Kristin can be slightly wider. */
.page-celebrity .case-card{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr)!important;gap:34px!important}
.page-celebrity .case-card>div:first-child{width:100%;max-width:480px}
.page-celebrity .case-carousel{width:100%;max-width:478px;margin:0 auto!important;background:#fff!important;border-color:rgba(134,26,67,.09)!important;padding:14px!important;border-radius:22px!important}
.page-celebrity .kristin-case .case-carousel{max-width:525px!important}
.page-celebrity .case-carousel .carousel-window{width:100%;aspect-ratio:4/5!important;max-height:none!important;margin:0 auto;background:#111!important}
.page-celebrity .case-carousel .carousel-slide img,.page-celebrity .case-carousel .carousel-slide video{object-fit:contain!important;background:#111!important}
.page-celebrity .carousel-thumbs{overflow-x:auto!important;flex-wrap:nowrap!important;max-width:100%;scrollbar-width:none;padding-bottom:2px}
.page-celebrity .carousel-thumbs::-webkit-scrollbar{display:none}
.page-celebrity .carousel-thumb{flex:0 0 72px!important}

/* Partnerships: every lead media tile uses the same 9:16 stage. */
.page-partnerships .case-card{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr)!important;gap:36px!important}
.page-partnerships .case-card>div:first-child{max-width:500px}
.page-partnerships .case-carousel{width:100%;max-width:410px;margin:0 auto!important;background:#fff!important;padding:14px!important;border-radius:22px!important}
.page-partnerships .case-carousel .carousel-window{aspect-ratio:9/16!important;background:#111!important}
.page-partnerships .case-carousel .carousel-slide img,.page-partnerships .case-carousel .carousel-slide video{object-fit:contain!important;background:#111!important}
.page-partnerships .carousel-thumbs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.page-partnerships .carousel-thumbs::-webkit-scrollbar{display:none}

/* Rebrand side-by-side: matched 4:5 first frames and portrait-friendly NOW imagery. */
.then-now-v22 .then-now-side{background:rgba(255,255,255,.66)!important;border-color:rgba(134,26,67,.10)!important;border-radius:20px!important}
.then-now-v22 .carousel-window{aspect-ratio:4/5!important;background:#fff!important}
.then-now-v22 .carousel-slide img,.then-now-v22 .carousel-slide video{object-fit:contain!important;background:#fff!important}
.then-now-tag.now{background:var(--lime)!important;color:var(--wine)!important}
.then-now-tag.then{background:var(--wine)!important;color:#fff!important}
.rebrand-production-card{padding-top:40px!important}
.rebrand-production-media .carousel{background:rgba(255,255,255,.62)!important}

/* About: one vivid field, with ABOUT actually spanning the background. */
.about.about-vibrant{
  background:#cfe26a!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(134,26,67,.09) 1.1px,transparent 1.2px)!important;
  background-size:12px 12px!important;
  padding:38px 0 58px!important;
}
.about.about-vibrant .about-wordmark{
  top:-24px!important;left:-3vw!important;width:118vw!important;overflow:hidden!important;
  font-size:13vw!important;letter-spacing:-.055em!important;color:var(--wine)!important;opacity:.085!important;
}
.about.about-vibrant .about-wordmark::after{content:'ABOUT ABOUT ABOUT ABOUT';display:block;margin-top:13vw;transform:translateX(-7vw)}
.about.about-vibrant .about-life-grid{padding-top:30px!important}
.about.about-vibrant .about-life-carousel{background:rgba(255,255,255,.62)!important}
.about-life-carousel .carousel-window,.about-life-carousel .carousel-slide img{background:#f2f8db!important}
.about-life-copy p{max-width:640px!important}

/* Footer: more image, less CTA bulk, smaller statement, rounded button. */
.footer.footer-editorial{grid-template-columns:320px minmax(0,1fr)!important;min-height:220px!important;border-top:7px solid var(--pink)!important}
.footer-photo-wrap{min-height:220px!important}.footer-photo-wrap img{transform:scale(1.06)!important;object-position:center 44%!important}
.footer-main{padding:30px 40px 18px!important}
.footer-kicker{margin-bottom:15px!important}
.footer-cta-row{gap:22px!important}
.footer-cta-row h2{font-size:clamp(30px,3vw,46px)!important;line-height:1!important;max-width:720px!important}
.footer-button{min-width:148px!important;max-width:154px!important;width:154px!important;padding:12px 14px!important;border-radius:12px!important;font-size:10px!important}
.footer-secondary{margin-top:20px!important;padding-top:13px!important}

/* Selected-work buttons always wrap; video cards keep visual continuity. */
.work-card-track{scroll-padding-inline:2px}

@media(max-width:900px){
  .page-celebrity .case-card,.page-partnerships .case-card{grid-template-columns:1fr!important}
  .page-celebrity .case-card>div:first-child,.page-partnerships .case-card>div:first-child{max-width:650px}
  .footer.footer-editorial{grid-template-columns:220px minmax(0,1fr)!important}.footer-main{padding:28px 26px 17px!important}
  .page-hero>.shell{padding:34px 32px!important}
}
@media(max-width:520px){
  .nav>a.disp{font-size:24px!important}
  .hero-wrap.classic-hero-wrap{padding-bottom:0!important}
  .cap{min-height:72px!important}
  .page-hero>.shell{padding:28px 22px!important;border-radius:20px}.page-hero>.shell::after{width:110px;height:60px;right:-8px}
  .page-celebrity .case-carousel,.page-celebrity .kristin-case .case-carousel,.page-partnerships .case-carousel{max-width:100%!important}
  .about.about-vibrant .about-wordmark{font-size:25vw!important;width:170vw!important;top:-4px!important}.about.about-vibrant .about-wordmark::after{margin-top:28vw}
  .footer.footer-editorial{grid-template-columns:1fr!important}.footer-photo-wrap{height:240px!important;min-height:240px!important}.footer-photo-wrap img{transform:scale(1.03)!important}.footer-button{width:154px!important;min-width:154px!important}
}

/* ===== v25 final refinement pass ===== */
:root{
  --home-cream:#f1e7d4;
  --deep-green:#123f31;
  --deep-teal:#123f4a;
  --teal:#59bbc4;
  --lime-punch:#b9d83e;
  --yellow-punch:#e9cd3f;
  --orange-ink:#c94a1c;
  --wine-rich:#7d173a;
}

/* Homepage returns to the warm cream world from the prior version. */
body.home-page{--cream:var(--home-cream);--paper:#efe3cc;--brown:#2b1512;background:var(--home-cream)!important;color:var(--brown)}
.home-page .textured-cream,
.home-page .section.work,
.home-page .category-index{
  background-color:var(--home-cream)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(122,30,58,.055) 1px,transparent 1.1px)!important;
  background-size:14px 14px!important;
}
.home-page .classic-hero-wrap .hero{background:var(--home-cream)!important}
.home-page .classic-hero-wrap .hero-copy{background:var(--home-cream)!important}
.home-page .classic-hero-wrap .hero-image img{border-color:var(--home-cream)!important}
.home-page .classic-hero-wrap .headshot-caption{background:rgba(241,231,212,.94)!important}

/* A slightly more confident masthead, still editorial rather than novelty. */
.nav>a.disp{font-size:31px!important;line-height:1!important}
@media(max-width:520px){.nav>a.disp{font-size:27px!important}}

/* Hero role now lives with the portrait, as supporting context. */
.headshot-role{margin-top:7px;max-width:300px;text-align:center;font-size:12px;line-height:1.25;color:rgba(122,30,58,.72);font-style:italic}
.home-page .hero-copy{gap:19px!important}

/* Metrics: five stronger signals, balanced across brand + growth. */
.metric-grid{grid-template-columns:repeat(5,1fr)!important;gap:24px!important}
.metric:nth-child(1) strong{color:var(--pink)!important}
.metric:nth-child(2) strong{color:var(--lime-punch)!important}
.metric:nth-child(3) strong{color:var(--teal)!important}
.metric:nth-child(4) strong{color:var(--yellow-punch)!important}
.metric:nth-child(5) strong{color:#fff2e7!important}
@media(max-width:820px){.metric-grid{grid-template-columns:repeat(2,1fr)!important}.metric:last-child{grid-column:1/-1}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr!important}}

/* Homepage category bridge: punchier but controlled; no same-color collision with proof banner. */
.cap.wine{background:var(--lime-punch)!important;color:var(--deep-green)!important}
.cap.pink{background:#e58bad!important;color:var(--wine-rich)!important}
.cap.coral{background:#e6501d!important;color:#2b1512!important}
.cap.yellow{background:var(--yellow-punch)!important;color:var(--orange-ink)!important}
.cap.blue{background:var(--teal)!important;color:var(--deep-teal)!important}
.cap span{font-weight:800!important}

/* Explore-the-work cards: richer green through-line; preserve readable contrast on coral. */
.category-card{color:var(--deep-green)!important}
.cat-wine{background:var(--lime-punch)!important;color:var(--deep-green)!important}
.cat-pink{background:#e58bad!important;color:var(--deep-green)!important}
.cat-coral{background:#f69a76!important;color:var(--deep-green)!important}
.cat-yellow{background:var(--yellow-punch)!important;color:var(--deep-green)!important}
.cat-blue{background:var(--teal)!important;color:var(--deep-teal)!important}
.category-card p{color:inherit!important;opacity:.9}

/* Extension pages: more saturated color worlds, never beige. */
body.page-experiential{
  --page-bg:#d8ec74;--page-accent:#5f8f2f;--page-accent-2:#b9d83e;
  color:var(--deep-green)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(24,75,57,.13) 1px,transparent 1.15px),linear-gradient(130deg,rgba(255,255,255,.16),transparent 58%)!important;
}
.page-experiential .page-hero h1,.page-experiential .page-hero p,.page-experiential .page-hero .eyebrow,.page-experiential .case-card h2,.page-experiential .case-card .eyebrow,.page-experiential .award,.page-experiential .press-links a{color:var(--deep-green)!important}
.page-experiential .impact{background:rgba(255,255,255,.58)!important;color:var(--deep-green)!important;border-color:rgba(24,75,57,.13)!important}
.page-experiential .case-carousel{width:100%;max-width:520px;margin:0 auto!important;background:rgba(255,255,255,.70)!important;padding:12px!important;border-radius:20px!important}
.page-experiential .case-carousel .carousel-window{width:100%;aspect-ratio:16/9!important;margin:0 auto;background:#111!important}

body.page-rebrand{
  --page-bg:#f2a8c5;--page-accent:#a11d52;--page-accent-2:#f36fa7;
  color:var(--wine-rich)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(125,23,58,.13) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.14),transparent 52%)!important;
}
.page-rebrand .page-hero h1,.page-rebrand .page-hero p,.page-rebrand .page-hero .eyebrow,.page-rebrand .case-card h2,.page-rebrand .case-card .eyebrow,.page-rebrand .award{color:var(--wine-rich)!important}
.page-rebrand .impact{background:rgba(255,255,255,.58)!important;color:var(--wine-rich)!important;border-color:rgba(125,23,58,.13)!important}

/* Shared extension hero cards feel integrated with their page color rather than pasted-on white. */
.page-hero>.shell{background:rgba(255,255,255,.42)!important;border-color:rgba(255,255,255,.55)!important}
.page-experiential .page-hero>.shell{box-shadow:0 18px 42px rgba(24,75,57,.10)!important}
.page-rebrand .page-hero>.shell{box-shadow:0 18px 42px rgba(125,23,58,.11)!important}

/* Footer: shorter, wider image, tighter CTA. */
.footer.footer-editorial{grid-template-columns:380px minmax(0,1fr)!important;min-height:178px!important}
.footer-photo-wrap{min-height:178px!important;height:178px!important;overflow:hidden!important}
.footer-photo-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 53%!important;transform:scale(1.03)!important}
.footer-main{padding:22px 32px 12px!important}
.footer-kicker{margin-bottom:8px!important}
.footer-cta-row{gap:12px!important;align-items:center!important}
.footer-cta-row h2{font-size:clamp(27px,2.5vw,39px)!important;line-height:.98!important;max-width:660px!important;margin:0!important}
.footer-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:124px!important;max-width:132px!important;width:132px!important;padding:10px 11px!important;border-radius:16px!important;font-size:9.5px!important;white-space:nowrap!important;border:0!important;cursor:pointer!important}
.footer-button span{margin:0!important;padding:0!important}
.footer-secondary{margin-top:12px!important;padding-top:9px!important}
@media(max-width:900px){.footer.footer-editorial{grid-template-columns:260px minmax(0,1fr)!important}.footer-main{padding:20px 22px 12px!important}}
@media(max-width:520px){.footer.footer-editorial{grid-template-columns:1fr!important}.footer-photo-wrap{height:210px!important;min-height:210px!important}.footer-button{width:132px!important;min-width:132px!important;max-width:132px!important}}

/* Contact pop-up */
.contact-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:22px}
.contact-modal.is-open{display:grid}
.contact-modal-backdrop{position:absolute;inset:0;background:rgba(31,10,20,.55);backdrop-filter:blur(5px)}
.contact-modal-card{position:relative;z-index:1;width:min(520px,100%);background:#fff8fa;color:var(--wine-rich);border-radius:24px;padding:30px;box-shadow:0 28px 70px rgba(37,10,24,.32);border:1px solid rgba(125,23,58,.12)}
.contact-modal-kicker{font-size:13px;margin-bottom:5px}
.contact-modal-card h2{font:700 clamp(30px,5vw,44px)/1 'Oswald',sans-serif;text-transform:uppercase;margin:0 0 9px}
.contact-modal-card>p{margin:0 0 22px;color:rgba(46,20,32,.72)}
.contact-modal-close{position:absolute;right:14px;top:11px;border:0;background:none;color:var(--wine-rich);font-size:28px;cursor:pointer}
.contact-options{display:grid;gap:9px}
.contact-options a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:14px;background:#f6dbe5;color:var(--wine-rich);opacity:1!important}
.contact-options a:nth-child(2){background:#d9ebee;color:var(--deep-teal)}
.contact-options a:nth-child(3){background:#dbe8a0;color:var(--deep-green)}
.contact-options strong{font-size:14px}.contact-options span{font-size:12px;text-align:right;opacity:.78}
body.modal-open{overflow:hidden}

/* Selected work wrap feels deliberate at the ends. */
.work-card-track{scroll-behavior:smooth!important}


/* ===== v26 recruiter-ready final visual system ===== */
:root{
  --wasabi:#dce65a;
  --orange-topaz:#ef5a3c;
  --cool-blue:#bddce8;
  --cassis:#47242f;
  --vert-sauge:#aeb9aa;
  --deep-green-v26:#173f37;
  --deep-teal-v26:#164750;
  --blush-v26:#ef9fb6;
  --soft-blush:#f3bdcb;
  --warm-white:#fffaf5;
}

/* Homepage color field returns to the preferred split pink / orange treatment. */
.hero-wrap.classic-hero-wrap{
  background:linear-gradient(90deg,#e485a1 0 50%,#ee5b3e 50% 100%)!important;
  background-image:linear-gradient(90deg,#e485a1 0 50%,#ee5b3e 50% 100%)!important;
  padding:18px 0 0!important;
}
.classic-hero-wrap .hero{background:var(--home-cream)!important}
.classic-hero-wrap .hero-copy{background:var(--home-cream)!important}
.classic-hero-wrap .hero-image{background:linear-gradient(180deg,#e68ba8 0 52%,#ed6443 52% 100%)!important;padding:28px 34px 25px!important}
.classic-hero-wrap .hero-image img{filter:none!important;width:min(100%,272px)!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center 28%!important}
.classic-hero-wrap .headshot-role{order:2;margin:10px 0 0!important;color:rgba(71,36,47,.72)!important;font-family:'Fraunces',Georgia,serif!important;font-size:12px!important;font-style:italic!important;line-height:1.2!important;max-width:320px!important}
.classic-hero-wrap .headshot-caption{order:3;margin:9px 0 0!important;background:rgba(255,250,245,.95)!important;color:var(--cassis)!important;border:0!important;border-radius:0!important;max-width:326px!important;padding:9px 14px!important;box-shadow:0 5px 15px rgba(71,36,47,.08)!important}

/* Softer, less hard-edged hero typography with the palette cues the user liked. */
.classic-hero-wrap .hero h1{
  font-family:'Archivo Black','Arial Black',sans-serif!important;
  font-weight:400!important;
  letter-spacing:-.042em!important;
  line-height:.94!important;
  color:#291916!important;
  text-wrap:balance;
}
.classic-hero-wrap .hero h1 .coral{color:var(--orange-topaz)!important}
.classic-hero-wrap .hero h1 .lime{color:#b6cc3e!important}
.classic-hero-wrap .hero h1 .hero-period{color:var(--cassis)!important}
.classic-hero-wrap .hero-summary{color:#35231f!important;max-width:620px!important}
.classic-hero-wrap .button.primary{background:var(--cassis)!important;color:#fffaf5!important;border-radius:999px!important;padding:12px 24px!important;letter-spacing:.08em!important;font-size:11px!important;width:max-content!important}
.classic-hero-wrap .button.primary:hover{background:var(--orange-topaz)!important;color:#fff!important;opacity:1!important}

/* Category bridge: high contrast, playful editorial palette; no burgundy-on-green pairing. */
.cap.wine{background:var(--cool-blue)!important;color:var(--deep-teal-v26)!important}
.cap.pink{background:var(--soft-blush)!important;color:var(--cassis)!important}
.cap.coral{background:var(--orange-topaz)!important;color:#f4e85b!important}
.cap.yellow{background:var(--wasabi)!important;color:#bd492f!important}
.cap.blue{background:var(--deep-green-v26)!important;color:var(--cool-blue)!important}
.cap span{font-weight:850!important}

/* Proof band — keep five signals and keep Conversion/CAC on a single line. */
.metrics{background:var(--cassis)!important}
.metric:nth-child(1) strong{color:var(--blush-v26)!important}
.metric:nth-child(2) strong{color:var(--wasabi)!important}
.metric:nth-child(3) strong{color:var(--cool-blue)!important}
.metric:nth-child(4) strong{color:#f2cf46!important}
.metric:nth-child(5) strong{color:#fff5ef!important;font-size:clamp(21px,2.35vw,33px)!important;white-space:nowrap!important;letter-spacing:-.02em!important}
.metric:nth-child(5) small{white-space:nowrap!important}

/* Explore-the-work cards echo the palette while keeping richer green/teal copy. */
.category-index{padding-top:12px!important}
.category-index .section-heading{margin-bottom:24px!important}
.cat-wine{background:var(--cool-blue)!important;color:var(--deep-teal-v26)!important}
.cat-pink{background:var(--soft-blush)!important;color:var(--cassis)!important}
.cat-coral{background:#f39a78!important;color:var(--deep-green-v26)!important}
.cat-yellow{background:var(--wasabi)!important;color:var(--deep-green-v26)!important}
.cat-blue{background:var(--deep-green-v26)!important;color:var(--cool-blue)!important}
.category-card p{color:inherit!important;opacity:.88!important}

/* ABOUT: clean light field, orange headline accents, and dots only in the whitespace between wordmark rows. */
.about.about-vibrant{
  position:relative!important;
  background:var(--warm-white)!important;
  background-image:none!important;
  color:#35231f!important;
  padding:42px 0 62px!important;
}
.about.about-vibrant::before{
  content:'';position:absolute;left:0;right:0;top:42%;height:16%;
  background-image:radial-gradient(circle at 1px 1px,rgba(71,36,47,.075) 1.05px,transparent 1.15px)!important;
  background-size:12px 12px!important;pointer-events:none;z-index:0;
}
.about.about-vibrant .about-wordmark{color:var(--cassis)!important;opacity:.07!important;z-index:0!important}
.about.about-vibrant .about-wordmark::after{color:var(--cassis)!important}
.about.about-vibrant .about-life-grid{position:relative;z-index:2!important}
.about.about-vibrant .about-kicker,.about.about-vibrant h2{color:var(--orange-topaz)!important}
.about.about-vibrant .about-life-carousel{background:rgba(255,255,255,.76)!important;border-color:rgba(71,36,47,.08)!important}
.about-life-carousel .carousel-window,.about-life-carousel .carousel-slide img{background:#f9efe9!important}
.about-life-copy p{color:#49342f!important}
.about-personal{color:var(--deep-teal-v26)!important;font-weight:600!important}

/* Extension page color worlds pulled from Wasabi / Cool Blue / Orange Topaze / Cassis / Vert Sauge. */
body.page-experiential{
  --page-bg:#c8e4eb;--page-accent:#2c7b84;--page-accent-2:#9fd0da;
  color:var(--deep-teal-v26)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(22,71,80,.10) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.24),transparent 56%)!important;
}
.page-experiential .page-hero h1,.page-experiential .page-hero p,.page-experiential .page-hero .eyebrow,.page-experiential .case-card h2,.page-experiential .case-card .eyebrow,.page-experiential .award,.page-experiential .press-links a{color:var(--deep-teal-v26)!important}
.page-experiential .impact{background:#edf8fa!important;color:var(--deep-teal-v26)!important;border-color:rgba(22,71,80,.13)!important}

body.page-rebrand{
  --page-bg:#f0b8c8;--page-accent:#b74466;--page-accent-2:#e98eaa;
  color:var(--cassis)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(71,36,47,.10) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.18),transparent 54%)!important;
}
.page-rebrand .page-hero h1,.page-rebrand .page-hero p,.page-rebrand .page-hero .eyebrow,.page-rebrand .case-card h2,.page-rebrand .case-card .eyebrow,.page-rebrand .award{color:var(--cassis)!important}
.page-rebrand .impact{background:#fff1f5!important;color:var(--cassis)!important;border-color:rgba(71,36,47,.12)!important}
.then-now-tag.now{background:var(--soft-blush)!important;color:var(--cassis)!important}
.then-now-tag.then{background:var(--cassis)!important;color:#fff!important}

body.page-celebrity{
  --page-bg:#efa17f;--page-accent:#d84d31;--page-accent-2:#f6bd9e;
  color:var(--cassis)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(71,36,47,.10) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.16),transparent 54%)!important;
}
.page-celebrity .page-hero h1,.page-celebrity .page-hero p,.page-celebrity .page-hero .eyebrow,.page-celebrity .case-card h2,.page-celebrity .case-card .eyebrow,.page-celebrity .award{color:var(--cassis)!important}
.page-celebrity .impact{background:#fff0e8!important;color:var(--cassis)!important;border-color:rgba(71,36,47,.11)!important}

body.page-partnerships{
  --page-bg:#e6ea77;--page-accent:#7c8d26;--page-accent-2:#f0efab;
  color:var(--deep-green-v26)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(23,63,55,.105) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.22),transparent 54%)!important;
}
.page-partnerships .page-hero h1,.page-partnerships .page-hero p,.page-partnerships .page-hero .eyebrow,.page-partnerships .case-card h2,.page-partnerships .case-card .eyebrow,.page-partnerships .award{color:var(--deep-green-v26)!important}
.page-partnerships .impact{background:#f8facd!important;color:var(--deep-green-v26)!important;border-color:rgba(23,63,55,.12)!important}

body.page-product-growth{
  --page-bg:#b6c2b4;--page-accent:#476c5f;--page-accent-2:#d8e1d5;
  color:var(--deep-green-v26)!important;
  background-color:var(--page-bg)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(23,63,55,.11) 1px,transparent 1.15px),linear-gradient(135deg,rgba(255,255,255,.20),transparent 54%)!important;
}
.page-product-growth .page-hero h1,.page-product-growth .page-hero p,.page-product-growth .page-hero .eyebrow,.page-product-growth .case-card h2,.page-product-growth .case-card .eyebrow,.page-product-growth .award{color:var(--deep-green-v26)!important}
.page-product-growth .impact{background:#e9f0e7!important;color:var(--deep-green-v26)!important;border-color:rgba(23,63,55,.13)!important}

/* Category intro cards: lighter than the page but still visually ownable. */
.page-hero>.shell{background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.54)!important}
.page-hero>.shell::before{opacity:.42!important}
.page-hero>.shell::after{opacity:.13!important}

/* Experiential first three cases use portrait-native stages, reducing black bars. */
.page-experiential .case-card:nth-of-type(-n+3) .case-carousel{width:100%;max-width:420px!important;margin:0 auto!important}
.page-experiential .case-card:nth-of-type(-n+3) .case-carousel .carousel-window{aspect-ratio:9/16!important;background:#111!important}
.page-experiential .case-card:nth-of-type(-n+3) .case-carousel .carousel-slide video{object-fit:contain!important;background:#111!important}
.page-experiential .case-card:nth-of-type(-n+3) .case-carousel .carousel-slide img{object-fit:cover!important}

/* Footer: same treatment on every page; compact pill CTA. */
.footer.footer-editorial{grid-template-columns:380px minmax(0,1fr)!important;min-height:178px!important}
.footer-photo-wrap{height:178px!important;min-height:178px!important}
.footer-photo-wrap img{transform:scale(1.03)!important;object-position:center 53%!important}
.footer-main{padding:21px 30px 11px!important}
.footer-cta-row{gap:9px!important}
.footer-cta-row h2{font-size:clamp(26px,2.4vw,37px)!important;max-width:690px!important}
.footer-button{width:122px!important;min-width:122px!important;max-width:122px!important;padding:10px 12px!important;border-radius:999px!important;gap:4px!important;font-size:9px!important}
.footer-secondary{margin-top:11px!important;padding-top:8px!important}

/* Keep green surfaces paired with deep green/teal rather than burgundy. */
.page-product-growth a,.page-partnerships a{--wine:var(--deep-green-v26)}

@media(max-width:820px){
  .classic-hero-wrap .hero h1{letter-spacing:-.035em!important}
  .metric:nth-child(5) strong{font-size:28px!important}
  .page-experiential .case-card:nth-of-type(-n+3) .case-carousel{max-width:390px!important}
  .footer.footer-editorial{grid-template-columns:260px minmax(0,1fr)!important}
}
@media(max-width:520px){
  .classic-hero-wrap .hero-image img{width:min(100%,280px)!important}
  .metric:nth-child(5) strong{font-size:22px!important;white-space:normal!important}
  .metric:nth-child(5) small{white-space:normal!important}
  .about.about-vibrant::before{top:44%;height:13%}
  .footer.footer-editorial{grid-template-columns:1fr!important}.footer-photo-wrap{height:210px!important;min-height:210px!important}.footer-button{width:122px!important;min-width:122px!important}
}
/* v26 contrast QA refinements */
.cap.coral{background:#b93627!important;color:#f7ee72!important}
.cap.yellow{background:var(--wasabi)!important;color:#a6402c!important}
/* v26 spacing + proof-band balance */
.section.work{padding-bottom:18px!important}
.category-index{padding-top:8px!important}
.metric-grid{grid-template-columns:1fr 1.02fr .92fr .78fr 1.38fr!important;gap:18px!important}
.about.about-vibrant::before{top:28%!important;height:11%!important}
@media(max-width:820px){.metric-grid{grid-template-columns:repeat(2,1fr)!important}.metric:last-child{grid-column:1/-1}.about.about-vibrant::before{top:31%!important;height:10%!important}}
@media(max-width:520px){.about.about-vibrant::before{top:35%!important;height:8%!important}}
/* Avoid the green + burgundy pairing in the proof band. */
.metric:nth-child(2) strong{color:var(--orange-topaz)!important}


/* ===== v27 Brand Book + Content Book system ===== */
:root{
  --cream:#F2E9D8;--cream-panel:#FAF4E8;--ink:#2B1512;--ink-muted:#6E5B52;--rule:#DDD0BA;
  --coral:#E8552F;--lime:#B8D142;--wine:#7A1E3A;--wine-text:#F2E4C8;
  --cat-experiential:#CFE2EA;--cat-experiential-ink:#0F4A42;
  --cat-rebrand:#EFBFCD;--cat-rebrand-ink:#701F3D;
  --cat-celebrity:#EFA084;--cat-celebrity-ink:#42212F;
  --cat-partnerships:#DFEC72;--cat-partnerships-ink:#1B4332;
  --cat-product:#C8D4C3;--cat-product-ink:#1A3A2E;
  --radius-panel:18px;--radius-card:4px;--radius-chip:2px;--radius-pill:100px;
  --step--1:clamp(.83rem,.79rem + .20vw,.94rem);--step-0:clamp(1rem,.95rem + .25vw,1.13rem);
  --step-1:clamp(1.2rem,1.11rem + .45vw,1.5rem);--step-2:clamp(1.44rem,1.29rem + .75vw,2rem);
  --step-3:clamp(1.73rem,1.49rem + 1.2vw,2.66rem);--step-4:clamp(2.07rem,1.71rem + 1.8vw,3.55rem);
  --step-5:clamp(2.49rem,1.94rem + 2.75vw,4.74rem);
  --space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:9rem;
}
html{background:var(--cream)}
body{background-color:var(--cream)!important;color:var(--ink)!important;font-family:'DM Sans',sans-serif;line-height:1.6;background-image:radial-gradient(rgba(43,21,18,.05) 1px,transparent 1.4px);background-size:7px 7px}
.shell{max-width:1180px;padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}
/* Wordmark = voice, not work */
.nav>a.disp{font-family:'Fraunces',Georgia,serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:-.025em!important;font-size:clamp(1.35rem,1.2rem + .6vw,1.85rem)!important}
.nav-links,.eyebrow,.metric small{font-family:'DM Sans',sans-serif}
.work-dropdown{background:var(--cream-panel)!important;border:1px solid var(--rule)!important;color:var(--ink)!important}

/* Homepage signature treatment: protect the one gradient + LAND / SCALE color move. */
.hero-wrap.classic-hero-wrap{background:linear-gradient(120deg,#E88BA8 0%,#E8552F 100%)!important;background-image:linear-gradient(120deg,#E88BA8 0%,#E8552F 100%)!important;padding:1.1rem 0 2rem!important}
.classic-hero{background:var(--cream-panel)!important;border-radius:var(--radius-panel)!important;overflow:hidden;box-shadow:none!important;border:0!important}
.classic-hero .hero-copy{padding:clamp(2rem,4vw,3.5rem)!important}
.classic-hero h1{font-family:'Oswald',sans-serif!important;font-size:var(--step-5)!important;line-height:.95!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:var(--ink)!important}
.classic-hero h1 .coral{color:var(--coral)!important}.classic-hero h1 .lime{color:var(--lime)!important}.hero-period{color:var(--wine)!important}
.hero-summary{font-size:var(--step-0)!important;line-height:1.6!important;max-width:62ch!important;color:var(--ink)!important}
.hero-image{background:linear-gradient(160deg,#E88BA8,#E8552F)!important;padding:clamp(1.5rem,3vw,2.25rem)!important}
.hero-image img{border-radius:4px!important;border:5px solid var(--cream-panel)!important;box-shadow:none!important}
.headshot-role,.headshot-caption,.headshot-scope{width:min(100%,390px);text-align:center;margin-left:auto;margin-right:auto}
.headshot-role{margin-top:.85rem;color:var(--ink)!important;font:600 var(--step--1)/1.35 'DM Sans',sans-serif!important;letter-spacing:.02em;text-transform:none!important;background:none!important;padding:0!important;border:0!important}
.headshot-caption{margin-top:.3rem!important;background:none!important;border:0!important;color:var(--ink-muted)!important;padding:0!important;font:500 var(--step--1)/1.35 'DM Sans',sans-serif!important;letter-spacing:.01em!important}
.headshot-scope{margin-top:.3rem;color:var(--ink-muted);font-size:clamp(.72rem,.7rem + .12vw,.82rem);line-height:1.35}
.button,.footer-button{border-radius:var(--radius-pill)!important}
.button.primary{background:var(--coral)!important;color:#fff!important}

/* Scale-first stat bar: editorial, not candy-colored. */
.metrics{background:var(--cream)!important;color:var(--ink)!important;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:2rem 0!important;background-image:none!important}
.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(1rem,2vw,2.5rem)!important;text-align:left!important}
.metric strong,.metric:nth-child(n) strong{display:block;color:var(--coral)!important;font:700 var(--step-3)/1 'Oswald',sans-serif!important}
.metric small{display:block;color:var(--ink-muted)!important;font-size:var(--step--1)!important;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;margin-top:.5rem!important}
.cap-strip,.cap-divider{display:none!important}

/* Featured work + category navigation */
.section.work,.category-index{background:var(--cream)!important;background-image:radial-gradient(rgba(43,21,18,.05) 1px,transparent 1.4px)!important;background-size:7px 7px!important}
.section.work{padding:var(--space-2xl) 0 var(--space-3xl)!important}
.section-heading h2,.category-index .section-heading h2{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;color:var(--ink)!important}
.work-card{border-radius:var(--radius-card)!important;box-shadow:none!important}
.work-card-copy h3{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important}
.category-card{background:var(--cream-panel)!important;color:var(--ink)!important;border-radius:var(--radius-card)!important;border-top:2px solid var(--cat, var(--coral));box-shadow:none!important}
.category-card h3{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;line-height:1.05!important}
.category-card:nth-child(1){--cat:var(--cat-experiential)}.category-card:nth-child(2){--cat:var(--cat-rebrand)}.category-card:nth-child(3){--cat:var(--cat-celebrity)}.category-card:nth-child(4){--cat:var(--cat-partnerships)}.category-card:nth-child(5){--cat:var(--cat-product)}
.category-card b{color:var(--coral)!important}

/* Testimonial and footer remain the only deep-value blocks. */
.testimonial{background:var(--wine)!important;color:var(--wine-text)!important;background-image:none!important}
.footer.footer-editorial{background:var(--wine)!important;color:var(--wine-text)!important;border-top:0!important}

/* About stays on cream; ghost type remains. */
.about,.about-vibrant{background:var(--cream)!important;color:var(--ink)!important;background-image:radial-gradient(rgba(43,21,18,.05) 1px,transparent 1.4px)!important;background-size:7px 7px!important}
.about-wordmark{color:rgba(43,21,18,.045)!important}
.about h2{font-family:'Fraunces',Georgia,serif!important;text-transform:none!important;line-height:1.05!important;color:var(--ink)!important}
.about-kicker{color:var(--coral)!important}
.about-personal{color:var(--ink-muted)!important}

/* Subpages: cream ground, category as wayfinding accent only. */
body[data-practice]{background-color:var(--cream)!important;color:var(--ink)!important}
body[data-practice="experiential"]{--cat:var(--cat-experiential);--cat-ink:var(--cat-experiential-ink)}
body[data-practice="rebrand"]{--cat:var(--cat-rebrand);--cat-ink:var(--cat-rebrand-ink)}
body[data-practice="celebrity-talent"]{--cat:var(--cat-celebrity);--cat-ink:var(--cat-celebrity-ink)}
body[data-practice="partnerships"]{--cat:var(--cat-partnerships);--cat-ink:var(--cat-partnerships-ink)}
body[data-practice="product-growth"]{--cat:var(--cat-product);--cat-ink:var(--cat-product-ink)}
.page-hero,.page-hero.experiential,.page-hero.rebrand,.page-hero.celebrity-talent,.page-hero.partnerships,.page-hero.product-growth{background:transparent!important;padding:var(--space-xl) 0 var(--space-l)!important;background-image:none!important}
.page-hero::before,.page-hero::after,.page-hero .shell::before,.page-hero .shell::after{display:none!important;content:none!important}
.page-hero-panel{background:var(--cream-panel)!important;border-left:4px solid var(--cat)!important;border-radius:var(--radius-panel)!important;padding:clamp(1.5rem,4vw,3.25rem)!important;box-shadow:none!important}
.page-hero .eyebrow{color:var(--cat-ink)!important;font:600 var(--step--1)/1 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.page-hero h1{font-family:'Oswald',sans-serif!important;font-size:var(--step-4)!important;line-height:.95!important;text-transform:uppercase!important;letter-spacing:.01em!important;color:var(--ink)!important;margin:.75rem 0 1rem!important}
.page-hero p{max-width:62ch!important;font-size:var(--step-0)!important;color:var(--ink)!important;line-height:1.6!important}
main.section{padding:var(--space-xl) 0 var(--space-3xl)!important;background:transparent!important}
.case-card{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:clamp(2rem,5vw,4.5rem)!important;align-items:start!important;padding:var(--space-xl) 0!important;border-top:2px solid var(--cat)!important;border-bottom:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.case-card>.case-card-text,.case-card>div:first-child{min-width:0}
.case-card .eyebrow{color:var(--ink-muted)!important;font:600 var(--step--1)/1 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.case-card h2{font-family:'Oswald',sans-serif!important;font-size:var(--step-3)!important;line-height:1.05!important;text-transform:uppercase!important;color:var(--ink)!important;margin:.65rem 0 1rem!important}
.case-card .synopsis{font-size:var(--step-0)!important;line-height:1.6!important;max-width:62ch!important;color:var(--ink)!important}
.case-role{font-size:var(--step--1)!important;line-height:1.55!important;color:var(--ink-muted)!important;border-left:2px solid var(--rule)!important;padding-left:var(--space-s)!important;margin:var(--space-s) 0!important}
.case-role strong{color:var(--ink)!important}
.case-note{font-size:var(--step--1);color:var(--ink-muted);margin:.6rem 0 0}
.case-impact{display:flex!important;flex-wrap:wrap!important;gap:var(--space-s) var(--space-m)!important;margin-top:var(--space-m)!important}
.case-impact .impact{background:none!important;border:0!important;border-left:1px solid var(--rule)!important;border-radius:0!important;padding:.1rem 0 .1rem var(--space-xs)!important;font:600 var(--step--1)/1.35 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--ink)!important}
.award{color:var(--ink-muted)!important}.award .icon{background:none!important;color:var(--coral)!important;width:auto!important;height:auto!important;border-radius:0!important}
.press-links a{color:var(--coral)!important;text-decoration:underline;text-underline-offset:.18em}

/* Media: one 16:9 presentation language everywhere; portrait social is intentionally letterboxed. */
.carousel,.case-carousel,.old-world-carousel,.rebrand-stills-carousel{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
.carousel-window,.case-carousel .carousel-window,.then-now-side .carousel-window{aspect-ratio:16/9!important;border-radius:var(--radius-card)!important;background:var(--ink)!important;box-shadow:none!important;overflow:hidden!important}
.carousel-slide{background:var(--ink)!important}.carousel-slide img{width:100%!important;height:100%!important;object-fit:cover!important}.carousel-slide video{width:100%!important;height:100%!important;object-fit:contain!important;background:var(--ink)!important}
.carousel-arrow{border-radius:50%!important;background:rgba(250,244,232,.95)!important;color:var(--ink)!important;border:1px solid var(--rule)!important;box-shadow:none!important}
.carousel-thumbs{gap:.5rem!important;margin-top:.65rem!important}.carousel-thumb{border-radius:2px!important;border:1px solid transparent!important;background:none!important;aspect-ratio:16/9!important}.carousel-thumb.active{border-color:var(--coral)!important}
.rezi-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--space-s)!important}.rezi-media-card{border-radius:var(--radius-card)!important;overflow:hidden;background:transparent!important}.rezi-media-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--ink);border-radius:var(--radius-card)}.rezi-media-card figcaption{color:var(--ink-muted)!important}

/* Rebrand comparison */
.then-now{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--space-l)!important;margin:0 0 var(--space-m)!important}
.then-now-side{background:transparent!important;padding:0!important;border-radius:0!important;border-top:2px solid var(--cat)!important;padding-top:var(--space-m)!important}
.then-now-side h2{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;color:var(--ink)!important}
.then-now-tag{color:var(--cat-ink)!important;font:600 var(--step--1)/1 'DM Sans',sans-serif!important;letter-spacing:.1em!important}
.then-now-description{color:var(--ink-muted);max-width:48ch;min-height:3.4em;margin:.5rem 0 1.2rem}
.then-now-bridge{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:var(--step-1);color:var(--ink);max-width:40ch;margin:var(--space-l) auto var(--space-xl);text-align:center}

/* Product + Growth operating framework */
.growth-framework{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 var(--space-xl)}
.framework-step{background:var(--cream-panel);padding:var(--space-m);min-height:150px;display:flex;flex-direction:column;gap:.55rem}.framework-step b{font-family:'Oswald',sans-serif;color:var(--coral);font-size:var(--step-1)}.framework-step strong{font-family:'Oswald',sans-serif;text-transform:uppercase;line-height:1.05}.framework-step span{font-size:var(--step--1);line-height:1.45;color:var(--ink-muted)}

/* Footer page sequencing */
.next-row{margin-top:var(--space-xl)!important;padding-top:var(--space-m)!important;border-top:1px solid var(--rule)!important}.next-row .button{background:var(--coral)!important;color:#fff!important}

@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)!important}.case-card{grid-template-columns:1fr!important}.growth-framework{grid-template-columns:1fr 1fr!important}.then-now{grid-template-columns:1fr!important}.then-now-description{min-height:0}.rezi-media-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){.metric-grid{grid-template-columns:repeat(2,1fr)!important}.growth-framework{grid-template-columns:1fr!important}.hero-wrap.classic-hero-wrap{padding:.5rem 0 1rem!important}.page-hero{padding:var(--space-l) 0!important}.section.work{padding:var(--space-xl) 0 var(--space-2xl)!important}.case-card{padding:var(--space-l) 0!important}.footer.footer-editorial{grid-template-columns:1fr!important}}

/* v27 specificity guardrails: supersede older experimental page-color/media rules. */
body[data-practice] .page-hero h1{color:var(--ink)!important}
body[data-practice] .page-hero p{color:var(--ink)!important}
body[data-practice] .page-hero .eyebrow{color:var(--cat-ink)!important}
body[data-practice] .case-card h2{color:var(--ink)!important}
body[data-practice] .case-card .eyebrow{color:var(--ink-muted)!important}
body[data-practice] .case-card .award{color:var(--ink-muted)!important}
body[data-practice] .case-carousel,
body[data-practice] .old-world-carousel,
body[data-practice] .rebrand-stills-carousel{width:100%!important;max-width:none!important;margin:0!important;background:transparent!important;padding:0!important;border-radius:0!important;border:0!important}
body[data-practice] .case-carousel .carousel-window,
body[data-practice] .old-world-carousel .carousel-window,
body[data-practice] .rebrand-stills-carousel .carousel-window,
.page-experiential .case-card:nth-of-type(-n+3) .case-carousel .carousel-window,
.page-partnerships .case-carousel .carousel-window{aspect-ratio:16/9!important;border-radius:var(--radius-card)!important;background:var(--ink)!important}
body[data-practice] .case-carousel .carousel-slide video,
body[data-practice] .old-world-carousel .carousel-slide video,
body[data-practice] .rebrand-stills-carousel .carousel-slide video{object-fit:contain!important;background:var(--ink)!important}
body[data-practice] .case-carousel .carousel-slide img,
body[data-practice] .old-world-carousel .carousel-slide img,
body[data-practice] .rebrand-stills-carousel .carousel-slide img{object-fit:cover!important}
body[data-practice] .impact{background:none!important;color:var(--ink)!important;border:0!important;border-left:1px solid var(--rule)!important;border-radius:0!important}


/* =========================================================
   v28 — personality + seniority hybrid
   Brand Book discipline without sanding off creative character.
   ========================================================= */
:root{
  --home-ground:#F4EDE1;
  --cool-blue:#B9DCE8;
  --cool-blue-deep:#0F4A42;
  --rebrand-blush:#EDB8C9;
  --rebrand-wine:#701F3D;
  --celebrity-orange:#E99A79;
  --celebrity-plum:#42212F;
  --wasabi:#C8D84B;
  --forest:#1F4B36;
  --sage:#BBCBAA;
  --teal:#1B6A68;
}

/* Homepage: keep warm ground, remove dotted/polka texture, preserve color moments. */
.home-page{background:var(--home-ground)!important}
.home-page .textured-cream{background-color:var(--home-ground)!important;background-image:none!important}
.hero-summary{font-size:clamp(.98rem,.92rem + .18vw,1.08rem)!important;line-height:1.62!important;max-width:60ch!important}
.headshot-role{font-style:italic!important;color:rgba(43,21,18,.70)!important;margin-top:.7rem!important}
.headshot-scope{font-size:.87rem!important;letter-spacing:.02em!important;color:rgba(43,21,18,.78)!important;margin-top:.28rem!important;line-height:1.4!important}

/* Rounded, colorful navigation tiles are a signature navigation moment — not case-study UI. */
.category-card-grid{gap:1rem!important}
.category-card{border-radius:22px!important;border:0!important;box-shadow:none!important;padding:1.35rem!important;min-height:205px!important;transition:transform .22s ease,box-shadow .22s ease!important}
.category-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 35px rgba(43,21,18,.09)!important}
.category-card h3{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;line-height:1!important}
.category-card.cat-wine{background:var(--cool-blue)!important;color:var(--cool-blue-deep)!important}
.category-card.cat-wine *{color:var(--cool-blue-deep)!important}
.category-card.cat-pink{background:var(--rebrand-blush)!important;color:var(--rebrand-wine)!important}
.category-card.cat-pink *{color:var(--rebrand-wine)!important}
.category-card.cat-coral{background:var(--celebrity-orange)!important;color:#F7E25F!important}
.category-card.cat-coral *{color:#F7E25F!important}
.category-card.cat-yellow{background:var(--wasabi)!important;color:var(--forest)!important}
.category-card.cat-yellow *{color:var(--forest)!important}
.category-card.cat-blue{background:var(--cool-blue-deep)!important;color:var(--cool-blue)!important}
.category-card.cat-blue *{color:var(--cool-blue)!important}
.section.category-index{padding-top:clamp(3rem,6vw,5rem)!important}
.section.work{padding-bottom:clamp(3rem,6vw,5rem)!important}

/* Subpages: neutral reading ground with a real category-color hero — no polka dots. */
body[data-practice]{background:#F7F2E9!important;background-image:none!important;color:var(--ink)!important}
.page-hero{padding:2.4rem 0 3rem!important}
.page-hero-panel{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(220px,.52fr)!important;align-items:stretch!important;gap:clamp(1.3rem,3vw,2.4rem)!important;border:0!important;border-radius:28px!important;padding:clamp(1.55rem,3.5vw,2.8rem)!important;overflow:hidden!important;position:relative!important}
.page-hero-copy{align-self:center!important;position:relative!important;z-index:2!important}
.page-hero-art{min-height:250px!important;border-radius:20px!important;overflow:hidden!important;transform:rotate(1.3deg)!important;box-shadow:0 18px 38px rgba(43,21,18,.13)!important;position:relative!important;z-index:2!important}
.page-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.page-hero-panel::after{content:""!important;display:block!important;position:absolute!important;width:220px!important;height:220px!important;border-radius:50%!important;right:-85px!important;top:-92px!important;background:rgba(255,255,255,.26)!important}
body[data-practice="experiential"] .page-hero-panel{background:var(--cool-blue)!important}
body[data-practice="experiential"] .page-hero .eyebrow,body[data-practice="experiential"] .page-hero h1{color:var(--cool-blue-deep)!important}
body[data-practice="rebrand"] .page-hero-panel{background:var(--rebrand-blush)!important}
body[data-practice="rebrand"] .page-hero .eyebrow,body[data-practice="rebrand"] .page-hero h1{color:var(--rebrand-wine)!important}
body[data-practice="celebrity-talent"] .page-hero-panel{background:var(--celebrity-orange)!important}
body[data-practice="celebrity-talent"] .page-hero .eyebrow,body[data-practice="celebrity-talent"] .page-hero h1{color:var(--celebrity-plum)!important}
body[data-practice="partnerships"] .page-hero-panel{background:var(--wasabi)!important}
body[data-practice="partnerships"] .page-hero .eyebrow,body[data-practice="partnerships"] .page-hero h1{color:var(--forest)!important}
body[data-practice="product-growth"] .page-hero-panel{background:var(--sage)!important}
body[data-practice="product-growth"] .page-hero .eyebrow,body[data-practice="product-growth"] .page-hero h1{color:#244737!important}
.page-hero p{color:rgba(28,26,23,.84)!important}

/* Maintain an editorial case structure, but let assets keep the ratios they were made for. */
body[data-practice] .case-carousel .carousel-window,
body[data-practice] .old-world-carousel .carousel-window,
body[data-practice] .rebrand-stills-carousel .carousel-window{aspect-ratio:auto!important;min-height:0!important}
.carousel.portrait-carousel{width:min(100%,520px)!important;margin-inline:auto!important}
.carousel.portrait-carousel .carousel-window{aspect-ratio:9/16!important}
.carousel.tall-carousel{width:min(100%,620px)!important;margin-inline:auto!important}
.carousel.tall-carousel .carousel-window{aspect-ratio:4/5!important}
.carousel.landscape-carousel .carousel-window{aspect-ratio:16/9!important}
.carousel-slide img,.carousel-slide video{object-fit:contain!important;background:var(--ink)!important}
.carousel-slide img{background:#fff!important}
.rezi-media-card video.rezi-portrait-video{aspect-ratio:9/16!important;object-fit:contain!important}

/* Key-contribution proof is the connective tissue recruiters need. */
.case-role{border-left:3px solid var(--cat)!important;padding-left:1rem!important;color:#5D554E!important}
.case-role strong{font-family:'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.78rem!important;color:var(--ink)!important}

/* Celebrity headline gets movement without becoming a gimmick. */
.speed-word{display:inline-block!important;font-family:'Fraunces',Georgia,serif!important;font-style:italic!important;text-transform:none!important;letter-spacing:-.03em!important;transform:skewX(-8deg) translateY(-.02em)!important;position:relative!important;color:#7A1E3A!important;padding:0 .04em!important}
.speed-word::before{content:"speed";position:absolute;left:-.12em;top:.03em;color:rgba(122,30,58,.16);z-index:-1;transform:translateX(-.10em)}

/* Pride can tell a different story on two pages without feeling like a duplicate. */
.pride-partnership-case{margin-top:0!important}

/* Rebrand then/now keeps a true comparison while portrait creative gets room to breathe. */
.then-now-side .carousel{width:100%!important}
.then-now-side .carousel-window{aspect-ratio:4/5!important}

/* About: no polka-dot layer; retain oversized ghost type and give it cleaner whitespace. */
.about-vibrant{background:#F7F2E9!important;background-image:none!important}
.about-wordmark{opacity:.065!important}

@media(max-width:900px){
  .page-hero-panel{grid-template-columns:1fr!important}
  .page-hero-art{min-height:230px!important;max-height:360px!important;transform:none!important}
}
@media(max-width:600px){
  .category-card{border-radius:18px!important}
  .carousel.portrait-carousel,.carousel.tall-carousel{width:100%!important}
}


/* =========================================================
   v29 — selected-work copy + refined scale-first proof bar
   ========================================================= */
.section.work .section-heading{max-width:760px!important;margin-bottom:32px!important}
.work-headline{color:var(--ink)!important}
.work-headline .work-headline-accent{color:var(--coral)!important}
.work-headline .work-headline-dot{color:var(--wine)!important}
.section.work .section-heading p{font-size:clamp(.92rem,.88rem + .12vw,1rem)!important;line-height:1.5!important;color:var(--ink-muted)!important;max-width:650px;margin-inline:auto!important}

/* Keep six scale signals, but make the band feel like a chic editorial data strip. */
.metrics{padding:1.45rem 0 1.55rem!important}
.metrics .metric-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  align-items:start!important;
}
.metrics .metric{
  min-width:0!important;
  padding:0 clamp(.62rem,1vw,1rem)!important;
  border-left:1px solid var(--rule)!important;
}
.metrics .metric:first-child{border-left:0!important;padding-left:0!important}
.metrics .metric:last-child{padding-right:0!important}
.metrics .metric strong,
.metrics .metric:nth-child(n) strong{
  font-size:clamp(1.8rem,2.35vw,2.55rem)!important;
  line-height:.94!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
}
.metrics .metric small{
  font-size:clamp(.61rem,.56rem + .14vw,.72rem)!important;
  line-height:1.34!important;
  letter-spacing:.085em!important;
  margin-top:.5rem!important;
  max-width:17ch!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
@media(max-width:980px){
  .metrics .metric-grid{grid-template-columns:repeat(3,1fr)!important;row-gap:1.35rem!important}
  .metrics .metric:nth-child(4){border-left:0!important;padding-left:0!important}
}
@media(max-width:600px){
  .metrics .metric-grid{grid-template-columns:repeat(2,1fr)!important}
  .metrics .metric:nth-child(3),.metrics .metric:nth-child(5){border-left:0!important;padding-left:0!important}
  .metrics .metric:nth-child(4){border-left:1px solid var(--rule)!important;padding-left:clamp(.62rem,1vw,1rem)!important}
}

/* v30 — proof bar + selected work final polish */
/* Make the scale bar lighter, smaller and more editorial at desktop widths. */
.metrics{
  border-top:1px solid rgba(110,91,82,.20)!important;
  border-bottom:1px solid rgba(110,91,82,.20)!important;
  padding:1.15rem 0 1.2rem!important;
}
.metrics .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;}
.metrics .metric{
  padding:0 clamp(.75rem,1.25vw,1.2rem)!important;
  border-left:1px solid rgba(110,91,82,.24)!important;
}
.metrics .metric strong,
.metrics .metric:nth-child(n) strong{
  font-size:clamp(1.6rem,2vw,2.15rem)!important;
  line-height:.95!important;
  margin:0!important;
}
.metrics .metric small{
  font-size:clamp(.56rem,.53rem + .08vw,.66rem)!important;
  line-height:1.28!important;
  letter-spacing:.075em!important;
  margin-top:.44rem!important;
  max-width:15.5ch!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
}
/* Let the two longer labels breathe rather than colliding. */
.metrics .metric:nth-child(5) small,
.metrics .metric:nth-child(6) small{max-width:14ch!important;}

/* Selected-work headline keeps the personality: coral phrase + wine punctuation. */
.work-headline-accent{color:var(--coral)!important;}
.work-headline-dot{color:var(--wine)!important;}
.section.work .section-heading p{max-width:720px!important;}

@media (max-width:1120px){
  .metrics .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:1.15rem!important;}
  .metrics .metric:nth-child(4){border-left:0!important;}
}
@media (max-width:640px){
  .metrics .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .metrics .metric:nth-child(odd){border-left:0!important;}
}

/* =========================================================
   v32 — final personality + media-fit refinement
   ========================================================= */
/* Home hero: align to the full navigation/tile width and keep the proof under the portrait concise. */
.home-page .classic-hero-wrap .hero-shell{max-width:1180px!important}
.home-page .classic-hero-wrap .hero-summary{font-size:clamp(.91rem,.88rem + .12vw,.98rem)!important;line-height:1.55!important;max-width:60ch!important}
.home-page .headshot-role{font-family:'Fraunces',Georgia,serif!important;font-style:italic!important;font-weight:500!important;color:rgba(71,36,47,.72)!important;font-size:clamp(.74rem,.71rem + .1vw,.82rem)!important;margin-top:.75rem!important}
.home-page .headshot-scope{font-size:clamp(.68rem,.65rem + .12vw,.78rem)!important;letter-spacing:.025em!important;color:rgba(43,21,18,.66)!important;margin-top:.3rem!important}

/* Scale bar: equal visual weight, centered values, softer supporting type. */
.metrics .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;align-items:stretch!important;text-align:center!important}
.metrics .metric{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0 clamp(.7rem,1.1vw,1.1rem)!important}
.metrics .metric strong,.metrics .metric:nth-child(n) strong{font-size:clamp(1.58rem,1.9vw,2.08rem)!important;letter-spacing:-.015em!important}
.metrics .metric small{font-family:'DM Sans',sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:.015em!important;font-size:clamp(.64rem,.6rem + .08vw,.72rem)!important;line-height:1.35!important;max-width:18ch!important;text-wrap:balance!important;color:rgba(43,21,18,.62)!important}

/* Selected work stays punchy; reduce the handoff gap into Explore the Work. */
.section.work{padding-bottom:clamp(2.2rem,4vw,3.2rem)!important}
.section.category-index{padding-top:clamp(1.6rem,3vw,2.5rem)!important}
#recognition{scroll-margin-top:1rem}

/* Dynamic media: preserve the source aspect ratio, remove the black matte, and cap footprint by orientation. */
body[data-practice] .carousel{background:rgba(255,255,255,.42)!important;border:1px solid rgba(43,21,18,.08)!important;padding:10px!important;border-radius:18px!important;max-width:100%;margin-inline:auto;transition:max-width .28s ease}
body[data-practice] .carousel-window,
body[data-practice] .case-carousel .carousel-window,
body[data-practice] .old-world-carousel .carousel-window,
body[data-practice] .rebrand-stills-carousel .carousel-window{
  background:transparent!important;border-radius:12px!important;box-shadow:none!important;min-height:0!important;
  width:100%!important;margin-inline:auto!important;transition:aspect-ratio .22s ease,max-width .22s ease!important;
}
body[data-practice] .carousel-slide{background:transparent!important;align-items:center!important;justify-content:center!important}
body[data-practice] .carousel-slide.active{display:grid!important}
body[data-practice] .carousel-slide img,
body[data-practice] .carousel-slide video{
  width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border-radius:10px!important;
}
body[data-practice] .carousel.media-portrait{max-width:360px!important}
body[data-practice] .carousel.media-square{max-width:520px!important}
body[data-practice] .carousel.media-landscape{max-width:760px!important}
body[data-practice] .carousel-thumbs{max-width:100%;margin-inline:auto}

/* THEN/NOW should read in one glance on desktop. */
.then-now{align-items:start!important;gap:clamp(1rem,2vw,1.5rem)!important;margin-bottom:1.75rem!important}
.then-now-side{padding:clamp(.8rem,1.5vw,1.15rem)!important}
.then-now-side h2{font-size:clamp(1.45rem,2vw,2rem)!important;margin:.3rem 0 .55rem!important}
.then-now-description{font-size:.9rem!important;line-height:1.45!important;margin-bottom:.8rem!important}
.then-now-side .carousel{max-width:380px!important;margin-inline:auto!important}
.then-now-side .carousel-window{max-height:54vh!important}

/* Rebrand rollout pull quote: personality + operational story in one graphic moment. */
.rebrand-orchestration{position:relative;overflow:hidden;margin:clamp(2rem,4vw,3.5rem) 0;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4rem);background:#EFBFCD;border-radius:26px;color:#7A1E3A;isolation:isolate}
.rebrand-orchestration-ghost{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:120%;font:700 clamp(4.4rem,11vw,9.5rem)/.82 'Oswald',sans-serif;letter-spacing:-.035em;text-align:center;color:rgba(122,30,58,.075);white-space:normal;z-index:-1;pointer-events:none}
.rebrand-orchestration-copy{position:relative;max-width:900px;margin:0 auto;font:600 clamp(1.35rem,2.4vw,2.25rem)/1.25 'Fraunces',Georgia,serif;color:#7A1E3A;text-align:center;text-wrap:balance}

/* Motion words: expressive but still editorial. */
.speed-word{transform:skewX(-8deg) translateY(-.12em)!important;color:#7A1E3A!important}
.speed-word::before{color:rgba(207,226,234,.78)!important;left:-.10em!important;top:.12em!important;transform:translateX(-.08em)!important}
.speed-word::after{content:"";position:absolute;left:.06em;right:-.08em;bottom:-.03em;height:.08em;background:#F7E25F;border-radius:999px;transform:skewX(-18deg);opacity:.9}
.felt-word{display:inline-block;position:relative;font-family:'Fraunces',Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.035em;color:#E8552F;transform:translateY(-.05em) rotate(-1deg);padding:0 .03em}
.felt-word::before{content:"felt";position:absolute;left:-.08em;top:.08em;color:rgba(15,74,66,.20);z-index:-1;transform:translateX(-.06em)}

@media(max-width:900px){
  body[data-practice] .carousel.media-portrait{max-width:390px!important}
  .then-now-side .carousel{max-width:420px!important}
}
@media(max-width:820px){
  .then-now{grid-template-columns:1fr!important}
  .then-now-side .carousel-window{max-height:none!important}
  .rebrand-orchestration{border-radius:20px!important}
}
@media(max-width:640px){
  .metrics .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-practice] .carousel.media-portrait,body[data-practice] .carousel.media-square,body[data-practice] .carousel.media-landscape{max-width:100%!important}
  .rebrand-orchestration-ghost{font-size:clamp(3.4rem,19vw,6rem)}
}

/* =========================================================
   v33 — final fit-and-finish pass
   ========================================================= */

/* Keep the primary navigation visible as the portfolio scrolls. */
.site-nav-shell{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  max-width:none!important;
  padding-left:max(24px,calc((100vw - 1040px)/2 + 24px))!important;
  padding-right:max(24px,calc((100vw - 1040px)/2 + 24px))!important;
  background:rgba(247,242,233,.94)!important;
  backdrop-filter:blur(13px) saturate(1.08);
  -webkit-backdrop-filter:blur(13px) saturate(1.08);
  border-bottom:1px solid rgba(43,21,18,.07)!important;
}
.site-nav-shell .nav{max-width:1040px;margin-inline:auto!important}

/* Homepage intro: a little quieter, with a longer editorial measure. */
.home-page .classic-hero-wrap .hero-summary{
  font-size:clamp(.84rem,.81rem + .10vw,.92rem)!important;
  line-height:1.58!important;
  max-width:70ch!important;
}
/* Explicit image → role → leadership order under the headshot. */
.home-page .classic-hero-wrap .hero-image img{order:0!important}
.home-page .classic-hero-wrap .headshot-role{order:1!important;margin-top:.72rem!important}
.home-page .classic-hero-wrap .headshot-scope{order:2!important;margin-top:.28rem!important}

/* Experiential headline: FELT should register as the expressive word. */
.felt-word{
  font-size:1.13em!important;
  transform:translateY(-.08em) rotate(-1.2deg)!important;
}
.felt-word::before{top:.10em!important;left:-.10em!important}

/* Dylan's two vertical videos now use the same portrait presentation as the cases above. */
body[data-practice="experiential"] .portrait-carousel{
  width:min(100%,520px)!important;
  justify-self:center!important;
}

/* THEN / NOW should read as one comparison: equal-height boxes and aligned media wells. */
.then-now{align-items:stretch!important}
.then-now-side{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.then-now-side h2{min-height:2.15em!important}
.then-now-description{min-height:4.15em!important}
.then-now-side .carousel{margin-top:auto!important}

/* Rebrand orchestration: no pink card; treat it like a large editorial pull quote. */
.rebrand-orchestration{
  position:relative!important;
  overflow:hidden!important;
  margin:clamp(2.25rem,5vw,4rem) 0!important;
  padding:clamp(4.5rem,9vw,8rem) clamp(.5rem,2vw,1.25rem)!important;
  background:transparent!important;
  border-radius:0!important;
  color:var(--rebrand-wine)!important;
  isolation:isolate!important;
}
.rebrand-orchestration-ghost{
  width:150%!important;
  font-size:clamp(7rem,18vw,16rem)!important;
  line-height:.72!important;
  letter-spacing:-.055em!important;
  color:rgba(122,30,58,.055)!important;
  white-space:nowrap!important;
}
.rebrand-orchestration-copy{
  max-width:900px!important;
  font-family:'Fraunces',Georgia,serif!important;
  font-style:italic!important;
  font-weight:500!important;
  font-size:clamp(1.35rem,2.25vw,2.15rem)!important;
  line-height:1.3!important;
  color:var(--rebrand-wine)!important;
  text-align:center!important;
  text-wrap:balance!important;
}

/* SPEED: keep the yellow slash, lose the cool-blue shadow that fought the orange page. */
.speed-word{transform:skewX(-8deg) translateY(-.14em)!important}
.speed-word::before{
  color:rgba(122,30,58,.17)!important;
  left:-.10em!important;
  top:.10em!important;
  transform:translateX(-.08em)!important;
}

/* Portrait media in Celebrity + Partnerships gets a touch more optical centering in its half. */
@media(min-width:901px){
  body[data-practice="celebrity-talent"] .case-card > .carousel,
  body[data-practice="partnerships"] .case-card > .carousel{
    position:relative!important;
    left:clamp(8px,1.25vw,18px)!important;
  }
}

/* About photo should support the copy, not outweigh it. */
.about-life-grid{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)!important;gap:clamp(2rem,4vw,3.25rem)!important}
.about-life-carousel{width:min(100%,445px)!important;justify-self:center!important}
.about-life-carousel .carousel-window{aspect-ratio:4/3!important}

@media(max-width:900px){
  .site-nav-shell{padding-left:24px!important;padding-right:24px!important}
  .about-life-grid{grid-template-columns:1fr!important}
  .about-life-carousel{width:min(100%,520px)!important}
  .then-now-side h2,.then-now-description{min-height:0!important}
}
@media(max-width:600px){
  .site-nav-shell{padding-left:18px!important;padding-right:18px!important}
  .site-nav-shell .nav{padding-block:14px!important}
  .rebrand-orchestration{padding:4rem .25rem!important}
  .rebrand-orchestration-ghost{font-size:clamp(5rem,24vw,8rem)!important}
}
\n\n/* =========================================================
   v34 — About story final pass
   ========================================================= */
.about-life-grid{align-items:start!important}
.about-personal-story{
  max-width:1040px!important;
  padding-top:clamp(1.8rem,3.8vw,3rem)!important;
  margin-top:clamp(1.4rem,3vw,2.25rem)!important;
  border-top:1px solid rgba(241,231,212,.24)!important;
}
.about-personal-story p{
  max-width:900px!important;
  margin:0!important;
  color:rgba(241,231,212,.94)!important;
  font-size:clamp(.95rem,.91rem + .12vw,1.03rem)!important;
  line-height:1.72!important;
}
.about-personal-story p + p{margin-top:1.15rem!important}
.about-personal-story strong{
  font-family:'Fraunces',Georgia,serif!important;
  font-style:italic!important;
  font-weight:600!important;
  color:#F0C4D4!important;
}
@media(max-width:900px){
  .about-personal-story{padding-top:1.6rem!important;margin-top:1.5rem!important}
}

/* =========================================================
   v35 — final punctuation + THEN/NOW media-stage polish
   ========================================================= */

/* Keep headline punctuation visually attached to the emphasized words. */
.home-page .classic-hero h1 .coral{color:var(--coral)!important}
.home-page .classic-hero h1 .lime{color:var(--lime)!important}

/* THEN / NOW: one stable, equal 50/50 comparison stage.
   A square well comfortably contains both portrait (9:16) and landscape (16:9)
   assets at their natural proportions without stretching or resizing the page. */
.then-now-v22 .then-now-side .carousel{
  width:100%!important;
  max-width:500px!important;
  margin-inline:auto!important;
}
.then-now-v22 .then-now-side .carousel-window{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  max-height:none!important;
  min-height:0!important;
  background:#fff!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.then-now-v22 .then-now-side .carousel-slide{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  overflow:hidden!important;
}
.then-now-v22 .then-now-side .carousel-slide img,
.then-now-v22 .then-now-side .carousel-slide video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.then-now-v22 .carousel-thumbs{margin-top:.7rem!important}

@media(max-width:900px){
  .then-now-v22 .then-now-side .carousel{max-width:560px!important}
}

/* =========================================================
   v36 — final screenshot polish
   ========================================================= */

/* Homepage: sticky NAV only. The rounded hero panel stays on the gradient, without
   a giant rectangular cream backing. Expand the existing rounded panel slightly. */
.home-page .home-nav-shell{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  width:min(calc(100% - 60px),1240px)!important;
  margin-inline:auto!important;
  padding:0 clamp(18px,2.2vw,30px)!important;
  background:rgba(247,242,233,.95)!important;
  backdrop-filter:blur(13px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(13px) saturate(1.08)!important;
  border-bottom:1px solid rgba(43,21,18,.06)!important;
}
.home-page .home-nav-shell .nav{max-width:none!important;margin:0!important}
.home-page .classic-hero-wrap .hero-shell{
  max-width:1220px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  margin-inline:auto!important;
}
.home-page .classic-hero-wrap .classic-hero{width:100%!important}

/* About: all copy lives beside the image and begins at exactly the same visual top. */
.about-life-grid{align-items:start!important}
.about-life-copy{align-self:start!important;padding-top:0!important;margin-top:0!important}
.about-life-copy .about-kicker{margin-top:0!important;padding-top:0!important}
.about-life-copy h2{margin-top:.35rem!important}
.about-life-copy > p{margin-top:0!important}
.about-life-copy .about-personal-story{
  margin:1.25rem 0 0!important;
  padding:1.25rem 0 0!important;
  border-top:1px solid rgba(241,231,212,.24)!important;
  max-width:100%!important;
}
.about-life-copy .about-personal-story p{
  max-width:100%!important;
  font-size:clamp(.91rem,.88rem + .10vw,1rem)!important;
  line-height:1.66!important;
}

/* Rebrand THEN/NOW: equal stable 50/50 wells. Only the active slide displays. */
.then-now-v22 .then-now-side .carousel-slide{display:none!important}
.then-now-v22 .then-now-side .carousel-slide.active{display:flex!important}
.then-now-v22 .then-now-side .carousel-window{aspect-ratio:1/1!important}

/* Rebrand orchestration watermark: two deliberate oversized lines, like ABOUT/WORK. */
.rebrand-orchestration-ghost{
  width:100%!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.02em!important;
  white-space:normal!important;
  font-size:clamp(6rem,15vw,13rem)!important;
  line-height:.72!important;
}
.rebrand-orchestration-ghost span{display:block!important;white-space:nowrap!important}

/* Celebrity: replace the underline with a tiny forward-motion chevron trail. */
.speed-word::after{
  content:">>>>>"!important;
  left:50%!important;
  right:auto!important;
  bottom:-.43em!important;
  height:auto!important;
  width:auto!important;
  background:none!important;
  border-radius:0!important;
  transform:translateX(-50%) skewX(-8deg)!important;
  color:#F7E25F!important;
  font:700 .26em/1 'DM Sans',sans-serif!important;
  letter-spacing:.03em!important;
  opacity:.95!important;
}

/* Product + Growth illustrations are editorial/supporting, not faux case photography. */
.page-product-growth .page-hero-art img,
.page-product-growth article .carousel-slide img{
  object-fit:cover!important;
  background:#fff8ee!important;
}
.page-product-growth .page-hero-art{background:#fff8ee!important}
.page-product-growth article .carousel-window{background:#fff8ee!important}

@media(max-width:900px){
  .home-page .home-nav-shell{width:100%!important;border-radius:0!important}
  .about-life-copy .about-personal-story{margin-top:1.1rem!important;padding-top:1.1rem!important}
}

/* v36.1 final micro-polish */
.about-life-copy .about-personal-story{margin-top:.9rem!important;padding-top:0!important;border-top:0!important}


/* v37 Product + Growth: confident text-only hero + real Fashion & Home portfolio creative */
body.page-product-growth .page-hero-panel{
  grid-template-columns:1fr!important;
  min-height:0!important;
}
body.page-product-growth .page-hero-copy{
  max-width:900px!important;
  padding-right:clamp(0rem,7vw,6rem)!important;
}
body.page-product-growth .page-hero-art{display:none!important}
.page-product-growth .lg-case-carousel{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.page-product-growth .lg-case-carousel .carousel-window{
  width:100%!important;
  aspect-ratio:4/5!important;
  max-height:600px!important;
  background:#f7f0e7!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.page-product-growth .lg-case-carousel .carousel-slide{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  background:#f7f0e7!important;
}
.page-product-growth .lg-case-carousel img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#f7f0e7!important;
}
@media(max-width:900px){
  .page-product-growth .lg-case-carousel{max-width:390px!important}
}


/* =========================================================
   v38 — LAUNCH LET'S GO
   Consolidated final tweaks + mobile-only responsive polish
   ========================================================= */

/* Keep the sticky navigation, remove the cream banner/card behind it. */
.site-nav-shell,
.home-page .home-nav-shell{
  background:transparent!important;
  background-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.home-page .home-nav-shell{
  width:min(calc(100% - 60px),1240px)!important;
}

/* About personal paragraphs: same ink as the professional intro, just a touch smaller. */
.about-life-copy .about-personal-story p{
  color:var(--ink)!important;
  font-size:clamp(.86rem,.84rem + .08vw,.93rem)!important;
  line-height:1.66!important;
}

/* Recognition label should read as a deliberate section header. */
.recognition-strip .eyebrow{
  font-weight:700!important;
}

/* Celebrity: extend the tiny yellow forward-motion trail without passing the d. */
.speed-word::after{
  content:">>>>>>>"!important;
  left:.12em!important;
  right:auto!important;
  bottom:-.43em!important;
  transform:skewX(-8deg)!important;
  font-size:.215em!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}

/* Product + Growth is intentionally image-free. LG is a clean text-only commercial case. */
.page-product-growth .no-media-case{
  grid-template-columns:minmax(0,900px)!important;
  justify-content:start!important;
}
.page-product-growth .commercial-scale-line{
  display:inline-block!important;
}

/* MOBILE OPTIMIZATION — scoped below desktop breakpoints so desktop composition is untouched. */
@media (max-width:820px){
  html,body{overflow-x:hidden!important}
  .shell{padding-left:20px!important;padding-right:20px!important}

  /* compact two-row sticky navigation; horizontal links stay usable instead of wrapping chaotically */
  .site-nav-shell,
  .home-page .home-nav-shell{
    width:100%!important;
    padding:0 18px!important;
  }
  .site-nav-shell .nav,
  .home-page .home-nav-shell .nav{
    max-width:none!important;
    margin:0!important;
    padding:12px 0 10px!important;
    gap:8px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .nav a.disp{font-size:20px!important;line-height:1!important}
  .nav-links{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:nowrap!important;
    padding-bottom:2px!important;
    font-size:11px!important;
  }
  .nav-links::-webkit-scrollbar{display:none!important}
  .work-dropdown{position:fixed!important;left:18px!important;right:18px!important;top:72px!important;width:auto!important;z-index:1500!important}

  /* Home hero remains editorial, now stacks cleanly at tablet/mobile widths. */
  .home-page .classic-hero-wrap .hero-shell{padding-left:18px!important;padding-right:18px!important}
  .home-page .classic-hero-wrap .classic-hero{grid-template-columns:1fr!important;border-radius:20px!important}
  .home-page .classic-hero-wrap .hero-copy{padding:28px 22px 26px!important;gap:18px!important}
  .home-page .classic-hero-wrap .hero h1{font-size:clamp(41px,10.5vw,58px)!important;line-height:.96!important}
  .home-page .classic-hero-wrap .hero-summary{max-width:none!important;font-size:.9rem!important;line-height:1.57!important}
  .home-page .classic-hero-wrap .hero-image{padding:24px 20px 26px!important;min-height:0!important}
  .home-page .classic-hero-wrap .hero-image img{width:min(72vw,280px)!important}
  .headshot-role,.headshot-scope{max-width:310px!important;text-align:center!important}

  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .metric{padding:16px 12px!important;border-bottom:1px solid rgba(43,21,18,.08)!important}
  .metric:nth-child(odd){border-right:1px solid rgba(43,21,18,.08)!important}
  .metric strong{font-size:clamp(28px,8vw,40px)!important}

  .work-carousel{padding:0 36px!important}
  .work-card{flex-basis:min(78vw,315px)!important}
  .category-card-grid{grid-template-columns:1fr!important}
  .category-card:nth-child(n){grid-column:auto!important}

  .about-life-grid{grid-template-columns:1fr!important;gap:22px!important}
  .about-life-carousel{width:min(100%,440px)!important;margin-inline:auto!important}
  .about-life-copy h2{font-size:clamp(32px,9vw,46px)!important}
  .about-life-copy > p{font-size:.95rem!important;line-height:1.62!important}
  .about-life-copy .about-personal-story p{font-size:.88rem!important}

  .page-hero-panel{grid-template-columns:1fr!important;padding:24px 22px!important;border-radius:22px!important}
  .page-hero h1{font-size:clamp(40px,10vw,58px)!important}
  .page-hero p{font-size:.95rem!important}
  .page-hero-art{min-height:220px!important;max-height:330px!important}

  .case-card{grid-template-columns:1fr!important;gap:20px!important}
  .case-card > .carousel{left:0!important;justify-self:center!important;width:min(100%,540px)!important}
  .rezi-media-grid{grid-template-columns:1fr!important;max-width:380px!important;margin-inline:auto!important}
  .then-now{grid-template-columns:1fr!important}
  .then-now-v22 .then-now-side .carousel{max-width:520px!important}

  .footer.footer-editorial{grid-template-columns:1fr!important}
  .footer-photo-wrap{height:180px!important;min-height:180px!important}
  .footer-main{padding:28px 20px 22px!important}
  .footer-cta-row{flex-direction:column!important;align-items:flex-start!important}
  .footer-button{width:100%!important;min-width:0!important}
  .footer-secondary{flex-direction:column!important;align-items:flex-start!important}

  .contact-modal{padding:16px!important}
  .contact-modal-card{width:min(100%,480px)!important;padding:26px 20px 22px!important;border-radius:20px!important}
}

@media (max-width:520px){
  .shell{padding-left:16px!important;padding-right:16px!important}
  .site-nav-shell,.home-page .home-nav-shell{padding:0 14px!important}
  .nav-links{gap:13px!important;font-size:10.5px!important}
  .home-page .classic-hero-wrap .hero-shell{padding-left:12px!important;padding-right:12px!important}
  .home-page .classic-hero-wrap .hero-copy{padding:24px 18px 22px!important}
  .home-page .classic-hero-wrap .hero h1{font-size:clamp(39px,12vw,50px)!important}
  .metric small{font-size:10.5px!important}
  .work-carousel{padding:0 30px!important}
  .work-card{flex-basis:min(82vw,300px)!important}
  .category-card{min-height:190px!important;padding:20px 20px 38px!important}
  .page-hero{padding:32px 0 38px!important}
  .page-hero-panel{padding:22px 18px!important}
  .case-impact{gap:6px!important}
  .impact{font-size:18px!important;padding:10px 11px!important}
  .rebrand-orchestration-copy{font-size:clamp(1.15rem,5.5vw,1.45rem)!important}
  .rebrand-orchestration-ghost{font-size:clamp(4.1rem,22vw,6.5rem)!important}
}

/* =========================================================
   v39 — launch navigation + Product & Growth copy polish
   ========================================================= */

/* Return the top navigation to normal document flow. The fixed Explore tab
   provides persistent navigation without changing the desktop composition. */
.site-nav-shell,
.home-page .home-nav-shell{
  position:relative!important;
  top:auto!important;
  z-index:120!important;
}

/* Persistent shortcut into the category work index. */
.more-work-tab{
  position:fixed!important;
  right:0!important;
  top:56%!important;
  transform:translateY(-50%)!important;
  z-index:1150!important;
  display:flex!important;
  align-items:center!important;
  gap:.45rem!important;
  padding:11px 13px 11px 15px!important;
  border-radius:999px 0 0 999px!important;
  background:#E3C64A!important;
  color:#7A1E3A!important;
  border:1px solid rgba(122,30,58,.13)!important;
  box-shadow:0 10px 24px rgba(43,21,18,.16)!important;
  font:800 10.5px/1 'DM Sans',sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:padding .18s ease, transform .18s ease, box-shadow .18s ease!important;
}
.more-work-tab span{font-size:15px!important;line-height:.8!important;letter-spacing:0!important}
.more-work-tab:hover{
  opacity:1!important;
  padding-right:18px!important;
  box-shadow:0 13px 30px rgba(43,21,18,.21)!important;
}

/* Product + Growth: let the payoff line visually outrun the setup line. */
.page-product-growth .commercial-scale-line{
  font-size:1.09em!important;
  letter-spacing:-.035em!important;
  line-height:.96!important;
}

/* LG: one authentic editorial proof point, kept secondary to the commercial story. */
.page-product-growth .lg-case-card{
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,64px)!important;
}
.page-product-growth .lg-proof-visual{
  margin:0!important;
  justify-self:end!important;
  width:min(100%,320px)!important;
}
.page-product-growth .lg-proof-visual img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:16px!important;
  box-shadow:0 14px 30px rgba(43,21,18,.13)!important;
}
.page-product-growth .lg-proof-visual figcaption{
  margin-top:8px!important;
  color:rgba(43,21,18,.62)!important;
  font:600 10px/1.3 'DM Sans',sans-serif!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}

@media(max-width:820px){
  .more-work-tab{
    top:auto!important;
    bottom:18px!important;
    right:0!important;
    transform:none!important;
    padding:10px 11px 10px 13px!important;
    font-size:9.5px!important;
  }
  .page-product-growth .lg-case-card{grid-template-columns:1fr!important}
  .page-product-growth .lg-proof-visual{justify-self:start!important;width:min(72vw,300px)!important}
}

/* =========================================================
   v41 — vertical page-tab treatment for persistent Explore CTA
   ========================================================= */
@media (min-width:821px){
  .more-work-tab{
    top:50%!important;
    right:0!important;
    width:44px!important;
    min-height:126px!important;
    padding:14px 0!important;
    border-radius:14px 0 0 14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    transform:translateY(-50%)!important;
    font-size:10px!important;
    letter-spacing:.13em!important;
    box-shadow:0 9px 22px rgba(43,21,18,.16)!important;
  }
  .more-work-tab span{
    font-size:14px!important;
    line-height:1!important;
    transform:rotate(90deg)!important;
  }
  .more-work-tab:hover{
    padding:14px 0!important;
    width:48px!important;
    box-shadow:0 12px 28px rgba(43,21,18,.22)!important;
  }
}

/* =========================================================
   v42 — FINAL launch micro-polish
   ========================================================= */

/* Product + Growth: commercial moves into line one; all words share one scale.
   Accent colors echo the Explore-the-Work tile palette. */
.page-product-growth .page-hero h1{
  font-size:clamp(40px,4.45vw,61px)!important;
  max-width:none!important;
}
.page-product-growth .pg-line-one{white-space:nowrap!important}
.page-product-growth .pg-base{color:#244737!important}
.page-product-growth .pg-commercial{color:#E24E1B!important}
.page-product-growth .pg-scale{color:#7A1E3A!important}

/* Experiential hero: give the image more landscape breathing room and remove tilt. */
body[data-practice="experiential"] .page-hero-panel{
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.82fr)!important;
}
body[data-practice="experiential"] .page-hero-art{
  transform:none!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
  align-self:center!important;
}
body[data-practice="experiential"] .page-hero-art img{object-fit:cover!important}
body[data-practice="experiential"] .make-it-words{font-size:calc(1em - 1px)!important}

/* About sign-off: make the family names land as a warm burgundy note. */
.about-personal-story strong{color:#7A1E3A!important}

/* Celebrity motion cue: start after the p's curve and stop before the end of the d. */
.speed-word::after{
  content:">>>>>>>>>"!important;
  left:34%!important;
  right:auto!important;
  width:58%!important;
  overflow:hidden!important;
  bottom:-.43em!important;
  transform:skewX(-8deg)!important;
  color:#F7E25F!important;
  font-size:.20em!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}

/* Stable carousel geometry: the media stays fully visible, while the arrows remain
   in exactly the same place as viewers click through each case. */
body[data-practice] .carousel.portrait-carousel{
  width:min(100%,360px)!important;
  max-width:360px!important;
}
body[data-practice] .carousel.portrait-carousel .carousel-window{
  aspect-ratio:9/16!important;
}
body[data-practice] .carousel.tall-carousel{
  width:min(100%,520px)!important;
  max-width:520px!important;
}
body[data-practice] .carousel.tall-carousel .carousel-window{
  aspect-ratio:4/5!important;
}
body[data-practice] .carousel.landscape-carousel{
  width:min(100%,760px)!important;
  max-width:760px!important;
}
body[data-practice] .carousel.landscape-carousel .carousel-window{
  aspect-ratio:16/9!important;
}
.then-now-v22 .carousel.tall-carousel{
  width:100%!important;
  max-width:380px!important;
}
.then-now-v22 .carousel.tall-carousel .carousel-window{
  aspect-ratio:1/1!important;
}
.about-life-carousel .carousel-window{aspect-ratio:4/3!important}

@media(max-width:900px){
  body[data-practice="experiential"] .page-hero-panel{grid-template-columns:1fr!important}
  body[data-practice="experiential"] .page-hero-art{width:100%!important;aspect-ratio:16/9!important}
}
@media(max-width:700px){
  .page-product-growth .page-hero h1{font-size:clamp(38px,10.5vw,54px)!important}
  .page-product-growth .pg-line-one{white-space:normal!important}
}
\n\n/* =========================================================
   v43 — LUCKY launch polish
   ========================================================= */

/* EXPLORE behaves like a true page-edge tab; no directional arrow. */
@media (min-width:821px){
  .more-work-tab{
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    transform:translateY(-50%) rotate(180deg)!important;
    gap:0!important;
  }
  .more-work-tab span{display:none!important}
}

/* Product + Growth returns to the restrained green-on-green category language. */
.page-product-growth .pg-base{color:#244737!important}
.page-product-growth .pg-commercial{color:#476c5f!important}
.page-product-growth .pg-scale{color:#315f4d!important}

/* Rebrand pull quote gets one clear punch of coral against the faded ONE BRAND / EVERYWHERE. */
.rebrand-orchestration-copy{color:#E24E1B!important}

/* About: slightly quieter body copy + one additional oversized ABOUT row. */
.about-life-copy > p{font-size:clamp(.89rem,.86rem + .08vw,.96rem)!important;line-height:1.62!important}
.about-life-copy .about-personal-story p{font-size:clamp(.82rem,.80rem + .08vw,.89rem)!important;line-height:1.62!important}
.about.about-vibrant .about-wordmark::after{
  content:'ABOUT ABOUT ABOUT ABOUT\AABOUT ABOUT ABOUT ABOUT'!important;
  white-space:pre!important;
  display:block!important;
  margin-top:13vw!important;
  transform:translateX(-7vw)!important;
  line-height:.92!important;
}

/* Let each case asset keep its native ratio again. The controls remain overlaid on the
   media stage rather than participating in layout, so changing assets does not push content. */
body[data-practice] .carousel.media-portrait{width:min(100%,390px)!important;max-width:390px!important;margin-inline:auto!important}
body[data-practice] .carousel.media-square{width:min(100%,560px)!important;max-width:560px!important;margin-inline:auto!important}
body[data-practice] .carousel.media-landscape{width:min(100%,760px)!important;max-width:760px!important;margin-inline:auto!important}
body[data-practice] .carousel.media-portrait .carousel-window,
body[data-practice] .carousel.media-square .carousel-window,
body[data-practice] .carousel.media-landscape .carousel-window{max-height:72vh!important}
body[data-practice] .carousel-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:8!important}
body[data-practice] .carousel-arrow.prev{left:12px!important}
body[data-practice] .carousel-arrow.next{right:12px!important}

/* Homepage headshot: preserve the exact visual crop while serving the much lighter asset. */
.home-page .classic-hero-wrap .hero-image img{object-position:center 28%!important}

/* Keep FELT as the emphasis by taking MAKE IT down exactly one pixel. */
body[data-practice="experiential"] .make-it-words{font-size:calc(1em - 1px)!important}

@media(max-width:700px){
  .about.about-vibrant .about-wordmark::after{margin-top:28vw!important}
  body[data-practice] .carousel.media-portrait,
  body[data-practice] .carousel.media-square,
  body[data-practice] .carousel.media-landscape{width:min(100%,540px)!important;max-width:100%!important}
}


/* =========================================================
   v44 — final experience polish
   ========================================================= */

/* Home: the persistent Explore tab only appears after the hero, when the proof banner begins. */
.home-page .more-work-tab{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease, visibility .2s ease, width .18s ease, box-shadow .18s ease!important;
}
.home-page.explore-tab-visible .more-work-tab{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Make the page-edge tab feel like an editorial label and match the Sandy Ramirez wordmark. */
.more-work-tab{
  font-family:'Fraunces',Georgia,serif!important;
  font-weight:700!important;
  font-style:normal!important;
  font-size:12px!important;
  letter-spacing:.07em!important;
}
@media (min-width:821px){
  .more-work-tab{width:46px!important;min-height:134px!important}
}

/* About: restore the v41 photo footprint and extend the oversized background by 1.5 rows. */
.home-page .about-life-carousel{
  width:min(100%,445px)!important;
  max-width:445px!important;
  justify-self:center!important;
}
.home-page .about-life-carousel .carousel-window{
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.home-page .about-life-carousel .carousel-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.about.about-vibrant .about-wordmark::after{
  content:'ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT\AABOUT ABOUT ABOUT'!important;
  white-space:pre!important;
  display:block!important;
  margin-top:12vw!important;
  transform:translateX(-7vw)!important;
  line-height:.92!important;
}

/* Rebrand quote: return to the core burgundy palette. */
.rebrand-orchestration-copy{color:#7A1E3A!important}

/* Pull the editorial echo/shadow closer to the live word. */
.speed-word::before{
  left:-.045em!important;
  top:.055em!important;
  transform:translateX(-.025em)!important;
}
.felt-word::before{
  left:-.045em!important;
  top:.05em!important;
  transform:translateX(-.025em)!important;
}

/* Celebrity + Talent: return to the larger, editorial media stage so vertical video
   retains the full player/controls while still sitting cleanly beside copy. */
.page-celebrity .case-carousel,
.page-celebrity .case-carousel.media-portrait,
.page-celebrity .case-carousel.media-square,
.page-celebrity .case-carousel.media-landscape,
.page-celebrity .case-carousel.tall-carousel{
  width:min(100%,500px)!important;
  max-width:500px!important;
  margin-inline:auto!important;
}
.page-celebrity .kristin-case .case-carousel{max-width:540px!important;width:min(100%,540px)!important}
.page-celebrity .case-carousel .carousel-window,
.page-celebrity .case-carousel.media-portrait .carousel-window,
.page-celebrity .case-carousel.media-square .carousel-window,
.page-celebrity .case-carousel.media-landscape .carousel-window{
  aspect-ratio:4/5!important;
  max-height:none!important;
}
.page-celebrity .case-carousel .carousel-slide video,
.page-celebrity .case-carousel .carousel-slide img{
  object-fit:contain!important;
  background:#111!important;
}

/* Product + Growth: one unified category green across the full headline. */
.page-product-growth .pg-base,
.page-product-growth .pg-commercial,
.page-product-growth .pg-scale{color:#244737!important}

@media(max-width:820px){
  .more-work-tab{font-size:11px!important}
  .home-page .about-life-carousel{width:min(100%,440px)!important;max-width:440px!important}
  .page-celebrity .case-carousel,
  .page-celebrity .kristin-case .case-carousel{width:min(100%,500px)!important;max-width:100%!important}
}