/* A personal cover. The original About copy and chapters remain intact. */
.about-story-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,8vw,150px);padding-top:42px}
.about-opening-bottom-v12>.about-story-text{max-width:650px}
.about-opening-bottom-v12>.about-story-text>.about-opening-note-v12{font-size:11px;line-height:1.8;letter-spacing:.15em;color:#b9bcb4;margin:0 0 42px}
.about-story-text>div>p{font-size:clamp(17px,1.7vw,26px);line-height:1.5;margin:0 0 26px;color:#c0c3ba}
.about-story-text>div>p:first-child{color:#eceee7}
.about-opening-bottom-v12>.about-stories{width:100%;max-width:none;min-width:0;position:relative;--story-width:clamp(210px,24vw,350px);--story-depth:calc(var(--story-width)/2);isolation:isolate}
.about-stories:focus-visible{outline:1px solid #d7d7d0;outline-offset:12px}
.as-topline{display:flex;justify-content:space-between;gap:20px;font-size:7px;line-height:1.5;letter-spacing:.13em;color:#9e9e97;margin:0 0 25px}
.as-topline>span:last-child{display:flex;align-items:center;gap:7px;text-align:right}
.as-topline i{width:4px;height:4px;flex:none;border-radius:50%;background:#8d2928;box-shadow:0 0 8px #81232366}
.as-scene{position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px;perspective-origin:50% 45%;height:calc(var(--story-width)*1.778 + 68px);margin:0 -12px;touch-action:pan-y}
.as-scene:after{content:"";position:absolute;bottom:0;left:12%;right:5%;height:35px;background:radial-gradient(ellipse,#000b,transparent 67%);filter:blur(10px);z-index:-1}
.as-cube{width:var(--story-width);height:calc(var(--story-width)*1.778);position:relative;transform-style:preserve-3d;transform:translateZ(calc(var(--story-depth)*-1)) rotateY(-22deg);transition:transform .95s cubic-bezier(.22,.7,.18,1);will-change:transform}
.as-cube.is-resetting{transition:none}
.as-cube.is-next{transform:translateZ(calc(var(--story-depth)*-1)) rotateY(-112deg)}
.as-cube.is-prev{transform:translateZ(calc(var(--story-depth)*-1)) rotateY(68deg)}
.as-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#10100e;border:1px solid #ffffff1b;box-shadow:0 0 0 1px #0007;transform-style:preserve-3d}
.as-face--front{transform:translateZ(var(--story-depth))}
.as-face--right{transform:rotateY(90deg) translateZ(var(--story-depth))}
.as-face--left{transform:rotateY(-90deg) translateZ(var(--story-depth))}
.as-face img,.as-face video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.02);background:#0a0a09}
.as-video{opacity:0;transition:opacity .2s}
.as-video.is-playing{opacity:1}
.as-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0006 0,transparent 26%,transparent 65%,#0007)}
.as-face--right:after,.as-face--left:after{background:linear-gradient(90deg,#0003,#0008)}
.as-story-chrome{position:absolute;top:0;left:0;right:0;padding:11px 12px;z-index:2}
.as-bars{display:flex;gap:4px;margin-bottom:16px}
.as-bars i{height:2px;background:#fff4;flex:1;position:relative;overflow:hidden}
.as-bars i:after{content:"";position:absolute;inset:0;background:#f2f0e9;transform:scaleX(0);transform-origin:left}
.as-bars i.is-complete:after{transform:scaleX(1)}
.as-bars i.is-current:after{transform:scaleX(var(--story-progress,0))}
.as-story-name{font-size:9px;line-height:1.4;letter-spacing:.06em;margin:0;color:#f5f3eb;text-shadow:0 1px 8px #0009}
.as-story-name small{display:block;font-size:6px;letter-spacing:.1em;color:#d0cec6;margin-top:4px}
.as-story-bottom{position:absolute;bottom:20px;left:13px;right:13px;font-size:6px;letter-spacing:.12em;line-height:1.6;color:#f0eee7;z-index:2}
.as-side-caption{position:absolute;top:34px;left:12px;right:12px;z-index:2;color:#deded6;font-size:8px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:5px}
.as-side-caption span{font-size:7px;color:#bbb}
.as-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}
.as-controls[hidden]{display:none}
.as-navigation{display:flex;gap:7px}
.as-navigation button{width:46px;min-height:44px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:transparent;color:#e9e8e2;font-family:inherit;font-size:20px;cursor:pointer;transition:background .2s,border-color .2s}
.as-navigation button:last-child{font-size:12px}
.as-navigation button:hover{background:#ffffff0c;border-color:#ffffff8c}
.as-navigation button:focus-visible,.as-profiles a:focus-visible{outline:2px solid #eee;outline-offset:4px}
.about-stories .as-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.as-counter{font-size:8px;letter-spacing:.12em;color:#aaa99f;font-variant-numeric:tabular-nums}
.as-profiles{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #ffffff25;padding-top:20px;margin-top:25px}
.as-profiles a{display:inline-flex;align-items:center;gap:14px;color:#c4c3bb;font-size:9px;line-height:1.6;letter-spacing:.04em;min-height:30px}
.as-profiles a:hover{color:#fff}
.as-profiles a span{color:#7f2424;font-size:15px}
.about-world-stats-v12{perspective:1000px}
.about-world-stats-v12.is-awaiting>div{opacity:0;transform:translate3d(0,36px,-70px) rotateX(13deg)}
.about-world-stats-v12>div{transform-origin:center bottom;transition:transform 1.25s cubic-bezier(.2,.7,.2,1),opacity .8s ease}
.about-world-stats-v12>div:nth-child(2){transition-delay:.15s}
.about-world-stats-v12 dd{font-variant-numeric:tabular-nums}
@media(min-width:1440px){.about-story-opening{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.about-opening-bottom-v12>.about-stories{--story-width:clamp(320px,23vw,370px)}}
@media(max-width:900px){.about-story-opening{gap:30px}.about-opening-bottom-v12>.about-stories{--story-width:clamp(180px,25vw,260px)}.as-topline{font-size:6px}.about-story-text>div>p{font-size:17px}.as-profiles{gap:8px}.as-profiles a{font-size:8px;gap:6px}}
@media(max-width:640px){.about-story-opening{grid-template-columns:1fr;gap:44px;padding-top:28px}.about-opening-bottom-v12>.about-stories{--story-width:clamp(200px,54vw,285px);order:-1;max-width:430px;margin:auto}.as-scene{margin:0;height:calc(var(--story-width)*1.778 + 40px)}.as-topline{font-size:7px;margin-bottom:15px}.as-story-name{font-size:9px}.as-story-chrome{padding:10px}.as-controls{margin-top:10px}.as-profiles{margin-top:20px;padding-top:14px}.as-profiles a{font-size:9px}.about-opening-bottom-v12>.about-story-text>.about-opening-note-v12{font-size:8px;margin-bottom:24px}.about-story-text>div>p{font-size:17px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.as-cube,.as-video,.about-world-stats-v12>div{transition:none}.as-cube{will-change:auto}.about-world-stats-v12.is-awaiting>div{opacity:1;transform:none}}

/* Stories: a straight-on vertical player with tap and hold navigation. */
.about-stories .as-scene{perspective:none;margin:0;height:calc(var(--story-width)*1.778);width:var(--story-width);max-width:100%;margin-inline:auto;cursor:pointer;-webkit-user-select:none;user-select:none}
.about-stories .as-cube{transform:none;transform-style:flat;transition:opacity .18s ease;will-change:opacity}
.about-stories .as-cube.is-next,.about-stories .as-cube.is-prev{transform:none;opacity:0}
.about-stories .as-cube.is-resetting{transition:none}
.about-stories .as-face--front{transform:none;border-radius:12px}
.about-stories .as-face--left,.about-stories .as-face--right{display:none}
.about-stories .as-bars{gap:4px;margin-bottom:14px}
.about-stories .as-bars i{height:3px;border-radius:3px}
.about-stories .as-story-name{font-size:12px;letter-spacing:.015em;font-weight:500}
.about-stories .as-story-name small{font-size:9px;letter-spacing:.035em}
.about-stories .as-story-bottom{font-size:9px;letter-spacing:.045em;bottom:24px}
.about-stories .as-story-chrome{padding:12px}
@media(max-width:640px){.about-opening-bottom-v12>.about-stories{--story-width:min(82vw,350px)}}
@media(prefers-reduced-motion:reduce){.about-stories .as-cube{transition:none}}

.about-story-text>div>p{font-size:clamp(16px,1.25vw,20px);line-height:1.55;margin-bottom:20px}
.about-story-text>div>p:first-child{font-size:clamp(23px,2vw,32px);line-height:1.2}
.about-story-text>div>p:first-child strong{font-weight:400}