button{background:transparent;border:none;cursor:pointer;padding:0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{--page-reference-width:600;--canvas-width:100vw;--body-canvas-width:var(--canvas-width);font-size:min(calc(var(--body-canvas-width) / var(--page-reference-width)),1px);height:100%;overflow-y:overlay;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}
body{line-height:1;height:fit-content;max-width:100vw;overflow-x:hidden;overflow-x:clip;font-family:Lato,Arial,sans-serif}
strong{font-weight:700}
em{font-style:italic}
.site-view{display:flex;min-height:100%;width:100%}
.body-content{width:100%}
.page-view{position:relative;width:100%;box-sizing:border-box;touch-action:manipulation;min-height:100vh}
.page-view.autoresponsive{--rpx:1rem}
h1.hidden{display:none}
section[data-type=section]{position:relative;display:flex;height:fit-content;overflow:hidden}
section[data-type=section] div[data-type=content]{margin:0 auto;position:relative;width:100%;height:calc(var(--height) * var(--rpx));max-width:calc(var(--max-width) * var(--parent-rpx));box-sizing:border-box}
.block{display:block;position:absolute;left:calc(var(--x) * var(--rpx));top:calc(var(--y) * var(--rpx));z-index:var(--z);width:calc(var(--width) * var(--rpx));height:calc(var(--height) * var(--rpx));box-sizing:border-box;touch-action:manipulation;text-size-adjust:none;outline:none;--block-on-hover-transform:scale(1);transform:translateZ(0) translate(-50%,-50%) rotate(calc(var(--rotation) * 1deg)) scaleX(var(--scale-x)) scaleY(var(--scale-y))}
.block-content{position:relative;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box;outline:none;z-index:0;transition:transform .1s ease-in-out,opacity .1s ease-in-out;transform:translateZ(0) var(--block-on-hover-transform)}
.block:not(.overflow-visible)>div{overflow:hidden}
.block[data-type=gif] img,.block[data-type=image] img{width:100%;height:100%;color:transparent;vertical-align:top}
.block.hyperlinked .link-overlay{position:absolute;inset:0;height:100%;width:100%;white-space:nowrap;text-decoration:none;cursor:pointer;display:block;line-height:0;font-size:0}
.block.hyperlinked .link-overlay img{display:block;width:100%;height:100%}
@media not all and (hover:none){.block-content.grow-on-hover:hover{--block-on-hover-transform:scale(1.03)}}
.text-content{width:100%;height:100%;white-space:pre-wrap;word-break:break-word}
.text-content p{margin:0}
@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
