:root{color-scheme:light;font:100%/1.55 system-ui,sans-serif;color:#34241f;background:#fff7ef;--accent:#7e3945;--border:#e7d3c8;--paper:#fffdfa}
*{box-sizing:border-box}
body{margin:0}
header{background:var(--paper);border-bottom:1px solid var(--border)}
nav,main{width:min(68rem,calc(100% - 2rem));margin:auto}
nav,.nav-actions,.actions,.account{display:flex;align-items:center;gap:1rem}
nav{min-height:4.5rem;justify-content:space-between}
nav form,.account form{margin:0}
.brand{display:flex;align-items:center;gap:.6rem;font:700 1.35rem Georgia,serif;text-decoration:none}
main{padding:2rem 0 4rem}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15}
h1{font-size:clamp(2rem,6vw,3.5rem);margin:.35em 0}
h2{font-size:1.55rem;margin:.2em 0 .65em}
h3{font-size:1.25rem;margin:.35em 0}
a{color:var(--accent);text-underline-offset:.18em}
.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.08em;color:var(--accent);margin:0;text-transform:uppercase}
.hero{background:#f5e1df;border-radius:1.35rem;padding:clamp(1.25rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.hero p:last-child{margin-bottom:0}
.panel,.card{background:var(--paper);border:1px solid var(--border);border-radius:1.15rem}
.panel{padding:clamp(1rem,3vw,1.65rem);margin:1.25rem 0}
.login{max-width:31rem;margin:3rem auto}
form{display:grid;gap:1rem}
.fields,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem}
.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
label{display:grid;gap:.35rem;font-weight:650;min-width:0}
input,select,textarea,button,.button{font:inherit;border-radius:.65rem;min-height:2.8rem}
input,select,textarea{width:100%;background:white;color:inherit;border:1px solid #bda59d;padding:.55rem .7rem}
textarea{resize:vertical}
.check{display:flex;align-items:center;gap:.55rem}
.check input{width:1.25rem;min-height:1.25rem}
button,.button{width:max-content;max-width:100%;border:1px solid var(--accent);background:var(--accent);color:white;font-weight:700;padding:.55rem .95rem;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.quiet{background:transparent;color:var(--accent)}
:focus-visible{outline:3px solid #92582f;outline-offset:3px}
.card{overflow:hidden}
.card a{display:block;height:100%;text-decoration:none;color:inherit}
.card a:hover h3{text-decoration:underline}
.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.card-body{padding:1rem}
.card-body p{margin:.3rem 0}
.badge{display:inline-block;border-radius:2rem;background:#f5e1df;padding:.2rem .65rem;font-size:.85rem}
.detail-photo{display:block;max-width:100%;max-height:34rem;border-radius:1rem;margin-top:1.2rem}
.message{padding:1rem;border-radius:.65rem;background:#f5e1df}
.error{border-left:4px solid var(--accent)}
.preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.account{justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border)}
.actions{flex-wrap:wrap}
@media(max-width:35rem){.nav-actions{gap:.5rem}.quiet{padding-inline:.55rem}main{padding-top:1rem}.hero{align-items:flex-start}}