:root{color-scheme:dark;--cream:#171513;--paper:#ede1cd;--wine:#762b35;--ink:#252321;--silver:#b49768;--olive:#73765a;--ivory:#f4ebdd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:radial-gradient(ellipse at top,#342720 0,#171513 65%);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;min-height:100svh}a{color:inherit}nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 3%;border-bottom:1px solid #b4976840;background:#171513cc}nav a{text-decoration:none;font-size:11px;letter-spacing:1px}.wordmark{font-weight:800;color:#d2b98e}nav div{display:flex;gap:24px}main{max-width:1920px;margin:auto;padding:0 3%}.hero{text-align:center;padding:25px 0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;line-height:1.6}.hero>.eyebrow{color:#c7ae87;margin:0 0 8px}.whisper{font:italic 28px Georgia,serif;color:#d2b98e;display:inline-block;margin-right:8px}h1{display:inline;font:700 clamp(34px,4vw,62px)/1.1 Georgia,serif;letter-spacing:-1.5px;color:var(--ivory);margin:0}.intro{font:italic 15px Georgia,serif;color:#d2bfa8;margin:10px 0 0}.rule,.hero>.button{display:none}section{padding:18px;border:1px solid #b4976840;border-radius:5px;background:#29201ccc;margin-bottom:22px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.section-heading .eyebrow{color:#c7ae87;margin:0 0 5px}.section-heading h2{font:28px Georgia,serif;margin:0;color:var(--ivory)}.section-heading>p{font-size:11px;color:#d2bfa8;line-height:1.6;margin:0}.courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course{min-width:0;background:var(--paper);color:var(--ink);border:1px solid #b49768;padding:13px;box-shadow:3px 4px 0 #0003;color-scheme:light}.course-label{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid #762b3540;padding-bottom:10px;color:var(--wine);font-size:8px;font-weight:700;letter-spacing:1.2px}.course iframe,.note iframe{max-width:100%;border-radius:2px}.course h3{font:23px/1.15 Georgia,serif;margin:17px 0 10px;overflow-wrap:anywhere}.course-description{font-size:11px;color:#51453c;line-height:1.6;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:13px 0;border-top:1px dashed #9a8264;border-bottom:1px dashed #9a8264;margin:12px 0}.stats div{text-align:center;border-right:1px solid #9a826455}.stats div:last-child{border:0}.stats strong{display:block;font:21px Georgia,serif}.stats span{font-size:8px;text-transform:uppercase;letter-spacing:.8px}.receipt-button{width:100%;background:var(--wine);color:#fff6ea;border:1px solid var(--wine);padding:11px 5px;cursor:pointer;font-size:10px}.receipt-button:hover{background:#57202a}.setup-note{font-size:10px;color:#cdbba4;line-height:1.7;margin:12px 0 0}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px;padding:25px 17px 17px;border:9px solid #563b2c;border-radius:5px;background:repeating-linear-gradient(3deg,#211b16 0,#211b16 3px,#251e18 4px,#2c211a 36px);box-shadow:inset 0 3px 10px #0008}.note{min-width:0;position:relative;background:#d8c4a8;color:var(--ink);padding:11px;box-shadow:2px 4px 8px #0005;transform:rotate(-.6deg);color-scheme:light}.note.second{transform:rotate(.6deg)}.tape{position:absolute;top:-10px;left:calc(50% - 25px);width:50px;height:19px;background:#b49768c9;transform:rotate(-5deg);z-index:1}.note iframe{margin-top:0!important}.note .eyebrow{font-size:8px;color:#583c30;margin:10px 0 5px}.note h3{font:19px/1.15 Georgia,serif;margin:0 0 7px;overflow-wrap:anywhere}.note>p:not(.eyebrow){font-size:10px;line-height:1.5;color:#493b30;margin:0}.note>a{margin:8px 0 0!important;font-size:10px!important}.closing{text-align:center;padding:4px 0 24px}.closing .eyebrow{display:none}.closing>p:not(.eyebrow){font:italic 20px Georgia,serif;margin:0 0 6px}.closing>span{font-size:10px;color:#cdbba4}footer{padding:12px 3%;border-top:1px solid #b4976840;display:flex;gap:20px;align-items:center;justify-content:space-between}footer>span{font-size:9px;font-weight:700;letter-spacing:1px;color:#d2b98e}footer p{font-size:9px;line-height:1.5;max-width:650px;color:#cdbba4;margin:0}footer a{font-size:10px;white-space:nowrap}dialog{width:min(370px,90vw);padding:35px;border:1px solid #b49768;background:var(--paper);color:var(--ink);color-scheme:light}dialog::backdrop{background:#090807cc}dialog h2{font:26px Georgia,serif}dialog p{font-size:12px;line-height:1.8}dialog p span{float:right}dialog hr{border:0;border-top:1px dashed #9a8264;margin:22px 0}dialog .setup-note{color:#51453c}dialog small{font-size:10px}.close{position:absolute;right:12px;top:8px;font-size:25px;border:0;background:none;cursor:pointer;color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid #b49768;outline-offset:4px}@media(min-width:1200px){main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0 18px;align-items:start}.hero,.closing{grid-column:1/-1}.hero{padding:20px 0}section{margin-bottom:15px;padding:14px}.section-heading{display:block;margin-bottom:13px}.section-heading>p{margin-top:6px}.section-heading h2{font-size:25px}.courses{gap:10px}.course{padding:10px}.course h3{font-size:20px}.board{padding:22px 12px 12px;gap:20px 12px}.note h3{font-size:17px}.closing{padding:0 0 14px}.closing>p:not(.eyebrow){font-size:17px}.closing>span{display:none}}@media(min-width:1200px) and (min-height:800px){body{display:flex;flex-direction:column}main{width:100%;flex:1;align-content:center}}@media(max-width:800px){main{padding:0 4%}.courses{grid-template-columns:1fr}.course{padding:17px}.course h3{font-size:25px}.section-heading{display:block}.section-heading>p{margin-top:8px}.hero{padding:30px 0}.course-description{font-size:12px}footer{align-items:start;flex-direction:column;gap:10px}}@media(max-width:540px){nav{padding:16px 4%}nav div{gap:12px}nav a{font-size:9px;letter-spacing:0}section{padding:13px}.board{grid-template-columns:1fr;border-width:7px;padding:25px 13px 16px;gap:30px}.note{padding:14px}.note h3{font-size:23px}.note>p:not(.eyebrow){font-size:12px}.note .eyebrow{font-size:9px}.note>a{font-size:11px!important}h1{font-size:36px}.whisper{display:block;font-size:26px;margin:0 0 4px}.hero>.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
