:root{--vellum:#fbf8f1;--ink:#363737;--soft:#868787;--lapis:#255a56;--verm:#2c6c67;--gold:#b89a5a;--gold2:#e6d3a3;--teal-rgb:44,108,103}
*{box-sizing:border-box}
html{background:#f4efe4}
body{margin:0;color:var(--ink);font:19px/1.7 "EB Garamond",Garamond,serif;
background:radial-gradient(ellipse at 50% 30%,#ffffff 0%,#f8f4ea 65%,#ece4d2 100%);background-attachment:fixed;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .18 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{max-width:820px;margin:0 auto;padding:3rem 1.25rem}
.folio{position:relative;padding:4.5rem 4.5rem 3rem;background:radial-gradient(ellipse at center,rgba(255,255,255,.9),rgba(252,249,242,.6) 70%,transparent);
border:1px solid rgba(184,154,90,.55);outline:4px double rgba(44,108,103,.35);outline-offset:8px;box-shadow:0 0 60px rgba(54,55,55,.06) inset}
.corner{position:absolute;width:110px;height:110px}
.tl{top:6px;left:6px}.tr{top:6px;right:6px;transform:scaleX(-1)}.bl{bottom:6px;left:6px;transform:scaleY(-1)}.br{bottom:6px;right:6px;transform:scale(-1)}
header{text-align:center}
.kicker{font-family:"Cinzel Decorative",serif;letter-spacing:.18em;font-size:.85rem;color:var(--verm);margin:0}
.orn{color:var(--gold);font-size:1.6rem;margin:.4rem 0 0}
h1{font-family:"Cinzel Decorative",serif;font-weight:700;color:var(--lapis);font-size:clamp(1.9rem,5.2vw,3rem);line-height:1.2;margin:.2rem 0 1.4rem}
.lede{text-align:left;font-size:1.15rem;max-width:36em;margin:0 auto}
.lede::first-letter{float:left;font-family:"Cinzel Decorative",serif;font-weight:700;font-size:3.9rem;line-height:1;color:var(--gold2);
background:var(--lapis);padding:.18em .22em .12em;margin:.08em .45rem 0 0;border:3px solid var(--gold);
box-shadow:inset 0 0 0 2px #fbf8f1,0 0 0 1px var(--gold);text-shadow:0 1px 0 #6f5a2c}
section{margin-top:3.2rem}
h2{font-family:"Cinzel Decorative",serif;font-weight:400;color:var(--verm);font-size:1.45rem;text-align:center;margin:0 0 1.2rem;letter-spacing:.04em}
h2:before,h2:after{content:"";display:inline-block;width:3.5rem;height:1px;vertical-align:middle;margin:0 .8rem;background:linear-gradient(90deg,transparent,var(--gold))}
h2:after{background:linear-gradient(90deg,var(--gold),transparent)}
h3{font-family:"EB Garamond",serif;font-style:italic;font-weight:500;color:var(--lapis);font-size:1.25rem;margin:1.8rem 0 .2rem}
h3:before{content:"❧ ";color:var(--verm);font-style:normal}
ul{list-style:none;padding:0;margin:0}
li{padding:.8rem 0 .8rem 1.4rem;position:relative}
li:before{content:"";position:absolute;left:.1rem;top:1.35rem;width:.45rem;height:.45rem;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 0 2px rgba(44,108,103,.3)}
li+li{border-top:1px solid rgba(184,154,90,.25)}
li a{color:var(--ink);font-size:1.15rem;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(44,108,103,.3);transition:color .2s,border-color .2s}
li a:hover{color:var(--lapis);border-color:var(--gold)}
li span{display:block;color:var(--soft);font-size:1rem;font-style:italic}
footer{margin-top:3.5rem;text-align:center;font-family:"Cinzel Decorative",serif;font-size:.9rem}
footer:before{content:"✠";display:block;color:var(--verm);margin-bottom:.4rem}
footer a{color:var(--lapis);text-decoration:none}
@media(max-width:640px){body{font-size:17.5px}main{padding:1rem .6rem}.folio{padding:3.5rem 1.4rem 2rem;outline-offset:4px}.corner{width:64px;height:64px}h2:before,h2:after{width:1.2rem;margin:0 .4rem}.lede::first-letter{font-size:3.1rem}}