/* Shared by every artwork page. The home page keeps its own inline styles. */
:root{--bg:#0B0B0C;--ink:#F0EDE6;--body:#B6B1A6;--muted:#8A8578;
 --cream:#B79A5B;--rule:#232320;--panel:#131314;--pad:clamp(20px,5vw,80px);color-scheme:dark}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;
 font-weight:300;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--cream);color:#0B0B0C}
:focus-visible{outline:1px solid var(--cream);outline-offset:3px}
.wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.caps{font-size:10px;letter-spacing:.26em;text-transform:uppercase}
.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;letter-spacing:-.015em}
header{border-bottom:1px solid var(--rule)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:20px}
header a{text-decoration:none;color:var(--muted);transition:color .3s}
header a:hover,header a.home{color:var(--ink)}
nav{display:none;gap:30px}@media(min-width:760px){nav{display:flex}}
.crumb{padding-block:clamp(26px,4vh,46px) 0;color:var(--muted)}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--cream)}
main{display:grid;gap:clamp(30px,5vw,72px);padding-block:clamp(26px,4vh,46px) clamp(60px,10vh,120px)}
@media(min-width:1000px){main{grid-template-columns:1.45fr 1fr;align-items:start}}
.plate{background:var(--panel);padding:clamp(14px,2vw,30px)}
.plate.dip{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.3vw,16px)}
.plate img{width:100%;height:auto}
@media(min-width:1000px){.info{position:sticky;top:34px}}
h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.04;margin:14px 0 18px}
.spec{border-top:1px solid var(--rule);margin-top:26px}
.spec div{display:flex;justify-content:space-between;gap:20px;
 border-bottom:1px solid var(--rule);padding:13px 0;font-size:14px}
.spec dt{color:var(--muted)}.spec dd{text-align:right;color:var(--body)}
.acc{color:var(--cream);font-size:13.5px;line-height:1.75;margin-top:24px}
.desc{color:var(--body);font-size:15px;line-height:1.9;margin-top:20px}
.desc+.desc{margin-top:14px}
.quote{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;
 font-size:clamp(1.15rem,2.3vw,1.6rem);line-height:1.4;margin-top:26px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{border:1px solid var(--rule);color:var(--ink);padding:14px 20px;text-decoration:none;
 font:400 10px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;transition:.3s}
.btn:hover{border-color:var(--cream);color:var(--cream)}
.btn.wa{border-color:rgba(183,154,91,.45);color:var(--cream)}
.btn.wa:hover{border-color:var(--cream)}
.room{border-top:1px solid var(--rule);padding-block:clamp(44px,7vh,88px)}
.room p{color:var(--muted);margin-bottom:26px}
.room img{width:100%;max-width:1000px;margin-inline:auto}
.pager{border-top:1px solid var(--rule);display:flex;justify-content:space-between;
 gap:20px;padding-block:30px}
.pager a{color:var(--muted);text-decoration:none;max-width:46%}
.pager a:hover{color:var(--ink)}
.pager span{display:block;margin-top:8px;font-family:"Cormorant Garamond",Georgia,serif;
 font-size:1.15rem;color:var(--ink);letter-spacing:0}
footer{border-top:1px solid var(--rule)}
footer .wrap{padding-block:40px;display:flex;flex-wrap:wrap;gap:16px 34px;justify-content:space-between}
footer a,footer p{color:var(--muted);font-size:13px;text-decoration:none}
footer a:hover{color:var(--ink)}