/* Gallerie Love Your Life: scorrimento manuale, video locali e immagini intere. */
.media-section{padding-block:48px;border-top:1px solid var(--color-rule)}
.media-heading{display:grid;gap:22px;margin-bottom:28px}.media-heading>p{color:var(--color-muted);font-size:14px;max-width:48ch}
.media-rail,.results-rail{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:var(--color-accent) var(--color-surface);padding-bottom:14px;align-items:start}
.media-rail>*{min-width:0;scroll-snap-align:start}.results-rail>.proof-photo{scroll-snap-align:start}
.media-video-card{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:var(--radius);overflow:clip}
.media-player{position:relative}.media-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--color-paper);object-fit:contain}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:130px;min-height:90px;padding:14px;border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-backdrop);color:var(--color-ink);font:700 12px var(--font-body);cursor:pointer}.media-play>span{font-size:28px;color:var(--color-accent)}
.media-video-copy{padding:20px}.media-duration{color:var(--color-accent);font-size:11px}.media-video-copy h3{font-size:27px;line-height:1.05;margin-block:10px 14px}.media-video-copy p{font-size:12px;color:var(--color-muted)}
.media-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.media-position{font-size:12px;color:var(--color-accent);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.media-swipe{margin-left:auto;color:var(--color-muted);font-size:10px}.media-controls button:disabled{opacity:.35;cursor:default}
.media-note{font-size:11px;color:var(--color-subtle);max-width:90ch;margin-top:20px}.media-section>.button{margin-top:24px}
.media-photo a{display:block;position:relative;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);overflow:clip}.media-photo img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;display:block}.media-photo figcaption{font-size:12px;line-height:1.5;color:var(--color-muted);padding-top:12px}
.hero-media-link{display:flex;gap:16px;align-items:center;text-decoration:none;margin-top:20px;color:var(--color-ink);width:fit-content;max-width:100%}.hero-video-thumbs{display:flex;flex:none;gap:5px}.hero-video-thumbs img{width:36px;height:64px;object-fit:cover;border:1px solid var(--color-rule);border-radius:var(--radius)}.hero-media-link strong{display:block;font-size:12px}.hero-media-link>span>span{display:block;font-size:11px;color:var(--color-accent);margin-top:6px}.hero-media-link b{margin-left:8px;font-weight:400}
.media-rail:focus-visible,.results-rail:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
@media(min-width:40rem){.media-rail,.results-rail{grid-auto-columns:44%}.hero-video-thumbs img{width:40px;height:70px}}
@media(min-width:60rem){.media-heading{grid-template-columns:1fr 1fr;align-items:end;gap:48px}.media-section{padding-block:64px}.video-rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.center-photo-rail{grid-auto-columns:calc((100% - 54px)/4)}.results-rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.media-controls[data-no-overflow]{display:none}.media-video-copy{padding:24px}.media-heading>p{justify-self:end}}
@media(prefers-reduced-motion:reduce){.media-rail,.results-rail{scroll-behavior:auto}}
