.modal{width:100%;height:100%;top:0;right:0;display:none;position:fixed;z-index:var(--z-index-modal);pointer-events:none}.modal.is-open{pointer-events:auto}.loader{font-weight:400;font-size:16px;line-height:1;letter-spacing:0;color:var(--color-text);text-align:center}.modal-window{width:100%;height:100svh;top:0;right:0;padding:calc(var(--gap) * 3) var(--gap);opacity:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-text);position:absolute;will-change:transform,opacity}.modal-content,.modal-inner{width:100%;overflow:hidden;position:relative}.modal-close{--close-button:50px;width:var(--close-button);height:var(--close-button);top:calc(var(--gap)/ 1.5);right:var(--gap);opacity:0;visibility:hidden;position:fixed;z-index:10;cursor:pointer;will-change:transform,opacity}.modal-close:after,.modal-close:before{width:var(--close-button);height:3px;top:50%;left:50%;content:"";background:var(--color-bg);position:absolute;transition:transform .35s ease}.modal-close:before{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(45deg)}.modal-close.is-hovered:before{transform:translate(-50%,-50%) rotate(135deg)}.modal-close.is-hovered:after{transform:translate(-50%,-50%) rotate(225deg)}.date,.event,.image,.info{width:100%;height:auto;position:relative}.event{display:grid;row-gap:calc(var(--gap) * 2.5);color:var(--color-bg)}.info{display:grid;row-gap:calc(var(--gap) * 1.125)}.image{max-width:35ch}.image figcaption{font-weight:400;font-size:.75rem;line-height:1.5;opacity:.6;margin-top:.5rem;text-align:right;font-style:italic}.info h2{font-weight:700;font-size:clamp(2.5rem,2.75vw,4.4rem);line-height:.913;letter-spacing:-.03em;text-align:left}.date p{font-weight:700;font-size:clamp(2rem,3vw,3rem);line-height:.85;letter-spacing:-.03em;text-align:left}.date p sup{font-weight:800;font-size:.45em;line-height:1;top:-.5em;margin-left:.05em;position:relative}.info p{font-weight:600;font-size:max(1rem,.913vw);line-height:1.375;text-align:left}.info p span{font-weight:800}.info p span.italic{font-style:italic}.info p span.bold-italic{font-weight:800;font-style:italic}@media (min-width:1200px){.modal{--width:40vw;width:var(--width)}.modal-close{right:calc(var(--width) + var(--gap))}.modal-close:after,.modal-close:before{background:var(--color-text)}.modal-window{height:100%;padding:var(--gap) 5vw;border-left:solid 4px var(--color-bg)}.info p{text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}.modal-window{scrollbar-width:none}.modal-window::-webkit-scrollbar-thumb{display:none}}