/* Studio minimal theme (cream / brown / typewriter) — studio pages only */
@font-face{font-family:"Courier Prime";src:url(fonts/CourierPrime-Regular.ttf);font-display:swap}
@font-face{font-family:"Courier Prime";font-style:italic;src:url(fonts/CourierPrime-Italic.ttf);font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/EBGaramond-VariableFont_wght.ttf);font-weight:400 800;font-display:swap}
:root{--cream:#FCF4EA;--brown:#5A3A2E;--brown2:#8A6A5C;--rule:rgba(90,58,46,.55);
--paper:var(--cream);--ink:var(--brown);--taupe:var(--brown2);--stone:var(--brown2);--terra:var(--brown);--sand:#F3E8DA;--linen:#F6ECDF;
--serif:"EB Garamond",Georgia,serif;--sans:"Courier Prime","Courier New",monospace}
body{background:var(--cream);color:var(--brown);font:400 13px/1.7 var(--sans)}
.caps{font:400 11px/1.6 var(--sans);letter-spacing:.12em}
.muted{color:var(--brown2)}
h1,h2,h3,h4,.serif{font-family:var(--serif)!important;font-weight:400!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.08em;color:var(--brown)}
h1{font-size:clamp(26px,3vw,40px)!important;line-height:1.25!important}
h2{font-size:clamp(20px,2vw,26px)!important;line-height:1.3!important}
h3{font-size:16px!important}h4{font-size:14px!important}
em{font-style:normal}
.link,a.link{border-bottom:0;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.btn{border:1px solid var(--brown);color:var(--brown);font:400 12px var(--sans);letter-spacing:.06em;text-transform:none;padding:13px 26px;border-radius:0}
.btn:hover{background:var(--brown);color:var(--cream)}
.nav{background:var(--cream)!important;border-bottom:1px solid var(--rule)}
.nav ul a{font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em}
.nav ul a.on{text-decoration:underline;text-underline-offset:4px;border:0}
.sec{border-top:1px solid var(--rule)}
.sec.band,.sec.dark{background:var(--cream)!important;color:var(--brown)!important}
.sec.dark *{color:var(--brown)!important}
.sec.dark .btn{border-color:var(--brown)}
.card .ph{background:var(--sand)}
.card .d,.d,p{font-family:var(--sans)}
.new{color:var(--brown)!important}
.swatch .nm{color:var(--brown)}
.n{font-family:var(--sans)!important;color:var(--brown2)}
footer{background:var(--cream)!important;border-top:1px solid var(--rule);color:var(--brown)}
footer a.link{text-decoration:underline}
/* home */
.home-top,.home-foot{color:var(--brown)!important;text-shadow:0 1px 10px rgba(252,244,234,.85)!important;font-family:var(--sans);letter-spacing:.12em}
.home-top .link{text-decoration:underline}
.home-panel{background:rgba(252,244,234,.72);border:1px solid var(--rule);box-shadow:none}
.home-panel .tag{color:var(--brown);font-family:var(--serif);font-size:12px;letter-spacing:.16em}
.dd-btn{background:rgba(252,244,234,.9)!important;border:1px solid var(--brown)!important;color:var(--brown)!important;font-family:var(--sans)!important;letter-spacing:.08em!important}
.dd-btn svg path{stroke:var(--brown)}
.dd-list{background:var(--cream)!important;border:1px solid var(--rule)!important}
.dd-list a,.dd-list span{font-family:var(--sans)!important;color:var(--brown)!important}
h1 *,h2 *,h3 *{font-family:var(--serif)!important;font-style:normal!important}
h3 small{font-family:var(--sans)!important}
.home-top,.home-foot{font-size:12px!important;text-shadow:0 0 12px rgba(252,244,234,.95),0 0 3px rgba(252,244,234,.9)!important}
.home-foot>*{background:rgba(252,244,234,.78);padding:3px 8px;text-shadow:none}
@media(max-width:700px){.home-panel .tag{font-size:10.5px;letter-spacing:.12em}}
