/* October review: mobile first, compact desktop compositions and clearer hierarchy. */
:root { --review-shadow: 0 6px 18px #29131808, 0 22px 60px #2913180d; --footer-oxblood: #210c12; }
.bold .bold-wrap { width: min(1280px, calc(100% - 40px)); }
.bold .bold-kicker, .platform-caption, .bold .bold-choice-number { font-size: .875rem; font-weight: 700; line-height: 1.45; letter-spacing: .12em; }
.bold .bold-kicker { margin-bottom: 18px; }
.bold .bold-section-top h2, .bold .bold-end h2 { font-size: clamp(2.25rem, 7vw, 3.75rem); line-height: 1.08; }
.bold .bold-button { min-height: 48px; font-size: .9375rem; box-shadow: var(--review-shadow); }
.bold[data-page] :is(.bold-intro, .home-founders, .bold-faq, .bold-end, .bold-statement, .bold-process, .bold-services, .bold-creator-choices, .creator-support, .bold-academy-callout, .bold-academy-benefits, .bold-academy-path, .academy-concept-story, .academy-deal-service) { padding-block: 52px; }
/* Fade the gradient as one layer; gradients themselves cannot interpolate. */
.bold[data-page] .site-header,
.bold[data-page] .site-header.is-scrolled {
 background: transparent; box-shadow: none; backdrop-filter: none;
 -webkit-backdrop-filter: none; padding-bottom: 0; isolation: isolate;
}
.bold[data-page] .site-header::before {
 content: ''; position: absolute; inset: 0 0 -20px; z-index: -1;
 pointer-events: none; opacity: 0;
 background: linear-gradient(180deg, #252321ef 0%, #252321ce 48%, #25232165 80%, transparent 100%);
 transition: opacity .5s cubic-bezier(.22,.61,.36,1);
}
.bold[data-page] .site-header.is-scrolled::before { opacity: 1; }
.bold.academy-concept[data-page] .site-header::before {
 background: linear-gradient(180deg, #eef2e7f5 0%, #eef2e7d9 48%, #eef2e766 80%, transparent 100%);
}
.bold[data-page] .nav-end { box-shadow: inset 0 1px 1px #ffffff52, 0 4px 16px #2113180a, 0 18px 50px #21131812; }
.bold[data-page] :is(.bold-choice-grid article, .bold-faq-list details, .bold-path-grid > div, .founder-card, .campaign-flow-card) { box-shadow: var(--review-shadow); }
.bold[data-page] .reference-footer { background: var(--footer-oxblood); color: #faf6ef; border-top-color: #ffffff1f; padding-block: 42px 24px; }
.bold .reference-footer .reference-wordmark { margin-block: 28px; }
.bold .reference-footer .reference-middle { margin-top: 24px; padding-block: 24px; gap: 24px; }
.bold .reference-footer nav a, .bold .footer-notes, .bold .footer-founder { font-size: .875rem; }
.bold .reference-footer .footer-newsletter h2 { font-size: .875rem; }
.bold .reference-footer .footer-newsletter p { font-size: .8125rem; }
.bold .reference-footer .draft-footer-bottom { padding-top: 20px; }
.bold .reference-footer .motion-toggle { min-height: 44px; }
.bold .home-proof { padding-block: 42px; }
.home-proof-label { margin-bottom: 24px; }
.home-proof-label img { display: block; width: 180px; height: auto; margin: auto; }
.bold[data-page="index.html"] .home-story-centred { padding: 32px 20px 0; gap: 0; }
.bold[data-page="index.html"] .home-story-centred.bold-story-brand, .bold[data-page="index.html"] .home-story-centred.bold-story-brand .bold-story-copy { background: #ead7cd; color: #352328; }
.bold[data-page="index.html"] .home-story-centred.bold-story-creator { padding-top: 32px; }
.bold[data-page="index.html"] .home-story-centred .bold-story-picture { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 22px; }
.bold[data-page="index.html"] .home-story-centred .bold-story-copy { padding: 32px 4px 42px; }
.bold[data-page="index.html"] .home-story-centred .bold-story-copy h2 { font-size: clamp(2.25rem, 7vw, 3.6rem); margin-bottom: 18px; }
.bold[data-page="index.html"] .home-story-centred .bold-story-copy p { font-size: 1rem; line-height: 1.6; margin-bottom: 24px; }
.bold .bold-faq .bold-wrap { gap: 28px; }
.bold .bold-faq-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; width: 100%; align-items: start; }
.bold .bold-faq-list summary { min-height: 72px; padding: 18px; font-size: 1rem; gap: 14px; }
.bold .bold-faq-list details p { padding: 0 20px 22px; font-size: 1rem; line-height: 1.6; }
.bold .bold-faq-list details { min-width: 0; }
.platform-caption { margin: 0 20px 22px; text-align: center; color: #f5c8b5; }
.brand-platforms { padding-block: 28px; }
.bold .brand-service-card { border: 1px solid #4a252b60; box-shadow: var(--review-shadow); }
.brand-service-tags { justify-content: center; }
.brand-service-tags span { font-size: .875rem; padding: 7px 10px; text-align: center; }
.brand-service-media { border-bottom: 1px solid #4a252b26; }
.bold .brand-service-copy > p { font-size: 1rem; line-height: 1.5; margin-bottom: 22px; }
.bold .bold-statement .bold-kicker { font-size: clamp(1rem, 2vw, 1.2rem); font-weight: 700; margin: 0 0 22px; }
.bold-statement .tiktok-partnership { margin: 0 auto 28px; }
.bold .bold-statement h2 { margin: 0 auto; font-size: clamp(2.25rem,5vw,3.5rem); }
.campaign-flow-intro { margin-bottom: 30px; }
.bold .campaign-flow-intro h2 { font-size: clamp(2.25rem,5vw,3.5rem); margin: 12px 0 18px; }
.campaign-flow-art { height: 130px; padding: 0; justify-content: center; }
.campaign-flow-art::before, .campaign-flow-art::after { display: none; }
.campaign-flow-art svg { width: 68px; height: 68px; stroke-width: 2; stroke: #f6c4ad; filter: none; }
.campaign-flow-stage { background: #fff; border-color: #fff; font-size: 1.05rem; font-weight: 800; box-shadow: 0 4px 16px #150b1020; }
.campaign-flow-copy { padding: 24px; }
.bold .campaign-flow-copy h3 { font-size: 1.5rem; margin-bottom: 16px; }
.campaign-flow-copy li { font-size: 1rem; }
.inline-wordmark { display: inline-block; width: 2.8em; height: auto; vertical-align: -.015em; }
.wordmark-kicker { display: flex; align-items: center; justify-content: center; gap: 10px; }
.wordmark-kicker .inline-wordmark { width: 95px; }
.bold .brand-expertise .bold-section-top h2 { font-size: clamp(2rem,6vw,3.4rem); line-height: 1.3; margin-bottom: 16px; }
.brand-expertise-intro { font-size: 1rem; line-height: 1.6; max-width: 68ch; }
.brand-expertise .service-layout { margin-top: 28px; gap: 24px; }
.brand-expertise .service-photo { min-height: 0; height: 400px; }
.brand-expertise .service-photo figcaption { left: 14px; right: 14px; bottom: 14px; padding: 20px 16px; }
.brand-expertise .service-photo strong { font-size: clamp(1.4rem,4vw,2rem); line-height: 1.2; }
.brand-expertise-item { padding: 16px; gap: 10px; }
.brand-expertise-item h3 { font-size: 1.25rem; }
.brand-expertise-item p { font-size: 1rem; line-height: 1.45; }
.brand-expertise-outcome { font-size: 1rem; line-height: 1.5; }
.bold .bold-choice-grid { margin-top: 28px; }
.bold .bold-choice-grid article { padding: 28px 24px; min-height: 0; }
.bold .bold-choice-number { margin-bottom: 24px; }
.bold .bold-choice-grid h3 { font-size: 2.15rem; }
.bold .bold-choice-grid p { font-size: 1rem; line-height: 1.5; }
.bold .bold-creator-feature { min-height: 0; }
.bold .bold-creator-feature-photo { min-height: 0; height: 330px; }
.bold .bold-creator-feature-copy { padding: 36px 24px; }
.bold .bold-creator-feature h2 { font-size: clamp(2.25rem,6vw,3.4rem); line-height: 1.06; }
.bold .bold-creator-feature ul { border: 0; display: grid; gap: 10px; max-width: none; margin: 0 0 22px; }
.bold .bold-creator-feature li { position: relative; padding: 12px 14px 12px 42px; border: 1px solid #ffffff45; border-radius: 12px; background: #ffffff0c; font-size: 1rem; font-weight: 700; line-height: 1.4; }
.bold .bold-creator-feature li::before { content: '✓'; position: absolute; left: 15px; top: 12px; color: #f3b89d; font-size: 1.1rem; }
.bold .bold-creator-feature p:not(.bold-kicker) { font-size: 1rem; line-height: 1.5; }
.bold .creator-support-photo { margin-top: 28px; }
.bold .creator-support-photo figcaption { padding: 20px; }
.bold .creator-support-photo figcaption p { font-size: 1rem; }
.bold .creator-support .bold-section-top > p:not(.bold-kicker) { margin-top: 20px; }
.bold .bold-end p:not(.bold-kicker) { font-size: 1.0625rem; margin-block: 22px; }
/* Academy: opaque light follows the copy without a rectangular edge. */
.bold.academy-concept .bold-academy-hero { height: auto; min-height: 700px; }
.bold.academy-concept .bold-academy-hero .bold-hero-content { padding: 300px 0 60px; width: calc(100% - 40px); }
.bold.academy-concept .bold-academy-hero h1 { font-size: clamp(3.3rem,12vw,5.8rem); line-height: .99; }
.bold.academy-concept .bold-academy-hero .bold-lead { font-size: 1.125rem; line-height: 1.5; margin-top: 22px; max-width: 40ch; }
.bold.academy-concept .bold-academy-hero .bold-hero-shade { background: linear-gradient(180deg,#d9e3c4db 0%,#e9efde40 19%,#f9faf33d 29%,#fcfaf5e8 46%,#fcfaf5f5 70%,#fcfaf5 100%); }
.bold.academy-concept .bold-academy-hero .bold-hero-content::after { display: none; }
.bold.academy-concept .academy-concept-story-heading h2 { font-size: clamp(2.5rem,7vw,3.6rem); margin: 14px auto 20px; }
.bold.academy-concept .academy-concept-feature { margin-top: 42px; height: 340px; }
.bold.academy-concept .academy-concept-feature img { border-width: 5px; object-position: center; box-shadow: var(--review-shadow); }
.bold.academy-concept .academy-concept-feature figcaption { font-size: 1.5rem; }
.bold.academy-concept .academy-concept-sticker-note { font-size: .8125rem; max-width: 185px; text-align: center; }
.bold.academy-concept .bold-benefit-grid { margin-top: 30px; gap: 14px; }
.bold.academy-concept .bold-benefit-grid > div { grid-column: auto; min-height: 0; padding: 24px; }
.bold.academy-concept .bold-benefit-grid > div h3 { margin-top: 18px; font-size: 1.7rem; }
.bold.academy-concept .bold-benefit-grid > div p { font-size: 1rem; line-height: 1.5; }
.bold.academy-concept .bold-benefit-grid > div span { margin: 0; }
.bold.academy-concept .academy-deal-layout { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.bold.academy-concept .academy-deal-copy { min-width: 0; }
.bold.academy-concept .academy-deal-service h2 { font-size: clamp(2.4rem,6vw,3.6rem); }
.bold.academy-concept .academy-deal-service .bold-deals-main > p:not(.bold-kicker) { font-size: 1rem; line-height: 1.6; margin-block: 22px; }
.bold.academy-concept .academy-deal-terms { width: 100%; margin-top: 24px; padding-top: 24px; }
.bold.academy-concept .academy-deal-terms > p { font-size: 1rem; }
.bold.academy-concept .academy-deal-terms > p.academy-deal-note { font-size: .875rem; }
.academy-phone-demo { margin: 0; display: flex; justify-content: center; }
.creator-phone { position: relative; width: 250px; aspect-ratio: 9/17.8; border: 8px solid #211d20; border-radius: 36px; background: #211d20; box-shadow: 0 8px 22px #30473516,0 28px 70px #30473524; overflow: hidden; }
.creator-phone::before { content: ''; position: absolute; z-index: 5; width: 75px; height: 18px; top: 0; left: calc(50% - 37.5px); background: #211d20; border-radius: 0 0 14px 14px; }
.creator-phone-screen.brand-service-media { height: 100%; border: 0; border-radius: 25px; background: #211d20; }
.creator-phone-screen::after { content:''; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,#000b); pointer-events:none; }
.creator-phone-top { position: absolute; z-index: 2; inset: 27px 10px auto; display: flex; justify-content: center; gap: 18px; color: #fff; font-size: .875rem; text-shadow: 0 1px 6px #000; }
.creator-phone-top b { border-bottom: 2px solid #fff; padding-bottom: 4px; }
.creator-phone-actions { position: absolute; z-index:2; right: 14px; bottom: 124px; display: grid; gap: 12px; color: #fff; font-size: 1.6rem; line-height: 1; text-shadow:0 1px 6px #000; }
.creator-phone-caption { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 24px; color: #fff; text-align: left; }
.creator-phone-caption b { font-size: .9375rem; }
.creator-phone-caption p { font-size: .875rem; line-height: 1.4; margin: 7px 0; }
.creator-phone-caption > span { font-size: .8125rem; }
.bold.academy-concept .academy-path-photo { height: 260px; margin-top: 28px; box-shadow: var(--review-shadow); }
.bold.academy-concept .bold-path-grid > div { min-height: 0; padding: 28px 24px; }
.bold.academy-concept .bold-path-grid > div > span { font-size: .8125rem; margin-bottom: 24px; }
.bold.academy-concept .bold-path-grid > div h3 { font-size: 1.8rem; }
.bold.academy-concept .bold-path-grid > div p { font-size: 1rem; line-height: 1.5; }
.bold.academy-concept .bold-path-grid .bold-button { margin-top: auto; background: #304735; color: #fff; border-color: #304735; text-decoration: none; }
/* Required social accounts can be disabled explicitly, with values preserved. */
.no-socials-toggle { display: flex; align-items: center; gap: 12px; min-height: 48px; margin: 0 0 16px; padding: 12px 14px; background: #eee5de; border: 1px solid #d6c6bf; border-radius: 12px; cursor: pointer; }
.contact-form .no-socials-toggle input { width: 20px; height: 20px; min-height: 20px; padding: 0; margin: 0; accent-color: #4a252b; flex: 0 0 20px; }
.no-socials-toggle span { color: #352328; font-size: 1rem; font-weight: 600; }
#creator-social-fields { transition: opacity .2s; }
#creator-social-fields.is-disabled { opacity: .5; }
#creator-social-fields input:disabled { background: #e7e4df; border-color: #cdc7c1; color: #6a6560; cursor: not-allowed; }
.bold.contact-page .contact-stage { padding: 125px 0 52px; }
.contact-panel { box-shadow: var(--review-shadow); }
.contact-form input, .contact-form select, .contact-form textarea { font-size: 1rem; }
@media (min-width: 768px) {
 .bold .bold-faq-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bold.academy-concept .bold-benefit-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .bold.academy-concept .bold-benefit-grid > div { grid-column: auto !important; }
}
@media (min-width: 1024px) {
 .bold .bold-wrap { width: min(1280px,calc(100% - 80px)); }
 .bold[data-page] :is(.bold-intro,.home-founders,.bold-faq,.bold-end,.bold-statement,.bold-process,.bold-services,.bold-creator-choices,.creator-support,.bold-academy-callout,.bold-academy-benefits,.bold-academy-path,.academy-concept-story,.academy-deal-service) { padding-block: clamp(32px,5svh,52px); }
 .bold[data-page] .bold-hero { height: 100svh; min-height: 620px; max-height: 940px; }
 .bold .bold-hero-content { padding-block: 100px 40px; }
 .bold .bold-hero h1 { font-size: clamp(3.75rem,7vw,7rem); }
 .bold .bold-intro .bold-wrap { gap: 30px; }
 .bold .bold-intro h2 { font-size: clamp(2.5rem,4vw,4rem); }
 .bold .home-founders .bold-section-top { margin-bottom: 24px; }
 .founder-grid { gap: 20px; }
 .founder-photo { aspect-ratio: auto; height: clamp(150px,22svh,215px); }
 .founder-card-body { padding: 20px; }
 .bold .founder-role { margin-bottom: 8px; font-size: .8125rem; }
 .bold .founder-card h3 { margin-bottom: 12px; font-size: 1.7rem; }
 .bold .founder-bio { font-size: 1rem; line-height: 1.45; }
 .bold[data-page="index.html"] .home-story-centred,
 .bold[data-page="index.html"] .home-story-centred.bold-story-creator { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 36px; padding: 40px; }
 .bold[data-page="index.html"] .home-story-centred .bold-story-picture { width: 100%; height: clamp(340px,57svh,540px); aspect-ratio: auto; }
 .bold[data-page="index.html"] .home-story-centred .bold-story-copy { padding: 20px 6px; background: transparent; }
 .bold[data-page="index.html"] .home-story-centred .bold-story-copy p { max-width: 47ch; }
 .bold .brand-service-showcase { padding: 40px; }
 .brand-service-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
 .brand-service-media { height: clamp(190px,27svh,270px); }
 .brand-service-copy { padding: 22px 18px; }
 .brand-service-heading { gap: 8px; margin-bottom: 14px; }
 .bold .brand-service-heading h3 { font-size: 1.45rem; }
 .brand-service-heading > span { font-size: .8125rem; }
 .brand-service-platform-art { gap: 16px; }
 .brand-service-platform-art svg { width: 58px; height: 58px; }
 .brand-service-platform-art > div { font-size: .875rem; }
 .brand-shop-phone { transform: translate(-50%,-50%) scale(.72); }
 .campaign-flow-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
 .campaign-flow-card:nth-child(2)::after { top: calc(50% - 20px); right: -32px; left: auto; bottom: auto; transform: none; }
 .campaign-flow-card:not(:last-child)::after { right: -32px; }
 .campaign-flow-copy { padding: 22px 18px; }
 .campaign-flow-copy ul { gap: 12px; }
 .bold .campaign-flow-copy h3 { font-size: 1.45rem; min-height: 2.3em; }
 .brand-expertise .bold-section-top { max-width: none; }
 .brand-expertise .service-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 28px; }
 .brand-expertise .service-photo { height: auto; min-height: 0; max-height: 465px; }
 .brand-expertise .service-photo img { height: 100%; }
 .brand-expertise-list { gap: 8px; }
 .brand-expertise-item { padding: 12px 16px; }
 .brand-expertise-item h3 { font-size: 1.15rem; margin-bottom: 4px; }
 .brand-expertise-item p { font-size: 1rem; line-height: 1.4; }
 .brand-expertise-outcome { margin: 0; padding: 10px 16px; }
 .bold .bold-choice-grid { gap: 24px; }
 .bold .bold-choice-grid article { padding: 32px; }
 .bold .bold-creator-feature { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
 .bold .bold-creator-feature-photo { height: auto; max-height: 800px; }
 .bold .bold-creator-feature-copy { padding: 34px; }
 .bold .bold-creator-feature h2 { max-width: 20ch; font-size: clamp(2.3rem,3.4vw,3.5rem); margin-bottom: 20px; }
 .bold .bold-creator-feature li { padding-block: 9px; }
 .bold .bold-creator-feature li::before { top: 9px; }
 .bold .bold-creator-feature p:not(.bold-kicker) { max-width: 60ch; margin-bottom: 20px; }
 .bold .creator-support > .bold-wrap { display: grid; grid-template-columns: .85fr 1.15fr; gap: 36px; align-items: center; }
 .bold .creator-support .bold-section-top { text-align: left; }
 .bold .creator-support-photo { margin: 0; height: 440px; }
 .bold .creator-support-photo > img { height: 100%; }
 .bold .creator-support-photo figcaption { width: calc(100% - 32px); bottom: 16px; }
 .bold.academy-concept .bold-academy-hero .bold-hero-content { padding-block: 100px 45px; width: min(1000px,calc(100% - 80px)); }
 .bold.academy-concept .bold-academy-hero .bold-hero-shade { background: radial-gradient(ellipse at 50% 51%, #fcfaf5f5 0%,#fcfaf5f0 25%,#fcfaf5ca 44%,#fcfaf55c 68%,transparent 90%),linear-gradient(180deg,#d9e3c4e6 0%,transparent 20%,transparent 80%,#fcfaf5 100%); }
 .bold.academy-concept .bold-academy-hero h1 { font-size: clamp(5rem,7.5vw,7.5rem); }
 .bold.academy-concept .bold-academy-hero .bold-lead { font-size: 1.25rem; }
 .bold.academy-concept .academy-concept-story > .bold-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 40px; align-items: center; }
 .bold.academy-concept .academy-concept-story-heading { text-align: left; }
 .bold.academy-concept .academy-concept-story-heading h2 { font-size: clamp(2.6rem,4vw,4.1rem); }
 .bold.academy-concept .academy-concept-feature { height: clamp(340px,55svh,500px); margin: 14px 0; }
 .bold.academy-concept .academy-concept-feature figcaption { font-size: 1.75rem; }
 .bold.academy-concept .bold-benefit-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .bold.academy-concept .bold-benefit-grid > div { padding: 20px; }
 .bold.academy-concept .bold-benefit-grid > div h3 { font-size: 1.6rem; margin-top: 14px; }
 .bold.academy-concept .academy-deal-layout { grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 50px; }
 .bold.academy-concept .academy-deal-copy { text-align: left; }
 .bold.academy-concept .academy-deal-service h2 { max-width: none; margin: 0; }
 .bold.academy-concept .academy-deal-service .bold-deals-main > p:not(.bold-kicker) { margin-inline: 0; }
 .bold.academy-concept .academy-deal-terms { text-align: left; }
 .creator-phone { width: clamp(220px,28svh,280px); }
 .bold.academy-concept .bold-academy-path > .bold-wrap { display: grid; grid-template-columns: .72fr 1.28fr; gap: 26px; }
 .bold.academy-concept .bold-academy-path .bold-section-top { grid-column: 1 / -1; }
 .bold.academy-concept .academy-path-photo { width: 100%; height: auto; margin: 0; min-height: 360px; }
 .bold.academy-concept .academy-path-photo figcaption { font-size: 1.8rem; }
 .bold.academy-concept .bold-path-grid { margin: 0; }
 .bold.academy-concept .bold-path-grid > div { padding: 26px 20px; }
 .bold.academy-concept .bold-path-grid > div h3 { font-size: 1.6rem; }
 .bold.academy-concept .bold-path-grid > div > span { margin-bottom: 22px; }
 .bold .reference-footer .reference-wordmark { max-width: 930px; margin: 20px auto; }
 .bold .reference-footer .reference-wordmark img { width: 100%; }
 .bold.contact-page .contact-stage { padding: 115px 0 36px; }
 .contact-layout { gap: 44px; grid-template-columns: .8fr 1.2fr; align-items: center; }
 .contact-intro { padding-top: 0; }
 .contact-intro h1 { font-size: clamp(3.5rem,5vw,5.5rem); margin-block: 20px; }
 .contact-direct { margin-top: 28px; }
 .contact-panel { padding: 24px; }
 .contact-panel-heading h2 { font-size: 2rem; margin-bottom: 16px; }
 .contact-form-intro { margin-block: 16px; }
 .contact-fields { gap: 12px 18px; }
 .contact-form input, .contact-form select { min-height: 44px; padding: 10px 12px; }
 .contact-form textarea { min-height: 80px; padding: 10px 12px; }
 .contact-form label { font-size: .875rem; }
 .contact-form-note { margin-block: 12px; }
 .contact-field-heading { margin: 18px 0 10px; }
 .contact-form .no-socials-toggle { margin-bottom: 12px; min-height: 44px; }
}
@media (max-width: 767px) {
 .bold .bold-hero:not(.bold-academy-hero) { min-height: 700px; height: auto; padding-block: 110px 45px; }
 .bold .bold-hero:not(.bold-academy-hero) .bold-hero-content { padding: 120px 0 0; }
 .bold .bold-hero h1 { font-size: clamp(2.8rem,11vw,4.8rem); line-height: 1.05; }
 .bold .bold-hero .bold-lead { font-size: 1.0625rem; line-height: 1.5; }
 .bold .bold-actions { gap: 12px; margin-top: 24px; }
 .bold .bold-actions > a { width: 100%; min-width: 0; }
 .bold .bold-path-grid { grid-template-columns: 1fr; }
 .bold .nav { width: calc(100% - 36px); }
 .bold .logo-mark { width: 135px; }
 .bold .nav-links a { min-height: 48px; }
 .bold .footer-name-fields { grid-template-columns: 1fr; }
 .bold .footer-newsletter input { font-size: 1rem; }
 .bold.academy-concept .academy-concept-feature figcaption { left: 18px; right: 18px; bottom: 24px; }
 .bold.academy-concept .academy-concept-sticker-note { right: 0; }
}
@media (prefers-reduced-motion: reduce) { #creator-social-fields { transition: none; } }
/* Match contact selectors so field sizing and the opt-out stay consistent. */
.contact-form label.no-socials-toggle:not(.contact-honeypot):not(.contact-choice-grid label) { align-items: center; flex-wrap: nowrap; gap: 12px; }
.contact-form label.no-socials-toggle:not(.contact-honeypot):not(.contact-choice-grid label) > input { flex: 0 0 20px; }
.contact-form label.no-socials-toggle > span:not(.optional) { color: #352328; }
.contact-form label:not(.contact-honeypot):not(.contact-choice-grid label) { font-size: .875rem; }
.contact-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .contact-form select, .contact-form textarea { font-size: 1rem; }
@media (min-width: 1024px) {
 .contact-form[data-enquiry-form="brand"] .contact-fields { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px 14px; }
 .contact-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .contact-form select { min-height: 44px; height: 44px; padding: 10px; }
 .contact-form textarea { height: 84px; min-height: 84px; }
 .contact-form label:not(.contact-honeypot):not(.contact-choice-grid label) { gap: 5px 4px; }
 .contact-panel-heading { display: flex; align-items: baseline; gap: 16px; margin-bottom: 14px; }
 .contact-panel-heading h2 { margin: 0; }
 .contact-panel-eyebrow { margin: 0; }
 .contact-tab { min-height: 44px; }
 .contact-step legend { margin-bottom: 16px; }
 .contact-progress { margin-bottom: 20px; }
 .contact-step-actions { margin-top: 20px; }
 .bold.contact-page .contact-stage { min-height: 100svh; padding-bottom: 28px; }
}
@media (min-width: 1024px) {
 .bold .bold-creator-feature-photo { position: relative; min-height: 0; }
 .bold .bold-creator-feature-photo img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
 .bold .brand-expertise .service-layout { grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); }
 .brand-expertise-item { grid-template-columns: 25px minmax(0,1fr); }
 .brand-expertise-item p { line-height: 1.35; }
 .bold .campaign-flow-intro h2 br { display: none; }
 .bold .campaign-flow-intro h2 { font-size: 2.8rem; }
 .campaign-flow-intro { max-width: none; }
}
@media (min-width: 1024px) and (max-height: 800px) {
 .bold[data-page] :is(.bold-intro,.home-founders,.bold-faq,.bold-end,.bold-statement,.bold-process,.bold-services,.bold-creator-choices,.creator-support,.bold-academy-callout,.bold-academy-benefits,.bold-academy-path,.academy-concept-story,.academy-deal-service) { padding-block: 26px; }
 .bold .brand-expertise .bold-section-top h2 { font-size: 2.65rem; margin-bottom: 12px; }
 .brand-expertise .wordmark-kicker { margin-bottom: 10px; }
 .brand-expertise .service-layout { margin-top: 20px; }
 .brand-expertise-item { padding: 9px 14px; }
 .brand-expertise .service-photo { max-height: 430px; }
 .bold .bold-creator-feature-copy { padding-block: 26px; }
 .bold .bold-creator-feature h2 { font-size: 2.5rem; }
 .bold .bold-creator-feature .bold-kicker { margin-bottom: 12px; }
 .bold .bold-creator-feature li { padding-block: 8px; }
 .bold .bold-creator-feature li::before { top: 8px; }
 .bold.contact-page .contact-stage { padding-top: 100px; padding-bottom: 20px; }
 .contact-panel { padding: 18px 24px; }
 .contact-form-intro { margin-block: 10px; }
 .contact-form-note { margin-block: 10px; }
 .contact-message { margin-top: 12px; }
 .contact-form textarea { height: 76px; min-height: 76px; }
 .contact-step legend { font-size: 1.5rem; }
 .contact-progress { margin-block: 8px 16px; }
 .contact-step-actions { margin-top: 14px; }
}

.creator-phone-actions svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
@media (min-width: 1024px) {
 .bold[data-page] :is(.bold-home-hero,.bold-brand-hero) { height: calc(100svh - 28px); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
 .bold .bold-wrap { width: calc(100% - 48px); }
 .bold .home-founders .bold-section-top h2 { font-size: 3rem; }
 .founder-photo { height: 135px; }
 .founder-grid { gap: 16px; }
 .founder-card-body { padding: 16px; }
 .bold .founder-bio { line-height: 1.4; }
 .bold .brand-expertise .service-layout { grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); }
 .bold.academy-concept .bold-academy-path > .bold-wrap { grid-template-columns: .5fr 1.5fr; }
 .bold .reference-footer .reference-wordmark { max-width: 820px; }
 .contact-layout { grid-template-columns: .7fr 1.3fr; gap: 28px; }
 .contact-form[data-enquiry-form="brand"] .contact-fields { gap: 8px 12px; }
}

/* Final homepage review, 5 October. */
.bold[data-page="index.html"] .home-hero-wordmark { margin: 0 auto 28px; width: clamp(190px, 24vw, 330px); opacity: 1; }
.home-hero-wordmark img { display: block; width: 100%; height: auto; opacity: .6; filter: brightness(0) invert(1); }
.bold[data-page="index.html"] #what-we-do { padding-block: clamp(76px, 8vw, 108px); }
.bold[data-page="index.html"] #founders { padding-block: clamp(80px, 9vw, 120px); }
.bold[data-page="index.html"] #founders > .bold-wrap { width: min(1200px, calc(100% - 112px)); }
.bold[data-page="index.html"] #founders .bold-section-top { margin-bottom: 40px; }
.bold[data-page="index.html"] #faqs { padding-block: clamp(76px, 8vw, 108px); }
.bold[data-page="index.html"] .home-audience-cta { padding-block: clamp(100px, 11vw, 150px); }
.bold[data-page] .nav-links a.academy-link, .bold[data-page] .reference-footer .footer-academy-link {
 background: linear-gradient(125deg,#f7efdf,#dceac9 46%,#b8d4a5); border-color: #adca9c; color: #263a2a;
}
.bold[data-page] .nav-links a.academy-link:hover, .bold[data-page] .reference-footer .footer-academy-link:hover {
 background: linear-gradient(125deg,#fff7e9,#e8f2d9 46%,#c6dfb4); color: #263a2a;
}
.home-partnerships { padding: 64px 40px; background: #faf6ef; }
.home-partnership-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; max-width: 1280px; margin: auto; }
.bold[data-page="index.html"] .home-partnerships .home-story-centred { display: flex; flex-direction: column; min-width: 0; padding: 36px 32px 40px; border-radius: 32px; overflow: hidden; gap: 0; min-height: 0; }
.bold[data-page="index.html"] .home-partnerships #home-brands { background: #ead7cd; color: #352328; }
.bold[data-page="index.html"] .home-partnerships #home-creators { background: #4a252b; color: #faf6ef; }
.bold[data-page="index.html"] .home-partnerships .bold-story-picture { position: relative; width: calc(100% - 16px); min-height: 0; height: auto; aspect-ratio: 5 / 4; margin: 6px auto 30px; border: 6px solid #fff8; box-shadow: 0 18px 36px #210c1226; }
.bold[data-page="index.html"] #home-brands .bold-story-picture { border-radius: 90px 24px 24px 24px; transform: rotate(-2deg); }
.bold[data-page="index.html"] #home-creators .bold-story-picture { border-radius: 24px 90px 24px 24px; transform: rotate(2deg); }
.bold[data-page="index.html"] .home-partnerships .bold-story-picture img { width: 100%; height: 100%; object-fit: cover; }
.bold[data-page="index.html"] #home-creators .bold-story-picture img { object-position: 50% 35%; }
.bold[data-page="index.html"] .home-partnerships .bold-story-copy { display: flex; flex-direction: column; align-items: center; flex: 1; padding: 0; background: transparent; color: inherit; }
.bold[data-page="index.html"] .home-partnerships .bold-story-copy h2 { font-size: clamp(2.25rem,3.5vw,3.8rem); line-height: 1.08; margin-bottom: 24px; }
.bold[data-page="index.html"] .home-partnerships .bold-story-copy p { margin-bottom: 30px; font-size: 1rem; line-height: 1.65; }
.bold[data-page="index.html"] #home-creators .bold-story-copy p { color: #f0dedf; }
.bold[data-page="index.html"] .home-partnerships .bold-story-copy > .bold-button, .bold[data-page="index.html"] .home-partnerships .home-story-actions { margin-top: auto; }
.bold[data-page="index.html"] .home-partnerships .home-story-actions { gap: 12px; }
@media (max-width: 767px) {
 .bold[data-page="index.html"] #founders > .bold-wrap { width: calc(100% - 48px); }
 .bold[data-page="index.html"] #founders { padding-block: 72px; }
 .bold[data-page="index.html"] .home-audience-cta { padding-block: 88px; }
 .home-partnerships { padding: 40px 20px; }
 .home-partnership-grid { grid-template-columns: 1fr; gap: 24px; }
 .bold[data-page="index.html"] .home-partnerships .home-story-centred { padding: 28px 24px 36px; }
 .bold[data-page="index.html"] .home-partnerships .bold-story-copy h2 { font-size: clamp(2.25rem,8vw,3rem); }
}

/* Follow-up: inset navigation and square founder portraits. */
.bold[data-page="index.html"] .site-header { padding-top: 14px; transition: padding-top .5s cubic-bezier(.22,.61,.36,1); }
.bold[data-page="index.html"] .site-header.is-scrolled { padding-top: 0; }
.bold[data-page="index.html"] .site-header .nav { min-height: 92px; width: calc(100% - 64px); }
.bold[data-page="index.html"] .founder-photo { height: auto; aspect-ratio: 1 / 1; }
.bold[data-page="index.html"] #home-brands .bold-story-picture img { object-position: 40% 50%; }
@media (max-width: 767px) {
 .bold[data-page="index.html"] .site-header { padding-top: 8px; }
 .bold[data-page="index.html"] .site-header .nav { min-height: 76px; width: calc(100% - 48px); }
}
@media (min-width: 1600px) {
 .bold[data-page="index.html"] .site-header .nav { max-width: 1724px; }
}

.bold[data-page="index.html"] .home-video-picture video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bold[data-page="index.html"] #home-brands .home-video-picture video { object-position: 45% 50%; }
.bold[data-page="index.html"] #home-creators .home-video-picture video { object-position: 50% 35%; }
.home-video-picture.video-failed video { display: none; }
/* Match the wordmark's top inset to the navigation pill. */
.bold[data-page="index.html"] .site-header .logo { align-self: flex-start; margin-top: 18px; }
@media (max-width: 767px) {
 .bold[data-page="index.html"] .site-header .logo { margin-top: 16px; }
}

/* Brand page review: real media, consistent cards and aligned wordmarks. */
.bold[data-page="for-brands.html"] .platform-caption { font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; }
.bold[data-page="for-brands.html"] .brand-service-card { border: 2px solid #4a252b; }
.bold[data-page="for-brands.html"] .brand-service-media { border-bottom: 2px solid #4a252b; }
.brand-service-platform-art img { width: 64px; height: 64px; object-fit: contain; }
.bold[data-page="for-brands.html"] .brand-shop-real-photo { object-position: 42% 50%; }
.bold[data-page="for-brands.html"] .campaign-flow-card { box-shadow: 0 12px 24px #4a252b16, 0 3px 7px #4a252b0c; }
.bold[data-page="for-brands.html"] .campaign-flow-stage { width: 31px; height: 31px; font-size: .85rem; }
.bold[data-page="for-brands.html"] .campaign-flow-art svg { stroke-width: 1.7; }
.bold[data-page="for-brands.html"] #brand-expertise { padding-block: clamp(80px, 8vw, 112px); }
.brand-expertise .wordmark-kicker { align-items: center; }
.brand-expertise .wordmark-kicker .inline-wordmark { display: block; margin: 0; vertical-align: middle; }
.brand-expertise h2 .inline-wordmark { width: auto; height: .73em; vertical-align: baseline; }
.brand-expertise .expertise-caption-line { display: block; font: inherit; letter-spacing: inherit; text-transform: none; margin-top: .2em; }
.brand-expertise .expertise-caption-line .inline-wordmark { width: auto; height: .73em; vertical-align: baseline; }
.bold[data-page="for-brands.html"] .brand-expertise-outcome { margin-top: 28px; }
.bold[data-page="for-brands.html"] #faqs { padding-block: clamp(76px, 8vw, 108px); }
@media (min-width: 768px) {
 .bold[data-page="for-brands.html"] .brand-expertise .service-photo { height: auto; max-height: none; align-self: stretch; }
 .bold[data-page="for-brands.html"] .brand-expertise .service-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
 .brand-expertise-list { align-content: stretch; }
}

.bold[data-page="for-brands.html"] .brand-service-media { height: clamp(260px, 30vw, 340px); }
.brand-service-platform-art img { width: 82px; height: 64px; }

.bold .brand-expertise .service-photo figcaption .inline-wordmark { position: static; inset: auto; display: inline-block; width: auto; height: .73em; min-height: 0; max-height: none; object-fit: contain; vertical-align: baseline; }
.bold .brand-expertise .service-photo figcaption .expertise-caption-line { display: block; font: inherit; letter-spacing: inherit; text-transform: none; margin: .2em 0 0; color: inherit; }

@media (max-width: 1199px) {
 .bold[data-page="for-brands.html"] #faqs { padding-bottom: calc(clamp(76px, 8vw, 108px) + 12px); }
}

/* Give the campaign process more breathing room. */
.bold[data-page="for-brands.html"] #how-it-works { padding-block: clamp(80px, 8vw, 112px); }

/* Keep the platform strip compact. */
.bold[data-page="for-brands.html"] #main-platforms { padding-block: 16px; }
.bold[data-page="for-brands.html"] #main-platforms .platform-caption { margin-bottom: 12px; }

/* Slightly increase the space around the service cards. */
.bold[data-page="for-brands.html"] .brand-service-showcase { padding-block: clamp(56px, 5vw, 68px); }

/* Preserve the full product demonstration and gently lift the process cards. */
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(2) .brand-service-media { background: #252321; }
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(2) .brand-service-media :is(video, img) { object-fit: contain; }
.bold[data-page="for-brands.html"] #how-it-works .campaign-flow-card { box-shadow: 0 14px 30px #4a252b1c, 0 4px 10px #4a252b10; }

/* The framed academy photograph bridges the hero and introduction. */
.bold.academy-concept .bold-academy-hero h1 { max-width: none; }
.bold.academy-concept .academy-concept-story { overflow: visible; z-index: 2; padding-top: 0; padding-bottom: 72px; }
.bold.academy-concept .academy-concept-story > .bold-wrap { display: grid; gap: 36px; align-items: start; }
.bold.academy-concept .academy-concept-feature { order: -1; margin: -64px 0 0; }
@media (min-width: 768px) {
 .bold.academy-concept .bold-academy-hero h1 { white-space: nowrap; font-size: clamp(3.8rem,7.2vw,7.5rem); }
 .bold.academy-concept .academy-concept-story > .bold-wrap { grid-template-columns: .8fr 1.2fr; gap: 40px; }
 .bold.academy-concept .academy-concept-story-heading { padding-top: 58px; }
 .bold.academy-concept .academy-concept-feature { order: 0; margin: -140px 0 0; }
}
@media (max-width: 767px) {
 .bold.academy-concept .bold-academy-hero .bold-hero-content { padding-bottom: 150px; }
}

/* Centre the connecting photograph and its introduction. */
.bold.academy-concept .academy-concept-story > .bold-wrap { grid-template-columns: 1fr; justify-items: center; gap: 46px; }
.bold.academy-concept .academy-concept-feature { order: -1; width: min(940px,100%); margin-inline: auto; }
.bold.academy-concept .academy-concept-story-heading { padding-top: 0; text-align: center; max-width: 720px; }
.bold.academy-concept .academy-concept-story-heading > p:not(.bold-kicker) { max-width: 58ch; margin-inline: auto; }
/* Use the logo bird in every former ring motif on the Academy page. */
.bold.academy-concept :is(.bold-academy-benefits,.bold-benefit-grid > div,.bold-path-grid > div)::before {
 border: 0; border-radius: 0; box-shadow: none; background: currentColor;
 -webkit-mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat;
 mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat;
}
.bold.academy-concept .bold-academy-benefits::before { width: min(64vw,780px); aspect-ratio: 4 / 3; right: -12%; top: 4%; color: #809578; opacity: .1; }
.bold.academy-concept .bold-benefit-grid > div::before { width: 150px; height: 113px; top: -15px; right: -23px; opacity: .12; }
.bold.academy-concept .bold-path-grid > div::before { width: 160px; height: 120px; top: -28px; left: auto; right: -24px; opacity: .1; }
/* A photographic iPhone frame replaces the plain drawn border. */
.bold.academy-concept .creator-phone { width: 280px; aspect-ratio: 391 / 800; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; filter: drop-shadow(0 24px 28px #30473535); }
.bold.academy-concept .creator-phone::before { display: none; }
.bold.academy-concept .creator-phone-screen { position: absolute; inset: 1.2% 3%; width: auto; height: auto; border-radius: 36px; overflow: hidden; }
.bold.academy-concept .creator-phone-screen::after { display: none; }
.bold.academy-concept .creator-phone-screen .academy-phone-still { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
.bold.academy-concept .creator-phone-frame { position: relative; z-index: 3; display: block; width: 100%; height: 100%; pointer-events: none; }
.bold.academy-concept .academy-path-photo img { object-position: 60% 70%; }
@media (min-width: 768px) {
 .bold.academy-concept .academy-concept-feature { height: clamp(400px,55vw,540px); }
 .bold.academy-concept .academy-path-photo { height: 420px; }
}

/* Distinct creator footage fills the second service frame. */
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(2) .brand-service-media :is(video,img) { object-fit: cover; object-position: 75% center; }
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(3) { border-width: 3px; }
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(3) .brand-service-media { border-bottom-width: 3px; }
.bold[data-page="for-brands.html"] .campaign-flow-art .campaign-blueprint { width: 68px; height: 68px; stroke-width: 1.7; }

/* Keep the caption on the hero, leaving a compact logo-only strip. */
.bold[data-page="for-brands.html"] .brand-hero-platform-caption { position: absolute; z-index: 3; bottom: 18px; left: 20px; right: 20px; margin: 0; color: #fffdf8; }
.bold[data-page="for-brands.html"] #main-platforms { padding-block: 12px; }

/* Academy floral accents now use the Creaton emblem. */
.bold.academy-concept .academy-concept-sticker-flower { background-image: none; }
.bold.academy-concept .academy-concept-sticker-flower::before { content: ''; position: absolute; inset: 22%; background: #304735; -webkit-mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat; mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat; }
.bold[data-page="free-academy.html"] .bold-academy-hero .bold-kicker::before,
.bold[data-page="free-academy.html"] .bold-academy-path .bold-section-top h2::after { background: #304735; -webkit-mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat; mask: url('../assets/creaton-bird-mark.svg') center / contain no-repeat; }
.bold.academy-concept .academy-concept-feature img { object-position: center 45%; }
.bold.academy-concept .academy-path-photo img { object-position: 70% center; }
@media (max-width: 767px) {
 .bold.academy-concept .academy-concept-feature { height: auto; aspect-ratio: 3 / 2; }
}

/* Natural creator tutorial, centred in the full media area. */
.bold[data-page="for-brands.html"] .brand-service-card:nth-child(2) .brand-service-media :is(video,img) { object-fit: cover; object-position: center 44%; }

/* Creator choice uses the same sage gradient as the Academy navigation button. */
.bold[data-page="for-creators.html"] .bold-choice-grid article.academy-choice { background: linear-gradient(125deg,#f7efdf,#dceac9 46%,#b8d4a5); border-color: #b8d4a5; color: #263a2a; }
.bold[data-page="for-creators.html"] .academy-choice .bold-kicker { color: #455d3c; }
/* Match the homepage FAQ spacing across both creator pages. */
.bold[data-page="for-creators.html"] #faqs,
.bold[data-page="free-academy.html"] #faqs { padding-block: clamp(76px,8vw,108px); }
/* Keep the video subject and phone equipment inside the device screen. */
.bold.academy-concept .creator-phone-screen .academy-phone-video { display:block; width:100%; height:100%; object-fit:cover; object-position:55% center; }
.bold.academy-concept .academy-concept-feature img { object-position:center top; }
.bold.academy-concept .academy-path-photo img { object-position:50% center; }

/* User-selected creator community photo. */
.bold.academy-concept .academy-concept-feature img { object-position:center 52%; }

/* Mobile homepage: a three-line heading and swipeable founders. */
@media (max-width: 767px) {
 .bold[data-page="index.html"] .bold-home-hero h1 { font-size: clamp(21px,6.3vw,32px); line-height:1.12; max-width:none; width:100%; }
 .bold[data-page="index.html"] .bold-home-hero h1 > br { display:none; }
 .bold[data-page="index.html"] .bold-home-hero h1 :is(.home-heading-agency,.home-heading-influencers,.home-heading-brands) { display:block; white-space:nowrap; }
 .bold[data-page="index.html"] .founder-grid { display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:0; padding:0 0 18px; align-items:stretch; scrollbar-width:thin; scrollbar-color:#a8a39d transparent; }
 .bold[data-page="index.html"] .founder-grid .founder-card { flex:0 0 92%; min-width:0; scroll-snap-align:start; scroll-snap-stop:always; }
 .bold[data-page="index.html"] .founder-grid:focus-visible { outline:2px solid #4a252b; outline-offset:5px; }
}

/* Recoverable autoplay fallback for browser power-saving restrictions. */
.video-play-button { position:absolute; z-index:4; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #fff8; border-radius:999px; padding:12px 20px; background:#252321e8; color:#fff; font:600 14px 'DM Sans',sans-serif; cursor:pointer; }
.video-play-button[hidden] { display:none; }
/* Keep the connector arrow self-contained in every deployment. */
.campaign-flow-card:not(:last-child)::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12h17m-7-7 7 7-7 7' stroke='%234a252b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* Keep Academy introductory text clear of its photo on tablets. */
@media (min-width:761px) and (max-width:1023px) {
 .bold.academy-concept .academy-concept-feature { margin-top:24px; }
}