@font-face{font-family:'Poiret One';src:url('fonts/poiret-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--page:#fff;--ink:#1c1c1c;--font:'Poiret One',sans-serif;--title-color:#fff;--title-weight:700;--shade:.12;--art-width:82;--art-height:88;--title-size:110}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;}body{background:var(--page);color:var(--ink);font-family:var(--font);overflow:hidden;background-size:cover;background-position:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.site-header{height:72px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:3}.site-name{color:var(--ink);text-decoration:none;font-size:25px;font-weight:700;max-width:75%;overflow-wrap:anywhere}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:transparent;color:var(--ink);padding:9px}.menu-toggle span{display:block;width:27px;height:2px;background:currentColor}.art-stage{height:100vh;height:100dvh;padding:calc(72px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(34px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;min-height:0}.hero{margin:0;position:relative;flex:none;overflow:hidden;max-width:100%;max-height:100%;container-type:inline-size}.hero>img{display:block;width:100%;height:100%;object-fit:contain}.art-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--shade));pointer-events:none}.hero h1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:7%;color:var(--title-color);font-weight:var(--title-weight);font-size:calc(var(--title-size) * .1cqw);line-height:1.1;letter-spacing:.035em;overflow-wrap:anywhere;text-shadow:0 2px 14px #0004}.hero h1:empty{display:none}.site-menu{border:0;position:fixed;margin:0 0 0 auto;inset:0;width:min(450px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;padding:30px 44px;background:#fff;color:#1c1c1c}.site-menu::backdrop{background:#0003;backdrop-filter:blur(3px)}.menu-close{margin-left:auto;display:flex;align-items:center;gap:20px;border:0;background:none;font:14px Arial,sans-serif;padding:8px 0}.menu-close span{font-size:30px;font-weight:300}.site-menu nav{display:flex;flex-direction:column;gap:26px;padding:60px 0 40px}.site-menu nav a{font-family:var(--font);font-size:clamp(30px,6vw,46px);font-weight:400;line-height:1.2;text-decoration:none;color:inherit;overflow-wrap:anywhere}.site-menu nav a:hover{text-decoration:underline;text-underline-offset:8px}.content-page{overflow:auto;align-items:flex-start;display:block;padding-top:110px}.page-inner{max-width:1080px;margin:0 auto;padding:0 8px 50px}.page-title{font-size:clamp(34px,6vw,64px);font-weight:400;margin:20px 0 36px}.page-body{font-size:18px;line-height:1.75;max-width:740px;white-space:pre-wrap;overflow-wrap:anywhere}.page-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:28px 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:34px}.art-card{border:0;background:transparent;padding:0;text-align:left;color:inherit}.art-card img{width:100%;height:310px;object-fit:contain;background:#00000003}.art-card p{font-size:16px;line-height:1.4;margin:12px 0 0}.art-lightbox{border:0;background:#fff;padding:60px 24px 24px;width:94vw;max-width:1400px;max-height:96dvh}.art-lightbox::backdrop{background:#000b}.art-lightbox img{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}.art-lightbox p{font:16px system-ui;text-align:center}.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:none;padding:8px;font:16px system-ui}.empty-page{font:17px/1.6 system-ui;color:#626262}.preview-mode .site-header{pointer-events:auto}
@media(max-width:600px){.site-header{height:60px;padding:0 18px}.art-stage{padding:calc(62px + env(safe-area-inset-top,0px)) 18px max(24px,env(safe-area-inset-bottom,0px))}.content-page{padding-top:85px}.site-menu{padding:22px 30px}.gallery-grid{gap:24px}.art-card img{height:280px}}
@media(prefers-reduced-motion:no-preference){.hero>img{animation:appear .55s ease both}@keyframes appear{from{opacity:0}to{opacity:1}}}