/* Approved full PHAERYX master: proportional presentation, no image derivatives. */
:root{--phaeryx-brand-header-height:112px}
.site-header .nav{min-height:var(--phaeryx-brand-header-height);padding-block:8px}
.site-header .brand{display:block;flex:0 0 auto;max-width:calc(100% - 88px);line-height:0;letter-spacing:normal}
.site-header .brand img{display:block;width:144px;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}
.site-header~main,.site-header~main :where(h1,h2,h3,[id],[tabindex]){scroll-margin-top:calc(var(--phaeryx-brand-header-height) + 16px)}
.hero .hero-art{min-height:0;overflow:visible}
.hero .hero-art::before{content:none}
.hero .hero-art img{display:block;width:min(100%,520px);max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;filter:none}
@media(max-width:960px){
  .site-header .nav-links{top:100%}
  .site-header .nav-links.open{max-height:calc(100vh - var(--phaeryx-brand-header-height));max-height:calc(100dvh - var(--phaeryx-brand-header-height));overflow-y:auto;overscroll-behavior:contain}
  .site-header .nav-links.open a{scroll-margin:0}
}
@media(max-width:560px){
  :root{--phaeryx-brand-header-height:96px}
  .site-header .nav{gap:16px}
  .site-header .brand img{width:120px}
}
@media(max-width:960px) and (max-height:560px){
  .site-header{position:static}
  .site-header .nav{flex-wrap:wrap}
  .site-header .nav-links.open{position:static;width:100%;max-height:none;overflow-y:visible;overscroll-behavior:auto}
  .site-header .nav-links.open a{scroll-margin-block:12px}
}

/* Logo corner rounding: display-only override */
.site-header .brand img {
  border-radius: 10px;
}

.hero .hero-art img {
  border-radius: 24px;
}

@media (max-width: 560px) {
  .hero .hero-art img {
    border-radius: 18px;
  }
}