:root{
  color-scheme:light;--ink:#242722;--deep:#222b25;--paper:#f4f1e9;--surface:#fffcf6;--line:#d9d3c5;--soft:#eae5d9;--muted:#5b6157;--copper:#825030;--cream:#fff8eb;--gold:#e1b486;
  --radius:14px;--shadow:0 5px 20px #3c39250a;
  font:16px/1.52 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 0 0,#fdfaf2 0,transparent 40rem),var(--paper)}
img,svg{max-width:100%;height:auto}
a{color:var(--copper);text-underline-offset:.22em;text-decoration-thickness:.08em}
a:hover{color:#593219}
:focus-visible{outline:3px solid #987347;outline-offset:3px}
[hidden]{display:none!important}
body>header,header.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 26px;padding:clamp(12px,2.2vw,22px) max(4vw,calc((100vw - 1200px)/2));background:#fbf8f0;border-bottom:1px solid var(--line)}
header a.brand,header .brand,header>a:first-child{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font:600 clamp(1.25rem,3vw,1.7rem)/1.2 Georgia,serif;letter-spacing:-.035em;text-decoration:none;min-width:0}
header img,.brand img{width:auto;height:42px;max-width:min(150px,42vw);object-fit:contain}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;font-size:.91rem}
nav a,nav button{display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;color:var(--ink);text-decoration:none;font-weight:600;border-radius:7px}
nav a:hover,nav a[aria-current=page],nav .active{background:var(--soft);color:var(--copper)}
nav form{display:inline-flex;margin:0}nav button{border:1px solid var(--line);background:transparent;color:var(--muted)}
main{width:min(1200px,92vw);margin:clamp(20px,3vw,42px) auto 64px}
h1,h2,h3,p{margin:0 0 .65em}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.14;letter-spacing:-.035em;overflow-wrap:anywhere}
h1{font-size:clamp(2.15rem,5.8vw,4.35rem)}
h2{font-size:clamp(1.65rem,3vw,2.5rem)}
h3{font-size:clamp(1.3rem,2.2vw,1.75rem)}
main>section+section,main>*+.toolbar{margin-top:1.6rem}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;min-height:245px;margin:0 0 clamp(24px,4vw,46px);border-radius:var(--radius);padding:clamp(28px,4.5vw,64px);padding-right:39%;background:linear-gradient(110deg,#17251e,#2b3930 72%,#253229);color:var(--cream)}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:41%;background:url("atelier.svg") no-repeat center/contain;pointer-events:none}
.hero .eyebrow,.hero small{color:var(--gold)}.hero h1{max-width:18ch}.hero h1:last-child{margin-bottom:0}.hero p:not(.eyebrow){max-width:59ch;color:#e4e5d8}.hero a:not(.btn){color:var(--gold)}
.eyebrow{display:block;margin:0 0 10px;color:var(--copper);font:700 .7rem/1.45 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,2vw,23px);align-items:start}
.card,details{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,2.3vw,28px)}
.card>*:last-child,details>*:last-child{margin-bottom:0}.card>.eyebrow:first-child{margin-bottom:14px}
.row,.toolbar{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center}.row>*,.toolbar>*{min-width:0}.toolbar{justify-content:space-between;margin-bottom:1.1rem}
.stack{display:grid;gap:1rem;min-width:0}.muted,small{color:var(--muted)}.price,.metric{font-variant-numeric:tabular-nums;color:var(--copper);font-weight:700}.metric{font-size:clamp(1.6rem,3vw,2.5rem)}
.badge{display:inline-block;padding:.28rem .65rem;border-radius:50px;background:#e4ebdf;color:#31553b;font-size:.74rem;font-weight:700;letter-spacing:.02em}
form{min-width:0}form>*+*,label+label{margin-top:.65rem}form.row>*,form.toolbar>*{margin-top:0}
label{display:grid;align-content:start;gap:.35rem;font-size:.87rem;font-weight:600;color:#3c423a}
label:has(input[type=checkbox]),label:has(input[type=radio]){display:flex;align-items:center;gap:.55rem}
input,select,textarea,button{font:inherit}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea{min-width:0;width:100%;max-width:100%;padding:.68rem .8rem;min-height:44px;background:#fffdf8;border:1px solid #bab8a9;border-radius:7px;color:var(--ink);line-height:1.35}
input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--deep);flex:none}input::placeholder,textarea::placeholder{color:#6e7268}input[type=file]{font-size:.82rem}
textarea{resize:vertical}fieldset{min-width:0;margin-inline:0;padding:1rem;border:1px solid var(--line);border-radius:8px}legend{padding:0 .4rem}
button,.btn,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.68rem 1.12rem;border:1px solid transparent;border-radius:7px;background:var(--deep);color:var(--cream);font-size:.9rem;line-height:1.4;font-weight:650;text-decoration:none;cursor:pointer;min-height:44px;max-width:100%;white-space:normal}
button:hover,.btn:hover,input[type=submit]:hover{background:#374837;color:#fff}.secondary,.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}
:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.notice,.error,.success{padding:.85rem 1rem;margin:1rem 0;border-radius:8px;border:1px solid #cdb48c;background:#f7eedb;color:#594423;overflow-wrap:anywhere}
.error{background:#fff0ea;border-color:#d19a8b;color:#973724}.success{background:#eaf4e6;border-color:#94b387;color:#275b2f}
summary{font-weight:650;cursor:pointer;padding-block:.25rem}details[open]>summary{margin-bottom:1rem}details+details{margin-top:.65rem}
table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-collapse:collapse;font-size:.91rem}
th,td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#eee9dd;color:#4e554a;font-size:.77rem}
footer{padding:1.5rem 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
@media(max-width:720px){body>header,header.topbar{align-items:flex-start;gap:8px;padding:12px 4vw}nav{width:100%;gap:1px 3px}nav a,nav button{font-size:.82rem;padding:6px 8px}.hero{min-height:210px;padding:25px 33% 25px 20px}.hero::before{width:34%;background-size:145%;background-position:40% center}}
@media(max-width:460px){.hero{min-height:175px;padding:22px 20px;background:linear-gradient(108deg,#18261e 50%,#374438)}.hero::before{width:47%;opacity:.15}.row>label,.toolbar>label{width:100%}.row>button,.row>.btn{flex:1 1 auto}th,td{padding:.6rem}.grid{grid-template-columns:1fr}}