.sye-hero{overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(218,132,46,.18),transparent 32%),radial-gradient(circle at 88% 12%,rgba(252,228,119,.12),transparent 26%),linear-gradient(135deg,#120d09,#24170f 54%,#0d0b09);color:#fff7ee}.sye-hero__inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding-top:clamp(3.2rem,7vw,8rem);padding-bottom:clamp(3.2rem,7vw,8rem)}.sye-hero__content{max-width:66rem}.sye-hero__eyebrow{margin:0 0 1.4rem;color:#f0ba72;font-size:1.25rem;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.sye-hero__heading{margin:0;color:#fffaf3;font-size:clamp(4rem,7vw,8.4rem);line-height:.95;letter-spacing:-.055em}.sye-hero__text{max-width:58rem;margin-top:2rem;color:#fff7eedb;font-size:clamp(1.6rem,1.8vw,2rem)}.sye-hero__text p{margin:0}.sye-hero__features{display:flex;flex-wrap:wrap;gap:1rem;margin:2.4rem 0 0;padding:0;list-style:none}.sye-hero__feature{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.15rem;border:1px solid rgba(240,186,114,.28);border-radius:999px;background:#ffffff0f;color:#fff7ee;font-size:1.3rem;line-height:1.2}.sye-hero__feature span:first-child{color:#f0ba72}.sye-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.sye-hero .button{min-height:4.8rem}.sye-hero__secondary{--color-button: 255, 247, 238;--color-button-text: 255, 247, 238;color:#fff7ee;background:transparent;box-shadow:0 0 0 .1rem #fff7eebf}.sye-hero__secondary:hover{box-shadow:0 0 0 .2rem #f0ba72f2}.sye-hero__media{position:relative}.sye-hero__media:before{content:"";position:absolute;top:8%;right:-6%;bottom:-6%;left:10%;border-radius:3.2rem;background:linear-gradient(135deg,#f0ba7259,#ffffff0a);transform:rotate(3deg)}.sye-hero__image-frame{position:relative;overflow:hidden;border:1px solid rgba(240,186,114,.32);border-radius:2.4rem;background:#17110d;box-shadow:0 2.4rem 6rem #0000006b}.sye-hero__image{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}@media screen and (max-width:989px){.sye-hero__inner{grid-template-columns:1fr}.sye-hero__media{order:-1}.sye-hero__heading{font-size:clamp(3.6rem,11vw,6rem)}}@media screen and (max-width:549px){.sye-hero__inner{padding-top:2.4rem;padding-bottom:3.2rem}.sye-hero__features,.sye-hero__buttons{flex-direction:column;align-items:stretch}.sye-hero__feature,.sye-hero .button{justify-content:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sye-hero.css.map */