@font-face{font-family:Flyer;src:url('assets/flyer.otf') format('opentype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:Flyer,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-size:16px}button:focus-visible,a:focus-visible{outline:1px solid white;outline-offset:8px}header{height:110px;position:fixed;top:0;left:0;width:100%;padding:32px 4%;display:flex;align-items:center;justify-content:space-between;z-index:3}.logo{width:255px;display:block}#sound{opacity:.6;padding:12px}#sound[aria-pressed=true]{opacity:1}main{height:100svh;position:relative}#gallery{position:absolute;inset:110px 9% 110px;overflow:hidden;touch-action:pan-y;cursor:grab;isolation:isolate}#gallery:active{cursor:grabbing}.work{position:absolute;top:50%;left:0;padding:0;width:clamp(90px,10vw,158px);height:clamp(130px,14vw,218px);will-change:transform;transform-origin:center;opacity:0;display:flex;align-items:center;justify-content:center}.work img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.bracket{position:absolute;top:calc(50% - 43px);width:16px;height:86px;border-top:4px solid white;border-bottom:4px solid white;z-index:2}.left{left:5%;border-left:4px solid white}.right{right:5%;border-right:4px solid white}footer{position:fixed;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#a3a3a3;pointer-events:none}.paging{display:flex;align-items:center;gap:22px;pointer-events:auto}.paging button{font-family:Arial,sans-serif;font-size:22px;padding:10px}.paging span{font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.hint{color:#777}dialog{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;padding:0;background:#000;color:#fff}dialog::backdrop{background:#000}#close{position:absolute;right:4%;top:38px;padding:12px;z-index:2}figure{margin:0;position:absolute;inset:12% 15% 11%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#full{display:block;max-width:100%;max-height:calc(100% - 48px);object-fit:contain;min-height:0}figcaption{display:flex;gap:40px;align-items:center;justify-content:space-between;min-width:220px;font-size:20px}#year{color:#aaa}#error{position:absolute;top:50%;text-align:center;width:100%}@media(max-width:600px){header{padding:20px 5%;height:85px}.logo{width:205px}#sound{font-size:14px}#gallery{inset:100px 10% 100px}.work{width:115px;height:170px}.bracket{height:68px;top:calc(50% - 34px);width:12px;border-width:3px}.left{left:4%}.right{right:4%}footer{bottom:22px;left:5%;right:5%;font-size:14px}.paging{gap:6px}.paging span{min-width:53px}figure{inset:16% 7% 15%;gap:20px}figcaption{font-size:18px;min-width:180px}#close{top:24px}}@media(prefers-reduced-motion:reduce){.work{will-change:auto}}
 #sound svg{display:block}#sound .sound-on{display:none}#sound[aria-pressed=true] .sound-on{display:block}#sound[aria-pressed=true] .sound-off{display:none}
.header-actions{display:flex;align-items:center;gap:8px}.contact{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:inherit;opacity:.6}.contact:hover{opacity:1}
html,body,main,#gallery,dialog,dialog::backdrop{background:#000}.work{background:transparent;box-shadow:none}.work img{background:transparent}@media(max-width:380px){.logo{width:175px}.header-actions{gap:0}}
.bracket{width:52px;height:134px;top:calc(50% - 67px);border:0!important;padding:0;touch-action:none;background:transparent}.bracket.left{left:calc(5% - 18px)}.bracket.right{right:calc(5% - 18px)}.bracket::before{content:'';position:absolute;top:24px;width:16px;height:86px;border-top:4px solid #fff;border-bottom:4px solid #fff;box-sizing:border-box}.bracket.left::before{left:18px;border-left:4px solid #fff}.bracket.right::before{right:18px;border-right:4px solid #fff}.bracket:hover::before{opacity:.7}@media(max-width:600px){.bracket{width:44px;height:116px;top:calc(50% - 58px)}.bracket.left{left:calc(4% - 16px)}.bracket.right{right:calc(4% - 16px)}.bracket::before{width:12px;height:68px;border-width:3px}.bracket.left::before{left:16px;border-left-width:3px}.bracket.right::before{right:16px;border-right-width:3px}}
.instrument-brand{position:relative;display:block}.letter-glow{position:absolute;inset:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px white) drop-shadow(0 0 9px #cde5ff)}.letter-glow img{display:block;width:100%;height:100%}.eyes-surprise{position:fixed;left:50%;top:100px;transform:translateX(-50%);width:230px;height:100px;overflow:hidden;pointer-events:none;opacity:0;z-index:5;mix-blend-mode:screen;transition:opacity .3s}.eyes-surprise.visible{opacity:1}.eyes-surprise video{position:absolute;width:540px;height:960px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1) contrast(1.2)}@media(max-width:600px){.eyes-surprise{top:85px;transform:translateX(-50%) scale(.75);transform-origin:top center}}@media(prefers-reduced-motion:reduce){.eyes-surprise{transition:none}}
.eyes-surprise{inset:0;margin:0;padding:0;width:100vw;height:100svh;max-width:none;max-height:none;border:0;transform:none;background:#000;mix-blend-mode:normal;pointer-events:auto;overflow:hidden;transition:none}.eyes-surprise::backdrop{background:#000}.eyes-surprise video{width:min(150vw,1000px);height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1) contrast(1.2)}
.eyes-surprise,.eyes-surprise:focus,.eyes-surprise:focus-visible,.eyes-surprise video,.eyes-surprise video:focus,.eyes-surprise video:focus-visible{outline:none!important;border:0!important;box-shadow:none!important}.eyes-surprise video{width:min(115vw,740px);pointer-events:none}