/* Homepage brand stage. No shared category, navigation or product styles. */
.fy-brand-stage{background:#101917;isolation:isolate}
.fy-brand-stage .scene-slide{min-height:660px;height:clamp(600px,46vw,760px);align-items:center}
.fy-brand-stage .scene-slide[hidden]{display:none}
.fy-brand-stage .hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.fy-brand-stage .scene-image,.fy-brand-stage .hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.fy-brand-stage .hero-motion{opacity:0;transition:opacity .4s ease}
.fy-brand-stage .hero-motion.is-playing{opacity:1}
.fy-brand-stage .scene-slide::after{background:linear-gradient(90deg,#101917 0%,rgba(16,25,23,.97) 24%,rgba(16,25,23,.79) 39%,rgba(16,25,23,.22) 63%,rgba(16,25,23,.03) 100%)}
.fy-brand-stage .scene-content{padding-top:64px;padding-bottom:120px}
.fy-brand-stage .scene-content .brand-kicker{max-width:540px;font-size:11px;letter-spacing:.18em;line-height:1.8}
.fy-brand-stage .scene-content h2{max-width:540px!important;font-size:clamp(40px,3.8vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:750;margin:24px 0}
.fy-brand-stage .scene-content h2 span{color:#ff6b16}
.fy-brand-stage .scene-description{max-width:440px;font-size:17px;line-height:1.65;color:#e3e7e5;margin-bottom:30px}
.fy-brand-stage .brand-actions{max-width:530px;gap:12px;flex-wrap:wrap}
.fy-brand-stage .brand-actions .button{min-height:52px;padding:15px 22px;font-size:14px}
.fy-brand-stage .brand-outline{background:rgba(13,22,20,.35)}
.fy-brand-stage .carousel-controls{bottom:28px;justify-content:flex-end;gap:24px;pointer-events:none}
.fy-brand-stage .carousel-controls[hidden]{display:none}
.fy-brand-stage .hero-count{font-size:12px;letter-spacing:.15em;color:#fff;text-shadow:0 1px 5px #000}
.fy-brand-stage .carousel-navigation{gap:8px;pointer-events:auto}
.fy-brand-stage .carousel-navigation button{width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(0,0,0,.12);color:#fff;transition:background .18s,border-color .18s,transform .18s}
.fy-brand-stage .carousel-navigation [data-play]{width:76px;font-size:12px;letter-spacing:.02em}
.fy-brand-stage .carousel-navigation button:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.7)}
.fy-brand-stage .carousel-navigation button:active{transform:scale(.96)}
.fy-brand-stage .carousel-navigation button:focus-visible{outline:3px solid #ff7b2b;outline-offset:4px}
.fy-brand-stage .is-entering .hero-media{animation:hero-arrive .55s ease both}
@keyframes hero-arrive{from{opacity:.35}to{opacity:1}}
@media(max-width:1100px){.fy-brand-stage .scene-content h2{max-width:460px!important;font-size:48px}.fy-brand-stage .scene-description{max-width:390px}.fy-brand-stage .scene-content .brand-kicker{max-width:430px}.fy-brand-stage .hero-media{left:0}}
@media(max-width:800px){.fy-brand-stage .scene-slide{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-bottom:76px}.fy-brand-stage .hero-media{position:relative;inset:auto;order:2;width:100%;aspect-ratio:16/9;z-index:0}.fy-brand-stage .scene-content{order:1;padding-top:40px;padding-bottom:28px}.fy-brand-stage .scene-slide::after{display:none}.fy-brand-stage .scene-content h2{max-width:650px!important;font-size:48px;margin:18px 0}.fy-brand-stage .scene-content .brand-kicker,.fy-brand-stage .scene-description{max-width:610px}.fy-brand-stage .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101917 0%,transparent 20%,transparent 85%,rgba(16,25,23,.4))}.fy-brand-stage .carousel-controls{bottom:14px}.fy-brand-stage .hero-motion,.fy-brand-stage .scene-image{object-position:center}.fy-brand-stage .scene-description{font-size:16px;margin-bottom:22px}}
@media(max-width:480px){.fy-brand-stage .scene-content{padding-top:30px;padding-bottom:24px}.fy-brand-stage .scene-content h2{font-size:36px;max-width:100%!important;line-height:1.08}.fy-brand-stage .scene-content .brand-kicker{font-size:9px;letter-spacing:.12em}.fy-brand-stage .scene-description{font-size:15px;line-height:1.55}.fy-brand-stage .brand-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fy-brand-stage .brand-actions .button{font-size:12px;padding:13px 9px;min-height:48px;gap:5px}.fy-brand-stage .carousel-controls{gap:18px}.fy-brand-stage .carousel-navigation button{height:44px;width:44px}.fy-brand-stage .carousel-navigation [data-play]{width:70px}}
@media(prefers-reduced-motion:reduce){.fy-brand-stage *{animation:none!important;transition:none!important}}

.fy-brand-stage .scene-content h2::first-line{color:#fff}
.fy-brand-stage .scene-content h2{color:#fff}
.fy-brand-stage .carousel-controls{border-top:0}

@media(min-width:801px){.fy-brand-stage .carousel-controls{padding-right:170px}}
@media(min-width:481px) and (max-width:800px){.fy-brand-stage .scene-content{min-height:375px}.fy-brand-stage .carousel-controls{padding-right:170px}}
@media(max-width:480px){.fy-brand-stage .scene-content{min-height:374px}.fy-brand-stage .carousel-controls{padding-right:58px;gap:12px}}