/* Portrait series: a calm editorial layer over the existing lounge. */
.hero-img{object-position:73% 35%}
.portrait-stage .portrait-shade{background:linear-gradient(0deg,#111018 0%,#111018af 11%,transparent 45%),linear-gradient(90deg,#11101890,transparent 34%)}
.learning-feature-image img{object-position:50% 29%}
.portrait-about img{object-position:50% 7%}
.portrait-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 30px}
.portrait-preview-card{display:block;text-align:left;position:relative;min-width:0;padding:0;overflow:hidden;border:1px solid #c7abe836;border-radius:18px;background:#1c1928;color:#fff;cursor:pointer;isolation:isolate}
.portrait-preview-card img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .45s ease}
.portrait-preview-card:first-child img{object-position:88% 28%}
.portrait-preview-card:hover img{transform:scale(1.035)}
.portrait-preview-card:after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(0deg,#0c091ad9,transparent);pointer-events:none}
.portrait-preview-card span{position:absolute;z-index:1;left:16px;bottom:15px;font-size:13px;letter-spacing:.3px}
.portrait-preview-card:focus-visible,.portrait-series-card:focus-visible,.portrait-viewer button:focus-visible{outline:2px solid #ddc8ff;outline-offset:3px}
.portrait-series-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 16px}
.portrait-series-head h2{margin:0;font-size:22px;font-weight:500;line-height:1.4}
.portrait-series-head p{margin:6px 0 0;color:#baaccb;font-size:13px;line-height:1.7}
.portrait-series-count{flex:0 0 auto;font-size:11px;letter-spacing:2px;color:#b4a4ca}
.portrait-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.portrait-series-card{display:block;padding:0;border:1px solid #c7abe836;border-radius:17px;background:#1b1726;color:#f5edf9;text-align:left;overflow:hidden;cursor:zoom-in}
.portrait-series-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 28%;transition:transform .45s ease}
.portrait-series-card:first-child img{object-position:88% 28%}
.portrait-series-card:hover img{transform:scale(1.025)}
.portrait-series-card span{display:block;padding:12px 13px 14px;font-size:13px;line-height:1.5}
.portrait-series-note{margin:18px 0 22px;font-size:12px;color:#b9a9c8;line-height:1.8}
.portrait-source-title{font-size:18px;font-weight:500;margin:32px 0 7px}
.portrait-source-note{font-size:12px;color:#aa9abd;line-height:1.8;margin:0 0 15px}
.portrait-source-grid{margin-top:0}
.portrait-viewer{width:min(980px,96vw);max-height:94vh;padding:0;border:1px solid #b7a0d745;border-radius:18px;background:#130f1e;color:#f8f3fa;overflow:auto;box-shadow:0 24px 80px #000b}
.portrait-viewer::backdrop{background:#090712e8;backdrop-filter:blur(12px)}
.portrait-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;position:sticky;top:0;z-index:2;background:#130f1ef2}
.portrait-viewer-top strong{font-weight:500;font-size:14px;line-height:1.5}
.portrait-viewer button{font:inherit;min-height:44px;min-width:44px;border:1px solid #ffffff2a;border-radius:11px;background:#2b2138;color:#f5eff8;cursor:pointer}
.portrait-viewer img{display:block;max-width:100%;max-height:calc(94vh - 145px);width:auto;height:auto;margin:auto;object-fit:contain}
.portrait-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.portrait-viewer-footer span{font-size:11px;color:#baaccb;line-height:1.6;text-align:center}
@media(max-width:800px){
 .hero-img{object-position:71% 22%}
 .portrait-stage .portrait-shade{background:linear-gradient(0deg,#111018 0%,#111018b0 17%,transparent 59%)}
 .learning-feature-image img{object-position:50% 23%}
 .portrait-preview{display:flex;overflow-x:auto;gap:11px;margin-right:-20px;padding:0 20px 12px 0;scroll-snap-type:x mandatory;scrollbar-width:none}
 .portrait-preview::-webkit-scrollbar{display:none}
 .portrait-preview-card{flex:0 0 min(64vw,240px);scroll-snap-align:start}
 .portrait-preview-card img{height:260px}
 .portrait-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .portrait-series-card span{font-size:12px;padding:10px 10px 12px}
 .portrait-series-head h2{font-size:20px}
 .portrait-series-head p{font-size:12px}
 .portrait-viewer{width:96vw;max-height:94vh}
 .portrait-viewer img{max-height:calc(94vh - 150px)}
}
@media(max-width:360px){.portrait-preview-card{flex-basis:70vw}.portrait-series-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.portrait-preview-card img,.portrait-series-card img{transition:none}}