/*
Theme Name: Spiggy Jr.
Version: 0.1.0
Description: A lightweight, editable home for Spiggy Jr. cartoons.
Author: John Ikuma
*/
:root{--blue:#075cbb;--ink:#12335d;--orange:#ffac24;--cream:#fff9ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:16px;background:white;padding:10px;z-index:9}.wrap{max-width:1160px;margin:auto;padding:0 32px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #12335d20}.wordmark{font-weight:900;font-size:25px;text-decoration:none;letter-spacing:-1px}.wordmark span{color:#a95100}.nav{display:flex;gap:28px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:700;font-size:16px}.nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-top:80px;padding-bottom:88px}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:2px;color:var(--blue)}h1,h2,h3{line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(44px,5.3vw,68px);margin:18px 0 24px}h2{font-size:42px;margin:0 0 24px}h3{font-size:29px;margin:16px 0}p{max-width:650px}.hero p{font-size:20px;margin:0 0 30px}.logo{width:100%;height:auto;display:block}.logo-stage{background:#fff;border-radius:50% 50% 40% 40%;padding:15px;border:2px solid #f1e6d2;transform:rotate(-3deg)}.button,.wp-block-button__link{display:inline-block;padding:14px 25px;border-radius:100px;background:var(--blue);color:white;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 5px 0 #12335d}.button:hover,.wp-block-button__link:hover{background:#034b9a;transform:translateY(-1px)}.hero .sub-link{display:inline-block;margin-left:20px;font-size:16px;font-weight:700}.ribbon{background:var(--orange);padding:17px;text-align:center;font-weight:800;font-size:16px;letter-spacing:.5px}.content{padding-top:72px;padding-bottom:72px}.content .wp-block-group{margin-bottom:64px}.wp-block-columns{display:flex;gap:28px}.wp-block-column{flex:1;min-width:0}.production{padding:32px;border:2px solid #12335d;border-radius:25px;background:white;box-shadow:6px 6px 0 #e5d8bd}.production.halloween{background:#fff0d7}.production p{font-size:17px}.production .eyebrow{margin:0}.about{background:#e7f1ff;border-radius:28px;padding:40px}.social-links{display:flex;gap:20px;flex-wrap:wrap}.social-links a{font-weight:700}.site-footer{border-top:1px solid #12335d20;padding-top:28px;padding-bottom:32px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.site-footer p{margin:0}.page-content{padding-top:60px;padding-bottom:60px}img{max-width:100%;height:auto}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.site-header{align-items:flex-start}.nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:48px;gap:40px}.logo-stage{max-width:480px;justify-self:center;grid-row:1}.hero h1{font-size:44px}.wp-block-columns{flex-direction:column}.content{padding-top:48px}.about{padding:26px}h2{font-size:34px}.site-footer{flex-direction:column}.hero .sub-link{margin-left:14px}.production{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
@media(max-width:480px){.site-header{flex-direction:column;align-items:center;gap:12px}.wordmark{white-space:nowrap}.nav{justify-content:center;gap:24px}.hero .sub-link{display:block;margin:22px 0 0}}