.album-shell{padding-bottom:96px}
.album-breadcrumb{padding-top:28px}
.album-hero,.album-index-hero{padding-block:70px 42px;border-bottom:1px solid var(--line)}
.album-hero-inner,.album-index-hero-inner{max-width:920px}
.album-hero h1,.album-index-hero h1{font-size:clamp(3rem,7vw,6.2rem);margin-bottom:22px}
.album-intro,.album-index-hero p:last-child{max-width:790px;color:var(--muted);font-size:1.04rem;line-height:1.9}
.album-count{display:inline-flex;margin-top:12px;color:#8d6d53;font-size:11px;letter-spacing:.08em}
.album-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-block:26px 8px}
.album-tabs a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:11px;background:rgba(255,255,255,.28)}
.album-tabs a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}

.album-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);align-items:start;padding-top:34px}
.album-gallery-item{grid-column:span 4;margin:0;overflow:hidden;border-radius:clamp(20px,2.2vw,34px);background:#e5d8ca}
.album-gallery-item.is-featured{grid-column:span 8}
.album-gallery-item picture,.album-gallery-item img{display:block;width:100%}
.album-gallery-item img{height:auto;max-width:100%;transform:none!important;transition:none!important;filter:none!important}

.album-index-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,54px) clamp(18px,3vw,34px);padding-block:42px 20px;align-items:start}
.album-index-item{grid-column:span 6;display:block;border-top:1px solid var(--line);padding-top:16px}
.album-index-item picture{display:block;overflow:hidden;border-radius:clamp(20px,2.2vw,34px);background:#e5d8ca}
.album-index-item img{display:block;width:100%;height:auto;max-width:100%;transform:none!important;transition:none!important;filter:none!important}
.album-index-copy{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:14px}
.album-index-copy h2{font-size:clamp(1.55rem,2.8vw,2.35rem);margin:0}
.album-index-copy span{white-space:nowrap;color:var(--muted);font-size:11px}

.album-cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.album-empty{grid-column:1/-1;padding:48px 0;color:var(--muted);border-top:1px solid var(--line)}
.album-gallery-open{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:inherit;
  cursor:zoom-in;
}
.album-gallery-open picture,
.album-gallery-open img{display:block;width:100%}
.album-gallery-open:focus-visible{
  outline:3px solid #8d6d53;
  outline-offset:4px;
  border-radius:inherit;
}
.album-gallery-item[hidden]{display:none!important}

.album-gallery{scroll-margin-top:88px}
.album-gallery-controls{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  padding-top:30px;
}
.album-page-button{
  min-width:126px;
  min-height:48px;
  padding:11px 18px;
  border:1px solid var(--ink);
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:13px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.album-page-button:hover:not(:disabled){
  background:rgba(0,0,0,.035);
}
.album-page-button:focus-visible{
  outline:3px solid #8d6d53;
  outline-offset:3px;
}
.album-page-button:disabled{
  opacity:.34;
  cursor:default;
}
.album-gallery-status{
  min-width:66px;
  min-height:18px;
  color:var(--muted);
  font-size:12px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  text-align:center;
  white-space:nowrap;
}
.album-gallery-controls[hidden]{display:none!important}

body.album-lightbox-open{overflow:hidden}
body.album-lightbox-open .mobile-actions{visibility:hidden}

.album-lightbox[hidden]{display:none!important}
.album-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}
.album-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,13,11,.95);
}
.album-lightbox-frame{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 64px;
  grid-template-rows:minmax(0,1fr) auto;
  align-items:center;
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100dvh;
  padding:
    max(18px,env(safe-area-inset-top))
    max(18px,env(safe-area-inset-right))
    max(18px,env(safe-area-inset-bottom))
    max(18px,env(safe-area-inset-left));
}
.album-lightbox-media{
  grid-column:2;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
}
.album-lightbox-media picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.album-lightbox-media img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:min(100%,1440px);
  max-height:calc(100vh - 118px);
  max-height:calc(100dvh - 118px);
  object-fit:contain;
}
.album-lightbox-close,
.album-lightbox-prev,
.album-lightbox-next{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  padding:0;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(0,0,0,.24);
  color:#fff;
  cursor:pointer;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.album-lightbox-close:focus-visible,
.album-lightbox-prev:focus-visible,
.album-lightbox-next:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.album-lightbox-close{
  position:absolute;
  z-index:3;
  top:max(18px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
  font-size:31px;
}
.album-lightbox-prev{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  font-size:36px;
}
.album-lightbox-next{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  font-size:36px;
}
.album-lightbox-counter{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  padding-top:8px;
  color:rgba(255,255,255,.88);
  font-size:12px;
  letter-spacing:.08em;
}
.album-lightbox-nav[hidden]{display:none!important}

@media(max-width:980px){
  .album-lightbox-frame{
    grid-template-columns:56px minmax(0,1fr) 56px;
  }
  .album-lightbox-close,
  .album-lightbox-prev,
  .album-lightbox-next{
    width:48px;
    height:48px;
  }
}

@media(max-width:640px){
  .album-gallery-controls{
    gap:8px;
    padding-top:22px;
  }
  .album-page-button{
    flex:1 1 0;
    min-width:0;
    max-width:140px;
    min-height:50px;
    padding:10px 11px;
    font-size:12px;
  }
  .album-gallery-status{
    min-width:54px;
    font-size:12px;
  }
  .album-lightbox-frame{
    grid-template-columns:50px minmax(0,1fr) 50px;
    padding:
      max(12px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(14px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));
  }
  .album-lightbox-close{
    top:max(12px,env(safe-area-inset-top));
    right:max(10px,env(safe-area-inset-right));
  }
  .album-lightbox-media img{
    max-height:calc(100vh - 96px);
    max-height:calc(100dvh - 96px);
  }
}


/* ADORA_LIGHTBOX_VIEWPORT_MAX_V31R4 */

.album-lightbox-frame{
  position:relative;
  display:block;
  width:100%;
  height:100vh;
  height:100dvh;
  min-height:0;
  padding:0;
}

.album-lightbox-media{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  padding:
    max(4px,env(safe-area-inset-top))
    max(4px,env(safe-area-inset-right))
    max(4px,env(safe-area-inset-bottom))
    max(4px,env(safe-area-inset-left));
}

.album-lightbox-media picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.album-lightbox-media img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:calc(100vw - 8px);
  max-height:calc(100vh - 8px);
  max-height:calc(100dvh - 8px);
  object-fit:contain;
}

.album-lightbox-close,
.album-lightbox-prev,
.album-lightbox-next,
.album-lightbox-counter{
  position:absolute;
  z-index:4;
}

.album-lightbox-close{
  top:max(10px,env(safe-area-inset-top));
  right:max(10px,env(safe-area-inset-right));
}

.album-lightbox-prev{
  left:max(10px,env(safe-area-inset-left));
  top:50%;
  transform:translateY(-50%);
}

.album-lightbox-next{
  right:max(10px,env(safe-area-inset-right));
  top:50%;
  transform:translateY(-50%);
}

.album-lightbox-counter{
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  padding:7px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.38);
  color:#fff;
  line-height:1;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

@media(max-width:980px){
  .album-lightbox-frame{
    display:block;
    padding:0;
  }

  .album-lightbox-media{
    padding:
      max(3px,env(safe-area-inset-top))
      max(3px,env(safe-area-inset-right))
      max(3px,env(safe-area-inset-bottom))
      max(3px,env(safe-area-inset-left));
  }

  .album-lightbox-media img{
    max-width:calc(100vw - 6px);
    max-height:calc(100vh - 6px);
    max-height:calc(100dvh - 6px);
  }

  .album-lightbox-prev{
    left:max(7px,env(safe-area-inset-left));
  }

  .album-lightbox-next{
    right:max(7px,env(safe-area-inset-right));
  }
}

@media(max-width:640px){
  .album-lightbox-frame{
    display:block;
    padding:0;
  }

  .album-lightbox-media{
    padding:
      max(2px,env(safe-area-inset-top))
      max(2px,env(safe-area-inset-right))
      max(2px,env(safe-area-inset-bottom))
      max(2px,env(safe-area-inset-left));
  }

  .album-lightbox-media img{
    max-width:calc(100vw - 4px);
    max-height:calc(100vh - 4px);
    max-height:calc(100dvh - 4px);
  }

  .album-lightbox-close{
    top:max(8px,env(safe-area-inset-top));
    right:max(8px,env(safe-area-inset-right));
  }

  .album-lightbox-prev{
    left:max(5px,env(safe-area-inset-left));
  }

  .album-lightbox-next{
    right:max(5px,env(safe-area-inset-right));
  }

  .album-lightbox-counter{
    bottom:max(8px,env(safe-area-inset-bottom));
  }
}

@media(prefers-reduced-motion:reduce){
  .album-page-button,
  .album-lightbox *{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}

@media(max-width:980px){
  .album-hero,.album-index-hero{padding-top:54px}
  .album-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .album-gallery-item,.album-gallery-item.is-featured{grid-column:span 1}
  .album-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .album-index-item{grid-column:span 1}
}
@media(max-width:640px){
  .album-shell{padding-bottom:72px}
  .album-hero,.album-index-hero{padding-block:42px 24px}
  .album-hero h1,.album-index-hero h1{font-size:clamp(2.8rem,13vw,4.3rem)}
  .album-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;-webkit-overflow-scrolling:touch}
  .album-tabs a{flex:0 0 auto}
  .album-gallery{grid-template-columns:1fr;padding-top:22px;gap:14px}
  .album-gallery-item,.album-gallery-item.is-featured{grid-column:auto;border-radius:22px}
  .album-index-grid{grid-template-columns:1fr;padding-top:28px}
  .album-index-item{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .album-gallery-item img,.album-index-item img{transition:none!important;transform:none!important}
}
