.rh{position:sticky;top:0;z-index:0;background:var(--black);color:#fff;overflow:clip}.rh-in{display:grid;grid-template-columns:minmax(300px,30%) minmax(0,1fr);column-gap:clamp(24px,3vw,56px);height:calc(100svh - var(--hdr) - var(--ann));min-height:560px;max-height:900px;padding:26px var(--pad) 0;max-width:1920px;margin:0 auto;transform-origin:50% 0}.rh-copy{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(28px,5vh,56px);min-width:0}.rh-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:auto;font-size:13px;color:#ffffffc2}.rh-crumbs a:hover{color:#fff}.rh-title{font:400 clamp(62px,7.8vw,136px)/.94 var(--serif);letter-spacing:-.025em;margin:0;overflow:clip;overflow-clip-margin:14px}.rh-title span{display:block;animation:rh-rise 1.1s var(--ease) both}.rh-lead{margin:18px 0 0;max-width:24em;font-size:17px;line-height:1.45;color:#ffffffb8}.rh-proof{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font:500 13px/1.3 var(--sans);color:#ffffffc2}.rh-proof span+span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:18px;border-radius:50%;background:var(--champ);vertical-align:2px}.rh-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:14px;height:52px;margin-top:24px;padding:0 12px 0 26px;border-radius:999px;background:#fff;color:var(--ink);font:600 14px/1 var(--sans);transition:transform .5s var(--ease)}.rh-cta i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wine);color:#fff;font-style:normal;transition:transform .5s var(--ease)}.rh-cta:hover i{transform:translateY(3px)}.rh-arcade{position:relative;container-type:inline-size;min-width:0;--g: 10px;--sh: 0}.door{--ws: clamp(58px, calc(54cqw / max(var(--n) - 1, 1) - var(--g)), var(--wsmax, 104px));--wa: calc(100cqw - (var(--n) - 1) * (var(--ws) + var(--g)));position:absolute;left:0;top:0;bottom:0;width:var(--wa);transform:translate(calc((var(--i) - var(--sh)) * (var(--ws) + var(--g)) + var(--after) * (var(--wa) - var(--ws))));clip-path:inset(0 calc((1 - var(--on)) * (var(--wa) - var(--ws))) 0 0 round 999px 999px 0 0);transition:transform 1s var(--ease-io),clip-path 1s var(--ease-io);background:var(--black-2);will-change:transform,clip-path}.door:not(.is-on){translate:0 0;animation:rh-door .9s var(--ease) both;animation-delay:calc(var(--i) * 70ms + .12s)}.door-media{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc((1 - var(--on)) * (var(--ws) - var(--wa)) / 2));transition:transform 1s var(--ease-io)}.door-media img,.door-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.door-media img[data-full]{visibility:hidden}.door-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0b;pointer-events:none}.door-media video{opacity:0;transition:opacity .7s}.door-media video.is-playing{opacity:1}.door-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 30%,#000000c7),rgba(0,0,0,calc((1 - var(--on)) * .56));transition:background-color 1s;pointer-events:none}.door-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.door-standing{position:absolute;left:calc(var(--ws) / 2);bottom:26px;z-index:1;margin:0;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);display:flex;align-items:center;gap:14px;font:400 clamp(21px,2vw,30px)/1 var(--serif);white-space:nowrap;opacity:calc(1 - var(--on));transition:opacity .5s;pointer-events:none}.door-standing em{font:600 11px/1 var(--sans);letter-spacing:.14em;color:#ffffffc2;font-style:normal}.door:hover .door-standing{color:var(--champ)}.door-foot{position:absolute;left:clamp(16px,2.2cqw,30px);right:clamp(16px,2.2cqw,30px);bottom:clamp(14px,2cqw,26px);z-index:2;display:flex;flex-direction:column;gap:16px;opacity:var(--on);translate:0 calc((1 - var(--on)) * 18px);transition:opacity .5s,translate .8s var(--ease);pointer-events:none}.door.is-on .door-foot{transition-delay:.4s}.door.is-on .door-card{pointer-events:auto}.door-word h2{margin:0;font:400 clamp(34px,5.4cqw,62px)/1 var(--serif);letter-spacing:-.015em}.door-word p{margin:6px 0 0;font-size:15px;color:#ffffffc7}.door-run{display:block;height:1.5px;margin-top:14px;background:#ffffff38;overflow:hidden}.door-run:after{content:"";display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.rh[data-rh-auto] .door.is-on .door-run:after{animation:rh-run var(--dwell, 6.5s) linear both}.rh.is-held .door-run:after{animation-play-state:paused!important}.rh:not([data-rh-auto]) .door-run{display:none}.door-card{display:flex;align-items:center;gap:14px;padding:10px;border-radius:22px;background:#ffffff24;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.2)}.door-thumb{flex:none;width:68px;height:68px;border-radius:14px;background:#fff;overflow:hidden}.door-thumb img{width:100%;height:100%;object-fit:contain}.door-info{min-width:0;flex:1}.door-brand{margin:0 0 4px;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.door-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:500 14.5px/1.25 var(--sans)}.door-add{flex:none;display:inline-flex;align-items:center;height:46px;padding:0 20px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:600 13.5px/1 var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .3s,color .3s}.door-add:hover{background:var(--wine);color:#fff}.door-add.is-loading{opacity:.6}.rh--niches .door{background:#fff}.rh--niches .door-media{padding:12% 10% 26%}.rh--niches .door-media img{position:static;object-fit:contain}.rh--niches .door-veil{background:rgba(0,0,0,calc((1 - var(--on)) * .62))}.rh--niches .door-standing{color:#fff}.rh--niches .door-card{background:var(--wine);color:#fff;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.rh--niches .door-add:hover{background:var(--wine-2)}.coll-sheet{position:relative;z-index:2;background:#fff;border-radius:34px 34px 0 0}.coll-sheet .coll{padding-top:12px}.coll-sheet .coll-bar{scroll-margin-top:0}.coll-about{max-width:62ch;margin:64px auto 0;text-align:center;font-size:15px;line-height:1.65;color:var(--ink-2)}.coll-about p{margin:0 0 8px}@supports (animation-timeline: scroll()){.rh-in{animation:rh-back linear both;animation-timeline:scroll(root);animation-range:0 90vh}}@keyframes rh-back{to{transform:scale(.94);filter:brightness(.45)}}@keyframes rh-rise{0%{transform:translateY(104%)}}@keyframes rh-door{0%{translate:0 100%}}@keyframes rh-run{to{transform:scaleX(1)}}@media(max-width:1240px){.door-card{flex-wrap:wrap;gap:10px}.door-info{flex:1 1 0;min-width:40%}.door-thumb{width:54px;height:54px}.door-add{width:100%;justify-content:center;height:42px}}@media(max-width:1100px){.rh-in{grid-template-columns:minmax(250px,30%) minmax(0,1fr);column-gap:20px}.door{--ws: 44px}.door-standing{font-size:19px;bottom:18px}.door-word h2{font-size:32px}.rh-lead{font-size:15px}}@media(max-width:820px){.rh-in{display:flex;flex-direction:column;height:calc(100svh - var(--hdr) - var(--ann));min-height:600px;max-height:none;padding:14px var(--pad) 0}.rh-copy{flex:none;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px;padding-bottom:14px;justify-content:initial}.rh-crumbs{grid-column:1 / -1;margin-bottom:10px;font-size:12px}.rh-title{font-size:clamp(50px,14.6vw,84px);grid-column:1 / -1}.rh-lead{display:none}.rh-proof{grid-column:1;flex-direction:column;margin-top:10px;font-size:12px;gap:3px}.rh-proof span+span:before{display:none}.rh-cta{grid-column:2;grid-row:3;margin-top:8px;height:40px;padding:0 6px 0 16px;gap:8px;font-size:12.5px}.rh-cta i{width:28px;height:28px}.rh-arcade{flex:1;min-height:0;--sh: calc(var(--a) - var(--end));touch-action:pan-y;overflow:clip}.door{--ws: 42px;--wa: calc(100cqw - var(--ws) - var(--g))}.door-foot{left:12px;right:12px;bottom:12px;gap:12px}.door-word{padding:0 6px}.door-word h2{font-size:38px}.door-word p{font-size:14px}.door-run{margin-top:10px}.door-card{flex-wrap:wrap;gap:10px;padding:8px;border-radius:20px}.door-thumb{width:54px;height:54px;border-radius:12px}.door-info{flex:1 1 0;min-width:40%}.door-name{font-size:13.5px}.door-add{width:100%;justify-content:center;height:42px}.door-standing{bottom:16px;font-size:19px}.coll-sheet{border-radius:24px 24px 0 0}}@media(prefers-reduced-motion:reduce){.rh-title span,.door:not(.is-on),.rh-in{animation:none}.door,.door-media{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/room-hero.css.map */