.portrait-banner{isolation:isolate;color:#f4ebe8;box-sizing:border-box;background:#171116;width:100%;padding:32px 0 25px;font-family:Arial,Noto Sans JP,sans-serif;position:relative;overflow:hidden;container:portrait/inline-size}.portrait-banner *{box-sizing:border-box}.portrait-atmosphere{z-index:-2;pointer-events:none;background:#171116;position:absolute;inset:-80px}.portrait-atmosphere img{object-fit:cover;filter:blur(65px)saturate(.7);opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0;transform:scale(1.18)}.portrait-atmosphere img.is-active{opacity:.45}.portrait-banner:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#120e1633,#120e1600 45%,#120e16bb);position:absolute;inset:0}.portrait-masthead,.portrait-footer{justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 64px);max-width:1040px;margin:auto;display:flex;position:relative}.portrait-masthead{letter-spacing:.25em;border-bottom:1px solid #ffffff24;padding:0 0 24px;font-size:11px}.portrait-masthead span:first-child{letter-spacing:.12em;font-family:Georgia,serif;font-size:17px}.portrait-stage{touch-action:pan-y;outline-offset:-5px;height:clamp(390px,52cqw,620px);margin:30px 0;position:relative}.portrait-card{aspect-ratio:3/4;width:clamp(270px,36cqw,420px);transform:translate(calc(-50% + var(--offset)*92%),-50%) scale(calc(1 - min(var(--distance),2)*.13)) rotate(calc(var(--offset)*3deg));opacity:clamp(0,calc(1 - var(--distance)*.65),1);z-index:calc(10 - var(--distance));background:#191217;border:1px solid #ffffff35;transition:transform 1.1s cubic-bezier(.22,.7,.15,1),opacity .9s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 28px 60px #0006}.portrait-card:not(.is-current){pointer-events:none;filter:brightness(.7)}.portrait-card>a{width:100%;height:100%;display:block}.portrait-card img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.portrait-footer{border-top:1px solid #ffffff24;min-height:54px;padding-top:20px}.portrait-edition{letter-spacing:.2em;white-space:nowrap;font-size:11px}.portrait-signature{color:#ddc4bf;font:italic 17px Georgia,serif}.portrait-navigation{align-items:center;gap:6px;display:flex}.portrait-banner .portrait-navigation button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-content:center;width:40px;min-height:40px;padding:0;font:24px Georgia,serif;display:grid}.portrait-banner button:hover{background:#ffffff15}.portrait-banner button:focus-visible,.portrait-stage:focus-visible{outline-offset:3px;outline:2px solid #ecd8c6}.portrait-dots{gap:0;display:flex}.portrait-banner .portrait-dots button{width:24px}.portrait-dots span{background:#fff6;border-radius:50%;width:4px;height:4px;transition:all .5s}.portrait-dots button[aria-pressed=true] span{background:#f1d9ce;border-radius:2px;width:16px}.portrait-banner .portrait-pause{font-size:14px}.portrait-single .portrait-card{box-shadow:0 32px 70px #0008}.portrait-single .portrait-stage{margin:26px 0 34px}@container portrait (width<=600px){.portrait-banner{padding:24px 0 20px}.portrait-masthead,.portrait-footer{width:calc(100% - 36px)}.portrait-masthead{letter-spacing:.18em;padding-bottom:19px;font-size:9px}.portrait-masthead span:first-child{font-size:14px}.portrait-stage{height:calc(106.667cqw + 18px);margin:22px 0}.portrait-card{width:80cqw;max-width:420px}.portrait-footer{gap:8px;padding-top:14px}.portrait-signature{font-size:13px}.portrait-edition{font-size:9px}.portrait-banner .portrait-navigation button{width:30px}.portrait-banner .portrait-dots button{width:17px}.portrait-banner .portrait-pause{width:28px}.portrait-single .portrait-stage{margin:22px 0 28px}}@media (prefers-reduced-motion:reduce){.portrait-card,.portrait-atmosphere img{transition:none}}
