.walleu-numbered-media{--wnm-accent: #33000d;--wnm-border: rgba(0, 0, 0, .12);--wnm-border: color-mix(in srgb, currentColor 16%, transparent);display:grid;gap:2rem;grid-template-columns:1fr;grid-template-areas:"header" "media" "list"}.wnm__header{grid-area:header}.wnm__list{grid-area:list}.wnm__media{grid-area:media}.wnm__eyebrow{margin:0 0 .9rem;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wnm-accent)}.wnm__heading{margin:0 0 1rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.1}.wnm__intro{line-height:1.6;max-width:46ch}.wnm__intro>:first-child{margin-top:0}.wnm__intro>:last-child{margin-bottom:0}.wnm__list{list-style:none;margin:0;padding:0}.wnm__item{display:grid;grid-template-columns:auto 1fr;column-gap:1.25rem;padding:1.25rem 0;border-top:1px solid var(--wnm-border)}.wnm__item:first-child{border-top:0}.wnm__num{padding-top:.15rem;font-size:.8rem;font-weight:700;color:var(--wnm-accent);font-variant-numeric:tabular-nums}.wnm__item-title{margin:0 0 .35rem;font-family:var(--heading-font-family);font-size:1.05rem;font-weight:600}.wnm__item-text{line-height:1.55}.wnm__item-text>:first-child{margin-top:0}.wnm__item-text>:last-child{margin-bottom:0}.wnm__media{position:relative;align-self:start}.wnm__img{display:block;width:100%;height:auto;border-radius:var(--rounded-block, 1rem);object-fit:cover}.wnm__img--placeholder{aspect-ratio:4 / 3;background:var(--wnm-border)}.wnm__caption{position:absolute;left:1rem;bottom:1rem;padding:.35rem .6rem;border-radius:var(--rounded-button, .45rem);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#333;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wnm--interactive .wnm__item{display:block;position:relative;padding:.3rem 0;border-top:0}.wnm__item-inner{display:grid;grid-template-columns:auto 1fr;column-gap:1.25rem;padding:.95rem 1.1rem;border-radius:var(--rounded-block, 1rem)}@media(min-width:1000px){.wnm__item-inner{cursor:pointer;opacity:.75;transition:background-color .25s ease,opacity .25s ease}.wnm__item-inner:hover{opacity:1;background:color-mix(in srgb,var(--wnm-active-bg, #ccccad) 40%,transparent)}.wnm__radio:checked+.wnm__item-inner{opacity:1;background:var(--wnm-active-bg, #ccccad)}.wnm__radio:focus-visible+.wnm__item-inner{outline:2px solid var(--wnm-accent);outline-offset:2px}}.wnm__stack{display:grid}.wnm__stack-item{grid-area:1 / 1;transition:opacity .3s ease}.wnm__stack-item+.wnm__stack-item{opacity:0;visibility:hidden}.wnm__frame{position:relative;cursor:pointer}.wnm__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#000000bf;color:#fff;cursor:pointer;transition:opacity .3s ease,transform .15s ease}.wnm__play svg{margin-left:3px}.wnm__play:hover{transform:scale(1.06)}.wnm__play:focus-visible{outline:2px solid #fff;outline-offset:3px}.wnm__frame.is-playing .wnm__play{opacity:0;pointer-events:none}@media(max-width:999px){.wnm__list{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.wnm__list::-webkit-scrollbar{display:none}.wnm__item{flex:0 0 78%;scroll-snap-align:start;border-top:0;border:1px solid var(--wnm-border);border-radius:var(--rounded-block, 1rem);padding:1.25rem}.wnm__item:first-child{border:1px solid var(--wnm-border)}.wnm--interactive .wnm__item{padding:0;border:1px solid var(--wnm-border)}.wnm--interactive .wnm__item-inner{height:100%;padding:1.25rem;border-radius:inherit;pointer-events:none}}@media(min-width:1000px){.walleu-numbered-media{grid-template-columns:1fr 1fr;grid-template-areas:"header media" "list media";align-items:start;column-gap:4rem;row-gap:1.5rem}.wnm--media-left{grid-template-areas:"media header" "media list"}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/walleu-numbered-media.css.map */