*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}@font-face{font-family:PPNeueMontreal-Book;src:url(/assets/PPNeueMontreal-Book-BMTdDSyj.woff2) format("woff2"),url(/assets/PPNeueMontreal-Book-laqLGVDv.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--popup-padding-vertical: 22px;--popup-padding-horizontal: 48px;--popup-title-size: 20px;--popup-title-margin: 18px;--popup-btn-padding-vertical: 6px;--popup-btn-padding-horizontal: 16px;--popup-btn-font-size: 14px;--popup-btn-gap: 16px;--popup-offset-bottom: 16px;--popup-offset-left: 50%}html{font-family:PPNeueMontreal-Book,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.02rem;background-color:#fdfdfd;color:#191919}::selection{background-color:#191919;color:#fdfdfd}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:50vh;grid-auto-flow:row dense;width:100%;min-height:100vh;background-color:#fdfdfd;border-top:1px solid #191919;border-left:1px solid #191919}@media(max-width:1048px){.grid-container{grid-template-columns:1fr;grid-auto-rows:50vh;min-height:auto}}.grid-item{background-color:#fdfdfd;border-right:1px solid #191919;border-bottom:1px solid #191919;display:flex;flex-direction:column;overflow:hidden}.media-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 0;position:relative}.media-block{max-width:100%;max-height:100%;object-fit:contain;border:none}.text-row{display:flex;justify-content:space-between;align-items:baseline;margin:0 12px 12px;flex-shrink:0;position:relative}a{color:#191919}.media-block.placeholder{width:100%;height:100%;background-color:#fdfdfd}.description{color:#191919;line-height:1.2;font-size:16px}.description a{color:inherit;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.description a:hover{opacity:.6}.date{color:#191919;line-height:1.2;font-size:14px;opacity:.75}.explanation{color:#191919;font-size:14px;line-height:1.4;margin:0 12px 12px}.clickable{cursor:pointer}.media-button{display:contents;cursor:pointer;background:none;border:none;padding:0;font:inherit}.media-button:after{content:"";position:absolute;inset:0 0 24px}.media-button:focus-visible:after{outline:2px solid #191919;outline-offset:-2px}.description a:focus-visible{outline:2px solid #191919;outline-offset:2px}.grid-item.expanded{z-index:10;position:relative}.grid-item.expanded .description{font-size:18px}.grid-item.expanded .date{font-size:16px}@media(max-width:1048px){.grid-item.expanded{grid-column:span 1;grid-row:span 1}}.popup-backdrop{position:fixed;inset:0;z-index:100;background:transparent}.popup-container{position:absolute;bottom:100%;left:var(--popup-offset-left);transform:translate(-50%);margin-bottom:var(--popup-offset-bottom);background:#fdfdfd;border:.5px solid #191919;padding:var(--popup-padding-vertical) var(--popup-padding-horizontal);box-shadow:0 2px 8px #00000014;z-index:101;white-space:nowrap}.popup-title{font-size:var(--popup-title-size);font-weight:400;margin:0 0 var(--popup-title-margin) 0;text-align:center;color:#191919}.popup-buttons{display:flex;gap:var(--popup-btn-gap);justify-content:center}.popup-btn{padding:var(--popup-btn-padding-vertical) var(--popup-btn-padding-horizontal);font-size:var(--popup-btn-font-size);font-family:inherit;border:.5px solid #191919;border-radius:0;cursor:pointer;font-weight:400;transition:opacity .2s ease}.popup-btn:hover{opacity:.8}.popup-yes{background:#fdfdfd;color:#191919}.popup-no{background:#e74c3c;color:#fdfdfd}.description-clickable{cursor:pointer;transition:opacity .2s ease}.description-clickable:hover{opacity:.6}.dev-panel{position:fixed;top:20px;right:20px;background:#fdfdfd;border:2px solid #191919;padding:20px;z-index:1000;max-width:350px;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto}.dev-panel h3{margin:0 0 16px;font-size:16px;font-weight:600}.dev-control{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dev-control label{flex:0 0 110px;font-size:13px}.dev-control input[type=range]{flex:1;cursor:pointer}.dev-control span{flex:0 0 50px;font-size:12px;text-align:right;font-family:monospace}.dev-panel button{margin-top:12px;padding:10px 16px;width:100%;cursor:pointer;background:#191919;color:#fdfdfd;border:none;font-family:inherit;font-size:14px;transition:opacity .2s ease}.dev-panel button:hover{opacity:.8}.dev-panel-hint{font-size:11px;color:#666;margin-top:8px;text-align:center}.carousel-wrapper{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.carousel-button{position:relative;width:100%;height:100%;border:2px solid red}.carousel-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1000;pointer-events:all}.carousel-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,0,0,.6);background:transparent;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 1px 3px #00000026}.carousel-dot:hover{border-color:#000000e6;transform:scale(1.2)}.carousel-dot:focus-visible{outline:2px solid rgba(0,0,0,.9);outline-offset:2px}.carousel-dot.active{background:#000c;border-color:#000c}@media(max-width:1048px){.carousel-indicators{display:none}}
