.template-index main{background:var(--paper)}.pill{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font:500 15px/1 var(--body);letter-spacing:.01em;color:var(--chocolate);border:1px solid color-mix(in srgb,var(--chocolate) 22%,transparent);background:transparent;transition:background .25s,color .25s,transform .25s,border-color .25s}.pill .icon{width:16px;height:16px;transition:transform .25s}.pill:hover{border-color:var(--chocolate)}.pill:hover .icon{transform:translate(3px)}.pill--solid{background:var(--chocolate);border-color:var(--chocolate);color:var(--cream)}.pill--solid:hover{background:var(--bronze);border-color:var(--bronze)}.pill:active{transform:scale(.97)}.ahead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(16px,2vw,26px)}.ahead__title{font-family:var(--display);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.015em;max-width:30ch;color:var(--chocolate)}.ahead__title span{color:var(--accent);font-weight:500}.ahead__title:after{content:"";display:block;width:56px;height:3px;margin-top:12px;border-radius:3px;background:linear-gradient(90deg,var(--caramel),var(--champagne))}.ahead__tools{display:flex;align-items:center;gap:18px;flex:none}.ahead__link{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--bronze);white-space:nowrap}.ahead__link .icon{width:16px;height:16px;transition:transform .25s}.ahead__link:hover .icon{transform:translate(3px)}.rail-nav{display:flex;gap:10px}.rail-nav__btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0;background:color-mix(in srgb,var(--chocolate) 8%,transparent);color:var(--chocolate);transition:background .25s,opacity .25s,transform .25s}.rail-nav__btn:hover{background:color-mix(in srgb,var(--chocolate) 16%,transparent)}.rail-nav__btn:active{transform:scale(.92)}.rail-nav__btn[disabled]{opacity:.35;cursor:default}.rail-nav__btn--prev .icon{transform:rotate(180deg)}.arail-section,.bento-section,.showcase,.pgrid-section,.colgrid-section{padding-block:clamp(28px,4vw,56px)}.arail-section--paper{background:var(--paper)}.arail-section--cream{background:var(--cream)}.arail-section--dark{background:var(--chocolate);color:var(--cream)}.arail-section--dark .ahead__title{color:var(--cream)}.arail-section--dark .ahead__title span,.arail-section--dark .ahead__link{color:var(--champagne)}.arail-section--dark .rail-nav__btn{background:#ffffff1a;color:var(--cream)}.arail-section--dark .rail-nav__btn:hover{background:#fff3}.arail-section--dark .eyebrow{color:var(--champagne)}.rail{--rail-pad:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,23vw,320px);gap:clamp(14px,1.6vw,22px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);padding:8px var(--rail-pad) 20px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.ccard{position:relative;display:block;aspect-ratio:4/5;border-radius:24px;overflow:hidden;isolation:isolate;color:var(--cream);box-shadow:0 18px 40px -28px #4a1f0d8c;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.ccard__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ccard__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.ccard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#4a1f0d00 40%,#4a1f0db8)}.ccard__text{position:absolute;inset:auto 0 0 0;padding:22px}.ccard h3{font-size:clamp(18px,1.6vw,22px)}.ccard span{display:block;margin-top:4px;font-size:13px;color:var(--champagne)}.ccard:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 30px 60px -30px #4a1f0da6}.ccard:hover .ccard__media img{transform:scale(1.07)}.pcard{position:relative;display:flex;flex-direction:column;border-radius:22px;background:var(--white);overflow:hidden;box-shadow:0 2px 4px #4a1f0d0a,0 18px 36px -26px #4a1f0d59;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.pcard:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 2px 6px #4a1f0d0d,0 34px 60px -30px #4a1f0d80}.pcard__link{display:flex;flex-direction:column;height:100%}.pcard__media{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--white),var(--cream) 80%)}.pcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform 1s cubic-bezier(.16,1,.3,1)}.pcard__img--alt{opacity:0}.pcard--swap:hover .pcard__img--alt{opacity:1}.pcard:hover .pcard__img{transform:scale(1.05)}.pcard__badge{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:var(--chocolate);color:var(--cream);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.pcard__badge--muted{background:var(--white);color:var(--chocolate)}.pcard__info{padding:16px 18px 20px;color:var(--chocolate)}.pcard__type{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.pcard__title{font-family:var(--body);font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.pcard__price{margin:0;font-size:15px}.pcard__price s{color:var(--muted);margin-left:6px;font-size:13px}.pcard--more{align-items:flex-start;justify-content:flex-end;gap:6px;padding:26px;background:linear-gradient(160deg,var(--rose-brown),var(--chocolate));color:var(--cream);min-height:100%}.pcard__more-count{font-family:var(--display);font-weight:700;font-size:clamp(56px,6vw,84px);line-height:1;color:var(--champagne)}.pcard__more-text{font-size:18px;font-family:var(--display)}.pcard__more-icon{margin-top:12px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;transition:transform .3s}.pcard--more:hover .pcard__more-icon{transform:translate(6px)}.ahero{padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(30px,5vw,70px);background:radial-gradient(120% 70% at 50% 0%,var(--cream),var(--paper) 60%);overflow:hidden;text-align:center}.ahero__intro .eyebrow{margin-bottom:16px}.ahero__title{font-size:clamp(34px,5.4vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 auto 16px;max-width:18ch}.ahero__sub{font-size:clamp(17px,1.6vw,22px);color:var(--muted);max-width:44ch;margin:0 auto 28px;font-weight:300}.ahero__ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,64px)}.ahero__stage{perspective:1600px}.ahero__frame{position:relative;margin-inline:auto;width:calc(88% + var(--e,1) * 12%);aspect-ratio:1920/900;border-radius:calc(32px - var(--e,1) * 32px);overflow:hidden;background:var(--cream);box-shadow:0 60px 120px -60px #4a1f0d8c;transform:rotateX(calc((1 - var(--e,1)) * 16deg)) scale(calc(.94 + var(--e,1) * .06));transform-origin:50% 0}.ahero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s 1.1s}.ahero__slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease}.ahero__slide picture,.ahero__slide img{display:block;width:100%;height:100%}.ahero__slide img{object-fit:cover}.ahero__label{position:absolute;left:50%;bottom:clamp(18px,3vw,36px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:color-mix(in srgb,var(--white) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--chocolate);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ahero__label .icon{width:16px;height:16px}.ahero__dots{position:absolute;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--chocolate) 35%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ahero__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#ffffff8c;transition:width .4s,background .4s}.ahero__dot.is-active{width:26px;background:var(--white)}.marquee{overflow:hidden;background:var(--chocolate);color:var(--cream);padding-block:13px;font-family:var(--body);font-size:clamp(13px,1.2vw,15px);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.marquee__track{display:flex;width:max-content}.marquee__group{display:flex;align-items:center;flex:none}.marquee__item{padding-inline:22px;white-space:nowrap}.marquee__dot{color:var(--champagne);font-size:.8em}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(220px,22vw,300px);gap:clamp(12px,1.4vw,20px)}.bento__tile{position:relative;display:flex;align-items:flex-end;border-radius:28px;overflow:hidden;isolation:isolate;box-shadow:0 24px 50px -36px #4a1f0d99}.bento__tile--large{grid-column:span 2;grid-row:span 2}.bento__tile--wide{grid-column:span 2}.bento__tile--tall{grid-row:span 2}.bento__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.bento__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.bento__tile:hover .bento__media img{transform:scale(1.06)}.bento__tile--dark{color:var(--cream)}.bento__tile--dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#4a1f0d00 35%,#4a1f0dbf)}.bento__tile--dark .eyebrow{color:var(--champagne)}.bento__tile--light{color:var(--chocolate)}.bento__tile--light:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#fcf8f300 40%,#fcf8f3d9)}.bento__text{padding:clamp(20px,2.4vw,34px)}.bento__tile h3{font-size:clamp(22px,2vw,30px)}.bento__tile--large h3{font-size:clamp(28px,3vw,42px)}.bento__copy{margin:8px 0 0;max-width:34ch;opacity:.9}.bento__cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:500}.bento__cta .icon{width:16px;height:16px;transition:transform .25s}.bento__tile:hover .bento__cta .icon{transform:translate(4px)}.showcase__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}.showcase__media{position:sticky;top:calc(var(--hh,80px) + 20px);aspect-ratio:var(--ar,4/5);max-height:calc(100vh - var(--hh,80px) - 40px);margin-inline:auto;width:min(100%,calc((100vh - var(--hh,80px) - 40px) * var(--ar,.8)));border-radius:28px;overflow:hidden;background:var(--cream);box-shadow:0 50px 100px -60px #4a1f0d99}.showcase__img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.08);transition:opacity .9s ease,transform 1.4s cubic-bezier(.16,1,.3,1)}.showcase__img.is-active{opacity:1;transform:none}.showcase__img img{width:100%;height:100%;object-fit:contain}.showcase__step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:.28;transition:opacity .6s}.showcase__step.is-active{opacity:1}.showcase__step-img{display:none}.showcase__num{font-family:var(--display);font-weight:700;font-size:18px;color:var(--accent);margin-bottom:10px}.showcase__step h3{font-size:clamp(28px,3vw,42px);margin-bottom:14px}.showcase__text{font-size:18px;color:var(--muted);max-width:36ch;margin-bottom:24px}.arail-section--dark .showcase__text{color:var(--champagne)}@media(max-width:989px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase__grid{grid-template-columns:1fr}.showcase__media{display:none}.showcase__step{min-height:0;opacity:1;margin-bottom:56px}.showcase__step-img{display:block;width:100%;border-radius:24px;overflow:hidden;margin-bottom:22px}.showcase__step-img img{width:100%;height:auto;display:block}}@media(max-width:749px){.ahead{flex-direction:column;align-items:flex-start}.ahead__tools{width:100%;justify-content:space-between}.rail{grid-auto-columns:72vw}.ahero__frame{aspect-ratio:5/4;width:calc(92% + var(--e,1) * 8%)}.ahero__dots{top:12px;bottom:auto;right:12px}.ahero__label{font-size:12px;padding:10px 16px}.bento{grid-template-columns:1fr;grid-auto-rows:340px}.bento__tile--large,.bento__tile--wide,.bento__tile--tall{grid-column:auto;grid-row:auto}.bento__tile--large{grid-row:span 1}}@media(prefers-reduced-motion:no-preference){.marquee__track{animation:os-marquee var(--speed,36s) linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.ahero__slide.is-active img{animation:os-kenburns 9s ease-out both}.js-motion .ahero__frame{will-change:transform}.js-motion .ahero__intro>*{opacity:0;animation:os-rise 1.1s cubic-bezier(.16,1,.3,1) forwards}.js-motion .ahero__intro>:nth-child(2){animation-delay:.1s}.js-motion .ahero__intro>:nth-child(3){animation-delay:.22s}.js-motion .ahero__intro>:nth-child(4){animation-delay:.34s}.js-motion .ahero__stage{opacity:0;animation:os-stage 1.6s cubic-bezier(.16,1,.3,1) .35s forwards}@keyframes os-marquee{to{transform:translate(-50%)}}@keyframes os-kenburns{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes os-stage{0%{opacity:0;transform:translate3d(0,120px,0)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.ahero__frame{--e:1}}.ahero--top{padding-top:0;padding-bottom:0;background:var(--paper)}.ahero--top .ahero__frame{width:100%;border-radius:0;box-shadow:none;transform:none!important}.ahero--top .ahero__intro{padding-block:clamp(26px,3.5vw,44px)}.ahero--top .ahero__ctas{margin-bottom:0}.js-motion .ahero--top .ahero__stage{opacity:1;animation:none}.bento--natural{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:start}.bento--natural .bento__tile{aspect-ratio:var(--ar);grid-column:auto;grid-row:auto;width:100%}.bento--natural .bento__media img{object-fit:contain;background:var(--cream)}.bento--no-text .bento__tile:after{display:none}.bento--no-text .bento__tile:hover .bento__media img{transform:scale(1.03)}@media(max-width:749px){.bento.bento--natural{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px}.bento--natural .bento__tile{border-radius:18px}}.ccard--below{aspect-ratio:auto;border-radius:0;overflow:visible;box-shadow:none;color:var(--chocolate);isolation:auto}.ccard--below:after{display:none}.ccard--below .ccard__media{position:relative;inset:auto;z-index:auto;aspect-ratio:var(--ar);border-radius:22px;overflow:hidden;background:var(--cream);box-shadow:0 18px 40px -28px #4a1f0d8c}.ccard--below .ccard__media img{object-fit:contain}.ccard--below .ccard__text{position:static;padding:14px 4px 0;text-align:center}.ccard--below h3{font-size:clamp(16px,1.3vw,19px);font-weight:600}.ccard--below span{color:var(--muted)}.ccard--below:hover{transform:translateY(-4px);box-shadow:none}.arail-section--dark .ccard--below{color:var(--cream)}.pgrid__more{display:flex;justify-content:center;margin-top:clamp(22px,3vw,36px)}.colgrid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}@media(max-width:989px){.colgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.colgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/home.css.map */