/* The studio's symbol is the focal gesture. No continuous background motion. */
.header .brand{flex:none;display:block}
.header .brand img{width:128px;height:128px;object-fit:contain}
.header{min-height:154px}
.site-header .brand-symbol{width:104px;height:104px;flex:0 0 104px;max-height:none;object-fit:contain}
.brand>img:first-child,.footer-mark>img:first-child,.footer-symbol{transition:transform 850ms cubic-bezier(.16,1,.3,1);transform-origin:center}
.footer-mark>img:first-child{width:180px}
@media(hover:hover) and (pointer:fine){
 .brand:hover>img:first-child,.footer-mark>img:first-child:hover,.footer-symbol:hover{transform:rotate(360deg)}
 .artist-thumb img,.work-rail img{transition:filter 220ms ease,transform 280ms cubic-bezier(.16,1,.3,1)}
 .artist-thumb:hover img,.work-rail>button:hover img{filter:brightness(1.12);transform:scale(.975)}
 .header nav a,.contact-links a{position:relative;text-decoration:none}
 .header nav a::after,.contact-links a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms cubic-bezier(.16,1,.3,1)}
 .header nav a:hover::after,.contact-links a:hover::after{transform:scaleX(1)}
}
.variant-a .intro{animation:none}
.wordmark img{animation:ink-lettering 700ms cubic-bezier(.16,1,.3,1) both}
@keyframes ink-lettering{from{clip-path:inset(0 0 65% 0);transform:translateY(12px);opacity:.65}to{clip-path:inset(0);transform:translateY(0);opacity:1}}
dialog[open]{animation:album-open 240ms cubic-bezier(.16,1,.3,1)}
@keyframes album-open{from{opacity:.5;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.header .brand img{width:96px;height:96px}.header{min-height:120px}.site-header .brand-symbol{width:76px;height:76px;flex-basis:76px}}
@media(max-width:600px){.header .brand img{width:86px;height:86px}.header{min-height:108px;gap:12px}.footer-mark>img:first-child{width:100px}.footer-mark>img:last-child{width:calc(100% - 125px)}.site-header .brand-symbol{width:68px;height:68px;flex-basis:68px}}
@media(prefers-reduced-motion:reduce){.brand>img:first-child,.footer-mark>img:first-child,.footer-symbol{transition:none!important;transform:none!important}.wordmark img,dialog[open]{animation:none!important}.artist-thumb img,.work-rail img{transform:none!important;transition:none!important}}

.rotation-tools{display:flex;justify-content:flex-end;margin:-16px 0 18px}.rotation-tools button{font-size:13px;color:var(--muted);padding:0;min-height:44px}
.variant-a .artist-stage{grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);gap:40px}
.artist-identity{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.variant-a .artist-identity .artist-details{grid-column:auto}
.artist-identity .portrait{max-width:140px}
.artist-identity .artist-details h2{font-size:clamp(30px,2.8vw,44px)}
.artist-identity .artist-actions{margin-top:22px}
@media(max-width:1000px){.variant-a .artist-stage{grid-template-columns:1fr;gap:28px}.artist-identity{grid-template-columns:120px minmax(0,1fr);max-width:640px}.artist-identity .portrait{max-width:120px}}
@media(max-width:600px){.variant-a .artist-stage{grid-template-columns:1fr;gap:24px}.artist-identity{grid-template-columns:88px minmax(0,1fr);gap:18px}.artist-identity .portrait{max-width:88px}.artist-identity .artist-details h2{font-size:30px}.artist-identity .artist-details>p{font-size:15px}.artist-identity .artist-actions .primary{font-size:14px;padding-inline:12px}.variant-a .artist-stage .main-work img{height:390px}}