:root{--about-accent: #00ffae;--about-ease-out: cubic-bezier(.22, 1, .36, 1);--about-duration: .6s;--about-title-inset: 80px;--about-copy-gap: 13.33vh;--about-content: calc(min(100vw, var(--container-width, 1920px)) - 2 * var(--main-padding, 40px));--about-text-3xl: 40px;--about-text-2xl: 32px;--about-text-xl: 28px;--about-text-lg: 24px;--about-text-md: 20px}@media(max-width:1023px){:root{--about-text-3xl: 36px}}@media(max-width:767px){:root{--about-title-inset: 40px;--about-text-3xl: 32px;--about-text-2xl: 26px;--about-text-xl: 22px;--about-text-lg: 20px;--about-text-md: 18px}}.breadcrumb_margin{display:none}.about-title-path{position:relative;height:100%;container-type:size}.about-travel-title,.about-with-copy{margin:0;font-family:var(--font-body-family);font-size:var(--about-text-3xl);font-weight:400;letter-spacing:normal;line-height:1.15;text-transform:uppercase;color:#fff}.about-travel-title{position:absolute;top:0;left:0;translate:0 calc((1 - var(--progress, 0)) * (100cqh - 100%))}.about-travel-title:after,.about-with-copy:after{content:"";position:absolute;top:calc(100% + 8px);left:0;width:100%;height:1px;background:var(--about-accent);scale:var(--progress, 0) 1;transform-origin:left}.about-with-copy{display:none}@property --about-cut{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@keyframes about-under-title{to{--about-cut: 100%}}@media(max-width:767px){.about-with-copy{position:sticky;top:calc(var(--about-pin-top, 0px) + var(--about-title-inset));z-index:1;display:block;width:fit-content;margin-top:calc(-1 * (var(--about-title-inset) + var(--about-text-3xl) * 1.15));margin-bottom:var(--about-copy-gap)}.about-under-title{--fade: 48px;--line: calc(var(--about-pin-top, 0px) + var(--about-title-inset) + var(--about-text-3xl) * 1.15 + 8px + var(--fade));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--about-cut) - var(--fade)),#000 var(--about-cut));mask-image:linear-gradient(to bottom,transparent calc(var(--about-cut) - var(--fade)),#000 var(--about-cut));animation:about-under-title linear both;animation-timeline:view(block var(--line) 0px);animation-range:exit-crossing}}.about-reveal{--spread: 6}.about-word{opacity:calc(.15 + .85*clamp(0,(var(--reveal, 0) * (var(--words, 1) + var(--spread)) - var(--i, 0)) / var(--spread),1))}.about-film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity var(--about-duration) var(--about-ease-out)}[data-playing] .about-film{opacity:1}[data-film-hides]{transition:opacity var(--about-duration) var(--about-ease-out)}[data-playing] [data-film-hides]{opacity:0}.about-play-row{display:flex;align-items:center;gap:12px}.about-play{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:0;padding:12px 24px;border:0;border-radius:999px;box-shadow:none;font-family:var(--font-body-family);font-size:16px;font-weight:500;letter-spacing:normal;line-height:1.2;color:#000;background:#fff;cursor:pointer;transition:scale .25s var(--about-ease-out),background .25s var(--about-ease-out)}.about-play:hover{scale:1.05;background:#ebebeb}.about-play:active{scale:.98}.about-play:focus-visible{outline:2px solid var(--about-accent);outline-offset:3px}.about-play svg{flex:none;width:18px;height:18px}.about-play__duration{font-family:var(--font-body-family);font-size:12px;font-variant-numeric:tabular-nums;color:#fff;opacity:.7}.about-close{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:48px;min-width:0;height:48px;min-height:0;padding:0;border:0;border-radius:50%;box-shadow:none;color:#000;background:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--about-duration) var(--about-ease-out),visibility var(--about-duration),scale .25s var(--about-ease-out),background .25s var(--about-ease-out)}[data-playing] .about-close{opacity:1;visibility:visible}.about-close:hover{scale:1.05;background:#f1f1f1}.about-close:active{scale:.98}.about-close:focus-visible{outline:2px solid var(--about-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.about-play:hover,.about-play:active,.about-close:hover,.about-close:active{scale:none}}.about-close svg{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/about-shared.css.map */
