@font-face{font-family:Blackletter;src:url('assets/fonts/UnifrakturMaguntia-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.cover-page{margin:0;background:#171717}.portrait-cover{height:100svh;min-height:540px;background:#171717}.portrait-cover>img{width:100%;height:100%;object-fit:cover;object-position:66% 50%}
.cover-title{top:25%;left:3%;right:auto;width:49%;text-align:center}.cover-title h1{font:400 clamp(52px,6.8vw,112px)/1.1 Blackletter,Georgia,serif;color:#ff170e;letter-spacing:-.025em;white-space:nowrap;margin:0 0 12px;text-shadow:none}.cover-title p{font:400 clamp(13px,1.5vw,22px)/1.2 Arial,sans-serif;letter-spacing:0;color:#fff}
.cover-navigation{left:27.5%;bottom:24%;background:none;padding:0;gap:6px;max-width:none;flex-wrap:nowrap;font:400 clamp(14px,1.3vw,19px)/1 Arial,sans-serif;text-transform:uppercase;align-items:center}.cover-navigation a{display:block;padding:16px 12px;color:#fff;transform:rotate(var(--tilt));transition:transform .25s ease,color .25s ease;text-decoration:none}.cover-navigation a:nth-child(1){--tilt:3deg}.cover-navigation a:nth-child(2){--tilt:-6deg;margin-top:-28px}.cover-navigation a:nth-child(3){--tilt:2deg}.cover-navigation a:hover,.cover-navigation a:focus-visible{transform:translateY(-5px) rotate(0deg);color:#ff382f;text-decoration:none}.cover-navigation a:active{transform:translateY(-1px)}
@media(min-aspect-ratio:19/10){.portrait-cover>img{object-fit:contain}.cover-title{top:14%}}
@media(max-width:700px){.portrait-cover{min-height:600px}.portrait-cover>img{object-position:68% center}.cover-title{top:6%;left:3%;width:94%}.cover-title h1{font-size:clamp(42px,10vw,70px)}.cover-title p{font-size:14px}.cover-navigation{left:50%;bottom:5%;font-size:15px;gap:9px}.cover-navigation a{padding:16px 13px}.cover-navigation a:nth-child(2){margin-top:-16px}}
@media(prefers-reduced-motion:reduce){.cover-navigation a{transition:none}}
.portrait-cover>img{object-position:center 60%}
.cover-title{left:2%;width:40%}.cover-title h1{font-size:clamp(45px,5.3vw,92px)}
.cover-navigation{left:23%;bottom:17%;width:42%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;font-size:clamp(12px,1.1vw,17px)}
.cover-navigation a{padding:14px 9px}.cover-navigation a:nth-child(2){margin-top:0}.cover-navigation a:nth-child(4){--tilt:-3deg}.cover-navigation a:nth-child(5){--tilt:4deg}.cover-navigation a:nth-child(6){--tilt:-2deg}
@media(max-width:700px){.portrait-cover>img{object-position:center center}.cover-title{left:3%;width:94%;top:6%}.cover-title h1{font-size:clamp(40px,10vw,70px)}.cover-navigation{left:50%;bottom:3%;width:94%;gap:2px 7px;font-size:12px}.cover-navigation a{padding:13px 7px}}
.cover-title{top:4%;left:auto;right:3%;width:auto;text-align:right}
.cover-title h1{font-size:clamp(52px,6.1vw,104px)}
.cover-title p{font-size:clamp(15px,1.7vw,25px)}
.cover-navigation{gap:17px 13px}
.cover-navigation a{background:#fff;color:#000;padding:14px 13px;box-shadow:none;position:relative;z-index:1;transition:color .2s ease,box-shadow .2s ease;animation:label-drift 3s ease-in-out 1;transform-origin:center}
.cover-navigation a:nth-child(2n){animation-delay:-2s}.cover-navigation a:nth-child(3n){animation-delay:-4s}
.cover-navigation a:hover,.cover-navigation a:focus-visible{color:#000;background:#fff;z-index:3;animation:label-spin .75s cubic-bezier(.22,.65,.3,1) both;box-shadow:0 5px 15px #0002}
@keyframes label-drift{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-5px) rotate(calc(var(--tilt) * -1))}}
@keyframes label-spin{from{transform:rotate(var(--tilt))}to{transform:rotate(360deg) translateY(-3px)}}
@media(max-width:700px){.cover-title{top:5%;left:auto;right:5%;width:90%;text-align:right}.cover-title h1{font-size:clamp(38px,10.7vw,68px)}.cover-title p{font-size:16px}.cover-navigation{gap:12px 8px;bottom:3%;font-size:11px}.cover-navigation a{padding:13px 9px}}
@media(prefers-reduced-motion:reduce){.cover-navigation a,.cover-navigation a:hover,.cover-navigation a:focus-visible{animation:none;transition:none;transform:rotate(var(--tilt))}}
.cover-title p{text-align:center}.portrait-cover>img{filter:url(#portrait-sharpen)}
.cover-navigation a:hover,.cover-navigation a:focus-visible{animation-name:label-spin}
.cover-navigation a:nth-child(2):is(:hover,:focus-visible){animation-name:label-zoom}
.cover-navigation a:nth-child(3):is(:hover,:focus-visible){animation-name:label-flip}
.cover-navigation a:nth-child(4):is(:hover,:focus-visible){animation-name:label-rock}
.cover-navigation a:nth-child(5):is(:hover,:focus-visible){animation-name:label-pulse}
.cover-navigation a:nth-child(6):is(:hover,:focus-visible){animation-name:label-bounce}
@keyframes label-zoom{0%,100%{transform:scale(1)}35%{transform:scale(.78)}70%{transform:scale(1.17)}}
@keyframes label-flip{from{transform:perspective(500px) rotateY(0)}to{transform:perspective(500px) rotateY(360deg)}}
@keyframes label-rock{0%,100%{transform:rotate(0)}25%{transform:rotate(-13deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-5deg)}}
@keyframes label-pulse{0%,100%{transform:scale(1)}30%{transform:scale(1.13)}65%{transform:scale(.92)}}
@keyframes label-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}70%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.cover-navigation a:is(:hover,:focus-visible){animation:none}}
.portrait-photo{position:absolute;inset:0;width:100%;height:100%;display:block}.cover-title{top:3%;right:3%;width:39%;text-align:center}.cover-title h1{font-size:clamp(48px,5.4vw,94px)}.cover-navigation{left:auto;right:3%;top:23%;bottom:auto;transform:none;width:30%;gap:22px 18px;justify-content:center;font-size:13px}.cover-navigation a{padding:13px 12px}.cover-navigation a:nth-child(7){--tilt:3deg}
@media(max-width:900px){.portrait-cover{min-height:900px;height:125svh}.portrait-photo{top:320px;height:calc(100% - 320px)}.cover-title{top:25px;right:5%;width:90%}.cover-title h1{font-size:clamp(40px,8vw,70px)}.cover-navigation{top:155px;left:5%;right:5%;width:90%;gap:16px 12px;font-size:11px}.cover-navigation a{padding:11px}}
@media(max-width:900px){.portrait-cover{height:calc(320px + 100vw);min-height:0}.portrait-photo{height:auto;aspect-ratio:1;top:320px}}
@media(min-width:901px){.cover-navigation{top:23%;height:30%;width:29%;right:3%;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;justify-items:center;gap:18px 20px}.cover-navigation a{white-space:nowrap}.cover-navigation a:nth-child(4){grid-column:1/-1}.cover-navigation a:nth-child(7){grid-column:1/-1}}
@media(min-width:901px){.cover-title{top:8%}.cover-navigation{top:28%}}
@media(max-width:900px){.cover-title{top:55px}.cover-navigation{top:185px}.portrait-photo{top:350px}.portrait-cover{height:calc(350px + 100vw)}}
@media(min-width:901px){
.cover-navigation a:nth-child(n){grid-column:auto;grid-row:auto}
.cover-navigation a:nth-child(1){grid-column:1;grid-row:1}
.cover-navigation a:nth-child(2){grid-column:2;grid-row:1}
.cover-navigation a:nth-child(3){grid-column:1/-1;grid-row:2}
.cover-navigation a:nth-child(4){grid-column:1/-1;grid-row:3}
.cover-navigation a:nth-child(5){grid-column:1;grid-row:4}
.cover-navigation a:nth-child(6){grid-column:2;grid-row:4}
.cover-navigation a:nth-child(7){grid-column:1/-1;grid-row:5}
}
@media(min-width:901px){
.cover-title{top:clamp(22px,4vh,46px)}
.cover-title h1{margin-bottom:8px}
.cover-title p{display:table;margin:0 auto;background:#000;padding:3px 10px;line-height:1.25}
}
@media(max-width:900px){.cover-title p{display:table;margin:0 auto;background:#171717;padding:3px 10px;line-height:1.25}}
.cover-navigation a:nth-child(n),.cover-navigation a:nth-child(n):is(:hover,:focus-visible){animation:none;transform:none;background:none;box-shadow:none;padding:0}
.cover-navigation a span{display:block;background:#fff;color:#000;padding:13px 12px;transform:rotate(var(--tilt));pointer-events:none}
.cover-navigation a:is(:hover,:focus-visible) span{animation:label-spin .75s ease both}
.cover-navigation a:nth-child(2):is(:hover,:focus-visible) span{animation-name:label-zoom}
.cover-navigation a:nth-child(3):is(:hover,:focus-visible) span{animation-name:label-flip}
.cover-navigation a:nth-child(4):is(:hover,:focus-visible) span{animation-name:label-rock}
.cover-navigation a:nth-child(5):is(:hover,:focus-visible) span{animation-name:label-pulse}
.cover-navigation a:nth-child(6):is(:hover,:focus-visible) span{animation-name:label-bounce}
@media(max-width:900px){.cover-navigation a span{padding:11px}}
@media(prefers-reduced-motion:reduce){.cover-navigation a:is(:hover,:focus-visible) span{animation:none}}
.cover-title h1{margin-bottom:0}
.cover-title p{background:transparent;padding:0;margin:0 auto;line-height:1.15}

.foreground-fixie{position:absolute;width:min(560px,44vw);height:auto;aspect-ratio:1962/440;left:8%;bottom:-32px;pointer-events:none;z-index:1;overflow:visible}.cover-title,.cover-navigation{z-index:3}@media(max-width:900px){.foreground-fixie{width:78vw;left:3%;bottom:-17px}}