.os-hero-copy{position:relative;z-index:3}.os-hero-controls{z-index:4}.os-ember-scene{position:absolute;left:-22px;bottom:62px;width:175px;height:38px;z-index:2;pointer-events:none;isolation:isolate}.os-ember-bed{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,#ff6b1888,transparent 68%);filter:drop-shadow(0 4px 8px #000);animation:os-coal-glow 4.8s ease-in-out infinite alternate}.os-ember-bed i{position:absolute;left:calc(var(--coal)*17px);bottom:calc(3px + mod(var(--coal),3)*3px);display:block;width:39px;height:24px;border-radius:45% 30% 35% 25%;transform:rotate(calc(var(--coal)*19deg - 55deg));background:linear-gradient(124deg,#171614 20%,#40342b 27%,#171512 33%,#1b1713 60%,#f37b32 64%,#731d0b 69%,#24201b 74%);box-shadow:inset 0 -3px 4px #c33b13,0 2px 3px #ff681f88;border-top:1px solid #73625566}.os-smoke-puff{position:absolute;left:calc(25px + var(--puff)*7px);bottom:8px;width:100px;height:125px;border-radius:50%;opacity:0;transform-origin:50% 90%;background:radial-gradient(ellipse at 30% 64%,#e0d5c24d,transparent 58%),radial-gradient(ellipse at 65% 45%,#e0d5c242,transparent 58%),radial-gradient(ellipse at 42% 28%,#f1e9d938,transparent 60%);filter:blur(10px);will-change:transform,opacity;animation:os-smoke-rise 15s linear infinite;animation-delay:calc(var(--puff)*-1.875s)}.os-smoke-toggle{position:absolute;right:22px;bottom:23px;z-index:5;border:1px solid #b5946255;background:#181510a6;color:#dac5a2;border-radius:3px;min-height:36px;padding:8px 12px;cursor:pointer;font-size:10px;letter-spacing:.08em}.os-smoke-toggle:focus-visible{outline:2px solid #e8bb79;outline-offset:3px}.os-smoke-paused .os-smoke-puff,.os-smoke-paused .os-ember-bed,.os-smoke-offscreen .os-smoke-puff,.os-smoke-offscreen .os-ember-bed{animation-play-state:paused}
@keyframes os-smoke-rise{0%{opacity:0;transform:translate(0,12px) scale(.45) rotate(-12deg)}14%{opacity:.7}45%{opacity:.8;transform:translate(22px,-110px) scale(1.4) rotate(10deg)}75%{opacity:.38;transform:translate(66px,-245px) scale(2.1) rotate(-8deg)}100%{opacity:0;transform:translate(100px,-380px) scale(2.8) rotate(18deg)}}
@keyframes os-coal-glow{0%,100%{opacity:.75;filter:drop-shadow(0 2px 5px #9b2d12)}42%{opacity:1;filter:drop-shadow(0 2px 10px #f3691c)}70%{opacity:.88;filter:drop-shadow(0 2px 7px #d94312)}}
@media(max-width:600px){.os-ember-scene{top:222px;bottom:auto;left:-27px;transform:scale(.8);transform-origin:left bottom}.os-smoke-toggle{top:15px;right:15px;bottom:auto;background:#17130fba}.os-smoke-puff{filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.os-smoke-puff,.os-ember-bed{animation-play-state:paused}}

/* Dense, solid charcoal pile: broad charred faces with glowing fissures. */
.os-ember-scene{left:12px;width:232px;height:90px}
.os-ember-bed{background:radial-gradient(ellipse at 48% 72%,#ff571daa,transparent 70%)}
.os-ember-bed i{left:var(--x);bottom:var(--y);width:63px;height:37px;border-radius:9px 13px 7px 11px;transform:rotate(var(--turn));border:1px solid #5c5145;background:linear-gradient(165deg,transparent 42%,#ef4c16 44%,#ffb14b 46%,#6c2411 48%,transparent 51%),linear-gradient(22deg,#181817 10%,#49443b 36%,#232320 45%,#0e100f 78%);box-shadow:inset 0 5px 5px #a29b7833,inset -8px -7px 7px #000b,0 3px 7px #000b}
.os-ember-bed i:before{content:"";position:absolute;right:0;top:3px;width:19px;height:29px;border-radius:45%;background:radial-gradient(ellipse,#ffcb70 0%,#ff7b29 23%,#bd3417 46%,#34241b 70%);box-shadow:0 0 8px #fc591c77;opacity:.85}
.os-ember-bed i:after{content:"";position:absolute;inset:5px 19px 6px 7px;background:repeating-linear-gradient(8deg,transparent 0 5px,#c2b89433 6px,#0009 8px,transparent 10px);border-radius:5px}
.os-smoke-puff{left:calc(35px + var(--puff)*16px);bottom:45px}
@media(max-width:600px){.os-ember-scene{left:8px;width:232px;height:90px;transform:scale(.7);transform-origin:left bottom}}

/* Photographic ember texture with existing drifting smoke. */
.os-ember-scene{left:8px;width:285px;height:100px;bottom:65px}.os-ember-bed{background:none}.os-ember-bed img{display:block;width:100%;height:100%;object-fit:contain}.os-smoke-puff{bottom:48px}@media(max-width:600px){.os-ember-scene{width:235px;height:80px;top:215px;bottom:auto;left:4px;transform:none}}