@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/nunito-latin-400-normal.r8SDr6Up.woff2)format("woff2"),url(/_astro/nunito-latin-400-normal.DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-700-normal.Dort48En.woff2)format("woff2"),url(/_astro/nunito-latin-700-normal.OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/nunito-latin-900-normal.BVB1fGs6.woff2)format("woff2"),url(/_astro/nunito-latin-900-normal.CVn49sIn.woff)format("woff")}:root{color-scheme:light;--blue:#204f73;--yellow:#ffbc29;--cream:#fff3de;--white:#fff;--page-width:75rem;--space:.25rem;color:var(--blue);background:var(--cream);font-synthesis:none;font-family:Nunito,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:1.125rem;line-height:1.65}img,video{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em}button,summary{font:inherit}button,a,summary,video{touch-action:manipulation}button:not(:disabled),summary,a[href]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}main:focus{outline:none}[hidden]{display:none!important}.container{width:min(var(--page-width), calc(100% - 4rem));margin-inline:auto}.skip-link{z-index:50;background:var(--blue);color:var(--white);border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{outline-color:var(--yellow);transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;display:flex}.brand{flex-shrink:0;width:11rem;display:block}.brand img{width:100%;height:auto}.site-header nav a{align-items:center;min-height:48px;padding:.5rem 0;font-size:1rem;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.site-header nav a:hover{text-decoration-thickness:3px}.welcome{grid-template-columns:.88fr 1.32fr;align-items:center;gap:3rem;padding-top:2rem;padding-bottom:4rem;display:grid}.welcome-copy{padding-bottom:4rem;position:relative}h1,h2,p,figure{margin:0}h1,h2{text-wrap:balance;font-weight:900}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,4.3vw,4rem);line-height:1.08}.welcome-copy>p{max-width:34ch;margin-top:1.5rem}.text-link{align-items:center;gap:.5rem;min-height:48px;margin-top:1.5rem;font-size:1rem;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.text-link:hover{text-decoration-thickness:3px}.welcome-screen{min-width:0;position:relative}.welcome-pencil{color:var(--yellow);transform-origin:0;margin-top:.75rem;display:block}.welcome-spark{z-index:10;color:var(--yellow);pointer-events:none;position:absolute;top:-1.25rem;right:1.5rem}.film-frame{background:var(--blue);box-shadow:.75rem .75rem 0 var(--yellow);border-radius:2rem 2rem 2rem .5rem;padding:.5rem;position:relative}video{aspect-ratio:16/9;background:var(--blue);border-radius:1.5rem 1.5rem 1.5rem .25rem;width:100%;height:auto}video::cue{background:var(--blue);color:var(--white);font-family:Nunito,sans-serif}figcaption{margin-top:1.5rem;font-size:.9375rem;font-weight:700}figcaption span{font-weight:400}.film-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.button{border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;min-height:48px;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.button svg{flex-shrink:0}.button-primary{background:var(--yellow);color:var(--blue)}.button-primary:hover{background:var(--blue);color:var(--white)}.button-outline{border-color:var(--blue);background:0 0}.button-outline:hover{background:var(--blue);color:var(--white)}.button-quiet{border-color:var(--blue);background:0 0}.button-quiet:hover{background:var(--blue);color:var(--white)}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.text-link svg{transition:transform .18s}.text-link:hover svg,.text-link:focus-visible svg{transform:translateY(3px)}.music-option{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1rem;display:flex}.music-note{max-width:34ch;font-size:.875rem;line-height:1.5}.film-note{max-width:62ch;min-height:2.625rem;margin-top:.75rem;font-size:.875rem;line-height:1.5}.social-section{border-top:2px solid var(--yellow);padding-block:2.5rem 3rem;scroll-margin-top:2rem}.social-intro{justify-content:center;align-items:center;gap:1.5rem;display:flex}.avatar{object-fit:cover;border:.25rem solid var(--yellow);border-radius:50%;width:7rem;height:7rem}h2{letter-spacing:-.025em;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}.social-intro p{margin-top:.5rem}.social-handle{font-size:1rem;font-weight:700}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.social-button{padding:1rem 1.5rem}.transcript-section{padding-bottom:3rem}details{max-width:48rem;margin-inline:auto}summary{min-height:48px;padding:.75rem .25rem;font-size:1rem;font-weight:700}summary:hover{text-underline-offset:.25em;text-decoration:underline}.transcript{max-width:65ch;padding:1rem 0}.transcript p+p{margin-top:1rem}.scene-description{background:var(--white);border-left:.25rem solid var(--yellow);padding:1rem}.site-footer{background:var(--blue);color:var(--cream)}.footer-inner{justify-content:space-between;align-items:center;gap:2rem;padding-block:2rem;display:flex}.footer-inner img{width:8rem;height:auto}.footer-inner p{font-size:.9375rem;line-height:1.5}.site-footer :focus-visible{outline-color:var(--yellow)}@media (width>=1600px){.welcome{padding-top:3rem;padding-bottom:5rem}}@media (width<=900px){.welcome{grid-template-columns:1fr;gap:2.5rem;padding-top:1rem;padding-bottom:2.5rem}.welcome-copy{max-width:38rem;padding-bottom:0}h1{max-width:20ch;font-size:clamp(2.5rem,6.5vw,3.75rem)}.welcome-copy>p{max-width:50ch;margin-top:1rem}.text-link{margin-top:.75rem}.welcome-screen{justify-self:center;width:100%;max-width:44rem}}@media (width<=540px){.container{width:calc(100% - 2.5rem)}.site-header{padding-block:1.5rem}.brand{width:10rem}.site-header nav a{font-size:.875rem}.welcome{gap:2rem}h1{font-size:clamp(2.125rem,9vw,2.75rem)}.film-frame{box-shadow:.5rem .5rem 0 var(--yellow);border-radius:1.25rem 1.25rem 1.25rem .5rem;padding:.25rem}video{border-radius:1rem 1rem 1rem .25rem}figcaption span{display:block}.social-section{padding-block:2rem}.social-intro{align-items:flex-start;gap:1rem}.avatar{border-width:.125rem;width:4.5rem;height:4.5rem}.social-intro h2{font-size:1.75rem}.social-intro p{font-size:1rem}.social-links{gap:.75rem;margin-top:1.5rem}.social-links li,.social-button{width:100%}.footer-inner{align-items:flex-start;gap:1rem}.footer-inner img{width:6rem}.footer-inner p{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover,.button:focus-visible,.button:active,.text-link:hover svg,.text-link:focus-visible svg{transform:none}}@media (prefers-reduced-motion:no-preference){.intro-playing .brand img{animation:.65s cubic-bezier(.2,.7,.2,1) both welcome-settle}.intro-playing .welcome-copy h1{animation:.7s cubic-bezier(.2,.7,.2,1) 80ms both welcome-settle}.intro-playing .welcome-copy>p{animation:.65s cubic-bezier(.2,.7,.2,1) .18s both welcome-settle}.intro-playing .film-frame{animation:.8s cubic-bezier(.2,.7,.2,1) .12s both welcome-settle}.intro-playing .welcome-pencil{animation:.65s cubic-bezier(.2,.7,.2,1) .25s both welcome-pencil}.intro-playing .welcome-spark{animation:1.1s cubic-bezier(.2,.7,.2,1) both welcome-spark}.intro-paused .welcome *,.intro-paused .brand img{animation-play-state:paused}}@keyframes welcome-settle{0%{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-pencil{0%{opacity:.3;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@keyframes welcome-spark{0%{opacity:.35;transform:scale(.8)rotate(-12deg)}55%{opacity:1;transform:scale(1.08)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}
