/* Existing SUNIVA portraits, placed in the document flow. */
img[src*="characters/"]{aspect-ratio:1 / 1;height:auto;object-fit:cover;object-position:center;border-radius:50%}
.character-grid>figure>img[src*="characters/"]{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;box-sizing:border-box;padding:5px;border:1px solid #dcccab;background:#fffdf7}
.two-columns>img[src*="characters/"]{width:min(100%,360px);height:auto;aspect-ratio:1 / 1;justify-self:center;border-radius:50%;object-fit:cover;object-position:center;box-sizing:border-box;padding:5px;border:1px solid #dcccab;background:#fffdf7}
.sc-portrait{display:block;flex:none;margin:0;width:170px;max-width:100%;text-align:center;min-width:0}
.sc-portrait>img,.page-hero .sc-portrait>img,.portal-guide .sc-portrait>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;padding:5px;border:1px solid #dcccab;background:#fffdf7;box-shadow:0 8px 30px #a7873d12}
.sc-portrait>figcaption,.page-hero .sc-portrait>figcaption,.portal-guide .sc-portrait>figcaption{margin:9px 0 0;padding:0;text-align:center;font-family:var(--sans,sans-serif);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.08em;color:#83734e;background:none;position:static}
.sc-section-head{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:32px;min-width:0}
.sc-heading-copy{min-width:0;flex:1}
.sc-section-head .sc-heading-copy>h2{margin-bottom:0}
.sc-section-head .sc-portrait{width:175px}
.sc-section-head.sc-reverse{flex-direction:row-reverse;justify-content:flex-end}
.sc-section-head.sc-reverse .sc-heading-copy{flex:1}
.page-hero.plain.sc-has-hero-friends{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;align-items:center}
.sc-hero-friend{display:flex;justify-content:center;align-items:center;min-width:0}
.sc-hero-friend .sc-portrait{width:235px}
.sc-closing-friends{display:flex;align-items:flex-end;justify-content:center;gap:25px;margin:0 auto 28px;max-width:400px}
.sc-closing-friends .sc-portrait{width:135px}
.sc-closing-friends .sc-portrait:nth-child(2){width:105px;margin-bottom:8px}
.sc-closing-friends .sc-portrait>figcaption{font-size:10px}
.sc-encounter{max-width:1100px;padding:38px 30px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.sc-encounter-copy{min-width:0}
.sc-encounter-copy .sc-overline{font-size:10px;letter-spacing:.17em;color:#9c824d;margin:0 0 12px}
.sc-encounter-copy .sc-welcome{font-family:var(--serif,"Yu Mincho",serif);font-size:27px;line-height:1.8;letter-spacing:.04em;color:#534c3a;margin:0}
.sc-encounter-cast{display:flex;justify-content:flex-end;align-items:flex-end;gap:17px;flex-shrink:0}
.sc-encounter-cast .sc-portrait{width:110px}
.sc-encounter-cast .sc-portrait:nth-child(2){width:145px}
.sc-encounter-cast .sc-portrait:nth-child(3){width:100px}
.sc-journal-greeting{padding:32px 0 27px;max-width:none;border-bottom:1px solid #e8dfcd}
.sc-journal-greeting .sc-welcome{font-size:26px}
.sc-journal-greeting .sc-encounter-cast .sc-portrait{width:100px}
.sc-journal-greeting .sc-encounter-cast .sc-portrait:nth-child(2){width:125px}
.sc-contact-friend{margin:0 0 28px}
.sc-contact-friend .sc-portrait{width:155px}
.sc-home-section{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 0 30px}
.sc-home-section>.section-top{margin:0;flex:1;min-width:0}
.sc-home-section .sc-portrait{width:160px}
.sc-home-farewell{border-top:1px solid #e7e0d1;max-width:none;padding-left:8%;padding-right:8%;background:#faf7ef}
@media(max-width:760px){
 .sc-section-head{gap:20px;margin-bottom:25px;align-items:center}
 .sc-section-head .sc-portrait{width:112px}
 .sc-section-head .sc-heading-copy>h2{font-size:25px;line-height:1.75;letter-spacing:.02em}
 .sc-section-head .sc-heading-copy>.eyebrow{font-size:9px;line-height:1.7;overflow-wrap:anywhere}
 .sc-section-head.sc-reverse{flex-direction:row}
 .sc-portrait>figcaption{font-size:10px;letter-spacing:.04em}
 .page-hero.plain.sc-has-hero-friends{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .sc-hero-friend{justify-content:flex-end;margin:0 0 12px}
 .sc-hero-friend .sc-portrait{width:125px}
 .sc-closing-friends{gap:20px;margin-bottom:24px}
 .sc-closing-friends .sc-portrait{width:110px}
 .sc-closing-friends .sc-portrait:nth-child(2){width:88px}
 .sc-encounter{padding:30px 6%;gap:24px;flex-direction:column;align-items:stretch}
 .sc-encounter-copy .sc-welcome{font-size:24px;line-height:1.8}
 .sc-encounter-cast{justify-content:center;gap:14px}
 .sc-encounter-cast .sc-portrait{width:clamp(62px,22vw,88px)}
 .sc-encounter-cast .sc-portrait:nth-child(2){width:clamp(80px,28vw,110px)}
 .sc-encounter-cast .sc-portrait:nth-child(3){width:clamp(58px,20vw,80px)}
 .sc-journal-greeting{padding:28px 0 24px}
 .sc-journal-greeting .sc-welcome{font-size:24px}
 .sc-journal-greeting .sc-encounter-cast .sc-portrait{width:94px}
 .sc-journal-greeting .sc-encounter-cast .sc-portrait:nth-child(2){width:115px}
 .sc-contact-friend .sc-portrait{width:125px}
 .sc-home-section{gap:18px;align-items:flex-start}
 .sc-home-section .sc-portrait{width:95px}
 .sc-home-section h2{font-size:24px;letter-spacing:0}
 .sc-home-section .section-intro{font-size:12px;line-height:2}
 .sc-home-farewell{padding-left:8%;padding-right:8%}
}
@container site (max-width:740px){
 .sc-home-section{gap:18px;align-items:flex-start}.sc-home-section .sc-portrait{width:95px}.sc-home-section h2{font-size:24px;letter-spacing:0}.sc-home-section .section-intro{font-size:12px;line-height:2}
 .sc-encounter{padding:30px 8%;gap:24px;flex-direction:column;align-items:stretch}.sc-encounter-copy .sc-welcome{font-size:24px}.sc-encounter-cast{justify-content:center;gap:14px}.sc-encounter-cast .sc-portrait{width:clamp(62px,22vw,88px)}.sc-encounter-cast .sc-portrait:nth-child(2){width:clamp(80px,28vw,110px)}.sc-encounter-cast .sc-portrait:nth-child(3){width:clamp(58px,20vw,80px)}
}
