@media(max-width:820px){
 html,body{background:var(--paper)}
 #home{min-height:100svh;display:flex;flex-direction:column;padding:clamp(80px,14svh,140px) 0 48px}
 .site-header{display:block;width:100%}
 .mobile-identity{display:flex;justify-content:center;padding:0 24px 44px;background:var(--paper)}
 .mobile-identity h1{width:156px;max-width:44vw;margin:0;font:inherit;line-height:1}
 .room .identity{display:none}
 .room-viewport{height:auto;min-height:0;aspect-ratio:3/2;width:100%;overflow:visible;background:var(--paper)}
 .room{overflow:visible}
 /* Like a printed program: a small condensed heading, readable serif entries,
    and one pair of rules. No filled controls or decoration over the photograph. */
 .menu-toggle{top:max(18px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));min-height:44px;padding:10px 0;gap:12px;background:transparent;border:0;border-radius:0;color:var(--ink);box-shadow:none;font:600 17px/1 var(--display);letter-spacing:.09em;text-transform:uppercase}
 .menu-toggle[aria-expanded=true] .menu-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
 .menu-toggle .menu-icon{display:block}
 .site-menu{position:static;width:auto;max-height:none;margin:0 24px 32px;padding:10px 0 0;border:0;border-top:1px solid #929588;border-bottom:1px solid #929588;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
 .site-menu button,.site-menu a{min-height:48px;padding:11px 0;font:19px/1.4 Georgia,'Times New Roman',serif}
 .site-menu button:hover,.site-menu a:hover{background:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
 .mobile-menu-settings{display:block;border-top:1px solid #d1c9b9;margin-top:12px}
 .site-menu .mobile-menu-settings button{min-height:48px;font:13px/1.5 Arial,Helvetica,sans-serif;color:#576256}
 .room-footer,.object-label{display:none}
 dialog{position:fixed;inset:0;width:100%;max-width:none;height:100svh;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;overflow-y:auto}
 .dialog-bar{gap:10px;padding:max(8px,env(safe-area-inset-top)) 18px 8px}
 .dialog-bar>span{display:none}.dialog-bar button:first-child{font-size:15px;text-align:left}.dialog-bar button:last-child{flex:0 0 44px}
 .page{width:100%;max-width:680px;min-height:0;margin:0 auto;padding:30px 24px max(44px,env(safe-area-inset-bottom))}
 .page h2{font-size:clamp(30px,8.5vw,42px)}.page p{font-size:16px;line-height:1.7}.page .page-subtitle{font-size:17px;line-height:1.5}.page .eyebrow{font-size:11px;margin-bottom:24px}
 .bio-layout{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 20px}.bio-layout>div{display:contents}.bio-portrait{grid-column:1;grid-row:1 / span 2;width:104px;margin:0 0 12px}.bio-layout h2{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:clamp(28px,7.7vw,36px)}.bio-layout .page-subtitle{grid-column:2;grid-row:2;align-self:start;margin:8px 0 0;font-size:15px;line-height:1.4}.bio-layout>div>p:not(.page-subtitle),.bio-layout .text-link{grid-column:1 / -1}.bio-layout>div>p:not(.page-subtitle){margin:14px 0 0}.bio-layout .text-link{justify-self:start;margin-top:18px}.text-link{font-size:19px}
}
@media(max-width:820px) and (max-height:540px){#home{padding-top:16px}.mobile-identity{justify-content:flex-start;padding:0 24px 20px}.mobile-identity h1{width:88px}.room-viewport{width:min(100%,680px);align-self:center}}