/* V36: artwork has a stage; the central message stays still and readable. */
:root{--audience-dark:#191918;--audience-light:#f6f1e7;--audience-line:#d7d0c4}
.hero-v36.central-hero{height:auto;min-height:0;max-height:none;padding:48px 24px 0;justify-content:flex-start;background:radial-gradient(ellipse at 50% 90%,#ded8cd88,transparent 65%),var(--paper)}
.hero-v36 .hero-center{max-width:1120px}
.hero-v36 .hero-center .eyebrow{font-size:12px;margin-bottom:24px}
.hero-v36 .hero-center h1{font-size:40px;line-height:1.1;font-weight:550;letter-spacing:-.05em;margin-bottom:24px}
.hero-v36 .hero-center h1 em{font-weight:400}
.hero-v36 .center-intro{font-size:16px;line-height:1.6;max-width:57ch;margin-bottom:24px}
.hero-v36 .hero-actions{margin:0;gap:16px}
.hero-v36 .hero-qualifier{max-width:none;margin:24px 0 0;font-size:12px;line-height:1.6}
.hero-qualifier a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:8px;row-gap:0}
.hero-qualifier b{font-weight:550;color:var(--ink)}
.hero-qualifier a:hover{color:var(--red-text)}
.hero-v36 .motion-background{position:relative;inset:auto;width:calc(100% + 48px);height:248px;flex:none;overflow:hidden;margin-top:24px;perspective:1200px}
.hero-v36 .world{width:624px;max-width:none;left:50%;right:auto;inset-block:0;transform:translateX(-50%);perspective:1200px}
.hero-v36 .flight{animation-duration:2s;animation-name:hero-float-v36;animation-timing-function:ease-in-out;animation-delay:var(--delay);filter:drop-shadow(0 16px 16px #332a2224);transform:translateY(0) rotate(var(--tilt));top:auto;bottom:auto;right:auto;opacity:1;z-index:0;display:block}
.hero-v36 .flight-a{--tilt:-8deg;--delay:-.4s;left:168px;top:24px;width:152px;height:200px;z-index:10}
.hero-v36 .flight-b{--tilt:7deg;--delay:-1.2s;left:304px;top:40px;width:256px;height:168px}
.hero-v36 .flight-c{--tilt:-12deg;--delay:-1.6s;left:8px;top:72px;width:192px;height:128px}
.hero-v36 .flight-d{--tilt:12deg;--delay:-.8s;left:496px;top:56px;width:192px;height:128px}
.hero-v36 .motion-card{width:100%;height:100%;border-radius:8px;border:1px solid #8a817a40;box-shadow:0 8px 0 #bcb4a4;transform:none}
.hero-v36 .hero-proof-card{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:#191918;color:#f6f1e7;box-shadow:none;border:0}
.hero-v36 .hero-proof-card img{width:88px;height:32px;object-fit:contain;object-position:left;filter:none}
.hero-v36 .hero-proof-card strong{font-size:48px;line-height:1;font-weight:650;color:#ff617c;letter-spacing:-.04em}
.hero-v36 .hero-proof-card p{font-size:12px;line-height:1.5;margin:8px 0 0}
.hero-v36 .hero-proof-card small{font-size:8px;line-height:1.5;color:#ddd6ca}
.hero-v36 .hero-site-preview{width:100%;height:100%;overflow:hidden;border:8px solid #fffdf7;border-radius:8px;background:#fffdf7}
.hero-v36 .hero-site-preview img{width:100%;height:auto;animation-duration:6s;object-fit:contain}
.hero-work{height:100%;background:#fffaf0;border:8px solid #fffaf0;border-radius:8px;overflow:hidden;box-shadow:0 8px 0 #bcb4a4}
.hero-work>img{width:100%;height:100%;object-fit:contain}
.hero-work>span{display:none}
.hero-v36 .hero-floor{position:relative;inset:auto;width:100%;margin:0;padding:16px 0;gap:16px;font-size:12px}
.hero-v36 .motion-toggle{font-size:12px}
.hero-v36.paused .hero-site-preview img,.hero-v36.offscreen .hero-site-preview img{animation-play-state:paused}
@keyframes hero-float-v36{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}50%{transform:translate3d(0,-16px,0) rotate(calc(var(--tilt) + 2deg))}}

/* Editorial proof: one primary outcome, clearly separated time windows. */
.marka-feature{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#f01e4110,transparent 60%),#191918;color:#f8f5ed;border:1px solid #47403b;border-radius:16px;display:grid;gap:32px;padding:32px 24px;margin-bottom:24px;scroll-margin-top:96px}
.marka-feature .eyebrow{color:#d4c9bd;font-size:12px;line-height:1.5}
.marka-wordmark{width:200px;height:72px;object-fit:contain;object-position:left;margin-bottom:24px}
.marka-feature h2{font-size:32px!important;line-height:1.2;margin:0 0 24px;letter-spacing:-.04em}
.marka-story>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#d7cfc4;max-width:42ch}
.marka-link{display:flex;width:fit-content;gap:32px;align-items:center;padding:16px 0;margin-top:24px;border-bottom:1px solid #d7cfc466;font-size:16px}
.marka-link:hover{color:#ff718a;border-color:#ff718a}.marka-link:active{transform:scale(.97)}
.marka-evidence{border-top:1px solid #f8f5ed33;padding-top:32px}
.marka-main-number strong{display:block;font-size:96px;font-weight:650;line-height:1;letter-spacing:-.065em;color:#ff617c}
.marka-main-number>span{display:block;font-size:24px;line-height:1.4;margin-top:16px}.marka-main-number b{font-weight:600}
.marka-next-number{display:flex;align-items:center;gap:24px;border-top:1px solid #f8f5ed33;padding-top:24px;margin-top:32px}
.marka-next-number strong{font-size:48px;line-height:1;letter-spacing:-.04em}.marka-next-number span{font-size:16px;line-height:1.6}
.marka-evidence>p{font-size:12px!important;line-height:1.6!important;color:#beb8af;margin:24px 0 0}

/* Approved audience mockups, with independent palettes and larger typography. */
.audience-cards{gap:24px;align-items:start}
.audience-card{border:1px solid var(--audience-line);overflow:hidden;box-shadow:none;transition:transform .2s,border-color .2s}
.audience-card-copy{padding:32px 24px!important}
.audience-card .audience-index{font-size:12px;line-height:1.5;letter-spacing:.05em;display:block;margin-bottom:24px}
.audience-card h3{font-size:32px!important;font-weight:550;line-height:1.15!important;letter-spacing:-.035em;max-width:19ch;margin:0 0 24px!important}
.audience-card .audience-card-copy>p{font-size:18px;line-height:1.6;max-width:40ch;margin:0}
.audience-deliverables{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:0}
.audience-deliverables li{padding:16px 0;border-top:1px solid #8885;font-size:14px;line-height:1.5;display:flex;gap:16px;align-items:center}
.audience-deliverables li:before{content:'↗';color:var(--red-text);font-size:18px}
.audience-card .audience-features{display:none}
.audience-franchise{background:radial-gradient(ellipse at 95% 65%,#51453a66,transparent 65%),var(--audience-dark);color:#f8f5ed;border-color:#4b4841}
.audience-franchise .audience-index{color:#ff718a}
.audience-franchise .audience-card-copy>p{color:#ddd6cc}
.audience-franchise .audience-deliverables li{color:#f1e9de;border-color:#f1e9de33}
.audience-franchise .audience-deliverables li:before{color:#ff718a}
.audience-franchise .audience-card-art{background:radial-gradient(ellipse at center,#8c817766,transparent 70%)}
.audience-local{background:linear-gradient(140deg,#fcf9f1,#e9e2d5);color:#191918}
.audience-local .audience-index{color:#b4102d}
.audience-local .audience-card-copy>p{color:#51483e}
.audience-card .audience-card-action{padding:24px!important;min-height:88px;border-top:1px solid #8885;background:transparent!important;color:inherit}
.audience-card .audience-card-action>span{font-size:16px;line-height:1.5;font-weight:550}
.audience-card .audience-card-action>b{width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;flex-shrink:0;background:var(--red-text);color:#fff;font-size:24px}
.audience-card:hover{transform:translateY(-8px);border-color:var(--red)}
.audience-card:active{transform:scale(.99)}.audience-card:focus-visible{outline:2px solid var(--red);outline-offset:8px}
.audience-card[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}
.audience-card-art .audience-visual-label{left:24px;bottom:16px;font-size:12px;padding:8px 16px;z-index:10}
@media(min-width:768px){
 .hero-v36.central-hero{padding:64px 40px 0}
 .hero-v36 .hero-center h1{font-size:64px}
 .hero-v36 .center-intro{font-size:18px}
 .hero-v36 .hero-qualifier{font-size:14px}
 .hero-v36 .motion-background{height:320px;width:calc(100% + 80px);margin-top:32px}
 .hero-v36 .world{width:1120px}
 .hero-v36 .flight-a{left:256px;top:32px;width:208px;height:256px}
 .hero-v36 .flight-b{left:472px;top:40px;width:384px;height:232px}
 .hero-v36 .flight-c{left:8px;top:72px;width:280px;height:184px}
 .hero-v36 .flight-d{left:848px;top:48px;width:280px;height:184px}
 .hero-v36 .hero-proof-card{padding:24px}.hero-v36 .hero-proof-card img{width:112px;height:40px}.hero-v36 .hero-proof-card strong{font-size:64px}.hero-v36 .hero-proof-card p{font-size:14px}.hero-v36 .hero-proof-card small{font-size:10px}
 .marka-feature{grid-template-columns:7fr 5fr;padding:48px;gap:48px}.marka-feature h2{font-size:40px!important}
 .marka-evidence{border-top:0;border-left:1px solid #f8f5ed33;padding:0 0 0 48px;align-self:center}
 .marka-main-number strong{font-size:128px}
 .audience-card-copy{padding:40px 32px 32px!important}.audience-card h3{font-size:40px!important}
 .audience-deliverables li{font-size:16px}.audience-card .audience-card-action{padding:24px 32px!important}
}
@media(min-width:1024px){
 .hero-v36.central-hero{padding:64px 80px 0}.hero-v36 .hero-center h1{font-size:80px}.hero-v36 .motion-background{width:calc(100% + 160px)}
 .hero-v36 .hero-floor{max-width:1280px}.hero-v36 .center-intro{max-width:58ch}
 .marka-feature{padding:64px;gap:64px}.marka-feature h2{font-size:48px!important}.marka-main-number strong{font-size:160px}.marka-main-number>span{font-size:32px}
 .audience-cards{grid-template-columns:7fr 5fr;gap:32px}.audience-local{margin-top:80px}.audience-franchise h3{font-size:48px!important}
 .audience-card-copy{padding:48px 40px 32px!important}.audience-card .audience-card-action{padding:24px 40px!important}
}
@media(prefers-reduced-motion:reduce){.hero-v36 .flight,.hero-v36 .hero-site-preview img{animation:none!important}.audience-card:hover{transform:none}}