:root{--page:#f4f1ea;--ink:#14140f;--teal:#0098a8;--muted:#6f6a5c;--rule:#d9d4c7;--card:#fbfaf7}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:'Archivo',sans-serif;line-height:1.5}
a{color:var(--teal)}
.wrap{max-width:960px;margin:0 auto;padding:24px 16px 64px}
header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:24px}
header.top>*{min-width:0}
header.top .brand{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:.02em}
header.top .brand span{color:var(--teal)}
header.top .crumb{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
h1{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:32px;margin:0 0 4px}
.kicker{font-family:'Chakra Petch',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin:0 0 8px}
.blurb{color:var(--muted);margin:0 0 24px;max-width:60ch}
.product{display:grid;grid-template-columns:1fr;gap:24px;min-width:0}
.product>*{min-width:0}
@media(min-width:720px){.product{grid-template-columns:3fr 2fr;align-items:start}}
.art{background:var(--card);padding:16px;border:1px solid var(--rule);min-width:0;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto}
.art img{display:block;max-width:100%;width:auto;height:auto;border:1px solid var(--rule)}
.frame-note{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}
table.prices{width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 16px}
table.prices th{font-family:'Chakra Petch',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);text-align:left;padding:8px 0;border-bottom:1px solid var(--ink)}
table.prices td{padding:12px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
table.prices td.price{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:20px;white-space:nowrap}
.btn{display:inline-block;max-width:100%;box-sizing:border-box;background:var(--ink);color:#fbfaf7;text-decoration:none;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:14px;padding:10px 12px;border-radius:4px;white-space:normal;text-align:center}
.btn:hover{background:var(--teal)}
.delivery{font-size:14px;color:var(--muted)}
.delivery strong{color:var(--ink)}
nav.pn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:32px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px}
nav.pn>*{min-width:0;overflow-wrap:anywhere}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 16px;align-items:end}
.grid>*{min-width:0}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--rule);padding:12px;text-decoration:none;color:var(--ink)}
.card.portrait{width:90%;justify-self:center}
@media(min-width:720px){.card.portrait{width:74%}}
.card img{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.card .n{font-family:'Chakra Petch',sans-serif;font-size:12px;color:var(--teal);letter-spacing:.14em;margin-top:10px}
.card .t{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:16px}
.card .p{font-size:13px;color:var(--muted)}
footer{margin-top:48px;font-size:13px;color:var(--muted);text-align:center}
