#image{background:var(--highlight);height:75vh;margin-top:calc(0px - var(--header-height));min-height:600px;max-height:1200px;z-index:2;}#image img{left:0;object-fit:cover;top:0;height:100%;width:100%;}#image+#content{padding-top:40px;}#image+#content::before{background:var(--background);clip-path:polygon(0% 35%,0% 100%,100% 100%,100% 0%);bottom:100%;content:"";height:calc(var(--header-height) * 2);left:0;position:absolute;right:0;transform:translatey(65%);z-index:-1;}#content>h1:first-child,#content>h2:first-child,#content>#preview:first-child+h1,#content>#preview:first-child+h2{font-size:clamp(40px,40px + 2vw,85px);margin:0 0 20px;}#content p.intro{background:none;border-width:0;color:var(--primary);font-size:clamp(24px,12px + 1vw,36px);font-weight:300;line-height:max(1.333em,24px);padding:0;}#content>:not(.info,.warning) p:not(.warning){font-size:clamp(16px,8px + 1vw,20px);font-weight:600;line-height:clamp(32px,2em,36px);}#quick{border-top:1px solid var(--secondary);flex-wrap:wrap;gap:40px 20px;justify-content:space-evenly;margin-top:40px;padding-top:40px;}#quick>li{flex:1;line-height:20px;padding:0;max-width:170px;}#quick a:is(:active,:focus,:hover){color:var(--primary);}#quick svg{fill:var(--secondary);margin-bottom:10px;transition:fill var(--transition-duration) var(--transition-timing);width:100%;max-width:100px;}#quick a:is(:active,:focus,:hover)>svg{fill:var(--primary);}@media(max-width:660px){#header{border-top:1px solid var(--primary);height:calc(var(--header-height) + 1px);top:-1px;}}@media(max-width:360px){#quick>li{flex:1 1 100%;}}@media(min-width:361px){#quick>li{flex:1 1 calc((100% - 20px) / 2);}}@media(min-width:561px){#quick>li{flex:1 1 calc((100% - (20px * 2)) / 3);}}@media(min-width:661px){body:not(.smallheader,[data-menu=true]) #logo{border-color:rgba(0,157,177,.5);}}@media(min-width:601px){#content{columns:2;gap:40px;}#content>*{break-inside:avoid;}#preview,#quick{column-span:all;}}@media(min-width:801px){#quick>li{flex:1 1 calc((100% - (20px * 5)) / 6);}}@media(prefers-reduced-motion:reduce){@media(max-width:660px){#switch{top:calc(0px - var(--header-shift) - 1px);}}}@media(prefers-reduced-motion:no-preference){body:not(.smallheader)>#header::before{background:var(--background);}#header::after{transition-property:background,opacity,transform;}body:not(.smallheader)>#header::after{background:var(--highlight);}#logo use,#switch use{transition:fill var(--transition-duration) var(--transition-timing);}body:not(.smallheader,[data-menu=true]) #logo use.foreground{fill:var(--foreground);}body:not(.smallheader,[data-menu=true]) #logo use.primary{fill:var(--primary);}body:not(.smallheader,[data-menu=true]) #logo use.secondary{fill:var(--secondary);}body:not(.smallheader,[data-menu=true]) #logo use.highlight{fill:var(--highlight);}@media(max-width:660px){#switch{position:fixed;top:0;}}@media(min-width:661px){body:not(.smallheader,[data-menu=true]) #switch use:first-of-type{fill:var(--primary);}body:not(.smallheader,[data-menu=true]) #switch use:last-of-type{fill:#a39161;}}#nav>h2,#translate,#navicon{transition:color var(--transition-duration) var(--transition-timing);}body:not(.smallheader,[data-menu=true]) #nav>h2,body:not(.smallheader,[data-menu=true]) #translate,body:not(.smallheader,[data-menu=true]) #navicon{color:var(--foreground);}#image{animation:fadein calc(var(--transition-duration) * 1.5) forwards 1 var(--transition-duration);opacity:0;}#image>img{animation:fadein calc(var(--transition-duration) * 2) forwards 1 calc(var(--transition-duration) * 1.5);opacity:0;}}