[data-astro-cid-j7pv25f6]{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{--logo-size: 400px;--skew: -5deg;margin:0;padding:0;font-family:sans-serif;.hero[data-astro-cid-j7pv25f6]{height:152px;width:100dvw;position:sticky;top:0;.inner[data-astro-cid-j7pv25f6]{display:grid;grid-template-rows:[full-height-start] 1fr [center-start] calc(var(--logo-size)/2) [center-center] calc(var(--logo-size)/2) [center-end] 1fr [full-height-end];grid-template-columns:[full-width-start] 1fr [center-start] calc(var(--logo-size)/2) [center-center] calc(var(--logo-size)/2) [center-end] 1fr [full-width-end];height:100dvh;overflow-x:clip;@support (animation-timeline: scroll()){animation: scale-hero forwards; animation-timeline: scroll(); animation-range: 0 50dvh;}& h1[data-astro-cid-j7pv25f6]{grid-row:full-height-start;grid-column:full-width;position:relative;z-index:2;font-size:60px;color:#f6434f;text-shadow:-1px 1px 0px #f6434f,-2px 2px 0px #d83a45,-3px 3px 0px #c2333d,-4px 4px 0px #b02e36,-5px 5px 0px #a32a32,-6px 6px 0px #9c2830,-7px 7px 0px #94262e,-8px 8px 0px #89232a,-9px 9px 0px #812127,-10px 10px 0px #791f25,-10px 10px 30px rgba(0,0,0,.8);margin:0 0 0 30px;height:100px;line-height:100px;text-align:center;background:#0000;align-self:start;@support (animation-timeline: scroll()){animation: scale-font forwards; animation-timeline: scroll(); animation-range: 0 50dvh;}}.logo[data-astro-cid-j7pv25f6]{--opacity: 0;grid-row:center;grid-column:center;position:relative;top:0;left:50%;z-index:2;height:var(--logo-size);aspect-ratio:1;border-radius:100dvw;border:20px solid #f6434f;transform:rotate(var(--skew)) translate(-50%);background-color:#000;background-image:url(/img/6SRP_logo_lazy.png);background-size:contain;@support (animation-timeline: scroll()){animation: scale-img forwards; animation-timeline: scroll(); animation-range: 0 50dvh;}&:before{content:"";position:absolute;top:0;left:0;height:calc(var(--logo-size) - 40px);aspect-ratio:1;border-radius:100dvw;background:var(--src);background-size:contain;z-index:1;opacity:var(--opacity);transition:opacity 1s ease-in-out}}& nav[data-astro-cid-j7pv25f6]{grid-row:center-center;grid-column:full-width;position:relative;top:0;z-index:1;display:flex;justify-content:space-between;gap:var(--logo-size);width:calc(100% + 5px);height:50px;background:linear-gradient(90deg,#791f25,#f6434f calc(50% - (var(--logo-size)/2)) calc(50% + (var(--logo-size)/2)),#791f25);transform:skewY(var(--skew)) translateY(-40%);@support (animation-timeline: scroll()){animation: deskew-nav forwards; animation-timeline: scroll(); animation-range: 0 50dvh;}& ul[data-astro-cid-j7pv25f6]{flex:1;display:inline-block;padding:0;margin:0;height:100%;display:inline-flex;align-items:center;justify-content:center;& li[data-astro-cid-j7pv25f6]{display:inline-block;list-style:none;margin:0 1rem;& a[data-astro-cid-j7pv25f6]{color:#fff;text-decoration:none;font-size:1.5rem;transition:color .2s ease-in-out;&:hover{color:#ccc}}}}}.background{--opacity: 0;grid-row:full-height;grid-column:full-width;position:relative;top:-10dvh;width:100dvw;height:70dvh;background:url(img/6SRP_hero_lazy.png),linear-gradient(180deg,#0000,#00000080);background-size:cover;background-position:bottom;transform:skewY(var(--skew));transform-origin:top left;@support (animation-timeline: scroll()){animation: deskew-before forwards; animation-timeline: scroll(); animation-range: 0 50dvh;}&:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--src);background-size:cover;background-position:bottom;z-index:1;opacity:var(--opacity);transition:opacity 1s ease-in-out}}}}@media (width <= 600px){--logo-size: 250px;.hero[data-astro-cid-j7pv25f6]{.inner[data-astro-cid-j7pv25f6]{.logo[data-astro-cid-j7pv25f6]{border-width:14px;&:before{height:calc(var(--logo-size) - 28px)}}}}}}@keyframes scale-hero{to{height:200px;grid-template-rows:[full-height-start] 1fr [center-start] 51px [center-center] 51px [center-end] 1fr [full-height-end]}}@keyframes scale-img{to{height:142px;border-width:7px}}@keyframes scale-font{to{background:#0006;font-size:25px;line-height:50px;margin:0 0 -56px}}@keyframes deskew-nav{to{transform:skewY(0)}}@keyframes deskew-before{to{top:0;transform:skewY(0);height:130px}}