@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{
  --bar-h:68px;
  --paper:#f3efe6;
  --ink:#10100f;
  --black:#060707;
  --warm:#c9b39c;
  --red:#cb4a3a;
  --yellow:#ffe033;
  --gutter:clamp(20px,4vw,64px);
  --wrap:1440px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--black);color:var(--paper);font-family:Figtree,Arial,sans-serif;scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--black)}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%;height:auto}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;background:var(--yellow);color:var(--ink);font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.editorial-wrap,.container{width:min(var(--wrap),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  height:var(--bar-h);
  border-bottom:1px solid rgba(243,239,230,.2);
  background:rgba(6,7,7,.94);
  backdrop-filter:blur(16px);
}
.site-header__inner{width:min(var(--wrap),calc(100% - (var(--gutter) * 2)));height:100%;margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px}
.site-brand{font-size:1.05rem;font-weight:800;letter-spacing:.17em;white-space:nowrap}
.site-brand::after{content:'';display:inline-block;width:.38em;height:.38em;margin-left:.16em;background:var(--red)}
.site-nav{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}
.site-nav>a:not(.header-cta){position:relative;padding:24px 0;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.68)}
.site-nav>a:not(.header-cta)::after{content:'';position:absolute;left:0;right:100%;bottom:16px;height:2px;background:var(--red);transition:right .28s cubic-bezier(.16,1,.3,1)}
.site-nav>a:not(.header-cta):hover,.site-nav>a:not(.header-cta):focus-visible,.site-nav>a:not(.header-cta)[aria-current]{color:var(--paper);outline:none}
.site-nav>a:not(.header-cta):hover::after,.site-nav>a:not(.header-cta):focus-visible::after,.site-nav>a:not(.header-cta)[aria-current]::after{right:0}
.header-cta{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;border:1px solid rgba(243,239,230,.55);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}
.header-cta:hover,.header-cta:focus-visible{background:var(--paper);color:var(--ink);outline:none}
.menu-toggle{display:none}
.button,.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid currentColor;border-radius:0;background:transparent;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.button::after,.btn-solid::after{content:'\2197';font-size:1rem}
.button:hover,.button:focus-visible,.btn:hover,.btn:focus-visible{transform:translateY(-3px)}
.button:focus-visible,.btn:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.button--light,.btn-solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-outline{background:transparent;color:var(--paper);border-color:rgba(243,239,230,.55)}
.eyebrow,.kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,239,230,.62)}
.eyebrow::before,.kicker::before,.sq{content:'';width:9px;height:9px;background:var(--red);flex:none}
.eyebrow--dark{color:rgba(16,16,15,.68)}
.eyebrow--dark::before{background:var(--ink)}
.editorial-hero,.page-hero{
  position:relative;
  overflow:hidden;
  min-height:clamp(540px,74svh,760px);
  padding:clamp(96px,12vw,176px) 0 clamp(76px,10vw,138px);
  display:flex;
  align-items:flex-end;
  background:
    radial-gradient(circle at 72% 35%,rgba(203,74,58,.13),transparent 26%),
    linear-gradient(rgba(201,179,156,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,179,156,.055) 1px,transparent 1px),
    var(--black);
  background-size:auto,64px 64px,64px 64px,auto;
  border-bottom:1px solid rgba(243,239,230,.22);
}
.editorial-hero::after,.page-hero::after{content:'';position:absolute;inset:20px;pointer-events:none;border-left:1px solid rgba(201,179,156,.32);border-top:1px solid rgba(201,179,156,.32)}
.editorial-hero h1,.page-h1{max-width:1260px;margin:24px 0 0;font-size:clamp(4.2rem,10.5vw,10.8rem);font-weight:800;line-height:.79;letter-spacing:-.078em;text-wrap:balance}
.contact-hero p,.hero-sub{max-width:720px;margin:30px 0 0;font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:500;line-height:1.5;color:rgba(243,239,230,.72)}
.contact-hero .contact-brand{margin-top:14px;font-size:1rem;color:rgba(243,239,230,.58)}
/* Contact hero with the carrier pigeon (5 Oct 2026). The whole image always shows: the hero is never taller than the
   image at full width (56.28vw), and the image sits flush right at full hero height. Its wall is flat #f1ede5, so the
   section takes that colour and wide or short screens extend the wall to the left. --cw is the clear wall left of the
   bird (660 image px from the bird's left edge to the image's right). At 860px and below the copy stacks above the
   whole image at full width. */
.editorial-hero.contact-hero--image{--ih:min(calc(100svh - var(--bar-h)),56.28vw,960px);--cl:max(var(--gutter),(100vw - var(--wrap)) / 2);--cw:calc(100vw - var(--ih) * .7014 - var(--cl) - 40px);--fs:min(10.8rem,calc(var(--cw) / 6.4),calc(var(--ih) / 5));min-height:var(--ih);height:var(--ih);padding:0;align-items:center;background:#f1ede5;color:var(--ink);border-bottom:0}
.contact-hero--image::after{display:none}
.contact-hero__art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.contact-hero__art img{position:absolute;right:0;bottom:0;width:auto;height:100%;max-width:none}
.contact-hero--image .editorial-wrap{position:relative;z-index:1}
.contact-hero--image .eyebrow{color:var(--ink)}
.editorial-hero.contact-hero--image h1{max-width:var(--cw);font-size:var(--fs)}
.contact-hero--image p{max-width:min(620px,var(--cw));color:var(--ink);font-weight:700}
.contact-hero--image h1+p{margin-top:max(30px,calc(var(--fs) * .36))}
.contact-hero--image .contact-brand{color:var(--ink);font-weight:500;text-wrap:balance}
@media(max-width:899px){
  .editorial-hero.contact-hero--image{--fs:min(6.2rem,calc((100vw - var(--gutter) * 2) / 6.3));height:auto;min-height:0;padding:clamp(36px,6vw,56px) 0 0;background:#f0ebe4;display:flex;flex-direction:column;align-items:stretch}
  .editorial-hero.contact-hero--image h1{max-width:none}
  .contact-hero--image p{max-width:620px}
  .contact-hero__art{position:relative;inset:auto;order:2;aspect-ratio:16/10;margin:clamp(32px,6vw,48px) 0 0}
  .contact-hero__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom}
}
/* Phones follow the AI training page: the copy fills the first screen below the header, and the pigeon starts at the
   fold, cropped in so the panel shows image x 940 to 1672 (the bird, its pipe and the pipe's bend) at full width. */
@media(max-width:600px){
  .editorial-hero.contact-hero--image{padding:0}
  .contact-hero--image .editorial-wrap{min-height:calc(100svh - var(--bar-h));padding:32px 0;display:flex;flex-direction:column;justify-content:center}
  .contact-hero__art{aspect-ratio:732/941;margin:0}
  .editorial-hero.contact-hero--image p{font-size:clamp(1rem,2.3svh,1.2rem)}
  .contact-hero__art img{inset:0 0 auto auto;width:calc(100% * 1672 / 732);height:auto;object-fit:fill}
}
/* Phones: the headline is Figtree Black with the desktop's tight tracking and leading at full width; the intro is ExtraBold and
   the fine print SemiBold, so the copy carries the first screen. */
@media(max-width:640px){
  .editorial-hero.contact-hero--image{--fs:min(4.4rem,calc((100vw - var(--gutter) * 2) / 6.3),9.5svh)}
  .editorial-hero.contact-hero--image h1{font-weight:900;line-height:.79;letter-spacing:-.078em}
  .editorial-hero.contact-hero--image p{font-size:clamp(1.12rem,2.6svh,1.3rem);font-weight:800;line-height:1.36;letter-spacing:-.012em;text-wrap:pretty}
  .editorial-hero.contact-hero--image .contact-brand{font-size:clamp(1rem,2.2svh,1.1rem);font-weight:600;line-height:1.4}
}
.nowrap{white-space:nowrap}
.sq-h1{display:inline-block;width:.13em;height:.13em;margin-left:.1em;vertical-align:baseline;background:var(--red)}
.line,.line-inner{display:inline}
.contact-workspace{
  position:relative;
  padding:clamp(76px,9vw,132px) 0;
  background:
    linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),
    #090a0a;
  background-size:64px 64px;
}
.contact-switcher{display:none}
.contact-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);border:1px solid rgba(243,239,230,.25)}
.contact-panel{min-width:0;padding:clamp(28px,4vw,58px)}
.contact-panel--form{background:var(--paper);color:var(--ink)}
.contact-panel--booking{border-left:1px solid rgba(243,239,230,.25);background:#0b0c0c;color:var(--paper)}
.contact-panel__head{min-height:188px;padding-bottom:34px;border-bottom:1px solid currentColor}
.contact-panel--form .contact-panel__head{border-color:rgba(16,16,15,.24)}
.contact-panel--booking .contact-panel__head{border-color:rgba(243,239,230,.2)}
.contact-panel__head>span{font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.contact-panel__head h2{max-width:12ch;margin:18px 0 12px;font-size:clamp(2.6rem,4.3vw,4.7rem);line-height:.86;letter-spacing:-.06em}
.contact-panel__head p{max-width:48ch;margin:0;font-size:1rem;font-weight:500;line-height:1.5;color:rgba(16,16,15,.7)}
.contact-panel--booking .contact-panel__head p{color:rgba(243,239,230,.68)}
.lead-form{margin-top:34px;display:grid;gap:24px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.form-field{display:grid;gap:9px}
.form-field label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.form-field label span{font-size:.6rem;color:rgba(16,16,15,.5)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:11px 0;border:0;border-bottom:1px solid rgba(16,16,15,.42);border-radius:0;background:transparent;color:var(--ink);font-size:1rem;line-height:1.45;outline:none}
.form-field textarea{resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-bottom:3px solid var(--red)}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.lead-form .button{justify-self:start;border-color:var(--ink);background:var(--ink);color:var(--paper)}
.lead-form .button:disabled{cursor:wait;opacity:.58}
.form-consent{max-width:62ch;margin:0;font-size:.76rem;line-height:1.5;color:rgba(16,16,15,.64)}
.form-consent a{text-decoration:underline;text-underline-offset:3px}
.form-status{min-height:1.4em;margin:0;font-size:.88rem;font-weight:700;color:#9e2821}
.form-status.is-ok{color:#28603d}
.booking-embed{margin-top:34px;overflow:hidden;border:1px solid rgba(243,239,230,.25);background:var(--paper)}
.booking-embed iframe{width:100%;height:640px;display:block;border:0;background:var(--paper)}
.booking-fallback{min-height:48px;margin-top:12px;display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.booking-fallback:hover,.booking-fallback:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
.direct-contact{margin-top:20px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(38px,7vw,100px);align-items:end;border:1px solid rgba(16,16,15,.52);background:var(--yellow);color:var(--ink)}
.direct-contact h2{max-width:12ch;margin:20px 0 0;font-size:clamp(2rem,3.7vw,3.8rem);line-height:.92;letter-spacing:-.055em}
.direct-contact address{margin:0;display:grid;font-style:normal}
.direct-contact address a{min-height:62px;padding:10px 0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px;border-bottom:1px solid rgba(16,16,15,.28);font-size:clamp(1rem,1.35vw,1.2rem);font-weight:700}
.direct-contact address a:first-child{border-top:1px solid rgba(16,16,15,.28)}
.direct-contact address a span{font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:rgba(16,16,15,.62)}
.direct-contact address a:hover,.direct-contact address a:focus-visible{padding-left:10px;background:var(--ink);color:var(--yellow);outline:none}
/* Blog index */
.blog-index-page .page-hero{min-height:72svh}
.blog-index-page .page-hero .container{position:relative;z-index:1}
.blog-index-page .page-h1{max-width:8ch}
.section.theme-ink{padding:clamp(76px,9vw,132px) 0;background:linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),#090a0a;background-size:64px 64px}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(243,239,230,.25);border-left:1px solid rgba(243,239,230,.25)}
.post-card{min-width:0;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;border-right:1px solid rgba(243,239,230,.25);border-bottom:1px solid rgba(243,239,230,.25);background:#0b0c0c;color:var(--paper);transition:background .34s cubic-bezier(.16,1,.3,1),color .34s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1)}
.post-card:hover,.post-card:focus-visible{position:relative;z-index:2;background:var(--paper);color:var(--ink);transform:translateY(-6px);outline:none}
.post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(320px,.83fr);grid-template-rows:auto auto 1fr auto auto;column-gap:clamp(30px,5vw,70px)}
.post-card:first-child .post-card-thumb{grid-column:1;grid-row:1/6;margin:0}
.post-card:first-child .post-card-cat,.post-card:first-child .post-card-title,.post-card:first-child .post-card-excerpt,.post-card:first-child .post-card-meta,.post-card:first-child .post-card-more{grid-column:2}
.post-card-thumb{width:100%;aspect-ratio:16/9;margin-bottom:26px;object-fit:cover;border:1px solid rgba(243,239,230,.18);filter:saturate(.9);transition:filter .3s ease}
.post-card:hover .post-card-thumb,.post-card:focus-visible .post-card-thumb{filter:saturate(1.03)}
.post-card-cat{color:var(--red)}
.post-card-cat::before{display:none}
.post-card-title{margin:22px 0 16px;font-size:clamp(1.65rem,2.4vw,2.75rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.post-card:first-child .post-card-title{font-size:clamp(2.4rem,4.3vw,4.6rem);line-height:.9}
.post-card-excerpt{margin:0;font-size:clamp(1rem,1.12vw,1.12rem);font-weight:500;line-height:1.55;color:rgba(243,239,230,.67)}
.post-card:hover .post-card-excerpt,.post-card:focus-visible .post-card-excerpt{color:rgba(16,16,15,.7)}
.post-card-meta{margin:30px 0 0;display:flex;align-items:center;gap:9px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,239,230,.56)}
.post-card:hover .post-card-meta,.post-card:focus-visible .post-card-meta{color:rgba(16,16,15,.58)}
.post-card-meta .sq,.post-meta-row .sq{display:inline-block;width:7px;height:7px;background:var(--red)}
.post-card-more{margin-top:18px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
/* Guides hub: no card art yet, so every card runs full width as a single column. */
.guides-index-page .post-grid{grid-template-columns:1fr}
.guides-index-page .post-card:first-child{display:flex;grid-template-columns:none}
.guides-index-page .post-card:first-child .post-card-title{font-size:clamp(1.65rem,2.4vw,2.75rem);line-height:.98}
.guides-index-page .post-card .post-card-title{max-width:28ch}
.guides-index-page .post-card .post-card-excerpt{max-width:70ch}
/* Article shell */
.blog-article-page .section.theme-ink{padding-top:clamp(70px,9vw,126px)}
.post-article{width:min(1120px,100%);margin-inline:auto}
.back-link{min-height:44px;margin-bottom:52px;display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.back-link:hover,.back-link:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
.post-article>.kicker{color:var(--red)}
.post-article>.kicker::before{display:none}
.post-article>.page-h1{max-width:1100px;margin:24px 0 28px;font-size:clamp(3rem,7.2vw,7.4rem);line-height:.88}
.post-meta-row{margin:0 0 46px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(243,239,230,.56)}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(243,239,230,.24)}
.post-body{width:min(760px,100%);margin:clamp(52px,7vw,92px) auto 0;font-size:clamp(1.05rem,1.2vw,1.16rem);line-height:1.78;color:rgba(243,239,230,.78)}
/* Articles: wider reading column (Mark, 30 Sep 2026) */
.article-page .post-body{width:min(960px,100%);margin:24px 0 0}
.post-body p{margin:0 0 1.55em}
.post-body .post-lead{margin-bottom:2.5em;font-size:clamp(1.3rem,1.75vw,1.58rem);line-height:1.55;color:var(--paper)}
.post-body h2{margin:2.4em 0 .72em;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.03;letter-spacing:-.045em;color:var(--paper)}
.post-body h3{margin:2em 0 .65em;font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.18;color:var(--paper)}
.post-body a{color:var(--yellow);text-decoration:none}
.post-body a:hover{text-decoration:none}
.post-body a:focus-visible{text-decoration:none;outline:2px solid var(--yellow);outline-offset:3px}
.post-body ul,.post-body ol{margin:0 0 2em;padding-left:1.25em}
.post-body li{margin:.72em 0;padding-left:.35em}
.post-takeaways{padding:clamp(24px,4vw,40px)!important;border:1px solid rgba(255,224,51,.48);background:rgba(255,224,51,.06);color:var(--paper);list-style:none}
.post-takeaways li{position:relative;margin:0;padding:14px 0 14px 25px;border-bottom:1px solid rgba(243,239,230,.13)}
.post-takeaways li:last-child{border-bottom:0}
.post-takeaways li::before{content:'';position:absolute;top:1.55em;left:0;width:7px;height:7px;background:var(--red)}
.cta-row{width:min(760px,100%);margin:clamp(54px,7vw,90px) auto 0;padding-top:34px;display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid rgba(243,239,230,.22)}
/* Privacy */
.legal-page .legal-content{padding:clamp(74px,9vw,126px) 0;background:var(--paper);color:var(--ink)}
.legal-page .post-body{color:rgba(16,16,15,.8)}
.legal-page .post-body h2,.legal-page .post-body h3{color:var(--ink)}
.legal-page .post-body a{color:#9e2821;text-decoration-color:rgba(158,40,33,.4)}
.legal-page .contact-details{width:min(760px,100%);margin:38px auto;padding:26px;display:grid;gap:8px;border:1px solid rgba(16,16,15,.28);background:var(--yellow);font-style:normal}
.legal-page .contact-details h3{margin:0 0 8px;font-size:1.45rem}
.legal-page .contact-details p,.legal-page .contact-details a{margin:0;font-size:1rem;line-height:1.5}
.signature{padding:clamp(64px,8vw,110px) 0 34px;background:#070706;color:var(--paper)}
.signature-mark{display:flex;align-items:baseline;justify-content:center;padding-top:clamp(30px,4vw,52px);border-top:1px solid rgba(243,239,230,.22);font-size:clamp(4.1rem,15.7vw,14rem);font-weight:800;line-height:.8;letter-spacing:.02em}
.signature-mark i{width:.13em;height:.13em;background:var(--red);flex:none}
.signature-line{text-align:center;margin:clamp(14px,2vw,24px) 0 0;font-size:clamp(1rem,1.5vw,1.45rem);color:rgba(243,239,230,.8)}
.footer-directory{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.7fr) minmax(0,1.1fr);gap:clamp(24px,3.4vw,56px);margin-top:clamp(44px,6vw,74px);padding:clamp(32px,4vw,48px) 0;border-top:1px solid rgba(243,239,230,.18);border-bottom:1px solid rgba(243,239,230,.18)}
.footer-group{min-width:0;margin:0;display:grid;align-content:start;justify-items:start;gap:5px;font-style:normal}
.footer-label{margin-bottom:12px;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.footer-group>a,.footer-group>span:not(.footer-label){min-height:34px;display:inline-flex;align-items:center;font-size:clamp(.92rem,1.08vw,1.04rem);font-weight:600;line-height:1.3;color:rgba(243,239,230,.72)}
.footer-group>a{position:relative;transition:color .2s ease,transform .2s ease}
.footer-group>a:hover,.footer-group>a:focus-visible{color:var(--paper);transform:translateX(5px);outline:none}
.footer-group>a::after{content:'';position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--red);transition:right .24s cubic-bezier(.16,1,.3,1)}
.footer-group>a:hover::after,.footer-group>a:focus-visible::after{right:0}
.footer-social a{gap:11px}
.footer-social a>span[aria-hidden]{width:19px;height:19px;display:grid;place-items:center;border:1px solid currentColor;font-size:.68rem;font-weight:800;line-height:1}
.signature-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;margin-top:20px;font-size:.75rem;color:rgba(243,239,230,.56)}
.signature-foot a{min-height:44px;display:inline-flex;align-items:center}
.signature-foot .signature-brand{flex-basis:100%;order:-1;font-size:.86rem;font-weight:600;color:rgba(243,239,230,.72);text-wrap:balance}
@media(min-width:861px) and (max-width:1120px){
  .site-nav{gap:clamp(12px,1.5vw,22px)}
  .site-nav>a:not(.header-cta){font-size:.58rem;letter-spacing:.1em}
  .header-cta{padding:0 12px;font-size:.58rem;letter-spacing:.1em}
}
@media(max-width:1000px){
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(24px,4vw,56px)}
}
@media(max-width:900px){
  .post-card:first-child{grid-template-columns:1fr}
  .post-card:first-child .post-card-thumb,.post-card:first-child .post-card-cat,.post-card:first-child .post-card-title,.post-card:first-child .post-card-excerpt,.post-card:first-child .post-card-meta,.post-card:first-child .post-card-more{grid-column:1;grid-row:auto}
  .post-card:first-child .post-card-thumb{margin-bottom:26px}
  .contact-grid{grid-template-columns:1fr}
  .contact-panel--booking{border-left:0;border-top:1px solid rgba(243,239,230,.25)}
  .direct-contact{grid-template-columns:1fr}
}
@media(max-width:860px){
  .site-header{background:#060707;backdrop-filter:none}
  .site-header__inner{width:calc(100% - 36px);grid-template-columns:auto auto;justify-content:space-between}
  .menu-toggle{width:auto;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(243,239,230,.38);border-radius:0;background:transparent;color:var(--paper);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
  .menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:14px;height:1px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
  .menu-toggle i{position:relative}.menu-toggle i::before,.menu-toggle i::after{content:'';position:absolute;left:0}.menu-toggle i::before{top:-5px}.menu-toggle i::after{top:5px}
  .site-header.is-open .menu-toggle i{background:transparent}.site-header.is-open .menu-toggle i::before{top:0;transform:rotate(45deg)}.site-header.is-open .menu-toggle i::after{top:0;transform:rotate(-45deg)}
  .site-nav{position:fixed;top:var(--bar-h);left:0;right:auto;bottom:auto;z-index:70;width:100vw;height:calc(100svh - var(--bar-h));padding:30px var(--gutter) 38px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;justify-self:auto;gap:0;background:#060707;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
  .site-header.is-open .site-nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-nav>a:not(.header-cta){padding:22px 0;display:block;border-bottom:1px solid rgba(243,239,230,.17);font-size:clamp(1.65rem,8vw,3rem);line-height:.95;letter-spacing:-.045em;text-transform:none;color:var(--paper)}
  .site-nav>a:not(.header-cta)::after{left:auto;right:0;bottom:50%;width:8px;height:8px;transform:translateY(50%);opacity:0;transition:opacity .2s ease}
  .site-nav>a:not(.header-cta):hover::after,.site-nav>a:not(.header-cta):focus-visible::after,.site-nav>a:not(.header-cta)[aria-current]::after{opacity:1}
  .header-cta{min-height:54px;margin-top:28px;justify-content:center;font-size:.7rem}
}
@media(max-width:720px){
  :root{--bar-h:58px;--gutter:20px}
  .editorial-hero,.page-hero{min-height:540px;padding:88px 0 70px}
  .editorial-hero::after,.page-hero::after{inset:10px}
  .editorial-hero h1,.page-h1{font-size:clamp(3.8rem,18.2vw,6.2rem)}
  .contact-hero p,.hero-sub{font-size:1rem}
  .contact-workspace,.section.theme-ink{padding:66px 0 82px}
  .contact-switcher{position:sticky;top:var(--bar-h);z-index:12;margin-bottom:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(243,239,230,.28);background:#090a0a}
  .contact-switcher button{min-height:52px;padding:8px;border:0;border-right:1px solid rgba(243,239,230,.22);border-radius:0;background:transparent;color:rgba(243,239,230,.66);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
  .contact-switcher button:last-child{border-right:0}
  .contact-switcher button[aria-selected="true"]{background:var(--yellow);color:var(--ink)}
  .contact-grid{display:block}
  .contact-panel{padding:28px 20px;scroll-margin-top:calc(var(--bar-h) + 64px)}
  .contact-panel[hidden]{display:none}
  .contact-panel--booking{border-top:0}
  .contact-panel__head{min-height:0;padding-bottom:26px}
  .contact-panel__head h2{font-size:2.7rem}
  .form-row{grid-template-columns:1fr}
  .lead-form .button{width:100%}
  .booking-embed iframe{height:600px}
  .direct-contact{padding:28px 20px}
  .direct-contact address a{grid-template-columns:1fr;gap:3px;padding:14px 0;overflow-wrap:anywhere}
  .post-grid{grid-template-columns:1fr}
  .post-card:first-child{grid-column:1}
  .post-card{padding:22px 18px}
  .post-card-title,.post-card:first-child .post-card-title,.guides-index-page .post-card:first-child .post-card-title{font-size:2rem}
  .post-article>.page-h1{font-size:clamp(2.7rem,13vw,4.7rem)}
  .post-meta-row{margin-bottom:30px}
  .post-body{font-size:1.04rem;line-height:1.72}
  .post-body .post-lead{font-size:1.22rem}
  .cta-row{flex-direction:column}.cta-row .btn{width:100%}
  .footer-directory{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px 18px;margin-top:42px;padding:32px 0;align-items:start}
  .footer-group>a,.footer-group>span:not(.footer-label){min-height:44px;max-width:100%;overflow-wrap:anywhere}
  address.footer-group{grid-column:1/-1}
  .footer-directory>[aria-label="Durban and Pretoria services"]{order:1}
  .footer-directory>address.footer-group{order:2}
  .footer-social{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
  .footer-social .footer-label{grid-column:1/-1}
  .signature-foot{flex-direction:column;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* --- P0 2026-09-12: light footer (service/GEO) + Follow row + H1 period gap --- */
.footer-label--legal{margin-top:18px}
.footer-follow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 28px;
  margin-top:clamp(22px,3vw,32px);
  padding-top:clamp(18px,2.5vw,28px);
  border-top:1px solid rgba(243,239,230,.18);
}
.footer-follow .footer-label{margin:0;margin-right:8px}
/* One rule between the directory and the follow row, not two (8 Oct 2026). */
.footer-directory+.footer-follow{margin-top:0;border-top:0}
.footer-follow a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:600;color:inherit}
.footer-follow svg{width:17px;height:17px;flex:none;fill:currentColor}
.signature--light{
  background:#f3efe6;
  color:#10100f;
}
.signature--light .signature-mark{
  border-top:1px solid rgba(16,16,15,.14);
  color:#10100f;
}
.signature--light .signature-line{color:rgba(16,16,15,.72)}
.signature--light .footer-directory{
  border-top-color:rgba(16,16,15,.14);
  border-bottom-color:rgba(16,16,15,.14);
}
.signature--light .footer-follow{border-top-color:rgba(16,16,15,.14)}
.signature--light .footer-group>a,
.signature--light .footer-group>span:not(.footer-label),
.signature--light .footer-follow a{
  color:rgba(16,16,15,.82);
}
.signature--light .footer-group>a:hover,
.signature--light .footer-group>a:focus-visible,
.signature--light .footer-follow a:hover,
.signature--light .footer-follow a:focus-visible{
  color:#10100f;
}
.signature--light .footer-label{color:var(--red,#cb4a3a)}
.signature--light .signature-foot{color:rgba(16,16,15,.55)}
.signature--light .signature-foot .signature-brand{color:rgba(16,16,15,.7)}
.signature--light .signature-foot a{color:rgba(16,16,15,.7)}
/* Cancel letter-spacing gap before red period spans in H1s */
.seo-page .seo-hero h1 .h1-period,
.growth-page .growth-hero h1 .h1-period{
  margin-inline-start:-0.06em;
}
@media(max-width:720px){
  .footer-follow{gap:4px 16px}
}
/* Guides hub hero plate (13 Sep 2026). */
.guides-index-page .guides-hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(560px,min(calc(100svh - 68px),820px));background:#060707}
.guides-hero__art{position:absolute;inset:0;z-index:0;pointer-events:none}
.guides-hero__art img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:scale(1.04);animation:guides-drift 18s ease-in-out infinite alternate}
.guides-hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,7,.55),rgba(6,7,7,.15) 35%,rgba(6,7,7,.2) 70%,#060707 100%),linear-gradient(90deg,rgba(6,7,7,.72) 0%,rgba(6,7,7,.35) 40%,rgba(6,7,7,0) 70%)}
.guides-index-page .guides-hero::after{display:none}
.guides-index-page .guides-hero .container{position:relative;z-index:1}
@keyframes guides-drift{from{transform:scale(1.04) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}
@media(max-width:720px){.guides-index-page .guides-hero{min-height:520px}.guides-hero__art img{object-position:62% 40%}}
@media(prefers-reduced-motion:reduce){.guides-hero__art img{animation:none}}
/* Guides depth hero (14 Sep 2026). */
.guides-index-page .depth-hero__canvas{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .6s ease}
.guides-hero__art.is-depth .depth-hero__canvas{opacity:1}
.guides-hero__art.is-depth img{visibility:hidden;animation:none}
.guides-hero__art.is-depth::after{display:none}
/* Guides index: the questions board. Copy sits on the clear gold wall left of the board (desktop) or above it
   (phone), sized from the image's own scale so it never reaches the board's lettering. --s and --sm are CSS px
   per image px. The Articles index shares .guides-hero, so everything here is scoped to .guides-hero--questions. */
.guides-index-page .guides-hero--questions{min-height:var(--hh);--hh:max(560px,calc(100svh - 68px));--s:max(100vw / 1672,var(--hh) / 941);--gl:max(20px,min(64px,4vw));--gw:calc(520 * var(--s) - max(16px,2.2vw) - var(--gl));--gf:calc(var(--gw) / 3)}
.guides-index-page .guides-hero--questions .guides-hero__art picture{display:contents}
.guides-index-page .guides-hero--questions .guides-hero__art img{animation:none;transform:none;object-position:0% 60%}
.guides-index-page .guides-hero--questions .guides-hero__art::after{background:linear-gradient(180deg,transparent 88%,#060707 100%)}
.guides-index-page .guides-hero--questions .container{position:absolute;top:0;left:var(--gl);width:auto;margin:0;height:calc((var(--hh) - 941 * var(--s)) * .6 + 668 * var(--s) - 24px);display:flex;flex-direction:column;justify-content:center}
.guides-index-page .guides-hero--questions .page-h1{margin:0;max-width:none;font-size:var(--gf);color:var(--ink)}
.guides-index-page .guides-hero--questions .hero-sub{max-width:var(--gw);margin:34px 0 0;padding-left:calc(3px + .06 * var(--gf));color:var(--ink);font-size:clamp(1.2rem,1.65vw,1.85rem);font-weight:700;line-height:1.28;letter-spacing:-.01em;text-wrap:balance}
@media(max-width:720px){
  .guides-index-page .guides-hero--questions{--sm:calc((100vw - 4px) / 920);--pl:calc(4px + 123 * var(--sm));--pr:calc(100vw - 4px - 880 * var(--sm));display:grid;min-height:0;padding:0}
  .guides-index-page .guides-hero--questions .guides-hero__art{position:relative;inset:auto;grid-area:1/1;height:calc(1448 * var(--sm));overflow:hidden}
  .guides-index-page .guides-hero--questions .guides-hero__art img{position:absolute;top:0;left:calc(4px - 55 * var(--sm));width:calc(1086 * var(--sm));height:auto;max-width:none}
  .guides-index-page .guides-hero--questions .guides-hero__art::after{background:linear-gradient(180deg,transparent 86%,#060707 100%)}
  .guides-index-page .guides-hero--questions .container{display:contents}
  .guides-index-page .guides-hero--questions .page-h1{grid-area:1/1;align-self:start;z-index:1;height:calc(335 * var(--sm));display:flex;align-items:center;padding:0 var(--pr) 0 var(--pl);font-size:calc(757 * var(--sm) / 3)}
  .guides-index-page .guides-hero--questions .hero-sub{grid-area:2/1;max-width:none;margin:0;padding:22px var(--pr) 36px var(--pl);background:#060707;color:var(--paper);font-size:calc(100vw / 20.5);line-height:1.32}
}
/* Narrower than 320px (a small phone, or a browser zoomed in): no fixed floor.
   Nothing in these two blocks applies at 320px and wider. */
@media(max-width:319px){
  body{min-width:0}
  .site-header__inner{gap:12px}
  .signature-mark{font-size:calc((100vw - 40px) / 4.25)}
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .post-body a{overflow-wrap:anywhere}
}
@media(max-width:229px){
  .site-header__inner{gap:8px}
  .menu-toggle{padding:0 8px;gap:6px}
}
.service-page{background:var(--black);color:var(--paper)}
.service-hero{min-height:clamp(520px,72svh,760px);padding:clamp(110px,14vw,190px) 0 clamp(72px,9vw,120px);display:flex;align-items:flex-end;background:linear-gradient(rgba(243,239,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.035) 1px,transparent 1px),radial-gradient(circle at 75% 20%,rgba(203,74,58,.18),transparent 32%),var(--black);background-size:64px 64px,64px 64px,auto,auto;border-bottom:1px solid rgba(243,239,230,.22)}
.service-hero .container{position:relative;z-index:1}
.service-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 30px;color:rgba(243,239,230,.72);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.service-breadcrumb a{color:var(--paper)}
.service-breadcrumb a:hover,.service-breadcrumb a:focus-visible{color:var(--yellow)}
.service-hero h1{max-width:1080px;margin:24px 0 0;font-size:clamp(3.8rem,9.5vw,9.6rem);line-height:.84;letter-spacing:-.075em}
.service-hero .hero-sub{max-width:780px;margin-top:34px;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.55;color:rgba(243,239,230,.78)}
.seo-hero{position:relative;isolation:isolate;min-height:max(560px,calc(100svh - 68px));padding-top:clamp(96px,11vh,132px);padding-bottom:clamp(48px,7vh,76px);overflow:hidden;background:#070706}
.seo-hero__image{position:absolute;z-index:-3;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center}
.seo-hero__scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.97) 0%,rgba(7,7,6,.91) 34%,rgba(7,7,6,.54) 60%,rgba(7,7,6,.14) 100%),linear-gradient(to bottom,rgba(7,7,6,.38),transparent 40%,rgba(7,7,6,.72))}
.seo-hero__signal{position:absolute;z-index:1;right:max(var(--gutter),calc((100vw - 1320px)/2));top:22%;display:flex;align-items:center;gap:13px;color:rgba(243,239,230,.7);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.seo-hero__signal i{width:8px;height:8px;background:var(--red);box-shadow:0 0 0 8px rgba(203,74,58,.1)}
.seo-hero h1{max-width:9.2ch;text-wrap:balance}
.seo-hero .hero-sub{max-width:620px}
.seo-hero__cta{margin-top:clamp(24px,3.5vh,34px);background:var(--paper);border-color:var(--paper);color:var(--ink)}
.offer-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:48px;background:rgba(243,239,230,.25)}
.offer-choices--single{grid-template-columns:1fr}
.offer-choice-card{padding:clamp(30px,4vw,46px);display:flex;flex-direction:column;align-items:flex-start;min-height:0;color:var(--ink)}
.offer-choice-card--light{background:var(--paper)}
.offer-choice-card--yellow{background:var(--yellow)}
.offer-choice-card>span{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.offer-choice-card strong{margin:28px 0 16px;font-size:clamp(2.2rem,4vw,4rem);line-height:.9;letter-spacing:-.06em}
.offer-choice-card strong small{font-size:.35em;letter-spacing:0}
.service-section .offer-choice-card p{margin:0;max-width:34ch;color:rgba(16,16,15,.8);font-size:1rem;line-height:1.52}
.offer-choice-card .button{margin-top:28px}
.offer-choice-card--light .button--light{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.offer-choice-card--yellow .button--ink{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.button--ink{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.service-content{padding:clamp(72px,9vw,132px) 0;background:linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),#090a0a;background-size:64px 64px}
.service-layout{width:min(1120px,100%);margin-inline:auto}
.service-section{padding:0 0 clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px);border-bottom:1px solid rgba(243,239,230,.2)}
.service-section:last-of-type{margin-bottom:0}
.service-section h2{max-width:900px;margin:0 0 28px;font-size:clamp(2.4rem,5vw,5.6rem);line-height:.9;letter-spacing:-.065em}
.service-section h3{margin:0 0 13px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05;letter-spacing:-.035em}
.service-section p{max-width:760px;margin:0 0 20px;font-size:clamp(1.08rem,1.4vw,1.24rem);line-height:1.65;color:rgba(243,239,230,.8)}
.service-section p strong{color:var(--paper)}
.seo-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:46px}
.seo-work-grid article{min-width:0;min-height:270px;padding:clamp(38px,4.5vw,62px);border:1px solid rgba(243,239,230,.2);background:#0b0c0c}
.seo-work-grid .kicker{display:block;margin-bottom:30px;color:var(--red)}
.seo-work-grid h3{margin-bottom:22px;font-size:clamp(1.7rem,2.5vw,2.55rem)}
.seo-work-grid p{margin:0;max-width:29ch;font-size:1.08rem;line-height:1.62}
.service-section ul{max-width:760px;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;border-top:1px solid rgba(243,239,230,.2);border-left:1px solid rgba(243,239,230,.2)}
.service-section li{padding:16px 18px;border-right:1px solid rgba(243,239,230,.2);border-bottom:1px solid rgba(243,239,230,.2);font-size:.94rem;font-weight:700;color:rgba(243,239,230,.84)}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:40px;background:rgba(243,239,230,.2)}
.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:34px;background:rgba(243,239,230,.2)}
.scope-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.scope-grid article{padding:26px;background:#0b0c0c}
.scope-grid .kicker{color:var(--red)}
.scope-grid p{margin:0;font-size:1rem;line-height:1.5}
.ecommerce-scope{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;margin-top:42px;border-top:1px solid rgba(243,239,230,.22);border-bottom:1px solid rgba(243,239,230,.22)}
.ecommerce-scope article{min-width:0;padding:28px 28px 30px 0}
.ecommerce-scope article+article{padding-left:28px;border-left:1px solid rgba(243,239,230,.18)}
.ecommerce-scope .kicker,.ecommerce-content-note .kicker{display:block;margin-bottom:25px;color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ecommerce-scope h3{font-size:clamp(1.55rem,2.4vw,2.45rem)}
.ecommerce-scope p{max-width:31ch;margin:0;font-size:1rem;line-height:1.56}
.ecommerce-content-note{max-width:760px;margin-top:34px;padding-left:22px;border-left:4px solid var(--red)}
.ecommerce-content-note .kicker{margin-bottom:12px}
.ecommerce-content-note p{margin:0;font-size:1.04rem;line-height:1.58}
.seo-offer{padding:clamp(34px,5vw,64px);background:var(--yellow);color:var(--ink)}
.seo-offer__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:clamp(42px,7vw,100px);align-items:start;padding-bottom:clamp(30px,4vw,48px);border-bottom:2px solid rgba(16,16,15,.72)}
.seo-offer .eyebrow{margin-bottom:20px;color:#a93129!important}
.seo-offer h2{max-width:760px;margin:0;font-size:clamp(3.1rem,6.5vw,7rem);line-height:.84;letter-spacing:-.07em;color:var(--ink)}
.seo-offer__price{min-width:0;padding-left:24px;border-left:4px solid var(--ink);display:grid;align-content:start;justify-items:start}
.seo-offer__price strong{font-size:clamp(2.7rem,4.4vw,4.8rem);line-height:.88;letter-spacing:-.065em}
.seo-offer__price span{margin-top:8px;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.seo-offer__price small{max-width:220px;margin-top:14px;font-size:.95rem;font-weight:650;line-height:1.42;color:rgba(16,16,15,.76)}
.seo-offer__story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.55fr);gap:clamp(36px,7vw,105px);padding:clamp(36px,4vw,56px) 0}
.seo-offer__story p{margin:0;color:rgba(16,16,15,.8);font-size:1.05rem;line-height:1.55}
.seo-offer__story .seo-offer__lead{max-width:35ch;font-size:clamp(1.45rem,2.5vw,2.45rem);font-weight:750;line-height:1.1;letter-spacing:-.04em;color:var(--ink)}
.seo-offer__stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(16,16,15,.42);border-left:1px solid rgba(16,16,15,.32)}
.seo-offer__stages article{min-width:0;min-height:230px;padding:clamp(28px,3vw,42px);border-right:1px solid rgba(16,16,15,.32);border-bottom:1px solid rgba(16,16,15,.32)}
.seo-offer__stages span{font-size:.68rem;font-weight:800;letter-spacing:.15em;color:#a93129}
.seo-offer__stages h3{margin:40px 0 16px;font-size:clamp(1.45rem,2.2vw,2.2rem);color:var(--ink)}
.seo-offer__stages p{max-width:32ch;margin:0;color:rgba(16,16,15,.8);font-size:1.02rem;line-height:1.55}
.seo-offer .button{margin-top:clamp(34px,4vw,52px)}
.offer-choice-card--yellow,.offer-choice-card--light,.seo-offer,.surface--yellow,.surface--paper{color:var(--ink)}
.surface--red{color:var(--paper)}
.seo-offer :is(h2,h3,p,strong,small){color:var(--ink)!important}
.seo-offer__stages span{color:#a93129!important}
.seo-offer .button--ink{color:var(--yellow)!important}
.seo-timeline{margin:26px 0 0!important;padding-top:22px;border-top:1px solid rgba(16,16,15,.35);font-size:.98rem!important;line-height:1.45!important}
.seo-timeline strong{display:block;margin-bottom:7px}
.seo-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:46px}
.seo-stages article{min-height:220px;padding:clamp(32px,4vw,52px);border-top:2px solid var(--red);background:#0b0c0c}
.seo-stages article>span{display:block;margin-bottom:28px;color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.15em}
.seo-stages h3{margin-bottom:18px;font-size:clamp(1.55rem,2.3vw,2.35rem)}
.seo-stages p{max-width:31ch;margin:0;font-size:1.05rem;line-height:1.58}
.seo-pricing-context{padding:clamp(38px,5vw,70px);background:var(--paper);color:var(--ink)}
.seo-pricing-context .eyebrow{color:var(--red)}
.seo-pricing-context h2{max-width:18ch;margin:18px 0 46px;font-size:clamp(2.35rem,4.6vw,5.3rem);line-height:.92;color:var(--ink)}
.seo-pricing-context>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,46px);padding-top:30px;border-top:1px solid rgba(16,16,15,.28)}
.seo-pricing-context p{margin:0;color:rgba(16,16,15,.8);font-size:1.05rem;line-height:1.58}
.growth-retainer-prompt .retainer-terms{margin-top:20px;font-size:.92rem;line-height:1.5;color:rgba(16,16,15,.7)}
.capability{min-width:0;padding:28px;background:#0b0c0c}
.capability .kicker{color:var(--red)}
.capability p{font-size:1rem}
.capability ul{grid-template-columns:1fr;margin-top:20px;border-color:rgba(243,239,230,.16)}
.capability li{padding:11px 12px;font-size:.78rem;border-color:rgba(243,239,230,.16)}
.price-card{padding:0 0 0 clamp(22px,3vw,34px);border-left:4px solid var(--red);color:var(--paper)}
.price-card p{color:rgba(243,239,230,.76)}
.price-kicker{display:block;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.56)}
.price-line{margin:12px 0 0}
.price-line strong{font-size:clamp(3.4rem,7vw,7.4rem);line-height:.82;letter-spacing:-.075em}
.price-card .standard-rate{margin:18px 0 0;font-size:1rem;font-weight:700;color:rgba(243,239,230,.78)!important}
.price-card .price-summary{max-width:28ch;margin:14px 0 0;font-size:.76rem;font-weight:800;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,239,230,.56)!important}
.price-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px solid rgba(243,239,230,.22);border-bottom:1px solid rgba(243,239,230,.22)}
.price-terms p{min-height:132px;margin:0;padding:22px 24px 22px 0;font-size:1rem!important;line-height:1.48!important;color:rgba(243,239,230,.76)!important}
.price-terms p+ p{padding-left:24px;border-left:1px solid rgba(243,239,230,.22)}
.price-terms strong{display:block;margin-bottom:10px;color:var(--paper);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.price-card .terms-copy{max-width:72ch;margin-top:30px;font-size:.95rem!important;line-height:1.58!important;color:rgba(243,239,230,.58)!important}
.scope-note{margin-top:28px!important;padding:20px 22px;border-left:4px solid var(--red);background:rgba(255,224,51,.08);font-size:1.05rem!important;color:var(--paper)!important}
.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(243,239,230,.2)}
.process article{padding:28px;background:#0b0c0c}
.process article span{display:block;margin-bottom:24px;color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.15em}
.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.offer-detail{display:none}
.offer-choice-card__note{margin-top:16px!important;font-size:.82rem!important;font-weight:700}
.growth-retainer-prompt{position:relative;overflow:hidden;padding:clamp(38px,6vw,82px);background:linear-gradient(rgba(243,239,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.08) 1px,transparent 1px),var(--red);background-size:72px 72px;color:var(--paper)}
.growth-retainer-prompt:after{content:"GROW";position:absolute;right:-.04em;bottom:-.25em;color:rgba(16,16,15,.12);font-size:clamp(8rem,23vw,24rem);font-weight:850;line-height:.8;letter-spacing:-.09em;pointer-events:none}
.growth-retainer-prompt>*{position:relative;z-index:1}
.growth-retainer-prompt .eyebrow{color:var(--paper)}
.growth-retainer-prompt h2{max-width:10ch;margin:22px 0 22px;font-size:clamp(3.3rem,8vw,8.5rem);line-height:.82;letter-spacing:-.075em;color:var(--paper)}
.growth-retainer-price{display:block;margin:0 0 26px;color:var(--paper);font-size:clamp(2.6rem,5vw,5rem);line-height:.9;letter-spacing:-.055em}
.growth-retainer-price small{font-size:.28em;letter-spacing:.02em;text-transform:uppercase}
.growth-retainer-prompt p{max-width:720px;margin:0;color:rgba(243,239,230,.92);font-size:clamp(1.12rem,1.8vw,1.45rem);line-height:1.45}
.growth-retainer-prompt .retainer-terms{color:rgba(243,239,230,.78)}
.growth-retainer-prompt .button--light{margin-top:32px;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.related-list a{min-height:92px;padding:20px;display:flex;align-items:flex-end;border:1px solid rgba(243,239,230,.25);font-weight:800;transition:background .2s,color .2s,transform .2s}
.related-list a:hover,.related-list a:focus-visible{background:var(--paper);color:var(--ink);transform:translateY(-3px);outline:none}
.faq{border-top:1px solid rgba(243,239,230,.2)}
.faq details{padding:22px 0;border-bottom:1px solid rgba(243,239,230,.2)}
.faq summary{cursor:pointer;font-size:1.1rem;font-weight:800;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--red);font-size:1.5rem}
.faq details[open] summary::after{content:'−'}
.faq p{margin:15px 0 0;max-width:760px}
.service-cta{padding-top:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(243,239,230,.2)}
.service-cta h2{margin:0;max-width:12ch}
@media(max-width:900px){.capability-grid,.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-layout{width:calc(100% - (var(--gutter)*2))}.price-terms{grid-template-columns:1fr}.price-terms p{min-height:0;padding:20px 0}.price-terms p+p{padding-left:0;border-left:0;border-top:1px solid rgba(243,239,230,.22)}.ecommerce-scope{grid-template-columns:1fr}.ecommerce-scope article,.ecommerce-scope article+article{padding:24px 0;border-left:0}.ecommerce-scope article+article{border-top:1px solid rgba(243,239,230,.18)}.seo-offer__head,.seo-offer__story{grid-template-columns:1fr;gap:32px}.seo-offer__price{padding-top:28px;border-top:2px solid rgba(16,16,15,.72);border-left:0;padding-left:0}.seo-offer__stages article{min-height:210px}.seo-pricing-context>div{grid-template-columns:1fr}.seo-pricing-context p+p{padding-top:24px;border-top:1px solid rgba(16,16,15,.18)}}
@media(max-width:640px){.service-hero{min-height:520px;padding:88px 0 68px}.service-hero h1{font-size:clamp(3.2rem,15vw,5.5rem)}.service-section ul,.process,.related-list,.scope-grid,.scope-grid--two,.seo-work-grid,.seo-offer__stages{grid-template-columns:1fr}.seo-offer__stages article{min-height:0}.seo-work-grid{gap:16px;margin-top:34px}.seo-work-grid article{min-height:0;padding:32px 26px}.seo-work-grid .kicker{margin-bottom:22px}.seo-work-grid h3{margin-bottom:16px}.capability{padding:22px}.service-content{padding:64px 0 78px}.service-section{margin-bottom:70px;padding-bottom:70px}.service-breadcrumb{margin-bottom:24px}}
@media(max-width:640px){.seo-hero{min-height:calc(100svh - 76px);padding:88px 0 44px}.seo-hero__image{inset:-3%;width:106%;height:106%;object-position:63% center}.seo-hero__scrim{background:linear-gradient(to bottom,rgba(7,7,6,.76),rgba(7,7,6,.42) 38%,rgba(7,7,6,.96) 76%)}.seo-hero__signal{top:20%;right:var(--gutter)}.seo-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.seo-hero .hero-sub{margin-top:24px}.seo-hero__cta{margin-top:22px}}
@media(max-width:640px){.offer-choices{grid-template-columns:1fr;margin-top:34px}.offer-choice-card{min-height:0;padding:24px}.offer-choice-card strong{margin-top:20px}}
.seo-offer__price>strong{font-size:clamp(2.5rem,3.7vw,3.9rem);white-space:nowrap}
/* SEO page: use the homepage's full-width editorial rhythm, not the narrow service template. */
.seo-page .service-content{padding:0;background:#090a0a}
.seo-page .service-layout{width:100%;max-width:none}
.seo-page .service-section{margin:0;padding:0;border:0}
.seo-page .seo-section-inner{width:min(1320px,calc(100% - (var(--gutter)*2)));margin-inline:auto}
.seo-page .seo-offer{padding-block:clamp(72px,8vw,120px);padding-inline:max(var(--gutter),calc((100vw - 1320px)/2))}
.seo-page .seo-offer__stages{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-page .seo-offer__stages article{min-height:270px}
.seo-page .seo-consulting{margin:22px 0 0!important;padding-top:20px;border-top:1px solid rgba(16,16,15,.35);font-size:.95rem!important;line-height:1.45!important}
.seo-page .seo-consulting strong{display:block;margin-bottom:5px}
.seo-page .seo-offer__price .seo-consulting strong{font-size:inherit;line-height:inherit;letter-spacing:inherit;white-space:normal}
.seo-page .seo-work-section{padding:clamp(78px,9vw,132px) 0;background:linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),#090a0a;background-size:64px 64px}
.seo-page .seo-work-section>.seo-section-inner>.eyebrow{display:block;margin-bottom:24px;color:var(--red)}
.seo-page .seo-work-section h2{max-width:10ch;margin-bottom:clamp(42px,5vw,72px);font-size:clamp(3.2rem,7vw,7.8rem)}
.seo-page .seo-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,26px);margin-top:0}
.seo-page .seo-work-grid article{min-height:350px;padding:clamp(26px,2.4vw,38px)}
.seo-page .seo-work-grid h3{font-size:clamp(1.3rem,1.7vw,1.75rem)}
.seo-page .growth-retainer-prompt{padding-block:clamp(78px,9vw,132px);padding-inline:max(var(--gutter),calc((100vw - 1320px)/2))}
.seo-page .growth-retainer-prompt h2{font-size:clamp(4rem,10vw,10rem)}
.seo-page .seo-faq-section{padding:clamp(76px,8vw,118px) 0;background:var(--paper);color:var(--ink)}
.seo-page .seo-faq-section .eyebrow{display:block;margin-bottom:22px;color:var(--red)}
.seo-page .seo-faq-section h2{color:var(--ink)}
.seo-page .seo-faq-section .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(16,16,15,.25);border-left:1px solid rgba(16,16,15,.2)}
.seo-page .seo-faq-section .faq details{min-width:0;padding:26px 28px;border-right:1px solid rgba(16,16,15,.2);border-bottom:1px solid rgba(16,16,15,.25)}
.seo-page .seo-faq-section .faq summary{color:var(--ink)}
.seo-page .seo-faq-section .faq p{color:rgba(16,16,15,.76)}
.seo-page .service-cta{margin:0;padding-block:clamp(58px,7vw,92px);padding-inline:max(var(--gutter),calc((100vw - 1320px)/2));border:0;background:var(--yellow);color:var(--ink)}
.seo-page .service-cta h2{color:var(--ink)}
.seo-page .service-cta .button--light{background:var(--ink);border-color:var(--ink);color:var(--yellow)}
.seo-motion-target{transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.js .seo-motion-target:not(.is-visible){opacity:0;transform:translateY(34px)}
.seo-work-grid .seo-motion-target:nth-child(2n){transition-delay:.08s}
.seo-closing{position:relative;background:#070706;color:var(--paper)}
.seo-closing .sequence-zone{position:relative;height:300vh}
.seo-closing .sequence-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.seo-closing .sequence-base,.seo-closing .sequence-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seo-closing .sequence-canvas{display:block}
.seo-closing .sequence-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(95deg,rgba(7,7,6,.95) 0 31%,rgba(7,7,6,.7) 51%,rgba(7,7,6,.3) 68%,rgba(7,7,6,.1)),linear-gradient(to bottom,rgba(7,7,6,.55),transparent 28%,transparent 62%,rgba(7,7,6,.92))}
.seo-closing .closing-copy{position:relative;z-index:3}
.seo-closing .closing-copy .eyebrow{display:block;margin-bottom:18px;color:var(--red)}
.seo-closing .closing-copy h2{max-width:1000px;margin:0;font-size:clamp(4rem,9vw,9.6rem);line-height:.8;letter-spacing:-.075em}
.seo-closing .closing-copy p{max-width:590px;margin:26px 0 30px;font-size:clamp(1.04rem,1.45vw,1.25rem);line-height:1.5;color:rgba(243,239,230,.8)}
.seo-closing .button--light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
@media(max-width:1100px){.seo-page .seo-offer__stages,.seo-page .seo-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-page .seo-work-grid article{min-height:300px}}
@media(max-width:640px){.seo-page .seo-offer__stages,.seo-page .seo-work-grid,.seo-page .seo-faq-section .faq{grid-template-columns:1fr}.seo-page .seo-offer__stages article,.seo-page .seo-work-grid article{min-height:0}.seo-page .seo-faq-section .faq details{padding:22px 20px}.seo-page .service-cta{align-items:flex-start}.seo-closing .sequence-zone{height:240vh}.seo-closing .sequence-scrim{background:linear-gradient(to bottom,rgba(7,7,6,.84) 0 20%,rgba(7,7,6,.42) 50%,rgba(7,7,6,.92) 100%)}.seo-closing .closing-copy{align-self:flex-end;padding-bottom:12vh}.seo-closing .closing-copy h2{font-size:clamp(3.5rem,17vw,5.7rem)}}
@media(prefers-reduced-motion:reduce){.seo-motion-target{opacity:1!important;transform:none!important}.seo-closing .sequence-zone{height:100vh}}
.seo-offer__hook{max-width:620px!important;margin:clamp(28px,3.5vw,44px) 0 0!important;color:var(--ink)!important}
.seo-offer__hook strong,.seo-offer__hook span{display:block}
.seo-offer__hook strong{max-width:18ch;margin-bottom:14px;font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.08;letter-spacing:-.04em}
.seo-offer__hook span{max-width:52ch;font-size:1.05rem;line-height:1.55;color:rgba(16,16,15,.78)}
@media(hover:hover) and (pointer:fine){.seo-page .seo-offer__stages article,.seo-page .seo-work-grid article{position:relative;transition:background-color .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,color .32s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease}.seo-page .seo-offer__stages article:hover{z-index:1;background:var(--ink);border-color:var(--ink);transform:translateY(-7px);box-shadow:0 18px 42px rgba(16,16,15,.18)}.seo-page .seo-offer__stages article:hover h3,.seo-page .seo-offer__stages article:hover p{color:var(--paper)!important}.seo-page .seo-offer__stages article:hover span{color:var(--red)!important}.seo-page .seo-work-grid article:hover{z-index:1;background:var(--paper);border-color:var(--paper);transform:translateY(-7px);box-shadow:0 18px 48px rgba(0,0,0,.3)}.seo-page .seo-work-grid article:hover h3,.seo-page .seo-work-grid article:hover p{color:var(--ink)}.seo-page .seo-work-grid article:hover .kicker{color:var(--red)}}
@media(hover:hover) and (pointer:fine){.seo-page .seo-offer__stages article,.seo-page .seo-work-grid article{transition:opacity .65s ease,background-color .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,color .32s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease}}
@media(hover:hover) and (pointer:fine){.seo-page .seo-faq-section .faq details{transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1),background-color .28s ease,border-color .28s ease}.seo-page .seo-faq-section .faq details:hover,.seo-page .seo-faq-section .faq details:focus-within{background:var(--ink);border-color:var(--ink)}.seo-page .seo-faq-section .faq details:hover summary,.seo-page .seo-faq-section .faq details:focus-within summary{color:var(--paper)}.seo-page .seo-faq-section .faq details:hover p,.seo-page .seo-faq-section .faq details:focus-within p{color:rgba(243,239,230,.8)}}
/* Service-page family: shared discipline, deliberately different silhouettes. */
.commerce-shell,.growth-shell{width:min(1320px,calc(100% - (var(--gutter)*2)));margin-inline:auto}
:where(.ecommerce-page,.growth-page){--service-section-space:clamp(108px,12vw,176px);--service-column-gap:clamp(64px,9vw,144px);--service-card-gap:clamp(18px,2vw,30px)}
.service-split-band{padding-block:var(--service-section-space)}
.service-split-band__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--service-column-gap);align-items:start}
.service-split-band__detail{margin-top:clamp(78px,7vw,112px);padding-left:clamp(30px,4vw,58px);border-left:2px solid currentColor}
:where(.ecommerce-page,.growth-page) main h2{margin:0;font-size:clamp(3rem,6.5vw,7rem);line-height:.86;letter-spacing:-.07em}
:where(.ecommerce-page,.growth-page) main h3{margin:0;letter-spacing:-.04em}
:where(.ecommerce-page,.growth-page) main p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}
.service-reveal{transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.js .service-reveal:not(.is-visible){opacity:0;transform:translateY(30px)}
/* Ecommerce: dark chrome, operational typography and a visible purchase path. */
.commerce-hero{position:relative;isolation:isolate;min-height:max(680px,calc(100svh - 68px));overflow:hidden;background:#050606;color:var(--paper)}
.commerce-hero__image{position:absolute;z-index:-3;left:34%;right:-6%;bottom:-3%;width:76%;height:auto;max-height:88%;object-fit:contain;object-position:right bottom}
.commerce-hero__scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#050606 0 39%,rgba(5,6,6,.86) 52%,rgba(5,6,6,.18) 80%),linear-gradient(to bottom,rgba(5,6,6,.28),transparent 54%,#050606)}
.commerce-hero__content{min-height:max(680px,calc(100svh - 68px));padding-block:clamp(106px,13vh,150px) clamp(58px,8vh,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.commerce-hero .service-breadcrumb{margin-bottom:auto}
.commerce-hero .eyebrow{margin-bottom:22px}
.commerce-hero h1{max-width:7ch;margin:0;font-size:clamp(4.1rem,9vw,9.2rem);line-height:.8;letter-spacing:-.08em}
.commerce-hero p{max-width:610px;margin:28px 0 30px;color:rgba(243,239,230,.82)}
.commerce-offer{padding:clamp(70px,8vw,118px) 0 40px;background:var(--paper);color:var(--ink)}
.commerce-offer__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,8vw,120px);align-items:end}
.commerce-offer .eyebrow{color:var(--red)}
.commerce-offer h2{margin-top:30px!important;color:var(--ink);font-size:clamp(4.2rem,9vw,9.6rem)!important;white-space:nowrap}
.commerce-offer h2 span{color:var(--red)}
.commerce-standard{margin:18px 0 0!important;font-weight:750;color:rgba(16,16,15,.65)}
.commerce-offer__statement{padding-left:32px;border-left:5px solid var(--red)}
.commerce-offer__statement>strong{display:block;max-width:12ch;font-size:clamp(2.2rem,4.4vw,4.8rem);line-height:.9;letter-spacing:-.06em}
.commerce-offer__statement p{max-width:31ch;margin:22px 0;color:rgba(16,16,15,.74)}
.commerce-terms{max-width:none!important;margin:52px 0 0!important;padding-top:25px;border-top:1px solid rgba(16,16,15,.24);font-size:.9rem!important;color:rgba(16,16,15,.58)}
.commerce-system{padding:clamp(86px,10vw,148px) 0;background:#080909;color:var(--paper)}
.commerce-system>.commerce-shell>h2{max-width:11ch;margin-top:24px}
.commerce-intro{max-width:660px;margin:30px 0 52px;color:rgba(243,239,230,.74)}
.commerce-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.commerce-pillars article{min-height:390px;padding:clamp(30px,3.5vw,48px);border:1px solid rgba(243,239,230,.2);background:#0b0c0c;transition:background .28s,color .28s,transform .3s cubic-bezier(.16,1,.3,1)}
.commerce-pillars article>span,.purchase-path article>span,.commerce-process article>span{display:block;margin-bottom:48px;color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.commerce-pillars h3{max-width:11ch;font-size:clamp(1.9rem,3vw,3.2rem);line-height:.95}
.commerce-pillars p{margin:24px 0 0;color:rgba(243,239,230,.72)}
.purchase-path{padding:clamp(96px,11vw,158px) 0;background:var(--red);color:var(--paper)}
.purchase-path .eyebrow{color:var(--paper)}
.purchase-path h2{max-width:13ch;margin:28px 0 clamp(78px,7vw,112px)}
.purchase-path__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,24px)}
.purchase-path article{position:relative;min-height:340px;padding:clamp(34px,3vw,46px);border:1px solid rgba(243,239,230,.46);background:rgba(16,16,15,.1)}
.purchase-path article::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--paper);transform:scaleX(.18);transform-origin:left}
.purchase-path article>span{margin-bottom:clamp(66px,6vw,94px);color:var(--paper)}
.purchase-path article>strong{display:block;font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.055em}
.purchase-path article p{max-width:26ch;margin:22px 0 0;color:rgba(243,239,230,.84);font-size:1rem}
.commerce-scope-section{padding:clamp(86px,10vw,146px) 0;background:var(--paper);color:var(--ink)}
.commerce-scope-heading{display:grid;grid-template-columns:.35fr 1fr;gap:40px;align-items:start}
.commerce-scope-heading .eyebrow{color:var(--red)}
.commerce-scope-heading h2{max-width:12ch;color:var(--ink)}
.commerce-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-top:1px solid rgba(16,16,15,.3);border-left:1px solid rgba(16,16,15,.25)}
.commerce-ledger article{min-height:330px;padding:34px;border-right:1px solid rgba(16,16,15,.25);border-bottom:1px solid rgba(16,16,15,.3)}
.commerce-ledger article>span,.content-responsibility span,.store-routes article>span{display:block;margin-bottom:34px;color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.commerce-ledger ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.commerce-ledger li{padding-bottom:13px;border-bottom:1px solid rgba(16,16,15,.15);font-weight:700}
.commerce-ledger strong{display:block;max-width:7ch;font-size:clamp(3rem,5vw,5rem);line-height:.88;letter-spacing:-.065em}
.commerce-ledger p{color:rgba(16,16,15,.7)}
.content-responsibility{display:grid;grid-template-columns:.7fr 1fr;gap:60px;margin-top:50px;padding:42px;border:2px solid var(--ink)}
.content-responsibility h3{max-width:11ch;font-size:clamp(2.2rem,4vw,4rem);line-height:.92}
.content-responsibility p{align-self:end;margin:0;color:rgba(16,16,15,.74)}
.store-routes{padding:clamp(82px,9vw,132px) 0;background:#080909;color:var(--paper)}
.store-routes>.commerce-shell>.eyebrow{color:var(--red)}
.store-routes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:38px}
.store-routes article{min-height:420px;padding:clamp(34px,4.5vw,62px);border-top:3px solid var(--red);background:#0b0c0c}
.store-routes h2{max-width:8ch;font-size:clamp(2.8rem,5vw,5.5rem)!important}
.store-routes p{max-width:34ch;margin-top:30px;color:rgba(243,239,230,.74)}
.commerce-process{padding:clamp(96px,11vw,158px) 0;background:#080909;color:var(--paper)}
.commerce-process h2{max-width:10ch;margin:28px 0 clamp(78px,7vw,112px)}
.commerce-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,24px)}
.commerce-process article{position:relative;min-height:340px;padding:clamp(34px,3vw,46px);border:1px solid rgba(243,239,230,.24);background:#0b0c0c}
.commerce-process article::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--red);transform:scaleX(.18);transform-origin:left}
.commerce-process article>span{margin-bottom:clamp(62px,5vw,86px)}
.commerce-process h3{font-size:clamp(1.75rem,2.2vw,2.45rem);line-height:1}
.commerce-process p{max-width:25ch;margin-top:26px;color:rgba(243,239,230,.72);font-size:1rem}
.commerce-growth{background:var(--yellow);color:var(--ink)}
.commerce-growth .eyebrow{color:var(--red)}
.commerce-growth h2{max-width:9ch;margin-top:32px;color:var(--ink)}
.commerce-growth p{max-width:36ch;margin:0 0 clamp(42px,4vw,58px);color:rgba(16,16,15,.78)}
.commerce-faq{padding:clamp(80px,9vw,130px) 0;background:var(--paper);color:var(--ink)}
.commerce-faq>.commerce-shell>h2{margin:20px 0 45px;color:var(--ink)}
.commerce-faq .eyebrow{color:var(--red)}
.commerce-faq .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-color:rgba(16,16,15,.25);border-left:1px solid rgba(16,16,15,.2)}
.commerce-faq .faq details{padding:28px;border-color:rgba(16,16,15,.25);border-right:1px solid rgba(16,16,15,.2)}
.commerce-faq summary{color:var(--ink)}
.commerce-faq .faq p{color:rgba(16,16,15,.72)}
.commerce-close{padding:clamp(92px,11vw,170px) 0;background:#080909;color:var(--paper)}
.commerce-close h2{max-width:10ch;margin:22px 0 42px}
/* Growth Retainer: yellow-owned, editorial and deliberately distinct from the other service pages. */
.growth-page{background:var(--paper);color:var(--ink)}
.growth-page .site-header{background:#080909;color:var(--paper);border-color:rgba(243,239,230,.18)}
.growth-page .site-nav>a{color:var(--paper)}
.growth-page .header-cta{border-color:rgba(243,239,230,.5)}
.growth-hero{min-height:max(700px,calc(100svh - 68px));padding:clamp(98px,11vh,132px) 0 clamp(62px,8vh,88px);background:var(--yellow);color:var(--ink)}
.growth-hero .service-breadcrumb{color:rgba(16,16,15,.62)}
.growth-hero .service-breadcrumb a{color:var(--ink)}
.growth-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:clamp(70px,8vw,132px);align-items:end;margin-top:clamp(76px,10vh,118px)}
.growth-hero .eyebrow{color:var(--ink)}
.growth-hero h1{margin:clamp(28px,3vh,42px) 0 0;font-size:clamp(7rem,15vw,15.5rem);line-height:.66;letter-spacing:-.09em}
.growth-hero__lead{max-width:15ch!important;margin:clamp(50px,6vh,72px) 0 20px!important;font-size:clamp(2rem,3.2vw,3.7rem)!important;font-weight:800;line-height:.98!important;letter-spacing:-.055em}
.growth-hero__services{max-width:720px!important;margin:0 0 36px!important;font-size:clamp(.95rem,1.25vw,1.12rem)!important;font-weight:700;line-height:1.45!important}
.growth-price{padding:clamp(36px,4vw,54px);border-top:7px solid var(--red);background:var(--ink);color:var(--paper)}
.growth-price>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.growth-price strong{display:block;margin-top:clamp(62px,7vh,86px);font-size:clamp(4.7rem,7.3vw,7.4rem);line-height:.75;letter-spacing:-.08em}
.growth-price b{display:block;margin-top:16px;font-size:1rem;text-transform:uppercase}
.growth-price p{margin:clamp(54px,6vh,74px) 0 0;padding-top:24px;border-top:1px solid rgba(243,239,230,.3);font-size:1.16rem!important;font-weight:750}
.growth-price small{display:block;margin-top:25px;color:rgba(243,239,230,.66);font-size:.88rem;line-height:1.5}
.growth-purpose{padding:clamp(118px,12vw,184px) 0;background:#080909;color:var(--paper)}
.growth-purpose__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(80px,10vw,160px);align-items:end}
.growth-purpose .eyebrow{color:var(--red)}
.growth-purpose h2{max-width:10ch;margin-top:clamp(34px,4vw,54px);font-size:clamp(4rem,7vw,7.6rem)!important;color:var(--paper)}
.growth-purpose__copy{padding:clamp(38px,4vw,56px) 0 clamp(10px,1vw,18px) clamp(34px,4vw,60px);border-left:2px solid rgba(243,239,230,.35)}
.growth-purpose__copy p{margin:0 0 42px;color:rgba(243,239,230,.75)}
.growth-purpose__copy strong{display:block;max-width:28ch;font-size:clamp(1.35rem,2vw,2rem);line-height:1.25;letter-spacing:-.025em}
.growth-disciplines{padding:clamp(116px,12vw,182px) 0;background:var(--paper);color:var(--ink)}
.growth-disciplines__layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(86px,10vw,160px);align-items:start}
.growth-disciplines__heading{position:sticky;top:118px}
.growth-disciplines .eyebrow{color:var(--red)}
.growth-disciplines h2{max-width:8ch;margin:clamp(30px,3vw,46px) 0 34px;color:var(--ink)}
.growth-disciplines__heading p{max-width:32ch;margin:0;color:rgba(16,16,15,.68)}
.growth-disciplines__list{border-top:2px solid var(--ink)}
.growth-disciplines__list article{display:grid;grid-template-columns:54px minmax(190px,.72fr) minmax(240px,1fr);gap:clamp(24px,3vw,46px);align-items:start;padding:clamp(36px,4vw,54px) clamp(18px,2vw,30px);border-bottom:1px solid rgba(16,16,15,.25);transition:background .28s,color .28s,transform .3s cubic-bezier(.16,1,.3,1)}
.growth-disciplines__list article>span{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.15em}
.growth-disciplines h3{font-size:clamp(1.55rem,2.2vw,2.5rem);line-height:.98}
.growth-disciplines__list p{margin:0;color:rgba(16,16,15,.7);font-size:1rem}
.growth-month{padding:clamp(116px,12vw,180px) 0;background:#080909;color:var(--paper)}
.growth-month__head{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(48px,7vw,110px);align-items:start;margin-bottom:clamp(72px,8vw,112px)}
.growth-month .eyebrow{color:var(--red)}
.growth-month h2{max-width:10ch;color:var(--paper)}
.growth-month__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--service-card-gap)}
.growth-month article{min-height:360px;padding:clamp(36px,4vw,56px);border:1px solid rgba(243,239,230,.25);background:#0b0c0c;transition:background .28s,color .28s,transform .3s cubic-bezier(.16,1,.3,1)}
.growth-month article>span{display:block;margin-bottom:clamp(72px,7vw,104px);color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.growth-month h3{font-size:clamp(2rem,3vw,3.2rem)}
.growth-month article p{margin-top:26px;color:rgba(243,239,230,.72);font-size:1rem}
.growth-production{display:grid;grid-template-columns:minmax(280px,1.2fr) repeat(2,minmax(180px,.55fr));gap:0;margin-top:clamp(72px,8vw,112px);border-top:6px solid var(--red);background:var(--yellow);color:var(--ink)}
.growth-production>div,.growth-production>p{padding:clamp(34px,4vw,54px)}
.growth-production>div+div,.growth-production>p{border-left:1px solid rgba(16,16,15,.3)}
.growth-production .eyebrow{color:var(--ink)}
.growth-production h3{max-width:13ch;margin-top:26px;font-size:clamp(2rem,3vw,3.4rem);line-height:.98}
.growth-production__allowance{display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.growth-production__allowance strong{font-size:clamp(5rem,7vw,7.5rem);line-height:.72;letter-spacing:-.08em}
.growth-production__allowance span{font-size:1.05rem;font-weight:750;line-height:1.25}
.growth-production>p{display:flex;align-items:flex-end;margin:0;color:rgba(16,16,15,.68);font-size:.92rem}
.growth-faq{padding:clamp(116px,11vw,170px) 0;background:var(--paper);color:var(--ink)}
.growth-faq>.growth-shell>h2{margin:clamp(30px,3vw,44px) 0 clamp(64px,6vw,88px);color:var(--ink)}
.growth-faq .eyebrow{color:var(--red)}
.growth-faq .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-color:rgba(16,16,15,.25);border-left:1px solid rgba(16,16,15,.2)}
.growth-faq .faq details{padding:clamp(30px,3vw,44px);border-color:rgba(16,16,15,.25);border-right:1px solid rgba(16,16,15,.2)}
.growth-faq summary{color:var(--ink)}
.growth-faq .faq p{color:rgba(16,16,15,.72)}
.growth-close{padding:clamp(124px,13vw,196px) 0;background:var(--red);color:var(--paper)}
.growth-close__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(80px,10vw,160px);align-items:end}
.growth-close .eyebrow{color:var(--paper)}
.growth-close h2{max-width:10ch;margin:clamp(34px,4vw,54px) 0 0;color:var(--paper)}
.growth-close__action{padding-left:clamp(34px,4vw,58px);border-left:2px solid rgba(243,239,230,.55)}
.growth-close__action p{margin:0 0 36px;color:var(--paper);font-size:clamp(1.45rem,2.3vw,2.2rem);font-weight:750;line-height:1.2}
.growth-close__action .button{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.growth-close__action .text-link{display:block;width:max-content;max-width:100%;margin-top:34px;color:var(--paper);font-size:.78rem}
@media(hover:hover) and (pointer:fine){.commerce-pillars article:hover,.commerce-pillars article:focus-within{background:var(--paper);color:var(--ink);transform:translateY(-7px)}.commerce-pillars article:hover p,.commerce-pillars article:focus-within p{color:rgba(16,16,15,.72)}.growth-disciplines__list article,.commerce-ledger article,.purchase-path article,.commerce-process article{transition:background .28s,color .28s,transform .3s cubic-bezier(.16,1,.3,1)}.growth-disciplines__list article:hover{z-index:1;background:var(--yellow);color:var(--ink);transform:translateX(-8px)}.growth-disciplines__list article:hover p{color:rgba(16,16,15,.72)}.growth-month article:hover{background:var(--yellow);color:var(--ink);transform:translateY(-7px)}.growth-month article:hover p{color:rgba(16,16,15,.72)}.commerce-faq .faq details,.growth-faq .faq details{transition:background .28s,color .28s,transform .3s ease}.commerce-faq .faq details:hover,.commerce-faq .faq details:focus-within,.growth-faq .faq details:hover,.growth-faq .faq details:focus-within{background:var(--ink);transform:translateY(-3px)}.commerce-faq .faq details:hover summary,.commerce-faq .faq details:focus-within summary,.growth-faq .faq details:hover summary,.growth-faq .faq details:focus-within summary{color:var(--paper)}.commerce-faq .faq details:hover p,.commerce-faq .faq details:focus-within p,.growth-faq .faq details:hover p,.growth-faq .faq details:focus-within p{color:rgba(243,239,230,.76)}}
@media(max-width:1120px){.purchase-path__steps,.commerce-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-path article,.commerce-process article{min-height:300px}}
@media(max-width:980px){.service-split-band__grid,.commerce-offer__grid,.commerce-growth__grid,.growth-hero__grid,.growth-purpose__grid,.growth-disciplines__layout,.growth-close__grid{grid-template-columns:1fr}.service-split-band__detail{max-width:680px;margin-top:0}.commerce-offer h2{white-space:normal}.commerce-offer__statement{max-width:650px}.commerce-pillars,.commerce-ledger,.growth-month__grid{grid-template-columns:1fr}.commerce-pillars article,.commerce-ledger article{min-height:0}.purchase-path__steps,.commerce-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-scope-heading,.content-responsibility{grid-template-columns:1fr}.growth-price{max-width:680px}.growth-disciplines__heading{position:static}.growth-disciplines__heading p{margin-bottom:58px}.growth-month__head{grid-template-columns:1fr}.growth-production{grid-template-columns:1fr 1fr}.growth-production>div:first-child{grid-column:1/-1}.growth-production>div:nth-child(2){border-left:0}.growth-production>p{grid-column:1/-1;border-top:1px solid rgba(16,16,15,.3);border-left:0}.growth-close__action{max-width:620px;padding-left:34px}}
@media(max-width:640px){:where(.ecommerce-page,.growth-page){--service-section-space:clamp(76px,20vw,104px);--service-column-gap:48px}.service-split-band__detail{padding-left:22px}.commerce-hero,.commerce-hero__content{min-height:calc(100svh - 58px)}.commerce-hero__image{left:-20%;right:auto;width:150%;max-width:none;opacity:.62}.commerce-hero__scrim{background:linear-gradient(to bottom,rgba(5,6,6,.58),rgba(5,6,6,.35) 35%,#050606 76%)}.commerce-hero h1{font-size:clamp(3.8rem,18vw,6rem)}.commerce-offer__statement{padding-left:22px}.purchase-path__steps,.commerce-process__grid,.store-routes__grid,.commerce-faq .faq,.growth-faq .faq{grid-template-columns:1fr}.purchase-path h2{margin-bottom:56px}.purchase-path article,.commerce-process article,.store-routes article,.growth-month article{min-height:0}.purchase-path article>span{margin-bottom:46px}.content-responsibility{padding:28px}.growth-hero{min-height:0;padding:88px 0 76px}.growth-hero__grid{gap:62px;margin-top:54px}.growth-hero h1{font-size:clamp(6rem,32vw,8rem)}.growth-hero__lead{margin-top:48px!important}.growth-price{padding:30px}.growth-price strong{font-size:clamp(4.5rem,22vw,6rem)}.growth-purpose,.growth-disciplines,.growth-month,.growth-faq,.growth-close{padding-block:clamp(88px,24vw,118px)}.growth-purpose__copy,.growth-close__action{padding:32px 0 0;border-top:1px solid currentColor;border-left:0}.growth-disciplines__list article{grid-template-columns:38px 1fr;padding:34px 0}.growth-disciplines__list article p{grid-column:2}.growth-month__head{margin-bottom:58px}.growth-month article{padding:32px 26px}.growth-month article>span{margin-bottom:54px}.growth-production{grid-template-columns:1fr}.growth-production>div,.growth-production>p{grid-column:auto!important;border-left:0!important}.growth-production>div+div,.growth-production>p{border-top:1px solid rgba(16,16,15,.3)}.growth-production__allowance{min-height:210px}.growth-close__action{margin-top:48px}.growth-close__action .text-link{line-height:1.45}}
@media(prefers-reduced-motion:reduce){.service-reveal{opacity:1!important;transform:none!important}}
/* Ecommerce flagship composition: paper-led, operational and distinct from Growth. */
.ecommerce-page{background:var(--paper);color:var(--ink)}
.ecommerce-page .site-header{background:#080909;color:var(--paper);border-color:rgba(243,239,230,.18)}
.ecommerce-page .site-header__inner,.ecommerce-page .signature>.container{width:min(1320px,calc(100% - (var(--gutter)*2)))}
.ecommerce-page .site-brand,.ecommerce-page .site-nav>a{color:var(--paper)}
.ecommerce-page .header-cta{border-color:rgba(243,239,230,.5);color:var(--paper)}
.commerce-hero{min-height:max(720px,calc(100svh - 68px))}
.commerce-hero::after{content:'';position:absolute;z-index:2;inset:auto 0 0;height:7px;background:var(--red)}
.commerce-hero__image{left:38%;right:-4%;bottom:-5%;width:72%;max-height:91%}
.commerce-hero__content{min-height:max(720px,calc(100svh - 68px));padding-top:clamp(96px,11vh,128px)}
.commerce-hero h1{max-width:6.4ch;font-size:clamp(4.5rem,9vw,9.5rem)}
.commerce-hero p{max-width:560px;font-size:clamp(1.05rem,1.25vw,1.18rem)}
.commerce-offer{padding:clamp(112px,10vw,152px) 0 clamp(88px,8vw,120px)}
.commerce-offer__grid{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:clamp(72px,8vw,128px);align-items:start}
.commerce-offer h2{margin-top:clamp(34px,3vw,46px)!important;font-size:clamp(4.8rem,7.6vw,8.2rem)!important;line-height:.78!important;letter-spacing:-.075em!important}
.commerce-offer__statement{padding:clamp(30px,3vw,44px) 0 clamp(24px,2vw,34px) clamp(36px,4vw,58px);border-left:3px solid var(--red)}
.commerce-offer__statement>strong{max-width:9ch;font-size:clamp(2.7rem,4vw,4.3rem);line-height:.92}
.commerce-terms{margin-top:clamp(66px,6vw,88px)!important}
.commerce-system{padding:clamp(122px,12vw,184px) 0}
.commerce-system__layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(90px,10vw,164px);align-items:start}
.commerce-system__heading{position:sticky;top:116px}
.commerce-system__heading h2{max-width:9.5ch;margin-top:clamp(34px,4vw,52px)}
.commerce-intro{max-width:31ch;margin:clamp(38px,4vw,56px) 0 0}
.commerce-pillars{display:block;border-top:2px solid rgba(243,239,230,.8)}
.commerce-pillars article{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:clamp(24px,3vw,42px);row-gap:20px;align-items:start;min-height:0;padding:clamp(40px,4vw,58px) clamp(18px,2vw,28px);border:0;border-bottom:1px solid rgba(243,239,230,.24);background:transparent}
.commerce-pillars article>span{grid-column:1;margin:4px 0 0}
.commerce-pillars h3,.commerce-pillars p{grid-column:2;min-width:0}
.commerce-pillars h3{max-width:13ch;font-size:clamp(1.75rem,2.25vw,2.55rem);line-height:1}
.commerce-pillars p{max-width:38ch;margin:0;font-size:1rem}
.purchase-path{padding:clamp(112px,10vw,152px) 0;background:var(--paper);color:var(--ink)}
.purchase-path .eyebrow{color:var(--red)}
.purchase-path h2{max-width:10ch;margin:clamp(34px,3vw,48px) 0 clamp(62px,6vw,86px);color:var(--ink)}
.purchase-path__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2vw,30px)}
.purchase-path article{min-height:300px;padding:clamp(38px,3.5vw,52px);border:1px solid rgba(16,16,15,.28);border-top:5px solid var(--red);background:transparent;color:var(--ink)}
.purchase-path article::before{display:none}
.purchase-path article>span{margin-bottom:clamp(44px,4vw,62px);color:var(--red)}
.purchase-path article>strong{font-size:clamp(2.45rem,3.5vw,3.8rem)}
.purchase-path article p{max-width:34ch;color:rgba(16,16,15,.7)}
.commerce-scope-section{padding:clamp(122px,12vw,184px) 0;background:#080909;color:var(--paper)}
.commerce-scope-heading{display:block}
.commerce-scope-heading .eyebrow{display:block;margin-bottom:clamp(34px,3vw,48px)}
.commerce-scope-heading h2{max-width:9ch;color:var(--paper)}
.commerce-ledger{margin-top:clamp(82px,8vw,116px);border:0;background:var(--paper);color:var(--ink)}
.commerce-ledger article{min-height:380px;padding:clamp(38px,4vw,54px);border-color:rgba(16,16,15,.26)}
.content-responsibility{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,2vw,32px);align-items:start;margin-top:clamp(42px,5vw,68px);padding:clamp(48px,5vw,68px);border:0;border-top:7px solid var(--red);background:var(--paper);color:var(--ink)}
.content-responsibility>div{grid-column:1/span 5}
.content-responsibility>p{grid-column:7/-1;align-self:start;margin-top:clamp(54px,5vw,76px)}
.content-responsibility h3{max-width:9ch;font-size:clamp(2.8rem,4.2vw,4.6rem);line-height:.94}
.commerce-process{padding:clamp(122px,12vw,184px) 0;background:var(--paper);color:var(--ink)}
.commerce-process .eyebrow{color:var(--red)}
.commerce-process h2{max-width:9ch;margin:clamp(34px,4vw,54px) 0 clamp(82px,8vw,118px);color:var(--ink)}
.commerce-process__grid{gap:0;border-top:1px solid rgba(16,16,15,.3);border-left:1px solid rgba(16,16,15,.25)}
.commerce-process article{min-height:380px;padding:clamp(38px,4vw,54px);border:0;border-right:1px solid rgba(16,16,15,.25);border-bottom:1px solid rgba(16,16,15,.3);background:transparent;color:var(--ink)}
.commerce-process article::before{display:none}
.commerce-process article>span{margin-bottom:clamp(78px,8vw,112px)}
.commerce-process h3{font-size:clamp(2rem,2.8vw,3rem)}
.commerce-process p{color:rgba(16,16,15,.7)}
.commerce-growth{padding:clamp(122px,12vw,184px) 0;background:var(--yellow);color:var(--ink)}
.commerce-growth__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(72px,8vw,128px);align-items:start}
.commerce-growth h2{max-width:7.5ch;margin-top:clamp(36px,4vw,56px);font-size:clamp(3.8rem,6vw,6.5rem)}
.commerce-growth__offer{padding:clamp(38px,4vw,54px);border-top:7px solid var(--red);background:var(--ink);color:var(--paper)}
.commerce-growth__offer>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.commerce-growth__offer>strong{display:block;margin:clamp(58px,6vw,82px) 0 14px;font-size:clamp(3.8rem,5.8vw,6.2rem);line-height:.78;letter-spacing:-.075em}
.commerce-growth__offer>b{display:block;margin-bottom:30px;font-size:1rem;text-transform:uppercase}
.commerce-growth__offer p{margin:0 0 38px;color:rgba(243,239,230,.72);font-size:1rem}
.commerce-growth__offer .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.commerce-faq{padding:clamp(116px,11vw,170px) 0}
.commerce-faq>.commerce-shell>h2{margin:clamp(30px,3vw,44px) 0 clamp(64px,6vw,88px)}
.commerce-faq .faq details{padding:clamp(30px,3vw,44px)}
.commerce-close{position:relative;overflow:hidden;padding:clamp(126px,13vw,196px) 0;border-top:7px solid var(--red)}
.commerce-close::after{content:'SELL.';position:absolute;right:-.04em;bottom:-.28em;color:rgba(243,239,230,.035);font-size:clamp(13rem,26vw,31rem);font-weight:800;line-height:1;letter-spacing:-.1em;pointer-events:none}
.commerce-close__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(80px,10vw,160px);align-items:end}
.commerce-close h2{max-width:8.5ch;margin:clamp(34px,4vw,54px) 0 0}
.commerce-close__action{padding:clamp(34px,4vw,54px) 0 clamp(8px,1vw,16px) clamp(36px,4vw,58px);border-left:2px solid rgba(243,239,230,.4)}
.commerce-close__action p{max-width:16ch;margin:0 0 38px;color:var(--paper);font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:750;line-height:1.2}
.commerce-ledger{overflow:hidden}
@media(hover:hover) and (pointer:fine){.commerce-pillars article:hover,.commerce-pillars article:focus-within{background:var(--paper);color:var(--ink);transform:translateX(-8px)}.purchase-path article:hover,.purchase-path article:focus-within,.commerce-process article:hover,.commerce-process article:focus-within{background:var(--ink);color:var(--paper);transform:none}.purchase-path article:hover p,.purchase-path article:focus-within p,.commerce-process article:hover p,.commerce-process article:focus-within p{color:rgba(243,239,230,.74)}.commerce-ledger article:hover,.commerce-ledger article:focus-within{background:var(--yellow);color:var(--ink);transform:none}}
@media(min-width:1121px){.commerce-offer__grid,.commerce-system__layout,.commerce-growth__grid,.commerce-close__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(22px,2vw,32px)}.commerce-offer__grid>div:first-child{grid-column:1/span 7}.commerce-offer__statement{grid-column:9/-1}.commerce-system__heading{grid-column:1/span 5}.commerce-pillars{grid-column:7/-1}.commerce-growth__grid>div:first-child,.commerce-close__grid>div:first-child{grid-column:1/span 6}.commerce-growth__offer,.commerce-close__action{grid-column:8/-1}}
@media(max-width:1120px){.commerce-offer__grid,.commerce-system__layout,.commerce-growth__grid,.commerce-close__grid{grid-template-columns:1fr}.commerce-offer__grid,.commerce-system__layout,.commerce-growth__grid,.commerce-close__grid{gap:72px}.commerce-system__heading{position:static;max-width:920px}.commerce-pillars article{grid-template-columns:54px minmax(0,1fr)}.commerce-offer__statement,.commerce-growth__offer,.commerce-close__action{width:min(700px,100%);margin-left:auto}.commerce-close__action{max-width:620px;margin-top:16px}.commerce-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-ledger article{min-height:0}.commerce-ledger article:last-child{grid-column:1/-1}.content-responsibility{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,6vw,70px)}.content-responsibility>div,.content-responsibility>p{grid-column:auto}.content-responsibility>p{margin-top:54px}}
@media(max-width:980px){.commerce-offer__grid,.commerce-scope-heading{grid-template-columns:1fr}.commerce-ledger{grid-template-columns:1fr}.commerce-ledger article{min-height:0}.commerce-growth__grid,.commerce-close__grid{gap:68px}.commerce-close__action{padding-left:34px}}
@media(max-width:640px){.commerce-hero,.commerce-hero__content{min-height:calc(100svh - 58px)}.commerce-hero__image{left:-18%;width:148%;opacity:.82}.commerce-hero__scrim{background:linear-gradient(to bottom,#050606 0 38%,rgba(5,6,6,.86) 60%,rgba(5,6,6,.24) 100%)}.commerce-hero h1{font-size:clamp(4rem,18vw,5.6rem)}.commerce-offer,.commerce-system,.purchase-path,.commerce-scope-section,.commerce-process,.commerce-growth,.commerce-faq,.commerce-close{padding-block:clamp(88px,24vw,118px)}.commerce-offer h2{font-size:clamp(4.4rem,22vw,6.3rem)!important;white-space:normal}.commerce-offer__statement,.commerce-growth__offer,.commerce-close__action{width:100%;margin-left:0}.commerce-offer__statement{padding:30px 0 0;border-top:2px solid var(--red);border-left:0}.commerce-system__layout{gap:58px}.commerce-pillars article{display:block;padding:38px 0}.commerce-pillars article>span{margin-bottom:38px}.commerce-pillars article p{margin-top:28px}.purchase-path h2,.commerce-process h2{margin-bottom:58px}.purchase-path__steps,.commerce-process__grid,.commerce-ledger{grid-template-columns:1fr}.purchase-path article,.commerce-process article{min-height:0;padding:34px 24px}.purchase-path article>span,.commerce-process article>span{margin-bottom:52px}.commerce-ledger{margin-top:58px}.commerce-ledger article,.commerce-ledger article:last-child{grid-column:auto}.commerce-ledger article{padding:34px 28px}.content-responsibility{grid-template-columns:1fr;gap:40px;padding:34px 28px}.content-responsibility>p{margin-top:0}.commerce-growth__grid,.commerce-close__grid{gap:58px}.commerce-growth__offer{padding:30px}.commerce-growth__offer>strong{font-size:clamp(4rem,19vw,5.3rem)}.commerce-close__action{padding:30px 0 0;border-top:1px solid rgba(243,239,230,.45);border-left:0}.commerce-close::after{font-size:14rem}}
/* --- P0 2026-09-12: light footer (service/GEO) + Follow row + H1 period gap --- */
.footer-label--legal{margin-top:18px}
.footer-follow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 28px;
  margin-top:clamp(22px,3vw,32px);
  padding-top:clamp(18px,2.5vw,28px);
  border-top:1px solid rgba(243,239,230,.18);
}
.footer-follow .footer-label{margin:0;margin-right:8px}
.footer-follow a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:600;color:inherit}
.footer-follow svg{width:17px;height:17px;flex:none;fill:currentColor}
.signature--light{
  background:#f3efe6;
  color:#10100f;
}
.signature--light .signature-mark{
  border-top:1px solid rgba(16,16,15,.14);
  color:#10100f;
}
.signature--light .signature-line{color:rgba(16,16,15,.72)}
.signature--light .footer-directory{
  border-top-color:rgba(16,16,15,.14);
  border-bottom-color:rgba(16,16,15,.14);
}
.signature--light .footer-follow{border-top-color:rgba(16,16,15,.14)}
.signature--light .footer-group>a,
.signature--light .footer-group>span:not(.footer-label),
.signature--light .footer-follow a{
  color:rgba(16,16,15,.82);
}
.signature--light .footer-group>a:hover,
.signature--light .footer-group>a:focus-visible,
.signature--light .footer-follow a:hover,
.signature--light .footer-follow a:focus-visible{
  color:#10100f;
}
.signature--light .footer-label{color:var(--red,#cb4a3a)}
.signature--light .signature-foot{color:rgba(16,16,15,.55)}
.signature--light .signature-foot .signature-brand{color:rgba(16,16,15,.7)}
.signature--light .signature-foot a{color:rgba(16,16,15,.7)}
/* Cancel letter-spacing gap before red period spans in H1s */
.seo-page .seo-hero h1 .h1-period,
.growth-page .growth-hero h1 .h1-period{
  margin-inline-start:-0.06em;
}
@media(max-width:720px){
  .footer-follow{gap:4px 16px}
}
/* Narrower than 320px: the closing block and its link shrink with the screen. */
@media(max-width:319px){
  .growth-close__grid{grid-template-columns:minmax(0,1fr)}
  .growth-close__action .text-link{width:auto}
}
/* Shared FAQ pattern approved from the ecommerce page. */
body:is(.seo-page,.growth-page,.local-page) .site-faq{background:var(--paper);color:var(--ink)}
body:is(.seo-page,.growth-page,.local-page) .site-faq>:is(.seo-section-inner,.growth-shell){display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:64px;align-items:start}
body:is(.seo-page,.growth-page,.local-page) .site-faq .site-faq__intro .eyebrow{display:flex;color:var(--ink);margin:0 0 16px}
body:is(.seo-page,.growth-page,.local-page) .site-faq .site-faq__intro h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1;letter-spacing:-.055em;margin:0;max-width:9ch;color:var(--ink)}
body:is(.seo-page,.growth-page,.local-page) .site-faq__intro>a{display:inline-block;margin-top:28px;font-weight:700;text-decoration:underline;text-underline-offset:6px}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq{display:block;margin:0;border:0;border-top:1px solid #aaa69c;background:transparent}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq details{padding:0 18px;border:0;border-bottom:1px solid #aaa69c;background:transparent;color:var(--ink);transform:none!important}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq summary{display:flex;justify-content:space-between;gap:24px;padding:19px 0;font-size:1rem;font-weight:700;line-height:1.35;color:inherit;list-style:none}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq summary::after{float:none;flex:none;font-size:1.25rem;color:var(--red)}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq p{max-width:64ch;margin:0 0 22px;font-size:1rem;line-height:1.55;color:inherit}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq details:is(:hover,:focus-within){background:var(--ink);color:var(--paper)}
body:is(.seo-page,.growth-page,.local-page) .site-faq .faq details:is(:hover,:focus-within) :is(summary,p){color:inherit}
@media(max-width:980px){body:is(.seo-page,.growth-page,.local-page) .site-faq>:is(.seo-section-inner,.growth-shell){grid-template-columns:minmax(0,1fr);gap:28px}body:is(.seo-page,.growth-page,.local-page) .site-faq__intro>a{margin-top:20px}}
/* Growth-only desktop rhythm. Never change sibling service pages to fit this layout. */
.growth-page{--wrap:1320px;--service-card-gap:20px}
.growth-page main{overflow-wrap:anywhere}
.growth-page main h2{font-size:clamp(2.5rem,4.4vw,4rem)!important;line-height:1;letter-spacing:-.055em;max-width:19ch}
.growth-page main h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.12}
.growth-page main p{font-size:1.0625rem;line-height:1.55}
.growth-page .service-reveal{opacity:1;transform:none;filter:none;transition:none}
.growth-page .button{min-height:52px;font-size:.75rem}
.growth-page .button:hover,.growth-page article:hover,.growth-page .faq details:hover{transform:none}
.growth-hero h1 span{color:var(--red)}
.growth-hero__lead{max-width:40ch!important;font-size:clamp(1.15rem,1.6vw,1.5rem)!important;line-height:1.25!important;margin:24px 0 16px!important}
.growth-hero__services{max-width:50ch!important;margin-bottom:24px!important;font-size:1rem!important;font-weight:500}
.growth-purpose,.growth-disciplines,.growth-month,.growth-faq,.growth-close{padding-block:clamp(56px,5.6vw,80px)}
.growth-purpose__grid,.growth-close__grid{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.growth-purpose h2,.growth-close h2{margin-top:20px}
.growth-purpose__copy{padding:0 0 0 32px}
.growth-purpose__copy p{margin-bottom:24px}
.growth-purpose__copy strong{font-size:1.35rem}
.growth-disciplines__layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.growth-disciplines__heading{position:static}
.growth-disciplines h2{margin:20px 0 24px;max-width:12ch!important}
.growth-disciplines__heading .eyebrow+p{margin-top:20px}
.growth-disciplines__list article{grid-template-columns:24px minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:20px 12px;transform:none!important}
.growth-disciplines__list h3{font-size:1.25rem}
.growth-disciplines__list p{font-size:.9375rem}
.growth-month__head{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:28px}
.growth-month__head h2{font-size:clamp(2.25rem,3.4vw,3.25rem)!important;max-width:25ch}
.growth-month article{min-height:0;padding:24px;transform:none!important}
.growth-month article>span{margin-bottom:24px}
.growth-month article p{margin:16px 0 0;font-size:1rem}
.growth-production{grid-template-columns:1.4fr .8fr .8fr 1fr;margin-top:24px;border-top-width:3px;align-items:center}
.growth-production>div,.growth-production>p{padding:22px}
.growth-production h3{font-size:1.25rem;margin-top:12px;max-width:22ch}
.growth-production__allowance{min-height:0;gap:12px}
.growth-production__allowance strong{font-size:2.75rem;line-height:1}
.growth-production__allowance span{font-size:.875rem}
.growth-production>p{font-size:.8125rem}
.growth-faq>.growth-shell>h2{margin:20px 0 28px}
.growth-faq .faq details{padding:22px;transform:none!important}
.growth-faq summary{font-size:1rem}
.growth-faq .faq p{font-size:1rem}
.growth-close__action{padding-left:32px}
.growth-close__action p{font-size:1.5rem;margin-bottom:24px}
.growth-close__action .text-link{margin-top:20px}
@media(max-width:980px){.growth-hero__grid{gap:24px}.growth-orbit{max-width:420px}.growth-disciplines__layout{grid-template-columns:1fr;gap:24px}.growth-disciplines__heading p{margin:0;max-width:55ch}.growth-disciplines h2{max-width:22ch!important}.growth-month__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-production{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-production>div:first-child,.growth-production>p{grid-column:auto}.growth-production>p{border-top:0}.growth-purpose__grid,.growth-close__grid{gap:32px}}
@media(max-width:640px){.growth-hero{padding:24px 0 32px}.growth-hero__grid{grid-template-columns:1fr;margin-top:28px}.growth-hero h1{font-size:clamp(2.2rem,9vw,3rem)}.growth-hero__lead{margin-top:24px!important}.growth-orbit{max-width:320px;justify-self:center}.growth-price{grid-template-columns:1fr;gap:16px}.growth-price__note{justify-self:start;text-align:left;max-width:none!important}.growth-purpose__grid,.growth-close__grid,.growth-month__head,.growth-month__grid{grid-template-columns:1fr;gap:24px}.growth-purpose__copy,.growth-close__action{padding:24px 0 0;margin:0}.growth-disciplines__list article{grid-template-columns:24px 1fr}.growth-disciplines__list article p{grid-column:2}.growth-production>div+div,.growth-production>p{border-top:1px solid #10100f44}.growth-production{grid-template-columns:1fr 1fr}.growth-production>div:first-child,.growth-production>p{grid-column:1/-1!important}.growth-faq .faq{grid-template-columns:1fr}.growth-page main h2{font-size:2.5rem!important}}
@media(prefers-reduced-motion:reduce){.growth-page *{scroll-behavior:auto!important;transition:none!important}}
/* Signature mark above the footer directory (Mark, 11 Sep 2026). */
.growth-page .signature{padding-top:clamp(56px,7vw,96px)}
.growth-page .signature-mark{padding-top:0;border-top:0}
/* Hero: the cradle plate fills the field; copy sits on the flat yellow left third. */
.growth-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;min-height:max(600px,min(calc(100svh - 68px),860px));padding:clamp(40px,4.5vw,64px) 0;background:var(--yellow);color:var(--ink)}
.growth-hero__art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.growth-hero__art img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:86% 50%;will-change:transform}
.growth-hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--yellow) 0%,var(--yellow) 26%,rgba(255,224,51,0) 58%)}
.growth-hero .growth-shell{position:relative;z-index:1}
.growth-hero__intro{max-width:600px}
.growth-hero h1{max-width:13ch;font-size:clamp(2.3rem,3.9vw,4rem);line-height:.98;letter-spacing:-.05em;margin:18px 0 0;text-wrap:balance}
.growth-hero h1 span{color:var(--red)}
.growth-hero__lead{max-width:40ch!important;font-size:clamp(1.05rem,1.35vw,1.3rem)!important;line-height:1.35!important;margin:22px 0 14px!important}
/* Ledger: ink band under the hero carrying the price. */
.growth-ledger{background:var(--paper);color:var(--ink);border-top:4px solid var(--red)}
.growth-ledger__grid{display:grid;grid-template-columns:1.25fr 1fr 1.2fr auto;align-items:stretch}
.growth-ledger__cell{display:grid;align-content:end;gap:6px;padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,36px);border-left:1px solid rgba(16,16,15,.22);min-height:170px}
.growth-ledger__cell:first-child{padding-left:0;border-left:0}
.growth-ledger__cell--cta{align-content:center;justify-items:end;padding-right:0}
.growth-ledger__index{margin-bottom:auto;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.growth-ledger__cell strong{font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:.95;letter-spacing:-.05em;font-weight:800;color:var(--ink)}
.growth-ledger__cell b{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(16,16,15,.62);max-width:22ch;line-height:1.4}
.growth-ledger__cell--cta .button{white-space:nowrap}
.growth-ledger__terms{margin:0!important;padding:16px 0 22px;border-top:1px solid rgba(16,16,15,.22);font-size:.92rem!important;line-height:1.5;font-weight:800;color:rgba(16,16,15,.72);max-width:none}
.growth-ledger .button--light{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.growth-ledger .button--light:hover,.growth-ledger .button--light:focus-visible{background:var(--red);color:var(--paper);border-color:var(--red)}
@media(max-width:980px){.growth-ledger__grid{grid-template-columns:1fr 1fr}.growth-ledger__cell{min-height:140px;padding-inline:20px}.growth-ledger__cell:nth-child(odd){padding-left:0;border-left:0}.growth-ledger__cell:nth-child(n+3){border-top:1px solid rgba(16,16,15,.22)}.growth-ledger__cell--cta{justify-items:start}.growth-hero__art img{object-position:72% 50%}.growth-hero__art::after{background:linear-gradient(90deg,var(--yellow) 0%,rgba(255,224,51,.85) 40%,rgba(255,224,51,.35) 100%)}}
@media(max-width:640px){.growth-hero{min-height:0;padding:44px 0 56px}.growth-hero h1{font-size:clamp(2.1rem,9vw,3rem)}.growth-hero__art img{object-position:82% 50%;opacity:.55}.growth-hero__art::after{background:linear-gradient(180deg,rgba(255,224,51,.7),rgba(255,224,51,.9) 60%,var(--yellow))}.growth-ledger__grid{grid-template-columns:1fr}.growth-ledger__cell{border-left:0;padding-left:0;min-height:0}.growth-ledger__cell:nth-child(n+2){border-top:1px solid rgba(16,16,15,.22)}}
.growth-page .growth-hero h1 .h1-period{color:var(--red);margin-inline-start:-0.06em}
/* Storefront plate (13 Sep 2026): photographic hero, copy in paper over a left scrim. */
.growth-page .growth-hero{background:#060707;color:var(--paper)}
.growth-page .growth-hero__art img{object-position:60% 45%}
.growth-page .growth-hero__art::after{background:linear-gradient(90deg,rgba(6,7,7,.9) 0%,rgba(6,7,7,.72) 30%,rgba(6,7,7,.22) 58%,rgba(6,7,7,0) 100%),linear-gradient(180deg,rgba(6,7,7,.35),transparent 30%,transparent 75%,rgba(6,7,7,.45))}
.growth-page .growth-hero h1,.growth-page .growth-hero__lead,.growth-page .growth-hero__services{color:var(--paper)}
.growth-page .growth-hero__lead{color:rgba(243,239,230,.9)}
.growth-page .growth-hero__services{color:rgba(243,239,230,.7)}
.growth-page .growth-hero .eyebrow{color:rgba(243,239,230,.72)}
.growth-page .growth-hero .eyebrow::before{background:var(--red)}
.growth-page .growth-hero .service-breadcrumb{color:rgba(243,239,230,.62)}
.growth-page .growth-hero .service-breadcrumb a{color:var(--paper)}
.growth-page .growth-hero .button--ink{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.growth-page .growth-hero .button--ink:hover,.growth-page .growth-hero .button--ink:focus-visible{background:var(--red);border-color:var(--red);color:var(--paper)}
@media(max-width:980px){.growth-page .growth-hero__art img{object-position:62% 45%;opacity:1}.growth-page .growth-hero__art::after{background:linear-gradient(90deg,rgba(6,7,7,.9) 0%,rgba(6,7,7,.7) 40%,rgba(6,7,7,.3) 100%)}}
@media(max-width:640px){.growth-page .growth-hero__art img{object-position:66% 45%;opacity:1}.growth-page .growth-hero__art::after{background:linear-gradient(180deg,rgba(6,7,7,.72),rgba(6,7,7,.82) 60%,#060707)}}
.growth-page .growth-hero h1{max-width:14ch}
/* Two-layer hero (14 Sep 2026): background plate and cut-out storefront move at different depths. */
.growth-page .growth-hero__art--layered img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:60% 45%;will-change:transform}
.growth-page .growth-hero__fg{z-index:1}
.growth-page .growth-hero__art--layered::after{z-index:2}
/* Kinetic headline: each word rises out of its own clipped line. */
.growth-page .growth-hero h1 .kw-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.growth-page .growth-hero h1 .kw{display:inline-block;will-change:transform}
/* Marquee band between hero and ledger. */
.growth-marquee{overflow:hidden;background:var(--ink);color:var(--paper);border-top:1px solid rgba(243,239,230,.18)}
.growth-marquee__track{display:flex;width:max-content;will-change:transform}
.growth-marquee__track span{display:inline-flex;align-items:center;gap:28px;padding:16px 28px 16px 0;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.growth-marquee__track span::after{content:'';width:9px;height:9px;background:var(--red)}
.growth-page .growth-ledger{border-top:4px solid var(--red)}
@media(prefers-reduced-motion:reduce){.growth-marquee{display:none}.growth-page .growth-hero h1 .kw-line{overflow:visible}}
.growth-page .growth-hero h1 .nowrap{color:inherit}
.growth-page .growth-hero h1{max-width:15ch;font-size:clamp(2.2rem,3.5vw,3.7rem)}
/* Lighter scrim (14 Sep 2026): the tint clears by mid-frame so the chrome and sign keep their light. */
.growth-page .growth-hero__art::after{background:linear-gradient(90deg,rgba(6,7,7,.86) 0%,rgba(6,7,7,.62) 24%,rgba(6,7,7,.14) 44%,rgba(6,7,7,0) 58%),linear-gradient(180deg,rgba(6,7,7,.18),transparent 22%,transparent 84%,rgba(6,7,7,.28))}
@media(max-width:980px){.growth-page .growth-hero__art::after{background:linear-gradient(90deg,rgba(6,7,7,.86) 0%,rgba(6,7,7,.6) 40%,rgba(6,7,7,.18) 100%)}}
/* Depth hero (14 Sep 2026): the shader canvas replaces the static layers and CSS scrim once ready. */
.growth-page .depth-hero__canvas{position:absolute;inset:0;z-index:3;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .6s ease}
.growth-page .growth-hero__art.is-depth .depth-hero__canvas{opacity:1}
.growth-page .growth-hero__art.is-depth img{visibility:hidden}
.growth-page .growth-hero__art.is-depth::after{display:none}
/* Narrower than 320px: the price ledger and its button shrink with the screen. */
@media(max-width:319px){
  .growth-ledger__grid,.growth-close__grid{grid-template-columns:minmax(0,1fr)}
  .growth-ledger__cell--cta .button{white-space:normal;padding-inline:14px;gap:12px}
}
