:root{--black:#000;--panel:#000;--line:#2a2620;--gold:#c9a55a;--gold-soft:#8f7642;--white:#f2efe8;--grey:#8a857c;--ink:#0d0d0d;--display:var(--font-display), "Didot", "Bodoni 72", Georgia, serif;--body:var(--font-body), "Futura", "Avenir Next", system-ui, sans-serif;--header:20vh;--side:220px;--mark-h:clamp(60px, 9vh, 96px);--clarin-w:clamp(150px, 24vw, 264px);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}:root[data-theme=dark],:root[data-theme=light]{--black:#000}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}*,:before,:after{box-sizing:inherit}body{background:var(--black);height:100%;color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:300;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:1px solid var(--gold);outline-offset:3px}::selection{background:var(--gold);color:var(--black)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--gold);color:var(--black);padding:10px 16px;font-size:14px;text-decoration:none;transition:transform .2s;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app{grid-template-rows:var(--header) 1fr;grid-template-columns:var(--side) 1fr;height:100%;display:grid}.site-header{border-bottom:1px solid var(--line);background:var(--black);z-index:5;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,56px);display:grid;position:relative}.logo{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.35em;padding:0;text-decoration:none;display:flex}.logo-mark{text-align:right;justify-self:end;align-items:flex-end}.logo-clarin{justify-self:start;align-items:flex-start}.logo img{width:auto;height:auto;display:block}.logo-mark img{height:var(--mark-h)}.logo-clarin img{width:var(--clarin-w);max-width:100%}.logo .sub{letter-spacing:.32em;color:var(--grey);padding-right:.1em;font-size:11px}.divider{background:linear-gradient(var(--black), var(--gold-soft), var(--black));width:1px;height:42%;margin:0 clamp(18px,4vw,64px)}.lang{border:1px solid var(--line);z-index:6;display:flex;position:absolute;top:14px;right:clamp(12px,2vw,24px)}.lang a{letter-spacing:.12em;color:var(--grey);padding:6px 10px;font-size:12px;text-decoration:none;transition:color .2s,background .2s}.lang a:hover{color:var(--white)}.lang a[aria-current=true]{color:var(--black);background:var(--gold)}.menu-toggle{border:1px solid var(--line);letter-spacing:.12em;color:var(--white);cursor:pointer;z-index:6;background:0 0;padding:6px 10px;font-size:12px;display:none;position:absolute;top:14px;left:12px}.sidenav{border-right:1px solid var(--line);background:var(--black);z-index:4;padding:32px 0 24px;overflow-y:auto}.sidenav ul{margin:0;padding:0;list-style:none}.sidenav a,.sidenav .nav-btn{text-align:left;width:100%;color:var(--white);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;padding:11px 28px;font-size:15px;text-decoration:none;transition:color .2s,border-color .2s;display:block}.sidenav a:hover,.sidenav .nav-btn:hover{color:var(--gold)}.sidenav a[aria-current=page]{color:var(--gold);border-left-color:var(--gold)}.sidenav .sub-list a{font-family:var(--display);color:var(--grey);padding:8px 28px 8px 46px;font-size:17px;font-style:italic}.sidenav .sub-list a:hover,.sidenav .sub-list a[aria-current=page]{color:var(--gold)}.sidenav .sub-list{display:none}.sidenav .open+.sub-list{display:block}.nav-btn:after{content:"+";float:right;color:var(--gold-soft)}.nav-btn.open:after{content:"–"}.nav-foot{color:var(--grey);margin-top:40px;padding:0 28px;font-size:12px;line-height:1.6}.nav-backdrop{display:none}.main{position:relative;overflow:hidden auto}.view{padding:clamp(20px,3vw,44px)}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.view-head h1{font-family:var(--display);color:var(--white);margin:0;font-size:clamp(26px,3vw,40px);font-weight:400}.view-head p{color:var(--grey);margin:0;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(20px,2.4vw,36px) clamp(16px,2vw,28px);display:grid}.work{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;padding:0;text-decoration:none;display:flex}.work .frame{aspect-ratio:var(--ratio,4 / 5);background:var(--ink);flex:none;display:flex;overflow:hidden}.work .meta{flex-direction:column;margin-top:auto;padding-top:12px;display:flex}.work img{object-fit:cover;width:100%;height:100%;transition:transform .6s,opacity .3s;display:block}.work:hover img{transform:scale(1.03)}.work .title{font-family:var(--display);color:var(--white);font-size:19px;font-style:italic;display:block}.work .artist{color:var(--gold);letter-spacing:.06em;margin-top:2px;font-size:13px;display:block}.detail{align-items:center;min-height:100%;display:flex;position:relative}.detail-bg{opacity:.32;filter:saturate(.55)brightness(1.45)blur(1px);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.detail-bg:after{content:"";background:#ffffff1a;position:absolute;inset:0}.detail-veil{background:radial-gradient(#00000040,#000000bf);position:absolute;inset:0}.detail-inner{grid-template-columns:minmax(260px,1fr) minmax(280px,1.4fr);align-items:center;gap:clamp(24px,4vw,64px);width:100%;padding:clamp(24px,4vw,64px);display:grid;position:relative}.buy{border:1px solid var(--gold-soft);background:#000000d1;padding:clamp(22px,3vw,40px)}.buy h2{font-family:var(--display);color:var(--gold);margin:0 0 10px;font-size:clamp(28px,3vw,42px);font-style:italic;font-weight:400;line-height:1.05}.buy p{color:var(--white);max-width:38ch;margin:0 0 22px;font-size:15px;line-height:1.6}.buy label{color:var(--grey);letter-spacing:.04em;margin-bottom:8px;font-size:13px;display:block}.buy input{border:0;border-bottom:1px solid var(--gold-soft);width:100%;color:var(--white);background:0 0;padding:10px 0;font-size:17px}.buy input::placeholder{color:#55524c}.buy input:focus{border-bottom-color:var(--gold)}.buy input:focus:not(:focus-visible){outline:none}.buy button{background:var(--gold);color:#000;letter-spacing:.04em;cursor:pointer;border:0;margin-top:22px;padding:13px 26px;font-size:15px;font-weight:500;transition:background .2s,opacity .2s}.buy button:hover{background:#d8b66b}.buy button[disabled]{opacity:.6;cursor:default}.buy .msg{min-height:1.4em;margin-top:16px;font-size:14px}.buy .msg.ok{color:var(--gold)}.buy .msg.err{color:#e08a7a}.buy .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.buy .buy-direct{color:var(--grey);margin:18px 0 0;font-size:13px}.buy .buy-direct a{color:var(--gold);border-bottom:1px solid var(--gold-soft);text-decoration:none;transition:border-color .2s}.buy .buy-direct a:hover{border-bottom-color:var(--gold)}.back{color:var(--grey);cursor:pointer;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.back:hover{color:var(--white)}.piece{flex-direction:column;align-items:center;margin:0;display:flex}.piece img{outline:1px solid var(--gold-soft);border:10px solid #0a0a0a;max-width:100%;max-height:56vh;box-shadow:0 30px 80px #000c}.piece-meta{text-align:center;margin-top:20px}.piece-meta h1{font-family:var(--display);color:var(--white);margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:400}.piece-meta .by{color:var(--gold);letter-spacing:.05em;margin-top:6px;font-size:15px}.piece-meta .size{color:var(--white);opacity:.85;margin-top:10px;font-size:14px}.prose{max-width:62ch}.prose p{color:var(--white);opacity:.9;font-size:16px;line-height:1.75}.prose p+p{margin-top:1.2em}.prose a{color:var(--gold);border-bottom:1px solid var(--gold-soft);text-decoration:none;transition:border-color .2s}.prose a:hover{border-bottom-color:var(--gold)}.artist-intro{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:end;gap:28px;margin-bottom:36px;padding-bottom:28px;display:grid}.artist-intro .initial{font-family:var(--display);color:var(--gold);font-size:clamp(70px,9vw,120px);font-style:italic;line-height:.8}.artist-intro h1{font-family:var(--display);margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:400}.artist-intro p{color:var(--grey);max-width:60ch;margin:6px 0 0;line-height:1.6}@media (prefers-reduced-motion:no-preference){.view-head,.artist-intro,.prose>*{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.grid .work{animation:.55s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}@media (width<=820px){:root{--side:0px;--header:max(20vh, 108px);--mark-h:clamp(52px, 8.5vh, 72px);--clarin-w:clamp(128px, 30vw, 200px)}.app{grid-template-columns:1fr}.site-header{padding:52px 12px 0}.divider{margin:0 12px}.logo .sub{display:none}.menu-toggle{display:block}.sidenav{top:calc(var(--header) + env(safe-area-inset-top,0px));width:min(78vw,280px);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidenav.show{transform:none}.nav-backdrop:not([hidden]){inset:var(--header) 0 0 0;opacity:0;z-index:3;background:#00000073;transition:opacity .25s;display:block;position:fixed}.nav-backdrop.show{opacity:1}html.menu-open .main{overflow:hidden}.main{grid-column:1}.detail-inner{grid-template-columns:1fr}.detail-inner .buy-col{order:2}.piece img{max-height:44vh}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.work .title{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}