:root{--bg:#222328;--surface:#1e1f23;--white:#fff;--accent:#0a7b8b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.75 Arial,sans-serif;min-height:100svh}.background{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(34,35,40,.76),rgba(34,35,40,.18)),url('assets/diamond.webp') 72% 50%/min(100vw,1050px) auto no-repeat;filter:blur(2px);opacity:.8}header{padding:48px 6vw 0}.brand{display:block;width:130px;background:white;padding:12px 8px;margin-bottom:34px}.brand img{width:100%;display:block}nav{display:flex;align-items:flex-start;min-height:160px;width:max-content;max-width:100%;gap:0}.main-column,.column{display:flex;flex-direction:column;min-width:165px;padding-right:25px}.column{border-left:1px solid #ffffff20;padding-left:24px;animation:enter .3s ease}button,nav a{font:400 26px/1.3 Impact,'Arial Narrow',sans-serif;letter-spacing:.025em;color:white;background:none;border:0;text-align:left;padding:9px 0;cursor:pointer;text-decoration:none;white-space:nowrap}button span{font:16px Arial;margin-left:16px;color:var(--accent)}button:hover,nav a:hover,button[aria-expanded=true]{color:#549ab3}button:focus-visible,a:focus-visible{outline:2px solid #549ab3;outline-offset:5px}[hidden]{display:none!important}main{margin:26px 6vw 100px;max-width:1080px}.panel{position:relative;background:rgba(30,31,35,.96);padding:38px clamp(22px,5vw,70px) 55px;border-top:1px solid #549ab350;animation:enter .32s ease}.close{position:absolute;right:20px;top:12px;font:30px Arial}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:#a6a6ab}h1{font:normal clamp(36px,5vw,64px)/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:.02em;margin:12px 0 32px}.gallery{display:grid;grid-template-columns:44px minmax(0,530px) 44px;justify-content:center;align-items:center;gap:12px}.gallery img{width:100%;aspect-ratio:1;object-fit:contain}.gallery button{text-align:center;font-family:Arial}.caption{text-align:center;margin:16px 0 28px;font-size:13px;color:#ccc}.copy{max-width:680px;margin:auto}.copy p{margin:0 0 22px;color:#ddd}.links{display:flex;justify-content:center;gap:25px;margin-top:30px}.links a{color:white;text-underline-offset:6px;font-size:13px}footer{position:fixed;bottom:0;left:0;right:0;padding:15px 6vw;background:linear-gradient(transparent,var(--bg));display:flex;justify-content:space-between;color:#b6b7bb;font-size:10px;letter-spacing:.16em;text-transform:uppercase}body:has(.panel) footer{position:static}.about-photo{width:100%;margin-bottom:30px}@keyframes enter{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}@media(max-width:600px){header{padding:26px 5vw 0}.brand{width:100px;margin-bottom:24px}nav{width:100%;overflow-x:auto;min-height:185px}.main-column,.column{min-width:110px;padding-right:10px}.column{padding-left:12px}button,nav a{font-size:20px}button span{margin-left:5px}main{margin:16px 5vw 65px}.panel{padding-top:30px}.gallery{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.copy{font-size:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Refined typography, original transparent mark and sharper background. */
.background{filter:blur(.45px);opacity:.92;background-size:auto,min(100vw,1050px) auto}
.brand{background:transparent;padding:0;width:116px;margin-bottom:36px}
.brand img{filter:invert(1)}
button,nav a{font-family:'Arial Narrow',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.055em;padding:8px 0;transition:color .3s ease,opacity .3s ease,transform .3s ease}
button:hover,nav a:hover{transform:translateX(2px)}
h1{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:.045em}
button span{display:inline-block;width:34px;height:1px;background:currentColor;font-size:0;vertical-align:middle;margin-left:18px;opacity:.65}
.panel{border-top-color:#549ab32b;animation-duration:.35s}
.column{animation-duration:.35s}
.close{font:300 24px Arial;color:#bbb}
@media(max-width:600px){button,nav a{font-size:15px}.brand{width:100px}.main-column,.column{min-width:108px}button span{width:20px;margin-left:9px}}
.background{background-position:center,center;background-size:auto,min(68vw,72vh) auto;background-image:linear-gradient(rgba(34,35,40,.2),rgba(34,35,40,.2)),url('assets/diamond.webp');filter:blur(.35px)}
@media(max-width:600px){.background{background-size:auto,min(84vw,65vh) auto}}
/* Keep release navigation available above the persistent content. */
button span{width:18px;margin-left:12px}
#panel-body{opacity:1;transition:opacity 180ms ease,transform 180ms ease}
#panel-body.version-leaving{opacity:0;transform:translateX(-4px)}
@media(max-width:600px){button span{width:13px;margin-left:8px}}
#panel-body{transition:none}
.gallery,.caption,.links{transition:opacity 180ms ease}
.gallery.version-leaving,.caption.version-leaving,.links.version-leaving{opacity:0}
.panel-heading{display:flex;align-items:center;gap:18px;margin:12px 0 32px;min-height:52px}
.panel-heading h1{margin:0}
.animated-mark{width:52px;height:52px;object-fit:contain;mix-blend-mode:screen;flex:none}
@media(prefers-reduced-motion:reduce){.animated-mark{display:none}}

.audiovisual-portfolio h2{font-size:18px;font-weight:400;letter-spacing:.055em;margin:0 0 18px}.audiovisual-portfolio a{color:var(--white);font-size:14px;text-underline-offset:6px;transition:color .3s ease}.audiovisual-portfolio a:hover{color:#549ab3}