/* ACORNS: a black photographic stage with a quiet thumbnail-to-image reveal. */
html body main>#gallery.gallery-section.section{
 --stage-height:clamp(310px,43vw,580px);
 position:relative;isolation:isolate;overflow:hidden;
 padding:clamp(80px,8vw,130px) 8% clamp(90px,9vw,145px);
 background:#000;color:#fff;
}
#gallery::before,#gallery::after{display:none;content:none}
#gallery .gallery-heading-row,#gallery .gallery-viewport,#gallery .gallery-stage{position:relative;max-width:1120px;margin-inline:auto}
#gallery .gallery-heading-row{margin-bottom:clamp(32px,4vw,55px)}
#gallery .gallery-stage{height:var(--stage-height);margin-top:0;margin-bottom:30px;overflow:hidden;background:#000;isolation:isolate}
#gallery .gallery-stage-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;visibility:hidden;z-index:0}
#gallery .gallery-stage-image.is-current{opacity:1;visibility:visible;z-index:1}
#gallery .gallery-stage-image.is-entering{opacity:1;visibility:visible;z-index:2;animation:acorns-photo-wipe 1.35s cubic-bezier(.22,1,.36,1) both}
#gallery .gallery-stage-image.gallery-sea{object-position:center 72%}
#gallery .gallery-stage-image.gallery-roaster{object-position:center 44%}
#gallery .gallery-viewport{z-index:3}
#gallery .gallery-grid{--gallery-gap:16px}
#gallery .gallery-grid>li{border-radius:3px;background:#101010}
#gallery .gallery-choice{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:#000;color:#fff;cursor:pointer;overflow:hidden}
#gallery .gallery-choice img{opacity:.5;transition:opacity .45s ease,transform .8s cubic-bezier(.22,1,.36,1)}
#gallery .gallery-choice[aria-pressed="true"] img,#gallery .gallery-choice:hover img,#gallery .gallery-choice:focus-visible img{opacity:1}
#gallery .gallery-choice:hover img{transform:scale(1.04)}
#gallery .gallery-choice[aria-pressed="true"]::after{content:"";position:absolute;inset:0;border:1px solid #ffffffb3;border-radius:inherit;pointer-events:none}
#gallery .gallery-choice:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#gallery .gallery-toggle{font-size:.8125rem}
#gallery.gallery-cinema:not(.gallery-entered) .gallery-stage{opacity:0}
#gallery.gallery-cinema:not(.gallery-entered) .gallery-viewport{opacity:0}
#gallery.gallery-entered .gallery-stage{animation:acorns-gallery-open 1.6s cubic-bezier(.22,1,.36,1) both}
#gallery.gallery-entered .gallery-viewport{animation:acorns-gallery-thumbnails 1.6s cubic-bezier(.22,1,.36,1) both}
#gallery.gallery-entered .gallery-grid>li{animation:acorns-gallery-tile .9s cubic-bezier(.22,1,.36,1) both}
#gallery.gallery-entered .gallery-grid>li:nth-child(4n+2){animation-delay:.13s}
#gallery.gallery-entered .gallery-grid>li:nth-child(4n+3){animation-delay:.26s}
#gallery.gallery-entered .gallery-grid>li:nth-child(4n){animation-delay:.39s}
@keyframes acorns-gallery-open{
 from{opacity:0;clip-path:inset(8% 6%)}
 to{opacity:1;clip-path:inset(0)}
}
@keyframes acorns-gallery-thumbnails{
 0%{opacity:0}
 30%{opacity:.15}
 100%{opacity:1}
}
@keyframes acorns-gallery-tile{from{opacity:0;clip-path:inset(0 12%)}to{opacity:1;clip-path:inset(0)}}
@keyframes acorns-photo-wipe{from{clip-path:inset(0 0 0 100%);transform:scale(1.035)}to{clip-path:inset(0);transform:scale(1)}}
@media(max-width:700px){
 html body main>#gallery.gallery-section.section{--stage-height:clamp(250px,68vw,420px);padding:76px 6% 95px}
 #gallery .gallery-heading-row{margin-bottom:32px}
 #gallery .gallery-stage{margin-bottom:18px}
 #gallery .gallery-grid{--gallery-gap:10px}
 #gallery .gallery-grid>li{border-radius:3px}
}
@media(prefers-reduced-motion:reduce){
 #gallery.gallery-cinema .gallery-stage,#gallery.gallery-cinema .gallery-viewport,#gallery.gallery-cinema .gallery-grid>li,#gallery .gallery-stage-image.is-entering{animation:none;visibility:visible;opacity:1;transform:none;clip-path:none}
 #gallery .gallery-choice img{transition:none}
}