/* Supplied horizontal identity + calm, consistently aligned navigation. */
.header{height:106px;background:var(--cream);color:var(--ink);gap:32px}
.identity.personal-logo{display:block;flex:0 0 auto;width:250px}
.personal-logo img{display:block;width:100%;height:auto}
.header>nav{align-items:center;margin-left:auto;margin-right:40px;gap:34px}
.header nav a,.header-contact,.footer-top nav a{text-transform:lowercase}
.header nav a{font-size:12px;line-height:1.5;letter-spacing:.04em}
.footer-top nav{flex-wrap:wrap}
body[data-page=home] .hero{display:grid;grid-template-columns:1.12fr 1fr;height:auto;min-height:530px;background:var(--cream);align-items:center}
body[data-page=home] .hero-copy{position:relative;width:auto;padding:64px 3vw 70px 6vw}
body[data-page=home] .hero h1{font-size:clamp(37px,4.1vw,62px)}
.hero-identity{grid-column:2;grid-row:1;padding:40px 5vw 40px 1vw;min-width:0;display:flex;flex-direction:column;align-items:center}
.logo-motion{position:relative;width:100%;aspect-ratio:450/360;overflow:hidden;mix-blend-mode:multiply}
.logo-motion video{position:absolute;display:block;width:113.7778%;max-width:none;height:auto;left:-8.8889%;top:0;background:white}
.logo-motion-toggle{font:10px Poppins,sans-serif;color:var(--muted);background:none;border:0;border-bottom:1px solid var(--line);padding:6px 0;cursor:pointer;letter-spacing:.04em}
.logo-motion-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:1100px){.identity.personal-logo{width:220px}.header>nav{margin-right:10px;gap:25px}.header{gap:24px}}
@media(max-width:700px){.header{height:auto;min-height:124px;padding:18px 6vw 12px;gap:12px;flex-wrap:wrap}.identity.personal-logo{width:210px}.header>nav{display:flex;justify-content:flex-start;gap:30px;width:100%;margin:0}.header nav a:first-child{display:block}.header nav a{font-size:12px;padding:6px 0}.header-contact{display:none}body[data-page=home] .hero{display:flex;flex-direction:column;min-height:0}body[data-page=home] .hero-copy{width:100%;padding:34px 6vw 22px;order:1}body[data-page=home] .hero h1{font-size:clamp(35px,8.5vw,54px)}.hero-identity{order:2;width:100%;padding:0 14vw 28px}.logo-motion{max-width:360px}.logo-motion-toggle{font-size:9px}.footer-top nav{gap:18px}}

.footer-top:has(.footer-wordmark) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}
.footer-name.footer-wordmark {
  display: block;
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  width: clamp(130px, 19vw, 220px);
  max-width: 100%;
}
.footer-wordmark img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .footer-top:has(.footer-wordmark) {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .footer-top:has(.footer-wordmark) nav {
    width: auto;
    gap: clamp(10px, 3vw, 18px);
  }
  .footer-name.footer-wordmark {
    grid-column: 2;
  }
  .footer-top:has(.footer-wordmark) > p {
    grid-column: 1 / -1;
    margin: 0;
  }
}