.hh-lips{display:block;position:relative;background:#171713;color:#fff;scroll-margin-top:0}.hh-lips-stage{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - 84px);padding:64px 8% 116px;overflow:hidden}.hh-lips-portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;min-width:0}.hh-lips-frames{position:absolute;top:0;right:0;bottom:0;left:0;background:#171713;overflow:hidden}.hh-lips-frames:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#090d0bd1,#090d0bb0 32%,#090d0b4d 70%,#090d0b38),linear-gradient(0deg,rgba(9,13,11,.76) 0%,transparent 35%)}.hh-lips-frames img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 32%}.hh-lips-frames img[hidden]{display:none!important}.hh-lips-copy{position:relative;max-width:740px;pointer-events:none;text-shadow:0 2px 18px #0002}.hh .hh-lips-copy .bb-eyebrow{color:#eee8dc;letter-spacing:.17em;font-size:12px!important}.hh .hh-lips-copy h2{color:#fff!important;font-size:clamp(72px,8.9vw,136px);line-height:.98;margin:28px 0 32px;max-width:12ch}.hh-lips-description{max-width:33ch;font-size:24px;line-height:1.42;color:#f1ece4}.hh .hh-lips-signoff{margin-top:28px;font-style:italic;font-size:25px;color:#e7ccb0}.hh-lips-caption{position:absolute;left:8%;right:8%;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;z-index:2}.hh-lips-count{font-size:13px;letter-spacing:.16em;white-space:nowrap;color:#f1ece4;font-variant-numeric:tabular-nums}.hh-lips-controls{display:flex;align-items:center;gap:8px}.hh-lips-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px;border:1px solid #fff6;border-radius:0;color:#fff;background:#14171266;font-size:22px;line-height:1}.hh-lips-controls button:hover{background:#fff2;border-color:#fff}.hh-lips-controls button:disabled{cursor:default;opacity:.4}.hh-lips-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(min-width:1600px){.hh-lips-frames img{object-position:50% 29%}.hh-lips-stage{min-height:min(1050px,calc(100svh - 84px))}}@media(max-width:1000px)and (min-width:701px){.hh-lips-stage{padding-left:7%;padding-right:7%}.hh .hh-lips-copy h2{font-size:90px}.hh-lips-description{font-size:22px}.hh-lips-caption{left:7%;right:7%}}@media(max-width:700px){.hh-lips-stage{min-height:calc(100svh - 84px);padding:46px 7% 105px;align-items:flex-end}.hh-lips-frames img{object-position:50% 35%}.hh-lips-frames:after{background:linear-gradient(0deg,#090d0bf0,#090d0bb8,#090d0b47 76%,#090d0b26)}.hh-lips-copy{width:100%;max-width:420px}.hh .hh-lips-copy .bb-eyebrow{font-size:10px!important}.hh .hh-lips-copy h2{font-size:clamp(52px,13.8vw,82px);max-width:12ch;margin:16px 0 20px;line-height:.98}.hh-lips-description{max-width:31ch;font-size:19px;line-height:1.32}.hh .hh-lips-signoff{display:none}.hh-lips-caption{left:7%;right:7%;bottom:24px;gap:10px}.hh-lips-count{font-size:11px;letter-spacing:.1em}.hh-lips-controls{gap:5px}}@media(max-height:680px){.hh-lips-stage{padding-top:28px;padding-bottom:90px}.hh .hh-lips-copy h2{font-size:clamp(44px,7.8vw,86px);margin:14px 0 18px}.hh-lips-description{font-size:20px}.hh .hh-lips-signoff{display:none}.hh-lips-caption{bottom:20px}}.hh-lips-frames img{object-position:50% 52%}.hh-lips-frames:after{background:linear-gradient(90deg,#220f18e8,#220f18c7 31%,#220f1842 70%,#220f181a),linear-gradient(0deg,rgba(34,15,24,.68),transparent 35%)}.hh .hh-lips-copy h2{font-size:clamp(68px,7.7vw,112px);max-width:10ch}.hh .hh-lips-signoff{color:#efd6d9}@media(min-width:1100px){.hh-lips-frames img{object-position:50% 48%;width:76%;margin-left:auto}.hh-lips-frames{background:#301b22}.hh-lips-frames:after{background:linear-gradient(90deg,#301b22,#301b22f0 24%,#301b2299 42%,#301b2219 72%),linear-gradient(0deg,#301b22c0,transparent 35%)}}@media(max-width:700px){.hh-lips-stage{min-height:760px;min-height:max(730px,calc(100svh - 60px));padding-top:340px}.hh-lips-frames img{object-position:50% 12%;height:68%;object-fit:cover}.hh-lips-frames{background:#301b22}.hh-lips-frames:after{background:linear-gradient(0deg,#301b22 0%,#301b22f8 20%,#301b22bd 44%,#301b2220 70%,transparent 100%)}.hh .hh-lips-copy h2{font-size:clamp(50px,13.8vw,68px);max-width:11ch}.hh-lips-description{max-width:28ch}.hh-lips-copy{max-width:400px}}@media(prefers-reduced-motion:reduce){.hh-lips-frames img{transition:none}}.hh-lips-frames img{width:100%;height:100%;margin:0;object-fit:cover;object-position:50% 48%}.hh-lips-frames:after{background:linear-gradient(90deg,#220f18d6,#220f18b5 30%,#220f1840 68%,#220f181f),linear-gradient(0deg,rgba(34,15,24,.65),transparent 35%)}@media(min-width:1100px){.hh-lips-frames img{width:100%;margin:0;object-position:50% 48%}.hh-lips-frames:after{background:linear-gradient(90deg,#220f18d6,#220f18b5 30%,#220f1840 68%,#220f181f),linear-gradient(0deg,rgba(34,15,24,.65),transparent 35%)}}@media(max-width:700px){.hh-lips-frames img{width:100%;height:100%;object-position:50% 35%}.hh-lips-frames:after{background:linear-gradient(0deg,#220f18f0,#220f18d6 28%,#220f1870 58%,#220f181c 85%,#220f180f)}}.hh .hh-lips-copy h2{max-width:760px;font-size:clamp(58px,6.7vw,96px)}@media(max-width:700px){.hh .hh-lips-copy h2{max-width:100%;font-size:clamp(36px,10.6vw,52px)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hh-lips.css.map */