.topo-hero{display:grid;grid-template-columns:minmax(0,1fr);--topo-hero-ratio: 1 / 1;--topo-hero-glass: rgba(var(--color-background), .5);--topo-hero-glass-edge: rgba(255, 255, 255, .4);--topo-hero-glass-blur: blur(14px) saturate(1.3)}.topo-hero[style*=--topo-hero-paper]{position:relative;background:var(--topo-hero-paper);clip-path:inset(0)}.has-contours .topo-hero[style*=--topo-hero-paper]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgb(var(--color-link));opacity:var(--contours-strength, .15);-webkit-mask:var(--contours-wide) center / cover no-repeat;mask:var(--contours-wide) center / cover no-repeat}@media(max-aspect-ratio:1/1){.has-contours .topo-hero[style*=--topo-hero-paper]:before{-webkit-mask-image:var(--contours-tall);mask-image:var(--contours-tall)}}@media(prefers-reduced-data:reduce){.has-contours .topo-hero[style*=--topo-hero-paper]:before{display:none}}.topo-hero__copy{position:relative;z-index:1}.topo-hero--portrait{--topo-hero-ratio: 4 / 5}.topo-hero--landscape{--topo-hero-ratio: 5 / 4}.topo-hero__copy{padding:3.2rem 1.5rem 4rem}.topo-hero__heading{margin:0 0 1.6rem}.topo-hero__text{font-size:1.7rem;line-height:1.5;margin:0 0 2.8rem;max-width:34em}.topo-hero__text p{margin:0}.topo-hero__actions .button{width:100%;min-height:5.6rem;font-size:1.6rem;letter-spacing:.06rem}.topo-hero--ink-button .topo-hero__actions .button--primary{--color-button: var(--color-foreground);--color-button-text: var(--color-background)}.topo-hero__price{margin:1.4rem 0 0;font-size:1.5rem;color:rgba(var(--color-foreground),.8);text-align:center}.topo-hero__price b{color:rgb(var(--color-foreground));font-weight:600}.topo-hero__price-note{margin:.4rem 0 0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.65);text-align:center}.topo-hero__media{position:relative;overflow:hidden;aspect-ratio:var(--topo-hero-ratio);max-height:80vh;width:100%;z-index:1;background:rgba(var(--color-foreground),.04)}.topo-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;pointer-events:none;transition:opacity 1.2s ease}.topo-hero__slide.is-active{opacity:1;pointer-events:auto}.topo-hero__slide picture,.topo-hero__img{display:block;width:100%;height:100%}.topo-hero__img{object-fit:cover;object-position:var(--topo-hero-focal, 50% 50%);transform-origin:50% 50%;transform:scale(1.04)}.topo-hero__slide.is-active .topo-hero__img{animation:topo-hero-drift var(--topo-hero-interval) linear forwards}@keyframes topo-hero-drift{0%{transform:scale(1)}to{transform:scale(1.04)}}.topo-hero__caption-wrap{position:absolute;left:1.2rem;bottom:1.2rem;right:13rem;margin:0;z-index:2}.topo-hero__caption{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem;max-width:100%;padding:.8rem 1.2rem;font-size:1.2rem;line-height:1.35;letter-spacing:.04rem;color:rgb(var(--color-foreground));background:var(--topo-hero-glass);border:1px solid var(--topo-hero-glass-edge);-webkit-backdrop-filter:var(--topo-hero-glass-blur);backdrop-filter:var(--topo-hero-glass-blur);text-decoration:none}.topo-hero__place{font-weight:600}.topo-hero__detail{color:rgba(var(--color-foreground),.7)}.topo-hero__arrow{transition:transform .2s ease}.topo-hero__caption--link:hover .topo-hero__arrow,.topo-hero__caption--link:focus-visible .topo-hero__arrow{transform:translate(.3rem)}.topo-hero__caption--link:hover .topo-hero__place{text-decoration:underline;text-underline-offset:.3rem}.topo-hero__controls{position:absolute;right:1.2rem;bottom:1.2rem;z-index:3;display:flex;align-items:center;gap:.8rem;padding:0 .4rem 0 1rem;height:3.4rem;background:var(--topo-hero-glass);border:1px solid var(--topo-hero-glass-edge);-webkit-backdrop-filter:var(--topo-hero-glass-blur);backdrop-filter:var(--topo-hero-glass-blur)}.topo-hero__bars{display:flex;gap:.5rem}.topo-hero__bar{position:relative;width:2.2rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.topo-hero__bar:before,.topo-hero__fill{content:"";position:absolute;left:0;right:0;top:50%;height:.3rem;margin-top:-.15rem}.topo-hero__bar:before{background:rgba(var(--color-foreground),.22)}.topo-hero__fill{display:block;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center}.topo-hero__bar.is-done .topo-hero__fill{transform:scaleX(1)}.topo-hero__bar.is-active .topo-hero__fill{animation:topo-hero-fill var(--topo-hero-interval) linear forwards}@keyframes topo-hero-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.topo-hero.is-paused .topo-hero__fill,.topo-hero.is-paused .topo-hero__img{animation-play-state:paused}.topo-hero__pause{display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer}.topo-hero__pause svg{width:1rem;height:1rem;fill:currentColor}.topo-hero__icon-play,.topo-hero.is-paused .topo-hero__icon-pause{display:none}.topo-hero.is-paused .topo-hero__icon-play{display:block}.topo-hero__bar:focus-visible,.topo-hero__pause:focus-visible,.topo-hero__caption--link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (max-width:989px){.topo-hero__media{order:-1}.topo-hero__img{object-position:var(--topo-hero-focal-phone, var(--topo-hero-focal, 50% 50%))}}@media screen and (max-width:749px){.topo-hero__media{aspect-ratio:auto;height:clamp(26rem,42svh,46rem)}.topo-hero__copy{padding-top:2.4rem}.topo-hero__text{margin-bottom:2.2rem}.topo-hero__caption-wrap{left:.8rem;bottom:.8rem;right:.8rem}.topo-hero__caption{padding:.5rem .8rem;font-size:1.1rem;column-gap:.6rem}.topo-hero__controls{top:.8rem;right:.8rem;bottom:auto;height:2.8rem;gap:.4rem;padding:0 .2rem 0 .7rem}.topo-hero__bar{width:1.6rem}.topo-hero__pause{width:2.2rem;height:2.2rem}}@media screen and (min-width:750px){.topo-hero__copy{padding:4.8rem 5rem 5.6rem;max-width:72rem}.topo-hero__actions .button{width:auto;min-width:22rem}.topo-hero__price,.topo-hero__price-note{text-align:left}.topo-hero__media{aspect-ratio:auto;height:min(60vh,64rem)}.topo-hero__caption{font-size:1.3rem}}@media screen and (min-width:990px){.shopify-section:has(>div>.topo-hero){margin-top:calc(-1 * var(--header-height, 10rem))}}@media screen and (min-width:990px){.topo-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.topo-hero__copy{max-width:none;padding:calc(6rem + var(--header-height, 10rem)) 6rem 6rem max(5rem,calc((100vw - var(--page-width)) / 2 + 5rem))}.topo-hero__media{aspect-ratio:var(--topo-hero-ratio);height:auto;max-height:calc(100svh - 9rem);min-height:calc(44rem + var(--header-height, 10rem))}.topo-hero--media-left .topo-hero__media{order:-1}.topo-hero--media-left .topo-hero__copy{padding:calc(6rem + var(--header-height, 10rem)) max(5rem,calc((100vw - var(--page-width)) / 2 + 5rem)) 6rem 6rem}.topo-hero__caption-wrap{left:2.4rem;bottom:2.4rem;right:16rem}.topo-hero__controls{right:2.4rem;bottom:2.4rem}.topo-hero__text{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){.topo-hero__slide{transition-duration:.3s}.topo-hero__slide.is-active .topo-hero__img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/topo-hero-rooms.css.map */