:root{--ink:#020202;--surface:#0B0C0E;--paper:#F4F6FA;--accent:#3D7EFF;--accent-soft:#B2D5E5;--blush:var(--paper);--rose:var(--accent-soft);--copper:var(--accent);--mahogany:var(--surface);--line:rgba(247,247,250,.14);--line-dark:rgba(247,247,250,.2);--display:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--pad:clamp(1rem,3.5vw,3.75rem);--focus:var(--accent-soft);--radius-section:32px;--radius-card:24px;--radius-control:16px;--radius-pill:999px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--paper);padding:.8rem 1rem}
.skip-link:focus{top:1rem}
.site-header{height:4.875rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}
.wordmark{width:max-content;display:inline-grid;line-height:.72;letter-spacing:-.06em;font-weight:600}
.wordmark span{font-size:1.23rem}
.wordmark small{margin-top:.42rem;color:var(--copper);font-size:.57rem;letter-spacing:.48em}
.site-nav{display:flex;align-items:center;gap:2rem;font-size:.78rem}
.site-nav a{padding:.7rem 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current=page]{border-color:currentColor}
.header-actions{justify-self:end;display:flex;align-items:center;gap:.7rem}
.header-order,.button-primary{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mahogany);padding:0 1.05rem;background:var(--mahogany);color:var(--blush);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.header-order:hover,.button-primary:hover{background:var(--copper);border-color:var(--copper)}
.nav-toggle{display:none;min-height:2.75rem;border:1px solid var(--line);background:transparent;padding:0 .9rem}
.case-stage,.case-slide{height:calc(100svh - 4.875rem);min-height:36rem}
.case-slide{display:grid;grid-template-columns:minmax(22rem,41%) 1fr;grid-template-rows:minmax(0,1fr) auto;background:var(--blush);overflow:hidden}
.case-slide-copy{min-height:0;display:flex;flex-direction:column;padding:clamp(1.35rem,3.5vh,3rem) var(--pad) 1.1rem;border-right:1px solid var(--line)}
.case-meta{display:flex;justify-content:space-between;margin:0;color:var(--mahogany);font-size:.69rem;letter-spacing:.11em;text-transform:uppercase}
.case-name{margin:auto 0 2rem}
.case-name p{margin:0 0 1.1rem;color:var(--copper);font-size:.72rem;font-weight:600;letter-spacing:.12em}
.case-name h1{max-width:10ch;margin:0;color:var(--mahogany);font-family:var(--display);font-size:clamp(3.8rem,7vw,7.8rem);font-weight:400;line-height:.93;letter-spacing:-.055em;text-wrap:balance}
.slide-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.slide-metrics div{display:flex;flex-direction:column-reverse;padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--line)}
.slide-metrics div:nth-child(odd){border-right:1px solid var(--line)}
.slide-metrics div:nth-child(even){padding-left:1rem}
.slide-metrics dt{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;opacity:.68}
.slide-metrics dd{margin:0 0 .3rem;font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}
.slide-link{width:100%;min-height:3.4rem;display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;border-bottom:1px solid var(--mahogany);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.case-artwork{position:relative;display:grid;place-items:center;background:var(--ink);overflow:hidden}
.case-artwork:before{content:"";position:absolute;inset:0;background:var(--mahogany);opacity:.32}
.case-artwork img{position:relative;z-index:1;width:min(66vh,68%);height:min(66vh,68%);object-fit:contain}
.case-artwork>span{position:absolute;right:-.03em;bottom:-.22em;color:var(--rose);font-family:var(--display);font-size:clamp(10rem,24vw,28rem);line-height:1;opacity:.32}
.slider-controls{grid-column:1/-1;min-height:4rem;display:grid;grid-template-columns:4rem 1fr auto 4rem;align-items:center;background:var(--ink);color:var(--paper)}
.slider-controls button{height:100%;border:0;border-right:1px solid var(--line-dark);background:transparent;color:inherit;font-size:1.4rem;cursor:pointer}
.slider-controls button:last-child{border-right:0;border-left:1px solid var(--line-dark)}
.slider-track{height:1px;margin:0 1.5rem;background:var(--line-dark)}
.slider-track i{display:block;width:var(--progress);height:1px;background:var(--blush)}
.slider-controls>span{font-size:.7rem;letter-spacing:.1em}
.home-index{display:grid;grid-template-columns:17% minmax(0,1fr) 34%;gap:clamp(2rem,5vw,6rem);padding:clamp(6rem,10vw,10rem) var(--pad);border-bottom:1px solid var(--line)}
.section-code,.page-kicker{margin:.55rem 0 0;color:var(--copper);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.home-index h2,.page-title,.editorial-copy h2{margin:0;font-family:var(--display);font-size:clamp(3rem,5vw,5.6rem);font-weight:400;line-height:1.03;letter-spacing:-.045em}
.home-index>div>p{max-width:50ch;margin:2rem 0 0;font-size:1.05rem;line-height:1.65}
.home-index nav{align-self:end;display:grid}
.home-index nav a{min-height:4.2rem;display:grid;grid-template-columns:2.3rem 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:.82rem}
.home-index nav a:first-child{border-top:1px solid var(--line)}
.home-index nav a:hover{background:var(--blush)}
.home-index nav span{color:var(--copper);font-size:.65rem}
.number-ledger{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad);background:var(--mahogany);color:var(--paper)}
.number-ledger>div{min-height:15rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;border-right:1px solid var(--line-dark)}
.number-ledger span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.number-ledger strong{font-family:var(--display);font-size:clamp(2.8rem,5vw,5rem);font-weight:400;color:var(--blush)}
.number-ledger>a{grid-column:1/-1;min-height:4.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-dark);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}
.page-main{min-height:65svh}
.page-hero{display:grid;grid-template-columns:20% minmax(0,1fr);padding:clamp(4rem,8vw,8rem) var(--pad) 4rem;border-bottom:1px solid var(--line)}
.page-title{max-width:13ch}
.page-intro{max-width:50ch;margin:2rem 0 0;font-size:1.05rem;line-height:1.65}
.archive-toolbar{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:2rem var(--pad);border-bottom:1px solid var(--line)}
.archive-toolbar p{margin:0;font-size:.78rem}
.filters{display:flex;gap:1rem;flex-wrap:wrap}
.filters label{display:grid;gap:.35rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}
.filters input,.filters select{min-height:2.8rem;border:0;border-bottom:1px solid var(--mahogany);border-radius:0;background:transparent;color:inherit}
.case-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.case-card{min-height:40rem;display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-card:nth-child(even){border-right:0}
.case-card-art{display:grid;place-items:center;padding:2rem;background:var(--ink);position:relative}
.case-card-art img{width:100%;height:100%;max-height:26rem;object-fit:contain}
.case-card-art span{position:absolute;left:1rem;top:1rem;color:var(--blush);font-size:.67rem;letter-spacing:.1em}
.case-card-info{min-width:0;display:flex;flex-direction:column;padding:1.5rem}
.case-card-info>p{margin:0;color:var(--copper);font-size:.68rem;letter-spacing:.1em}
.case-card-info h2{margin:1rem 0 2.5rem;font-family:var(--display);font-size:clamp(2rem,3.5vw,3.8rem);font-weight:400;line-height:1.02}
.metric-list{margin:auto 0 1rem}
.metric-list div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.metric-list dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}
.metric-list dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.text-link{min-height:3.2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--mahogany);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.case-detail{display:grid;grid-template-columns:minmax(18rem,44%) 1fr;min-height:calc(100svh - 4.875rem)}
.case-detail-art{display:grid;place-items:center;padding:clamp(2rem,6vw,6rem);background:var(--ink)}
.case-detail-art img{width:100%;height:100%;max-height:70svh;object-fit:contain}
.case-detail-copy{display:flex;flex-direction:column;padding:clamp(2rem,6vw,6rem)}
.case-detail-copy h1{margin:1rem 0 3rem;font-family:var(--display);font-size:clamp(3rem,6vw,7rem);font-weight:400;line-height:.98}
.back-link{margin-top:auto;padding-top:2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.creator-catalog{padding:0 var(--pad) 6rem}
.creator-head,.creator-row{display:grid;grid-template-columns:minmax(15rem,2fr) 1fr .85fr .85fr 8rem;gap:1rem;align-items:center}
.creator-head{min-height:3.8rem;color:var(--copper);font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.creator-row{min-height:6rem;border-top:1px solid var(--line)}
.creator-ident{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;align-items:center;min-width:0}
.creator-ident img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:contain;background:var(--blush)}
.creator-ident strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creator-ident small{color:var(--copper)}
.creator-metric{font-size:.78rem}
.select-button{min-height:2.8rem;border:1px solid var(--mahogany);background:transparent;color:inherit;font-size:.68rem;text-transform:uppercase;cursor:pointer}
.select-button[aria-pressed=true]{background:var(--mahogany);color:var(--blush)}
.campaign-dock{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.8rem var(--pad);border-top:1px solid var(--line-dark);background:var(--mahogany);color:var(--paper)}
.campaign-dock p{margin:0;font-size:.78rem}
.campaign-dock strong{color:var(--blush)}
.campaign-dock button,.campaign-dock a{min-height:2.8rem;border:1px solid var(--blush);padding:0 1rem;background:transparent;color:var(--blush);cursor:pointer}
.campaign-dock button:disabled{opacity:.4;cursor:not-allowed}
.editorial-section{display:grid;grid-template-columns:42% 1fr;min-height:42rem;border-bottom:1px solid var(--line)}
.editorial-image{display:grid;place-items:center;padding:clamp(2rem,5vw,5rem);background:var(--mahogany)}
.editorial-image img{width:100%;height:100%;max-height:32rem;object-fit:contain}
.editorial-copy{padding:clamp(3rem,7vw,7rem)}
.editorial-copy>p{max-width:52ch;font-size:1.05rem;line-height:1.65}
.facts-list{margin:3rem 0 0}
.facts-list div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}
.facts-list span{color:var(--copper);font-size:.68rem}
.contact-cta{display:grid;gap:1.25rem;max-width:54rem;margin:0 var(--pad) 7rem;padding:clamp(1.75rem,4vw,3.75rem);background:var(--blush)}
.contact-cta h2{max-width:12ch;margin:0;font-family:var(--display);font-size:clamp(2.5rem,5vw,4.75rem);font-weight:400;line-height:1.03;letter-spacing:-.045em}
.contact-cta>p:not(.page-kicker){max-width:44rem;margin:0;font-size:1.05rem;line-height:1.65}
.contact-cta .button-primary{justify-self:start;min-height:3.5rem;padding-inline:1.4rem}
.legal-document{max-width:54rem;padding:clamp(4rem,8vw,8rem) var(--pad)}
.legal-document h1{font-family:var(--display);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:1.04;overflow-wrap:anywhere}
.legal-document h2{margin-top:3rem;font-family:var(--display);font-size:1.8rem;font-weight:400}
.legal-document p,.legal-document li{line-height:1.7}
.legal-note{padding:1rem;border-left:3px solid var(--rose);background:var(--blush)}
.site-footer{display:grid;grid-template-columns:1.1fr .7fr 1.2fr;gap:4rem;padding:4rem var(--pad) 2rem;background:var(--ink);color:var(--paper)}
.wordmark-light small{color:var(--blush)}
.footer-brand p{color:rgba(232,225,215,.62);font-size:.83rem}
.footer-primary,.legal-nav{display:grid;align-content:start;gap:.75rem;font-size:.73rem}
.legal-nav{color:rgba(232,225,215,.68)}
.site-footer a:hover{text-decoration:underline;text-underline-offset:.25rem}
.footer-legal{grid-column:1/-1;display:flex;gap:2rem;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--line-dark);color:rgba(232,225,215,.5);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.cookie-notice{position:fixed;z-index:50;left:var(--pad);right:var(--pad);bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:1rem 1.2rem;border:1px solid var(--paper);background:var(--ink);color:var(--paper)}
.cookie-notice p{max-width:65ch;margin:0;font-size:.76rem}
.cookie-notice p a{text-decoration:underline}
.cookie-notice>div{display:flex;gap:.6rem}
.cookie-notice button{min-height:2.75rem;border:1px solid var(--blush);padding:0 .9rem;background:transparent;color:var(--blush);font-size:.7rem;cursor:pointer}
.cookie-notice button:last-child{background:var(--blush);color:var(--mahogany)}
.noscript{padding:2rem}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}
.site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:.5rem var(--pad) 1rem;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
.site-nav.is-open{display:flex}
.site-nav a{min-height:3.2rem;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.nav-toggle{display:inline-flex;align-items:center}
.header-order{display:none}
.case-slide{grid-template-columns:45% 55%}
.case-name h1{font-size:clamp(3rem,7vw,5rem)}
.home-index{grid-template-columns:1fr}
.home-index nav{max-width:34rem}
.page-hero{grid-template-columns:1fr}
.archive-toolbar{grid-template-columns:1fr}
.case-archive{grid-template-columns:1fr}
.case-card,.case-card:nth-child(even){border-right:0}
.creator-head{display:none}
.creator-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id action" "cat followers" "gender price";gap:.45rem 1rem;padding:1rem 0}
.creator-ident{grid-area:id}
.creator-row>.creator-metric:nth-of-type(1){grid-area:cat}
.creator-row>.creator-metric:nth-of-type(2){grid-area:followers}
.creator-row>.creator-metric:nth-of-type(3){grid-area:gender}
.creator-row>.creator-metric:nth-of-type(4){grid-area:price}
.creator-row>.select-button{grid-area:action}
.editorial-section{grid-template-columns:1fr}
.editorial-image{min-height:30rem}
.site-footer{grid-template-columns:1fr 1fr}
.legal-nav{grid-column:2}
.footer-legal{flex-direction:column;gap:.5rem}
.cookie-notice{grid-template-columns:1fr}
.cookie-notice>div{flex-wrap:wrap}
}
@media(max-width:640px){.case-stage,.case-slide{height:calc(100svh - 4.875rem);min-height:0}
.case-slide{grid-template-columns:1fr;grid-template-rows:minmax(0,1.25fr) minmax(0,.75fr) 3.6rem}
.case-slide-copy{min-height:calc(58svh - 4.875rem);padding:1.5rem 1rem 1rem;border-right:0}
.case-name{margin:2rem 0 1.4rem}
.case-name h1{font-size:clamp(2.8rem,15vw,4.5rem)}
.slide-metrics{grid-template-columns:repeat(2,1fr)}
.slide-metrics dd{font-size:1rem}
.case-artwork img{width:min(34svh,68%);height:min(34svh,68%)}
.slider-controls{min-height:3.6rem;grid-template-columns:3.4rem 1fr auto 3.4rem}
.home-index{padding-block:5rem}
.home-index h2,.page-title,.editorial-copy h2{font-size:clamp(2.7rem,13vw,4rem)}
.number-ledger{grid-template-columns:1fr}
.number-ledger>div{min-height:10rem;border-right:0;border-bottom:1px solid var(--line-dark)}
.page-hero{padding-block:4rem 2.5rem}
.case-card{grid-template-columns:1fr;min-height:0}
.case-card-art{min-height:24rem}
.case-card-info h2{font-size:2.7rem}
.case-detail{grid-template-columns:1fr}
.case-detail-art{min-height:55svh}
.creator-catalog{padding-inline:1rem}
.creator-ident{grid-template-columns:2.8rem minmax(0,1fr)}
.creator-ident img{width:2.8rem;height:2.8rem}
.creator-row{grid-template-areas:"id action" "cat cat" "followers price";min-height:7.5rem}
.creator-row>.creator-metric:nth-of-type(3){display:none}
.campaign-dock{grid-template-columns:1fr auto}
.campaign-dock a{display:none}
.editorial-copy{padding:4rem 1rem}
.contact-cta{margin-inline:1rem}
.contact-cta .button-primary{width:100%}
.site-footer{grid-template-columns:1fr;gap:2rem}
.legal-nav{grid-column:auto}
.cookie-notice{left:1rem;right:1rem}
.cookie-notice>div{display:grid}
}
/* Compact case stage: the cover itself is the draggable control. */
.case-stage{height:auto;min-height:0;padding:clamp(1.25rem,3vw,2.75rem) var(--pad) clamp(2rem,5vw,4.5rem);background:var(--paper)}
.case-slider-compact{width:min(100%,96rem);margin:0 auto}
.case-slider-window{position:relative;height:clamp(34rem,72svh,48rem);overflow:hidden;background:var(--ink);cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none}
.case-slider-window.is-dragging{cursor:grabbing}
.case-slider-strip{display:flex;height:100%;transform:translate3d(0,0,0)}
.case-slider-strip.is-moving{transition:transform 360ms cubic-bezier(.25,1,.5,1)}
.case-slide.case-slide--compact{flex:0 0 100%;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(21rem,42%) minmax(0,58%);grid-template-rows:1fr;background:var(--slide-bg);color:var(--slide-ink);overflow:hidden}
.case-slide--compact .case-slide-copy{height:100%;padding:clamp(1.4rem,3.5vh,2.75rem) clamp(1.25rem,3vw,3.5rem);border-right:1px solid currentColor}
.case-slide--compact .stage-purpose{max-width:36ch;margin:1rem 0 0;font-size:.76rem;line-height:1.45;opacity:.74}
.case-slide--compact .case-name{margin:auto 0 clamp(1.1rem,2.5vh,2rem)}
.case-slide--compact .case-name h1{font-size:clamp(3.25rem,5.4vw,6.25rem);color:inherit}
.case-slide--compact .case-name p{color:inherit;opacity:.72}
.case-slide--compact .slide-metrics,.case-slide--compact .slide-metrics div,.case-slide--compact .slide-link{border-color:currentColor}
.case-slide--compact .case-artwork{min-width:0;background:var(--ink)}
.case-slide--compact .case-artwork:before{display:none}
.case-slide--compact .case-artwork img{width:min(69%,34rem);height:auto;aspect-ratio:1/1;max-width:calc(100% - 4rem);max-height:calc(100% - 4rem);object-fit:contain;object-position:center;pointer-events:none}
.case-artwork-index{position:absolute;z-index:0;right:-.02em;bottom:-.2em;color:var(--rose);font-family:var(--display);font-size:clamp(10rem,21vw,22rem);line-height:1;opacity:.28}
.slider-arrow{position:absolute;z-index:4;top:50%;width:3rem;height:3rem;border:1px solid var(--line-dark);border-radius:50%;padding:0;background:var(--ink);color:var(--paper);cursor:pointer;transform:translateY(-50%);touch-action:manipulation}
.slider-arrow--previous{left:clamp(.75rem,1.8vw,1.75rem)}
.slider-arrow--next{right:clamp(.75rem,1.8vw,1.75rem)}
.slider-arrow:active{transform:translateY(-50%) scale(.94)}
.slider-index{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:4.75rem;border-bottom:1px solid var(--line);color:var(--mahogany)}
.slider-index>p{margin:0;font-family:var(--display);font-size:1rem}
.slider-index-list{display:grid;grid-template-columns:repeat(10,minmax(2.6rem,1fr));height:100%}
.slider-index-list button{position:relative;min-width:0;border:0;padding:0 .3rem;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.slider-index-list button:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,3rem);height:max(100%,3rem);transform:translate(-50%,-50%)}
.slider-index-list button i{position:absolute;left:.3rem;right:.3rem;top:1rem;height:1px;background:var(--line)}
.slider-index-list button i:after{content:"";position:absolute;inset:-1px auto -1px 0;width:0;background:var(--mahogany);transition:width 220ms cubic-bezier(.22,1,.36,1)}
.slider-index-list button span{position:absolute;left:.3rem;bottom:.75rem;font-size:.58rem;letter-spacing:.06em;opacity:.55}
.slider-index-list button.is-current i:after{width:100%}
.slider-index-list button.is-current span{opacity:1}
.slider-index>a{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.slider-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.case-slider-compact.is-fullscreen .case-slider-window{height:calc(100svh - 4.875rem)}
.case-slider-compact.is-fullscreen{width:100%}
.case-slider-compact.is-fullscreen .slider-index{padding-inline:var(--pad)}
@media(hover:hover) and (pointer:fine){.slider-arrow:hover{background:var(--copper)}
.slider-index>a:hover{text-decoration:underline;text-underline-offset:.25rem}
.slider-index-list button:hover span{opacity:1}
}
@media(max-width:900px){.case-slider-window{height:clamp(32rem,68svh,42rem)}
.case-slide.case-slide--compact{grid-template-columns:46% 54%}
.case-slide--compact .case-name h1{font-size:clamp(2.8rem,7vw,4.75rem)}
.slider-arrow{top:auto;bottom:1rem;transform:none}
.slider-arrow:active{transform:scale(.94)}
.slider-index-list{overflow-x:auto;scrollbar-width:none}
.slider-index-list button{min-width:3.1rem}
.slider-index{grid-template-columns:4rem minmax(0,1fr) auto}
}
@media(max-width:640px){.case-stage{padding:1rem 1rem 2.25rem}
.case-slider-window{height:37rem;min-height:0}
.case-slide.case-slide--compact{height:37rem;min-height:0;grid-template-columns:1fr;grid-template-rows:23rem 14rem}
.case-slide--compact .case-slide-copy{min-height:0;padding:1rem 1rem .65rem;border-right:0;border-bottom:1px solid currentColor}
.case-slide--compact .stage-purpose{display:none}
.case-slide--compact .case-name{margin:1rem 0 .65rem}
.case-slide--compact .case-name p{margin-bottom:.55rem}
.case-slide--compact .case-name h1{font-size:clamp(2.6rem,12vw,3.5rem)}
.case-slide--compact .slide-metrics div{padding:.55rem .55rem .55rem 0}
.case-slide--compact .slide-metrics div:nth-child(even){padding-left:.55rem}
.case-slide--compact .slide-metrics dd{margin-bottom:.15rem;font-size:.98rem}
.case-slide--compact .slide-metrics dt{font-size:.58rem}
.case-slide--compact .slide-link{min-height:2.75rem;margin-top:.65rem}
.case-slide--compact .case-artwork img{width:min(50vw,11rem);height:min(50vw,11rem)}
.case-artwork-index{font-size:8.5rem}
.slider-arrow{width:3rem;height:3rem;bottom:5.5rem}
.slider-arrow--previous{left:.75rem}
.slider-arrow--next{right:.75rem}
.slider-index{grid-template-columns:3rem minmax(0,1fr) auto;gap:.45rem;min-height:4.25rem}
.slider-index>a{grid-column:auto;min-height:3rem;display:flex;align-items:center;border-top:0;font-size:.58rem}
.slider-index-list{height:4.25rem;overflow:hidden}
.slider-index-list button{min-width:0;padding-inline:.12rem}
.slider-index-list button i{left:.12rem;right:.12rem;top:1rem}
.slider-index-list button span{display:none}
.case-slider-compact.is-fullscreen .case-slider-window{height:37rem}
}
@media(prefers-reduced-motion:reduce){.case-slider-strip.is-moving,.slider-index-list button i:after{transition:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}
.stage-purpose{max-width:30rem;margin:1rem 0 0;color:var(--copper);font-size:.69rem;letter-spacing:.04em}
.campaign-dock[data-empty=true]{display:none}
@media(max-width:900px){.header-order{display:inline-flex;min-height:2.75rem;padding:0 .7rem;font-size:.6rem}
.creator-catalog{padding-bottom:8rem}
}
@media(max-width:640px){.header-actions{gap:.35rem}
.nav-toggle{padding-inline:.65rem}
.header-order{padding-inline:.55rem}
.stage-purpose{margin-top:.55rem;font-size:.62rem}
.campaign-dock{position:fixed;left:0;right:0}
}
/* Slider and mobile-header composition refinements. */
.header-order-short{display:none}
.slider-arrow--previous{left:calc(42% + clamp(.75rem,1.8vw,1.75rem))}
.slider-index{min-height:3.9rem}
.slider-index-list button i{top:50%;transform:translateY(-50%)}
.slider-index-list button span{display:none}
@media(max-width:900px) and (min-width:641px){.slider-arrow{top:50%;bottom:auto;transform:translateY(-50%)}
.slider-arrow:active{transform:translateY(-50%) scale(.94)}
.slider-arrow--previous{left:calc(46% + .75rem)}
}
@media(max-width:640px){.site-header{padding-inline:.85rem}
.header-actions{gap:.3rem}
.nav-toggle{min-width:3.5rem;padding-inline:.5rem;font-size:.82rem}
.header-order{min-width:6.6rem;padding-inline:.65rem;font-size:.68rem;letter-spacing:.025em}
.header-order-full{display:none}
.header-order-short{display:inline}
.case-slide--compact .case-artwork img{width:min(62vw,13rem);height:auto;max-height:none}
.slider-arrow{top:auto;bottom:5.5rem;transform:none}
.slider-arrow:active{transform:scale(.94)}
.slider-arrow--previous{left:.75rem}
.slider-index{min-height:3.75rem}
.slider-index-list{height:3.75rem}
.slider-index-list button i{top:50%}
}
/* Keep the legal choice visible without masking the mobile case artwork. */
@media(max-width:640px){.cookie-notice{gap:.75rem;padding:.8rem}
.cookie-notice p{font-size:.68rem;line-height:1.45}
.cookie-notice>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.cookie-notice button{min-height:2.6rem;padding:.35rem .45rem;font-size:.6rem;line-height:1.2}
}
/* Creator rows show only identity, explicit audience size and price. */
.creator-head,.creator-row{grid-template-columns:minmax(15rem,2fr) minmax(8rem,.8fr) minmax(12rem,1fr) 9rem 8rem}
.creator-followers{font-weight:500}
.creator-price{font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:900px){.creator-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id action" "category followers" "category price"}
.creator-row>.creator-metric.creator-category{grid-area:category}
.creator-row>.creator-metric.creator-followers{grid-area:followers}
.creator-row>.creator-metric.creator-price{grid-area:price;display:block}
.creator-row>.select-button{grid-area:action}
}
@media(max-width:640px){.creator-row{grid-template-areas:"id action" "category category" "followers followers" "price price";gap:.65rem 1rem;padding:1rem 0 1.2rem}
.creator-row>.creator-metric.creator-followers,.creator-row>.creator-metric.creator-price{font-size:.82rem;display:block}
.creator-row>.creator-metric.creator-category{color:var(--copper)}
}
.brand-lockup{display:block;width:clamp(9rem,12vw,11rem);line-height:0}
.brand-lockup img{width:100%;height:auto}
.brand-lockup--footer{width:12rem}
.brand-lockup--footer img{filter:invert(92%) sepia(8%) saturate(347%) hue-rotate(345deg) brightness(100%)}
@media(max-width:640px){.brand-lockup{width:8.5rem}
.brand-lockup--footer{width:10.5rem}
}
.home-main>.home-index:first-child{min-height:calc(100svh - 4.875rem);align-items:center}
@media(max-width:900px){.home-main>.home-index:first-child{align-content:center}
}
@media(max-width:640px){.home-main>.home-index:first-child{min-height:calc(100svh - 4.875rem);padding-block:4rem}
.home-main>.home-index:first-child nav{width:100%}
}
.home-main>.home-index:first-child{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto;gap:1.5rem 1rem;padding:2rem var(--pad) 1.5rem}
.home-main>.home-index:first-child>.section-code{grid-column:1/4;grid-row:1}
.home-main>.home-index:first-child>.home-index-copy{grid-column:3/9;grid-row:2;align-self:center}
.home-main>.home-index:first-child>.home-index-copy h2{max-width:11ch;font-size:clamp(4.6rem,7vw,8rem);line-height:.91}
.home-main>.home-index:first-child>.home-index-copy>p{max-width:45rem;margin-top:2rem}
.home-main>.home-index:first-child>nav{grid-column:9/13;grid-row:2;align-self:end}
.home-index-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}
.home-index-case-link{min-height:2.75rem;display:inline-flex;align-items:center;gap:3rem;border-bottom:1px solid var(--mahogany);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.home-proof{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.home-proof>div{min-height:7rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:.25rem 1rem;padding:1rem 1.2rem 0 0;border-right:1px solid var(--line)}
.home-proof>div+div{padding-left:1.2rem}
.home-proof>div:last-child{border-right:0}
.home-proof span,.home-proof small{font-size:.64rem;letter-spacing:.07em;text-transform:uppercase}
.home-proof span{color:var(--copper)}
.home-proof strong{grid-column:2;grid-row:1/3;align-self:center;font-family:var(--display);font-size:clamp(2.5rem,4vw,4.5rem);font-weight:400;line-height:1;color:var(--mahogany)}
.home-proof small{align-self:end;padding-bottom:1rem;color:var(--mahogany)}
@media(max-width:900px){.home-main>.home-index:first-child>.section-code{grid-column:1/5}
.home-main>.home-index:first-child>.home-index-copy{grid-column:1/8}
.home-main>.home-index:first-child>nav{grid-column:8/13}
.home-main>.home-index:first-child>.home-index-copy h2{font-size:clamp(4rem,9vw,6.5rem)}
}
@media(max-width:640px){.home-main>.home-index:first-child{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:2rem;padding:2rem 1rem 1rem}
.home-main>.home-index:first-child>.section-code,.home-main>.home-index:first-child>.home-index-copy,.home-main>.home-index:first-child>nav,.home-main>.home-index:first-child>.home-proof{grid-column:1;grid-row:auto}
.home-main>.home-index:first-child>.home-index-copy h2{font-size:clamp(3.25rem,15vw,4.4rem)}
.home-main>.home-index:first-child>.home-index-copy>p{font-size:.94rem}
.home-index-actions{gap:1rem;flex-wrap:wrap}
.home-main>.home-index:first-child>nav{align-self:auto}
.home-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-proof>div{min-height:5.8rem;display:flex;flex-direction:column;gap:.3rem;padding:.7rem .5rem .7rem 0}
.home-proof>div+div{padding-left:.5rem}
.home-proof strong{font-size:1.7rem}
.home-proof small{padding:0;font-size:.52rem;line-height:1.25}
.home-proof span{font-size:.52rem}
}
body[data-page="creators"]{background:var(--ink);color:var(--paper);color-scheme:dark}
body[data-page="creators"] .site-header{background:var(--ink);border-color:var(--line-dark)}
body[data-page="creators"] .brand-lockup img{filter:invert(92%) sepia(8%) saturate(347%) hue-rotate(345deg) brightness(100%)}
body[data-page="creators"] .site-nav a:hover,body[data-page="creators"] .site-nav a[aria-current=page]{border-color:var(--paper)}
body[data-page="creators"] .header-order{background:var(--paper);border-color:var(--paper);color:var(--ink)}
body[data-page="creators"] .nav-toggle{border-color:var(--line-dark);color:var(--paper)}
body[data-page="creators"] .page-hero,body[data-page="creators"] .archive-toolbar{border-color:var(--line-dark)}
body[data-page="creators"] .page-kicker,body[data-page="creators"] .creator-head,body[data-page="creators"] .creator-ident small,body[data-page="creators"] .creator-category{color:var(--blush)}
body[data-page="creators"] .filters input,body[data-page="creators"] .filters select{border-color:var(--paper);color:var(--paper);background:var(--ink)}
body[data-page="creators"] .creator-row{border-color:var(--line-dark)}
body[data-page="creators"] .creator-ident img{background:var(--mahogany)}
body[data-page="creators"] .select-button{border-color:var(--paper);color:var(--paper)}
body[data-page="creators"] .select-button:hover,body[data-page="creators"] .select-button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
body[data-page="creators"] .campaign-dock{background:var(--paper);border-color:var(--line);color:var(--ink)}
body[data-page="creators"] .campaign-dock strong{color:var(--mahogany)}
body[data-page="creators"] .campaign-dock button,body[data-page="creators"] .campaign-dock a{border-color:var(--mahogany);color:var(--mahogany)}
body[data-page="creators"] .site-footer{border-top:1px solid var(--line-dark)}
@media(max-width:900px){body[data-page="creators"] .site-nav{background:var(--ink);border-color:var(--line-dark)}
body[data-page="creators"] .site-nav a{border-color:var(--line-dark)}
}
body[data-page="creators"] .site-header,body[data-page="creators"] .page-hero{background:var(--paper);color:var(--ink);border-color:var(--line)}
body[data-page="creators"] .site-header .brand-lockup img{filter:none}
body[data-page="creators"] .site-header .header-order{background:var(--mahogany);border-color:var(--mahogany);color:var(--blush)}
body[data-page="creators"] .site-header .nav-toggle{border-color:var(--line);color:var(--ink)}
body[data-page="creators"] .page-hero .page-kicker{color:var(--copper)}
body[data-page="creators"] .page-hero .page-intro{color:var(--ink)}
@media(max-width:900px){body[data-page="creators"] .site-header .site-nav{background:var(--paper);color:var(--ink);border-color:var(--line)}
body[data-page="creators"] .site-header .site-nav a{border-color:var(--line)}
}
@media(max-width:640px){.header-order{min-width:8.1rem;padding-inline:.45rem;font-size:.57rem}
.case-slide--compact .stage-purpose{display:block}
.campaign-dock{grid-template-columns:1fr 1fr}
.campaign-dock p{grid-column:1/-1}
.campaign-dock a{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.68rem}
.campaign-dock button{font-size:.68rem}
}
/* Homepage conversion hierarchy and animated Ploom petals. */
.home-main>.home-index:first-child{grid-template-rows:auto minmax(0,1fr) auto auto;gap:1rem;padding-top:1.5rem;padding-bottom:1rem}
.home-main>.home-index:first-child>.home-index-copy{grid-column:2/9;grid-row:2;align-self:center}
.home-main>.home-index:first-child>.home-index-copy h2{font-size:clamp(4.25rem,6.6vw,7.5rem)}
.home-index-actions{margin-top:1.35rem}
.home-index-case-link{transition:color 180ms ease,border-color 180ms ease,transform 140ms cubic-bezier(.22,1,.36,1);touch-action:manipulation}
.home-index-case-link:active{transform:translateY(2px)}
.home-petals{position:relative;grid-column:9/13;grid-row:2;align-self:center;justify-self:center;width:min(100%,24.5rem);aspect-ratio:1;color:var(--mahogany)}
.home-petals svg{display:block;width:100%;height:100%;overflow:visible}
.home-petals-orbit{fill:none;stroke:currentColor;stroke-width:1.05;stroke-dasharray:2 7;opacity:.5}
.home-petals-spinner{fill:currentColor;opacity:.92;transform-box:fill-box;transform-origin:center;animation:home-petals-rotate 18s linear infinite;animation-delay:2s;animation-play-state:paused}
.home-petals.is-visible .home-petals-spinner{animation-play-state:running}
.home-petals-label,.home-petals-caption{position:absolute;z-index:1;font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.home-petals-label{top:2%;left:0}
.home-petals-caption{right:0;bottom:2%}
@keyframes home-petals-rotate{to{transform:rotate(360deg)}
}
.home-main>.home-index:first-child>.home-routes{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:1.35fr 1fr 1fr;max-width:none!important;align-self:stretch!important;gap:0;border:1px solid var(--mahogany)}
.home-route{position:relative;min-width:0;min-height:5.5rem!important;display:grid!important;grid-template-columns:2.25rem minmax(0,1fr) auto!important;grid-template-rows:1fr auto;align-items:center!important;gap:0 .75rem;padding:.85rem 1rem;border:0!important;border-right:1px solid var(--line)!important;background:transparent;transition:background-color 180ms ease,color 180ms ease,transform 140ms cubic-bezier(.22,1,.36,1);touch-action:manipulation}
.home-route:last-child{border-right:0!important}
.home-route-number{grid-column:1;grid-row:1/3;align-self:start;margin-top:.18rem;color:var(--copper);font-size:.62rem}
.home-route strong{grid-column:2;grid-row:1;align-self:end;font-size:.9rem;font-weight:600}
.home-route small{grid-column:2;grid-row:2;align-self:start;color:var(--copper);font-size:.66rem}
.home-route i{grid-column:3;grid-row:1/3;align-self:center;font-family:var(--sans);font-size:1.2rem;font-style:normal;font-weight:400}
.home-route--primary{background:var(--mahogany);color:var(--paper)}
.home-route--primary .home-route-number,.home-route--primary small{color:var(--blush)}
.home-route:active{transform:scale(.985)}
.home-main>.home-index:first-child>.home-proof{grid-row:4}
.home-proof>div{min-height:5.6rem}
@media(hover:hover) and (pointer:fine){.home-index-case-link:hover{color:var(--copper);border-color:var(--copper);transform:translateY(-2px)}
.home-route:not(.home-route--primary):hover{background:var(--blush)}
.home-route--primary:hover{background:var(--copper)}
.home-route:hover i{transform:translate(2px,-2px)}
.home-route i{transition:transform 140ms cubic-bezier(.22,1,.36,1)}
}
@media(max-width:900px){.home-main>.home-index:first-child{grid-template-rows:auto minmax(0,1fr) auto auto}
.home-main>.home-index:first-child>.home-index-copy{grid-column:1/8;grid-row:2}
.home-petals{grid-column:8/13;grid-row:2;width:min(100%,22rem)}
.home-main>.home-index:first-child>.home-routes{grid-column:1/-1;grid-row:3}
.home-main>.home-index:first-child>.home-proof{grid-row:4}
.home-route{padding-inline:.75rem}
.home-route strong{font-size:.78rem}
.home-route small{font-size:.6rem}
}
@media(max-width:640px){.home-main>.home-index:first-child{min-height:auto;grid-template-rows:auto auto auto auto auto;gap:1.1rem;padding-top:1.5rem}
.home-main>.home-index:first-child>.section-code,.home-main>.home-index:first-child>.home-index-copy,.home-petals,.home-main>.home-index:first-child>.home-routes,.home-main>.home-index:first-child>.home-proof{grid-column:1}
.home-main>.home-index:first-child>.section-code{grid-row:1}
.home-main>.home-index:first-child>.home-index-copy{grid-row:2}
.home-main>.home-index:first-child>.home-routes{grid-row:3}
.home-petals{grid-row:4}
.home-main>.home-index:first-child>.home-proof{grid-row:5}
.home-main>.home-index:first-child>.home-index-copy h2{font-size:clamp(2.7rem,12.5vw,3.75rem)}
.home-title-line{white-space:nowrap}
.home-petals{width:min(54vw,13rem);margin:-.25rem auto}
.home-petals-label,.home-petals-caption{font-size:.5rem}
.home-main>.home-index:first-child>.home-routes{grid-template-columns:1fr!important;border-bottom:0}
.home-route{min-height:4.9rem!important;border-right:0!important;border-bottom:1px solid var(--mahogany)!important;padding:.8rem 1rem}
.home-route--primary{min-height:5.6rem!important}
.home-route strong{font-size:.9rem}
.home-route small{font-size:.68rem}
.home-proof>div{min-height:5.25rem}
}
@media(prefers-reduced-motion:reduce){.home-petals-spinner{animation:none}
.home-index-case-link,.home-route,.home-route i{transition:none}
}
/* Selection owl */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.selection-owl[hidden]{display:none}
.selection-owl{position:fixed;right:0;bottom:6rem;z-index:12;width:7rem;height:7rem;pointer-events:none}
.selection-owl-figure{position:relative;width:100%;height:100%;opacity:0;transform:translateX(74%);will-change:transform,opacity}
.selection-owl-art{width:100%;height:100%}
.owl-sprite{display:block;width:100%;height:100%;background-image:var(--owl-sprite);background-repeat:no-repeat;background-position:0 0;background-size:800% 100%;filter:drop-shadow(0 6px 7px rgba(50,24,10,.2));image-rendering:auto}
.selection-owl.is-peeking .selection-owl-figure{animation:owl-peek-in 220ms cubic-bezier(.22,1,.36,1) forwards}
.selection-owl.is-peeking .owl-sprite{animation:owl-peek-frames 220ms steps(1,end) forwards}
.selection-owl.is-writing .owl-sprite{animation:owl-write-frames 600ms steps(1,end) forwards}
.selection-owl.is-looking .owl-sprite{animation:owl-look-at-user 360ms steps(1,end) forwards}
.selection-owl.is-retreating .selection-owl-figure{animation:owl-retreat 240ms cubic-bezier(.55,0,.78,0) forwards}
.selection-owl.is-retreating .owl-sprite{animation:owl-retreat-frames 240ms steps(1,end) forwards}
@keyframes owl-peek-in{from{opacity:0;transform:translateX(74%)}
to{opacity:1;transform:translateX(0)}
}
@keyframes owl-peek-frames{0%,48%{background-position:0 0}
49%,100%{background-position:14.285714% 0}
}
@keyframes owl-write-frames{0%,32%{background-position:28.571429% 0}
33%,65%{background-position:42.857143% 0}
66%,100%{background-position:57.142857% 0}
}
@keyframes owl-look-at-user{0%,30%{background-position:71.428571% 0}
31%,65%{background-position:85.714286% 0}
66%,100%{background-position:100% 0}
}
@keyframes owl-retreat-frames{0%,44%{background-position:14.285714% 0}
45%,100%{background-position:0 0}
}
@keyframes owl-retreat{0%{opacity:1;transform:translateX(0)}
84%{opacity:1;transform:translateX(68%)}
100%{opacity:0;transform:translateX(82%)}
}
@media(max-width:640px){.selection-owl{right:0;bottom:7.75rem;width:5.5rem;height:5.5rem}
}
@media(prefers-reduced-motion:reduce){.selection-owl-figure,.owl-sprite{animation:none!important}
.selection-owl.is-peeking .selection-owl-figure,.selection-owl.is-writing .selection-owl-figure,.selection-owl.is-looking .selection-owl-figure{opacity:1;transform:translateX(0)}
.selection-owl.is-writing .owl-sprite{background-position:28.571429% 0}
.selection-owl.is-looking .owl-sprite{background-position:100% 0}
.selection-owl.is-retreating .selection-owl-figure{opacity:0;transform:translateX(78%);transition:opacity 120ms linear,transform 120ms ease-in}
}
/* Mobile hero keeps the complete petal mark visible before the primary route. */
@media(max-width:640px){.home-main>.home-index:first-child>.home-petals{grid-row:3!important;width:min(44vw,10rem);margin:0 auto}
.home-main>.home-index:first-child>.home-routes{grid-row:4!important}
.home-main>.home-index:first-child>.home-proof{grid-row:5!important}
}
/* Mobile headline petals v26 */
@media(max-width:640px){.home-main>.home-index:first-child{grid-template-columns:minmax(0,1fr) minmax(76px,96px);grid-template-rows:auto auto auto auto auto auto;column-gap:.75rem;row-gap:1.1rem}
.home-main>.home-index:first-child>.section-code{grid-column:1/-1;grid-row:1}
.home-main>.home-index:first-child>.home-index-copy{display:contents}
.home-main>.home-index:first-child>.home-index-copy h2{grid-column:1;grid-row:2;align-self:center;font-size:clamp(2.5rem,11.4vw,3.3rem)}
.home-main>.home-index:first-child>.home-index-copy>p{grid-column:1/-1;grid-row:3;margin-top:.35rem}
.home-main>.home-index:first-child>.home-index-copy>.home-index-actions{grid-column:1/-1;grid-row:4;margin-top:0}
.home-main>.home-index:first-child>.home-petals{grid-column:2;grid-row:2!important;align-self:center;justify-self:end;width:clamp(76px,22vw,96px);margin:0}
.home-main>.home-index:first-child>.home-routes{grid-column:1/-1;grid-row:5!important}
.home-main>.home-index:first-child>.home-proof{grid-column:1/-1;grid-row:6!important}
.home-title-line{white-space:normal}
.home-petals-label{top:-9%;left:0;font-size:.39rem;white-space:nowrap}
.home-petals-caption{display:none}
}
@media(max-width:370px){.home-main>.home-index:first-child{grid-template-columns:minmax(0,1fr) 76px;column-gap:.5rem}
.home-main>.home-index:first-child>.home-petals{width:76px}
.home-petals-label{font-size:.36rem}
}

/* Electric-purple music stage v31 */
body{background:var(--ink);color:var(--paper)}
[data-site-header]{display:contents}
.site-header{position:sticky;top:.75rem;width:calc(100% - 1.5rem);height:4.5rem;margin:.75rem;grid-template-columns:1fr auto 1fr;padding:0 clamp(1rem,2.2vw,2rem);border:1px solid rgba(178,213,229,.28);border-radius:28px;background:rgba(23,21,31,.98);color:var(--paper);box-shadow:0 18px 42px rgba(0,0,0,.3),inset 0 1px rgba(247,247,250,.06),0 0 28px rgba(61,126,255,.1);z-index:30}
.brand-lockup img,.brand-lockup--footer img,body[data-page="creators"] .brand-lockup img,body[data-page="creators"] .site-header .brand-lockup img{filter:none}
.site-nav{padding:.3rem;border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:rgba(8,9,12,.38);gap:.15rem}
.site-nav a{padding:.65rem 1rem;border:0;border-radius:var(--radius-pill);font-weight:600}
.site-nav a:hover,.site-nav a[aria-current=page]{border-color:transparent;background:rgba(61,126,255,.2);color:var(--paper)}
.skip-link{border-radius:var(--radius-control);background:var(--accent);color:var(--paper)}
.header-order,.button-primary{border-color:var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--paper);box-shadow:0 12px 30px rgba(61,126,255,.22)}
.header-order:hover,.button-primary:hover{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--ink);transform:translateY(-2px)}
.nav-toggle{border-color:var(--line-dark);border-radius:var(--radius-pill);background:var(--surface);color:var(--paper)}
.header-order,.button-primary,.nav-toggle,.select-button,.campaign-dock button,.campaign-dock a,.cookie-notice button{transition:transform 180ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.header-order:active,.button-primary:active,.nav-toggle:active,.select-button:active,.campaign-dock button:active,.campaign-dock a:active,.cookie-notice button:active{transform:scale(.97)}

.home-main{overflow:hidden}
.home-index{border-color:var(--line-dark);background:var(--ink)}
.home-main>.home-index:first-child{position:relative;isolation:isolate;min-height:calc(100svh - 6rem);grid-template-rows:auto minmax(0,1fr) auto auto;padding:clamp(1.5rem,3vw,3rem) var(--pad) 1.25rem;background:radial-gradient(circle at 76% 32%,rgba(61,126,255,.2),transparent 34rem),radial-gradient(circle at 24% 62%,rgba(178,213,229,.1),transparent 30rem),var(--ink)}
.home-main>.home-index:first-child:before,.home-main>.home-index:first-child:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(178,213,229,.22);border-radius:50%;pointer-events:none}
.home-main>.home-index:first-child:before{width:21rem;aspect-ratio:1;left:-8rem;top:18%;animation:stage-orbit 14s ease-in-out infinite alternate}
.home-main>.home-index:first-child:after{width:12rem;aspect-ratio:1;right:8%;bottom:18%;animation:stage-orbit 11s ease-in-out -4s infinite alternate-reverse}
.home-main>.home-index:first-child>.section-code{grid-column:1/-1;text-align:center;color:var(--accent-soft)}
.home-main>.home-index:first-child>.home-index-copy{grid-column:2/11;grid-row:2;align-self:center;justify-self:center;text-align:center;z-index:2}
.home-main>.home-index:first-child>.home-index-copy h2{max-width:11ch;margin-inline:auto;font-family:var(--sans);font-size:clamp(4.75rem,8.2vw,7.5rem);font-weight:800;line-height:.82;letter-spacing:-.075em;text-align:center;color:var(--paper);text-wrap:balance}
.home-main>.home-index:first-child>.home-index-copy>p{max-width:46rem;margin:2rem auto 0;color:rgba(247,247,250,.72);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.55}
.home-index-actions{justify-content:center}
.home-index-case-link{min-height:3rem;padding:0 1.25rem;border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:rgba(247,247,250,.04)}
.home-petals{grid-column:9/13;grid-row:2;width:min(31vw,28rem);color:var(--accent);opacity:.72;z-index:1;filter:drop-shadow(0 0 28px rgba(61,126,255,.32));animation:petal-drift 7s cubic-bezier(.22,1,.36,1) infinite alternate}
.home-petals-orbit{stroke:var(--accent-soft);opacity:.72}
.home-petals-label,.home-petals-caption{color:var(--accent-soft)}
.home-main>.home-index:first-child>.home-routes{gap:.75rem;border:0;overflow:visible}
.home-route{border:1px solid var(--line-dark)!important;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 1px rgba(247,247,250,.04)}
.home-route:last-child{border-right:1px solid var(--line-dark)!important}
.home-route--primary{background:var(--accent);color:var(--paper);border-color:var(--accent)!important;box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 30px rgba(61,126,255,.18),inset 0 1px rgba(247,247,250,.12)}
.home-route--primary .home-route-number,.home-route--primary small{color:var(--paper)}
.home-route--primary small [data-stat]{color:inherit}
.home-proof{border:1px solid var(--line-dark);border-radius:var(--radius-card);background:rgba(23,21,31,.72);overflow:hidden}
.home-proof span{color:var(--accent-soft)}
.home-proof strong,.home-proof small{color:var(--paper)}
@media(hover:hover) and (pointer:fine){.home-route:not(.home-route--primary):hover{background:rgba(61,126,255,.14);transform:translateY(-3px)}
.home-route--primary:hover{background:var(--accent-soft);color:var(--ink);transform:translateY(-3px)}
}
@keyframes stage-orbit{to{transform:translate3d(2.5rem,-1.5rem,0) rotate(12deg)}}
@keyframes petal-drift{from{transform:translate3d(0,-.65rem,0) rotate(-2deg)}to{transform:translate3d(1.1rem,.8rem,0) rotate(3deg)}}

.case-stage{background:var(--ink)}
.case-slider-window{border:1px solid var(--line-dark);border-radius:var(--radius-section);box-shadow:0 24px 64px rgba(0,0,0,.34),0 0 36px rgba(61,126,255,.09);overflow:hidden}
.slider-index{color:var(--paper);border-color:var(--line-dark)}
.slider-index-list button i{background:var(--line-dark)}
.slider-index-list button i:after{background:var(--accent)}
.number-ledger{margin:1rem var(--pad) 3rem;padding:0;border:1px solid var(--line-dark);border-radius:var(--radius-section);background:var(--surface);overflow:hidden}
.number-ledger strong{color:var(--accent-soft)}

.page-main{padding:1rem var(--pad) 4rem;background:var(--ink)}
.page-hero{margin-bottom:1rem;border:1px solid var(--line-dark);border-radius:var(--radius-section);background:radial-gradient(circle at 82% 25%,rgba(61,126,255,.2),transparent 28rem),var(--surface);overflow:hidden}
.page-title,.editorial-copy h2,.case-detail-copy h1,.case-card-info h2,.legal-document h1,.legal-document h2{font-family:var(--sans);font-weight:700;letter-spacing:-.055em;color:var(--paper)}
.page-kicker,.section-code,.case-card-info>p,.facts-list span{color:var(--accent-soft)}
.page-intro,.editorial-copy>p{color:rgba(247,247,250,.72)}
.archive-toolbar{margin-bottom:1rem;border:1px solid var(--line-dark);border-radius:var(--radius-card);background:var(--surface)}
.filters input,.filters select{min-width:10rem;padding:0 .9rem;border:1px solid var(--line-dark);border-radius:var(--radius-control);background:var(--ink);color:var(--paper)}
.filters input::placeholder{color:rgba(247,247,250,.48)}
.case-archive{gap:1rem;border:0}
.case-card{border:1px solid var(--line-dark);border-radius:var(--radius-card);background:var(--surface);overflow:hidden;box-shadow:inset 0 1px rgba(247,247,250,.04)}
.case-card:nth-child(even){border-right:1px solid var(--line-dark)}
.case-card-art,.case-detail-art{background:var(--surface)}
.case-card-art span{color:var(--accent-soft)}
.metric-list div,.text-link{border-color:var(--line-dark)}
.case-detail{border:1px solid var(--line-dark);border-radius:var(--radius-section);background:var(--surface);overflow:hidden}

.creator-catalog{display:grid;gap:.75rem;padding-top:.5rem}
.creator-head{color:var(--accent-soft)}
.creator-row{min-height:6rem;padding:.8rem 1rem;border:1px solid var(--line-dark);border-radius:var(--radius-card);background:var(--surface)}
.creator-ident img{background:var(--ink)}
.select-button{border:1px solid var(--accent);border-radius:var(--radius-pill);background:transparent;color:var(--paper)}
.select-button:hover,.select-button[aria-pressed=true],body[data-page="creators"] .select-button:hover,body[data-page="creators"] .select-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--paper)}
.campaign-dock{margin:0 var(--pad) 1rem;border:1px solid rgba(178,213,229,.35);border-radius:var(--radius-card);background:rgba(23,21,31,.96);color:var(--paper);box-shadow:0 -14px 38px rgba(0,0,0,.28),0 0 28px rgba(61,126,255,.1)}
.campaign-dock strong{color:var(--accent-soft)}
.campaign-dock button,.campaign-dock a{border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--paper)}
.campaign-dock a{background:var(--accent)}
body[data-page="creators"],body[data-page="creators"] .site-header,body[data-page="creators"] .page-hero{background-color:var(--ink);color:var(--paper)}
body[data-page="creators"] .site-header{background:rgba(23,21,31,.94);border-color:rgba(178,213,229,.28)}
body[data-page="creators"] .page-hero{background:radial-gradient(circle at 82% 25%,rgba(61,126,255,.2),transparent 28rem),var(--surface);border-color:var(--line-dark)}
body[data-page="creators"] .page-hero .page-kicker,body[data-page="creators"] .page-kicker,body[data-page="creators"] .creator-head,body[data-page="creators"] .creator-ident small,body[data-page="creators"] .creator-category{color:var(--accent-soft)}
body[data-page="creators"] .page-hero .page-intro,body[data-page="creators"] .page-hero .page-title{color:var(--paper)}
body[data-page="creators"] .filters input,body[data-page="creators"] .filters select{border-color:var(--line-dark);background:var(--surface);color:var(--paper)}
body[data-page="creators"] .creator-row{border-color:var(--line-dark);background:var(--surface)}
body[data-page="creators"] .header-order{border-color:var(--accent);background:var(--accent);color:var(--paper)}

.editorial-section{margin:1rem var(--pad);border:1px solid var(--line-dark);border-radius:var(--radius-section);background:var(--surface);overflow:hidden}
.editorial-image{background:radial-gradient(circle at 50% 50%,rgba(61,126,255,.17),transparent 70%),var(--ink)}
.facts-list div{border-color:var(--line-dark)}
.contact-cta{border:1px solid rgba(178,213,229,.32);border-radius:var(--radius-card);background:radial-gradient(circle at 90% 10%,rgba(178,213,229,.2),transparent 24rem),var(--surface);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px rgba(247,247,250,.05)}
.contact-cta h2{font-family:var(--sans);font-weight:700;color:var(--paper)}

.legal-document{max-width:60rem;margin:1rem auto 4rem;padding:clamp(2rem,6vw,5rem);border:1px solid var(--line-dark);border-radius:var(--radius-section);background:var(--surface)}
.legal-document a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:.22rem}
.legal-note{border:1px solid rgba(178,213,229,.34);border-left:3px solid var(--accent);border-radius:var(--radius-card);background:rgba(61,126,255,.1)}
.site-footer{margin:1rem;border:1px solid var(--line-dark);border-radius:var(--radius-section);background:var(--surface);overflow:hidden}
.footer-brand p,.legal-nav,.footer-legal{color:rgba(247,247,250,.62)}
.cookie-notice{border-color:rgba(178,213,229,.42);border-radius:var(--radius-control);background:var(--surface);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.cookie-notice button{border-color:var(--accent);border-radius:var(--radius-pill);color:var(--paper)}
.cookie-notice button:last-child{background:var(--accent);color:var(--paper)}

.home-index,.case-stage,.page-hero,.archive-toolbar,.case-card,.editorial-section,.contact-cta,.legal-document{animation:section-enter .65s cubic-bezier(.22,1,.36,1) both}
@keyframes section-enter{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){.site-header{grid-template-columns:1fr auto}
.site-nav{top:calc(100% + .5rem);left:0;right:0;padding:.6rem;border:1px solid var(--line-dark);border-radius:var(--radius-control);background:var(--surface);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.site-nav a{border:0}
body[data-page="creators"] .site-header .site-nav{background:var(--surface);color:var(--paper);border-color:var(--line-dark)}
body[data-page="creators"] .site-header .nav-toggle{border-color:var(--line-dark);color:var(--paper)}
.case-card,.case-card:nth-child(even){border:1px solid var(--line-dark)}
}
@media(max-width:640px){.site-header{top:.5rem;width:calc(100% - 1rem);height:4.25rem;margin:.5rem;padding-inline:.75rem;border-radius:24px}
.brand-lockup{width:7.7rem}
.header-order{min-width:7.7rem;min-height:2.55rem;font-size:.52rem}
.home-main>.home-index:first-child{min-height:calc(100svh - 5.25rem);padding:1.25rem 1rem 1rem;background:radial-gradient(circle at 86% 28%,rgba(61,126,255,.2),transparent 14rem),var(--ink)}
.home-main>.home-index:first-child>.home-index-copy{grid-column:1;grid-row:2;text-align:left;justify-self:stretch}
.home-main>.home-index:first-child>.home-index-copy h2{max-width:none;margin:0;font-size:clamp(2.7rem,12vw,3.7rem);line-height:.88;letter-spacing:-.065em;text-align:left}
.home-main>.home-index:first-child>.home-index-copy>p{grid-column:1/-1;margin-top:1rem;font-size:.92rem;text-align:left}
.home-index-actions{justify-content:flex-start}
.home-main>.home-index:first-child>.home-petals{grid-column:2;grid-row:2!important;width:clamp(76px,22vw,96px);opacity:.9;filter:drop-shadow(0 0 16px rgba(61,126,255,.28))}
.home-main>.home-index:first-child>.home-routes{gap:.65rem;border:0}
.home-route,.home-route:last-child{border:1px solid var(--line-dark)!important;border-radius:var(--radius-card)}
.home-route--primary{min-height:5.75rem!important;order:-1;border-color:var(--accent)!important}
.home-proof{border-radius:var(--radius-card)}
.case-stage{padding:1rem}
.case-slider-window{border-radius:var(--radius-card)}
.number-ledger{margin:1rem;border-radius:var(--radius-card)}
.page-main{padding:1rem 1rem 3rem}
.page-hero{border-radius:var(--radius-card)}
.archive-toolbar{border-radius:var(--radius-card)}
.case-archive{gap:.75rem}
.creator-catalog{padding-inline:0}
.creator-row{padding:1rem;border-radius:var(--radius-card)}
.campaign-dock{margin:0 .75rem .75rem;padding:.75rem;border-radius:var(--radius-card)}
.editorial-section{margin:1rem;border-radius:var(--radius-card)}
.contact-cta{margin:1rem;border-radius:var(--radius-card)}
.legal-document{margin:1rem;padding:1.5rem;border-radius:var(--radius-card)}
.site-footer{margin:.75rem;border-radius:var(--radius-card)}
.cookie-notice{left:.75rem;right:.75rem;bottom:.75rem}
}
@media(prefers-reduced-motion:reduce){.home-main>.home-index:first-child:before,.home-main>.home-index:first-child:after,.home-petals,.home-index,.case-stage,.page-hero,.archive-toolbar,.case-card,.editorial-section,.contact-cta,.legal-document{animation:none!important}
}

/* Black and blue system v32 — structure retained from v31. */
:root{
  --ink:#020202;
  --surface:#0B0C0E;
  --paper:#F4F6FA;
  --accent:#3D7EFF;
  --accent-soft:#B2D5E5;
  --blush:var(--paper);
  --rose:var(--accent-soft);
  --copper:var(--accent);
  --mahogany:var(--surface);
  --line:rgba(244,246,250,.14);
  --line-dark:rgba(244,246,250,.22);
  --display:Arial,Helvetica,sans-serif;
  --sans:Arial,Helvetica,sans-serif;
  --focus:var(--accent-soft);
  color-scheme:dark;
}

html,body{background:var(--ink);color:var(--paper)}
body,h1,h2,h3,p,a,button,input,select,textarea{font-family:var(--sans)}

.site-header{
  background:rgba(2,2,2,.98);
  border-color:rgba(61,126,255,.32);
  box-shadow:none;
}
.site-nav{background:var(--surface);border-color:var(--line-dark)}
.site-nav a:hover,.site-nav a[aria-current=page]{background:rgba(61,126,255,.2);color:var(--paper)}
.header-order,.button-primary{border-color:var(--accent);background:var(--accent);color:var(--ink);box-shadow:none}
.header-order:hover,.button-primary:hover{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--ink);transform:none}
.nav-toggle{border-color:var(--accent);color:var(--accent-soft)}

.home-main>.home-index:first-child,
.page-hero,
body[data-page="creators"] .page-hero,
.contact-cta,
.editorial-image{
  background:var(--surface);
}
.home-main>.home-index:first-child:before,.home-main>.home-index:first-child:after{content:none}
.home-main>.home-index:first-child>.home-index-copy h2,
.page-title,.editorial-copy h2,.case-detail-copy h1,.case-card-info h2,.legal-document h1,.legal-document h2,.contact-cta h2{
  font-family:var(--sans);
  font-weight:700;
  color:var(--paper);
}
.home-petals{color:var(--accent);filter:none;animation:none}
.home-petals-orbit{stroke:var(--accent-soft)}
.home-petals-spinner{fill:none;opacity:1}
.home-petals-spinner .hero-petal-a{fill:url(#hero-petal-a)}
.home-petals-spinner .hero-petal-b{fill:url(#hero-petal-b)}
.home-petals-spinner .hero-petal-c{fill:url(#hero-petal-c)}
.home-petals-spinner .hero-petal-d{fill:url(#hero-petal-d)}
.home-route,.home-route--primary,.home-proof,.number-ledger,.case-slider-window,.page-hero,.archive-toolbar,.case-card,.case-detail,.editorial-section,.contact-cta,.legal-document,.site-footer,.cookie-notice{
  box-shadow:none;
}
.home-route--primary{background:var(--accent);color:var(--ink);border-color:var(--accent)!important}
.home-route--primary .home-route-number,.home-route--primary small{color:var(--ink)}
.home-route i,.number-ledger>a span,.text-link span{
  width:2.25rem;
  height:2.25rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(61,126,255,.18);
  color:var(--accent-soft);
  font-style:normal;
}
.home-route--primary i{background:var(--ink);color:var(--accent-soft)}

.case-slider-window,.case-card,.case-detail,.editorial-section{border-color:rgba(61,126,255,.26)}
.case-artwork,.case-card-art,.case-detail-art{background:var(--surface)}
.slider-controls button{
  width:3rem;
  height:3rem;
  align-self:center;
  justify-self:center;
  border:1px solid rgba(61,126,255,.65);
  border-radius:50%;
  color:var(--accent-soft);
}
.slider-controls button:last-child{border:1px solid rgba(61,126,255,.65)}

.filters input,.filters select{
  border:1px solid var(--line-dark);
  border-radius:var(--radius-pill);
  background:var(--surface);
  color:var(--paper);
}

body[data-page="creators"] .creator-catalog{padding-top:1rem}
body[data-page="creators"] .creator-head{display:none}
body[data-page="creators"] #creator-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
body[data-page="creators"] .creator-row{
  position:relative;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.55rem;
  padding:.75rem;
  border:1px solid rgba(61,126,255,.25);
  border-radius:30px;
  background:var(--surface);
}
body[data-page="creators"] .creator-ident{display:block}
body[data-page="creators"] .creator-photo{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  border-radius:24px;
  background:var(--ink);
}
body[data-page="creators"] .creator-ident img{
  height:auto;
  object-fit:cover;
}
body[data-page="creators"] .creator-photo--empty{
  background:#090A0D;
  box-shadow:inset 0 0 0 1px rgba(178,213,229,.12);
}
body[data-page="creators"] .creator-ident>div{padding:.75rem .25rem .15rem}
body[data-page="creators"] .creator-ident strong{font-size:1rem}
body[data-page="creators"] .creator-ident small,body[data-page="creators"] .creator-category{display:none}
body[data-page="creators"] .creator-followers{color:var(--accent-soft)}
body[data-page="creators"] .creator-price{
  min-height:3rem;
  display:flex;
  align-items:center;
  padding-right:3.75rem;
  color:var(--paper);
  font-weight:800;
}
body[data-page="creators"] .select-button{
  position:absolute;
  right:.75rem;
  bottom:.75rem;
  width:3rem;
  height:3rem;
  min-height:0;
  margin:0;
  padding:0;
  border-radius:50%;
  border-color:var(--accent);
  background:var(--accent);
  color:var(--ink);
  font-size:1.65rem;
  font-weight:500;
  line-height:1;
}
body[data-page="creators"] .select-button:hover{background:var(--accent-soft);color:var(--ink)}
body[data-page="creators"] .select-button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.campaign-dock{background:rgba(11,12,14,.98);border-color:rgba(61,126,255,.35);box-shadow:none}
.campaign-dock button,.campaign-dock a{border-radius:var(--radius-pill);border-color:var(--accent)}

.site-footer{background:var(--surface);border-color:rgba(61,126,255,.22)}
.legal-note{background:rgba(61,126,255,.1);border-color:rgba(61,126,255,.4)}
.cookie-notice{background:var(--surface);border-color:rgba(61,126,255,.45);box-shadow:none}
.cookie-notice button:last-child{background:var(--accent);color:var(--ink)}

.home-index,.case-stage,.page-hero,.archive-toolbar,.case-card,.editorial-section,.contact-cta,.legal-document{animation:none}

@media(max-width:1100px){body[data-page="creators"] #creator-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body[data-page="creators"] #creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){body[data-page="creators"] #creator-list{grid-template-columns:1fr}}

/* Catalogue and responsive refinements v34. */
.header-blogger-contact{
  min-height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1rem;
  border:1px solid rgba(178,213,229,.42);
  border-radius:var(--radius-pill);
  color:var(--accent-soft);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:transparent;
  cursor:pointer;
}
.header-blogger-contact:hover{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--ink)}
.nav-blogger-contact{display:none;border:0;background:transparent;font:inherit;cursor:pointer}

.blogger-dialog{
  width:min(60rem,calc(100% - 2rem));
  max-height:calc(100dvh - 2rem);
  padding:0;
  border:1px solid rgba(61,126,255,.5);
  border-radius:28px;
  background:#020202;
  color:var(--paper);
}
.blogger-dialog::backdrop{background:rgba(0,0,0,.78)}
.blogger-dialog-panel{position:relative;padding:clamp(1.5rem,4vw,3.25rem)}
.blogger-dialog-close{
  position:absolute;
  top:1rem;
  right:1rem;
  width:2.75rem;
  height:2.75rem;
  border:1px solid var(--line-dark);
  border-radius:50%;
  background:var(--surface);
  color:var(--paper);
  font-size:1.45rem;
  cursor:pointer;
}
.blogger-dialog-kicker{margin:0 0 .8rem;color:var(--accent-soft);font-size:.65rem;font-weight:700;letter-spacing:.12em}
.blogger-dialog h2{max-width:13ch;margin:0;font-size:clamp(2.5rem,5vw,4.75rem);line-height:.95;letter-spacing:-.05em}
.blogger-dialog-intro{max-width:42rem;margin:1rem 0 2rem;color:rgba(244,246,250,.7)}
.blogger-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.blogger-form label{display:grid;gap:.4rem;color:var(--accent-soft);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.blogger-form input{
  width:100%;
  min-height:3rem;
  padding:0 .9rem;
  border:1px solid var(--line-dark);
  border-radius:14px;
  background:var(--surface);
  color:var(--paper);
}
.blogger-form input::placeholder{color:rgba(244,246,250,.35)}
.blogger-form-wide,.blogger-form-consent{grid-column:1/-1}
.blogger-form-consent{grid-template-columns:auto 1fr!important;align-items:start;color:rgba(244,246,250,.7)!important;font-weight:400!important;line-height:1.45;text-transform:none!important}
.blogger-form-consent input{width:1.15rem;min-height:1.15rem;margin:.15rem 0 0;padding:0;accent-color:var(--accent)}
.blogger-form-consent a{text-decoration:underline;text-underline-offset:.15rem}
.blogger-form-submit{
  min-height:3.25rem;
  margin-top:1.25rem;
  padding:0 1.35rem;
  border:1px solid var(--accent);
  border-radius:var(--radius-pill);
  background:var(--accent);
  color:var(--ink);
  font-weight:800;
  cursor:pointer;
}

.home-proof>div:first-child{padding-left:1.2rem}
.number-ledger>a{padding-inline:1.4rem}

.back-link{
  width:max-content;
  min-height:3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  padding:0 1.3rem;
  border:1px solid var(--accent);
  border-radius:var(--radius-pill);
  color:var(--paper);
  font-weight:700;
}
.back-link:hover{background:var(--accent);color:var(--ink)}
.page-back-link{margin:0 0 2rem}

.campaign-dock{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  background:#020202;
  border-color:rgba(61,126,255,.5);
}
.campaign-dock button,
.campaign-dock a{
  min-height:3.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-inline:1.5rem;
  border:1px solid var(--accent);
  border-radius:var(--radius-pill);
  font-size:.95rem;
  font-weight:600;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  text-transform:none;
  white-space:nowrap;
  box-shadow:none;
  transform:none;
}
.campaign-dock button:hover,
.campaign-dock a:hover{box-shadow:none;transform:none}
body[data-page="creators"] .campaign-dock{
  background:#020202;
  border-color:rgba(61,126,255,.5);
  color:var(--paper);
}
body[data-page="creators"] .campaign-dock strong{color:var(--accent-soft)}
body[data-page="creators"] .campaign-dock p strong{display:inline-block;white-space:nowrap}
body[data-page="creators"] .campaign-dock button{
  grid-column:3;
  width:clamp(12.25rem,15vw,15rem);
  justify-self:end;
  border-color:var(--accent);
  background:var(--accent);
  color:var(--ink);
}
body[data-page="creators"] .campaign-dock a{
  position:static;
  grid-column:2;
  width:clamp(13rem,18vw,18rem);
  justify-self:center;
  border-color:var(--accent);
  background:#020202;
  color:var(--accent-soft);
  font-size:.78rem;
  transform:none;
}
.campaign-dock p{grid-column:1;justify-self:start}
.campaign-dock a{justify-self:center;background:transparent;color:var(--accent-soft)}
.campaign-dock button{grid-column:3;justify-self:end;background:var(--accent);color:var(--ink)}

@media(max-width:1100px){
  .header-blogger-contact{padding-inline:.75rem;font-size:.62rem}
}

@media(max-width:900px){
  .header-blogger-contact{display:inline-flex}
  .site-nav .nav-blogger-contact{display:none}
}

@media(max-width:640px){
  .site-header{height:auto;min-height:7rem;grid-template-columns:1fr auto;grid-template-rows:3rem 2.75rem;gap:.35rem .5rem;padding:.55rem .75rem}
  .site-header>.brand-lockup{grid-column:1;grid-row:1;width:7.25rem}
  .header-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.5rem;width:100%;justify-self:stretch}
  .header-blogger-contact{min-height:2.55rem;padding-inline:.75rem;font-size:.62rem}
  .header-order{min-width:0;min-height:2.55rem;padding-inline:.65rem;font-size:.6rem}
  .nav-toggle{width:auto;min-width:3.7rem;min-height:2.55rem;padding-inline:.7rem;font-size:.68rem}
  .nav-toggle:before{content:none}
  .page-main{padding:0 .75rem 2rem}
  .page-hero{
    margin-top:.75rem;
    padding:2rem 1.1rem;
    border-radius:22px;
  }
  .page-title{font-size:clamp(2.35rem,11vw,3.1rem);line-height:.95}
  .page-intro{margin-top:1.25rem;font-size:.92rem;line-height:1.55}
  .archive-toolbar{
    display:block;
    padding:1rem;
    border-radius:20px;
  }
  .archive-toolbar>p{margin-bottom:1rem}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}
  .filters label:first-child{grid-column:1/-1}
  .filters input,.filters select{width:100%;min-width:0}

  body[data-page="creators"] .creator-catalog{padding:0 0 9rem}
  body[data-page="creators"] #creator-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  body[data-page="creators"] .creator-row{gap:.35rem;padding:.5rem;border-radius:20px}
  body[data-page="creators"] .creator-photo{border-radius:16px}
  body[data-page="creators"] .creator-ident>div{padding:.6rem .15rem .1rem}
  body[data-page="creators"] .creator-ident strong{font-size:.84rem}
  body[data-page="creators"] .creator-followers{font-size:.68rem}
  body[data-page="creators"] .creator-price{min-height:2.65rem;padding-right:3rem;font-size:.74rem;line-height:1.2}
  body[data-page="creators"] .select-button{right:.5rem;bottom:.5rem;width:2.65rem;height:2.65rem;font-size:1.4rem}

  .campaign-dock{
    grid-template-columns:1fr;
    gap:.4rem .75rem;
    margin:0 .5rem .5rem;
    padding:.4rem .7rem;
    border-radius:20px;
  }
  .campaign-dock p{grid-column:1;grid-row:1;font-size:.7rem}
  .campaign-dock button{grid-column:1;grid-row:2;width:100%;min-height:3rem;padding-inline:1rem;font-size:.8125rem}
  .campaign-dock a{grid-column:1;grid-row:3;width:100%;min-height:3rem;padding-inline:1rem;font-size:.8125rem}
  body[data-page="creators"] .campaign-dock button{grid-column:1;grid-row:2;width:100%;min-width:0}
  body[data-page="creators"] .campaign-dock a{position:static;grid-column:1;grid-row:3;width:100%;min-width:0;justify-self:stretch;font-size:.7rem;transform:none}

  .home-proof>div:first-child{padding-left:.65rem}
  .number-ledger>a{padding-inline:1rem}
  .case-archive{gap:.75rem}
  .case-card,.case-card:nth-child(even){border-radius:22px;overflow:hidden}
  .case-card-art{min-height:18rem;padding:1.25rem}
  .case-card-info{padding:1.2rem}
  .case-card-info h2{margin: .7rem 0 1.4rem;font-size:2.15rem}
  .case-detail{grid-template-columns:1fr;min-height:0;border-radius:22px}
  .case-detail-art{min-height:19rem;padding:1.25rem}
  .case-detail-copy{padding:1.4rem}
  .case-detail-copy h1{margin:.75rem 0 1.5rem;font-size:clamp(2.5rem,12vw,3.5rem)}
  .back-link{margin-top:1.25rem}
  .site-footer{padding:2rem 1.25rem;gap:1.5rem}
  .blogger-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);border-radius:22px}
  .blogger-dialog-panel{padding:1.25rem;padding-top:3.75rem}
  .blogger-dialog h2{font-size:2.5rem}
  .blogger-dialog-intro{margin-bottom:1.35rem;font-size:.9rem}
  .blogger-form-grid{grid-template-columns:1fr;gap:.8rem}
  .blogger-form-wide,.blogger-form-consent{grid-column:1}
  .blogger-form input{min-height:2.85rem}
  .blogger-form-submit{width:100%}
}

@media(max-width:340px){
  body[data-page="creators"] #creator-list{grid-template-columns:1fr}
}

/* Genuine mobile composition v40. Desktop rules above remain unchanged. */
@media(max-width:640px){
  .site-header{
    height:4rem;
    min-height:4rem;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr;
    gap:.75rem;
    padding:.5rem .75rem;
  }
  .site-header>.brand-lockup{
    grid-column:1;
    grid-row:1;
    width:7.15rem;
    align-self:center;
  }
  .header-actions{
    grid-column:2;
    grid-row:1;
    display:flex;
    width:auto;
    justify-self:end;
    align-items:center;
  }
  .header-blogger-contact,
  .header-order{display:none}
  .nav-toggle{
    display:inline-flex;
    min-width:4.5rem;
    height:2.75rem;
    padding:0 1rem;
    align-items:center;
    justify-content:center;
    line-height:1;
  }
  .site-nav{
    top:calc(100% + .5rem);
    left:0;
    right:0;
    padding:.5rem;
  }
  .site-nav a,
  .site-nav .nav-blogger-contact{
    width:100%;
    min-height:3rem;
    align-items:center;
    justify-content:flex-start;
    padding:.75rem 1rem;
    border:0;
    border-radius:14px;
    color:var(--paper);
    text-align:left;
  }
  .site-nav .nav-blogger-contact{
    display:flex;
    font-weight:700;
  }

  .nav-toggle,
  .header-blogger-contact,
  .header-order,
  .button-primary,
  .back-link,
  .blogger-form-submit,
  .cookie-notice button{
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding-block:0;
    line-height:1.15;
    text-align:center;
  }

  body[data-page="creators"] .page-main{
    padding:0 .75rem 2rem;
  }
  body[data-page="creators"] .page-hero{
    display:block;
    margin:0;
    padding:2rem .25rem 1.65rem;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }
  body[data-page="creators"] .page-kicker{
    margin:0 0 .75rem;
    font-size:.62rem;
  }
  body[data-page="creators"] .page-title{
    max-width:9ch;
    font-size:clamp(2.65rem,13vw,3.35rem);
    line-height:.9;
    letter-spacing:-.065em;
  }
  body[data-page="creators"] .page-intro{
    max-width:34rem;
    margin-top:1.1rem;
    font-size:.88rem;
    line-height:1.5;
  }
  body[data-page="creators"] .archive-toolbar{
    display:block;
    margin:0 0 .75rem;
    padding:1rem 0;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
  }
  body[data-page="creators"] .archive-toolbar>p{
    margin:0 0 .85rem;
    font-size:.72rem;
  }
  body[data-page="creators"] .filters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.65rem;
    width:100%;
  }
  body[data-page="creators"] .filters label{
    min-width:0;
    gap:.3rem;
    font-size:.57rem;
  }
  body[data-page="creators"] .filters label:first-child,
  body[data-page="creators"] .filters label:last-child{grid-column:1/-1}
  body[data-page="creators"] .filters input,
  body[data-page="creators"] .filters select{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:0 .75rem;
    border-radius:14px;
    font-size:.72rem;
  }

  body[data-page="creators"] .creator-catalog{padding:0 0 10.75rem}
  body[data-page="creators"] #creator-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  body[data-page="creators"] .creator-row{
    min-width:0;
    gap:.3rem;
    padding:.42rem;
    border-radius:18px;
  }
  body[data-page="creators"] .creator-photo{
    aspect-ratio:4/5;
    border-radius:14px;
  }
  body[data-page="creators"] .creator-ident>div{min-width:0;padding:.5rem .12rem .05rem}
  body[data-page="creators"] .creator-ident strong{
    display:block;
    overflow:hidden;
    font-size:.78rem;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body[data-page="creators"] .creator-followers{
    min-height:2.25em;
    padding-inline:.12rem;
    font-size:.62rem;
    line-height:1.25;
  }
  body[data-page="creators"] .creator-price{
    min-height:2.75rem;
    padding:0 2.75rem 0 .12rem;
    font-size:.68rem;
    line-height:1.2;
  }
  body[data-page="creators"] .select-button{
    right:.42rem;
    bottom:.42rem;
    width:44px;
    height:44px;
    min-height:44px;
    font-size:1.35rem;
  }

  .campaign-dock{
    grid-template-columns:1fr;
    gap:.45rem;
    margin:0 .5rem .5rem;
    padding:.55rem .7rem .7rem;
    border-radius:20px;
  }
  .campaign-dock p{
    grid-column:1;
    grid-row:1;
    width:100%;
    justify-self:stretch;
    font-size:.7rem;
  }
  .campaign-dock button{
    grid-column:1;
    grid-row:2;
    width:100%;
    height:3rem;
    min-height:3rem;
    padding:0 1rem;
    justify-self:stretch;
    font-size:.8125rem;
  }
  .campaign-dock a{
    grid-column:1;
    grid-row:3;
    width:100%;
    height:3rem;
    min-height:3rem;
    padding:0 1rem;
    justify-self:stretch;
    font-size:.8125rem;
  }
  body[data-page="creators"] .campaign-dock button{grid-column:1;grid-row:2;width:100%;min-width:0}
  body[data-page="creators"] .campaign-dock a{position:static;grid-column:1;grid-row:3;width:100%;min-width:0;justify-self:stretch;transform:none}
  .selection-owl{bottom:9.75rem}

  .blogger-dialog-close{
    min-width:44px;
    min-height:44px;
  }
  .blogger-form-submit,
  .contact-cta .button-primary,
  .page-back-link{width:100%}
  .contact-cta .button-primary{
    width:auto;
    justify-self:stretch;
  }
  .cookie-notice>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cookie-notice button{width:100%}
}

@media(max-width:340px){
  body[data-page="creators"] #creator-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  body[data-page="creators"] .creator-row{padding:.35rem;border-radius:16px}
  body[data-page="creators"] .creator-photo{border-radius:12px}
  body[data-page="creators"] .creator-ident strong{font-size:.72rem}
  body[data-page="creators"] .creator-followers{font-size:.57rem}
  body[data-page="creators"] .creator-price{padding-right:2.55rem;font-size:.61rem}
  body[data-page="creators"] .select-button{right:.35rem;bottom:.35rem}
}

/* 404 page */
body[data-page="not-found"]{min-height:100svh;background:var(--ink);color:var(--paper)}
body[data-page="not-found"] .site-header{background:rgba(23,21,31,.98);border-color:rgba(178,213,229,.28)}
.error-page{min-height:calc(100svh - 6.375rem);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center;gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,9vw,8rem) var(--pad);overflow:hidden}
.error-page-copy{position:relative;z-index:1;align-self:center}
.error-page-code{margin:0 0 1.25rem;color:var(--accent-soft);font-size:.72rem;font-weight:700;letter-spacing:.14em}
.error-page h1{max-width:9ch;margin:0;font-size:clamp(4.6rem,8vw,9.25rem);font-weight:600;line-height:.86;letter-spacing:-.075em;text-wrap:balance}
.error-page-intro{max-width:38ch;margin:2rem 0 0;color:var(--accent-soft);font-size:1rem;line-height:1.6;text-wrap:pretty}
.error-page-actions{display:flex;align-items:center;gap:.75rem;margin-top:2.25rem}
.error-page-actions a{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0 1.35rem;border:1px solid var(--accent);border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease}
.error-page-actions a:active{transform:scale(.97)}
.error-page-primary{background:var(--accent);color:var(--ink)}
.error-page-primary:hover{border-color:var(--accent-soft);background:var(--accent-soft)}
.error-page-secondary{background:transparent;color:var(--accent-soft)}
.error-page-secondary:hover{background:var(--surface);color:var(--paper)}
.error-page-mark{position:relative;justify-self:end;width:min(36vw,30rem);aspect-ratio:1}
.error-page-mark>span{position:absolute;right:-.06em;bottom:-.17em;color:rgba(178,213,229,.12);font-size:clamp(9rem,20vw,20rem);font-weight:600;line-height:1;letter-spacing:-.09em}
.error-page-mark svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}
.error-page-mark-spinner{transform-box:fill-box;transform-origin:center;animation:error-page-spin 18s linear infinite}
@keyframes error-page-spin{to{transform:rotate(360deg)}}

@media(max-width:640px){
  .error-page{min-height:calc(100svh - 5rem);grid-template-columns:1fr;align-content:start;gap:2.5rem;padding:3.5rem 1rem 3rem}
  .error-page h1{max-width:8ch;font-size:clamp(3.8rem,18vw,5.2rem)}
  .error-page-intro{margin-top:1.5rem;font-size:1rem}
  .error-page-actions{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:2rem}
  .error-page-actions a{width:100%;min-height:3.25rem}
  .error-page-mark{justify-self:center;width:min(74vw,17rem)}
  .error-page-mark>span{font-size:clamp(8rem,48vw,11rem)}
}

@media(prefers-reduced-motion:reduce){
  .error-page-mark-spinner{animation:none}
  .error-page-actions a{transition:none}
}

/* Platform-independent arrows: identical on desktop and mobile. */
.home-route i,
.number-ledger>a span,
.text-link span{
  position:relative;
  font-size:0;
}

.home-route i::before,
.number-ledger>a span::before,
.text-link span::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:.72rem;
  height:.72rem;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:translate(-38%,-62%);
}

.home-route i::after,
.number-ledger>a span::after,
.text-link span::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:.9rem;
  height:1.5px;
  background:currentColor;
  transform:translate(-54%,-50%) rotate(-45deg);
  transform-origin:center;
}

.slider-arrow span{
  position:relative;
  display:block;
  width:1.05rem;
  height:1.5px;
  margin:auto;
  background:currentColor;
  font-size:0;
}

.slider-arrow span::after{
  content:"";
  position:absolute;
  top:50%;
  width:.5rem;
  height:.5rem;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
}

.slider-arrow--next span::after{
  right:0;
  transform:translateY(-50%) rotate(45deg);
}

.slider-arrow--previous span::after{
  left:0;
  transform:translateY(-50%) rotate(-135deg);
}