.section-totoka-bestseller-index{position:relative;z-index:1}.tbi-index{--tbi-progress: 0;position:relative;isolation:isolate;overflow:clip;color:var(--tbi-text);background:var(--tbi-background);font-family:var(--tbi-body-font, sans-serif)}.tbi-index *,.tbi-index *:before,.tbi-index *:after{box-sizing:border-box}.tbi-index__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:clip;pointer-events:none}.tbi-index__background-sticky{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;background-color:var(--tbi-background);background-repeat:no-repeat;background-size:cover}.tbi-index__background-sticky:before,.tbi-index__background-sticky:after{position:absolute;content:"";border-radius:999px;filter:blur(1px);opacity:.52}.tbi-index__background-sticky:before{top:5%;right:-14%;width:min(52vw,780px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.78) 0%,rgba(225,226,224,.22) 45%,transparent 72%)}.tbi-index__background-sticky:after{bottom:10%;left:-18%;width:min(46vw,680px);aspect-ratio:1;background:radial-gradient(circle,rgba(198,199,197,.2) 0%,transparent 70%)}.tbi-index__inner{position:relative;z-index:1;width:min(calc(100% - 64px),var(--tbi-max-width));margin-inline:auto;padding-block:var(--tbi-padding-top) var(--tbi-padding-bottom)}.tbi-index__header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);gap:clamp(32px,8vw,132px);align-items:end;margin-bottom:clamp(72px,10vw,152px)}.tbi-eyebrow,.tbi-entry__eyebrow,.tbi-entry__metric,.tbi-entry__price,.tbi-entry__link{font-family:var(--tbi-body-font, sans-serif)}.tbi-eyebrow,.tbi-entry__eyebrow{margin:0 0 18px;color:var(--tbi-muted);font-size:.72rem;font-weight:650;letter-spacing:.22em;line-height:1.3;text-transform:uppercase}.tbi-index .tbi-index__heading,.tbi-index .tbi-index__footer-heading,.tbi-index .tbi-entry__title{margin:0;color:var(--tbi-heading);font-family:var(--tbi-heading-font, "Playfair Display", Georgia, serif)!important;font-style:var(--tbi-heading-font-style, normal)!important;font-weight:var(--tbi-heading-font-weight, 700)!important}.tbi-index .tbi-entry__title a{font:inherit}.tbi-index__heading{grid-column:1;font-size:clamp(3.3rem,7vw,8.7rem);line-height:.86;letter-spacing:-.055em;text-wrap:balance}.tbi-index__header>.tbi-eyebrow{grid-column:1 / -1;margin-bottom:-14px}.tbi-index__subtitle{grid-column:2;max-width:430px;padding-bottom:.35em;color:var(--tbi-text);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.6}.tbi-index__subtitle p,.tbi-entry__description p,.tbi-index__footer-copy p{margin:0}.tbi-ranking{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(430px,.84fr);column-gap:clamp(56px,8vw,136px);align-items:start}.tbi-ranking__rail{position:absolute;top:2%;bottom:2%;left:calc(58% + clamp(8px,1vw,18px));width:1px;pointer-events:none}.tbi-ranking__rail-track,.tbi-ranking__rail-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:1px;transform-origin:top}.tbi-ranking__rail-track{background:color-mix(in srgb,var(--tbi-line) 36%,transparent)}.tbi-ranking__rail-progress{background:linear-gradient(to bottom,transparent,var(--tbi-line) 8%,var(--tbi-accent) 92%,transparent);transform:scaleY(var(--tbi-progress))}.tbi-entry{position:relative;min-width:0}.tbi-entry:not(.tbi-entry--lead){grid-column:2;display:grid;grid-template-columns:minmax(150px,.88fr) minmax(210px,1.12fr);gap:clamp(24px,3vw,52px);align-items:center;min-height:clamp(320px,42vh,470px);padding-block:clamp(44px,6vh,76px);border-top:1px solid color-mix(in srgb,var(--tbi-line) 42%,transparent)}.tbi-entry:not(.tbi-entry--lead):before{position:absolute;top:-4px;left:-9px;width:9px;height:9px;content:"";border:1px solid var(--tbi-line);border-radius:50%;background:var(--tbi-background)}.tbi-entry--lead{position:sticky;top:clamp(90px,12vh,136px);grid-column:1;grid-row:1 / span 4;min-height:min(76vh,760px);padding-right:clamp(24px,3vw,52px)}.tbi-entry__media-column{position:relative;min-width:0}.tbi-entry--lead .tbi-entry__media-column{min-height:min(58vh,590px)}.tbi-entry__rank{position:absolute;z-index:-1;top:-.16em;left:-.05em;color:color-mix(in srgb,var(--tbi-accent) 18%,transparent);font-family:var(--tbi-heading-font, "Playfair Display", Georgia, serif)!important;font-style:var(--tbi-heading-font-style, normal)!important;font-weight:var(--tbi-heading-font-weight, 700)!important;font-size:clamp(5.5rem,12vw,13rem);line-height:.82;letter-spacing:-.075em;white-space:nowrap}.tbi-entry--lead .tbi-entry__rank{top:-.07em;font-size:clamp(9rem,22vw,22rem)}.tbi-entry__media{position:relative;display:grid;min-height:270px;place-items:center;color:inherit;text-decoration:none}.tbi-entry--lead .tbi-entry__media{min-height:min(58vh,590px)}.tbi-entry__image-shell{position:relative;z-index:2;display:grid;width:100%;height:100%;place-items:center;transform:translate3d(0,var(--tbi-parallax, 0px),0);will-change:transform}.tbi-entry__image,.tbi-entry__placeholder{display:block;width:auto;max-width:100%;height:clamp(190px,27vh,340px);object-fit:contain;transform:scale(var(--tbi-image-scale));transform-origin:center bottom}.tbi-entry--lead .tbi-entry__image,.tbi-entry--lead .tbi-entry__placeholder{height:clamp(330px,51vh,590px)}.tbi-entry__placeholder{width:min(84%,420px);color:color-mix(in srgb,var(--tbi-accent) 22%,transparent)}.tbi-entry__platform{position:absolute;z-index:1;right:6%;bottom:8%;left:6%;height:17%;border:1px solid color-mix(in srgb,var(--tbi-line) 42%,transparent);border-radius:50%;background:linear-gradient(165deg,#ffffff7a,#82868a14);box-shadow:inset 0 1px #ffffffbf,0 22px 50px #23262a14;transform:perspective(500px) rotateX(64deg)}.tbi-entry--lead .tbi-entry__platform{right:4%;bottom:4%;left:4%;height:20%}.tbi-entry__content{position:relative;z-index:3;max-width:490px}.tbi-entry--lead .tbi-entry__content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:end;margin-top:clamp(20px,3vh,40px)}.tbi-entry--lead .tbi-entry__eyebrow,.tbi-entry--lead .tbi-entry__title,.tbi-entry--lead .tbi-entry__description,.tbi-entry--lead .tbi-entry__metric{grid-column:1}.tbi-entry--lead .tbi-entry__price,.tbi-entry--lead .tbi-entry__link{grid-column:2}.tbi-entry__eyebrow{margin-bottom:12px;color:var(--tbi-muted);letter-spacing:.18em}.tbi-entry__title{font-size:clamp(1.65rem,3vw,3.2rem);line-height:1.02;letter-spacing:-.035em}.tbi-entry--lead .tbi-entry__title{font-size:clamp(2.5rem,4.8vw,5.2rem);line-height:.96}.tbi-entry__title a{color:inherit;text-decoration:none}.tbi-entry__description{max-width:40ch;margin-top:18px;color:var(--tbi-text);font-size:clamp(.97rem,1.1vw,1.08rem);line-height:1.58}.tbi-entry__metric{display:flex;gap:10px;align-items:center;margin:20px 0 0;color:var(--tbi-muted);font-size:.77rem;font-weight:650;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.tbi-entry__metric-mark{display:block;width:22px;height:1px;background:var(--tbi-accent)}.tbi-entry__price{margin:20px 0 0;color:var(--tbi-text);font-size:.95rem}.tbi-entry__link{display:inline-flex;gap:10px;align-items:center;width:fit-content;margin-top:24px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--tbi-heading) 58%,transparent);color:var(--tbi-heading);font-size:.72rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-decoration:none;text-transform:uppercase}.tbi-index__footer{position:relative;display:grid;justify-items:center;max-width:980px;margin:clamp(120px,16vw,240px) auto 0;padding:clamp(72px,10vw,136px) 24px 0;border-top:1px solid color-mix(in srgb,var(--tbi-line) 44%,transparent);text-align:center}.tbi-index__footer:before{position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;content:"";border:1px solid var(--tbi-line);border-radius:50%;background:var(--tbi-background);box-shadow:0 0 0 5px color-mix(in srgb,var(--tbi-background) 72%,transparent)}.tbi-index__footer-heading{max-width:14ch;font-size:clamp(2.7rem,6.3vw,7.2rem);line-height:.92;letter-spacing:-.05em;text-wrap:balance}.tbi-index__footer-copy{max-width:560px;margin-top:26px;color:var(--tbi-text);font-size:1.05rem;line-height:1.6}.tbi-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:34px;padding:14px 25px;border:1px solid var(--tbi-heading);color:var(--tbi-background);background:var(--tbi-heading);font-family:var(--tbi-body-font, sans-serif);font-size:.73rem;font-weight:700;letter-spacing:.13em;line-height:1.2;text-decoration:none;text-transform:uppercase}.tbi-index.is-motion-ready .tbi-reveal{opacity:0;transform:translate3d(0,var(--tbi-motion-shift),0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--tbi-order, 0) * 70ms)}.tbi-index.is-motion-ready .tbi-reveal.is-visible{opacity:1;transform:translateZ(0)}@media(max-width:1099px){.tbi-index__inner{width:min(calc(100% - 48px),var(--tbi-max-width))}.tbi-ranking{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);column-gap:48px}.tbi-ranking__rail{left:calc(52.5% + 4px)}.tbi-entry:not(.tbi-entry--lead){grid-template-columns:150px minmax(190px,1fr);gap:24px}.tbi-entry--lead .tbi-entry__content{display:block}}@media(max-width:749px){.tbi-index{overflow:hidden}.tbi-index__inner{width:min(calc(100% - 32px),var(--tbi-max-width));padding-top:max(64px,calc(var(--tbi-padding-top) * .66));padding-bottom:max(64px,calc(var(--tbi-padding-bottom) * .66))}.tbi-index__header{display:block;margin-bottom:72px}.tbi-index__heading{max-width:9ch;font-size:clamp(3.1rem,15vw,5.4rem)}.tbi-index__subtitle{max-width:31ch;margin-top:28px;padding:0;font-size:1rem}.tbi-ranking{display:block}.tbi-ranking__rail{top:0;right:auto;bottom:0;left:7px}.tbi-entry,.tbi-entry:not(.tbi-entry--lead),.tbi-entry--lead{position:relative;top:auto;display:block;min-height:0;margin:0;padding:54px 0 76px 30px;border-top:1px solid color-mix(in srgb,var(--tbi-line) 40%,transparent)}.tbi-entry:first-of-type{border-top:0}.tbi-entry:not(.tbi-entry--lead):before,.tbi-entry:before{position:absolute;top:-4px;left:3px;width:9px;height:9px;content:"";border:1px solid var(--tbi-line);border-radius:50%;background:var(--tbi-background)}.tbi-entry:first-of-type:before{top:0}.tbi-entry__media-column,.tbi-entry--lead .tbi-entry__media-column{min-height:0}.tbi-entry__media,.tbi-entry--lead .tbi-entry__media{min-height:390px}.tbi-entry__rank,.tbi-entry--lead .tbi-entry__rank{top:0;left:-.03em;font-size:clamp(7.2rem,34vw,10rem)}.tbi-entry__image,.tbi-entry__placeholder,.tbi-entry--lead .tbi-entry__image,.tbi-entry--lead .tbi-entry__placeholder{height:clamp(260px,48vh,430px)}.tbi-entry--lead .tbi-entry__image,.tbi-entry--lead .tbi-entry__placeholder{height:clamp(320px,56vh,500px)}.tbi-entry__platform,.tbi-entry--lead .tbi-entry__platform{right:3%;bottom:8%;left:3%;height:18%}.tbi-entry__content,.tbi-entry--lead .tbi-entry__content{display:block;max-width:34rem;margin-top:20px}.tbi-entry--lead .tbi-entry__title{font-size:clamp(2.4rem,11vw,4rem)}.tbi-entry__title{font-size:clamp(2rem,9vw,3.25rem)}.tbi-entry__description{max-width:31ch}.tbi-entry__price,.tbi-entry__link,.tbi-entry--lead .tbi-entry__price,.tbi-entry--lead .tbi-entry__link{margin-top:22px}.tbi-index__footer{margin-top:82px;padding:82px 8px 0}.tbi-index__footer-heading{font-size:clamp(2.8rem,13vw,5rem)}}@media(prefers-reduced-motion:reduce){.tbi-index,.tbi-index *{scroll-behavior:auto!important}.tbi-index .tbi-reveal{opacity:1!important;transform:none!important;transition:none!important}.tbi-ranking__rail-progress{transform:scaleY(1)!important}.tbi-entry__image-shell{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/totoka-bestseller-index.css.map */