@charset "UTF-8";
/* A single blue/pink gallery atmosphere joins navigation to the exhibition. */
.gallery-home { position:relative; isolation:isolate; --gallery-opening-min:698px; }
.gallery-home::before {
  content:""; position:absolute; z-index:-1; inset:0 0 auto; height:max(100svh,var(--gallery-opening-min)); pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,#fff9fc 0,transparent 46%),radial-gradient(ellipse at 9% 10%,#e7f7ff,transparent 55%),linear-gradient(130deg,#b8e1ff,#d7e7ff 46%,#ffc4e2);
}
.gallery-home .inspiration-stage { background:none; }
.site-header.gallery-header {
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  padding-inline:40px; gap:24px; border:0; box-shadow:none;
  background:linear-gradient(110deg,#def1fff2,#e4eaffeb 52%,#ffdaeeed);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
}
.gallery-home .gallery-header { background:rgba(255,255,255,.12); }
.gallery-header .brand { min-width:0; display:inline-flex; flex-direction:row; align-items:center; justify-self:start; gap:10px; width:fit-content; color:#426789; font-size:11px; line-height:1.4; letter-spacing:.13em; }
.gallery-header .brand-name { color:#426789; font-size:inherit; font-weight:600; line-height:inherit; letter-spacing:inherit; }
.gallery-header .brand::after { content:""; flex:0 0 12px; height:12px; border-radius:50%; background:radial-gradient(circle at 30% 24%,#fff,#d7f1ff 30%,#9dcaf0 72%,#a9a5dc); box-shadow:inset 0 1px 2px #fff,0 3px 8px #8aa6cc33; }
.gallery-header .primary-nav { margin:0; justify-self:center; gap:3px; padding:4px; border:1px solid #ffffffa6; border-radius:999px; background:#ffffff36; box-shadow:inset 0 2px 3px #ffffffb3,0 5px 16px #6799c312; }
.gallery-header .primary-nav a { padding:8px 17px; color:#355779; font-size:12px; font-weight:500; transition:background .2s,box-shadow .2s,transform .2s; }
.gallery-header .primary-nav small { color:#567799; font-size:9px; }
.gallery-header .primary-nav a:hover,.gallery-header .primary-nav a:focus-visible { background:linear-gradient(135deg,#fff9fc,#ffd3e8); box-shadow:inset 0 1px 2px #fff,0 3px 8px #b679a21a; transform:translateY(-1px); }
.header-gallery-title { display:flex; align-items:center; gap:10px; min-width:0; justify-self:end; justify-content:flex-end; color:#426789; font-size:11px; line-height:1.4; letter-spacing:.13em; white-space:nowrap; }
.header-gallery-title::before { content:""; flex:0 0 12px; height:12px; border-radius:50%; background:radial-gradient(circle at 30% 24%,#fff,#ffdbed 30%,#dfa1c8 72%,#9fbee7); box-shadow:inset 0 1px 2px #fff,0 3px 8px #a594c533; }
@media(min-width:701px) and (max-width:1000px) {
 .site-header.gallery-header { padding-inline:26px; gap:12px; }
 .gallery-header .brand { font-size:10px; }
 .header-gallery-title { font-size:10px; max-width:240px; white-space:normal; text-align:right; letter-spacing:.07em; gap:7px; }
 .gallery-header .primary-nav a { padding:8px 11px; }
}
@media(max-width:760px) { .gallery-home { --gallery-opening-min:968px; } }
@media(max-width:700px) {
 .gallery-home { --gallery-opening-min:958px; }
 .site-header.gallery-header { display:grid; grid-template-columns:auto minmax(0,1fr) 38px; gap:12px; padding-inline:20px; }
 .gallery-header .brand { font-size:8.5px; gap:7px; }
 .gallery-header .brand::after { flex-basis:9px; height:9px; }
 .header-gallery-title { min-width:0; max-width:165px; justify-self:end; text-align:right; white-space:normal; font-size:8.5px; letter-spacing:.07em; gap:7px; line-height:1.5; }
 .header-gallery-title::before { flex-basis:9px; height:9px; }
 .gallery-header .menu-toggle { margin:0; width:38px; height:38px; border:1px solid #ffffffb3; background:linear-gradient(140deg,#f4fbff,#e4eaff 45%,#ffd5e9); box-shadow:inset 0 2px 3px #fff,0 4px 10px #6e98bd1c; }
 .gallery-header .menu-toggle span { width:17px; background:#426789; }
 .gallery-header .primary-nav { display:none; justify-self:stretch; top:62px; left:16px; right:16px; gap:5px; margin:0; padding:10px; border:1px solid #ffffffdb; border-radius:24px; background:linear-gradient(120deg,#e4f4fff5,#f7e5f4fa); box-shadow:inset 0 2px 3px #fff,0 14px 30px #6f98c329; }
 .gallery-header .primary-nav.is-open { display:flex; }
 .gallery-header .primary-nav a { padding:11px 15px; border-radius:17px; }
}
@media(prefers-reduced-motion:reduce) { .gallery-header .primary-nav a { transition:none; } }
