/* 28 October: creator notes, two takes, moving inspiration and inline signup. */
.copycat-proof>small{font-family:'Kalam',cursive;color:var(--accent);font-size:21px;line-height:1.35}
.drag-help,.playground-heading>span,.playground-instruction,.playground-help,#effect-status,#effect-prompt,.playground-note,.mix-section>.section-head p,.choice-hint,#combination-status,.demo-note{font-family:'Kalam',cursive}
.mix-section>.section-head p{font-size:23px;line-height:1.5;max-width:65ch}.choice-hint,.demo-note{font-size:17px}#combination-status{font-size:21px}
.hero .skill-link{color:var(--accent);border-color:var(--accent);font-weight:600}
.take-options{display:flex;gap:12px}.take-options button{display:flex;align-items:center;gap:12px;min-height:68px;flex:1;padding:7px 14px 7px 7px;background:#252420;border:1px solid #575650;border-radius:8px;color:var(--cream);cursor:pointer;font-size:17px}.take-options button[aria-pressed=true]{border-color:var(--red);background:#401c20}.take-options img{width:39px;height:52px;object-fit:cover;border-radius:4px}.take-choice{margin-bottom:22px}
.effects-offer{background:var(--ink);color:var(--cream);border:1px solid var(--line)}.effects-offer h2{color:var(--cream)}.effects-offer h2 em{color:var(--accent)}.effects-offer p,.effects-offer small{color:var(--muted)}
.offer-card.masterclass-invite{background:var(--cream);color:var(--ink);border-color:var(--cream)}.offer-card.masterclass-invite h2{color:var(--ink)}.offer-card.masterclass-invite h2 em{color:#c22218}.offer-card.masterclass-invite p,.offer-card.masterclass-invite small{color:#625f59}.offer-card.masterclass-invite .offer-date{color:var(--ink)}
#inspiration-pause{align-self:end;min-height:44px;border:1px solid #625f59;background:transparent;color:var(--ink);padding:10px 16px;border-radius:7px;cursor:pointer}
.inspiration-viewport{overflow:hidden;width:100%;margin:32px 0}.inspiration-track{display:flex;width:max-content;gap:16px;animation:inspiration-drift 65s linear infinite;animation-play-state:paused;will-change:transform}.inspiration-viewport.running .inspiration-track{animation-play-state:running}.inspiration-viewport.paused .inspiration-track,.inspiration-viewport:hover .inspiration-track,.inspiration-viewport:focus-within .inspiration-track{animation-play-state:paused}
.inspiration-group{display:grid;grid-auto-flow:column;grid-auto-columns:250px;grid-template-rows:repeat(2,190px);gap:16px}.inspiration-group .reference-card{width:250px;height:100%;position:relative;overflow:hidden;border-radius:12px;background:#252420;color:#fff;display:block}.inspiration-group .reference-card:nth-child(1),.inspiration-group .reference-card:nth-child(4),.inspiration-group .reference-card:nth-child(7){grid-row:span 2}.inspiration-group .reference-card img,.inspiration-group .reference-card video{height:100%;width:100%;object-fit:cover;display:block}.inspiration-group .reference-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.inspiration-group .reference-card>span,.inspiration-group .reference-card>small{position:absolute;z-index:1;left:15px;right:10px;color:#fff;margin:0}.inspiration-group .reference-card>span{bottom:39px;font-size:21px;line-height:1.05}.inspiration-group .reference-card>small{bottom:15px;font-size:13px}.inspiration-bottom .reference-note{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:18px 0 0}.inspiration-bottom .reference-note h3{font-size:34px;line-height:1.1}.inspiration-bottom .reference-note h3 em{font-style:normal;color:#c22218}.inspiration-bottom .reference-note p{max-width:52ch;font-size:20px}.inspiration-bottom .reference-disclosure{margin-top:24px!important}
@keyframes inspiration-drift{from{transform:translateX(calc(-1 * var(--inspiration-cycle,1330px)))}to{transform:translateX(0)}}
#signup-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:14px;padding:34px;background:var(--cream);color:var(--ink);box-shadow:0 24px 80px #0006}#signup-dialog::backdrop{background:#000a}.signup-close{position:absolute;right:12px;top:12px;width:44px;height:44px;background:none;border:0;color:var(--ink);font-size:32px;cursor:pointer}#signup-dialog h2{font-size:44px;margin:18px 0}#signup-dialog h2 em{color:#c22218}#signup-dialog .signup-intro{font-size:18px;line-height:1.45;margin-bottom:22px;color:#625f59}#signup-dialog .field{color:var(--ink)}#signup-dialog .field input{color:var(--ink);border-color:#8c867b;background:transparent}#signup-dialog .field input::placeholder{color:#625f59}#signup-dialog .field small,#signup-dialog .edit-choice legend,#signup-dialog .form-note{color:#625f59}#signup-dialog .chips span{color:#514c43;border-color:#8c867b}#signup-dialog .chips input:checked+span{background:var(--ink);color:var(--cream)}#signup-dialog .form-message{color:#a82219}#signup-dialog :focus-visible{outline:2px solid #141414;outline-offset:3px}body:has(#signup-dialog[open]){overflow:hidden}
@media(max-width:760px){.copycat-proof>small{font-size:17px}.mix-section>.section-head p{font-size:20px;line-height:1.4}.take-options button{font-size:16px;padding-right:7px;gap:8px}.combination-choices legend{font-size:21px}.take-choice{margin-bottom:22px}.niche-section .section-head h2{margin-bottom:20px}.inspiration-viewport{margin:24px 0}.inspiration-group{display:flex;gap:16px}.inspiration-group .reference-card{width:calc(100vw - 60px);max-width:350px;height:330px;flex:none;scroll-snap-align:center}.inspiration-group .reference-card img,.inspiration-group .reference-card video{height:100%;object-position:center 35%}.inspiration-track{animation-duration:90s}.inspiration-bottom .reference-note{display:block;padding-top:0}.inspiration-bottom .reference-note h3{font-size:30px}.inspiration-bottom .reference-note p{font-size:18px;margin-top:18px}.inspiration-bottom .reference-disclosure{font-size:12px}.offer-card{min-width:0}#signup-dialog{padding:26px 22px}#signup-dialog h2{font-size:36px}#signup-dialog .signup-intro{font-size:17px}#signup-dialog .field-row{grid-template-columns:1fr}#signup-dialog .edit-choice{margin-top:14px}#signup-dialog .form-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.inspiration-track{animation:none!important;will-change:auto}.inspiration-viewport{overflow-x:auto;scroll-snap-type:x proximity}.inspiration-group[aria-hidden=true]{display:none}}

/* Short studio pitch and a continuous full-width proof strip. */
.hero h1{font-size:clamp(58px,5.7vw,80px);line-height:1.02}.hero h1 em{white-space:normal}
.hero-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 22px;padding:18px 0;border-block:1px solid var(--line);gap:15px}.hero-numbers>div{display:flex;flex-direction:column-reverse;justify-content:end;gap:7px}.hero-numbers dt{font-size:14px;line-height:1.3;color:var(--muted)}.hero-numbers dd{margin:0;font-family:var(--sans);font-size:36px;font-weight:700;line-height:1;color:var(--cream)}.hero-sub{margin-top:0}.hero-sub p{line-height:1.4;margin-bottom:12px}.hero .signup-panel{margin-top:24px}
.viral-callout{padding-block:44px;border-block:1px solid var(--line)}.viral-callout h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;max-width:32ch}.viral-callout h2 em{color:var(--accent)}
.proof-section{padding-block:44px 48px}.proof-section .section-head{margin-bottom:24px;align-items:center}.proof-stats{margin-top:0;padding-bottom:28px;gap:24px}.proof-stats .proof-source{max-width:26ch}.reel-viewport{margin-top:0}.reel-track{padding:0;gap:16px;animation-name:hop-reel-loop;animation-duration:32s}@keyframes hop-reel-loop{to{transform:translateX(calc(-1 * var(--reel-cycle,726px)))}}#effect-sound:disabled{opacity:.55;cursor:default}
@media(max-width:760px){.hero h1{font-size:54px}.hero-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-block:22px;padding-block:18px}.hero-numbers dd{font-size:32px}.hero-numbers dt{font-size:14px}.viral-callout{padding-block:32px}.viral-callout h2{font-size:30px}.viral-callout br{display:none}.proof-section{padding-block:32px}.proof-section .section-head{margin-bottom:20px}.proof-stats{margin-top:0;gap:18px;padding-bottom:24px}.proof-stats .proof-source{max-width:none}}
@media(max-width:359px){.hero h1{font-size:46px}}

.hero-sub p{display:flex;gap:9px;align-items:flex-start}.hero-sub p>span{flex:none;width:20px}

/* Owner-requested emphasis for the central creator promise. */
.viral-callout{padding-block:58px;text-align:center}.viral-callout h2{max-width:36ch;margin-inline:auto;font-family:'Barlow',sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,46px);line-height:1.18;color:#f6e59b}.viral-callout h2 em{color:inherit;font:inherit}
@media(max-width:760px){.viral-callout{padding-block:38px}.viral-callout h2{font-size:30px;max-width:23ch}}

/* Cream inventory inset and centered inspiration statement. */
.hero-numbers{background:var(--cream);border:0;border-radius:12px;padding:22px 20px;box-shadow:0 7px 20px #0003;gap:16px}.hero-numbers dd{color:var(--ink)}.hero-numbers>div:nth-child(3) dd,.hero-numbers>div:nth-child(4) dd{color:#b4261c}.hero-numbers dt{color:#49443c}.niche-section .section-head{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.niche-section .section-head h2{max-width:none;margin:0}.niche-section .niche-accent{display:inline-block;margin-top:10px;font-family:'Kalam',cursive;font-size:.9em;font-weight:400;font-style:italic;line-height:1.3;color:var(--ink)}#inspiration-pause{align-self:center}.inspiration-bottom .reference-note{display:flex;flex-direction:column;text-align:center;gap:18px;padding-top:12px}.inspiration-bottom .reference-note h3{font-size:clamp(32px,3.1vw,42px)}.inspiration-bottom .reference-note p{max-width:65ch;margin:0 auto;color:#49443c;line-height:1.55}.inspiration-bottom .reference-disclosure{text-align:center;color:#49443c}.niche-section p,.offer-card.masterclass-invite p,.offer-card.masterclass-invite small,.final-section p:not(.form-message){color:#49443c}
@media(max-width:760px){.hero-numbers{padding:20px;gap:22px 18px}.hero-numbers dt{font-size:13px}.niche-section .niche-accent{font-size:28px}.niche-section .section-head{gap:18px}.inspiration-bottom .reference-note{gap:18px}.inspiration-bottom .reference-note p{font-size:18px}.inspiration-bottom .reference-disclosure{font-size:12px}}

.reel-track{animation-duration:var(--reel-duration,74s)}

.hero-numbers>div{flex-direction:column;justify-content:flex-start}.hero-numbers dd{order:-1}

/* Caption presets follow Vibha's local library, positioned below the chin. */
.caption-sample{top:47%;bottom:auto;left:7%;right:7%;font:700 19px/1.2 Arial,sans-serif;text-transform:none;text-shadow:0 2px 5px #000b}
.combination-preview[data-take="original"] .caption-sample{top:54%}
.caption-sample em{font:inherit;color:inherit}
.caption-sample.mixed em{font:italic 400 1.42em/.85 'Instrument Serif',serif;color:#fbe38e}
.caption-sample.bold{font:800 24px/1.15 var(--sans);text-transform:uppercase}
.caption-sample.highlight{left:7%;right:7%;background:none;padding:0;border-radius:0;color:white;font-weight:700;text-shadow:0 2px 5px #000b}
.caption-sample.highlight em{display:inline-block;background:#c6ff3d;color:#0d0d0d;border-radius:4px;padding:1px 5px 3px;text-shadow:none}
.combo-captions{flex-wrap:wrap}.combo-captions .caption-mixed{font-style:italic}.combo-captions .caption-highlight{color:#c6ff3d}
@media(max-width:760px){.combo-captions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.caption-sample{font-size:17px}.caption-sample.bold{font-size:21px}}

/* Loop exactly one measured group; extra groups cover wide viewports. */
.inspiration-track{animation-duration:var(--inspiration-duration,65s)}

/* Bright header signup action. */
.topbar .nav-join{background:#e3000f;color:#fff;border:1px solid #ff514c;border-radius:10px;padding:13px 19px;box-shadow:0 5px 18px #e3000f26;font-weight:700;transition:background .18s,box-shadow .18s}.topbar .nav-join:hover{background:#c9000d;box-shadow:0 6px 22px #e3000f40}.topbar .nav-join:focus-visible{outline:3px solid #f6e59b;outline-offset:4px}

/* Approved light hero: cream canvas, charcoal inventory, red calls to action. */
.header-surface,.hero-surface{background:var(--cream);color:var(--ink);color-scheme:light}
.header-surface .topbar{border-color:#d4ccbf}.header-surface .brand>span{border-color:#d4ccbf}.header-surface .brand small{color:#575149}
.hero{--accent:#c5261d}.hero h1,.hero .playground-heading h2{color:var(--ink)}
.hero-numbers{background:#171716;box-shadow:0 7px 20px #14141426}.hero-numbers dd{color:var(--cream)}.hero-numbers>div:nth-child(3) dd,.hero-numbers>div:nth-child(4) dd{color:#ff5c54}.hero-numbers dt{color:#ddd5c8}
.hero p,.hero .playground-heading>span,.hero .field small,.hero .edit-choice small{color:#575149}.hero .field,.hero .edit-choice legend{color:var(--ink)}
.hero .field input{background:#fbf8f1;border-color:#9a9183;color:var(--ink)}.hero .field input::placeholder{color:#625b51}.hero .chips span{border-color:#9a9183;color:#49443c}.hero .chips input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.hero .form-message{color:#a51e18}.hero .skill-link{color:#c5261d;border-color:#c5261d}
.hero .effect-picker button{background:#eee6d8;color:var(--ink);border-color:#bcb2a2}.hero .effect-picker button[aria-pressed=true]{background:#f6d9d2;border-color:#c5261d}.hero .effect-picker button:hover{border-color:#c5261d}
.hero :focus-visible,.header-surface :focus-visible,.hero .chips input:focus-visible+span{outline:3px solid #9d211b;outline-offset:4px}
@media(max-width:760px){.header-surface .topbar{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding-block:14px}.header-surface .brand>span{display:none}.header-surface .brand>img{width:68px}.header-surface .header-actions{gap:6px}.header-surface .nav-join{display:flex;font-size:13px;padding:10px 12px;gap:9px}.header-surface .hop-menu>summary{padding:10px 6px;font-size:13px;gap:6px}}

.hero #effect-status{color:#49443c}

/* Stronger reading weight, with restrained emphasis on the key promises. */
body{font-weight:600}
p,.hero-numbers dt,.field,.edit-choice legend,.effect-picker span,.chips span,.section-head>p{font-weight:600}
.hero-sub p>.hero-benefit-copy{font-weight:600;flex:1;width:auto;min-width:0}
.hero-benefit-copy u,.reference-note u{text-decoration-color:#c5261d;text-decoration-thickness:2px;text-underline-offset:.18em;text-decoration-skip-ink:auto;font-weight:700}
.inspiration-bottom .reference-note .niche-update-note{font-family:'Kalam',cursive;font-size:22px;font-weight:400;color:#a6241d;display:inline-block;align-self:center;max-width:100%;padding:5px 13px;border:1px solid #c5261d44;border-radius:5px;transform:rotate(-2deg);line-height:1.4}
@media(max-width:760px){.inspiration-bottom .reference-note .niche-update-note{font-size:20px}}

/* A small paper collage frames the statement without competing with it. */
.viral-callout{position:relative;isolation:isolate;padding:78px 130px;overflow:hidden}
.viral-callout h2{position:relative;z-index:1;max-width:36ch}
.callout-sticker{position:absolute;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 2px #0004)}
.sticker-camera{width:100px;height:100px;left:12px;top:50%;transform:translateY(-50%) rotate(-12deg)}
.sticker-megaphone{width:100px;height:100px;right:15px;top:44%;transform:rotate(10deg)}
.editing-callout{position:relative;display:inline-block;white-space:nowrap}
.sticker-explosion{width:48px;height:48px;right:-22px;top:-43px;transform:rotate(12deg)}
.sticker-explosion-lower{left:25%;right:auto;top:auto;bottom:10px}
.callout-paper{position:absolute;right:-4px;top:-3px;width:115px;height:100px;pointer-events:none;background:repeating-conic-gradient(from 190deg at 100% 0%,#c42822 0deg 9deg,#f3ecdf 9deg 19deg);clip-path:polygon(0 0,100% 0,100% 100%,88% 94%,83% 83%,72% 78%,66% 63%,54% 59%,48% 42%,34% 36%,29% 24%,15% 19%,12% 8%);filter:drop-shadow(-2px 3px 1px #0004)}
.section-cta{display:flex;justify-content:center;padding:30px 20px 0}
.section-cta .primary-button{min-width:260px;max-width:100%;gap:36px;justify-content:space-between}
.studio-section>.section-cta{padding-top:20px}
.niche-section>.section-cta{padding-top:24px}
@media(max-width:760px){
 .viral-callout{padding:70px 14px 62px}
 .viral-callout h2{font-size:clamp(26px,6.8vw,34px);max-width:24ch}
 .callout-paper{width:68px;height:60px}
 .sticker-camera{width:50px;height:50px;top:10px;left:8px;transform:rotate(-12deg)}
 .sticker-megaphone{width:50px;height:50px;right:10px;top:auto;bottom:4px;transform:rotate(10deg)}
 .editing-callout{display:inline;white-space:normal}
 .sticker-explosion{display:none}
 .section-cta{padding-inline:0;padding-top:24px}
 .section-cta .primary-button{min-width:0;width:calc(100% - 40px);max-width:360px}
}

/* Drag/swipe board: native horizontal scrolling, gentle drift managed in JS. */
.inspiration-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;user-select:none;-webkit-user-select:none;scroll-behavior:auto}
.inspiration-viewport::-webkit-scrollbar{display:none}
.inspiration-viewport.dragging,.inspiration-viewport.dragging a{cursor:grabbing}
.inspiration-viewport:focus-visible{outline:2px solid #b4261c;outline-offset:5px}
.inspiration-viewport .inspiration-track{animation:none!important;transform:none;will-change:auto}
.inspiration-group .reference-card:nth-child(3n+1){grid-row:span 2}
.inspiration-group img,.inspiration-group video{-webkit-user-drag:none}
.niche-section .inspiration-hint{max-width:none;font-size:15px;margin:0;color:#49443c;font-weight:600}
@media(max-width:760px){.niche-section .inspiration-hint{font-size:14px;padding-inline:18px}.inspiration-viewport{scroll-snap-type:none}}
