/* Founder direction: quiet identity, yellow actions, blue conceptual atmosphere. */
:root{--header-h:3.5rem;--azul-action:#f3d34a;--azul-action-ink:#111108;--azul-action-text:#f3d34a}
:root[data-theme="light"]{--azul-action-text:#705700}
@media(prefers-color-scheme:light){:root:not([data-theme]){--azul-action-text:#705700}}
:root[data-theme="contrast"]{--azul-action:#ffef00;--azul-action-text:#ffef00}
.global-header{height:var(--header-h);border-bottom:0!important;background:var(--azul-surface);padding-inline:var(--gutter);transition:background .25s,color .25s}
.global-header .brand{gap:.5rem;white-space:nowrap}.global-header .brand img{width:1.25rem;height:1.25rem}.global-header .brand span{font-size:.65rem;letter-spacing:.1em}
.global-header .header-actions{gap:.5rem}.global-header .header-actions button{min-width:2.75rem;min-height:2.75rem}
.interface-symbol{font:1.4rem/1 sans-serif;display:block;transform:rotate(90deg)}
.header-actions .interface-symbol{width:1.3rem;height:1.3rem;transform:none;margin:auto}
body.has-opening-media[data-header-scrolled="false"] .global-header{background:linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,.24) 72%,transparent);color:#f4f1e9;backdrop-filter:none;text-shadow:0 1px 8px #000}
body.has-opening-media[data-header-scrolled="false"] .global-header .brand img{filter:brightness(0) invert(1)}
body.has-opening-media[data-header-scrolled="false"] .global-header :focus-visible{outline-color:#ffef00!important}
.global-header .primary-nav a[aria-current="page"]{color:var(--azul-action-text)}
body.has-opening-media[data-header-scrolled="false"] .primary-nav a[aria-current="page"]{color:var(--azul-action)}
.primary-nav a:hover{color:var(--azul-action-text)}
.rule-link{color:var(--azul-action-text)}
.light-field .rule-link{color:#705700}
/* Founder correction: the home media is the canvas, not an inset panel. */
body[data-page="home"] .cinematic-hero{min-height:100svh;perspective:none;background:#04050b}
body[data-page="home"] .cinematic-hero>.cinema-plane{inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;transform:none!important;mix-blend-mode:normal;}
body[data-page="home"] .cinematic-hero>.cinema-plane-fresh{animation:none;opacity:1!important}
body[data-page="home"] .cinematic-hero>.cinema-plane-never{animation:hero-full-crossfade 16s ease-in-out infinite}
@keyframes hero-full-crossfade{0%,40%,100%{opacity:0}52%,88%{opacity:1}}
body[data-page="home"] .cinematic-hero>img:not(.hero-mark-live):not(.hero-mark-echo){opacity:0!important}
body[data-page="home"] .cinematic-hero .hero-depth-plane,body[data-page="home"] .cinematic-hero .hero-aperture{display:none!important}
body[data-page="home"] .cinematic-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.65) 64px,transparent 28%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 65%),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 80%)!important}
[data-motion="reduce"] body[data-page="home"] .cinematic-hero>.cinema-plane-never,[data-theme="contrast"] body[data-page="home"] .cinematic-hero>.cinema-plane-never{opacity:0!important;animation:none!important}
[data-theme="contrast"] body[data-page="home"] .cinematic-hero:after{background:rgba(0,0,0,.72)!important}
.page-hero.media .rule-link,.music-cinema .rule-link,.signal-copy .rule-link{color:var(--azul-action)}
.portal-wear .portal-action{color:var(--azul-action)}
.selected-work .rule-link,.branch-experience .eyebrow{color:var(--azul-action-text)}
.signal-copy .eyebrow{color:var(--azul-action)}
.interface-panel[hidden]{display:none!important}
.interface-panel{position:fixed;z-index:60;inset:0 0 0 auto;width:min(28rem,100%);overflow-y:auto;padding:4.5rem 1.5rem 2rem;background:var(--azul-ink);color:var(--azul-paper);border-left:1px solid var(--azul-rule);box-shadow:-10vw 0 30vw rgba(0,0,0,.55)}
.interface-panel h2{font-size:2.5rem;line-height:1;margin:0}.interface-panel h3{font-size:1rem;margin:2rem 0 .5rem}.interface-panel>p{color:var(--azul-muted)}
.interface-panel [data-interface-close]{position:absolute;right:1.25rem;top:.5rem;font-size:2rem;border:0;background:none;color:inherit;width:2.75rem;height:2.75rem}
.interface-options>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--azul-rule);padding:1rem 0}.interface-options button{padding:.7rem;border:1px solid var(--azul-rule);background:transparent;color:inherit;font-size:.8rem;min-height:2.75rem}.interface-options button:disabled{opacity:.65}
.interface-panel .locale-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.interface-panel .locale-grid button{min-height:2.75rem}.interface-note{font-size:.85rem}
.branch-experience{padding-block:var(--space-7)}.branch-experience .experience-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.branch-experience h2{font-size:clamp(2.3rem,5vw,4.5rem);max-width:12ch}.branch-experience .experience-intro p{max-width:32rem}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.experience-grid article{min-width:0}.experience-grid video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}.experience-grid h3{font-size:1.75rem;margin:1rem 0 .25rem}.experience-grid .work-note{margin:.5rem 0}.experience-grid .rule-link{margin-top:.75rem}.experience-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1rem}
@media(max-width:50rem){:root{--header-h:3.25rem}.global-header .header-actions{gap:.25rem}.global-header .brand span{font-size:.62rem}.branch-experience .experience-intro{display:block}.experience-grid{grid-template-columns:1fr;gap:2.5rem}.interface-panel{padding-inline:1.25rem}}