@font-face{font-family:"Oswald";src:url("/fonts/oswald.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;}
:root{--font-display:"Oswald", system-ui, sans-serif;}
h1,h2,h3,.font-display{font-family:"Oswald", system-ui, sans-serif;letter-spacing:.01em;font-weight:600;}

.logo-img{height:4rem;width:auto;display:block;}
html{scroll-padding-top:5rem;}
.logo-img--hero{height:clamp(4rem,11vw,6.5rem);width:auto;margin:0 auto 1.25rem;}
.logo-img--footer{height:3rem;width:auto;margin:0 auto;}

.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;background:#000;border-radius:.5rem;overflow:hidden;}
.yt img{width:100%;height:100%;object-fit:cover;display:block;}
.yt::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);transition:background .2s;}
.yt:hover::after{background:rgba(0,0,0,.1);}
.yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:12px;background:#e11d2a;display:flex;align-items:center;justify-content:center;z-index:1;}
.yt-play::before{content:"";border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;margin-left:4px;}
.yt.is-active::after,.yt.is-active .yt-play{display:none;}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out;}
.lightbox[hidden]{display:none;}
.lightbox img{max-width:95vw;max-height:90vh;width:auto;height:auto;border-radius:.25rem;}
.lightbox-close{position:absolute;top:1rem;right:1.25rem;color:#fff;font-size:2.5rem;line-height:1;background:none;border:0;cursor:pointer;}

.timeline{position:relative;margin-top:2rem;}
.timeline-item{position:relative;padding-left:1.5rem;padding-bottom:1.5rem;border-left:2px solid rgba(225,29,42,.4);}
.timeline-item:last-child{border-left-color:transparent;padding-bottom:0;}
.timeline-item::before{content:"";position:absolute;left:-7px;top:.35rem;width:12px;height:12px;border-radius:50%;background:#e11d2a;}
.timeline-year{font-family:"Oswald",system-ui,sans-serif;color:#e11d2a;font-size:1.5rem;line-height:1;}
.timeline-text{color:rgba(255,255,255,.78);margin-top:.25rem;}

[data-form-status][data-state="ok"]{color:#4ade80;}
[data-form-status][data-state="err"]{color:#f0303d;}

[data-nav-mobile]:not([hidden]){display:flex;}
@media(min-width:768px){[data-nav-mobile]{display:none!important;}}