.tic-album{--tic-album-ease: cubic-bezier(.65, 0, .35, 1);--tic-album-D: var(--tic-album-dd, 80vh);--tic-album-fx: var(--tic-gutter, 1.6rem);--tic-album-fy: 4.8rem;--tic-album-cap-b: 5.6rem;--tic-album-edge: 14vw;--tic-album-lip: 3vw;--tic-album-drift: -4%;--tic-album-dim: .55;position:relative;background:var(--tic-bg, #fff)}@media screen and (max-width:749px){.tic-album{--tic-album-D: var(--tic-album-dm, 60vh);--tic-album-fy: 1.6rem;--tic-album-cap-b: 8rem;--tic-album-edge: 9vh;--tic-album-lip: 2.4vh;--tic-album-dim: .45}}.tic-album__pages{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.tic-album__page{position:relative;margin:0}.tic-album__sheet{position:relative;margin:0;height:min(100vh,62.5vw);overflow:hidden;color:#fff;background-color:#141414}@supports (height: 100svh){.tic-album__sheet{height:min(100svh,62.5vw)}}@media screen and (max-width:749px){.tic-album__sheet{height:82vh;height:82svh}}.tic-album__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tic-album__media picture{display:contents}.tic-album .tic-album__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%);transform:scale(var(--z, 1));transform-origin:var(--fx, 50%) var(--fy, 50%)}@media screen and (max-width:749px){.tic-album .tic-album__img{object-position:var(--fxm, 50%) var(--fym, 50%);transform:scale(var(--zm, 1));transform-origin:var(--fxm, 50%) var(--fym, 50%)}}.tic-album__img--placeholder{color:#fff;background-color:#1d1d1d}.tic-album__sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(110% 80% at 0% 100%,rgb(0 0 0 / var(--s, .55)),rgb(0 0 0 / calc(var(--s, .55) * .45)) 38%,#0000 68%),linear-gradient(to top,rgb(0 0 0 / calc(var(--s, .55) * .6)),#0000 34%)}@media screen and (max-width:749px){.tic-album__sheet:before{background:linear-gradient(to top,rgb(0 0 0 / calc(var(--s, .55) * 1.3)),rgb(0 0 0 / var(--s, .55)) 30%,rgb(0 0 0 / calc(var(--s, .55) * .4)) 48%,#0000 70%)}}.tic-album__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-color:#000;opacity:0;pointer-events:none}.tic-album__cap{position:absolute;z-index:2;left:var(--tic-gutter);right:var(--tic-gutter);bottom:var(--tic-album-cap-b);max-width:68rem;color:#fff}@media screen and (max-width:749px){.tic-album__cap{bottom:3.2rem}}.tic-album .tic-album__chap{margin:0 0 1.4rem;font-size:1.2rem;font-weight:600;line-height:1.3;letter-spacing:.24em;text-transform:uppercase;color:#ffffffe0}.tic-album__rule{display:inline-block;width:3.2rem;height:1px;margin-left:1.2rem;vertical-align:middle;background-color:currentColor;opacity:.7}.tic-album .tic-album__title{font-family:inherit;font-size:clamp(3rem,1.4rem + 2.8vw,6rem);font-weight:600;line-height:1;letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;color:#fff}.tic-album .tic-album__line{max-width:44ch;margin-top:1.4rem;font-size:1.5rem;line-height:1.45;color:#ffffffe6;text-wrap:pretty}@media screen and (min-width:750px){.tic-album .tic-album__line{font-size:1.7rem}}.tic-album__mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.tic-album__mask>span{display:block}.tic-album .tic-album__cta{margin-top:2.8rem}.tic-album__skip{position:absolute;z-index:60;top:1.6rem;left:var(--tic-gutter);padding:1.2rem 1.6rem;font-size:1.4rem;font-weight:600;line-height:1.2;color:#000;background-color:#fff;border-radius:var(--tic-r-ctl, .6rem);text-decoration:underline;text-underline-offset:.3rem}.tic-album__skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.tic-album .tic-album__skip:focus-visible{outline:2px solid #000;outline-offset:2px}.tic-album__after{display:block;height:0;outline:none;scroll-margin-top:12rem}.tic-album__ui,.tic-album__edge{display:none}@media screen{.tic-album[data-mode=stacked][data-ready] .tic-album__page{transition:opacity .7s ease}.tic-album[data-mode=stacked][data-ready] .tic-album__page:not(.is-seen){opacity:0}}@media screen{.tic-album.is-pinned .tic-album__track{position:relative;height:calc(100vh + var(--tic-album-T) * var(--tic-album-D));height:calc(100lvh + var(--tic-album-T) * var(--tic-album-D))}.tic-album.is-pinned .tic-album__stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;overflow:clip;isolation:isolate;background-color:#0e0e0e}.tic-album.is-pinned .tic-album__pages{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tic-album.is-pinned .tic-album__page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--k, 0) + 1)}.tic-album.is-pinned .tic-album__sheet{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.tic-album.is-pinned .tic-album__page:not(:first-child) .tic-album__sheet{clip-path:inset(0 0 0 100%)}.tic-album.is-pinned .tic-album__cap{bottom:calc(var(--tic-album-cap-b) + 100lvh - 100svh)}.tic-album.is-pinned .tic-album__edge{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate3d(100%,0,0)}.tic-album.is-pinned .tic-album__edge>span{position:absolute;top:0;bottom:0;left:0;width:1px;background-color:#ffffff80;opacity:0}.tic-album.is-pinned .tic-album__edge>span:after{content:"";position:absolute;top:0;bottom:0;right:1px;width:var(--tic-album-edge);background:linear-gradient(to left,#00000057,#0000001a 35%,#0000)}.tic-album.is-pinned .tic-album__edge>span:before{content:"";position:absolute;top:0;bottom:0;left:1px;width:var(--tic-album-lip);background:linear-gradient(to right,#ffffff29,#ffffff0d 35%,#fff0)}.tic-album.is-pinned .tic-album__ui{display:block;position:absolute;top:0;left:0;right:0;height:100vh;height:100svh;z-index:20;color:#fff;pointer-events:none}.tic-album__progress{position:absolute;right:var(--tic-gutter);bottom:var(--tic-album-cap-b);display:flex;align-items:center;gap:1.6rem}.tic-album__count{display:inline-flex;align-items:baseline;gap:.6em;font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:.2em;font-variant-numeric:tabular-nums}.tic-album:not([data-ready]) .tic-album__count{visibility:hidden}.tic-album__odo-mask{display:block;height:1.2em;overflow:hidden}.tic-album__odo{display:grid;justify-items:end;transform:translate3d(0,calc(var(--cur, 0) * -1.2em),0);transition:transform .6s var(--tic-ease-out)}.tic-album__odo>span{display:block;height:1.2em}.tic-album__total{opacity:.66}.tic-album__bar{position:relative;display:block;width:12rem;height:1px;overflow:hidden;background-color:#ffffff4d}.tic-album__fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;transform:scaleX(0);transform-origin:0 50%}.tic-album.is-pinned[data-ready] .tic-album__mask>span{transform:translate3d(0,110%,0);transition:transform .38s var(--tic-ease-out)}.tic-album.is-pinned[data-ready] .tic-album__page.is-current .tic-album__mask>span{transform:none;transition-duration:var(--tic-dur-lines, .9s);transition-delay:calc(.14s + var(--l, 0) * 70ms)}.tic-album.is-pinned[data-ready] .tic-album__cta{opacity:0;transform:translate3d(0,1.2rem,0);transition-property:opacity,transform,scale,background-color,border-color;transition-duration:.24s,.38s,var(--tic-dur-press, .15s),.15s,.15s;transition-timing-function:ease,var(--tic-ease-out),var(--tic-ease-out),ease,ease}.tic-album.is-pinned[data-ready] .tic-album__page.is-current .tic-album__cta{opacity:1;transform:none;transition-duration:.6s,.9s,var(--tic-dur-press, .15s),.15s,.15s;transition-delay:.38s,.38s,0ms,0ms,0ms}.tic-album.is-pinned[data-ready] .tic-album__cta:focus-visible{opacity:1;transform:none;transition:none}}@media screen and (max-width:749px){.tic-album.is-pinned .tic-album__page:not(:first-child) .tic-album__sheet{clip-path:inset(100% 0 0 0)}.tic-album.is-pinned .tic-album__edge{transform:translate3d(0,100%,0)}.tic-album.is-pinned .tic-album__edge>span{top:0;bottom:auto;left:0;right:0;width:auto;height:1px}.tic-album.is-pinned .tic-album__edge>span:after{top:auto;bottom:1px;left:0;right:0;width:auto;height:var(--tic-album-edge);background:linear-gradient(to top,#0000004d,#00000014 40%,#0000)}.tic-album.is-pinned .tic-album__edge>span:before{top:1px;bottom:auto;left:0;right:0;width:auto;height:var(--tic-album-lip);background:linear-gradient(to bottom,#ffffff29,#ffffff0d 35%,#fff0)}.tic-album.is-pinned .tic-album__cap{bottom:calc(var(--tic-album-cap-b) + 100lvh - 100svh)}.tic-album__progress{left:var(--tic-gutter);bottom:3.2rem}.tic-album__bar{flex:1;width:auto}}@supports (animation-timeline: --a) and (view-timeline: --a block){@media screen{.tic-album[data-mode=css] .tic-album__track{view-timeline:--tic-album block}.tic-album[data-mode=css] .tic-album__stage{animation-name:tic-album-open,tic-album-close;animation-duration:auto,auto;animation-timing-function:var(--tic-ease-out),var(--tic-album-ease);animation-fill-mode:both,forwards;animation-timeline:--tic-album,--tic-album;animation-range:entry 30% entry 100%,exit 0% exit 60%}.tic-album[data-mode=css] .tic-album__page:not(:first-child) .tic-album__sheet{animation:tic-album-wipe auto var(--tic-album-ease) both;animation-timeline:--tic-album;animation-range:contain calc(var(--a) * 100%) contain calc(var(--b) * 100%)}.tic-album[data-mode=css] .tic-album__media{animation-name:tic-album-settle,tic-album-drift;animation-duration:auto,auto;animation-timing-function:var(--tic-ease-out),var(--tic-album-ease);animation-fill-mode:both,forwards;animation-timeline:--tic-album,--tic-album;animation-range:contain calc(var(--a) * 100%) contain calc(var(--c) * 100%),contain calc(var(--c) * 100%) contain calc(var(--d) * 100%)}.tic-album[data-mode=css] .tic-album__page:first-child .tic-album__media{animation-name:tic-album-settle-first,tic-album-drift;animation-range:entry 30% contain calc(var(--c) * 100%),contain calc(var(--c) * 100%) contain calc(var(--d) * 100%)}.tic-album[data-mode=css] .tic-album__page:last-child .tic-album__media{animation-name:tic-album-settle}.tic-album[data-mode=css] .tic-album__page:not(:last-child) .tic-album__shade{animation:tic-album-dim auto var(--tic-album-ease) both;animation-timeline:--tic-album;animation-range:contain calc(var(--c) * 100%) contain calc(var(--d) * 100%)}.tic-album[data-mode=css] .tic-album__edge{animation:tic-album-edge auto var(--tic-album-ease) both;animation-timeline:--tic-album;animation-range:contain calc(var(--a) * 100%) contain calc(var(--b) * 100%)}.tic-album[data-mode=css] .tic-album__edge>span{animation:tic-album-edge-glow auto linear both;animation-timeline:--tic-album;animation-range:contain calc(var(--a) * 100%) contain calc(var(--b) * 100%)}.tic-album[data-mode=css] .tic-album__fill{animation:tic-album-fill auto linear both;animation-timeline:--tic-album;animation-range:contain 0% contain 100%}}@media screen and (max-width:749px){.tic-album[data-mode=css] .tic-album__page:not(:first-child) .tic-album__sheet{animation-name:tic-album-wipe-up}.tic-album[data-mode=css] .tic-album__media{animation-name:tic-album-settle-up,none}.tic-album[data-mode=css] .tic-album__page:first-child .tic-album__media{animation-name:tic-album-settle-first-up,none}.tic-album[data-mode=css] .tic-album__page:last-child .tic-album__media{animation-name:tic-album-settle-up}.tic-album[data-mode=css] .tic-album__edge{animation-name:tic-album-edge-up}}}@keyframes tic-album-open{0%{clip-path:inset(var(--tic-album-fy) var(--tic-album-fx) round var(--tic-r-img, .8rem))}to{clip-path:inset(0 0 0 0 round 0)}}@keyframes tic-album-close{0%{clip-path:inset(0 0 0 0 round 0)}to{clip-path:inset(var(--tic-album-fy) var(--tic-album-fx) round var(--tic-r-img, .8rem))}}@keyframes tic-album-wipe{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes tic-album-wipe-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tic-album-settle{0%{transform:translate3d(3%,0,0) scale(1.06)}to{transform:none}}@keyframes tic-album-settle-up{0%{transform:translate3d(0,2%,0) scale(1.04)}to{transform:none}}@keyframes tic-album-settle-first{0%{transform:scale(1.08)}to{transform:none}}@keyframes tic-album-settle-first-up{0%{transform:scale(1.05)}to{transform:none}}@keyframes tic-album-drift{0%{transform:none}to{transform:translate3d(var(--tic-album-drift),0,0)}}@keyframes tic-album-dim{0%{opacity:0}to{opacity:var(--tic-album-dim)}}@keyframes tic-album-edge{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes tic-album-edge-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes tic-album-edge-glow{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes tic-album-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.tic-album__mask>span,.tic-album__cta,.tic-album__odo{transform:none!important;transition-property:opacity!important}.tic-album .tic-album__cta:active{scale:none}}@media print{.tic-album__skip,.tic-album__ui,.tic-album__edge{display:none!important}.tic-album__page{opacity:1!important;break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tic-album.css.map */