.archive-menu{position:relative}.archive-menu summary{cursor:pointer;list-style:none}.archive-menu summary::after{content:' ▾'}.archive-menu summary::-webkit-details-marker{display:none}.archive-submenu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:250px;padding:12px;background:#10110e;border:1px solid #f0ede555;box-shadow:0 12px 32px #0009;display:grid;gap:0}.site-header .archive-submenu a{padding:12px;white-space:nowrap}.archive-submenu a:hover{background:#f0ede51a}.archive-popup{padding:0;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1500px;max-height:none;border:1px solid #f0ede566;background:#080808;color:#f0ede5;overflow:hidden}.archive-popup[open]{display:flex;flex-direction:column}.archive-popup::backdrop{background:#000b;backdrop-filter:blur(5px)}.archive-popup-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #f0ede544;gap:12px}.archive-popup-bar h2{font:600 16px Arial,sans-serif;margin:0}.archive-popup-bar button{background:#f0ede5;color:#080808;border:0;padding:10px 16px;cursor:pointer;font:600 14px Arial,sans-serif}.archive-popup iframe{border:0;width:100%;flex:1;min-height:0;background:#080808}.archive-popup-open{overflow:hidden}
#archive .archive-drums-title{gap:0;transform:rotate(-7deg) skew(-5deg);filter:drop-shadow(5px 7px 0 #000);font-family:Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:-.07em;line-height:1.1}
#archive .archive-drums-title span{font-family:inherit;font-size:1em;color:#ffe600;background:none;padding:0;box-shadow:none;-webkit-text-stroke:clamp(1px,.3vw,5px) #080808;paint-order:stroke fill;text-shadow:5px 4px 0 #f43a19;transform:rotate(-4deg)}
#archive .archive-drums-title span:nth-child(even){transform:translateY(-.06em) rotate(8deg)}
#work .work-statement-panel{margin-top:0;margin-bottom:clamp(42px,6vw,90px)}
@media(max-width:900px){.archive-submenu{position:static;margin-top:12px;box-shadow:none;min-width:0}.archive-popup{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.archive-popup-bar{padding:8px 12px}}

#archive .archive-comic-title{position:absolute;z-index:6;top:1%;left:32%;width:48%;height:auto;pointer-events:none;transform:rotate(-5deg)}
.records-statement h2{font-size:clamp(56px,8.5vw,140px)}
@media(max-width:560px){.records-statement h2{font-size:18vw}}

/* Mobile viewport and safe-area hardening. */
.archive-popup-open{overscroll-behavior:none}
@media(max-width:900px){
  .archive-popup{margin:auto;max-width:none}
  .archive-popup-bar{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
  .archive-popup-bar button{min-width:72px;min-height:44px}
}

.site-header{mix-blend-mode:normal;background:rgba(8,8,8,.86)}
.site-header nav{align-items:baseline}
.site-header .archive-menu summary{font:400 .875rem/normal var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);padding:0;margin:0}
.site-header .archive-menu summary:hover{color:#ff795c}
.site-header .archive-menu{align-self:baseline}