:root{--wood:#342118;--wood-2:#633d2b;--cream:#fff9ed;--paper:#f5ebd7;--blue:#297aaa;--blue-dark:#14587e;--peach:#f1b782;--ink:#2d261f;--muted:#695f55}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:1rem;line-height:1.6}h1,h2,.brand,strong{font-family:Fredoka,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:20;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.container,.header-inner,.hero-inner{width:min(1160px,calc(100% - 2rem));margin:auto}.site-header{background:var(--wood);color:var(--cream);border-bottom:1px solid #77523e}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.45rem;font-weight:600;white-space:nowrap}.brand img{border-radius:50%;border:2px solid var(--peach)}.brand em{font-style:normal;color:var(--peach)}nav{display:flex;align-items:center;gap:2rem;font-weight:800}nav a:hover,.footer-inner a:hover{color:var(--peach)}.nav-watch{background:var(--peach);color:var(--wood);border-radius:99px;padding:.6rem 1.2rem}.nav-watch:hover{background:#ffd1a5;color:var(--wood)}.hero{background:var(--wood);color:var(--cream);overflow:hidden}.hero-inner{padding:5.2rem 0 4.3rem}.hero-copy{max-width:780px;margin:auto;text-align:center}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.82rem;color:var(--blue-dark);margin:0 0 1rem}.hero .eyebrow{color:var(--peach)}h1{font-size:clamp(3.25rem,8vw,6.6rem);line-height:1.03;font-weight:600;letter-spacing:-.025em;margin:.3rem 0 1.3rem}h1 span{color:var(--peach)}.hero-intro{font-size:1.23rem;max-width:630px;margin:0 auto;color:#f2dfcb}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:2rem 0 3.6rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border-radius:99px;padding:.85rem 1.55rem;font-weight:800;min-height:50px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#398cbd}.button-outline{border:2px solid #ac8971;color:var(--cream)}.button-outline:hover{background:#654531}.hero-art{position:relative;border:8px solid #a06c4d;border-radius:22px;box-shadow:0 20px 50px #1a0e0b;overflow:hidden;background:#654531}.hero-art img{width:100%;height:clamp(230px,27vw,360px);object-fit:cover;object-position:center}.art-caption{position:absolute;left:1.4rem;bottom:1.4rem;background:#fff6e7;color:var(--wood);padding:.35rem .85rem;border-radius:99px;font-weight:800;font-size:.85rem;box-shadow:0 4px 16px #2c170e88}.section{padding:5.2rem 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2,.about h2{font-size:clamp(2.3rem,5vw,3.5rem);line-height:1.1;font-weight:600;margin:0 .0rem .5rem}.section-heading p:last-child{color:var(--muted);margin:.2rem 0 0;font-size:1.1rem}.text-link{font-weight:800;color:var(--blue-dark);white-space:nowrap;border-bottom:2px solid currentColor;padding-bottom:.15rem}.text-link:hover{color:var(--blue)}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.story-card{background:#fff;border:1px solid #e8d8c4;border-radius:20px;overflow:hidden;box-shadow:0 10px 22px #6d432112;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #6d432125}.story-image{display:block;aspect-ratio:4/3;overflow:hidden;position:relative;background:#e6c9ad}.story-image img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:50px;width:50px;background:var(--blue);color:white;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:1rem;box-shadow:0 5px 15px #2228}.story-info{display:flex;flex-direction:column;padding:1.2rem;min-height:170px}.story-kicker{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;color:var(--blue-dark)}.story-info strong{font-size:1.3rem;line-height:1.2;font-weight:600;margin:.5rem 0 auto}.story-duration{color:var(--muted);font-size:.9rem;padding-top:1rem}.about{background:var(--paper);border-top:1px solid #ebd8bc;border-bottom:1px solid #ebd8bc}.about-inner{display:grid;grid-template-columns:230px minmax(0,700px);gap:4rem;align-items:center;justify-content:center}.about-mark{width:220px;height:220px;border-radius:50%;padding:18px;background:var(--peach);box-shadow:15px 15px 0 #dfc09a}.about-mark img{width:100%;height:100%;border-radius:50%}.about p:not(.eyebrow){font-size:1.12rem;color:#55493d;margin:1rem 0}.about .text-link{display:inline-block;margin-top:.75rem}footer{background:var(--wood);color:var(--cream);padding:2.2rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer-inner p{color:#dbc3aa;margin:0}.footer-inner>a:last-child{font-weight:800}@media(max-width:900px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{padding:4rem 0}.about-inner{gap:2rem}}@media(max-width:620px){.header-inner{min-height:72px}.brand{font-size:1.2rem}.brand img{width:38px;height:38px}nav{gap:.8rem;font-size:.9rem}nav a:not(.nav-watch){display:none}.nav-watch{padding:.5rem .8rem}.hero-inner{padding:3.2rem 0 3rem}.hero-intro{font-size:1.05rem}.hero-actions{margin:1.6rem 0 2.4rem}.hero-art{border-width:5px;border-radius:14px}.hero-art img{height:210px;object-position:48% center}.art-caption{font-size:.73rem;left:.5rem;bottom:.5rem;max-width:90%;border-radius:10px}.section{padding:3.8rem 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:1.3rem}.story-grid{gap:.85rem}.story-info{padding:.9rem;min-height:175px}.story-info strong{font-size:1.12rem}.story-duration{font-size:.8rem}.play{width:40px;height:40px}.about-inner{grid-template-columns:1fr;gap:2rem}.about-mark{width:150px;height:150px;padding:12px;box-shadow:9px 9px 0 #dfc09a}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner p{font-size:.9rem}}@media(max-width:390px){.story-grid{grid-template-columns:1fr}.story-info{min-height:auto}.story-info strong{margin-bottom:0}.hero-art img{height:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}