@media (max-width: 900px){
  .siteHeader__inner{padding:0 18px;height:64px;position:relative}
  .siteNav{display:none;position:absolute;top:58px;left:14px;right:14px;z-index:100;background:rgba(7,7,9,.98);border:1px solid var(--line);border-radius:14px;padding:8px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 40px rgba(0,0,0,.55)}
  .siteNav.is-open{display:flex}
  .siteNav a{font-size:12px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
  .siteNav a:last-child{border-bottom:0}
  .headerTools{position:relative;z-index:101}
  .menuBtn{display:flex;align-items:flex-end;gap:3px;position:relative;min-width:28px;z-index:102}
  .menuBtn b{display:block;font-size:7px;line-height:1;color:#fff;font-weight:700;letter-spacing:.12em;margin-top:2px}
  .menuBtn[aria-expanded="true"] i:nth-child(2){opacity:0}
  .menuBtn[aria-expanded="true"] i:first-child{transform:translateY(3px) rotate(45deg)}
  .menuBtn[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  body.menu-open{overflow:hidden}
  .grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}
  .contactGrid{grid-template-columns:1fr;gap:28px}.contactInfo{padding:0}
  .footerGrid{grid-template-columns:1fr}.footerLinks{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(48px,10vw,76px);line-height:.88}.heroArt{background-position:62% center}
  .pageHero{min-height:0;height:auto;aspect-ratio:var(--hero-ratio,2.6);padding:28px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#070709}
  .pageHero h1,.detailPage h1{font-size:clamp(38px,8vw,52px)}
}
@media (max-width:600px){
  .siteHeader__inner{padding:0 14px}.siteLogo img{width:64px;height:38px}.headerTools{gap:12px}
  .grid{grid-template-columns:1fr}.section{padding:60px 0}.wrap{padding:0 16px}
  .hero{min-height:78vh}.heroContent{padding:110px 0 55px}.hero h1{font-size:clamp(42px,13vw,62px);line-height:.88;letter-spacing:-.055em;margin:14px 0}.hero p{font-size:14px;line-height:1.55;max-width:360px}.hero .actions{flex-wrap:wrap}
  .pageHero{aspect-ratio:var(--hero-ratio,2.6);padding:20px;border-radius:14px;background-size:contain;background-position:center}
  .pageHero h1,.detailPage h1{font-size:clamp(30px,9vw,44px);line-height:.95}
  .footerLinks{grid-template-columns:1fr}.subscribeForm{flex-wrap:wrap}.subscribeForm input{width:100%;flex:1 1 100%}.subscribeForm .btn{width:100%}
  .contactHero{min-height:270px}.contactHeroContent{padding:26px}.contactHero h1{font-size:clamp(38px,12vw,52px)}.contactForm{padding:22px}.contactIntro{font-size:26px}
}