/* Mobile content is independent of the approved desktop artwork. */
.mobile-header,.mobile-content,.mobile-footer{display:none}
@media (max-width:1100px), (hover:none) and (pointer:coarse){
 html,body{height:auto;min-height:100%;overflow-x:clip}
 body{color:#e8ded0;font:16px/1.6 Arial,sans-serif;-webkit-text-size-adjust:100%}
 body .page{width:100%;display:block;min-height:0}
 body .frozen{width:100%;height:auto;min-height:100vh;aspect-ratio:auto;container-type:normal;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#241d14 0,#0b0907 45%,#050505 85%)}
 body .frozen::before{display:none}
 body .frozen>img,body .frozen>.nav-hotspot,body .frozen>.hotspot,body .frozen>.lang-flags,body .frozen>.legal-hotspot,body .frozen>.english-footer,body .frozen>.english-footer-background,body .frozen>.spanish-footer,body .frozen>.page-location,body .frozen>.music-location{display:none!important}
 .mobile-header,.mobile-content,.mobile-footer{display:block}
 .mobile-header{background:#080808;border-bottom:2px solid #d51a20;padding:14px 16px 12px}
 .mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1000px;margin:auto}
 .mobile-brand{display:flex;align-items:center;min-height:48px;max-width:230px;min-width:0;flex:1}
 .mobile-brand img{display:block;width:100%;height:auto}
 .mobile-header .mobile-languages{position:static;width:auto;height:auto;display:flex;flex:none;gap:8px;background:none}
 .mobile-header .mobile-languages a{width:46px;height:46px;flex:none;background-size:32px 22px;border:1px solid #514536;border-radius:5px}
 .mobile-nav{display:flex;flex-wrap:wrap;gap:6px;margin:14px auto 0;max-width:1000px}
 .mobile-nav a{flex:1 1 85px;display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border:1px solid #554634;border-radius:3px;color:#e8ded0;font-size:15px;font-weight:700;line-height:1.25;text-decoration:none}
 .mobile-nav a[aria-current],.mobile-nav a:hover{border-color:#e51c23;color:#fff;background:#321212}
 .mobile-header a:focus-visible,.mobile-footer a:focus-visible{outline:2px solid #edc796;outline-offset:2px}
 .mobile-content{width:100%;max-width:900px;margin:auto;padding:28px 20px}
 .mobile-hero{text-align:center;padding-block:42px}
 .mobile-hero h1{margin:0 auto 28px;max-width:500px}
 .mobile-hero h1 img{width:100%;height:auto;display:block}
 .mobile-emblem{display:block;width:65%;max-width:300px;height:auto;margin:0 auto 24px}
 .mobile-slogan{font-size:clamp(18px,3vw,28px);font-weight:700;letter-spacing:.06em;margin:0}
 .mobile-made{font-size:14px;letter-spacing:.14em;margin:10px 0 0}
 .mobile-band h1{font-size:36px;margin:0;line-height:1.2}
 .mobile-band h2{font-size:21px;line-height:1.4;margin:12px 0}
 .mobile-band p{font-size:17px}
 .mobile-group-photo{aspect-ratio:668/370;width:100%;background:url('assets/bandseite.png') 86.53846% 38.25816% / 232.33533% auto no-repeat;margin:26px 0}
 .mobile-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
 .mobile-member{text-align:center;min-width:0}
 .member-photo{aspect-ratio:125/100;background-image:url('assets/bandseite.png');background-size:1241.6% auto;background-position-y:78.0942%;background-repeat:no-repeat;max-width:210px;margin:auto}
 .member-0{background-position-x:21.0231%}.member-1{background-position-x:35.7393%}.member-2{background-position-x:50.1051%}.member-3{background-position-x:64.9615%}.member-4{background-position-x:79.2572%}
 .mobile-member h3{font-size:16px;line-height:1.35;margin:10px 0 4px}
 .mobile-member p{font-size:14px;margin:0}
 body .frozen .legal-content,body .frozen .music-layer,body .frozen .album-page,body .frozen .live-layer,body .frozen .gallery{position:relative;inset:auto;width:100%;height:auto;max-width:1000px;margin:0 auto;padding:28px 20px;overflow:visible;flex:1;background:transparent;border:0}
 body .frozen .legal-content{overflow-wrap:anywhere}
 body .frozen .legal-content h1,body .frozen .album-page h1{font-size:clamp(26px,5vw,40px);line-height:1.2;margin:0 0 24px;overflow-wrap:anywhere}
 body .frozen .legal-content h2{font-size:21px;line-height:1.35;margin:28px 0 10px}
 body .frozen .legal-content p{font-size:16px;line-height:1.7;margin:0 0 18px}
 body .frozen .album-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;width:100%;height:auto;gap:20px}
 body .frozen .album-card{width:min(100%,360px)}
 body .frozen .album-hidden,body .frozen .gig-card.hidden{display:none}
 body .frozen .album-page p{font-size:16px}
 body .frozen .track{flex-direction:column;align-items:stretch;gap:10px;padding:16px 0}
 body .frozen .track span{font-size:16px;min-width:0;line-height:1.5}
 body .frozen .track audio{width:100%;max-width:650px;height:48px}
 body .frozen .back{display:inline-flex;align-items:center;min-height:48px;margin-top:24px;font-size:16px}
 body .frozen .live-grid{display:block;width:100%;height:auto}
 body .frozen .gig-card{width:100%;height:auto;max-width:480px;margin:auto;aspect-ratio:9/16}
 body .frozen .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
 body .frozen .photo-slot{aspect-ratio:4/3;min-height:0}
 .feldrand-lightbox{padding:64px 12px 16px}
 .feldrand-lightbox img{max-width:100%;max-height:calc(100dvh - 90px)}
 .feldrand-lightbox-close{min-width:48px;min-height:48px}
 .mobile-footer{margin-top:auto;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-top:2px solid #d51a20;background:#080808;text-align:center}
 .mobile-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
 .mobile-footer a{display:flex;align-items:center;justify-content:center;min-height:48px;color:#cbbcaa;font-size:14px;line-height:1.4;text-decoration:none;padding:8px;overflow-wrap:anywhere}
 .mobile-footer p{color:#b3a18b;font-size:12px;line-height:1.6;margin:16px 0 0}
}
@media (min-width:600px) and (max-width:1100px), (min-width:600px) and (hover:none) and (pointer:coarse){
 .mobile-members{grid-template-columns:repeat(3,minmax(0,1fr))}
 body .frozen .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mobile-content{padding:40px 32px}
}