@font-face{font-family:Anton;src:url('/assets/anton.ttf') format('truetype');font-display:swap}@font-face{font-family:'Noto Sans Buginese';src:url('/assets/noto-sans-buginese.ttf') format('truetype');font-display:swap}
.contact-page,.contact-page input,.contact-page textarea,.contact-page select{text-align:center}.contact-page .submit{justify-self:center}.gallery.prints-page{padding-top:85px}
:root{--ink:#181a17;--muted:#767870;--line:#deded8;--paper:#fff;--sidebar:330px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans Buginese',sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6e775b;outline-offset:5px}.skip{position:fixed;top:-80px;left:15px;padding:12px;background:#fff;z-index:20}.skip:focus{top:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;z-index:5;display:flex;align-items:center;padding:70px 0 70px 78px}.sidebar-inner{width:190px}.brand{font-family:Anton,sans-serif;font-size:35px;line-height:1.1;letter-spacing:.02em;display:block}.brand:hover{text-decoration:none}.artist-name{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:10px}.sidebar nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:35px 0 30px}.sidebar nav a{font-size:14px}.sidebar nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.sidebar nav a:nth-child(5){margin-top:15px}.outline-link{border:1px solid var(--ink);padding:12px 15px;font-size:12px;display:inline-flex;gap:16px}.outline-link:hover{background:var(--ink);color:white;text-decoration:none}.mobile-header{display:none}main{min-height:100svh;margin-left:var(--sidebar)}.home{height:100svh;position:relative;overflow:hidden;background:#e4e2d9}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-caption{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;color:#fff;text-shadow:0 1px 12px #0009;font-size:12px}.hero-caption a{border-bottom:1px solid #fff;padding-bottom:4px}.page-header{padding:85px 30px 55px;text-align:center}.page-header h1{font-size:17px;font-weight:400;margin:0 0 14px}.page-header p{color:var(--muted);max-width:520px;margin:0 auto;font-size:12px}.gallery{max-width:820px;margin:0 auto;padding:0 55px 75px}.filters{display:flex;justify-content:center;gap:18px;margin:0 0 42px;align-items:center;font-size:12px}.filters button{padding:2px 0;border:0;background:none;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.work{margin:0 0 80px}.art-button{display:block;background:#f5f5f1;width:100%;padding:0;border:0;position:relative}.art-button img{width:100%;max-height:820px;object-fit:contain;display:block}.art-button::after{content:'↗';position:absolute;bottom:15px;right:15px;width:32px;height:32px;background:#fff;display:grid;place-items:center;opacity:0;transition:opacity .2s}.art-button:hover::after{opacity:1}.work-caption{margin-top:20px;text-align:center}.work h2{font-size:14px;font-weight:400;margin:0 0 6px}.work p{margin:3px 0;color:var(--muted);font-size:12px}.work-caption a{display:inline-block;border-bottom:1px solid var(--line);font-size:12px;margin-top:12px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.print-grid .work{margin-bottom:20px}.print-grid .art-button{aspect-ratio:4/5;padding:20px}.print-grid img{height:100%;object-fit:contain}.text-page{max-width:690px;margin:0 auto;padding:0 50px 90px}.text-page p{margin:0 0 24px;line-height:1.9}.portrait{display:block;width:100%;max-height:560px;object-fit:cover;margin-bottom:35px}.text-page h2{font-family:Anton,sans-serif;font-size:30px;font-weight:400;margin:25px 0 20px}.contact-intro{text-align:center;margin-bottom:35px}.contact-intro a{text-decoration:underline;text-underline-offset:4px}.contact-form{max-width:510px;margin:35px auto 0;display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-size:12px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #d1d2cd;border-radius:0;background:#fff;padding:12px;width:100%}.contact-form textarea{resize:vertical;min-height:140px}.submit{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:13px 22px;justify-self:start}.submit:hover{background:#4b5044}.form-note{font-size:11px!important;color:var(--muted);margin:0!important}.footer{padding:35px 25px;text-align:center;color:var(--muted);font-size:10px}.footer a{margin-left:14px}.empty-state{border:1px solid var(--line);text-align:center;padding:60px 25px;margin-bottom:30px}.empty-state h2{font-size:18px;font-weight:400}.empty-state p{max-width:400px;margin:20px auto;font-size:13px;color:var(--muted)}dialog{width:min(950px,94vw);max-height:94svh;padding:50px 35px 25px;border:0;background:#fff}dialog::backdrop{background:#000b}dialog img{width:100%;height:65svh;object-fit:contain}.close-dialog{position:absolute;top:8px;right:15px;border:0;background:none;font-size:32px;font-weight:300}.lightbox-caption{text-align:center;margin-top:15px}.lightbox-caption h2{font-size:14px;font-weight:400;margin:0}.lightbox-caption p{font-size:12px;color:var(--muted);margin:5px}.preview-label{font-size:11px;color:var(--muted)}
@media(min-width:1500px){:root{--sidebar:360px}.sidebar{padding-left:95px}.gallery{max-width:930px}}@media(max-width:1000px){:root{--sidebar:260px}.sidebar{padding-left:45px}.brand{font-size:32px}.gallery{padding-left:30px;padding-right:30px}.text-page{padding-left:30px;padding-right:30px}}@media(max-width:700px){.mobile-header{display:flex;position:relative;height:80px;justify-content:center;align-items:center;background:#fff;z-index:8}.mobile-header .brand{font-size:27px}#menu-toggle{position:absolute;left:22px;background:none;border:0;width:30px;height:30px;padding:5px}#menu-toggle span{height:1px;background:var(--ink);display:block;margin:6px 0}.sidebar{display:none;top:80px;width:100%;padding:35px;align-items:flex-start;bottom:0;overflow:auto}.sidebar.open{display:flex}.sidebar .brand,.sidebar .artist-name{display:none}.sidebar nav{margin-top:5px;gap:18px}.sidebar nav a{font-size:18px}main{margin:0}.home{height:calc(100svh - 80px)}.hero-caption{bottom:23px;left:22px;right:22px;font-size:11px}.page-header{padding:50px 24px 35px}.gallery{padding:0 24px 35px}.work{margin-bottom:55px}.text-page{padding:0 24px 50px}.print-grid{gap:25px 18px}.print-grid .art-button{padding:10px}.filters{margin-bottom:30px}.footer{font-size:10px}.contact-form{margin-top:25px}dialog{padding:45px 15px 20px}dialog img{height:60svh}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
