/* Responsive navigation, including the Blog. */
.menu-arrow-icon{display:block;width:26px;height:26px;flex:none}.mobile-menu-links>a>span{display:flex;align-items:center}
.menu-toggle,.mobile-menu-panel{display:none}
@media(max-width:900px){
body>header{position:relative;z-index:60}
body>header>nav{height:78px}
body>header .navlinks,body>header>nav>.button{display:none}
.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;background:transparent;border:0;color:var(--ink);position:relative;z-index:2}
.menu-toggle span{display:block;width:26px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-menu-panel:not([hidden]){display:block;position:fixed;inset:78px 0 0;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;padding:32px 5% max(32px,env(safe-area-inset-bottom));z-index:1}
.mobile-menu-panel .eyebrow{color:#73736a;margin:0 0 20px}
.mobile-menu-links{display:flex;flex-direction:column}
.mobile-menu-links>a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);font-size:clamp(24px,7.4vw,32px);line-height:1.2;font-weight:700;letter-spacing:-.8px}
.mobile-menu-links>a>span{font-weight:400;color:var(--purple);font-size:30px}
.mobile-menu-panel .button{display:flex;width:100%;justify-content:space-between;margin-top:38px;padding:18px 22px;font-size:15px}
.mobile-menu-contact{margin-top:36px;padding-bottom:12px}
.mobile-menu-contact p{font-size:14px;color:#73736a;margin:0 0 10px}
.mobile-menu-contact>a{color:var(--purple);font:italic 25px Georgia,serif}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}

@media(max-width:900px){body>header>nav>.nav-contact{display:none}.mobile-menu-panel .button{background:var(--ink);color:white;border-radius:40px}.mobile-menu-links>a[aria-current]{color:var(--purple)}}

/* Match the homepage's full logo crop, including the lower purple ribbon. */
body>header .logo{height:auto;aspect-ratio:4.0;line-height:1;overflow:hidden}
body>header .logo img{display:block;position:absolute;width:132%;max-width:none;height:auto;left:-16.4%;top:-58%;pointer-events:none}