.photo-story{background:var(--paper);border-top:1px solid #c5bcad;border-bottom:1px solid #c5bcad;overflow:hidden}
.photo-story .section-head{align-items:center}
.photo-story .section-head h2{max-width:700px}
.photo-story .section-head h2 em{color:var(--wine);font-style:normal}
.photo-story .small-label{display:block;margin-bottom:18px}
.photo-story .photo-intro{max-width:260px}
.photo-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 6px 12px;overscroll-behavior-x:contain;scroll-padding-left:6px;border-radius:2px}
.photo-rail::-webkit-scrollbar{display:none}
.photo-slide{flex:0 0 83%;min-width:0;margin:0;border:1px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--mustard);scroll-snap-align:start}
.photo-slide:last-child{margin-right:calc(17% - 22px)}
.photo-slide:nth-child(3n){box-shadow:5px 5px 0 var(--terra)}
.photo-slide:nth-child(3n + 2){box-shadow:5px 5px 0 var(--olive)}
.photo-image{height:clamp(280px,39vw,460px);background:var(--olive);display:block;overflow:hidden}
.photo-image img{display:block;width:100%;height:100%;object-fit:contain}
.photo-slide figcaption{display:flex;align-items:center;gap:15px;padding:17px 22px;min-height:65px}
.photo-category{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);white-space:nowrap}
.photo-caption{font-size:.95rem;font-weight:500}
.photo-controls{display:flex;align-items:center;gap:20px;margin-top:20px}
.photo-count{color:var(--wine);font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;min-width:55px}
.photo-progress{height:2px;background:#c5bcad;flex:1;position:relative;overflow:hidden}
.photo-progress:after{content:"";position:absolute;inset:0;background:var(--wine);transform:scaleX(var(--photo-progress,.1));transform-origin:left;transition:transform .2s ease}
.photo-arrows{display:flex;gap:8px}
.photo-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}
.photo-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.photo-arrow:hover:not(:disabled){background:var(--mustard);transform:translateY(-2px)}
.photo-arrow:disabled{opacity:.35;cursor:default}
.photo-arrow:focus-visible,.photo-rail:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
.photo-hint{font-size:.7rem;color:var(--wine);margin:12px 0 0;opacity:.8}
@media(max-width:760px){.photo-story{padding:56px 0}.photo-story .section-head h2{font-size:clamp(2.6rem,11vw,4rem)}.photo-story .photo-intro{max-width:320px;margin-top:18px}.photo-slide{flex-basis:91%}.photo-slide:last-child{margin-right:calc(9% - 22px)}.photo-image{height:clamp(200px,58vw,310px)}.photo-slide figcaption{display:block;padding:14px 16px;min-height:78px}.photo-category{display:block;margin-bottom:5px}.photo-caption{font-size:.88rem}.photo-controls{gap:12px}.photo-arrow{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.photo-progress:after,.photo-arrow{transition:none}.photo-rail{scroll-behavior:auto}}