/* Ornamental styling is limited to the three navigation buttons. */
body:not(.night) header nav a,body.night header nav a{position:relative;isolation:isolate;font-family:'Lora',Georgia,serif!important;font-style:italic;font-weight:700;font-size:18px;line-height:1.5;letter-spacing:.15px;padding:18px 31px;border:3px double #bfa2d6;border-radius:18px;color:#fff7ff;background:linear-gradient(165deg,#805c9b,#684581);box-shadow:inset 0 0 0 3px #cdb4df,inset 0 0 0 5px #644177,0 3px 9px #59386c1a;text-shadow:0 1px 1px #35204160;text-decoration:none;transition:background .2s,box-shadow .2s}
body.night header nav a{background:linear-gradient(165deg,#644480,#44295f);border-color:#a78abd;box-shadow:inset 0 0 0 3px #a78abd,inset 0 0 0 5px #38214d,0 3px 9px #0002}
header nav a::before{content:'';position:absolute;inset:7px;border:1px solid #ddc0ee;border-radius:10px;pointer-events:none;opacity:.8}
header nav a::after{content:'';position:absolute;inset:6px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2064%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23ead4f6%22%20stroke-width%3D%22.85%22%3E%3Cpath%20d%3D%22M7%2020C7%209%2013%207%2022%207M7%2017C17%2017%2017%207%2010%207C4%207%204%2013%2010%2013M218%207C229%207%20233%2012%20233%2020M223%207C223%2017%20233%2017%20233%2010C233%204%20227%204%20227%2010M7%2044C7%2055%2013%2057%2022%2057M7%2047C17%2047%2017%2057%2010%2057C4%2057%204%2051%2010%2051M218%2057C229%2057%20233%2052%20233%2044M223%2057C223%2047%20233%2047%20233%2054C233%2060%20227%2060%20227%2054%22%2F%3E%3Cpath%20d%3D%22M114%205h-20m32%200h20M114%2059h-20m32%200h20M116%205l4-3%204%203-4%203zM116%2059l4-3%204%203-4%203z%22%2F%3E%3C%2Fsvg%3E");background-size:100% 100%;background-repeat:no-repeat;opacity:.95}
body:not(.night) header nav a:hover{color:#fffaff;background:linear-gradient(165deg,#75508f,#5e3878);box-shadow:inset 0 0 0 3px #dbc0ec,inset 0 0 0 5px #644177,0 4px 12px #59386c30;transform:none;text-decoration:none}
body.night header nav a:hover{color:#fffaff;background:linear-gradient(165deg,#765394,#53336e);transform:none;text-decoration:none}
header nav a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:720px){body:not(.night) header nav a,body.night header nav a{font-size:17px;padding:17px 25px;min-height:56px;min-width:0;overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}}

/* A shallow arc for each line, with an accessible text heading. */
.hero .curved-heading{max-width:550px;width:100%;line-height:1;margin:24px 0 26px;position:relative}
.curved-heading svg{display:block;width:100%;height:auto;overflow:visible}
.curved-heading text{font-family:'Lora',Georgia,serif;font-size:80px;font-weight:500;letter-spacing:-2px;fill:var(--ink)}
.curved-heading .curved-emphasis{font-weight:400;font-style:italic;fill:var(--accent)}
.heading-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}