.pc{background:radial-gradient(60% 50%,#c9a84c1a,#0000 70%);margin-top:clamp(28px,5vh,56px);padding-block:8px 4px;position:relative;overflow:hidden;container-type:inline-size}.pc__stage{height:var(--stage-h,560px);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:relative}.pc__stage.is-dragging{cursor:grabbing}.pc__stage:focus-visible .pc__card.is-active{box-shadow:0 0 0 2px var(--gold), 0 40px 90px -30px #c9a84c73}.pc__card{width:var(--card-w);margin-left:calc(var(--card-w) / -2);will-change:transform, filter, opacity;transform-origin:50%;background:linear-gradient(#17120d,#0f0c09);border:1px solid #c9a84c29;border-radius:4px;grid-template-columns:34% minmax(0,1fr);min-height:520px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.pc__card.is-active{border-color:#c9a84c8c;box-shadow:0 0 0 1px #e8d5a31a,0 40px 90px -30px #c9a84c61,0 0 60px -10px #c9a84c2e}.pc__photo{min-height:100%;margin:0;position:relative}.pc__photo img{object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.pc__photo:after{content:"";background:linear-gradient(90deg,#0000 55%,#0f0c09e6);position:absolute;inset:0}.pc__body{flex-direction:column;justify-content:center;gap:22px;min-width:0;padding:clamp(44px,4.4cqw,64px) clamp(36px,4.6cqw,72px) clamp(40px,4cqw,56px) clamp(24px,2.4cqw,40px);display:flex;position:relative}.pc__mark{height:.4em;font:italic 500 128px/.9 var(--serif);color:var(--gold);opacity:.75;pointer-events:none;margin:0 0 -6px -.04em}.pc__quote{max-width:100%;font:400 clamp(30px, 2.65cqw, 40px)/1.2 var(--serif);color:var(--parch);overflow-wrap:break-word;margin:0;position:relative}.pc__rule{background:var(--gold);width:56px;height:1px}.pc__who{flex-direction:column;gap:6px;min-width:0;display:flex}.pc__name{font:500 20px/1.2 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l);overflow-wrap:break-word}.pc__role{font:400 19px/1.35 var(--sans);color:var(--parch-2);overflow-wrap:break-word}.pc__watch{max-width:100%;font:500 16px/1.2 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);align-self:flex-start;align-items:center;gap:14px;padding:6px 0;display:inline-flex}.pc__watch i{border:1px solid var(--gold);width:44px;height:44px;transition:background .3s var(--ease);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.pc__watch i svg{width:12px;height:12px;fill:var(--gold-l);margin-left:2px}.pc__watch:hover i,.pc__watch:focus-visible i{background:#c9a84c2e}.pc__card:not(.is-active) .pc__watch{pointer-events:none}.pc__controls{width:var(--card-w);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4cqw,32px);margin:clamp(28px,3cqw,40px) auto 0;display:grid}.pc__arrow{width:56px;height:56px;color:var(--gold-l);cursor:pointer;transition:background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:0 0;border:1px solid #c9a84c99;border-radius:50%;place-items:center;display:grid}.pc__arrow svg{stroke:currentColor;fill:none;stroke-width:1.4px;width:20px;height:20px}.pc__arrow:hover{border-color:var(--gold-l);background:#c9a84c1f;box-shadow:0 0 24px #c9a84c59}.pc__track{flex-direction:column;gap:14px;min-width:0;display:flex}.pc__progress{background:#c9a84c33;height:1px;position:relative}.pc__bar{transform-origin:0;width:100%;height:2px;transform:scaleX(var(--p,0));background:linear-gradient(90deg, var(--gold-d), var(--gold-l));position:absolute;top:-.5px;left:0;box-shadow:0 0 10px #e8d5a38c}.pc__meta{font:400 16px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--parch-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pc__meta b{color:var(--gold-l);font-weight:500}.pc__next{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container (max-width:640px){.pc__card{border-radius:3px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:0}.pc__photo{aspect-ratio:4/3;min-height:0}.pc__photo:after{background:linear-gradient(#0000 55%,#0f0c09f2)}.pc__body{justify-content:flex-start;gap:20px;padding:22px 22px 28px}.pc__mark{opacity:.95;height:auto;margin:0;font-size:110px;position:absolute;top:-40px;left:16px}.pc__quote{font-size:26px;line-height:1.28}.pc__name{letter-spacing:.12em;font-size:20px}.pc__role{font-size:20px}.pc__watch{letter-spacing:.03em;text-transform:none;font-size:18px}.pc__controls{gap:14px}.pc__arrow{width:52px;height:52px}.pc__next{display:none}}
