@media(max-width:700px){.mobile-hero .hero-lockup{width:min(74vw,300px);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:16px}
.mobile-hero .logo-window{flex-shrink:0}
.mobile-hero .hero-signature{width:48%;right:26%;bottom:11%}
.mobile-hero .hero-composed .hero-signature{width:43%;right:28.5%;bottom:7%}
.mobile-hero .hero-static{min-height:100svh;height:100svh;position:relative;padding-block:90px 115px}
.hero-static .hero-lockup{transform:none;will-change:auto}
.hero-static .hero-signature{opacity:1;transform:none;bottom:8%}
.hero-static .hero-bottom{display:none}
.hero-static .hero-rule{opacity:1}
.hero-static.hero-composed{display:flex;flex-direction:column;justify-content:center;gap:14px}
.hero-static.hero-composed .hero-lockup{aspect-ratio:auto;padding:0}
.hero-static.hero-composed .hero-photograph{height:25svh;min-height:0}
.hero-static.hero-composed .hero-signature{bottom:5%}
.hero-scroll:has(.hero-static){height:100svh!important}
.hero-static .hero-note{margin-top:18px}
}
@media(max-height:520px) and (max-width:700px){.mobile-hero .hero-lockup{aspect-ratio:auto;width:180px;padding:0}
.mobile-hero .hero-signature{width:26%;right:7%}
}
@media(max-width:700px){.mobile-hero .hero-composed:not(.hero-static){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:18px;padding-block:105px 125px}
.mobile-hero .hero-composed:not(.hero-static) .hero-lockup{width:min(64vw,250px);aspect-ratio:auto;padding:0;justify-self:center}
.mobile-hero .hero-composed:not(.hero-static) .hero-photograph{width:80%;max-width:330px;height:25svh;justify-self:center;align-self:center}
}