/*
 * AZ V5.1 — TYPOGRAPHIC DIRECTION: SILENT SIGNAL
 * Display / character: Chakra Petch (ExtraLight 200, Light 300).
 * Text / accessible reading: Manrope (Regular 400, Medium 500).
 * Deliberately restrained digital/glitch detail. No continuous text distortion.
 * Typeface assets are NOT bundled. Local V5.1 browser preview uses Google Fonts;
 * production should self-host licensed webfonts after legal/privacy review.
 */
:root {
  --az-type-display:'Chakra Petch','Inter Display','Segoe UI',sans-serif;
  --az-type-reading:'Manrope','Inter','Segoe UI',system-ui,sans-serif;
  --font-serif:var(--az-type-display);
  --font-sans:var(--az-type-reading);
  --az-type-thin:300;
  --az-type-reading-weight:400;
}
body,button,input,textarea,select{font-family:var(--az-type-reading)}
.az-new h1,.az-new h2,.az-new h3,
.az-new .az-path-center strong,
.az-new .az-art-placeholder span,
.az-new .az-slide-empty b,
.az-new .az-gallery-block h3{
  font-family:var(--az-type-display);
  font-weight:300;
  font-style:normal;
  text-wrap:balance;
}
.az-new .az-home-copy h1{
  font-family:var(--az-type-display);
  font-weight:200;
  font-size:clamp(3.35rem,6.9vw,8rem);
  line-height:1.07;
  letter-spacing:-.038em;
  text-wrap:balance;
}
.az-new .az-home-copy h1 em{
  display:block;
  position:relative;
  color:var(--gold-light);
  font-family:inherit;
  font-style:normal;
  font-weight:200;
  letter-spacing:-.057em;
  width:max-content;
  max-width:100%;
}
.az-new .az-home-statement,
.az-new .hero-lead,
.az-new .chapter-copy .chapter-intro,
.az-new .signal-explain p{
  font-family:var(--az-type-reading);
  font-weight:300;
  letter-spacing:0;
}
.az-new .az-home-statement{line-height:1.36}
.az-new .az-home-statement i,
.az-new .az-section-top h2 i,
.az-new .az-home-note h2 i,
.az-new .az-last-invite h2 i,
.az-new .az-chapter-hero h1 i,
.az-new .chapter h2 i,
.az-new .signal-heading h2 i{
  font-style:normal;
  font-weight:300;
}
.az-new .wordmark-name{
  font-family:var(--az-type-display);
  font-size:.92rem;
  font-weight:300;
  letter-spacing:.175em;
}
.az-new .wordmark-role,
.az-new .nav-link,
.az-new .btn,
.az-new .az-serial,
.az-new .az-path-index,
.az-new .az-path-cta,
.az-new .az-portfolio-status,
.az-new .az-gallery-meta,
.az-new .az-pro-chapters a,
.az-new .az-orbit-word,
.az-new .az-scroll{
  font-family:var(--az-type-display);
  font-weight:400;
  letter-spacing:.19em;
}
.az-new .nav-link{font-size:.72rem;letter-spacing:.145em;font-weight:500}
.az-new .wordmark-role{font-size:.57rem;letter-spacing:.35em}
.az-new .az-serial{font-size:.72rem;letter-spacing:.22em}
.az-new .btn{letter-spacing:.15em;font-weight:500}
.az-new .az-home-intro,
.az-new .az-section-top>p,
.az-new .az-art-detail p,
.az-new .az-about-writing p:not(.az-serial){
  font-family:var(--az-type-reading);
  font-size:clamp(.96rem,1.04vw,1.09rem);
  font-weight:400;
  line-height:1.8;
}
.az-new .az-section-top h2,
.az-new .az-chapter-hero h1,
.az-new .az-about-writing h2,
.az-new .az-last-invite h2{
  font-family:var(--az-type-display);
  font-weight:300;
  letter-spacing:-.04em;
  line-height:1.1;
}
.az-new .az-path-center strong{font-weight:300;letter-spacing:-.03em}
.az-new .az-portfolio h2,
.az-new .az-gallery-block h3,
.az-new .az-art-detail h2{font-family:var(--az-type-display);font-weight:300;letter-spacing:-.026em}
.az-new .az-art-tile strong{font-family:var(--az-type-display);font-weight:300;letter-spacing:-.02em}
.az-new .site-footer nav a{font-family:var(--az-type-display);letter-spacing:.09em;font-weight:400}
/* Digital trace: only on intentional hover/focus within the visual signature. */
@keyframes az-one-glitch {
  0%,17%,33%,65%,100%{transform:translateX(0);text-shadow:0 7px 35px rgba(0,20,28,.38)}
  18%,20%{transform:translateX(-1px);text-shadow:1px 0 rgba(102,226,210,.36),-1px 0 rgba(230,169,116,.32)}
  34%,36%{transform:translateX(1px);text-shadow:-1px 0 rgba(102,226,210,.28),1px 0 rgba(230,169,116,.31)}
}
.az-new .az-home-copy h1 em:hover,
.az-new .az-home-copy h1 em:focus-within{
  animation:az-one-glitch .32s steps(1,end) 1;
}
/* A near-invisible optical interruption, rather than a permanent glitch animation. */
.az-new .az-home-copy h1 em:after{
  content:'';position:absolute;top:50%;left:31%;width:8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,204,158,.7),transparent);
  opacity:.45;pointer-events:none;
}
/* Never apply glitch movement to normal text, links or controls. */
@media(max-width:830px){
  .az-new .az-home-copy h1{font-size:clamp(3rem,9.7vw,5.45rem);font-weight:300;line-height:1.12}
  .az-new .az-home-copy h1 em{font-weight:300;letter-spacing:-.055em}
  .az-new .nav-link{font-size:.79rem;letter-spacing:.12em}
  .az-new .wordmark-name{font-size:.79rem;letter-spacing:.1em}
}
@media(max-width:650px){
  .az-new .az-home-copy h1{font-size:clamp(2.65rem,11.3vw,4.6rem)}
  .az-new .az-home-statement{font-size:clamp(1.3rem,5vw,1.8rem)}
  .az-new .az-home-intro{font-size:.94rem}
  .az-new .az-serial{font-size:.69rem}
}
@media(prefers-reduced-motion:reduce){.az-new .az-home-copy h1 em:hover,.az-new .az-home-copy h1 em:focus-within{animation:none!important}}
html.motion-off .az-new .az-home-copy h1 em:hover,
html.motion-off .az-new .az-home-copy h1 em:focus-within{animation:none!important}