calyvi-box-stack.cbox{--cbox-bg: #f8f5f0;--cbox-ink: #1f1d1d;--cbox-gutter: clamp(20px, 4.5vw, 72px);display:block;color:var(--cbox-ink);background:var(--cbox-bg);overflow:clip;font-family:var(--font-body-family, "DM Sans", sans-serif)}calyvi-box-stack.cbox *,calyvi-box-stack.cbox *:before,calyvi-box-stack.cbox *:after{box-sizing:border-box}.cbox .cbox__scene{padding:56px 0 48px}.cbox .cbox__header{padding:0 var(--cbox-gutter);margin-bottom:32px}.cbox .cbox__eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase}.cbox .cbox__heading{margin:0;font-family:var(--font-heading-family, "Cormorant", serif);font-weight:var(--font-heading-weight, 400);font-size:clamp(32px,10.3vw,64px);line-height:.98;letter-spacing:-.035em;text-transform:uppercase}.cbox .cbox__heading span{display:block}.cbox .cbox__subtitle{margin:20px 0 0;max-width:30ch;font-size:14px;line-height:1.6}.cbox .cbox__cards{display:flex;gap:8px;overflow-x:auto;margin:0;padding:0 var(--cbox-gutter) 12px;list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cbox-gutter);overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cbox .cbox__panel{flex:0 0 88vw;min-width:0;margin:0;padding:0;list-style:none;scroll-snap-align:start}.cbox .cbox__panel:before{display:none}.cbox .cbox__media{position:relative;margin:0;width:100%;aspect-ratio:4 / 5;display:grid;place-items:center}.cbox .cbox__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;max-width:none}.cbox .cbox__body{padding:24px 0 0}.cbox .cbox__number{margin:0 0 12px;font-size:11px;letter-spacing:.2em}.cbox .cbox__name{margin:0;color:inherit;font-family:var(--font-heading-family, "Cormorant", serif);font-weight:var(--font-heading-weight, 400);font-size:clamp(36px,9vw,54px);line-height:1.05;letter-spacing:-.025em;text-transform:uppercase}.cbox .cbox__description{margin:12px 0 0;font-size:14px;line-height:1.6;max-width:30ch}.cbox .cbox__price{display:flex;align-items:baseline;gap:12px;margin:18px 0 0;font-size:18px;font-variant-numeric:lining-nums tabular-nums}.cbox .cbox__compare{font-size:13px;opacity:.65}.cbox .cbox__cta{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:48px;min-width:190px;margin-top:20px;padding:0 20px;border:1px solid var(--cbox-ink);border-radius:0;color:var(--cbox-ink);background:transparent;font-size:11px;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;transition:color .25s,background-color .25s}.cbox .cbox__cta:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(hover:hover){.cbox .cbox__cta:hover{background:var(--cbox-ink);color:var(--cbox-bg)}}.cbox .cbox__editorial{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0 0;padding:0 var(--cbox-gutter);list-style:none}.cbox .cbox__chapter{font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;opacity:.45}.cbox .cbox__chapter:before{display:none}.cbox .cbox__chapter[aria-current=step]{opacity:1}.cbox .cbox__chapter[aria-current=step] span{text-decoration:underline;text-underline-offset:5px}.cbox .cbox__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:750px)and (max-width:1099px){.cbox .cbox__panel{flex-basis:min(76vw,620px)}.cbox .cbox__heading{font-size:clamp(56px,7vw,76px)}}@media(min-width:1100px){.cbox .cbox__header{margin-bottom:48px}.cbox .cbox__heading{font-size:clamp(54px,5vw,88px)}.cbox .cbox__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;overflow:visible}.cbox .cbox__name{font-size:clamp(34px,3vw,52px)}.cbox.is-immersive{height:340svh}.cbox.is-immersive .cbox__scene{position:sticky;top:0;height:100svh;padding:0}.cbox.is-immersive .cbox__header{position:absolute;z-index:2;top:clamp(32px,5svh,64px);left:var(--cbox-gutter);width:38%;margin:0;padding:0;pointer-events:none}.cbox.is-immersive .cbox__cards{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;padding:0;gap:0}.cbox.is-immersive .cbox__panel{grid-area:1 / 1;display:grid;grid-template-columns:40% 60%;align-items:center;padding:32px var(--cbox-gutter) 64px;opacity:var(--cbox-opacity, 0);transform:translate3d(0,var(--cbox-shift, 12px),0);pointer-events:none}.cbox.is-immersive .cbox__panel:first-child{--cbox-opacity: 1;--cbox-shift: 0px}.cbox.is-immersive .cbox__panel[aria-current=true]{pointer-events:auto}.cbox.is-immersive .cbox__media{position:absolute;top:50%;right:clamp(84px,6vw,160px);width:48vw;max-width:none;height:min(80svh,60vw);aspect-ratio:auto;transform:translateY(-50%)}.cbox.is-immersive .cbox__img{inset:0 0 auto auto;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:10px}.cbox.is-immersive .cbox__body{grid-column:1;grid-row:1;align-self:end;max-width:34ch;padding:0 24px 6svh 0}.cbox.is-immersive .cbox__name{font-size:clamp(44px,4.5vw,76px)}.cbox.is-immersive .cbox__description{font-size:15px}.cbox.is-immersive .cbox__editorial{position:absolute;z-index:3;left:0;right:0;bottom:24px;margin:0;gap:32px}}@media(prefers-reduced-motion:reduce){.cbox .cbox__cards{scroll-snap-type:none}.cbox .cbox__panel{transform:none!important}.cbox .cbox__cta{transition:none}.cbox .cbox__chapter{opacity:1}}@media print{.cbox.is-immersive{height:auto}.cbox.is-immersive .cbox__scene{position:static;height:auto;padding:32px 0}.cbox.is-immersive .cbox__header{position:static;padding:0 var(--cbox-gutter);width:auto}.cbox.is-immersive .cbox__cards{position:static;display:block}.cbox.is-immersive .cbox__panel{opacity:1;transform:none}.cbox.is-immersive .cbox__editorial{display:none}}@media(min-width:1100px){.cbox:not(.is-immersive) .cbox__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:calc(980px + 2 * var(--cbox-gutter));margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/calyvi-box-stack.css.map */
