.blog-hero{background:var(--color-dragee);padding:calc(46px + var(--space-10)) 0 var(--space-12);position:relative}.blog-hero__bunting{position:absolute;top:0;left:0;right:0}.blog-hero__grid{gap:var(--space-6);align-items:end;display:grid}.blog-hero__title{color:var(--color-primary);transform-origin:0 100%;max-width:16ch;margin-bottom:var(--space-5);font-size:clamp(2.5rem,1.6rem + 4vw,4.5rem);transform:rotate(-1.5deg)}.blog-hero__lede{color:var(--color-text);margin-bottom:var(--space-8)}.blog-hero__mascot{display:none}@media (width>=1024px){.blog-hero__grid{grid-template-columns:1fr auto}.blog-hero__mascot{width:210px;margin-bottom:calc(-1 * var(--space-6));display:block;transform:rotate(6deg)}}.blog-feature__grid{gap:var(--space-8);align-items:center;display:grid}.blog-feature__media{transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:rotate(-1deg)}.blog-feature__image{border:6px solid #fff;border-radius:28px;box-shadow:0 26px 40px -30px #2a140c99}.blog-feature__media:hover{transform:rotate(.4deg)translateY(-4px)}.blog-feature__meta{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.9375rem;font-weight:700;display:flex}.blog-feature__cat{color:var(--color-primary);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.blog-feature__title{color:var(--color-primary);transform-origin:0;margin-bottom:var(--space-4);font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem);transform:rotate(-1deg)}.blog-feature__title a{color:inherit;text-decoration:none}.blog-feature__title a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:6px;text-decoration-thickness:3px}.blog-feature__text{margin:0 0 var(--space-8);max-width:48ch;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}@media (width>=1024px){.blog-feature__grid{gap:var(--space-16);grid-template-columns:7fr 5fr}}.blog-fete{background:var(--color-primary);color:#fff;padding:var(--space-12) 0}.blog-fete__inner{gap:var(--space-6);align-items:center;display:grid}.blog-fete__title{color:#fff;transform-origin:0;text-shadow:0 3px #78001959;margin-bottom:var(--space-3);font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);transform:rotate(-1deg)}.blog-fete__text{max-width:52ch;margin:0;line-height:1.6}.blog-fete__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=1024px){.blog-fete__inner{gap:var(--space-12);grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){.blog-feature__media{transition:none}}
