.story-highlights-section{background:var(--color-background)}.story-highlights__section{max-width:var(--lophiel-content-max);padding-block:clamp(2rem,5vw,3.5rem)}.story-highlights__header{margin-bottom:1.5rem;text-align:center}.story-highlights__header .lophiel-eyebrow{margin-bottom:.5rem;border:0;background:transparent}.story-highlights__title{margin:0;color:var(--color-primary);font-size:clamp(2.75rem,5vw,4.5rem);line-height:.95}.story-highlights__rail{display:flex;gap:clamp(1rem,2.4vw,1.75rem);justify-content:center;overflow-x:auto;padding:.25rem 0 .75rem;scroll-padding-inline:var(--page-margin);scrollbar-width:none;-webkit-overflow-scrolling:touch}.story-highlights__rail::-webkit-scrollbar{display:none}.story-highlights__item{flex:0 0 auto}.story-highlights__trigger{display:grid;width:clamp(5.5rem,11vw,7.5rem);min-height:7.25rem;padding:0;place-items:start center;border:0;background:transparent;color:var(--color-primary);cursor:pointer;font:inherit;text-align:center;touch-action:manipulation}.story-highlights__ring{display:grid;width:clamp(4.75rem,9vw,6.25rem);height:clamp(4.75rem,9vw,6.25rem);aspect-ratio:1 / 1;padding:3px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));transition:transform .22s cubic-bezier(.22,1,.36,1)}.story-highlights__cover{display:grid;overflow:hidden;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1 / 1;padding:3px;place-items:center;border-radius:50%;background:#fff;box-sizing:border-box}.story-highlights__cover-image,.story-highlights__cover-placeholder{display:block;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(50% at 50% 50%)}.story-highlights__cover-placeholder{display:grid;place-items:center;background:var(--color-primary);color:var(--color-accent);font-family:var(--font-heading--family);font-size:2.5rem}.story-highlights__label{display:block;max-width:100%;margin-top:.65rem;overflow:hidden;font-size:.75rem;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.story-highlights__trigger:hover .story-highlights__ring{transform:scale(1.035)}.story-highlights__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px;border-radius:.75rem}.story-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:#050706;color:#fff}.story-viewer[open]{display:grid;place-items:center}.story-viewer::backdrop{background:#000c08d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-viewer__frame{position:relative;width:min(100vw,36rem);height:100dvh;max-height:64rem;overflow:hidden;background:#0a0c0b;isolation:isolate}.story-viewer__stage,.story-viewer__slide{position:absolute;top:0;right:0;bottom:0;left:0}.story-viewer__slide[hidden]{display:none}.story-viewer__media{display:block;width:100%;height:100%;object-fit:contain;background:#050706}.story-viewer__empty{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,var(--color-primary),#00120d);color:var(--color-accent);font-family:var(--font-heading--family);font-size:clamp(4rem,18vw,8rem)}.story-viewer__progress{position:absolute;z-index:8;top:max(.75rem,env(safe-area-inset-top));left:.75rem;right:.75rem;display:grid;grid-template-columns:repeat(var(--story-count, 1),minmax(0,1fr));gap:.3rem}.story-viewer__progress-track{overflow:hidden;height:2px;border-radius:999px;background:#ffffff57}.story-viewer__progress-value{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:left center}.story-viewer__topbar{position:absolute;z-index:8;top:max(1.15rem,calc(env(safe-area-inset-top) + .4rem));left:.75rem;right:.5rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding-top:.4rem}.story-viewer__meta{display:flex;min-width:0;gap:.4rem;align-items:center;margin:0;overflow:hidden;color:#ffffffeb;font-size:.75rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.75);white-space:nowrap}.story-viewer__actions{display:flex;flex:0 0 auto;gap:.25rem}.story-viewer__control,.story-viewer__nav{display:inline-grid;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;place-items:center;border:0;border-radius:50%;background:#000c0870;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-viewer__control:hover,.story-viewer__nav:hover{background:#e2b87c47}.story-viewer__control:focus-visible,.story-viewer__nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.story-viewer__control svg,.story-viewer__nav svg{width:1.25rem;height:1.25rem}.story-viewer__control [data-story-mute] svg,.story-viewer__control>svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.story-viewer__control [data-story-sound-wave]{display:none}.story-viewer__control[aria-pressed=false] [data-story-sound-wave]{display:block}.story-viewer__control[aria-pressed=false] [data-story-muted-mark]{display:none}.story-viewer__nav{position:absolute;z-index:7;top:50%;transform:translateY(-50%)}.story-viewer__nav--previous{left:.75rem}.story-viewer__nav--next{right:.75rem}.story-viewer__nav[disabled]{visibility:hidden}@media(min-width:750px){.story-viewer{padding-block:1.5rem}.story-viewer__frame{height:min(calc(100dvh - 3rem),64rem);border-radius:1.25rem}}@media(max-width:749px){.story-highlights__section{padding-inline:0}.story-highlights__header{padding-inline:var(--page-margin)}.story-highlights__rail{justify-content:flex-start;padding-inline:var(--page-margin)}.story-viewer__nav{top:auto;bottom:max(1rem,env(safe-area-inset-bottom));transform:none}}@media(prefers-reduced-motion:reduce){.story-highlights__ring{transition:none}.story-highlights__trigger:hover .story-highlights__ring{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/lophiel-story-highlights.css.map */