:root{--paper: rgb(235 225 218);--accent: rgb(179 134 44);--heading: rgb(60 70 126);--ink: rgb(76 63 56);--ink-soft: rgba(76, 63, 56, .78);--panel: rgba(179, 134, 44, .12);--panel-strong: rgba(255, 250, 246, .72);--border: rgba(76, 63, 56, .9);--shadow: rgba(76, 63, 56, .14)}html{background-color:var(--paper);background-image:radial-gradient(circle,rgba(76,63,56,.1) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);scroll-behavior:smooth}body{margin:0;font-family:MedievalSharp,serif;color:var(--ink);background:linear-gradient(180deg,#ffffff1a,#fff0),var(--paper)}.page-shell{max-width:1320px;margin:0 auto;padding:28px 18px 48px}.sheet{background:transparent;box-shadow:none;backdrop-filter:none}.hero-shell,.content-section{padding:28px}.content-section+.content-section{margin-top:24px}.hero-shell{animation:rise .7s ease both}.masthead{text-align:center}.crest-row{display:grid;grid-template-columns:minmax(0,1.5fr) 240px minmax(0,1.5fr);align-items:center;gap:10px;margin-bottom:18px}.logo-box{display:grid;place-items:center;width:240px;height:200px;margin:0 auto;border:3px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#b3862c2e,#ffffff6b);animation:crestFloat 6s ease-in-out infinite}.logo-box img{width:170px;max-width:100%;height:auto}.flourish-image{width:100%;max-height:210px;object-fit:contain;display:block}.flourish-image-left{justify-self:end}.flourish-image-right{justify-self:start}h1,h2,h3{margin:0;font-weight:400;color:var(--heading);text-shadow:0 0 12px rgba(76,63,56,.08)}h1,h2,.hero-kicker,.eyebrow,.card-subtitle,.repo-button{font-family:Uncial Antiqua,serif}h1{font-size:clamp(3.9rem,8vw,5.9rem);line-height:1;margin-bottom:10px}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.4rem}p,li{line-height:1.75}.hero-kicker,.eyebrow,.card-subtitle{color:var(--accent);letter-spacing:.04em}.hero-kicker{margin:10px 0 4px;font-size:1rem}.hero-copy{max-width:56ch;margin:0 auto;color:var(--ink-soft);font-size:1.04rem}.nav-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:24px}a{color:var(--ink);font-size:1.08rem;text-decoration:none;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.nav-row a,.repo-button{border:2px solid rgba(76,63,56,.22);border-radius:999px;padding:10px 16px;background:#ffffff57}a:hover{color:var(--heading);transform:translateY(-2px)}.audio-toggle{position:fixed;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:50;border:2px solid rgba(76,63,56,.22);border-radius:999px;padding:10px 16px;background:#ffffffa8;color:var(--heading);font-family:Uncial Antiqua,serif;font-size:1rem;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;box-shadow:0 12px 26px #4c3f381f}.audio-toggle:hover{background:#b3862c1f;transform:translateY(-2px)}.audio-toggle:focus-visible{outline:3px solid rgba(179,134,44,.6);outline-offset:3px}.section-heading{display:grid;gap:4px;margin-bottom:18px}.section-heading-compact{margin-bottom:14px}.eyebrow,.card-subtitle{margin:0;font-size:.9rem}.story-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:24px;align-items:start}.story-copy{display:grid;gap:16px}.story-copy p{margin:0}.story-panel,.example-card,.developer-row,.features-panel{border:2px solid rgba(76,63,56,.18);background:var(--panel-strong)}.story-panel,.features-panel{border-radius:22px;padding:20px}.repo-button{display:inline-flex;justify-content:center;margin-top:18px;color:var(--heading)}.repo-button:hover,.nav-row a:hover{background:#b3862c1f}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.example-card{border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.example-card:hover,.developer-row:hover,.story-panel:hover,.features-panel:hover{transform:translateY(-4px);box-shadow:0 12px 26px #4c3f381f;border-color:#b3862c61}.card-heading{display:grid;gap:4px}.card-detail{margin:0;color:var(--ink-soft);font-size:.95rem}pre{margin:0;padding:14px;border-radius:18px;border:1px solid rgba(76,63,56,.16);background:#fff6;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:.9rem;line-height:1.7;color:var(--ink)}.developer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.95fr);gap:22px;align-items:start}.developer-list{display:grid;gap:14px}.developer-row{border-radius:22px;padding:14px;display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.developer-mark{min-height:116px;border-radius:18px;overflow:hidden;display:grid;place-items:center;border:2px solid rgba(76,63,56,.12);background:#b3862c24;color:var(--heading);font-family:Uncial Antiqua,serif;font-size:1.6rem}.developer-mark img{width:100%;height:100%;object-fit:cover;display:block}.developer-copy{display:grid;gap:8px}.developer-copy p,.feature-block ul,.story-panel ul{margin:0}.feature-sections{display:grid;gap:18px}.feature-block{display:grid;gap:8px}ul{padding-left:22px}li+li{margin-top:6px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes crestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:1100px){.story-grid,.developer-layout{grid-template-columns:1fr}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.page-shell{padding:14px 10px 32px}.hero-shell,.content-section{padding:18px;border-radius:22px}.crest-row{grid-template-columns:1fr;gap:14px}.flourish-image{display:none}.example-grid,.developer-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}