/* Portrait-led star index, matching the site's editorial wine and mint palette. */
.star-directory-page,.star-profile-page{padding-top:34px;padding-bottom:90px}
.star-directory-page .breadcrumbs,.star-profile-page .breadcrumbs{margin-bottom:34px}
.star-directory-hero{padding:9px 0 27px;border-bottom:1px solid #483841}
.star-directory-hero h1{margin:9px 0 11px;font-size:clamp(35px,4vw,56px);font-weight:500;letter-spacing:.05em}
.star-directory-hero p{margin:0;color:#c5b8be;font-size:14px}
.star-index{margin-top:25px}
.star-index-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.star-index-heading h2{margin:5px 0 0;font-size:27px;font-weight:500}
.star-index-heading p,.star-index-heading>span{margin:3px 0 0;color:#afa1a8;font-size:12px}
.star-directory-search{display:flex;align-items:center;width:100%;height:46px;margin-bottom:13px;overflow:hidden;border:1px solid #5e4d57;border-radius:8px;background:#292228}
.star-directory-search:focus-within{border-color:var(--mint)}
.star-directory-search input{flex:1;min-width:0;height:100%;padding:0 15px;border:0;outline:0;background:transparent;color:var(--paper);font-size:13px}
.star-directory-search input::placeholder{color:#a99ca4}
.star-directory-search button{align-self:stretch;width:51px;border:0;background:transparent;color:var(--mint);font-size:26px}
.star-directory-search button:hover{background:#382d36}
.star-letter-index{display:flex;align-items:center;gap:2px;padding:0 0 13px;margin-bottom:16px;overflow-x:auto;border-bottom:1px solid #483841;scrollbar-width:thin}
.star-letter-index a{flex:none;display:grid;place-items:center;min-width:28px;height:30px;padding:0 6px;border-radius:5px;color:#cdbfc6;font:12px Georgia,serif}
.star-letter-index a:first-child{min-width:46px;font-family:inherit;font-size:12px}
.star-letter-index a:hover{color:var(--mint);background:#272327}
.star-letter-index a.selected{color:#17352f;background:var(--mint);font-weight:700}
.star-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.star-directory-card{display:flex;align-items:center;gap:13px;min-width:0;min-height:110px;padding:9px;border:1px solid #54434c;border-radius:10px;background:#211a20;transition:border-color .22s ease,transform .22s ease,background .22s ease}
.star-directory-card:hover{transform:translateY(-2px);border-color:#88e7d2;background:#292028}
.star-directory-avatar{flex:none;display:grid;place-items:center;width:90px;height:90px;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#4b2b3d,#1b3130)}
.star-directory-avatar img{width:100%;height:100%;object-fit:cover}
.star-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;color:#e9cbda;font:normal 36px "Songti SC",serif}
.star-directory-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.star-directory-copy strong{font-family:"Songti SC","SimSun",serif;font-size:22px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.star-directory-copy small{color:#aa9ca5;font-size:11px}
.star-directory-copy em{color:var(--mint);font-size:11px;font-style:normal}
.star-directory-arrow{margin-left:auto;padding:0 10px;color:var(--mint);font-size:18px}
.star-directory-empty{padding:45px 25px;border:1px solid #4f3f48;border-radius:11px;background:#211a20;text-align:center}
.star-directory-empty h3{margin:0 0 9px;font-size:22px;font-weight:500}
.star-directory-empty p{margin:0;color:#b7aab1;font-size:13px}
.star-directory-empty a{display:inline-block;margin-top:16px;color:var(--mint);font-size:13px}
.star-profile-hero{display:flex;align-items:center;gap:28px;min-height:280px;padding:26px;border:1px solid #6b4d5e;border-radius:14px;background:linear-gradient(115deg,#3b202d,#20191f 64%,#171317)}
.star-profile-avatar{display:grid;place-items:center;flex:none;width:210px;height:230px;overflow:hidden;border:1px solid #765564;border-radius:10px;background:#35202c}
.star-profile-avatar img{width:100%;height:100%;object-fit:cover}
.star-profile-avatar .star-avatar-fallback{font-size:80px}
.star-profile-hero h1{margin:9px 0 11px;font-size:clamp(36px,4vw,57px);font-weight:500}
.star-profile-hero p{max-width:590px;margin:0 0 18px;color:#dacbd2;font-size:14px;line-height:1.75}
.star-profile-count{display:inline-flex;padding:7px 12px;border:1px solid #79616b;border-radius:5px;color:#d7c8d0;font-size:12px}
.star-profile-works{margin-top:34px}.star-video-grid{margin-bottom:30px}
.video-dimension-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.video-dimension-badge{display:inline-flex;max-width:100%;padding:3px 6px;overflow:hidden;border:1px solid #5b4a53;border-radius:4px;background:#282027;color:#d6cbd0;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.video-dimension-badge.site3_category{border-color:#397f73;background:#18312d;color:#a8e9dc}
.video-dimension-badge.site3_xp{border-color:#894b64;background:#38202b;color:#ecc1cf}
.video-dimension-badge.site3_star{border-color:#806078;background:#2f2430;color:#e1c8db}
.aside-video-list .video-dimension-badges{grid-column:2}
@media(max-width:760px){.star-directory-page,.star-profile-page{padding-top:20px;padding-bottom:calc(130px + env(safe-area-inset-bottom))}.star-directory-page .breadcrumbs,.star-profile-page .breadcrumbs{margin-bottom:25px}.star-directory-hero{padding-bottom:21px}.star-directory-hero h1{font-size:32px}.star-directory-hero p{font-size:12px}.star-index{margin-top:20px}.star-index-heading h2{font-size:24px}.star-directory-search{height:41px}.star-letter-index{gap:2px}.star-letter-index a{font-size:11px}.star-directory-grid{grid-template-columns:1fr;gap:8px}.star-directory-card{min-height:84px;padding:7px;gap:10px}.star-directory-avatar{width:66px;height:66px}.star-avatar-fallback{font-size:27px}.star-directory-copy{gap:3px}.star-directory-copy strong{font-size:18px}.star-directory-copy small,.star-directory-copy em{font-size:10px}.star-directory-arrow{font-size:15px}.star-profile-hero{gap:16px;min-height:0;padding:14px}.star-profile-avatar{width:100px;height:120px}.star-profile-avatar .star-avatar-fallback{font-size:45px}.star-profile-hero h1{font-size:30px}.star-profile-hero p{font-size:11px;margin-bottom:8px}.star-profile-count{font-size:10px;padding:5px 7px}.star-profile-works{margin-top:25px}.video-dimension-badge{font-size:9px}}
@media(max-width:380px){.star-profile-hero{align-items:flex-start}.star-profile-avatar{width:84px;height:104px}.star-profile-hero h1{font-size:26px}}
@media(min-width:1401px){.site-header .brand{flex-basis:160px;max-width:160px}.site-header .header-inner{gap:16px}.site-header .desktop-nav{gap:14px}}
@media(prefers-reduced-motion:reduce){.star-directory-card{transition:none}}