.hero-photo.banner-rotator{isolation:isolate;background:#e7e4de;aspect-ratio:2/1;height:auto}.banner-rotator picture{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1}.hero-photo.banner-rotator img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-photo.banner-rotator.is-panorama img{object-fit:contain}.banner-backdrop{position:absolute;inset:-35px;z-index:0;background-size:cover;background-position:center;filter:blur(25px) brightness(.7);opacity:0;transition:opacity .5s}.is-panorama .banner-backdrop{opacity:1}.banner-caption{align-items:center;gap:15px;min-height:65px}.banner-credit{display:block;font-size:8px;margin-top:7px;color:#888}.banner-controls{display:flex;gap:7px;align-items:center;flex-shrink:0}.banner-controls button{border:1px solid #ddd;background:white;color:#333;min-width:40px;min-height:40px;padding:8px 12px;font-size:11px}.banner-controls button:hover{border-color:#333}.banner-controls #banner-toggle{min-width:62px}.banner-controls #banner-counter{min-width:43px;text-align:right;margin-right:6px;font-size:9px;letter-spacing:.05em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.banner-rotator:focus-visible{outline:2px solid #333;outline-offset:4px}@media(max-width:700px){.hero-photo.banner-rotator{aspect-ratio:2/3;height:auto}.hero-photo.banner-rotator img{object-position:center}.banner-caption{align-items:start;padding-top:16px}.banner-caption>div:first-child{max-width:42%;line-height:1.5}.banner-controls{gap:4px}.banner-controls button{min-width:36px;min-height:40px;padding:8px}.banner-controls #banner-toggle{min-width:50px}.banner-controls #banner-counter{min-width:30px;margin-right:2px}}@media(prefers-reduced-motion:reduce){.banner-backdrop{transition:none}}

.banner-gallery-link{position:absolute;inset:0;z-index:2;display:block;cursor:pointer;color:white}.banner-gallery-link span{position:absolute;bottom:20px;right:22px;padding:10px 13px;background:rgba(20,20,20,.55);font-size:10px;letter-spacing:.06em;line-height:1.5;border:1px solid rgba(255,255,255,.4)}.banner-gallery-link:hover span,.banner-gallery-link:focus-visible span{background:rgba(20,20,20,.8)}.banner-gallery-link:focus-visible{outline:2px solid white;outline-offset:-8px}.work{scroll-margin-top:28px}.work:target{outline:1px solid #9b958b;outline-offset:10px}@media(max-width:700px){.banner-gallery-link span{right:14px;bottom:14px}}
.hero-photo.banner-rotator img{object-fit:contain}