.profile-book{max-width:760px;margin:42px auto 0;perspective:1400px}.profile-book-page{position:relative;min-height:510px;padding:42px 46px 76px;overflow:hidden;border:1px solid #d6e0d3;border-radius:22px 22px 28px 22px;color:#f8f7f2;background:#394b3c;box-shadow:0 18px 36px rgba(57,75,60,.12);transform-origin:left center;backface-visibility:hidden}.profile-book-page.turning{animation:profile-page-turn .52s ease both}@keyframes profile-page-turn{0%{transform:rotateY(-84deg);opacity:.3}100%{transform:rotateY(0);opacity:1}}.profile-book-page::after{content:"";position:absolute;right:0;bottom:0;width:62px;height:62px;border-radius:30px 0 0 0;background:#f4f6cf;box-shadow:-7px -7px 0 rgba(255,255,255,.1)}.profile-book-eyebrow{margin:0;color:#c9e97f;font-size:11px;font-weight:800;letter-spacing:.18em}.profile-book-page h2{max-width:80%;margin:12px 0 24px;font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(32px,5vw,50px);line-height:1.15}.profile-book-copy{max-width:620px;color:#eef2e5;font-size:15px;line-height:2;white-space:pre-line}.profile-book-index{position:absolute;left:46px;bottom:26px;margin:0;color:#c8d4c0;font-size:12px;letter-spacing:.12em}.profile-book-turn{position:absolute;right:0;bottom:0;z-index:2;width:68px;height:68px;padding:26px 6px 4px 21px;border:0;border-radius:30px 0 0 0;color:#394b3c;background:transparent;font-size:11px;font-weight:800;line-height:1.1;text-align:left;cursor:pointer}.profile-book-turn:focus-visible,.profile-image-button:focus-visible,.profile-live-link:focus-visible{outline:3px solid #c9e97f;outline-offset:3px}.profile-book-residents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resident-card{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08)}.resident-image,.fan-portrait{display:grid;place-items:center;overflow:hidden;color:#c8d4c0;background:transparent}.resident-image{aspect-ratio:1/1;border-radius:10px}.profile-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.resident-image img{display:block;width:100%;height:100%;object-fit:cover}.fan-portrait img{display:block;width:100%;height:100%;object-fit:contain}.resident-card h3{margin:10px 0 4px;font-family:"Noto Serif SC","Songti SC",serif;font-size:18px}.resident-card p{margin:0;color:#dce5d7;font-size:12px;line-height:1.7;white-space:pre-line}.fan-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);gap:24px;align-items:start}.fan-portrait{aspect-ratio:4/5;border-radius:16px}.profile-book-empty{color:#c8d4c0;font-size:12px}.profile-live-link{display:inline-block;margin-top:18px;padding:9px 16px;border:1px solid rgba(201,233,127,.62);border-radius:999px;color:#f8f7f2;background:rgba(255,255,255,.08);font-weight:800;text-decoration:none}.profile-live-link:hover{background:rgba(201,233,127,.16)}.profile-layout .profile-book{max-width:none;margin:0;align-self:start}.profile-layout .profile-book-page{min-height:0;padding:30px 30px 66px;border:0;border-radius:20px}.profile-layout .profile-book-page h2{font-size:34px}.profile-layout .profile-book-index{left:30px;bottom:22px}.profile-layout .profile-book-turn{width:62px;height:62px;padding:24px 4px 3px 18px}.profile-layout .profile-book-page>.profile-book-eyebrow,.profile-layout .profile-book-page>h2{position:relative;z-index:2}.profile-layout .fan-page-layout{display:block;min-height:350px}.profile-layout .fan-page-layout .profile-book-copy{position:relative;z-index:2;max-width:78%;margin:0;padding:14px 16px;border-radius:14px;background:rgba(57,75,60,.8)}.profile-layout .fan-portrait{position:absolute;right:14px;bottom:54px;z-index:0;width:clamp(170px,52%,330px);height:auto;aspect-ratio:1/1;max-width:none;justify-self:auto;overflow:hidden}.profile-layout .fan-portrait .profile-image-button{position:absolute;inset:0;overflow:hidden}@media(max-width:620px){.profile-book{margin-top:28px}.profile-book-page{min-height:500px;padding:32px 24px 72px}.profile-book-page h2{margin-bottom:18px}.profile-book-index{left:24px}.profile-book-residents{gap:8px}.resident-card{padding:8px}.resident-card h3{font-size:15px}.resident-card p{font-size:11px}.fan-page-layout{grid-template-columns:1fr;gap:14px}.fan-portrait{width:min(52%,250px);max-width:100%;justify-self:end}.profile-layout .profile-book{margin:0}.profile-layout .profile-book-page{padding:28px 24px 66px}.profile-layout .profile-book-residents{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.profile-book-page.turning{animation:none}}
.profile-layout{position:relative;align-items:stretch}.profile-layout .profile-book{display:contents}.profile-layout .profile-book-page{height:100%;box-sizing:border-box}.profile-layout:not(.profile-layout-wide) .profile-book-turn{grid-column:1 / -1;justify-self:end;margin-top:-62px}.profile-layout-wide .profile-book-page{grid-column:1 / -1}.profile-layout-wide .profile-book-turn{grid-column:1 / -1;justify-self:end;margin-top:-62px}.profile-page-residents{color:#394b3c;background:transparent;border:0;box-shadow:none;padding:0 8px 70px}.profile-page-residents::after{display:none}.profile-page-residents .profile-book-eyebrow{color:#718b61}.profile-page-residents h2{max-width:none;color:#394b3c;font-size:clamp(34px,5vw,50px)}.profile-page-residents .profile-book-copy{max-width:none;color:#394b3c;font-size:12px;font-weight:700}.profile-page-residents .profile-book-residents{margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.profile-page-residents .resident-card{padding:0;border:0;border-radius:0;background:transparent;text-align:center}.profile-page-residents .resident-image{height:230px;aspect-ratio:auto;border-radius:0}.profile-page-residents .resident-image img{object-fit:contain}.profile-page-residents .resident-card h3{color:#394b3c;font-size:30px}.profile-page-residents .resident-card p{color:#718b61;font-size:12px;font-weight:700}.profile-page-fan{min-height:460px}.profile-page-fan .fan-page-layout{min-height:360px}.profile-page-fan .profile-book-copy{max-width:48%;padding:0;color:#eef2e5;background:transparent}.profile-page-fan .fan-portrait{right:40px;bottom:54px;width:52%;max-width:430px}@media(max-width:820px){.profile-layout .profile-book{display:block}.profile-layout .profile-book-page{height:auto}.profile-layout:not(.profile-layout-wide) .profile-book-turn,.profile-layout-wide .profile-book-turn{display:block;margin:0}.profile-layout-wide .profile-book-page{grid-column:auto}.profile-page-residents .profile-book-residents{grid-template-columns:1fr;gap:20px}.profile-page-residents .resident-image{height:200px}.profile-page-fan .profile-book-copy{max-width:100%}.profile-page-fan .fan-portrait{position:relative;right:auto;bottom:auto;width:100%;max-width:280px;margin:20px auto 0}}
.profile-layout:not(.profile-layout-wide) .profile-book-page{grid-column:1;grid-row:1}.profile-layout:not(.profile-layout-wide) .profile-fields{grid-column:2;grid-row:1}.profile-layout:not(.profile-layout-wide) .profile-book-turn{grid-row:2}.profile-layout-wide .profile-book-turn{grid-row:2}
.profile-layout-wide .profile-fields{display:none}
.profile-layout-turning{animation:profile-layout-turn .52s ease both;transform-origin:center}@keyframes profile-layout-turn{0%{transform:rotateY(-10deg);opacity:.65}100%{transform:rotateY(0);opacity:1}}
.profile-page-residents::after{display:block}.profile-book-turn{z-index:3;width:68px;height:68px;padding:26px 6px 4px 21px}.profile-book-page::after{box-shadow:-8px -8px 0 #394b3c}@media(max-width:820px){.profile-page-residents .resident-image{width:min(100%,280px);height:220px;margin-inline:auto}}
.profile-layout::after{content:"";position:absolute;right:0;bottom:0;z-index:2;width:68px;height:68px;border-radius:30px 0 0;background:#f4f6cf;box-shadow:-8px -8px 0 #394b3c}.profile-book-page::after{display:none}.profile-layout .profile-book-turn{position:absolute;right:0;bottom:0;z-index:3;width:68px;height:68px;padding:26px 6px 4px 21px}.profile-page-residents .resident-image{width:min(100%,220px);height:auto;aspect-ratio:900 / 992;margin-inline:auto}.profile-page-fan{min-height:0;padding:0 0 70px;overflow:visible;color:#394b3c;background:transparent;border:0;box-shadow:none}.profile-page-fan .fan-page-layout{min-height:440px;display:grid;grid-template-columns:minmax(220px,.58fr) minmax(0,1fr);gap:48px;align-items:center}.profile-page-fan .fan-copy-panel{position:relative;align-self:stretch;padding:34px 32px 72px;border-radius:18px;background:#394b3c;color:#f8f7f2}.profile-page-fan .fan-copy-panel .profile-book-eyebrow{color:#c9e97f}.profile-page-fan .fan-copy-panel h2{max-width:none;margin:12px 0 24px;color:#f8f7f2;font-size:34px}.profile-page-fan .fan-copy-panel .profile-book-copy{max-width:none;margin:0;padding:0;color:#eef2e5;background:transparent}.profile-page-fan .fan-copy-panel .profile-book-index{left:32px;bottom:26px;color:#c8d4c0}.profile-page-fan .fan-portrait{position:relative;right:auto;bottom:auto;width:100%;max-width:430px;height:400px;margin:auto;aspect-ratio:auto;overflow:visible}.profile-page-fan .fan-portrait img{object-fit:contain}@media(max-width:820px){.profile-page-fan .fan-page-layout{min-height:0;grid-template-columns:1fr;gap:24px}.profile-page-fan .fan-copy-panel{min-height:320px}.profile-page-fan .fan-portrait{height:340px;width:min(100%,360px)}.profile-page-residents .resident-image{width:min(100%,220px);aspect-ratio:900 / 992}}
.profile-layout .profile-book-turn{margin:0}
.profile-layout>.profile-book-turn{inset:auto 0 0 auto;left:auto;top:auto;grid-column:auto;grid-row:auto;justify-self:auto;align-self:auto}
@media(max-width:820px){.profile-layout:not(.profile-layout-wide){display:block;padding-bottom:90px}.profile-layout:not(.profile-layout-wide) .profile-fields{margin-top:28px}.profile-layout:not(.profile-layout-wide) .profile-book-page{width:100%;min-height:0}.profile-layout:not(.profile-layout-wide)>.profile-book-turn{right:0;bottom:0}}
