@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap');
:root{--overlay-home:rgba(255,0,0,.32);--overlay-sub:rgba(242,29,97,.85);--bg:#fff8e7}
*{box-sizing:border-box}
html{font-size:62.5%}
body{margin:0;min-height:100vh;background:var(--bg);color:#fff;font:400 1.8rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif}
#backdrop{position:fixed;inset:0;overflow:hidden;z-index:0;background:var(--bg)}
#backdrop iframe{position:absolute;top:50%;left:50%;width:max(116vw,206.2vh);height:max(65.25vw,116vh);transform:translate(-50%,-50%);border:0;opacity:0;transition:opacity 1.2s;pointer-events:none}
#backdrop.playing iframe{opacity:.93}
#tint{position:fixed;inset:0;z-index:1;background:var(--overlay-home);pointer-events:none}
body.sub #tint{background:var(--overlay-sub)}
main{position:relative;z-index:2;min-height:100vh;display:flex;align-items:flex-end;padding:3.8rem}
body.sub main{align-items:flex-start;display:block;padding-top:6rem}
.content{width:100%;max-width:100rem}
main a{color:#fff;text-decoration:none;border-bottom:.08em solid rgba(255,255,255,.5)}
main a:hover{border-bottom-color:#fff}
main a.image-link,main a.icon-link{border:0}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:7rem;line-height:1;margin:0}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.8rem;line-height:1.4;margin:0}
small{display:inline-block;font:400 1.4rem/1.3 Karla,Helvetica,sans-serif;color:rgba(255,255,255,.9)}
small a{color:rgba(255,255,255,.9);border-bottom-width:.1em}
img{max-width:100%;height:auto;border:0;margin-bottom:1em}
.embed{position:relative;padding-top:56.25%;margin:0 0 1.5em}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
[grid-row]{display:flex;flex-wrap:wrap;gap:4rem}
[grid-col]{flex:1 1 30rem;min-width:0}
ul.links{list-style:none;padding:0;margin:1.2rem 0 3.2rem;max-width:72rem}
h2.sec{margin-top:2.4rem}
ul.links li{margin:0 0 1.2rem;font:400 1.6rem/1.35 Karla,Helvetica,sans-serif}
.home-link{position:fixed;top:1.6rem;left:1.6rem;z-index:3;font:400 1.4rem Karla,sans-serif;color:#fff;text-decoration:none;border:0!important;opacity:.85}
.home-link:hover{opacity:1}
@media (max-width:640px){main{padding:2.4rem 1.6rem}h1{font-size:4.2rem}[grid-row]{gap:0}}
@media (prefers-reduced-motion:reduce){#backdrop iframe{display:none}}