@layer components{.story-shot{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:1.125rem;background:var(--color-sunken);box-shadow:var(--shadow-card)}.story-shot :is(picture,img,video){width:100%;height:100%;object-fit:cover}.story-3d-badge,.story-play{position:absolute;z-index:2;border-radius:999px;background:var(--color-chip-dark);color:#fff}.story-3d-badge{left:.625rem;top:.625rem;padding:.25rem .5625rem;font:650 .6875rem/1 var(--font-display);letter-spacing:.06em;pointer-events:none}.story-play{right:.625rem;bottom:.625rem;display:grid;place-items:center;width:2.125rem;height:2.125rem}.story-play svg{width:.9375rem;height:.9375rem;fill:currentColor}.story-play .icon-pause,.story-play[data-playing=true] .icon-play{display:none}.story-play[data-playing=true] .icon-pause{display:block}.story-stage{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;font:650 .6875rem/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.story-stage-num{flex:none;display:grid;place-items:center;width:1.1875rem;height:1.1875rem;border-radius:999px;background:var(--color-tint);color:var(--color-accent-strong);font-size:.65625rem;font-weight:700;letter-spacing:0}.story-note{margin-top:.625rem;font-size:.8125rem;line-height:1.45;color:var(--color-muted);text-wrap:pretty}.story-pair{overflow:visible;background:none;box-shadow:none}.story-pair picture{position:absolute;display:block;width:68%;height:auto;aspect-ratio:3 / 4;border:3px solid var(--color-surface);border-radius:.9375rem;overflow:hidden;background:var(--color-sunken);box-shadow:var(--shadow-card)}.story-pair img{width:100%;height:100%;object-fit:cover}.story-pair-a{left:0;top:0;z-index:1}.story-pair-b{right:0;bottom:0;z-index:2}.story-group{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;background:none;box-shadow:none}.story-group picture{display:block;min-height:0;border-radius:.6875rem;overflow:hidden;background:var(--color-sunken);box-shadow:var(--shadow-card)}.story-group picture:first-child:nth-last-child(3){grid-row:span 2}.story-group img{display:block;width:100%;height:100%;object-fit:cover}.quote{padding:1.25rem;border-radius:1.125rem;background:var(--color-page)}.quote-text{margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.quote-by{font-size:.8125rem;color:var(--color-muted)}}@layer components{.story-hero .eyebrow{margin-top:1rem}.story-occasion{max-width:38em;margin-top:.75rem;font-size:.9375rem;color:var(--color-muted)}.story-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem}.story-step{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.story-step .story-stage{align-self:end}.story-flow figure{margin:0}.story-frame{position:relative}@media(min-width:64rem){.story-flow{grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr));gap:2rem;max-width:calc(var(--steps, 4) * 17.5rem + (var(--steps, 4) - 1) * 2rem)}.story-step:not(:last-child) .story-frame:after{content:"";position:absolute;z-index:3;top:50%;right:-1.75rem;width:1.5rem;height:1.5rem;margin-top:-.75rem;border-radius:999px;background:var(--color-ink) no-repeat center / .875rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10.5M9 4l4 4-4 4' fill='none' stroke='%23fff7f3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=black-friday] .story-step:not(:last-child) .story-frame:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10.5M9 4l4 4-4 4' fill='none' stroke='%231a1412' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.story-quote{max-width:40rem;margin-top:clamp(1.5rem,1rem + 2vw,2.25rem)}.story-main .story-more{margin-top:clamp(1.5rem,1rem + 1.5vw,2rem)}}