:root{--cream:#fbf5e6;--hay:#e8b84b;--hayl:#f4d98d;--lea:#6b4226;--lead:#3d2410;--har:#2f4f3f;--harl:#4c7a63;--ink:#2a1f14;--mut:#6d5c48;--line:#dcc9a5;--ok:#3f7d52;--near:#c08a1e;--no:#7d6f5f}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--ink);background:repeating-linear-gradient(90deg,rgba(107,66,38,.05) 0 2px,transparent 2px 46px),linear-gradient(180deg,#fdf8ec,var(--cream) 300px);font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:17px;line-height:1.68;-webkit-text-size-adjust:100%}
a{color:var(--lead)}
a:hover{color:var(--har)}
.skip{position:absolute;left:-9999px}
.bar{background:var(--lead);border-bottom:4px solid var(--hay)}
.bar-in{max-width:960px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--hayl);font:700 22px/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}
.brand .mark{font-size:20px;color:var(--hay)}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{color:#f1e3c6;text-decoration:none;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;padding:6px 2px;border-bottom:2px solid transparent}
.nav a:hover,.nav a:focus{color:#fff;border-bottom-color:var(--hay)}
main{max-width:960px;margin:0 auto;padding:0 16px 48px}
.hero{padding:22px 0 8px;text-align:center}
h1{font-size:clamp(34px,7vw,54px);line-height:1.05;margin:0 0 6px;letter-spacing:-.01em}
.tagline{margin:0 0 16px;color:var(--mut);font-size:17px}
.tagline strong{color:var(--lead);letter-spacing:.06em}
.stage{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:4/5;background:var(--cream);border:3px solid var(--lea);border-radius:10px;overflow:hidden;box-shadow:0 8px 0 rgba(61,36,16,.14)}
.stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:repeating-linear-gradient(90deg,rgba(107,66,38,.10) 0 14px,transparent 14px 44px),radial-gradient(circle at 50% 30%,var(--hayl),var(--hay) 78%)}
[data-gf-state="loading"] .cover,[data-gf-state="playing"] .cover{display:none}
.cover-tiles{display:flex;gap:8px;margin:0 0 4px;padding:0;list-style:none}
.cover-tiles span{width:52px;height:52px;display:grid;place-items:center;background:#fffdf6;border:2px solid var(--lea);border-radius:4px;font:700 26px/1 ui-sans-serif,system-ui,sans-serif;color:var(--lead);box-shadow:0 3px 0 rgba(61,36,16,.2)}
.cover-kick{margin:0;font:600 13px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lead)}
.cover-line{margin:0;font-size:19px;color:var(--lead);font-style:italic}
.play{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:15px 34px;background:var(--har);color:#fdf8ec;font:700 18px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 4px 0 #1d3128;transition:transform .12s}
.play:hover{background:#254033}
.play:active{transform:translateY(2px);box-shadow:0 2px 0 #1d3128}
.loader{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--cream);color:var(--lea);font:600 15px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}
[data-gf-state="loading"] .loader{display:flex}
.loader .horsemark{font-size:42px;color:var(--har);animation:gallop 1s ease-in-out infinite}
@keyframes gallop{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}
.tools{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:14px auto 0;max-width:520px}
.tool{appearance:none;cursor:pointer;border:2px solid var(--lea);background:#fffdf6;color:var(--lead);border-radius:999px;padding:9px 16px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;transition:background .15s}
.tool:hover{background:var(--hayl)}
.tool[aria-pressed="true"],.tool[data-gf-liked]{background:var(--hay);border-color:var(--lead)}
.tool-msg{font:600 13px/1 ui-sans-serif,system-ui,sans-serif;color:var(--har)}
.sec{max-width:720px;margin:44px auto 0}
.sec h2{font-size:clamp(23px,3.4vw,29px);line-height:1.2;margin:0 0 10px;padding-bottom:8px;border-bottom:3px solid var(--hay)}
.sec h3{font-size:19px;margin:22px 0 6px}
.sec p{margin:0 0 14px}
.sec ul,.sec ol{margin:0 0 14px;padding-left:22px}
.sec li{margin:6px 0}
.note{background:#fffaf0;border-left:5px solid var(--hay);padding:14px 16px;margin:0 0 16px;border-radius:0 6px 6px 0}
.note p:last-child{margin:0}
.faq details{background:#fffdf6;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:0 0 10px}
.faq summary{cursor:pointer;font-weight:700;font-size:16px;color:var(--lead)}
.faq p{margin:8px 0 0}
.talk{max-width:720px;margin:48px auto 0;background:#fffdf6;border:1px solid var(--line);border-radius:12px;padding:20px}
.cform{display:grid;gap:10px;margin:0 0 22px}
.cform label{display:grid;gap:4px;font:600 13px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--mut)}
.cform input,.cform textarea{font:16px/1.5 inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.cform button{justify-self:start;cursor:pointer;border:0;border-radius:999px;padding:11px 22px;background:var(--lea);color:#fdf8ec;font:700 15px/1 ui-sans-serif,system-ui,sans-serif}
.cmsg{margin:0;font:600 13px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--har)}
.creply-to{display:none;margin:0;font:600 13px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--mut)}
.cform[data-gf-replying] .creply-to{display:block}
.creply-to button{cursor:pointer;background:none;border:0;color:var(--har);font:600 13px/1 inherit;text-decoration:underline}
.clist{display:grid;gap:12px}
.clist[data-gf-empty]::before{content:"No comments yet — be the first to trot in.";color:var(--mut);font-style:italic}
.c{background:#fff;border:1px solid var(--line);border-left:4px solid var(--hay);border-radius:8px;padding:12px 14px}
.c[data-gf-owner]{border-left-color:var(--har);background:#f6fbf7}
.c-head{display:flex;gap:10px;align-items:baseline;margin:0 0 4px;font:600 13px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--mut)}
.c-head strong{color:var(--lead);font-size:14px}
.c-owner{display:none;background:var(--har);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.c[data-gf-owner] .c-owner{display:inline-block}
.c-text{margin:0;overflow-wrap:anywhere}
.c-to{color:var(--har);font-weight:700}
.c-replies{display:grid;gap:8px;margin:10px 0 0}
.c-reply{cursor:pointer;margin-top:8px;background:none;border:0;padding:0;color:var(--har);font:600 13px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:underline}
.foot{background:var(--lead);color:#e9dcc2;margin-top:56px;padding:26px 16px 34px;border-top:4px solid var(--hay)}
.foot-in{max-width:960px;margin:0 auto;display:grid;gap:10px}
.foot-brand{margin:0;font-size:15px;color:#f4d98d}
.foot-nav{display:flex;gap:16px;flex-wrap:wrap}
.foot-nav a{color:#e9dcc2;text-decoration:none;font:600 13px/1 ui-sans-serif,system-ui,sans-serif}
.foot-nav a:hover{color:#fff}
.foot-copy{margin:6px 0 0;font:400 12px/1.4 ui-sans-serif,system-ui,sans-serif;color:#b9a886}
.page{max-width:720px;margin:0 auto;padding:26px 0 0}
.page h1{font-size:clamp(28px,5vw,38px);margin-bottom:14px;text-align:left}
.page .meta{margin:0 0 20px;color:var(--mut);font:600 13px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
@media (max-width:520px){.cover-tiles span{width:42px;height:42px;font-size:21px}.stage{aspect-ratio:3/4}}