:root{
  --ground:#FCFAF7; --surface:#FFFFFF; --ink:#2E322A; --muted:#5A5F52;
  --accent:#8E1D12; --border:#E8DFD0; --sand:#F7F1E9; --sage:#55624A;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
a:hover{color:#6E1109}
.topbar{position:sticky;top:0;z-index:10;background:rgba(252,250,247,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.topbar .inner{max-width:860px;margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.mark{display:inline-block;width:104px;aspect-ratio:1143/846;background-color:var(--accent);
  -webkit-mask-image:url("../img/jelsana-mark.svg");mask-image:url("../img/jelsana-mark.svg");
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}
.back{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:clamp(40px,7vw,76px) 24px clamp(60px,9vw,110px)}
.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);
  font-weight:700;margin:0 0 20px}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.12;margin:0 0 14px;text-wrap:balance}
.stand{color:var(--muted);font-size:.92rem;margin:0 0 40px}
h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.5rem;
  margin:44px 0 12px;line-height:1.25}
h3{font-size:1rem;font-weight:700;margin:26px 0 8px}
p,li{color:var(--muted)}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
strong{color:var(--ink)}
.box{background:var(--sand);border:1px solid var(--border);border-radius:10px;
  padding:20px 22px;margin:0 0 20px}
.box p:last-child{margin-bottom:0}
.ph{background:#FBE9CF;border-bottom:1px solid #C9972F;color:#6B4A09;
  padding:1px 5px;border-radius:3px;font-size:.95em;font-weight:600}
.note{border-left:3px solid var(--sage);background:#F2F4EE;padding:14px 16px;
  border-radius:0 8px 8px 0;margin:0 0 22px;font-size:.95rem}
.note p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--border);background:var(--sand)}
footer .inner{max-width:860px;margin:0 auto;padding:30px 24px 44px;
  display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;font-size:.9rem;color:var(--muted)}
footer a{font-size:.9rem;text-decoration:none}
footer a:hover{text-decoration:underline}
.spacer{flex:1}
@media (max-width:560px){ .topbar .inner{padding:14px 20px} .mark{width:88px} }