/* Photograph-led reel with explicit user control. */
.hero{max-width:1440px;grid-template-columns:.85fr 1.15fr;gap:40px}.hero h1{font-size:clamp(48px,5.3vw,76px)}.hero .intro{font-size:18px}.picture-reel{position:relative;isolation:isolate;min-width:0;width:100%;height:580px;overflow:hidden;background:#112e25;color:#fff}.reel-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.15s ease,visibility 1.15s}.reel-scene.is-active{opacity:1;visibility:visible}.reel-scene img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.reel-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,23,18,.96),rgba(6,23,18,.25) 55%,transparent 80%)}.reel-caption{position:absolute;left:32px;right:32px;bottom:96px;z-index:2}.reel-caption span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#b8e2cc}.reel-caption h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(35px,3.6vw,53px);line-height:1.04;margin:14px 0}.reel-caption p{font-size:16px;max-width:480px;margin:0;color:#e4eee7}.reel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:20px 28px;z-index:3;background:#112e25dd;border-top:1px solid #ffffff33}.reel-controls button{font:14px 'DM Sans',sans-serif;color:white;background:transparent;border:1px solid #ffffff66;min-height:40px;min-width:40px;padding:8px 11px;cursor:pointer}.reel-controls button:hover{background:#31513f}.reel-count{font-size:12px;margin-left:4px}.reel-controls a{font-size:13px;margin-left:auto;color:white}.reel-gallery{max-width:1184px;margin:auto;padding:65px 28px}.reel-gallery>h2{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:20px 0}.gallery-intro{font-size:19px;max-width:850px;margin-bottom:32px}.reel-gallery .picture-reel{height:620px}.reel-gallery .reel-scene img{object-position:center}.art-note{font-size:12px;color:#516154;margin:18px 0}.reel-gallery-links{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}.feedback-figure{max-width:900px;margin:35px auto;background:#112e25;color:#d9e8de}.feedback-figure img{display:block;width:100%;height:auto}.feedback-figure figcaption{padding:18px 25px;font-size:13px;border-top:1px solid #6a8a77}.feedback-source{max-width:900px;margin:25px auto;font-size:14px}.picture-reel button:focus-visible,.picture-reel a:focus-visible{outline:3px solid #efba67;outline-offset:3px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:54px}.picture-reel{height:500px}.reel-gallery .picture-reel{height:520px}.reel-caption{left:22px;right:22px}.reel-controls{padding:16px}.reel-gallery{padding:45px 20px}.reel-caption h2{font-size:40px}.feedback-figure img{min-width:570px}.feedback-figure{overflow-x:auto}.feedback-figure figcaption{min-width:0}}
@media(prefers-reduced-motion:reduce){.reel-scene{transition:none}}
.picture-reel::before{content:'CONCEPTUAL ARTWORK';position:absolute;top:18px;left:22px;z-index:4;font-size:9px;letter-spacing:.14em;color:#e3eee7;background:#112e2588;padding:5px 8px}.picture-reel .reel-scene.is-active img{animation:reel-drift 8s linear both}@keyframes reel-drift{from{transform:scale(1)}to{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.picture-reel .reel-scene.is-active img{animation:none}}