.mark-layer{pointer-events:none;color:var(--frame);position:fixed;inset:0;overflow:hidden}.mark-layer--front{z-index:5;opacity:var(--mark-enter,1);--mark-ease:cubic-bezier(.4, 0, .2, 1);transition:opacity var(--mark-dur) var(--mark-ease)}.mark-layer--front.mark-layer--settled{opacity:0;visibility:hidden;transition:opacity var(--mark-dur) var(--mark-ease), visibility 0s linear var(--mark-dur)}.mark-layer--back{z-index:0;opacity:var(--mark-rest)}.mark-layer__drift{transform:translate3d(0, var(--mark-shift,0px), 0);position:absolute;inset:0}.mark-layer__art{position:absolute;inset:0}.mark-layer__mark{--mark-w:calc(var(--mark-height,1.18) * 100vh * var(--mark-ratio,1));left:min(var(--mark-left,50%), calc(100vw - .35 * var(--mark-w)));height:calc(var(--mark-height,1.18) * 100%);position:absolute;translate:-50% -50%}.mark-layer__mark svg{width:auto;height:100%;display:block}@media (max-aspect-ratio:1){.mark-layer__mark{--mark-w:calc(var(--mark-height-narrow,.66) * 100vh * var(--mark-ratio,1));height:calc(var(--mark-height-narrow,.66) * 100%)}.mark-layer__drift{transform:translate3d(0, calc(var(--mark-shift,0px) * .35), 0)}}@media (prefers-reduced-motion:reduce){.mark-layer--front{transition:none}}