.di-hero{--di-hero-paper: #ffffff;--di-hero-ink: #000000;--di-label-size: clamp(.54rem, .68vw, .76rem);--di-hero-chrome: 8rem;--di-wall-left: 20.5%;--di-wall-right: 79.5%;position:relative;background:var(--di-hero-paper);overflow:hidden}.di-hero__stage{position:relative}.di-hero__art{position:relative;width:100%;max-width:calc((100svh - var(--di-hero-chrome)) * 2560 / 1120);margin-inline:auto;aspect-ratio:2560 / 1120;perspective:1500px}.di-hero__turn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-origin:50% 50%}.di-hero__room,.di-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.di-hero__room{z-index:0;opacity:0;transition:opacity .25s ease}.di-hero__room.is-on{opacity:1}.di-hero__canvas--sky{z-index:1}.di-hero__zone{position:absolute;top:0;bottom:0;z-index:5;padding:0;border:0;background:transparent;cursor:pointer;transition:background-color .35s ease}.di-hero__zone--left{left:0;width:var(--di-wall-left)}.di-hero__zone--right{right:0;width:calc(100% - var(--di-wall-right))}.di-hero__zone:hover,.di-hero__zone:focus-visible{background:#0000000b}.di-hero__zone:focus-visible{outline:1px solid rgba(0,0,0,.4);outline-offset:-3px}.di-hero[data-turning="1"] .di-hero__zone{pointer-events:none}.di-hero__feature{position:absolute;left:var(--di-slot-x);top:var(--di-slot-y);width:var(--di-slot-w);height:var(--di-slot-h);z-index:4;transition:opacity .4s ease}.di-hero:not([data-view=back]) .di-hero__feature{opacity:0;pointer-events:none}.di-hero__feature-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;filter:drop-shadow(0 1.5% 2.4% rgba(0,0,0,.34));transition:transform .4s ease}.di-hero__feature-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease}.di-hero__feature-img.is-on{opacity:1}.di-hero__feature:hover .di-hero__feature-link,.di-hero__feature:focus-within .di-hero__feature-link{transform:scale(1.018)}.di-hero__feature-caption{position:absolute;top:100%;margin-top:calc(var(--di-label-size) * .8);left:50%;transform:translate(-50%);width:260%;font-size:var(--di-label-size);text-align:center;pointer-events:none}.di-hero__feature-label{position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity .45s ease;font-size:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--di-hero-ink);white-space:nowrap}.di-hero__feature-label.is-on{opacity:.72}.di-hero__feature-price{margin-left:.9em;opacity:.55;letter-spacing:.08em}.di-hero__feature-hint{position:absolute;top:100%;margin-top:calc(var(--di-label-size) * 2.9);left:50%;transform:translate(-50%);font-size:calc(var(--di-label-size) * .86);letter-spacing:.2em;text-transform:uppercase;color:var(--di-hero-ink);opacity:.34;white-space:nowrap;pointer-events:none;transition:opacity .4s ease}.di-hero__feature:hover .di-hero__feature-hint,.di-hero__feature:focus-within .di-hero__feature-hint{opacity:0}.di-hero__copy{width:min(92%,60rem);margin:0 auto;text-align:center;color:var(--di-hero-ink)}.di-hero__copy--top{position:absolute;top:3.5%;left:50%;transform:translate(-50%);z-index:6;color:var(--di-hero-paper);text-shadow:0 0 1.4em rgba(0,0,0,.85);pointer-events:none}.di-hero__copy--bottom{position:relative;z-index:3;padding:1.6rem 0 2.6rem}.di-hero__eyebrow{margin:0 0 .9em;font-size:clamp(.58rem,.72vw,.82rem);letter-spacing:.26em;text-transform:uppercase;opacity:.72}.di-hero__heading{margin:0;font-size:clamp(1.4rem,3.1vw,3.2rem);line-height:1.05;letter-spacing:-.015em;text-wrap:balance}.di-hero__subtext{margin:0 auto 1.4em;max-width:42ch;font-size:clamp(.84rem,1.05vw,1.02rem);line-height:1.55;opacity:.76;text-wrap:pretty}.di-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.di-hero__button{display:inline-block;padding:.78em 1.8em;font-size:clamp(.72rem,.9vw,.9rem);letter-spacing:.06em;text-decoration:none;border:1px solid var(--di-hero-ink);transition:background-color .18s ease,color .18s ease}.di-hero__button--solid{background:var(--di-hero-ink);color:var(--di-hero-paper)}.di-hero__button--solid:hover,.di-hero__button--ghost{background:var(--di-hero-paper);color:var(--di-hero-ink)}.di-hero__button--ghost:hover{background:var(--di-hero-ink);color:var(--di-hero-paper)}@media screen and (max-width:749px){.di-hero__copy--top{position:static;transform:none;padding:1.5rem 0 1rem;color:var(--di-hero-ink);text-shadow:none}.di-hero__copy--bottom{padding:1.2rem 0 2.2rem}.di-hero__feature-caption,.di-hero__feature-hint{display:none}}@media(prefers-reduced-motion:reduce){.di-hero__room,.di-hero__feature-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/di-dot-hero.css.map */