.cinoton-hero{display:block;padding:22px min(var(--hero-gutter, 40px),5vw) 34px;background:#08090c;color:#fff}.cinoton-hero__frame{position:relative;width:100%;height:auto;min-height:420px;max-height:var(--hero-max-height, 580px);aspect-ratio:var(--hero-aspect-ratio, 3.3103);max-width:var(--page-box-width, 1600px);margin:0 auto;overflow:hidden;border-radius:var(--hero-radius, 18px);background:#111b35;isolation:isolate}.cinoton-hero--full{width:100%;padding:0}.cinoton-hero--full .cinoton-hero__frame{max-width:none;border-radius:0}.cinoton-hero__slides,.cinoton-hero__slide,.cinoton-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.cinoton-hero__slide{visibility:hidden;opacity:0;background:var(--hero-panel, #111b35);transition:opacity .45s ease,visibility .45s}.cinoton-hero__slide.is-active{z-index:1;visibility:visible;opacity:1}.cinoton-hero__media{position:absolute;inset:0 0 0 calc(100% - var(--hero-media-width, 64%));overflow:hidden}.cinoton-hero__slide[data-media-layout=full] .cinoton-hero__media{left:0}.cinoton-hero__media picture,.cinoton-hero__media img{display:block;width:100%;height:100%}.cinoton-hero__media img{object-fit:cover;object-position:var(--hero-image-focus, 50%) center}.cinoton-hero__shade{z-index:1;background:linear-gradient(90deg,var(--hero-panel, #111b35) 0%,var(--hero-panel, #111b35) 31%,color-mix(in srgb,var(--hero-panel, #111b35) 86%,transparent) 43%,transparent 78%);pointer-events:none}.cinoton-hero__slide[data-media-layout=full] .cinoton-hero__shade{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-panel, #111b35) 96%,transparent) 0%,color-mix(in srgb,var(--hero-panel, #111b35) 72%,transparent) 38%,transparent 76%)}.cinoton-hero__inner{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:100%;padding:44px clamp(36px,6.2vw,104px) 72px}.cinoton-hero__content{width:min(42%,540px)}.cinoton-hero__eyebrow{margin:0 0 18px;color:var(--hero-eyebrow-color, #d2d9e9);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.cinoton-hero h1,.cinoton-hero h2{margin:0 0 18px;color:var(--hero-heading-color, #fff);font-size:clamp(40px,4.3vw,65px);font-weight:750;letter-spacing:-.045em;line-height:1.04}.cinoton-hero__description{max-width:420px;margin:0 0 26px;color:var(--hero-description-color, #e6eaf3);font-size:clamp(15px,1.3vw,18px);line-height:1.5}.cinoton-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:45px;padding:0 18px;border:1px solid #e3e9f4;border-radius:3px;background:transparent;color:var(--hero-button-label-color, #fff);font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:color .18s ease,background .18s ease}.cinoton-hero__button:hover,.cinoton-hero__button:focus-visible{background:#fff;color:#101627}.cinoton-hero__controls{position:absolute;z-index:3;right:24px;bottom:22px;display:flex;align-items:center;gap:9px}.cinoton-hero__nav{display:inline-grid;grid-template-columns:30px minmax(49px,auto) 30px;align-items:stretch;height:38px;padding:0 5px;border-radius:999px;background:#fff;color:#172034;box-shadow:0 4px 18px #0002}.cinoton-hero__nav button,.cinoton-hero__play{display:inline-grid;place-items:center;width:30px;height:30px;min-height:0;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.cinoton-hero__nav button{height:100%;font-size:25px;line-height:1}.cinoton-hero__nav button:hover{color:#0789cb}.cinoton-hero__counter{display:grid;place-items:center;height:100%;min-width:49px;padding:0 3px;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;transform:translateY(1px)}.cinoton-hero__play{width:38px;height:38px;border-radius:50%;background:#fff;color:#172034;font-size:14px;box-shadow:0 4px 18px #0002}.cinoton-hero__play>span{display:grid;place-items:center;width:100%;height:100%;line-height:1}.cinoton-hero__play:hover{color:#0789cb}@media(max-width:900px){.cinoton-hero__inner{padding-left:6%;padding-right:6%}.cinoton-hero__content{width:min(48%,470px)}.cinoton-hero h1,.cinoton-hero h2{font-size:clamp(37px,5.6vw,55px)}}@media(min-width:701px)and (max-width:1389px){.cinoton-hero__frame{height:clamp(var(--hero-tablet-end-height, 420px),var(--hero-tablet-fluid-height, calc(742.3px - 23.2vw) ),580px);max-height:580px;aspect-ratio:auto}}@media(max-width:700px){.cinoton-hero{padding:12px 12px 22px}.cinoton-hero__frame{height:auto;min-height:500px;max-height:580px;aspect-ratio:3 / 4;border-radius:14px}.cinoton-hero--full{padding:0}.cinoton-hero--full .cinoton-hero__frame{border-radius:0}.cinoton-hero__media,.cinoton-hero__slide[data-media-layout=full] .cinoton-hero__media{top:27%;right:0;bottom:0;left:0}.cinoton-hero__slide[data-text-background=false] .cinoton-hero__media{top:0;right:0;bottom:0;left:0}.cinoton-hero__shade,.cinoton-hero__slide[data-media-layout=full] .cinoton-hero__shade{background:linear-gradient(180deg,var(--hero-panel, #111b35) 0%,var(--hero-panel, #111b35) 29%,color-mix(in srgb,var(--hero-panel, #111b35) 78%,transparent) 49%,transparent 84%)}.cinoton-hero__inner{align-items:flex-start;padding:38px 25px 88px}.cinoton-hero__content{width:min(100%,440px)}.cinoton-hero__eyebrow{margin-bottom:12px;font-size:10px}.cinoton-hero h1,.cinoton-hero h2{max-width:400px;margin-bottom:13px;font-size:clamp(36px,10vw,52px)}.cinoton-hero__description{max-width:370px;margin-bottom:18px;font-size:14px}.cinoton-hero__button{min-height:40px;padding:0 14px;font-size:12px}.cinoton-hero__controls{right:18px;bottom:17px}}@media(prefers-reduced-motion:reduce){.cinoton-hero__slide,.cinoton-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-hero.css.map */