/* =========================================================
   Bliss Media · site styles (v2)
   Hand-written, no framework. Mobile-first.
   Palette: cream / blush / rose / plum. Type: Instrument Serif + Inter.
   ========================================================= */

/* Self-hosted fonts (SIL Open Font License): Instrument Serif + Inter (variable), latin subset.
   No requests go to Google; keeps the Privacy Policy line accurate. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-regular.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/instrument-serif-italic.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin-var.woff2") format("woff2")}

:root{
  --cream:#FBF5F3;
  --cream-2:#F7EDEA;
  --blush:#F3DCE1;
  --blush-2:#EBC6CF;
  --rose:#C25478;
  --rose-ink:#A23F62;      /* AA on cream for small text */
  --rose-soft:#E8A3B8;
  --plum:#1C1217;
  --plum-2:#2A1C23;
  --plum-3:#3A2730;
  --ink:#24171D;
  --ink-2:#5B4851;
  --ink-3:#86727B;
  --line:rgba(36,23,29,.12);
  --line-light:rgba(251,245,243,.14);
  --gold:#D9B48F;

  --serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --step--1:clamp(.8rem,.78rem + .1vw,.86rem);
  --step-0:clamp(1rem,.97rem + .15vw,1.08rem);
  --step-1:clamp(1.15rem,1.08rem + .35vw,1.35rem);
  --step-2:clamp(1.45rem,1.3rem + .7vw,1.9rem);
  --step-3:clamp(1.9rem,1.6rem + 1.4vw,2.9rem);
  --step-4:clamp(2.5rem,1.9rem + 2.8vw,4.4rem);
  --step-5:clamp(3rem,2.1rem + 4.4vw,6rem);

  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;
  --section:clamp(4.5rem,3rem + 6vw,8.5rem);
  --wrap:1200px;
  --gutter:clamp(1.25rem,.8rem + 2vw,2.5rem);
  --r-sm:10px; --r:18px; --r-lg:28px; --r-pill:999px;
  --shadow:0 1px 2px rgba(28,18,23,.04),0 12px 32px -12px rgba(28,18,23,.18);
  --shadow-lg:0 2px 4px rgba(28,18,23,.04),0 30px 60px -24px rgba(28,18,23,.30);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.05;letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}
::selection{background:var(--blush-2);color:var(--plum)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-100px;z-index:100;background:var(--plum);color:var(--cream);padding:.6rem 1rem;border-radius:var(--r-sm)}
.skip:focus{top:1rem}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:820px}
.section{padding-block:var(--section);position:relative}
.section--tight{padding-block:calc(var(--section)*.6)}
.section--blush{background:linear-gradient(180deg,var(--cream) 0%,var(--blush) 100%)}
.section--cream2{background:var(--cream-2)}
.dark{background:var(--plum);color:var(--cream);--line:var(--line-light)}
.dark .muted{color:rgba(251,245,243,.66)}
.grid{display:grid;gap:var(--s5)}
@media(min-width:760px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.grid--4{grid-template-columns:repeat(4,1fr)}}

/* ---------- type ---------- */
.serif{font-family:var(--serif)}
.display{font-family:var(--serif);font-size:var(--step-5);line-height:.95;letter-spacing:-.025em}
.h1{font-family:var(--serif);font-size:var(--step-4);line-height:1;letter-spacing:-.02em}
.h2{font-family:var(--serif);font-size:var(--step-3);line-height:1.04;letter-spacing:-.015em}
.h3{font-family:var(--serif);font-size:var(--step-2);line-height:1.1}
.h4{font-family:var(--sans);font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;line-height:1.3}
em,.accent{font-style:italic;color:var(--rose)}
.dark em,.dark .accent{color:var(--rose-soft)}
.lede{font-size:var(--step-1);line-height:1.55;color:var(--ink-2);max-width:38rem}
.dark .lede{color:rgba(251,245,243,.78)}
.muted{color:var(--ink-2)}
.small{font-size:var(--step--1);line-height:1.55}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-ink)}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
.dark .eyebrow{color:var(--rose-soft)}
.section-head{display:grid;gap:var(--s4);margin-bottom:clamp(2.5rem,2rem + 2vw,4rem);max-width:44rem}
.section-head--center{margin-inline:auto;text-align:center;justify-items:center}
.section-head--split{max-width:none}
@media(min-width:900px){.section-head--split{grid-template-columns:1.1fr 1fr;align-items:end;gap:var(--s7)}}
sup.fn{font-size:.5em;vertical-align:super;line-height:0;margin-left:.08em;font-family:var(--sans);font-weight:600}
sup.fn a{text-decoration:none;color:var(--rose-ink)}
.dark sup.fn a{color:var(--rose-soft)}

/* ---------- buttons ---------- */
.btn{--bg:var(--plum);--fg:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.4rem;border-radius:var(--r-pill);border:1px solid transparent;background:var(--bg);color:var(--fg);font-weight:600;font-size:.95rem;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(28,18,23,.45)}
.btn:active{transform:translateY(0)}
.btn--rose{--bg:var(--rose);--fg:#fff}
.btn--rose:hover{--bg:var(--rose-ink)}
.btn--ghost{--bg:transparent;--fg:var(--ink);border-color:var(--line)}
.btn--ghost:hover{--bg:rgba(255,255,255,.6);box-shadow:none}
.dark .btn--ghost{--fg:var(--cream);border-color:rgba(251,245,243,.28)}
.dark .btn--ghost:hover{--bg:rgba(251,245,243,.06)}
.btn--light{--bg:var(--cream);--fg:var(--plum)}
.btn--sm{min-height:40px;padding:.55rem 1.05rem;font-size:.88rem}
.btn .arrow{transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.link{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;color:var(--rose-ink)}
.dark .link{color:var(--rose-soft)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}

/* ---------- preview / placeholder system ----------
   body.preview shows every open decision as a visible tag.
   Remove the "preview" class from <body> (and the banner) at launch.  */
.preview-banner{background:var(--plum);color:rgba(251,245,243,.85);font-size:.78rem;text-align:center;padding:.5rem var(--gutter);letter-spacing:.01em}
.preview-banner strong{color:var(--rose-soft);font-weight:600}
.tbc{position:relative}
body.preview .tbc{background:linear-gradient(transparent 62%,rgba(217,180,143,.38) 62%);border-radius:2px}
body.preview .tbc::after{content:attr(data-tbc);display:inline-block;margin-left:.45em;padding:.08em .5em;border-radius:var(--r-pill);background:#F4E4CF;color:#7A5530;font:600 .62rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;vertical-align:.2em;white-space:nowrap;font-style:normal}
.dark body.preview .tbc::after, body.preview .dark .tbc::after{background:#4A3A2A;color:#F4E4CF}
body.preview .dark .tbc{background:linear-gradient(transparent 62%,rgba(217,180,143,.22) 62%)}
.placeholder-note{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7A5530;background:#F4E4CF;border-radius:var(--r-pill);padding:.25rem .7rem}
.dark .placeholder-note{background:#4A3A2A;color:#F4E4CF}
body:not(.preview) .placeholder-note{display:none}

/* ---------- photo slots (real photos only — never AI) ---------- */
.ph{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:
   repeating-linear-gradient(135deg,rgba(194,84,120,.07) 0 1px,transparent 1px 14px),
   radial-gradient(120% 80% at 20% 0%,#F7E1E6 0%,#EFD3DA 45%,#E6C2CC 100%);
   aspect-ratio:4/5;isolation:isolate}
.ph--wide{aspect-ratio:16/10}
.ph--square{aspect-ratio:1/1}
.ph--tall{aspect-ratio:3/4}
.ph img{width:100%;height:100%;object-fit:cover}
.ph__tag{position:absolute;left:14px;bottom:14px;right:14px;display:flex;flex-direction:column;gap:2px;padding:.65rem .85rem;border-radius:14px;background:rgba(251,245,243,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:.78rem;line-height:1.35}
.ph__tag b{font-weight:600}
.ph__tag span{color:var(--ink-3);font-size:.7rem}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 38%,rgba(255,255,255,.55),transparent 70%);z-index:-1}
.ph__mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-62%);font-family:var(--serif);font-style:italic;font-size:clamp(3rem,2rem + 4vw,6rem);color:rgba(194,84,120,.22);line-height:1;pointer-events:none}
.dark .ph{background:repeating-linear-gradient(135deg,rgba(232,163,184,.06) 0 1px,transparent 1px 14px),radial-gradient(120% 80% at 20% 0%,#3B2832 0%,#2C1E25 60%,#24181E 100%)}
.dark .ph__tag{background:rgba(28,18,23,.72);color:var(--cream)}
.dark .ph__mark{color:rgba(232,163,184,.18)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,245,243,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.site-header.is-scrolled{border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);height:72px}
.brand{display:inline-flex;align-items:baseline;gap:.35rem;text-decoration:none;color:var(--plum)}
.brand__word{font-family:var(--serif);font-size:1.75rem;line-height:1;letter-spacing:-.01em}
.brand__word i{color:var(--rose)}
.brand__sub{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);transform:translateY(-.2em)}
.nav__links{display:none;gap:var(--s2);align-items:center}
.nav__links a{text-decoration:none;font-size:.92rem;font-weight:500;color:var(--ink-2);padding:.5rem .8rem;border-radius:var(--r-pill);transition:color .2s,background .2s}
.nav__links a:hover{color:var(--ink);background:rgba(194,84,120,.07)}
.nav__links a[aria-current="page"]{color:var(--ink);background:rgba(194,84,120,.1)}
.nav__cta{display:none}
.nav__toggle{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer}
.nav__toggle span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative;transition:transform .3s var(--ease),background .2s}
.nav__toggle span::before,.nav__toggle span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink);transition:transform .3s var(--ease)}
.nav__toggle span::before{top:-6px}.nav__toggle span::after{top:6px}
.nav__toggle[aria-expanded="true"] span{background:transparent}
.nav__toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:72px 0 0 0;background:var(--cream);padding:var(--s6) var(--gutter);display:flex;flex-direction:column;gap:var(--s2);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;z-index:49;overflow:auto}
.mobile-menu.is-open{opacity:1;transform:none;visibility:visible}
.mobile-menu a:not(.btn){font-family:var(--serif);font-size:2.2rem;text-decoration:none;padding:.35rem 0;border-bottom:1px solid var(--line)}
.mobile-menu .btn{margin-top:var(--s5)}
body.menu-open{overflow:hidden}
@media(min-width:960px){.nav__links,.nav__cta{display:flex}.nav__toggle,.mobile-menu{display:none}}

/* floating apply pill (mobile) */
.float-cta{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%,calc(100% + 48px));z-index:40;display:flex;align-items:center;gap:.7rem;padding:.45rem .45rem .45rem 1.1rem;border-radius:var(--r-pill);background:var(--plum);color:var(--cream);box-shadow:var(--shadow-lg);font-size:.85rem;transition:transform .45s var(--ease);white-space:nowrap}
.float-cta.is-visible{transform:translate(-50%,0)}
.float-cta .btn{min-height:40px;padding:.5rem 1.05rem}
@media(min-width:960px){.float-cta{left:auto;right:28px;transform:translateY(140%)}.float-cta.is-visible{transform:none}}

/* ---------- hero ---------- */
.hero{position:relative;padding-top:clamp(2.5rem,1.5rem + 4vw,5.5rem);padding-bottom:var(--section);overflow:hidden}
.hero::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-380px;background:radial-gradient(closest-side,rgba(232,163,184,.45),rgba(232,163,184,0));pointer-events:none;z-index:-1}
.hero::after{content:"";position:absolute;width:700px;height:700px;left:-320px;bottom:-360px;background:radial-gradient(closest-side,rgba(217,180,143,.28),rgba(217,180,143,0));pointer-events:none;z-index:-1}
.hero__grid{display:grid;gap:clamp(2.5rem,2rem + 3vw,5rem);align-items:center}
@media(min-width:980px){.hero__grid{grid-template-columns:1.12fr .88fr}}
.hero__copy{display:grid;gap:var(--s5)}
.hero__title{font-family:var(--serif);font-size:var(--step-5);line-height:.95;letter-spacing:-.028em;max-width:12ch}
.hero__title em{display:inline-block}
.hero__micro{font-size:.88rem;color:var(--ink-3)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .8rem;border-radius:var(--r-pill);background:rgba(255,255,255,.65);border:1px solid var(--line);font-size:.82rem;font-weight:500;color:var(--ink-2)}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rose)}
.dark .chip{background:rgba(251,245,243,.05);color:rgba(251,245,243,.8)}
.hero__visual{position:relative;max-width:480px;width:100%;justify-self:center}
.hero__visual .ph{box-shadow:var(--shadow-lg)}
.hero__float{position:absolute;right:-6%;bottom:12%;width:min(250px,62%)}
.hero__float--top{left:-8%;right:auto;top:8%;bottom:auto;width:auto}
@media(max-width:600px){.hero__float{right:-2%;bottom:-6%}.hero__float--top{left:-2%;top:-14px}}
.mini-card{background:#fff;border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow-lg);border:1px solid rgba(36,23,29,.06)}
.mini-card__label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;gap:.5rem}
.mini-card__num{font-family:var(--serif);font-size:2.6rem;line-height:1;margin-top:.35rem}
.mini-card__num small{font-size:1rem;color:var(--ink-3);font-family:var(--sans)}
.mini-card__sub{font-size:.78rem;color:var(--ink-2);margin-top:.3rem}
.spark{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:.7rem}
.spark i{flex:1;background:linear-gradient(180deg,var(--rose),var(--rose-soft));border-radius:3px 3px 1px 1px;min-height:3px}
.pill-note{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.55rem .9rem;border-radius:var(--r-pill);box-shadow:var(--shadow);font-size:.8rem;font-weight:500}
.pill-note .dot{width:8px;height:8px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(194,84,120,.15)}

/* ---------- ticker ---------- */
.ticker{border-block:1px solid var(--line);overflow:hidden;background:var(--cream);padding-block:1.05rem}
.ticker__track{display:flex;gap:2.5rem;width:max-content;animation:tick 40s linear infinite}
.ticker__track span{font-family:var(--serif);font-size:1.45rem;white-space:nowrap;color:var(--ink-2);display:inline-flex;align-items:center;gap:2.5rem}
.ticker__track span::after{content:"✦";font-size:.8rem;color:var(--rose)}
.ticker__track span:nth-child(odd){font-style:italic;color:var(--rose)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- proof bar ---------- */
.proof{padding-block:clamp(3.5rem,2.5rem + 3vw,5.5rem)}
.proof__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s6) var(--s5)}
@media(min-width:900px){.proof__grid{grid-template-columns:repeat(4,1fr)}}
.stat{display:grid;gap:.45rem;padding-top:var(--s4);border-top:1px solid var(--line)}
.stat__num{font-family:var(--serif);font-size:clamp(2.6rem,2rem + 2.6vw,4.4rem);line-height:.95;letter-spacing:-.02em}
.stat__label{font-size:.9rem;line-height:1.4;color:rgba(251,245,243,.72);max-width:16rem}
.footnotes{margin-top:var(--s7);display:grid;gap:.35rem;font-size:.76rem;line-height:1.55;color:rgba(251,245,243,.55);max-width:62rem}
.footnotes li{display:flex;gap:.5rem}
.footnotes li b{color:var(--rose-soft);font-weight:600;min-width:1em}
.footnotes--light{color:var(--ink-3)}
.footnotes--light li b{color:var(--rose-ink)}

/* ---------- Kellie ---------- */
.kellie{display:grid;gap:clamp(2.5rem,2rem + 3vw,5rem);align-items:center}
@media(min-width:960px){.kellie{grid-template-columns:.95fr 1.05fr}}
.kellie__photos{position:relative;padding-right:18%;padding-bottom:12%}
.kellie__photos .ph:last-child{position:absolute;right:0;bottom:0;width:48%;border:6px solid var(--cream);box-shadow:var(--shadow-lg)}
.section--blush .kellie__photos .ph:last-child{border-color:var(--blush)}
.quote{font-family:var(--serif);font-size:var(--step-3);line-height:1.12;letter-spacing:-.01em;position:relative}
.quote::before{content:"“";position:absolute;left:-.05em;top:-.42em;font-size:2.4em;color:var(--rose);opacity:.25;line-height:1}
.sig{display:flex;align-items:center;gap:.8rem;margin-top:var(--s5)}
.sig__name{font-family:var(--serif);font-size:1.6rem;font-style:italic;color:var(--rose)}
.sig__role{font-size:.85rem;color:var(--ink-3)}
.tiles{display:grid;gap:var(--s3);margin-top:var(--s6)}
@media(min-width:600px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{padding:1.1rem 1.2rem;border-radius:var(--r);background:rgba(255,255,255,.62);border:1px solid var(--line)}
.tile h3{font-family:var(--sans);font-size:.98rem;font-weight:600;margin-bottom:.25rem;letter-spacing:-.01em}
.tile p{font-size:.9rem;color:var(--ink-2);line-height:1.5}

/* ---------- wins ---------- */
.wins{display:grid;gap:var(--s5)}
@media(min-width:900px){.wins{grid-template-columns:repeat(3,1fr)}}
.win{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:1.6rem;border-radius:var(--r-lg);background:var(--plum-2);border:1px solid var(--line-light);overflow:hidden}
.win--feature{background:linear-gradient(160deg,#3A2430 0%,#2A1C23 60%)}
.win__top{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.win__who{font-family:var(--serif);font-size:1.5rem}
.win__kind{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(251,245,243,.6)}
.win__nums{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-family:var(--serif);line-height:1}
.win__from{font-size:1.8rem;color:rgba(251,245,243,.55)}
.win__arrow{font-family:var(--sans);font-size:1.1rem;color:var(--rose-soft)}
.win__to{font-size:clamp(3rem,2.4rem + 2vw,4rem);letter-spacing:-.02em}
.win__to small{font-family:var(--sans);font-size:.9rem;color:rgba(251,245,243,.55);letter-spacing:0}
.win__line{font-size:.95rem;line-height:1.5;color:rgba(251,245,243,.82)}
.win__line strong{color:var(--rose-soft);font-weight:600}
.win__basis{margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--line-light);font-size:.74rem;line-height:1.5;color:rgba(251,245,243,.5)}
.bars{display:flex;align-items:flex-end;gap:6px;height:84px;padding-top:.4rem}
.bars i{position:relative;flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--rose-soft),rgba(232,163,184,.35));min-height:4px;transform-origin:bottom;transition:transform 1s var(--ease)}
.bars i.is-peak{background:linear-gradient(180deg,#fff,var(--rose-soft))}
.bars i.is-partial{background:repeating-linear-gradient(135deg,rgba(232,163,184,.6) 0 3px,rgba(232,163,184,.2) 3px 6px)}
.bars-x{display:flex;gap:6px;font-size:.66rem;color:rgba(251,245,243,.45);letter-spacing:.04em}
.bars-x span{flex:1;text-align:center}
.js .bars:not(.is-in) i{transform:scaleY(.05)}
/* consent-pending state */
.consent{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem;border-radius:var(--r-pill);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px dashed rgba(244,228,207,.6);color:#F4E4CF;background:rgba(244,228,207,.06);white-space:nowrap}
.consent::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.is-pending{outline:1px dashed rgba(217,180,143,.45);outline-offset:-8px}
.consent--light{color:#7A5530;border-color:rgba(122,85,48,.45);background:#FBF0E2}
.consent--light::before{background:#C8955E}

/* ---------- services ---------- */
.services{display:grid;gap:var(--s4)}
@media(min-width:720px){.services{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.services{grid-template-columns:repeat(3,1fr)}}
.service{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:1.7rem;border-radius:var(--r-lg);background:#fff;border:1px solid rgba(36,23,29,.07);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.service:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.service__n{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--rose)}
.service h3{font-family:var(--serif);font-size:1.75rem;line-height:1.08}
.service p{color:var(--ink-2);font-size:.95rem;line-height:1.55}
.service__owner{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-3);display:flex;align-items:center;gap:.5rem}
.service__owner::before{content:"";width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--blush),var(--blush-2))}
.service__stat{display:flex;align-items:baseline;gap:.6rem;padding:.8rem 1rem;border-radius:var(--r-sm);background:var(--cream);font-size:.82rem;color:var(--ink-2);line-height:1.4}
.service__stat b{font-family:var(--serif);font-weight:400;font-size:1.8rem;color:var(--rose);line-height:1}

/* ---------- detailed service rows (creators page) ---------- */
.srow{display:grid;gap:var(--s5);padding-block:clamp(2.5rem,2rem + 2vw,3.5rem);border-top:1px solid var(--line)}
@media(min-width:900px){.srow{grid-template-columns:.32fr 1fr 1fr;gap:var(--s7)}}
.srow__n{font-family:var(--serif);font-style:italic;font-size:3rem;line-height:1;color:var(--rose)}
.srow h3{font-family:var(--serif);font-size:var(--step-3);line-height:1.05;margin-bottom:.8rem}
.checks{display:grid;gap:.7rem}
.checks li{position:relative;padding-left:1.8rem;color:var(--ink-2);font-size:.96rem;line-height:1.5}
.checks li::before{content:"";position:absolute;left:0;top:.3em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--blush) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23A23F62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.dark .checks li{color:rgba(251,245,243,.78)}

/* ---------- steps ---------- */
.steps{display:grid;gap:var(--s4);counter-reset:step}
@media(min-width:720px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.steps--4{grid-template-columns:repeat(4,1fr)}.steps--6{grid-template-columns:repeat(3,1fr)}}
.step{position:relative;padding:1.6rem;border-radius:var(--r-lg);background:rgba(255,255,255,.65);border:1px solid var(--line);display:grid;gap:.6rem;align-content:start}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--serif);font-style:italic;font-size:2.4rem;line-height:1;color:var(--rose)}
.step h3{font-family:var(--sans);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}
.step p{font-size:.92rem;color:var(--ink-2);line-height:1.5}

/* ---------- split ---------- */
.split-card{display:grid;gap:var(--s6);padding:clamp(1.8rem,1.2rem + 2.5vw,3.5rem);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow);border:1px solid rgba(36,23,29,.06)}
@media(min-width:900px){.split-card{grid-template-columns:1.1fr 1fr;align-items:center}}
.split-points{display:grid;gap:.9rem}
.split-points li{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:var(--r);background:var(--cream)}
.split-points li b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.5rem;color:var(--rose);line-height:1}
.split-points li span{font-size:.93rem;color:var(--ink-2);line-height:1.5}

/* ---------- privacy band ---------- */
.privacy{display:grid;gap:var(--s4)}
@media(min-width:720px){.privacy{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.privacy{grid-template-columns:repeat(4,1fr)}}
.pcard{padding:1.5rem;border-radius:var(--r-lg);border:1px solid var(--line-light);background:rgba(251,245,243,.03);display:grid;gap:.55rem;align-content:start}
.pcard__icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(232,163,184,.12);color:var(--rose-soft);margin-bottom:.4rem}
.pcard__icon svg{width:20px;height:20px}
.pcard h3{font-family:var(--serif);font-size:1.5rem}
.pcard p{font-size:.92rem;color:rgba(251,245,243,.7);line-height:1.5}

/* ---------- FAQ ---------- */
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding:1.35rem 0;font-family:var(--serif);font-size:clamp(1.3rem,1.15rem + .6vw,1.7rem);line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%23C25478' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--blush)}
.faq__a{padding:0 0 1.5rem;max-width:46rem;color:var(--ink-2);display:grid;gap:.8rem}
.faq__a ol{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}
.faq-layout{display:grid;gap:var(--s7)}
@media(min-width:960px){.faq-layout{grid-template-columns:.8fr 1.2fr;gap:var(--s9)}.faq-layout__aside{position:sticky;top:110px;align-self:start}}

/* ---------- CTA band ---------- */
.cta-band{position:relative;overflow:hidden;border-radius:clamp(22px,2vw,36px);padding:clamp(2.5rem,1.5rem + 5vw,6rem) clamp(1.5rem,1rem + 4vw,5rem);background:var(--plum);color:var(--cream);text-align:center;display:grid;gap:var(--s5);justify-items:center}
.cta-band::before,.cta-band::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.cta-band::before{width:620px;height:620px;left:-220px;top:-300px;background:radial-gradient(closest-side,rgba(194,84,120,.45),transparent)}
.cta-band::after{width:520px;height:520px;right:-200px;bottom:-280px;background:radial-gradient(closest-side,rgba(217,180,143,.25),transparent)}
.cta-band > *{position:relative;z-index:1}
.cta-band .h1{max-width:14ch}

/* ---------- page hero (inner pages) ---------- */
.page-hero{position:relative;overflow:hidden;padding-top:clamp(3rem,2rem + 4vw,6rem);padding-bottom:clamp(3rem,2rem + 3vw,5rem)}
.page-hero::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-360px;background:radial-gradient(closest-side,rgba(232,163,184,.4),transparent);z-index:-1}
.page-hero__inner{display:grid;gap:var(--s5);max-width:52rem}
.crumbs{font-size:.8rem;color:var(--ink-3)}
.crumbs a{text-decoration:none}

/* ---------- case studies (wins page) ---------- */
.case{display:grid;gap:var(--s6);padding:clamp(1.6rem,1rem + 3vw,3.5rem);border-radius:var(--r-lg);background:var(--plum-2);border:1px solid var(--line-light)}
.case + .case{margin-top:var(--s6)}
@media(min-width:980px){.case{grid-template-columns:.9fr 1.1fr;gap:var(--s8)}}
.case__head{display:grid;gap:var(--s4);align-content:start}
.case__title{font-family:var(--serif);font-size:var(--step-3);line-height:1}
.case__meta{display:flex;flex-wrap:wrap;gap:.5rem}
.case__chart{padding:1.2rem;border-radius:var(--r);background:rgba(251,245,243,.04);border:1px solid var(--line-light)}
.case__chart .bars{height:150px;gap:10px}
.case__chart .bars-x{gap:10px}
.case__chart figcaption{font-size:.74rem;color:rgba(251,245,243,.5);margin-top:.7rem;line-height:1.5}
.case__body{display:grid;gap:0}
.cs-block{display:grid;gap:.4rem;padding-block:1.15rem;border-bottom:1px solid var(--line-light)}
.cs-block:first-child{padding-top:0}
.cs-block:last-child{border-bottom:0;padding-bottom:0}
.cs-label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-soft)}
.cs-block p{color:rgba(251,245,243,.82);font-size:.98rem;line-height:1.6}
.cs-quote{font-family:var(--serif);font-size:1.5rem;line-height:1.25;color:rgba(251,245,243,.5);font-style:italic}
.cs-video{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border-radius:var(--r);border:1px dashed rgba(244,228,207,.35);color:rgba(251,245,243,.6);font-size:.88rem}
.cs-video__play{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(232,163,184,.14);color:var(--rose-soft)}
.framework{display:grid;gap:var(--s3);grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.framework{grid-template-columns:repeat(6,1fr)}}
.framework li{padding:1rem;border-radius:var(--r);background:rgba(255,255,255,.6);border:1px solid var(--line);font-size:.85rem;color:var(--ink-2);line-height:1.4}
.framework li b{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--ink);margin-bottom:.2rem}

/* ---------- team ---------- */
.team{display:grid;gap:var(--s5)}
@media(min-width:720px){.team{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.team{grid-template-columns:repeat(4,1fr)}}
.member{display:grid;gap:.8rem;align-content:start}
.member .ph{border-radius:var(--r)}
.member h3{font-family:var(--serif);font-size:1.6rem;line-height:1.1}
.member__role{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}
.member p{font-size:.92rem;color:var(--ink-2);line-height:1.5}
.values{display:grid;gap:var(--s5)}
@media(min-width:900px){.values{grid-template-columns:repeat(3,1fr)}}
.value{padding-top:var(--s5);border-top:1px solid var(--line);display:grid;gap:.6rem}
.value h3{font-family:var(--serif);font-size:1.9rem}
.value p{color:var(--ink-2);font-size:.95rem}

/* ---------- apply form ---------- */
.apply{display:grid;gap:clamp(2rem,1.5rem + 3vw,5rem)}
@media(min-width:980px){.apply{grid-template-columns:.85fr 1.15fr;align-items:start}.apply__aside{position:sticky;top:110px}}
.form-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(36,23,29,.06);padding:clamp(1.4rem,1rem + 2vw,2.6rem);position:relative}
.progress{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:var(--s5);font-size:.8rem;color:var(--ink-3);font-weight:500}
.progress__bar{flex:1;height:4px;border-radius:4px;background:var(--cream-2);overflow:hidden;max-width:180px}
.progress__bar i{display:block;height:100%;width:50%;background:var(--rose);border-radius:4px;transition:width .5s var(--ease)}
.form-step{display:grid;gap:1.15rem;border:0;margin:0;padding:0;min-width:0}
.form-step[hidden]{display:none}
.form-step legend{font-family:var(--serif);font-size:var(--step-2);padding:0;margin-bottom:.2rem}
.form-step .hint{font-size:.9rem;color:var(--ink-2);margin-top:-.6rem}
.field{display:grid;gap:.4rem}
.field label,.field .label{font-size:.88rem;font-weight:600;display:flex;justify-content:space-between;gap:.5rem}
.field .opt{font-weight:400;color:var(--ink-3);font-size:.8rem}
.input,.select{width:100%;min-height:52px;padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(36,23,29,.16);background:var(--cream);font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%2386727B' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px;padding-right:2.6rem}
.input:hover,.select:hover{border-color:rgba(36,23,29,.3)}
.input:focus,.select:focus{outline:none;border-color:var(--rose);background:#fff;box-shadow:0 0 0 4px rgba(194,84,120,.14)}
.input-prefix{position:relative}
.input-prefix span{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.input-prefix .input{padding-left:2.05rem}
.field.has-error .input,.field.has-error .select{border-color:#B3261E;background:#FFF7F6}
.err{display:none;font-size:.82rem;color:#B3261E}
.field.has-error .err{display:block}
.choices{display:flex;flex-wrap:wrap;gap:.5rem}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.choice span{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border-radius:var(--r-pill);border:1px solid rgba(36,23,29,.16);background:var(--cream);font-size:.9rem;transition:all .2s;cursor:pointer}
.choice input:checked + span{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.choice input:focus-visible + span{outline:2px solid var(--rose);outline-offset:2px}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.88rem;color:var(--ink-2);line-height:1.5}
.check input{margin-top:.2rem;width:18px;height:18px;accent-color:var(--rose);flex:none}
.form-actions{display:flex;gap:.7rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:.4rem}
.form-actions .btn--rose{flex:1;min-width:180px}
.notice{display:flex;gap:.7rem;padding:.9rem 1rem;border-radius:14px;background:var(--cream);font-size:.85rem;color:var(--ink-2);line-height:1.5}
.notice svg{flex:none;width:18px;height:18px;color:var(--rose);margin-top:.1rem}
.form-error{display:none;padding:.9rem 1rem;border-radius:14px;background:#FFF1EF;color:#8C1D18;font-size:.88rem}
.form-error.is-shown{display:block}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.thanks{display:grid;gap:var(--s4);text-align:center;justify-items:center;padding:var(--s6) 0}
.thanks[hidden]{display:none}
.thanks__mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--blush);color:var(--rose)}
.thanks__mark svg{width:30px;height:30px}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}

/* ---------- legal ---------- */
.legal{display:grid;gap:var(--s5);max-width:46rem}
.legal h2{font-family:var(--serif);font-size:var(--step-2);margin-top:var(--s5)}
.legal p,.legal li{color:var(--ink-2)}
.legal ul{list-style:disc;padding-left:1.2rem;display:grid;gap:.3rem}
.legal-flag{padding:1rem 1.2rem;border-radius:var(--r);background:#FBF0E2;border:1px dashed rgba(122,85,48,.4);color:#6B4A28;font-size:.9rem}

/* ---------- footer ---------- */
.site-footer{background:var(--plum);color:rgba(251,245,243,.75);padding-top:clamp(3.5rem,2.5rem + 3vw,6rem);padding-bottom:calc(var(--s7) + 60px)}
.footer__top{display:grid;gap:var(--s7)}
@media(min-width:900px){.footer__top{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.site-footer .brand{color:var(--cream)}
.site-footer .brand__sub{color:rgba(251,245,243,.5)}
.footer__about{margin-top:var(--s4);font-size:.92rem;max-width:22rem;line-height:1.55}
.footer__col h2{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,245,243,.5);margin-bottom:var(--s4)}
.footer__col ul{display:grid;gap:.55rem}
.footer__col a{text-decoration:none;font-size:.93rem}
.footer__col a:hover{color:var(--cream);text-decoration:underline}
.footer__legal{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line-light);display:grid;gap:.7rem;font-size:.76rem;line-height:1.6;color:rgba(251,245,243,.5)}
.footer__legal strong{color:rgba(251,245,243,.8);font-weight:600}
.footer__big{font-family:var(--serif);font-size:clamp(4rem,2rem + 12vw,13rem);line-height:.8;letter-spacing:-.04em;color:rgba(251,245,243,.06);margin-top:var(--s7);user-select:none;white-space:nowrap;overflow:hidden}
.footer__big i{color:rgba(232,163,184,.12)}

/* ---------- utilities ---------- */
.center{text-align:center}
.mt-4{margin-top:var(--s4)}.mt-5{margin-top:var(--s5)}.mt-6{margin-top:var(--s6)}.mt-7{margin-top:var(--s7)}
.stack{display:grid;gap:var(--s4)}
.divider{height:1px;background:var(--line);border:0;margin:0}

/* ---------- motion ---------- */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal[data-delay="1"]{transition-delay:.08s}
.js .reveal[data-delay="2"]{transition-delay:.16s}
.js .reveal[data-delay="3"]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}
  .ticker__track{animation:none}
}
@media print{.site-header,.float-cta,.mobile-menu,.preview-banner{display:none}}

/* ---------- v2.1: growth-only wins, Kellie card, creator photo slots ---------- */
.win__unit{font-family:var(--sans);font-size:.95rem;color:rgba(251,245,243,.6);letter-spacing:0}
.win__anon{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem;border-radius:var(--r-pill);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,245,243,.7);border:1px solid var(--line-light);white-space:nowrap}
.win__anon::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rose-soft)}

/* Kellie: text-led brand card (no photo) */
.kcard{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);aspect-ratio:4/5;max-width:480px;width:100%;margin-inline:auto;
  background:radial-gradient(120% 90% at 85% 0%,#4A2A3A 0%,#2A1C23 55%,#1C1217 100%);color:var(--cream);box-shadow:var(--shadow-lg);
  display:flex;align-items:flex-end;padding:clamp(1.5rem,1rem + 2vw,2.4rem)}
.kcard::before{content:"";position:absolute;width:70%;aspect-ratio:1;right:-18%;top:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(194,84,120,.55),transparent);z-index:-1}
.kcard::after{content:"";position:absolute;width:55%;aspect-ratio:1;left:-20%;bottom:-18%;border-radius:50%;background:radial-gradient(closest-side,rgba(217,180,143,.25),transparent);z-index:-1}
.kcard__rings{position:absolute;right:-12%;top:6%;width:78%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,163,184,.22);box-shadow:0 0 0 28px rgba(232,163,184,.04),0 0 0 29px rgba(232,163,184,.14),0 0 0 64px rgba(232,163,184,.03),0 0 0 65px rgba(232,163,184,.1);z-index:-1}
.kcard__mono{position:absolute;right:8%;top:2%;font-family:var(--serif);font-style:italic;font-size:clamp(11rem,8rem + 12vw,17rem);line-height:1;color:rgba(232,163,184,.2);z-index:-1;user-select:none}
.kcard__body{display:grid;gap:.35rem}
.kcard__eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-soft)}
.kcard__name{font-family:var(--serif);font-size:clamp(3.4rem,2.6rem + 3vw,5rem);line-height:.9;font-style:italic}
.kcard__role{font-size:.9rem;color:rgba(251,245,243,.7)}
.kcard__list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.kcard__list li{font-size:.76rem;padding:.3rem .7rem;border-radius:var(--r-pill);border:1px solid rgba(251,245,243,.18);color:rgba(251,245,243,.82)}

/* team monogram tiles */
.mono-tile{aspect-ratio:4/5;border-radius:var(--r);display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:6rem;line-height:1;color:var(--rose);
  background:radial-gradient(90% 70% at 30% 10%,#FBE9ED 0%,var(--blush) 55%,var(--blush-2) 100%);position:relative;overflow:hidden}
.mono-tile::after{content:"";position:absolute;inset:14px;border-radius:calc(var(--r) - 6px);border:1px solid rgba(194,84,120,.18)}
.mono-tile--2{background:radial-gradient(90% 70% at 70% 10%,#F8EFE6 0%,#F1DECB 60%,#E8CCB2 100%);color:#9A6A3E}
.mono-tile--3{background:radial-gradient(90% 70% at 30% 90%,#3A2730 0%,#2A1C23 60%,#1C1217 100%);color:var(--rose-soft)}
.mono-tile--4{background:radial-gradient(90% 70% at 50% 0%,#F6E3E6 0%,#EBC6CF 70%);color:var(--plum)}
@media(min-width:1080px){.mono-tile{aspect-ratio:1/1}}

/* hero collage of creator photo slots */
.hero__collage{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:14px;max-width:520px}
.hero__collage .hc1{grid-row:1 / span 2;aspect-ratio:auto;min-height:100%}
.hero__collage .ph{box-shadow:var(--shadow)}
.hero__collage .ph__tag{left:10px;right:10px;bottom:10px;padding:.5rem .65rem;font-size:.7rem}
.hero__collage .ph__tag span{font-size:.62rem}
@media(max-width:520px){.hero__collage .ph--square .ph__tag span{display:none}}

/* our creators gallery */
.gallery{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.gallery .ph{border-radius:var(--r);aspect-ratio:4/5}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:56px}
 .gallery .g2,.gallery .g5{transform:translateY(56px)}}
.cph .ph__tag b{font-size:.74rem}
@media(min-width:1080px){.steps--7{grid-template-columns:repeat(4,1fr)}}
.chip--key{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.chip--key::before{background:var(--rose-soft)}
[hidden]{display:none!important}
@media(max-width:979px){.apply__aside{order:2}}