/* A gallery composed for a hand-held screen. */
@media(max-width:767px){
 :root{--gutter:20px;--header-height:92px}
 html{scroll-padding-top:calc(var(--header-height) + 20px)}
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .site-header{position:sticky;top:0;z-index:10;flex-wrap:nowrap;align-items:center;gap:16px;background:var(--paper);padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 14px}
 .logo-image{width:112px}.artist-signature{gap:6px}.artist-name{font-size:12px;margin:0}
 .wordmark{min-height:38px;display:flex;align-items:center}
 .site-header.has-menu .menu-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px;min-width:88px;min-height:48px;padding:8px 0 8px 12px;border:0;background:transparent;font-size:15px}
 .menu-toggle svg{width:22px;height:22px}.menu-cross{display:none}.menu-open .menu-line{display:none}.menu-open .menu-cross{display:block}
 .site-header.has-menu nav{position:fixed;inset:0;width:auto;height:100dvh;background:var(--ink);color:var(--paper);padding:calc(var(--header-height) + 32px) max(24px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;overflow:auto;overscroll-behavior:contain}
 .site-header.has-menu nav[hidden]{display:none}
 .site-header.has-menu nav a{font:clamp(48px,14vw,72px)/1.1 var(--display);padding:12px 0;min-height:76px;display:flex;align-items:center;justify-content:space-between;text-decoration-thickness:1px;text-underline-offset:8px}
 .site-header.has-menu nav svg{width:32px;height:32px}
 .site-header.menu-open{background:var(--ink);color:var(--paper)}
 .menu-open .artist-signature,.menu-open .menu-toggle{position:relative;z-index:2}
 .menu-open .artist-name{color:var(--paper)}
 .site-header.menu-open.has-menu .menu-toggle:not([hidden]){min-width:48px;width:48px;height:48px;padding:10px;background:transparent;color:var(--paper);border:1px solid var(--paper);border-radius:50%}
 .menu-open .menu-toggle span{display:none}.menu-open .menu-toggle svg{width:28px;height:28px}
 .site-header.has-menu nav{z-index:1}
 body.navigation-open{overflow:hidden}
 .hero{padding-top:12px}.hero-works{grid-template-columns:1fr;gap:40px}
 .hero-works .artwork:first-child{grid-column:auto}
 .hero-works .art-link img{aspect-ratio:auto}
 .hero-works .artwork:not(:first-child) figcaption,figcaption{font-size:26px;line-height:1.15;padding-top:12px;gap:8px}
 .artwork figcaption span{display:none}
 .hero-caption{padding-top:28px;display:block;font-size:15px;line-height:1.5}.hero-caption p:last-child{font-size:14px;margin-top:4px}
 .work-section{padding-top:64px;padding-bottom:64px}
 .section-intro{display:block;margin-bottom:32px}.section-intro h2{font-size:48px}.section-intro p{margin-top:16px;max-width:29ch;line-height:1.5}.section-intro p br{display:none}
 .work-grid{display:flex;flex-direction:column;gap:40px}.work-grid .artwork:nth-child(n){width:100%;margin:0!important}
 .view-mark{opacity:1;transform:none;width:44px;height:44px;right:12px;bottom:12px}.view-mark svg{width:20px;height:20px}
 .art-link:hover img{transform:none}.art-link:active{opacity:.9}
 .contact-section{padding-top:36px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.contact-top{display:block}.contact-top h2{font-size:48px}.contact-copy{margin-top:24px}.email{font-size:clamp(22px,6vw,34px);min-height:48px;gap:12px;overflow-wrap:anywhere}.email svg{width:20px;height:20px}
 footer{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:48px;font-size:14px}.footer-brand{gap:16px}.footer-logo{width:100%;max-width:480px}footer>a{align-self:flex-end;min-height:48px;gap:8px}
 .about-intro{display:flex;flex-direction:column;gap:0;padding-top:28px}
 .about-story{display:contents}.about-story h1{order:0;font-size:clamp(52px,12vw,76px);max-width:none;line-height:1.03;margin-bottom:20px}
 .about-story .about-lead{order:1;font-size:clamp(28px,7vw,38px);line-height:1.2;margin:0 0 28px;max-width:24ch}
 .about-intro .about-art{order:2;width:100%;margin:0 0 28px}.about-art figcaption{font-size:22px}
 .about-story p{order:3;font-size:17px;line-height:1.6;margin:0 0 20px;max-width:58ch}
 .about-process{display:flex;flex-direction:column;gap:28px;padding-top:44px;padding-bottom:56px}.about-process h2{font-size:44px}.process-copy p{font-size:17px;line-height:1.6}.back-to-work{min-height:48px;margin-top:16px}
 .viewer{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 .viewer[open]{gap:12px}.viewer-bar{gap:12px;align-items:flex-start}.viewer-bar>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:8px 0}.viewer-bar p:first-child{font-size:28px;line-height:1.05}.viewer-bar #viewer-count{font-size:13px;white-space:nowrap}
 .viewer .close-viewer{flex-shrink:0;min-height:48px;font-size:14px;padding:8px}
 .viewer-stage{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 52px;gap:12px}.viewer-image{grid-column:1/-1;grid-row:1}.viewer .viewer-prev,.viewer .viewer-next{grid-row:2;min-width:64px;min-height:52px;background:#4e3530}.viewer-prev{grid-column:1;justify-self:end}.viewer-next{grid-column:2;justify-self:start}.viewer-bottom{font-size:13px;line-height:1.4}.viewer-bottom span{display:none}
}
@media(max-width:767px) and (max-height:500px){.site-header.has-menu nav{padding-top:calc(var(--header-height) + 8px);justify-content:flex-start;gap:0}.site-header.has-menu nav a{font-size:32px;min-height:56px;padding:6px 0}.viewer-bottom{display:none}.viewer-bar>div{flex-direction:row;align-items:center}.viewer-stage{grid-template-columns:52px minmax(0,1fr) 52px;grid-template-rows:minmax(0,1fr)}.viewer-image{grid-row:1;grid-column:2}.viewer .viewer-prev{grid-column:1;grid-row:1;min-width:52px}.viewer .viewer-next{grid-column:3;grid-row:1;min-width:52px}}
@keyframes menu-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.site-header.has-menu nav{animation:none}}