/* ScaleLab-inspired content showcase; shared navigation remains unchanged. */
body.media:has(.sl-content){background:#0c100b;color:#f5f6ef}
.sl-content{--accent:#d6fa70;--muted:#b4bbac;background:radial-gradient(ellipse 70% 600px at 80% 2%,#50632333,transparent),#0c100b;overflow:hidden}
.sl-content .sl-hero{padding:76px 0 26px;position:relative;background:radial-gradient(ellipse at 48% 38%,#71862b29,transparent 63%)}
.sl-content .hero-copy{text-align:center;position:relative;z-index:2;max-width:1050px}
.sl-content .eyebrow{color:#d6fa70;font-size:12px;letter-spacing:.12em}
.sl-hero .eyebrow{justify-content:center;margin-bottom:23px}
.sl-content .sl-hero h1{font-size:clamp(46px,6.5vw,88px);line-height:1.06;letter-spacing:-.065em;margin:0 auto 25px;font-weight:650;max-width:1000px}
.sl-content .sl-hero h1 span{color:#d6fa70}
.sl-content .sl-hero p:not(.eyebrow){font-size:17px;line-height:1.7;color:#bbc1b4;max-width:670px;margin:0 auto}
.sl-content .hero-actions{justify-content:center;margin-top:28px;gap:12px}
.sl-content .button{border-radius:100px;background:#d6fa70;color:#18200b;border:1px solid #d6fa70;padding:15px 23px;transition:transform .2s,background .2s}
.sl-content .button:hover{transform:translateY(-3px);background:#e3ff9f}
.sl-content .button.secondary{background:#ffffff08;color:#f5f6ef;border-color:#ffffff30}
.sl-showcase{position:relative;height:535px;margin-top:48px;display:flex;justify-content:center;align-items:center}
.sl-rails{position:absolute;inset:32px 0;display:grid;gap:20px;align-content:center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);opacity:.75;transform:rotate(-4deg) scale(1.05)}
.sl-track{display:flex;width:max-content;animation:sl-drift 65s linear infinite}
.sl-track-set{display:flex;gap:20px;padding-right:20px}
.sl-rail.reverse .sl-track{animation-direction:reverse;animation-duration:75s}
.sl-shot{position:relative;width:280px;height:190px;border-radius:16px;overflow:hidden;background:#1e2618;border:1px solid #ffffff24}
.sl-shot img{width:100%;height:100%;object-fit:cover}
.sl-shot span{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#000b);padding:35px 16px 13px;color:white;font-size:13px}
.sl-centre-film{width:292px;height:510px;position:relative;border:5px solid #d6fa7044;border-radius:28px;overflow:hidden;background:#1d2617;box-shadow:0 20px 90px #000b,0 0 80px #b7e65818}
.sl-centre-film video{width:100%;height:100%;object-fit:cover;display:block}
.sl-film-caption{position:absolute;inset:28px 20px auto;pointer-events:none;text-shadow:0 2px 20px #000; color:white}
.sl-film-caption span{font-size:9px;letter-spacing:.13em}
.sl-film-caption strong{display:block;font-size:37px;line-height:1.07;letter-spacing:-.04em;margin-top:13px}
.sl-showcase-foot{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:10px}
.sl-content .sl-showcase-foot p{font-size:11px!important;margin:0!important;color:#aeb6a5!important}
.sl-motion-toggle{background:none;border:1px solid #ffffff35;border-radius:30px;color:#d6fa70;padding:8px 14px;font:inherit;font-size:11px;cursor:pointer}
.sl-content.sl-paused .sl-track{animation-play-state:paused}
.sl-content .media-ribbon{background:transparent;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;color:#d6fa70;padding:25px 20px;font-size:12px;letter-spacing:.12em;gap:35px}
.sl-content .section{padding:90px 0}
.sl-content h2{font-size:clamp(32px,4.1vw,55px);line-height:1.12;letter-spacing:-.045em}
.sl-content h2 span{color:#aab49b}
.sl-content .section-copy,.sl-content .service-card p,.sl-content .campaign-caption p{color:#b4bbac}
.sl-content .service-cards{display:flex;flex-direction:column;counter-reset:service;gap:0;border-top:1px solid #ffffff22}
.sl-content .service-card{counter-increment:service;display:grid;grid-template-columns:52px 1fr 1.3fr auto;gap:25px;align-items:center;background:transparent;border:0;border-bottom:1px solid #ffffff22;border-radius:0;padding:30px 10px;transition:background .2s,padding .2s}
.sl-content .service-card:hover{background:#d6fa7008;padding-inline:18px}
.sl-content .service-card:before{content:'0' counter(service);font-size:15px;color:#d6fa70}
.sl-content .service-icon{display:none}
.sl-content .service-card h3{font-size:26px;margin:0;letter-spacing:-.03em}
.sl-content .service-card p,.sl-content .service-card .text-link{margin:0}
.sl-content .service-card .text-link{font-size:12px;white-space:nowrap;color:#d6fa70}
.sl-content .media-work{background:#12180f}
.sl-content .campaign-art{border-radius:20px;overflow:hidden}
.sl-content .campaign-caption{padding:22px 4px 8px}
.sl-content .campaign-grid{gap:42px 28px}
.sl-content .campaign-caption h3{font-size:25px}
.sl-content .media-belief{background:radial-gradient(ellipse at 50% 0,#46551d33,transparent),#0c100b}
.sl-content .media-belief .large-asterisk{color:#d6fa70}
.sl-content .belief-grid{border-top:1px solid #ffffff20;padding-top:26px}
.sl-content .steps li,.sl-content .pricing-card{background:#151d11;border:1px solid #ffffff1c;border-radius:20px}
.sl-content .step-number{color:#d6fa70}
.sl-content .media-feature{border-radius:24px;overflow:hidden;background:#192112}
.sl-content .faq-section,.sl-content .contact-section{background:#10160d}
.sl-content .faq-list details{border-color:#ffffff25}
.sl-content input,.sl-content textarea,.sl-content select{border-radius:12px}
@keyframes sl-drift{to{transform:translateX(-50%)}}
@media(min-width:1600px){.sl-shot{width:350px}}
@media(max-width:800px){.sl-content .sl-hero{padding-top:48px}.sl-content .sl-hero h1{font-size:clamp(42px,8.5vw,65px)}.sl-content .sl-hero p:not(.eyebrow){font-size:15px}.sl-content .section{padding:60px 0}.sl-content .service-card{grid-template-columns:32px 1fr;gap:14px;padding:24px 0}.sl-content .service-card p,.sl-content .service-card .text-link{grid-column:2}.sl-content .service-card h3{font-size:24px}.sl-showcase{height:460px;margin-top:30px}.sl-centre-film{height:430px;width:250px}.sl-shot{width:230px;height:165px}.sl-content .media-ribbon{gap:18px;font-size:10px;flex-wrap:wrap}.sl-showcase-foot{gap:10px}.sl-content .hero-actions .button{font-size:13px;padding:13px 18px}.sl-content .hero-actions{flex-wrap:wrap}.sl-content .campaign-grid{gap:30px}.sl-film-caption strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){.sl-track{animation:none}.sl-content .button,.sl-content .service-card{transition:none}}
.sl-content .belief-grid h3,.sl-content .media-belief h2{color:#f5f6ef}
.sl-content .belief-grid p,.sl-content .example-note{color:#b4bbac}
.sl-content .media-belief .eyebrow{color:#d6fa70}