.chopin.chopin :is(.about__kicker,.sl__kicker,.talk__kicker,.next__title,.ow__title):before{content:none}.chopin .ph.stage:not(.ph--theme) .ph__in{align-items:center;min-height:clamp(660px,60vw,780px);padding-block:64px}.chopin .ph.stage:not(.ph--theme) .ph__text{max-width:calc(var(--col) * .4)}.chopin .ph.stage:not(.ph--theme) .ph__title{font-size:clamp(42px,5vw,72px)}.chopin .ph.stage:not(.ph--theme) .ph__lead{max-width:none;font-size:clamp(19px,1.6vw,23px)}.chopin .ph.stage:not(.ph--theme) .ph__art{left:calc(var(--col-side) + var(--col) * .3875);right:calc(var(--col-side) - var(--col) * .1125);width:auto;transform:translateY(calc(-50% + var(--sc,0) * 72px));top:50%;bottom:auto;-webkit-mask-image:none;mask-image:none}.chopin .ph.stage:not(.ph--theme) .ph__art img{aspect-ratio:1.6;object-fit:cover;width:100%;height:auto;filter:brightness(calc(1 - var(--sc,0) * .5));--fx:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);--fy:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);-webkit-mask-image:var(--fx), var(--fy);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fx), var(--fy);mask-image:var(--fx), var(--fy);animation:none;display:block;position:static;transform:none;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1000px){.chopin .ph.stage:not(.ph--theme){--cw:min(100vw, 620px)}.chopin .ph.stage:not(.ph--theme) .ph__art{left:calc(50% - var(--cw) / 2);width:var(--cw);top:0;right:auto;transform:none}.chopin .ph.stage:not(.ph--theme) .ph__in{padding-block:calc(var(--cw) / 1.6 - 8px) 30px;min-height:0}.chopin .ph.stage:not(.ph--theme) .ph__text{align-self:start;max-width:34rem}}@media (prefers-reduced-motion:no-preference){.chopin .ph.stage:not(.ph--theme) .ph__text{transform:translateY(calc(var(--sc,0) * -64px));opacity:calc(1 - var(--sc,0) * 1.7)}}html.reveal .chopin :is(.ctr__below,.cmap__head,.cmap__strip,.cmap__about,.cw-what__eyebrow,.cw-what__lead,.cw-three__item,.cw-more__list>li,.cyv,.cy-eve__head,.cy-bill>li,.cy-eve__after,.gs__in,.deck,.pj-page>*,.ow__title,.ow__list>li,.next__title,.next__list>li,.part--chopin .cst,.about__in,.sl,.know,.talk):not([data-in]){opacity:0}html.reveal .chopin :is(.ctr__below,.cmap__strip,.cmap__about,.cw-what__lead,.cw-three__item,.cw-more__list>li,.cyv,.cy-bill>li,.cy-eve__after,.gs__in,.deck,.pj-page>*,.ow__list>li,.next__list>li,.about__in,.sl,.know,.talk)[data-in]{animation:ch-rise 1s var(--ease-out) both}html.reveal .chopin .part--chopin .cst[data-in]{animation:ch-fade .9s var(--ease-out) both}html.reveal .chopin :is(.cmap__head,.cw-what__eyebrow,.cy-eve__head,.ow__title,.next__title)[data-in]{animation:ch-veil 1.2s var(--ease-out) both}html.reveal .chopin :is(.cw-more__list,.next__list,.cw-three)>[data-in]:nth-child(2){animation-delay:.12s}html.reveal .chopin :is(.cw-more__list,.next__list,.cw-three)>[data-in]:nth-child(3){animation-delay:.24s}html.reveal .chopin :is(.cw-more__list,.next__list)>[data-in]:nth-child(4){animation-delay:.36s}html.reveal .chopin .cmap__about[data-in]{animation-delay:.14s}@keyframes ch-rise{0%{opacity:0;transform:translateY(34px)}}@keyframes ch-fade{0%{opacity:0}}@keyframes ch-veil{0%{opacity:0;letter-spacing:.04em}}.chopin .next__art:has(img[src*=-door-]){box-sizing:border-box;height:calc(10px + clamp(150px,16vw,230px));padding:14px 8px 0;inset:0 0 auto}.chopin .next__art:has(img[src*=-door-]):after{content:none}.chopin .next__art img[src*=-door-]{object-fit:contain;object-position:50% 100%;filter:none;--fx:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);--fy:linear-gradient(to bottom, transparent, #000 12%, #000 90%, transparent);-webkit-mask-image:var(--fx), var(--fy);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fx), var(--fy);mask-image:var(--fx), var(--fy);transform:none;-webkit-mask-composite:source-in;mask-composite:intersect}.chopin .next__item:hover .next__art img[src*=-door-],.chopin .next__item:focus-visible .next__art img[src*=-door-]{filter:brightness(1.12);transform:none}@media (max-width:760px){.chopin .next__list>li:has(img[src*=-door-]){grid-template-rows:46vw auto auto auto}.chopin .next__art:has(img[src*=-door-]){height:46vw;padding:0}.chopin .next__item:has(img[src*=-door-]) :is(.next__n,.next__go){display:none}.chopin .next__item:has(img[src*=-door-]){padding-top:0}}.chopin>.next>.next__in,.chopin .part--chopin>.next>.next__in{padding-inline:var(--gutter)}.chopin .ph .ph__eyebrow:before{content:none}@media (max-width:1000px){.chopin .ph.stage:not(.ph--theme) .ph__art:after{content:none}}@media (max-width:480px){.chopin .ph.stage:not(.ph--theme) .ph__eyebrow{letter-spacing:.1em;text-wrap:balance;font-size:11px;line-height:1.5;display:block}}.chopin .ph.stage:not(.ph--theme):before{display:none}.chopin .ph.stage:not(.ph--theme) .ph__tabs{align-self:end}@media (min-width:1001px){.chopin .ph.stage:not(.ph--theme):has(.ph__tabs) .ph__in{min-height:max(480px, min(clamp(660px, 60vw, 780px), calc(100svh - var(--topbar-h,60px) - 50px)));padding-block:40px}.chopin .ph.stage:not(.ph--theme):has(.ph__tabs) .ph__art img{max-height:calc(100svh - var(--topbar-h,60px) - 50px - 24px);object-fit:contain;object-position:100% 50%}}
