section.pn.mq{position:relative;overflow:hidden;align-items:flex-end;padding:0}section.pn.mq .mq-bgs{position:absolute;inset:0;z-index:0;background:#0e0e10}section.pn.mq .mq-bg{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}section.pn.mq .mq-bg.on{opacity:1}section.pn.mq .mq-bg img{position:absolute;display:block}section.pn.mq .mq-bg .m{left:0;top:0;width:100%;height:auto;aspect-ratio:832/1216;object-fit:cover;object-position:50% 0}section.pn.mq .mq-bg .d{display:none}section.pn.mq .mq-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,0) 37%,rgba(14,14,16,.8) 49%,rgba(14,14,16,.97) 68%)}section.pn.mq .mq-hit{position:absolute;inset:0;z-index:1;display:block}section.pn.mq .mq-hit[hidden]{display:none}section.pn.mq .pi{position:relative;z-index:2;pointer-events:none;transform-origin:50% 100%}section.pn.mq .pi a,section.pn.mq .pi button,section.pn.mq .pi .btn{pointer-events:auto}section.pn.mq .mq-c{display:none}section.pn.mq .mq-c.on{display:block;animation:mqin .55s ease both}@keyframes mqin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}section.pn.mq .mq-prog{display:flex;gap:6px;margin:0 0 12px;pointer-events:auto}section.pn.mq .mq-prog button{flex:0 0 34px;height:4px;border:0;padding:0;border-radius:2px;background:rgba(255,255,255,.34);cursor:pointer;position:relative;overflow:hidden}section.pn.mq .mq-prog button.done{background:rgba(255,255,255,.8)}section.pn.mq .mq-prog button.on::after{content:"";position:absolute;inset:0;background:#e60000;transform-origin:left;animation:mqfill var(--mq-dur,7s) linear forwards}section.pn.mq.paused .mq-prog button.on::after{animation-play-state:paused}section.pn.mq.mq-static .mq-prog button.on::after{animation:none}@keyframes mqfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}section.pn.mq .mq-prev,section.pn.mq .mq-next{display:none}section.pn.mq .mq-c.post .pt{font-size:clamp(34px,10.4vw,52px);line-height:.98;margin:2px 0 8px}section.pn.mq .mq-c.post .pt a{color:inherit;text-decoration:none}section.pn.mq .mq-c.post .kick{color:#ff6b6b}@media(min-width:761px){section.pn.mq{align-items:center}section.pn.mq .mq-bg .m{display:none}section.pn.mq .mq-bg .d{display:block;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}section.pn.mq .mq-bg::after{background:linear-gradient(0deg,rgba(10,10,12,.94) 0%,rgba(10,10,12,.84) 22%,rgba(10,10,12,.46) 40%,rgba(10,10,12,0) 58%)}section.pn.mq .pi{align-self:flex-end;max-width:none;width:calc(100% / var(--z,1));padding:0 clamp(28px,5vw,96px) clamp(22px,3.4vh,40px)}section.pn.mq .pi>*,section.pn.mq .mq-c>*{max-width:none}section.pn.mq .mq-c.post .pt{font-size:clamp(44px,min(5.4vw,9.4vh),96px)}section.pn.mq .mq-c .ps{max-width:62ch}section.pn.mq .mq-prev,section.pn.mq .mq-next{display:flex;align-items:center;justify-content:center;position:absolute;top:42%;z-index:3;width:50px;height:50px;border-radius:50%;border:0;background:rgba(14,14,16,.55);color:#fff;font-size:34px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}section.pn.mq .mq-prev{left:22px}section.pn.mq .mq-next{right:56px}section.pn.mq .mq-prev:hover,section.pn.mq .mq-next:hover{background:#e60000}}@media(prefers-reduced-motion:reduce){section.pn.mq .mq-bg{transition:none}section.pn.mq .mq-c.on{animation:none}}
