.people-encounter{position:relative;min-height:850px;height:100svh;max-height:1150px;background:#101916;color:#f2eee4;isolation:isolate;overflow:hidden;padding:145px var(--gutter) 115px}
.encounter-copy{position:relative;z-index:5;width:45%;pointer-events:none}
.encounter-copy .identity-kicker{font-size:10px;letter-spacing:.2em;margin:0 0 42px;color:#83b8a4}
.encounter-copy h1{font:normal clamp(60px,6.4vw,112px)/.99 Georgia,serif;letter-spacing:-.055em;margin:0 0 30px}
.encounter-copy h1 em{font-weight:400;color:#d1c9ad}
.encounter-copy>p:not(.identity-kicker){font-size:15px;line-height:1.75;color:#acbbb1;margin:0 0 30px}
.encounter-copy a{pointer-events:auto;max-width:220px;font-size:12px}
.encounter-stage{position:absolute;width:76%;height:calc(100% - 140px);right:-10%;top:70px;perspective:1100px;perspective-origin:45% 50%;touch-action:pan-y}
.encounter-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101916 2%,#101916e0 9%,transparent 38%,transparent 90%,#101916aa);pointer-events:none;z-index:200}
.encounter-space{position:absolute;inset:0;transform-style:preserve-3d}
.encounter-portrait{position:absolute;left:50%;top:50%;width:190px;display:block;transform:translate(calc((var(--portrait-index) - 5)*60px),-50%);text-decoration:none;color:#f2eee4;will-change:transform,opacity;outline-offset:8px}
.encounter-photo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:3/4;background:#3a443e;box-shadow:0 24px 60px #0009}
.encounter-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.8);transition:filter .6s,scale .6s}
.encounter-portrait:hover img,.encounter-portrait:focus-visible img{filter:saturate(1.1);scale:1.025}
.encounter-name{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:11px;margin-top:12px;letter-spacing:.015em}
.encounter-name small{font-size:8px;color:#a7b5a9}
.encounter-horizon{position:absolute;bottom:70px;left:-.025em;font:normal 20.7vw/.78 Georgia,serif;letter-spacing:-.065em;white-space:nowrap;color:#b5bbaa09;pointer-events:none;z-index:-1}
.encounter-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:end;z-index:205;border-top:1px solid #879b8038;padding-top:22px}
.encounter-editions{display:flex;gap:25px;font-size:11px}.encounter-editions a{border-bottom:1px solid #819d8655;padding-bottom:7px}
.encounter-now{display:flex;flex-direction:column;gap:7px;min-height:37px}.encounter-now>span{font:18px/1.15 Georgia,serif;color:#e2decf}.encounter-now small{font-size:9px;line-height:1.4;color:#8b9c90;max-width:360px}
.encounter-controls{display:flex;gap:14px;align-items:center;font-size:10px}.encounter-controls button{min-width:35px;min-height:38px;border:1px solid #788c7240;padding:6px}.encounter-controls [data-encounter-pause]{min-width:60px}
.encounter-controls button:hover{background:#d8dcc913;color:#fff}
@media(min-width:1600px){.encounter-portrait{width:230px}.encounter-copy{padding-top:55px}}
@media(max-width:800px){.people-encounter{min-height:900px;height:1050px;max-height:none;padding:112px 25px 110px}.encounter-copy{width:100%}.encounter-copy .identity-kicker{font-size:8px;margin-bottom:25px}.encounter-copy h1{font-size:clamp(50px,10vw,78px)}.encounter-copy h1 br:last-child{display:none}.encounter-copy>p:not(.identity-kicker){font-size:12px;margin-bottom:15px}.encounter-copy a{font-size:10px;max-width:180px}.encounter-stage{width:130%;height:430px;right:-15%;top:415px;perspective:900px}.encounter-stage::after{background:linear-gradient(90deg,#101916 0%,transparent 20%,transparent 80%,#101916 100%)}.encounter-portrait{width:140px}.encounter-name{font-size:9px}.encounter-bottom{left:25px;right:25px;bottom:22px;grid-template-columns:1fr auto;gap:15px;padding-top:16px}.encounter-editions{grid-column:1/-1;font-size:10px;gap:20px}.encounter-now>span{font-size:16px}.encounter-now small{font-size:8px;max-width:190px}.encounter-controls{gap:6px}.encounter-horizon{bottom:130px;font-size:22vw}}
@media(prefers-reduced-motion:reduce){.encounter-photo img{transition:none}}
@media(max-width:800px){.encounter-copy h1 br:last-child{display:initial}}