.section[data-media-type=framed_media]{--S-media-max_width: 1200px}.section[data-media-type=framed_media][data-flow=row] .section-media figure{width:100%;height:auto}.section[data-media-type=framed_media][data-flow=column] .section-media figure{--desired-height: calc(100vh - (var(--nav--height) * 1.5));--computed-width: calc(var(--desired-height) * var(--figure-aspect-ratio));--width: min(100%, var(--computed-width));width:var(--width);height:unset}.section-media--framed_media{flex-direction:column;overflow:visible}.section-media--framed_media figure{position:relative;overflow:visible}.section-media--framed_media figure img{width:100%;height:100%}.section-media--framed_media figure>*{position:relative;z-index:1}.section-media--framed_media--border figure::before{--border-width: 1.25rem;content:"";position:absolute;top:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1);width:calc(100% + var(--border-width)*2);height:calc(100% + var(--border-width)*2);background:var(--theme--accent);--w_start_BASE: 0.5rem;--w___end_BASE: calc(100% - var(--w_start_BASE));--w__start_OOB: calc(var(--w_start_BASE) * -1);--w____end_OOB: calc(100% + var(--w_start_BASE));--SPAN____BASE: calc(75% * var(--scrolled));--SPAN_sk_BASE: calc(var(--SPAN____BASE) - var(--w_start_BASE));--SPAN____FLIP: calc(100% - var(--SPAN____BASE));--SPAN_sk_FLIP: calc(var(--SPAN____FLIP) + var(--w_start_BASE));--start___edge: calc(var(--w_start_BASE) * -0.5);--end_____edge: calc(100% + (var(--w_start_BASE) * 0.5));clip-path:polygon(var(--w_start_BASE) var(--w_start_BASE), var(--SPAN____BASE) var(--w_start_BASE), var(--SPAN_sk_BASE) var(--w__start_OOB), var(--w__start_OOB) var(--w__start_OOB), var(--w__start_OOB) var(--w____end_OOB), var(--w____end_OOB) var(--w____end_OOB), var(--w____end_OOB) var(--SPAN_sk_FLIP), var(--w___end_BASE) var(--SPAN____FLIP), var(--w___end_BASE) var(--w___end_BASE), var(--SPAN____FLIP) var(--w___end_BASE), var(--SPAN_sk_FLIP) var(--end_____edge), var(--start___edge) var(--end_____edge), var(--start___edge) var(--SPAN_sk_BASE), var(--w_start_BASE) var(--SPAN____BASE), var(--w_start_BASE) var(--w_start_BASE));z-index:-1}.section-media--framed_media--shadow{--outer-border-width: 1.5rem;--inner-border-width: 0.25rem;--thin-border-width: 0.125rem}.section-media--framed_media--shadow figure::before{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:var(--theme--accent);--translate: calc(var(--scrolled) * var(--outer-border-width));transform:translate3d(var(--translate), var(--translate), 0);z-index:-2}.section-media--framed_media--shadow>*{outline:var(--inner-border-width) solid var(--S-background)}.section-media--framed_media--shadow figure::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;outline:var(--thin-border-width) solid var(--theme--accent);--translate: calc(var(--scrolled) * var(--outer-border-width) * -1);transform:translate3d(var(--translate), var(--translate), 0);z-index:-1}.section[data-flow=column] .section-media--framed_media--shadow{--outer-border-width: 2.5rem;--inner-border-width: 0.5rem}/*# sourceMappingURL=framed-media.css.map */