.mirror-story{display:block;--mirror-visible-ratio: var(--mirror-ratio);--mirror-canvas-width: 100%;--mirror-canvas-height: 100%;--mirror-canvas-left: 0%;--mirror-canvas-top: 0%}.mirror-story[data-framed]{--mirror-visible-ratio: calc(var(--mirror-ratio) * 2 / 3);--mirror-canvas-width: 156.25%;--mirror-canvas-height: 104.166667%;--mirror-canvas-left: -28.125%;--mirror-canvas-top: -2.083333%}.mirror-story__heading{max-inline-size:20ch;margin-block-end:var(--heading-gap, var(--space-8));font-size:var(--text-editorial-heading, var(--text-heading))}.mirror-story__layout{display:grid;gap:var(--space-8);align-items:start}.mirror-story__visual{min-inline-size:0;inline-size:100%;position:sticky;top:calc(var(--header-occupied, 0px) + var(--sticky-gap, 1rem));z-index:1;padding-block-end:var(--space-4);background:var(--color-surface)}.mirror-story__stage{--mirror-aperture-x: 26.666667%;--mirror-aperture-y: 21.916667%;--mirror-aperture-width: 46.916667%;--mirror-aperture-height: 61.75%;position:relative;isolation:isolate;aspect-ratio:var(--mirror-visible-ratio);inline-size:min(100%,calc(30svh * var(--mirror-visible-ratio)));margin-inline:auto;overflow:clip}.mirror-story__canvas{position:absolute;inline-size:var(--mirror-canvas-width);block-size:var(--mirror-canvas-height);left:var(--mirror-canvas-left);top:var(--mirror-canvas-top)}.mirror-story__window{position:absolute;top:8%;right:8%;bottom:8%;left:8%;overflow:hidden;border-radius:50%;isolation:isolate;background:var(--color-surface-inverse)}.mirror-story[data-masked] .mirror-story__window{top:0;right:0;bottom:0;left:0;border-radius:0;-webkit-mask:var(--mirror-mask) center / contain no-repeat;mask:var(--mirror-mask) center / contain no-repeat;mask-mode:alpha}.mirror-story[data-framed]:not([data-masked]) .mirror-story__window,.mirror-story[data-masked] .mirror-story__image{inset:auto;left:var(--mirror-aperture-x);top:var(--mirror-aperture-y);inline-size:var(--mirror-aperture-width);block-size:var(--mirror-aperture-height)}.mirror-story__image,.mirror-story__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.mirror-story__image{object-fit:var(--story-image-fit, cover);opacity:0;transform:scale(1.015) translateY(.35%);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.22,.61,.36,1);mix-blend-mode:plus-lighter}.mirror-story__image[data-story-state=active]{opacity:1;transform:scale(1) translateY(0)}.mirror-story__frame{z-index:1;object-fit:contain;pointer-events:none}.mirror-story__message[hidden]{display:none}.mirror-story__chapters{display:grid;gap:var(--space-8);min-inline-size:0;max-inline-size:56ch}.mirror-story__chapter{min-inline-size:0;scroll-margin-block-start:calc(var(--header-occupied, 0px) + var(--sticky-gap, 1rem))}.mirror-story__chapter h3{transition:color var(--motion-feedback) var(--motion-easing)}.mirror-story[data-enhanced] .mirror-story__chapter[data-story-current] h3{color:var(--color-accent)}.mirror-story__chapter+.mirror-story__chapter{padding-block-start:var(--space-8);border-block-start:var(--border-width) solid var(--color-border)}.mirror-story__eyebrow{margin-block-end:var(--space-3);color:var(--color-text-muted);font-size:var(--text-small)}.mirror-story__chapter h3{max-inline-size:25ch;font-size:var(--text-subheading);line-height:var(--line-height-heading);overflow-wrap:anywhere}.mirror-story__body{margin-block-start:var(--space-4);overflow-wrap:anywhere}.mirror-story__body>*+*{margin-block-start:var(--space-4)}.mirror-story__body :where(ul,ol){padding-inline-start:var(--space-6)}.mirror-story__link{display:inline-flex;align-items:center;min-block-size:2.75rem;margin-block-start:var(--space-6);font-weight:var(--font-weight-strong)}.mirror-story__empty{margin:var(--space-6);padding:var(--space-6);border:var(--border-width) dashed var(--color-border)}@media(min-width:64rem){.mirror-story[data-has-media] .mirror-story__layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(2rem,4vw,4rem)}.mirror-story[data-visual-side=right][data-has-media] .mirror-story__layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.mirror-story[data-visual-side=right] .mirror-story__visual{grid-column:2;grid-row:1}.mirror-story[data-visual-side=right] .mirror-story__chapters{grid-column:1;grid-row:1}.mirror-story__visual{padding-block-end:0;background:transparent}.mirror-story__stage{inline-size:min(100%,calc(max(8rem,100svh - var(--header-occupied, 0px) - var(--sticky-gap, 1rem) * 2) * var(--mirror-visible-ratio)))}.mirror-story__chapters{gap:var(--space-12);padding-block:var(--space-6)}.mirror-story__chapter+.mirror-story__chapter{padding-block-start:var(--space-12)}}@media(max-width:63.999rem){.mirror-story__layout{--mirror-edge-fade: clamp(1.5rem, 4svh, 2.5rem);gap:max(var(--space-6),var(--mirror-edge-fade));clip-path:inset(0 calc(-1 * var(--page-margin, 1rem)))}.mirror-story__visual{top:0;padding-block:calc(var(--header-occupied, 0px) + var(--space-4)) var(--space-4)}.mirror-story__visual:before,.mirror-story__visual:after{content:"";position:absolute;inset-inline:calc(-1 * var(--page-margin, 1rem));pointer-events:none}.mirror-story__visual:before{z-index:-1;inset-block:0;background:var(--color-surface)}.mirror-story__visual:after{inset-block-start:calc(100% - 1px);block-size:var(--mirror-edge-fade);background:linear-gradient(to bottom,var(--color-surface),color-mix(in srgb,var(--color-surface) 85%,transparent) 25%,color-mix(in srgb,var(--color-surface) 30%,transparent) 70%,transparent)}.mirror-story__chapters{max-inline-size:62ch;margin-inline:auto}.mirror-story__chapter{scroll-margin-block-start:calc(var(--header-occupied, 0px) + 30svh + var(--space-8))}.mirror-story{padding-block-end:var(--space-8)}}@media(prefers-reduced-motion:reduce){.mirror-story__image,.mirror-story__image[data-story-state=active],.mirror-story__chapter h3{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mirror-story.css.map */