@media(max-width:1023px){:root{--page-gutter:32px}.note-grid{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.menu-trigger{position:absolute;right:clamp(20px,4vw,32px);top:50%;display:block;transform:translateY(-50%)}}
@media(max-width:767px){:root{--page-gutter:max(20px,5vw);--section-space:72px;--header-height:64px}.header-inner{padding-inline:20px}.site-logo{font-size:11px}.hero-media img{object-position:62% center}.hero-content{padding-inline:20px;padding-bottom:max(40px,calc(24px + env(safe-area-inset-bottom)))}.hero h1{max-width:8ch;font-size:clamp(38px,13vw,58px)}.portal{aspect-ratio:4/5}.portal--photo .portal-content{right:auto;left:20px;text-align:left}.portal-view{display:none}.works-grid{display:block}.work{margin:0 0 28px!important;aspect-ratio:auto!important}.work img{aspect-ratio:4/3}.work:nth-child(1) img,.work:nth-child(4) img{aspect-ratio:4/5}.work-info{position:static;padding:10px 0 0;color:var(--color-text);background:none;opacity:1;transform:none}.work-meta{color:var(--color-text-sub)}.note-grid{grid-template-columns:1fr;gap:40px}.footer-main,.footer-bottom,.modal-intro{display:block}.footer-links{margin-top:48px}.footer-bottom>*+*{margin-top:8px}.modal-content{padding-top:48px}.modal-intro{margin-bottom:40px}.modal-categories{margin-top:24px}.modal-grid{grid-template-columns:1fr}.modal-grid figure:nth-child(3n){grid-column:auto}}
@media(max-width:359px){:root{--page-gutter:16px}.header-inner{padding-inline:16px}.hero-content{padding-inline:16px}.site-logo{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}