.mediapage{--md-e:cubic-bezier(.16, 1, .3, 1);--md-inset:clamp(1.25rem, 5vw, 4rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mediapage ::selection{background:var(--sdqyellow2,#ffd300);color:var(--sdqblack,#202020)}.mediapage{scrollbar-color:#ffd30073 var(--sdqblack,#202020);scrollbar-width:thin}.mediapage ::-webkit-scrollbar{width:10px;height:10px}.mediapage ::-webkit-scrollbar-track{background:var(--sdqblack,#202020)}.mediapage ::-webkit-scrollbar-thumb{border:2px solid var(--sdqblack,#202020);background:#ffd30059;border-radius:10px}.mediapage ::-webkit-scrollbar-thumb:hover{background:#ffd30099}.mediabody{background:var(--sdqblack,#202020);padding-top:calc(var(--sdqsectionpad) + var(--sdqnavheight));padding-bottom:var(--sdqsectionpad);gap:var(--sdqsectiongap);flex-direction:column;display:flex;position:relative;overflow-x:clip}.mediafield{z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#ffd30024 1px,#0000 1.5px);background-size:28px 28px;position:fixed;inset:0}.mediasection{z-index:1;padding-inline:var(--md-inset);flex-direction:column;gap:clamp(1.75rem,4vw,3rem);display:flex;position:relative}.mediahead{z-index:2;align-items:center;gap:clamp(1rem,3vw,2rem);display:flex;position:relative}.mediahead-text{color:var(--sdqlight,#d6d6d6);letter-spacing:-.02em;flex:none;margin:0;font-size:clamp(2.5rem,9vw,7rem);font-weight:900;line-height:.9}.mediahead-slash{color:var(--sdqyellow2,#ffd300)}.mediahead-rule{flex:auto;align-self:center;min-height:40px;position:relative}.mediahead-ruleline{background:var(--sdqyellow2,#ffd300);pointer-events:none;border-radius:999px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0;right:0}@media (max-width:700px){.mediahead{flex-wrap:wrap}.mediahead-rule{flex:100%}}.mediaintro{background:#20202057;border:1px solid #d6d6d61f;border-radius:3px;max-width:68ch;padding:clamp(1.4rem,3.2vw,2.6rem);position:relative}.mediaintro:before,.mediaintro:after{content:"";pointer-events:none;border-style:solid;border-color:#ffd30080;width:16px;height:16px;position:absolute}.mediaintro:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.mediaintro:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.mediaprose p{color:var(--sdqlight,#d6d6d6);margin:0;font-size:clamp(1.02rem,1rem + .35vw,1.2rem);line-height:1.62}.mediaprose b{color:var(--sdqyellow1,#ffee32);font-weight:700}.mediaprose a{color:var(--sdqyellow2,#ffd300);text-underline-offset:3px;transition:color .2s var(--md-e), text-decoration-color .2s var(--md-e);font-weight:700;text-decoration-color:#ffd30080}@media (hover:hover){.mediaprose a:hover{color:var(--sdqyellow1,#ffee32);-webkit-text-decoration-color:var(--sdqyellow1,#ffee32);text-decoration-color:var(--sdqyellow1,#ffee32)}}.mediagrid-wrap{position:relative}@media (min-width:1180px){.mediagrid-wrap{grid-template-columns:2.25rem 1fr;align-items:start;column-gap:1.5rem;display:grid}}.mediaspine{top:0;bottom:0;left:calc(-1 * var(--md-inset) + .5rem);z-index:1;pointer-events:none;background:#d6d6d61a;width:1px;display:none;position:absolute}.mediaspine-fill{transform-origin:top;transform:scaleY(var(--mdspine,0));background:linear-gradient(#ffd300d9,#ffd30033);position:absolute;inset:0;box-shadow:0 0 14px #ffd3004d}@media (min-width:1180px){.mediaspine{display:block}}.mediacounter{color:var(--sdqlight,#d6d6d6);letter-spacing:.06em;text-align:center;font-variant-numeric:tabular-nums;writing-mode:vertical-rl;font-size:.85rem;font-weight:700;display:none}.mediacounter-sep{opacity:.4;margin:.2em 0}@media (min-width:1180px){.mediacounter{top:calc(var(--sdqnavheight) + 2rem);display:block;position:sticky}}.mediagrid{grid-template-columns:minmax(0,540px);justify-content:center;align-items:start;gap:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:700px) and (max-width:1099px){.mediagrid{grid-template-columns:repeat(2,minmax(0,540px))}}@media (min-width:1100px){.mediagrid{grid-template-columns:repeat(3,minmax(0,540px))}}.mediapanel,.mediapanel *{box-sizing:border-box}.mediapanel{background:var(--sdqblack,#202020);border:1px solid #ffd30047;border-radius:8px;width:100%;padding:.75rem;position:relative}.mediapanel:before,.mediapanel:after{content:"";border-color:var(--sdqyellow2,#ffd300);opacity:.7;pointer-events:none;border-style:solid;width:18px;height:18px;position:absolute}.mediapanel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.mediapanel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.mediapanel-index{z-index:2;color:#0000;-webkit-text-stroke:1.25px #ffd30066;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;line-height:1;position:absolute;top:.6rem;right:.9rem}.mediapanel-pending{text-align:center;background:repeating-linear-gradient(135deg, #ffd3000d 0px, #ffd3000d 10px, transparent 10px, transparent 20px), var(--sdqgrey,#333533);border:1px dashed #ffd3004d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;display:flex}.mediapanel-pending-label{color:var(--sdqyellow2,#ffd300);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.mediapanel-pending-sub{max-width:32ch;color:var(--sdqmute,#9b9b98);margin:0;font-size:.8rem;line-height:1.5}.mediapanel-link{transition:transform .35s var(--md-e);text-decoration:none;display:block}.mediapanel-media{background:var(--sdqgrey,#333533);width:100%;transition:border-color .3s var(--md-e), box-shadow .3s var(--md-e);border:1px solid #0000;border-radius:4px;position:relative;overflow:hidden}.mediapanel-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--md-e);display:block}@media (hover:hover){.mediapanel-link:hover{transform:translateY(-6px)}.mediapanel-link:hover .mediapanel-media{border-color:#ffd30066;box-shadow:0 24px 50px #00000080}.mediapanel-link:hover .mediapanel-media img{transform:scale(1.045)}}.mediapanel-link:focus-visible{outline:2px solid var(--sdqyellow2,#ffd300);outline-offset:4px;border-radius:4px}.mediapanel-link:focus-visible .mediapanel-media{border-color:#ffd30066}@supports (animation-timeline:view()){.mediapanel-media,.mediapanel-pending{animation:linear mediaparallax;animation-timeline:view();animation-range:cover}@media (prefers-reduced-motion:reduce){.mediapanel-media,.mediapanel-pending{animation:none}}}@keyframes mediaparallax{0%{transform:translateY(-10px)}50%{transform:translateY(0)}to{transform:translateY(10px)}}@media (max-width:700px){.mediapanel-index{font-size:clamp(1.4rem,5vw,1.7rem);top:.45rem;right:.7rem}}
