/* MENNOO Gallery: self-contained, intentionally below fixed header and native dialogs. */
.gallery-page { background:#f1ede4; font-family:'Geom',sans-serif; }
.gallery-page .gallery-workspace { position:relative; z-index:0; color:#17122f; background:#f1ede4; isolation:isolate; overflow:visible; }
.gallery-page .gallery-shell { width:min(calc(100% - 2 * var(--site-gutter)), 1240px); margin-inline:auto; }
.gallery-page .gallery-hero { position:relative; padding:calc(var(--mn-top-total, 76px) + clamp(52px, 7vw, 100px)) 0 clamp(50px, 6vw, 86px); background:#f1ede4; }
.gallery-page .gallery-eyebrow { padding-bottom:15px; margin:0 0 clamp(28px,4vw,50px); border-bottom:1px solid #d4c9bc; color:#846844; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.16em; }
.gallery-page .gallery-hero-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr); align-items:end; gap:clamp(30px,6vw,100px); }
.gallery-page .gallery-hero h1 { max-width:16ch; margin:0; color:#17122f; font-size:clamp(43px,5.6vw,82px); font-weight:500; line-height:1.07; letter-spacing:-.055em; }
.gallery-page .gallery-hero h1 em { color:#b81759; font-style:normal; font-weight:400; }
.gallery-page .gallery-intro { max-width:35ch; margin:0 0 6px; color:#564c5f; font-size:clamp(15px,1.35vw,18px); line-height:1.75; }
.gallery-page .gallery-section { position:relative; z-index:0; padding:clamp(34px,5vw,64px) 0 clamp(60px,6vw,95px); background:#fffaf4; border-top:1px solid #dbd1c6; overflow:visible; }
.gallery-page .gallery-section-head { display:flex; justify-content:space-between; align-items:end; gap:18px 48px; margin-bottom:clamp(28px,3.5vw,46px); }
.gallery-page .gallery-section-number { margin:0 0 14px; color:#aa235c; font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.15em; }
.gallery-page .gallery-section-head h2 { max-width:20ch; color:#17122f; font-size:clamp(27px,3.2vw,47px); font-weight:500; line-height:1.14; letter-spacing:-.04em; }
.gallery-page .gallery-section-head>p { max-width:26ch; margin:0 0 4px; color:#6d606c; font-size:15px; line-height:1.6; }
.gallery-page .gallery-feed-frame { position:relative; z-index:0; display:block; width:100%; min-width:0; overflow:visible; background:#fff; border:1px solid #eee3dc; border-radius:14px; padding:clamp(10px,2vw,24px); box-shadow:0 18px 46px rgba(28,15,54,.055); }
.gallery-page .gallery-feed-frame .lightwidget-widget { display:block; position:relative; z-index:0; width:100% !important; min-height:420px; max-width:100%; margin:0; padding:0; border:0; overflow:hidden; background:#fff; }
.gallery-page .gallery-instagram-link { display:inline-flex; align-items:center; gap:11px; min-height:44px; margin-top:24px; padding:8px 0; color:#84254d; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.gallery-page .gallery-instagram-link:hover { color:#b81759; }
.gallery-page .gallery-cta { position:relative; background:radial-gradient(ellipse 55% 120% at 100% 0%,#42234e 0%,transparent 70%),#120b35; color:#fff; padding:clamp(52px,7vw,90px) 0; }
.gallery-page .gallery-cta-inner { display:flex; justify-content:space-between; gap:30px 60px; align-items:center; }
.gallery-page .gallery-cta-kicker { margin:0 0 18px; color:#d7bf89; font-size:11px; font-weight:700; letter-spacing:.15em; }
.gallery-page .gallery-cta h2 { max-width:20ch; margin:0 0 15px; color:#fff; font-size:clamp(30px,3vw,49px); font-weight:500; line-height:1.15; letter-spacing:-.04em; }
.gallery-page .gallery-cta-inner>div>p:last-child { max-width:50ch; color:#dfd7e5; font-size:15px; line-height:1.7; }
.gallery-page .gallery-cta-inner>a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:12px; min-height:54px; border-radius:8px; padding:14px 22px; background:#c22164; color:#fff; font-size:15px; font-weight:700; text-decoration:none; }
.gallery-page .gallery-cta-inner>a:hover { background:#a21652; }
.gallery-page .gallery-workspace a:focus-visible { outline:3px solid #c22164; outline-offset:4px; }
@media(max-width:850px) { .gallery-page .gallery-hero-layout { grid-template-columns:1fr; gap:24px; } .gallery-page .gallery-intro { max-width:55ch; } }
@media(max-width:680px) { .gallery-page .gallery-hero { padding-top:calc(var(--mn-top-total, 68px) + 42px); padding-bottom:44px; } .gallery-page .gallery-hero h1 { font-size:clamp(35px,9.2vw,55px); } .gallery-page .gallery-section-head { flex-direction:column; align-items:start; } .gallery-page .gallery-section-head>p { max-width:100%; } .gallery-page .gallery-feed-frame { border-radius:10px; padding:9px; } .gallery-page .gallery-feed-frame .lightwidget-widget { min-height:360px; } .gallery-page .gallery-cta-inner { align-items:stretch; flex-direction:column; } .gallery-page .gallery-cta-inner>a { align-self:stretch; } }
@media(prefers-reduced-motion:reduce) { .gallery-page .gallery-cta-inner>a { transition:none; } }
