@media(min-width:601px){.about,.contact{top:420px}.player{top:105px}}
:root{--cream:#FFF3DC;--pink:#FF743D;--lime:#B8A0E0;--blue:#B8A0E0;--lavender:#FFF3DC}
header{background:#B8A0E0}#menu-toggle{color:#111}.brand{color:#B8A0E0}
header{min-height:36px}#menu-toggle{min-width:44px;min-height:36px;font-size:24px;line-height:1;padding:0}nav{top:36px}
@media(max-width:600px){header{min-height:36px}}
.titlebar,.blue .titlebar,.member:nth-child(1) .titlebar,.member:nth-child(2) .titlebar,.member:nth-child(4) .titlebar{background:#B8A0E0;color:#111}
.now,.event-mark,.pink{background:#FF743D}.cover{color:#FF743D}
.shortcut svg path[fill="#c8ff00"],.shortcut svg path[fill="#2941ff"],.shortcut svg path[fill="#dbc8de"]{fill:#B8A0E0}
.shortcut svg path[fill="#ff4cad"],.shortcut svg path[fill="#ef315b"]{fill:#FF743D}
.shortcut .label{font-family:'NeoDunggeunmo Code',monospace;font-style:normal;font-size:16px;letter-spacing:1px;color:#111;-webkit-text-stroke:0;text-shadow:none;line-height:1.3;margin-top:14px}
@media(max-width:600px){.shortcut .label{font-size:13px;margin-top:12px}}
@media(max-width:600px){.player{top:76px}.player .titlebar{gap:3px;font-size:9px;white-space:nowrap}.player .controls{gap:2px}.player .controls span{width:10px;height:10px;border-width:1px;font-size:9px;line-height:8px}.member-info p{line-height:1.6}}
.brand{padding-top:18px;padding-bottom:18px}
footer{padding-top:10px;padding-bottom:12px}
@media(min-width:601px){.desktop{height:565px}.live{top:75px}.music{top:40px}.player{top:75px}.about,.contact{top:350px}}
@media(max-width:600px){.brand{padding-top:16px;padding-bottom:16px}.desktop{height:330px}.live{top:50px}.music{top:32px}.player{top:46px}.about,.contact{top:225px}footer{padding-top:8px;padding-bottom:10px}}
body:has(.desktop){min-height:100svh;display:flex;flex-direction:column}
.brand{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(180px,24svh,270px);font-size:clamp(50px,10.5vw,150px);padding:28px 20px;line-height:1.15}
.brand::after{content:'';position:absolute;right:18px;top:14px;width:22px;height:22px;background:#FF743D;clip-path:polygon(40% 0,60% 0,60% 30%,100% 30%,100% 50%,80% 50%,80% 70%,90% 100%,70% 100%,50% 70%,30% 100%,10% 100%,20% 70%,20% 50%,0 50%,0 30%,40% 30%)}
@media(max-width:600px){.brand{min-height:160px;font-size:12.5vw;padding:30px 16px}.brand::after{width:16px;height:16px;right:14px;top:12px}}
main:has(.desktop){flex:1;display:flex;flex-direction:column}
main:has(.desktop) .brand{flex-shrink:0}
main:has(.desktop) .desktop{flex:1;height:auto;min-height:565px}
.desktop::before,.desktop::after{content:none}
.desktop .live,.desktop .music{margin-top:-36px}
.desktop::before{left:13%;top:9%;transform:rotate(-12deg)}.desktop::after{right:8%;bottom:13%;width:16px;height:16px;transform:rotate(14deg)}
.brand::before{content:'';position:absolute;left:18px;bottom:16px;width:12px;height:12px;background:#FF743D;pointer-events:none;clip-path:polygon(40% 0,60% 0,60% 30%,100% 30%,100% 50%,80% 50%,80% 70%,90% 100%,70% 100%,50% 70%,30% 100%,10% 100%,20% 70%,20% 50%,0 50%,0 30%,40% 30%)}
body:has(.desktop) footer{flex-shrink:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}
@media(min-width:601px){main:has(.desktop) .desktop{min-height:650px}.desktop .player{top:16%}.desktop .live{top:20%}.desktop .music{top:14%}.desktop .about,.desktop .contact{top:68%}}
@media(max-width:600px){main:has(.desktop) .desktop{min-height:360px}.desktop .player{top:20%;left:28%;width:44%}.desktop .live{top:24%;left:4%;width:22%}.desktop .music{top:17%;right:4%;width:22%}.desktop .about{top:62%;left:15%;width:24%}.desktop .contact{top:62%;right:12%;width:26%}.desktop::before{width:16px;height:16px;left:10%;top:8%}.desktop::after{right:10%;bottom:15%;width:12px;height:12px}}
:root{--ink:#171717;--cream:#EAF2FF;--pink:#F04452;--lime:#95BFFF;--blue:#95BFFF;--lavender:#EAF2FF}
header{background:#95BFFF}#menu-toggle{color:#171717}.brand{background:#171717;color:#EAF2FF}
.brand::before,.brand::after,.now,.event-mark,.pink{background:#F04452}
.titlebar,.blue .titlebar,.member:nth-child(1) .titlebar,.member:nth-child(2) .titlebar,.member:nth-child(4) .titlebar{background:#F04452;color:#171717}
.shortcut svg path:not([fill]),.shortcut svg path[fill="#111"]{fill:#171717}
.shortcut svg path[fill="#c8ff00"],.shortcut svg path[fill="#2941ff"],.shortcut svg path[fill="#dbc8de"]{fill:#95BFFF}
.shortcut svg path[fill="#ff4cad"],.shortcut svg path[fill="#ef315b"]{fill:#F04452}
.shortcut svg{filter:drop-shadow(6px 7px 0 #171717)}
.window{border-color:#171717;box-shadow:7px 7px #171717}.now{color:#171717;box-shadow:4px 4px #171717}
footer,.block-button,.blue .controls{color:#171717}.block-button{border-color:#171717;box-shadow:5px 5px #171717}
.cover,.video{background:#171717}.cover{color:#F04452}.weekday{background:#95BFFF}.day.empty{background:#d8e3f3}
nav{box-shadow:6px 6px #171717}nav a:hover{background:#95BFFF}
@media(max-width:600px){.shortcut svg{filter:drop-shadow(3px 4px 0 #171717)}}
@media(min-width:601px){.desktop .live,.desktop .music{width:21%}.desktop .player{top:20%;width:33%;left:33%}}
@media(max-width:600px){.desktop .live,.desktop .music{width:25%}.desktop .player{top:24%;width:40%;left:30%}}
.exhibit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.exhibit .titlebar{font-size:12px}.exhibit .controls{display:none}.exhibit-placeholder{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#d8e3f3}.exhibit-placeholder svg{width:75px;shape-rendering:crispEdges}.exhibit-info{padding:18px}.exhibit-info h2{font-size:20px;margin-bottom:8px}.exhibit-info p{font-size:14px;margin:0}.desktop .works{left:7%;top:68%;width:17%}.desktop .videos{right:7%;top:68%;width:17%}.desktop .about{left:30%;top:68%;width:16%}.desktop .contact{right:29%;top:68%;width:17%}
@media(max-width:600px){main:has(.desktop) .desktop{min-height:460px}.exhibit-grid{grid-template-columns:1fr;gap:20px}.exhibit-info{padding:14px}.exhibit-placeholder{min-height:150px}}
/* Six evenly spaced shortcuts on a ring around the player. */
main:has(.desktop) .desktop{flex:0 0 auto;width:min(100%,900px);height:auto;min-height:0;aspect-ratio:1;margin:auto}
.desktop .shortcut{width:17%;height:auto;aspect-ratio:18/19;right:auto;margin:0;transform:translate(-50%,-50%)}
.desktop .shortcut:hover{transform:translate(-50%,-50%) scale(1.06)}
.desktop .live{left:32%;top:17%}.desktop .music{left:68%;top:17%}
.desktop .videos{left:86%;top:50%}.desktop .contact{left:68%;top:83%}
.desktop .about{left:32%;top:83%}.desktop .works{left:14%;top:50%}
.desktop .player{width:34%;left:33%;top:50%;transform:translateY(-50%)}
@media(max-width:600px){main:has(.desktop) .desktop{min-height:0}.desktop .shortcut{width:20%}.desktop .player{width:36%;left:32%;top:50%}.desktop .now{font-size:10px;bottom:-14px}.desktop .player .titlebar{font-size:8px}}