/* Shared page tabs connect two distinct collections under the same studio. */
.division-gateway { width:min(1200px,calc(100% - 2rem)); margin:114px auto 0; scroll-margin-top:110px; }
.studio-switcher { position:static; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(100px,.45fr); align-items:stretch; gap:6px; padding:6px; border:1px solid #8f7959; background:#141b1e; box-shadow:none; font-family:"Segoe UI",system-ui,sans-serif; }
.studio-switcher a::after { content:none; }
.studio-switcher .studio-tab { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:7px; padding:20px 24px; min-height:94px; text-decoration:none; text-align:center; text-transform:none; font-weight:400; letter-spacing:normal; border:1px solid transparent; transition:background .2s,border-color .2s; }
.studio-tab .studio-tab-name { font:400 30px/1 Georgia,serif; letter-spacing:.015em; }
.studio-tab .studio-tab-purpose { font-size:10px; font-weight:600; line-height:1.5; letter-spacing:1.5px; text-transform:uppercase; }
.studio-tab-gothburn { background:#20272a; color:#e9d9bf!important; }
.studio-tab-lampmere { background:#ded4c0; color:#334343!important; }
.studio-tab-about { background:linear-gradient(135deg,#292b29,#101414); color:#d8be98!important; }
.studio-tab-about .studio-tab-name { font:600 13px/1.4 "Segoe UI",sans-serif; letter-spacing:2px; text-transform:uppercase; }
.studio-tab[aria-current="page"] { border-color:#d5b77f; box-shadow:inset 0 -3px #d5b77f; }
.studio-tab-lampmere[aria-current="page"] { background:#f5efe3; border-color:#a98953; box-shadow:inset 0 -3px #a98953; }
.studio-tab:hover { border-color:#d5b77f; }
.studio-tab:focus-visible { outline:3px solid #e6b765; outline-offset:2px; z-index:1; }
.gothburn-entrance { position:relative; isolation:isolate; min-height:365px; overflow:hidden; background:#10181b; border:1px solid #8f7959; border-top:0; }
.gothburn-entrance::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0c151af2 0%,#0c151aca 36%,#0c151a38 70%,#0c151a22); z-index:-1; }
.gothburn-entrance::after { content:""; position:absolute; inset:13px; border:1px solid #d5b77f40; pointer-events:none; }
.gothburn-entrance .entrance-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 43%; z-index:-2; }
.entrance-copy { position:relative; padding:45px 52px; max-width:640px; }
.entrance-kicker { font-size:10px; line-height:1.7; letter-spacing:2px; text-transform:uppercase; color:#dbb986; margin:0 0 16px; }
.entrance-copy h1 { font:400 clamp(48px,5.8vw,76px)/1.05 Georgia,serif; color:#f0e0c7; letter-spacing:-.025em; margin:0 0 12px; }
.entrance-motto { font:italic 21px/1.5 Georgia,serif; color:#d9bc8f; margin:0 0 17px; }
.entrance-description { font-size:13px; line-height:1.9; color:#cec4b6; margin:0 0 24px; }
.entrance-link { display:inline-flex; align-items:center; gap:32px; padding:0 0 7px; border-bottom:1px solid #c5a476; font-size:12px; line-height:1.6; color:#f4d6a7; text-decoration:none; }
.entrance-link:hover { color:#fff4dd; }
.studio-about-link { padding:11px 24px; border:1px solid #78654b; border-top:0; background:#101515; text-align:right; scroll-margin-top:110px; }
.studio-about-link a { display:inline-flex; gap:24px; padding:4px 0; color:#d9c19b; font:600 11px/1.7 "Segoe UI",sans-serif; letter-spacing:.5px; text-decoration:none; }
.studio-about-link a:hover { color:#fff0d4; }
.division-gateway + .app-release { margin-top:32px; }
.nav-lampmere { color:#f0d39c!important; }
.footer-lampmere { display:inline-block; margin-top:12px; color:#e0bd84; text-decoration:none; }
.studio-lampmere { color:#e0bd84; text-underline-offset:4px; }
.hero #hero-title { font:400 clamp(3.2rem,5.3vw,4.9rem)/.99 Georgia,serif; letter-spacing:-.045em; margin-bottom:1.6rem; color:#e0d3bf; }
.hero #hero-title span { color:#bd9673; }
.lm-site .lm-collection-frame { width:min(1200px,calc(100% - 2rem)); margin:24px auto 0; }
.lm-site .lm-collection-frame .lm-hero { margin:0; border:1px solid #8f7959; border-top:0; min-height:620px; }
.lm-site .lm-collection-label { font:600 10px/1.8 "Segoe UI",sans-serif; letter-spacing:2px; color:#f2dfbd; text-transform:uppercase; margin:0 0 12px; }
.lm-site .lm-brand-parent { font-size:23px; }
.lm-site .lm-brand-parent img { width:76px; height:45px; object-fit:contain; border-radius:0; }
.lm-site .lm-brand-parent small { letter-spacing:1.5px; font-size:8px; }
.lm-site .lm-collection-key { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 12px; margin-top:28px; font-size:12px; }
.lm-site .lm-intro > p:not(.lm-eyebrow) { color:var(--lm-muted); max-width:650px; margin:0 auto; }
.lm-collection-key a { border:1px solid #cfbf9e; padding:8px 14px; background:#fffaf0; }
.lm-collection-key a:hover { border-color:#785a2f; }
@media(min-width:1001px) { #site-nav { gap:clamp(.55rem,1.25vw,1.1rem); } #site-nav a { font-size:.6rem; letter-spacing:.1em; } }
@media(max-width:720px) {
 .division-gateway { margin-top:96px; }
 .studio-switcher { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(65px,.6fr); gap:4px; padding:4px; }
 .studio-switcher .studio-tab { padding:17px 10px; min-height:86px; gap:8px; }
 .studio-tab .studio-tab-name { font-size:clamp(22px,6.6vw,26px); }
 .studio-tab-about .studio-tab-name { font-size:11px; letter-spacing:1px; }
 .studio-tab .studio-tab-purpose { font-size:8px; letter-spacing:.9px; }
 .gothburn-entrance { min-height:355px; }
 .gothburn-entrance::before { background:linear-gradient(90deg,#0c151ae8,#0c151a99); }
 .gothburn-entrance .entrance-art { object-position:65% center; }
 .entrance-copy { padding:39px 29px; }
 .entrance-kicker { font-size:8px; letter-spacing:1.2px; max-width:220px; }
 .entrance-copy h1 { font-size:50px; }
 .entrance-motto { font-size:18px; }
 .entrance-description { font-size:12px; }
 .hero #hero-title { font-size:clamp(2.6rem,10.3vw,4.5rem); }
 .lm-site .lm-collection-frame { margin-top:0; width:calc(100% - 24px); }
 .lm-site .lm-collection-frame .lm-hero { min-height:610px; }
 .lm-site .lm-brand-parent { font-size:21px; white-space:normal; }
 .lm-site .lm-brand-parent img { width:64px; height:40px; }
 .lm-site .lm-collection-label { font-size:8px; letter-spacing:1.2px; }
 .lm-site .lm-intro > p:not(.lm-eyebrow) { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .studio-switcher .studio-tab { transition:none; } }
@media(max-width:380px) {
 .studio-switcher .studio-tab { padding:17px 6px; }
 .studio-tab .studio-tab-name { font-size:20px; }
 .studio-tab-about .studio-tab-name { font-size:10px; }
}

/* Preserve the entire scene. Small screens place the copy above the artwork. */
.lm-site .lm-collection-frame .lm-hero { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; justify-content:stretch; min-height:0; padding:0; }
.lm-site .lm-hero-art { position:relative; inset:auto; grid-area:1/1; width:100%; height:auto!important; aspect-ratio:3/2; object-fit:contain; z-index:0; }
.lm-site .lm-hero-copy { grid-area:1/1; align-self:start; justify-self:center; padding:32px 24px 70px; position:relative; z-index:2; }
.lm-site .lm-hero::after { z-index:1; }
.lm-site .lm-hero::before { z-index:3; }
.lm-site .lm-hero-foot { position:relative; grid-area:1/1; align-self:end; left:auto; right:auto; bottom:auto; z-index:2; margin:0; padding:24px; }
.lm-site .lm-parent-attribution { display:inline-block; margin-top:8px; padding:5px 13px; border:1px solid #a88a5e; background:linear-gradient(135deg,#282b29,#0c1011); color:#dfc59e; font:600 10px/1.7 Georgia,serif; letter-spacing:1.2px; box-shadow:inset 0 0 0 3px #b99a6522; }
.lm-site .lm-studio-bridge { border-block:1px solid #937448; background:linear-gradient(#090d0ee8,#101515eb),url('assets/industrial-gothic-core-valves.png') center/cover; box-shadow:inset 0 0 0 12px #0b101066; }
.lm-site .lm-studio-mark { width:145px; height:auto; margin:0 auto 26px; }
.lm-site .lm-studio-bridge .lm-outline { background:#101413; border-color:#a7895f; color:#e8d4b3!important; }
@media(max-width:900px) {
 .lm-site .lm-hero-art { grid-area:2/1; }
 .lm-site .lm-hero-copy { grid-area:1/1; padding:32px 22px 30px; }
 .lm-site .lm-hero-foot { grid-area:3/1; padding:19px 15px; }
 .lm-site .lm-hero::after { display:none; }
 .lm-site .lm-collection-label { margin-bottom:17px; }
 .lm-site .lm-parent-attribution { font-size:9px; }
}