@layer page{.contents main{padding:0}.typeFilter{display:none}.js .typeFilter{z-index:10;width:100%;padding:0 var(--body-padding);text-align:center;justify-content:center;align-items:center;gap:var(--body-padding);background-color:var(--white);margin:0 auto;list-style-type:none;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);& li{text-transform:lowercase;font-size:var(--fontsize-0)}& .filterTypeAll--hidden{display:none}& .selected{font-variation-settings:"EXPO" -30;transition:all .2s}}.contentList{grid-template-columns:1fr;margin:0;padding:0;line-height:1.1;list-style-type:none;display:grid;& p{margin:0}}.titleWrapper{display:none}.contentElementWrapper{padding-block:var(--space-1);justify-content:center;align-items:center;transition:all .3s;display:flex;&.hiddenByFilter{opacity:0;pointer-events:none;height:0;padding:0;overflow:hidden}&.odd{background-color:#f3f3f3}}.contentElement{width:fit-content;height:min-content;font-size:var(--fontsize-0);font-variation-settings:var(--weight-light);transition:opacity var(--transiOut);padding-block:calc(2*var(--body-padding));grid-column:1;justify-items:center;text-decoration:none;display:grid}.contentType{text-transform:capitalize;line-height:var(--line-height-mini);grid-area:1/1/auto/-1}.contentAuthor{line-height:var(--line-height-mini);grid-area:3/1/auto/-1}.contentTitle{line-height:var(--line-height-tight);grid-area:4/1/auto/-1;margin-top:.25rem;font-family:ExposureVar Italic}.contentDate{line-height:var(--line-height-tight);grid-area:5/1/auto/-1}.contentAbstract{display:none}.contentType,.contentAuthor,.contentTitle,.contentDate{font-variation-settings:var(--weight-medium);text-align:center;z-index:1}.contentElement picture{grid-area:2/1/auto/-1;width:250px;& img{object-fit:contain;object-position:center top;width:100%;height:100%}}.titleWrapper{padding:0;z-index:2;margin:0;grid-area:1/1;margin-inline:auto;padding-block-start:3.3rem;list-style-type:none}.titleBig{font-size:var(--fontsize-2)}.titleBig.hidden{opacity:0;pointer-events:none;height:0;overflow:hidden}.titleBigLink{font-kerning:none;justify-content:start;text-decoration:none;transition:all .2s;display:flex;& span{transition:all .2s;display:inline-block}& span:first-of-type{text-align:right;flex:1}& span:last-of-type{text-align:left;flex:1}&:hover{font-variation-settings:"EXPO" -30}& span:hover{font-variation-settings:"EXPO" -100}}@media (width>=50em){.contentElement picture{width:30vw;max-width:500px}}@media (width>=75em) and (hover:hover){.js{& .titleWrapper{display:block}& .titleBig{width:100vw;height:4rem;display:block;position:relative}& .titleBigLink{z-index:1;text-align:center;width:100%;transition:none;display:block;position:absolute}& .titleBigLink:hover{z-index:100;transition:none}& .titleBig picture{z-index:2;width:500px;height:500px;top:50%;left:50vw;top:var(--featuredImageTop);pointer-events:none;position:absolute;transform:translate(-50%);& img{object-fit:contain;object-position:center center;width:100%;height:100%}}& .contentList{grid-template-rows:1fr;grid-template-columns:1fr;display:grid}& .contentElementWrapper{width:var(--content-width);max-width:var(--max-width);grid-area:1/1;align-items:start;margin-inline:auto;padding:0;&.odd{background-color:#0000}&.hidden{opacity:0;transition:opacity var(--transiOut)}&.hidden.hover{opacity:1;transition:opacity var(--transiIn)}}& .contentElement{height:calc(100dvh - var(--header-height) - (0*var(--body-padding)));grid-template-rows:1.5rem min-content min-content;grid-template-columns:1fr 1fr 1fr;width:100vw;padding-block:0}& .contentType,& .contentAuthor,& .contentDate{line-height:var(--line-height);text-align:left;font-size:var(--fontsize--1)}& .contentType{text-transform:capitalize;grid-area:1/1/auto/2}& .contentAuthor{text-align:center;grid-area:1/2/auto/3}& .contentTitle{display:none}& .contentDate{text-align:right;grid-area:1/3/auto/4}& .contentElement picture{display:none}& .highlight--step0{font-variation-settings:"EXPO" -30;transition:all .2s}& .highlight--step1{font-variation-settings:"EXPO" -20;transition:all .2s}& .highlight--step2{font-variation-settings:"EXPO" -10;transition:all .2s}& .highlight--step3{font-variation-settings:"EXPO" 0;transition:all .2s}& .highlight--step4{font-variation-settings:"EXPO" 10;transition:all .2s}& .highlight--step5{font-variation-settings:"EXPO" 20;transition:all .2s}& .highlight--step6{font-variation-settings:"EXPO" 40;transition:all .2s}& .highlight--step7{font-variation-settings:"EXPO" 60;transition:all .2s}& .highlight--step8{font-variation-settings:"EXPO" 80;transition:all .2s}& .highlight--step9{font-variation-settings:"EXPO" 90;transition:all .2s}& .highlight--step10{font-variation-settings:"EXPO" 100;transition:all .2s}& .highlight--span0{font-variation-settings:"EXPO" -100;transition:all .2s}& .highlight--span1{font-variation-settings:"EXPO" -95;transition:all .2s}& .highlight--span2{font-variation-settings:"EXPO" -90;transition:all .2s}& .highlight--span3{font-variation-settings:"EXPO" -85;transition:all .2s}& .highlight--span4{font-variation-settings:"EXPO" -80;transition:all .2s}& .highlight--span5{font-variation-settings:"EXPO" -75;transition:all .2s}& .highlight--span6{font-variation-settings:"EXPO" -70;transition:all .2s}& .highlight--span7{font-variation-settings:"EXPO" -60;transition:all .2s}& .highlight--span8{font-variation-settings:"EXPO" -50;transition:all .2s}& .highlight--span9{font-variation-settings:"EXPO" -40;transition:all .2s}& .highlight--span10{font-variation-settings:"EXPO" -30;transition:all .2s}}}@media (width>=100em) and (hover:hover){.js{& .contentElement{grid-template-columns:repeat(12,1fr)}& .contentType{grid-column:1/4}& .contentAuthor{grid-column:5/9}& .contentDate{grid-column:9/13}& .contentElement picture{grid-column:4/-4}}}}