.creatos-banners-empty{background:#f4f7f2;border:1px dashed #b7c8aa;border-radius:12px;margin:2rem auto;max-width:1180px;padding:2rem;text-align:center}
.creatos-banners-empty a{color:#4f7716;font-weight:700}
.ff-hero-shell .ff-hero{aspect-ratio:auto;background:#0b2b11;max-width:100%;min-height:440px!important;width:100%}
.ff-hero .creatos-banner__slide{align-items:center;display:grid;gap:clamp(1.25rem,2vw,2rem);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);height:100%;inset:0;overflow:hidden;padding:clamp(2.25rem,4vw,4rem);position:absolute;width:100%}
.ff-hero .creatos-banner__slide.is-active{position:absolute}
.creatos-banner__shade{background:radial-gradient(circle at 82% 36%,rgba(118,166,44,.27),transparent 34%),linear-gradient(135deg,rgba(7,32,13,.98),rgba(11,43,17,.92));inset:0;position:absolute}
.creatos-banner__content{color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:660px;min-width:0;padding-bottom:1.5rem;position:relative;z-index:2}
.creatos-banner__eyebrow{color:#a8d566;font-size:.68rem;font-weight:900;letter-spacing:.14em;margin-bottom:.8rem;text-transform:uppercase}
.ff-hero .creatos-banner__content h1,.ff-hero .creatos-banner__content h2{color:#fff;font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(2.35rem,3.4vw,3.5rem);letter-spacing:-.04em;line-height:.95;margin:0 0 1rem;max-width:680px;text-transform:uppercase}
.ff-hero .creatos-banner__content p{color:#d7e2d5;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.65;margin:0 0 1.4rem;max-width:620px}
.creatos-banner__actions{display:flex;flex-wrap:wrap;gap:.7rem}
.creatos-banner__button{align-items:center;border:1px solid #76a62c;border-radius:7px;display:inline-flex;font-size:.78rem;font-weight:900;justify-content:center;min-height:46px;padding:.7rem 1.15rem;text-decoration:none}
.creatos-banner__button--primary{background:#76a62c;color:#fff}
.creatos-banner__button--primary:hover{background:#8abd3b;border-color:#8abd3b;color:#fff}
.creatos-banner__button--secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.62);color:#fff}
.creatos-banner__button--secondary:hover{background:#fff;color:#0b2b11}
.creatos-banner__media{align-items:center;align-self:stretch;display:flex;justify-content:center;min-width:0;padding:.75rem;position:relative;z-index:2}
.creatos-banner__media .ff-optimized-picture{align-items:center;display:flex;justify-content:center;max-height:340px;max-width:100%;position:relative;z-index:2}
.creatos-banner__media::before{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(118,166,44,.08));border:1px solid rgba(255,255,255,.2);border-radius:28% 12% 26% 14%;box-shadow:0 26px 54px rgba(0,0,0,.28);content:"";inset:2% 0;position:absolute;transform:rotate(-2deg)}
.creatos-banner__media::after{border:1px solid rgba(168,213,102,.38);border-radius:50%;content:"";inset:8% 5%;position:absolute;transform:rotate(5deg)}
.creatos-banner__artwork{border-radius:14px;box-shadow:0 22px 38px rgba(0,0,0,.34);display:block;height:auto;max-height:340px;max-width:100%;object-fit:contain;position:relative;width:auto;z-index:2}
.ff-hero__slide--no-image{background:#0b2b11}
.ff-hero__slide--no-image{grid-template-columns:1fr}

@media(max-width:1100px){
	.ff-home-hero.ff-home-hero{grid-template-columns:1fr}
	.ff-product-menu{order:2}
	.ff-home-hero>.ff-hero-shell{order:1}
}

@media(max-width:700px){
	.ff-hero-shell .ff-hero{min-height:500px!important}
	.ff-hero .creatos-banner__slide{align-content:stretch;gap:.55rem;grid-template-columns:1fr;grid-template-rows:auto minmax(122px,1fr);padding:1.1rem 1.35rem}
	.creatos-banner__shade{background:radial-gradient(circle at 70% 85%,rgba(118,166,44,.24),transparent 34%),linear-gradient(155deg,rgba(7,32,13,.99),rgba(11,43,17,.94))}
	.creatos-banner__content{padding-bottom:0}
	.creatos-banner__eyebrow{font-size:.56rem;margin-bottom:.35rem}
	.ff-hero .creatos-banner__content h1,.ff-hero .creatos-banner__content h2{font-size:clamp(1.45rem,6.6vw,1.75rem);line-height:.94;margin-bottom:.5rem}
	.ff-hero .creatos-banner__content p{font-size:.72rem;line-height:1.35;margin-bottom:.6rem}
	.creatos-banner__actions{display:grid;grid-template-columns:1fr 1fr}
	.creatos-banner__button{min-height:38px;padding:.4rem .5rem}
	.creatos-banner__media{min-height:122px;padding:.1rem .75rem}
	.creatos-banner__media::before{border-radius:22px;inset:0 12%;transform:rotate(-1deg)}
	.creatos-banner__media::after{inset:8% 18%}
	.creatos-banner__artwork{border-radius:9px;max-height:170px}
}

@media(prefers-reduced-motion:reduce){
	.ff-hero .creatos-banner__slide{transition:none!important}
}