/* Keep the CLARIA wordmark readable while giving the photographs room. */
.hero.gallery {
  --gallery-max-width:996px;
  position:relative; isolation:isolate; overflow:hidden; min-height:600px;
  padding:64px 22px 128px; background:#f4f7fb;
}
.gallery-stage { position:absolute; inset:0; z-index:-3; }
.gallery [hidden] { display:none!important; }
.gallery-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 1.1s ease,visibility 1.1s; }
.gallery-slide.is-active { opacity:1; visibility:visible; }
.gallery-slide.is-leaving { visibility:visible; }
.gallery-photo { width:100%; height:100%; display:block; object-fit:cover; object-position:var(--photo-position,center); filter:var(--photo-filter,none); }
.gallery-placeholder {
  position:absolute; inset:0; overflow:hidden;
  --wash:#e7effa; --glow:#f4eef8; --arch:#c8d4e4;
  background:radial-gradient(ellipse at 14% 0,var(--wash),transparent 60%),radial-gradient(ellipse at 86% 94%,var(--glow),transparent 70%),linear-gradient(115deg,#f9fbff,#eef3f9);
}
.gallery-placeholder[data-tone="blue"] { --wash:#dcebf7; --glow:#e8eaf7; --arch:#b9cfe0; }
.gallery-placeholder[data-tone="gold"] { --wash:#f4ecd9; --glow:#e4edf8; --arch:#d1bf9d; }
.gallery-placeholder[data-tone="lavender"] { --wash:#e8e1f3; --glow:#e3eef6; --arch:#c9c0d9; }
.gallery-placeholder[data-tone="mist"] { --wash:#dfeeed; --glow:#f0eaf5; --arch:#bcd2d1; }
.gallery-placeholder[data-tone="champagne"] { --wash:#ede2d5; --glow:#e9edf7; --arch:#d1bca0; }
.gallery-arch { position:absolute; width:clamp(180px,26vw,370px); height:84%; top:10%; border:1px solid var(--arch); border-radius:50% 50% 0 0; opacity:.56; background:linear-gradient(145deg,#ffffff5c,transparent 65%); }
.gallery-arch::after { content:""; position:absolute; inset:14px; border:1px solid var(--arch); border-radius:inherit; opacity:.6; }
.gallery-arch:first-child { left:7%; transform:translateY(6%); }
.gallery-arch:last-child { right:7%; transform:translateY(-4%); }
.gallery::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,#fffefb8c 0%,#fffefb29 42%,transparent 72%),linear-gradient(0deg,#f8fbfe4d,transparent 22%);
}
.gallery-content { position:relative; width:100%; max-width:var(--gallery-max-width); margin:auto; text-align:left; }
.gallery-copy { width:100%; max-width:100%; padding:20px 18px 22px; background:linear-gradient(105deg,#fffefbd1 0%,#fffefbc7 38%,#fffefb94 100%); border:1px solid #b99a6540; box-shadow:0 8px 32px #14223b12; }
.gallery-content h1 { color:#A77A35; font-size:clamp(48px,5.2vw,72px); letter-spacing:.14em; padding-left:0; margin:0 0 10px; }
.gallery-content .line { margin:10px 0 14px; }
.gallery-content .tag { font-size:16px; letter-spacing:.04em; }
.gallery-content p { margin:10px 0 0; font-size:14px; }
.gallery-content .button { background:#ffffffa8; margin-top:18px; }
.gallery-content .button:hover { background:var(--gold-text); }
.gallery-rail {
  position:absolute; bottom:20px; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  width:calc(100% - 44px); max-width:var(--gallery-max-width);
  padding:14px 18px; border:1px solid #b99a6540; background:#ffffffce;
  backdrop-filter:blur(8px); text-align:left;
}
.gallery-info { display:flex; flex-direction:column; gap:1px; min-width:0; }
.gallery-kicker { font:10px Georgia,serif; letter-spacing:.2em; color:var(--gold-text); }
.gallery-caption { font-size:13px; color:var(--ink); line-height:1.7; }
.gallery-count { font:12px Georgia,serif; letter-spacing:.1em; color:var(--gold-text); margin-right:10px; }
.gallery-note { color:var(--muted); font-size:12px; margin-left:9px; }
.gallery-toolbar { display:grid; grid-template-columns:44px 44px auto 44px; align-items:center; gap:6px; }
.gallery-toolbar[hidden] { display:none; }
.gallery-control { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; color:var(--gold-text); background:#fff9; border:1px solid #b99a6566; cursor:pointer; }
.gallery-control:hover { background:#f1ece3; }
.gallery-control:disabled { opacity:.45; cursor:default; }
.gallery-control svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.gallery-dots { display:flex; justify-content:center; align-items:center; }
.gallery-dot { position:relative; width:28px; min-width:28px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.gallery-dot::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:6px; height:6px; border:1px solid var(--gold-text); border-radius:50%; transition:background-color .2s,transform .2s; }
.gallery-dot[aria-current="true"]::after { background:var(--gold-text); transform:translate(-50%,-50%) scale(1.35); }
.gallery-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:800px) {
  .hero.gallery { display:flex; min-height:0; padding:30px 0 16px; gap:20px; background:linear-gradient(#fcfdff,#f5f9fd); }
  .gallery::after { display:none; }
  .gallery-content { order:0; margin:0; width:calc(100% - 32px); padding:0; text-align:center; }
  .gallery-copy { width:100%; max-width:100%; margin:auto; padding:0; border:0; background:none; box-shadow:none; }
  .gallery-content h1 { font-size:clamp(48px,9vw,66px); letter-spacing:.22em; padding-left:.22em; margin:0 0 8px; }
  .gallery-content .line { margin:12px auto 16px; }
  .gallery-content p { margin:8px auto 0; }
  .gallery-content .button { margin-top:14px; }
  .gallery-stage { position:relative; inset:auto; z-index:0; order:1; width:100%; aspect-ratio:16 / 9; min-height:180px; max-height:360px; }
  .gallery-photo { object-position:var(--photo-mobile-position,var(--photo-position,center)); }
  .gallery-arch:first-child { left:-12%; }
  .gallery-arch:last-child { right:-12%; }
  .gallery-rail { position:relative; order:2; bottom:auto; left:auto; transform:none; width:calc(100% - 32px); padding:11px 12px; display:grid; justify-items:center; gap:5px; text-align:center; }
  .gallery-toolbar { grid-template-columns:44px auto 44px; gap:4px 10px; }
  .gallery-dots { grid-column:1 / -1; grid-row:1; }
  .gallery-prev { grid-column:1; grid-row:2; }
  .gallery-pause { grid-column:2; grid-row:2; justify-self:center; }
  .gallery-next { grid-column:3; grid-row:2; }
}
@media(max-width:400px) {
  .hero.gallery { padding-top:26px; gap:18px; }
  .gallery-content .tag { font-size:16px; letter-spacing:0; }
  .gallery-content p { font-size:14px; max-width:265px; }
  .gallery-count { margin-right:7px; }
  .gallery-note { margin-left:7px; }
}
@media(prefers-reduced-motion:reduce) {
  .gallery-slide,.gallery-dot::after { transition:none; }
}