:root{--ink:#0b0b0a;--paper:#f0eee8;--line:rgba(255,255,255,.2);--muted:#aaa9a4}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;background:var(--ink);color:#f6f4ee;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
.skip{position:fixed;top:-5rem;left:1rem;background:#fff;color:#000;padding:.75rem 1rem;z-index:10}.skip:focus{top:1rem}
header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line)}
.wordmark{display:flex;flex-direction:column;width:max-content;font-weight:700;font-size:.72rem;line-height:.92;letter-spacing:.11em}.wordmark span:last-child{font-weight:400;letter-spacing:.24em}
.back{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid transparent}.back:hover,.back:focus-visible{border-color:currentColor}
main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr);min-height:calc(100svh - 82px)}
figure{margin:0;background:#171716;display:grid;place-items:center;padding:clamp(2rem,5vw,6rem)}
figure img{display:block;width:100%;max-height:74svh;object-fit:contain}
.details{padding:clamp(4rem,7vw,7rem) clamp(2rem,5vw,6rem);align-self:center}
.eyebrow{margin:0 0 1.3rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.5rem,6vw,6.5rem);line-height:.88;letter-spacing:-.045em;margin:0}
.description{font-family:Georgia,serif;color:#cac9c3;font-size:1.08rem;line-height:1.7;max-width:48ch;margin:2.5rem 0}
.print-note{display:grid;gap:.35rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0;margin-bottom:2rem}.print-note strong{font-family:Georgia,serif;font-weight:400}.print-note span{color:var(--muted);font-size:.82rem;max-width:54ch}
.sizes{border-top:1px solid var(--line)}
.size-row{display:grid;grid-template-columns:minmax(180px,1fr) auto 160px;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}
.size-row div{display:grid}.size-row strong{font-weight:400}.size-row div span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.size-row>a{text-align:center;background:var(--paper);color:#111;padding:.8rem .9rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.size-row>a:hover,.size-row>a:focus-visible{background:#fff}
.fine-print{font-size:.7rem;color:#888780;line-height:1.6;margin:1.25rem 0 0}
.work-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-nav a{padding:3rem 4vw;font-family:Georgia,serif;font-size:1.4rem}.work-nav a:last-child{text-align:right;border-left:1px solid var(--line)}.work-nav span{display:block;color:var(--muted);font-family:Arial,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.5rem}
footer{padding:3rem 3vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}footer p{margin:0}footer p:last-child{text-align:right}
@media(max-width:900px){header{height:70px;padding:0 1.2rem}main{grid-template-columns:1fr}figure{padding:2rem 1.2rem;min-height:48svh}.details{padding:4rem 1.3rem}.size-row{grid-template-columns:1fr auto}.size-row>a{grid-column:1/-1}.work-nav a{padding:2rem 1.3rem;font-size:1.1rem}footer{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 1.3rem}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
