.page-home .media-section{padding:76px 0;background:var(--paper,#f5f2ec)}
.page-home .results-section{border-bottom:1px solid rgba(139,104,57,.16)}
.page-home .instagram-section{background:#ede8e1}
.media-section .media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.media-section .media-heading .eyebrow{margin-bottom:12px}
.media-section h2{font-size:clamp(32px,3.3vw,46px);line-height:1.1;margin:0}
.media-section .media-intro{margin:14px 0 0;max-width:600px;color:var(--muted,#59564f)}
.media-section .media-profile{white-space:nowrap;margin-bottom:5px}
.media-carousel{--slide-gap:22px;--slide-width:calc((100% - 3 * var(--slide-gap))/4)}
.media-track{display:flex;gap:var(--slide-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;outline-offset:5px}
.media-track::-webkit-scrollbar{display:none}
.media-slide{flex:0 0 var(--slide-width);min-width:0;margin:0;scroll-snap-align:start}
.result-slide img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#eee9e2}
.result-slide figcaption{padding:13px 0 0;font-size:12px;letter-spacing:.08em;color:#786247}
.instagram-slide{display:block;color:inherit;text-decoration:none;border-radius:5px;background:#f8f5f0;overflow:hidden;border:1px solid rgba(139,104,57,.14)}
.instagram-cover{display:block;position:relative;background:#e0d8ce;aspect-ratio:9/16;overflow:hidden}
.instagram-cover img{display:block;width:100%;height:100%;object-fit:contain}
.instagram-kind{position:absolute;top:12px;right:12px;background:rgba(20,20,19,.78);border-radius:3px;padding:5px 8px;color:#fff;font-size:10px;letter-spacing:.07em}
.instagram-post-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;font-size:12px;color:#8b642e}
.instagram-post-link .icon{width:18px;height:18px;flex-shrink:0}
.instagram-slide:hover .instagram-post-link{text-decoration:underline;text-underline-offset:4px}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.carousel-controls[hidden]{display:none}
.carousel-actions{display:flex;align-items:center;gap:10px}
.media-section .carousel-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px;border:1px solid #c8b69d;border-radius:4px;background:transparent;color:#876335;font:inherit;cursor:pointer;transition:background .15s,color .15s}
.media-section .carousel-button:hover{background:#876335;color:#fff}
.media-section .carousel-button:focus-visible,.media-track:focus-visible,.instagram-slide:focus-visible{outline:2px solid #876335;outline-offset:4px}
.carousel-button .icon{width:19px;height:19px}
.media-section .carousel-toggle{font-size:12px;padding:10px 13px}
.carousel-count{font-size:12px;color:#786247;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.media-section .results-note{margin:22px 0 0;font-size:12px;line-height:1.6;color:#706b63;max-width:740px}
@media(max-width:1020px){.media-carousel{--slide-width:calc((100% - 2 * var(--slide-gap))/3)}}
@media(max-width:760px){.page-home .media-section{padding:48px 0}.media-section .media-heading{display:block;margin-bottom:25px}.media-section .media-profile{display:inline-flex;margin-top:20px}.media-carousel{--slide-gap:16px;--slide-width:82%}.media-section h2{font-size:34px}.media-section .media-intro{font-size:14px}.carousel-controls{margin-top:20px}.instagram-post-link{padding:15px}.media-section .results-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.media-section .carousel-button{transition:none}}
