:root{--paper:#F0E9DB;--surface:#F7F2E7;--surface-2:#E8DFCC;--ink:#2A2218;--ink-2:#786B58;--line:rgba(42,34,24,.16);--line-2:rgba(42,34,24,.1);--accent:#8A6528;--accent-soft:rgba(166,124,61,.14);--support:#8A6528;--support-soft:rgba(166,124,61,.14);--gold:#A67C3D;--gold-deep:#8A6528;--bone:#F7F2E7;--serif:"Libre Caslon Display","Libre Caslon Text",Georgia,serif;--sans:"Archivo",system-ui,-apple-system,sans-serif;--ease-a:cubic-bezier(.32,.72,0,1);--ease-s:cubic-bezier(.2,.9,.2,1);--r:3px;--r-s:2px}
body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
h1,h2,h3{font-style:normal}
h1,h2{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.025em}
h3{font-family:var(--sans);font-weight:600;color:var(--ink);letter-spacing:-.008em}
.muted{color:var(--ink-2)}
.eyebrow{color:var(--gold-deep);letter-spacing:.24em;font-size:10.5px;font-weight:600}
.site-head{background:rgba(240,233,219,.9);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--line-2)}
.site-head .brand,.site-head .brand:hover,.brand b{color:var(--ink)}
.brand b{font-family:var(--serif);font-weight:400;font-size:20px}
.brand span{color:var(--gold-deep)}
.nav a{color:var(--ink-2)}
.nav a:hover{color:var(--ink)}
.nav a.on{color:var(--ink)}
.btn{background:var(--gold-deep);color:#F7F2E7;border-radius:999px;text-transform:none;letter-spacing:.01em;font-weight:600;transition:background-color .5s var(--ease-a),transform .5s var(--ease-a)}
.btn:hover{background:#6F5120;color:#F7F2E7}
.btn:active{transform:scale(.98)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{background:rgba(42,34,24,.05);color:var(--ink)}
.fab{background:var(--gold-deep);color:#F7F2E7;border-radius:999px}
.fab:hover{background:#6F5120;color:#F7F2E7}
.card{background:rgba(42,34,24,.035);border:1px solid var(--line-2);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
a.card:hover{border-color:rgba(166,124,61,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 26px 54px -34px rgba(42,34,24,.45)}
.tag{background:rgba(166,124,61,.12);color:var(--gold-deep)}
a.tag:hover{background:rgba(166,124,61,.22);color:var(--gold-deep)}
.ph{background:var(--surface-2);color:var(--gold-deep)}
img{filter:grayscale(.34) sepia(.12) contrast(1.02)}
a.card:hover img{filter:grayscale(0) sepia(.03)}
input,select,textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:4px}
input:focus,select:focus,textarea:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(166,124,61,.18)}
label{color:var(--ink)}
.req{color:var(--gold-deep);background:rgba(166,124,61,.14)}
.help{color:var(--ink-2)}
.radios label{background:var(--surface);border:1px solid var(--line)}
.radios label.sel{border-color:var(--gold-deep);background:rgba(166,124,61,.12)}
.radios input,.check input{accent-color:var(--gold-deep)}
.combo-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.combo-btn:focus-visible{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(166,124,61,.18)}
.combo-opt:hover,.combo-opt.sel{background:rgba(166,124,61,.14)}
.combo-opt{color:var(--ink)}
.np{color:var(--gold-deep);font-family:var(--serif);font-size:24px;font-weight:400}
.paso{border-left-color:var(--line-2)}
.paso::before{background:linear-gradient(180deg,transparent,var(--gold) 45%,transparent)}
.rows{border-top:1px solid var(--line-2)}
.row{border-bottom:1px solid var(--line-2)}
a.row{color:var(--ink)}
a.row:hover{color:var(--gold-deep)}
.rule{background:var(--line-2)}
.back{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.back:hover{color:var(--ink);border-color:var(--line)}
footer{background:var(--surface-2);border-top:1px solid var(--line);color:var(--ink-2)}
footer b.serif{color:var(--ink)}
.foot-in nav a{color:var(--ink-2)}
.foot-in nav a:hover{color:var(--gold-deep)}
a:not(.btn):not(.card):not(.brand):not(.tag):not(.row):not(.fab):not(.back){color:var(--gold-deep)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-deep)}
.err{color:#9A3B2E}

@view-transition{navigation:auto}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vt-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
::view-transition-old(root){animation:vt-out .34s cubic-bezier(.32,.72,0,1) both}
::view-transition-new(root){animation:vt-in .46s cubic-bezier(.32,.72,0,1) both}
html.leaving body{opacity:0;transform:translateY(-6px);transition:opacity .26s cubic-bezier(.32,.72,0,1),transform .26s cubic-bezier(.32,.72,0,1)}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}html.leaving body{transition:none;opacity:1;transform:none}}

.brand{display:flex;align-items:center;gap:11px}
.brand .logo{width:34px;height:34px;border-radius:8px;flex:none;filter:none;display:block}
.foot-brand{display:flex;align-items:center;gap:11px}
.foot-brand .logo{width:30px;height:30px;border-radius:7px;flex:none;filter:none;display:block}