.ttj2{display:block;position:relative;height:calc((var(--ttj2-distance) + 100) * 1svh - var(--ttj2-top));background:var(--ttj2-bg);color:var(--ttj2-chrome)}.ttj2 *,.ttj2 *:before,.ttj2 *:after{box-sizing:border-box}.ttj2__stage{position:sticky;top:var(--ttj2-top);height:calc(100svh - var(--ttj2-top));min-height:320px;overflow:clip;isolation:isolate}.ttj2__environments,.ttj2__room,.ttj2__video,.ttj2__shade,.ttj2__steps,.ttj2__step{position:absolute;top:0;right:0;bottom:0;left:0}.ttj2__environments{z-index:-1;pointer-events:none;background:var(--ttj2-bg)}.ttj2__room{visibility:hidden}.ttj2__room:first-child,.ttj2__room.is-current{visibility:visible}.ttj2[data-state] .ttj2__room:not(.is-current){visibility:hidden}.ttj2__room picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ttj2__room img,.ttj2__video{width:100%;height:100%;object-fit:cover;object-position:var(--ttj2-bg-x, 50%) var(--ttj2-bg-y, 50%)}.ttj2__room .ttj2__poster{display:none}.ttj2:not([data-state]) .ttj2__room:first-child .ttj2__poster,.ttj2__room.is-poster .ttj2__poster{display:block}.ttj2__video{opacity:0}.ttj2__shade{background:rgb(0 0 0 / var(--ttj2-shade))}.ttj2__header,.ttj2__footer{position:absolute;z-index:3;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.ttj2__header{top:max(24px,env(safe-area-inset-top))}.ttj2__header>div{display:flex;gap:24px}.ttj2__header a,.ttj2__header button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:transparent;border:0;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.ttj2 a:focus-visible,.ttj2 button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.ttj2__footer{bottom:max(24px,env(safe-area-inset-bottom))}.ttj2__footer progress{width:120px;height:2px;border:0;accent-color:var(--ttj2-chrome)}.ttj2__footer progress::-webkit-progress-bar{background:#fff3}.ttj2__footer progress::-webkit-progress-value{background:var(--ttj2-chrome)}.ttj2__step{visibility:hidden;opacity:var(--ttj2-opacity, 0);pointer-events:none}.ttj2__step.is-current{visibility:visible;pointer-events:auto}.ttj2__visual{position:absolute;left:var(--ttj2-x);top:var(--ttj2-y);width:min(var(--ttj2-width),70vw);height:min(var(--ttj2-width),65svh);transform:translate(-50%,-50%) translateY(var(--ttj2-shift, 0px)) scale(var(--ttj2-scale))}.ttj2__visual picture{display:block;width:100%;height:100%}.ttj2__visual img{display:block;width:100%;height:100%;object-fit:contain}.ttj2__copy{position:absolute;left:var(--ttj2-cx);top:var(--ttj2-cy);width:min(var(--ttj2-cwidth),88vw);color:var(--ttj2-copy);transform:translate(-50%,-50%) translateY(var(--ttj2-shift, 0px))}.ttj2__copy h2{font-family:var(--font-heading--family, Georgia, serif);font-weight:400;color:var(--ttj2-title);font-size:clamp(32px,4.2vw,68px);line-height:1.04;margin:0 0 24px;letter-spacing:-.025em;overflow-wrap:anywhere}.ttj2__copy p{font-size:clamp(14px,1.1vw,17px);line-height:1.6;margin:0 0 24px}.ttj2__copy .ttj2__eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:18px}.ttj2__copy a{display:inline-block;color:var(--ttj2-title);font-size:12px;line-height:1.4;letter-spacing:.08em;padding:10px 0;text-underline-offset:6px}.ttj2__editor-note{position:absolute;bottom:52px;left:4%;right:4%;padding:8px;background:#20252be6;color:#fff;font:11px/1.4 sans-serif;pointer-events:none}.ttj2__end{padding:4rem 6%;text-align:center;background:#e6e8e9;color:#292e34;font-size:clamp(20px,3vw,40px)}@media(max-width:749px){.ttj2__room img{object-position:var(--ttj2-bg-mx, 50%) var(--ttj2-bg-my, 50%)}.ttj2__header{align-items:flex-start;font-size:9px;gap:12px}.ttj2__header>span{max-width:42%}.ttj2__header>div{gap:14px}.ttj2__visual{left:var(--ttj2-mx);top:var(--ttj2-my);width:min(var(--ttj2-width),92vw);height:min(var(--ttj2-width),43svh);transform:translate(-50%,-50%) translateY(var(--ttj2-shift, 0px)) scale(var(--ttj2-mscale))}.ttj2__copy{left:var(--ttj2-cmx);top:var(--ttj2-cmy);text-align:center}.ttj2__copy h2{font-size:clamp(28px,8vw,44px);margin-bottom:12px}.ttj2__copy p{margin-bottom:12px;font-size:14px}.ttj2__copy .ttj2__eyebrow{margin-bottom:10px}}.ttj2[data-reading=true]{height:auto}.ttj2[data-reading=true] .ttj2__stage{position:relative;height:auto}.ttj2[data-reading=true] .ttj2__environments,.ttj2[data-reading=true] .ttj2__footer{display:none}.ttj2[data-reading=true] .ttj2__header{position:relative;left:auto;right:auto;top:auto;padding:24px 4%}.ttj2[data-reading=true] .ttj2__steps{position:relative}.ttj2[data-reading=true] .ttj2__step{position:relative;visibility:visible;opacity:1;pointer-events:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:48px 6%;min-height:70svh}.ttj2[data-reading=true] .ttj2__visual,.ttj2[data-reading=true] .ttj2__copy{position:relative;inset:auto;transform:none;width:100%;max-width:var(--ttj2-width);margin:auto}.ttj2[data-reading=true] .ttj2__copy{max-width:var(--ttj2-cwidth)}@media(max-width:749px){.ttj2[data-reading=true] .ttj2__step{grid-template-columns:1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.ttj2{height:auto}.ttj2 .ttj2__stage{position:relative;height:auto}.ttj2 .ttj2__environments,.ttj2 .ttj2__footer{display:none}.ttj2 .ttj2__steps{position:relative}.ttj2 .ttj2__step{position:relative;visibility:visible;opacity:1;pointer-events:auto;min-height:70svh}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/totoka-j2s26.css.map */