.hero-skin-code{background-color:var(--hsc-bg, #f2eadf);color:var(--hsc-text-color, #472a1c);padding:clamp(48px,8vw,96px) 0;overflow:hidden}.hero-skin-code__inner{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 clamp(20px,4vw,48px);display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,56px);align-items:center}@media(min-width:900px){.hero-skin-code__inner{grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,80px)}}.hero-skin-code__text{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,32px)}.hero-skin-code__heading{font-family:var(--font-headline);color:var(--hsc-heading-color, #472a1c);font-size:var(--hsc-heading-size-mob, 4.2rem);line-height:1.08;letter-spacing:-.015em;font-weight:var(--font-headline-weight, 400);margin:0}.hero-skin-code__heading em{font-style:italic;font-weight:400}@media(min-width:900px){.hero-skin-code__heading{font-size:var(--hsc-heading-size-desk, 7.2rem)}}.hero-skin-code__subheading{font-family:var(--font-base);font-size:var(--font-base-size, 18px);line-height:1.6;color:var(--hsc-text-color, #472a1c);opacity:.85;max-width:560px}.hero-skin-code__subheading p{margin:0}.hero-skin-code__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,2vw,32px);padding-top:8px}.hero-skin-code__btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--hsc-accent-color, #a48046);color:#f2eadf;padding:18px 42px;border-radius:999px;font-family:var(--font-base);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease-in,color .3s ease-in,transform .2s ease}.hero-skin-code__btn:hover{background-color:color-mix(in srgb,var(--hsc-accent-color, #a48046) 88%,black);color:#f2eadf;transform:translateY(-1px)}.hero-skin-code__btn:active{transform:translateY(0) scale(.98)}.hero-skin-code__watch{display:inline-flex;align-items:center;gap:10px;color:var(--hsc-secondary-color, #6b7c5e);font-family:var(--font-base);font-weight:500;font-size:var(--font-base-size, 18px);text-decoration:none;transition:opacity .2s ease}.hero-skin-code__watch:hover{opacity:.75}.hero-skin-code__watch-icon{display:inline-flex;align-items:center;justify-content:center}.hero-skin-code__watch-label{letter-spacing:.02em}.hero-skin-code__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);padding-top:clamp(24px,3vw,40px);margin-top:clamp(8px,1.5vw,16px);border-top:1px solid var(--hsc-divider-color, #d6c9b5)}.hero-skin-code__trust-item{display:flex;flex-direction:column;gap:4px}.hero-skin-code__trust-label{margin:0;font-family:var(--font-base);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hsc-muted-color, #8a7a63)}.hero-skin-code__trust-value{margin:0;font-family:var(--font-base);font-size:var(--font-base-size, 18px);font-weight:500;color:var(--hsc-heading-color, #472a1c);line-height:1.35}.hero-skin-code__media{display:flex;justify-content:center;align-items:center}.hero-skin-code__media-frame{position:relative;display:block;width:100%;max-width:460px;aspect-ratio:9 / 16;overflow:hidden;border-radius:clamp(20px,3vw,40px);box-shadow:0 30px 60px -20px #472a1c59,0 18px 36px -18px #472a1c40;cursor:pointer;text-decoration:none;transition:transform .4s ease}.hero-skin-code__media-frame--video{background-color:#472a1c14}.hero-skin-code__media-frame.is-static{cursor:default}.hero-skin-code__media-frame:hover:not(.is-static){transform:translateY(-4px)}.hero-skin-code__media-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;filter:grayscale(15%)}.hero-skin-code__media-frame:hover .hero-skin-code__media-img{transform:scale(1.04)}.hero-skin-code__media-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:opacity .25s ease,transform .8s ease;filter:grayscale(15%)}.hero-skin-code__media-frame:hover .hero-skin-code__media-poster{transform:scale(1.04)}.hero-skin-code__media-frame.has-started .hero-skin-code__media-poster{opacity:0;pointer-events:none}.hero-skin-code__media-video{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;filter:grayscale(15%)}.hero-skin-code__media-frame:hover .hero-skin-code__media-video{transform:scale(1.04)}.hero-skin-code__media-frame.is-playing .hero-skin-code__media-video{transform:none;filter:none}.hero-skin-code__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:auto;border:0;background:transparent;cursor:pointer;padding:0;transition:opacity .2s ease}.hero-skin-code__play:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:0}.hero-skin-code__play svg{position:relative;z-index:1;margin-left:4px}.hero-skin-code__media-frame.is-playing .hero-skin-code__play{opacity:0;pointer-events:none}@media(max-width:899px){.hero-skin-code__media-frame{max-width:320px;aspect-ratio:4 / 5;border-radius:24px}.hero-skin-code__trust{grid-template-columns:1fr 1fr;row-gap:20px}.hero-skin-code__btn{width:100%}.hero-skin-code__actions{gap:18px}}@media(max-width:480px){.hero-skin-code__trust{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-skin-code.css.map */