/* Arlene's story: an editorial portrait with space for a family album. */
#gpba-full .arlene-page{--story-gap:clamp(24px,3.5vw,48px)}
#gpba-full .arlene-shell{padding-inline:var(--gutter);max-width:1600px;margin-inline:auto}
#gpba-full .arlene-breadcrumb{padding-top:26px;font-size:1rem;line-height:1.6}
#gpba-full .arlene-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
#gpba-full .arlene-breadcrumb span{margin-left:8px}
#gpba-full .arlene-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--story-gap);align-items:start;padding-block:28px 36px}
#gpba-full .arlene-hero h1{font-size:clamp(64px,7.4vw,112px);line-height:.92;letter-spacing:-.035em;margin:14px 0 20px}
#gpba-full .arlene-hero h1 span{display:block}
#gpba-full .arlene-deck{font-family:'EB Garamond',Georgia,serif;font-size:clamp(25px,2.6vw,34px);line-height:1.2;margin-bottom:22px}
#gpba-full .arlene-introduction{font-size:17px;line-height:1.75;max-width:450px}
#gpba-full .arlene-roles{font-size:1rem;line-height:1.8;border-top:1px solid var(--brass);padding-top:18px;margin:26px 0 0;max-width:450px}
#gpba-full .arlene-main-portrait img{width:100%;height:auto}
#gpba-full .arlene-main-portrait figcaption{margin-top:12px;font:400 20px/1.4 'EB Garamond',Georgia,serif;color:var(--green)}
#gpba-full .arlene-chapters{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;padding-block:20px;border-block:1px solid var(--brass);font-size:1rem;line-height:1.6}
#gpba-full .arlene-chapters>span{text-transform:uppercase;font-size:1rem;letter-spacing:.16em;margin-right:auto}
#gpba-full .arlene-chapters a{padding:4px 0;border-bottom:1px solid transparent}
#gpba-full .arlene-chapters a:hover{border-color:var(--brass);text-decoration:none}
#gpba-full .arlene-page section[id]{scroll-margin-top:28px}
#gpba-full .arlene-beginnings{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--story-gap);align-items:start;padding-block:44px}
#gpba-full .arlene-page h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.025em;margin:0 0 18px}
#gpba-full .arlene-reading{max-width:650px;min-width:0}
#gpba-full .arlene-reading p{font-size:17px;line-height:1.8;margin-bottom:16px}
#gpba-full .arlene-reading p:last-child{margin-bottom:0}
#gpba-full .arlene-reading h3{font-size:30px;line-height:1.15;margin:34px 0 18px}
#gpba-full .arlene-reading a:not(.textlink){border-bottom:1px solid var(--brass);text-underline-offset:4px}
#gpba-full .arlene-childhood{width:min(100%,370px);justify-self:center}
#gpba-full .album-mount{padding:12px;background:#fffdf8;border:1px solid #e3ddcf;box-shadow:0 5px 18px rgba(32,59,37,.05)}
#gpba-full .album-mount img{width:100%;height:auto}
#gpba-full .album-photo figcaption{font-size:1.125rem;line-height:1.6;margin-top:16px;max-width:480px}
#gpba-full .placeholder-caption{display:block;font-size:1rem;letter-spacing:.09em;text-transform:uppercase;color:#62685b;margin-bottom:5px}
#gpba-full .arlene-family{background:var(--soft);padding-block:40px 44px}
#gpba-full .family-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--story-gap);align-items:start}
#gpba-full .family-intro h2{margin-bottom:0}
#gpba-full .family-album{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px;margin-top:28px;align-items:start}
#gpba-full .family-shinjoo{margin-top:0}
/* Family photographs use plain captions and a shared lower edge on desktop. */
#gpba-full .family-album-real{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px}
#gpba-full .family-memories{display:grid;gap:28px;min-width:0}
#gpba-full .family-album-real .album-photo{min-width:0}
#gpba-full .family-album-real figcaption{max-width:none;font:400 21px/1.4 'EB Garamond',Georgia,serif;color:var(--green);margin-top:14px;text-wrap:pretty}
#gpba-full .family-photo-link{display:block}
@media(min-width:701px){
 @supports(grid-template-rows:subgrid){
  #gpba-full .family-album-real{grid-template-rows:auto auto minmax(0,1fr) auto;row-gap:0;align-items:stretch}
  #gpba-full .family-album-real .family-memories{display:contents}
  #gpba-full .family-album-real .album-photo{display:grid;grid-template-rows:subgrid;gap:0;align-items:start}
  #gpba-full .family-album-real .family-sons{grid-column:1;grid-row:1/5}
  #gpba-full .family-sons .album-mount{grid-row:1/4;align-self:start}
  #gpba-full .family-sons figcaption{grid-row:4}
  #gpba-full .family-album-real .family-nicholas{grid-column:2;grid-row:1/3}
  #gpba-full .family-nicholas figcaption{padding-bottom:28px}
  #gpba-full .family-album-real .family-shinjoo{grid-column:2;grid-row:3/5}
  #gpba-full .family-shinjoo .album-mount{height:100%;min-height:0;align-self:stretch}
  #gpba-full .family-shinjoo .family-photo-link{position:relative;height:100%;min-height:0;overflow:hidden}
  #gpba-full .family-shinjoo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
 }
}
#gpba-full .arlene-community{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--story-gap);padding-block:44px}
#gpba-full .arlene-side-note{font-family:'EB Garamond',Georgia,serif;font-size:26px;line-height:1.35;max-width:290px;margin:0}
#gpba-full .arlene-community-quote{max-width:28rem;margin:32px 0 0;padding:24px 0;border-top:1px solid var(--brass)}
#gpba-full .arlene-community-quote blockquote{margin:0;padding:0}
#gpba-full .arlene-community-quote blockquote p{font:400 clamp(1.75rem,2.5vw,2.125rem)/1.4 'EB Garamond',Georgia,serif;color:var(--green);margin:0;text-wrap:pretty}
#gpba-full .arlene-community-quote figcaption{margin-top:1rem;font:var(--quote-attribution-font);color:var(--green);text-align:right}
@media(min-width:701px){#gpba-full #community>.arlene-reading{padding-top:24px}}
#gpba-full .arlene-legacy{background:var(--green);color:var(--paper);padding-block:40px}
#gpba-full .legacy-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--story-gap)}
#gpba-full .arlene-legacy h2{color:var(--paper)}
#gpba-full .arlene-legacy .eyebrow{color:#d8cbb0}
#gpba-full .arlene-legacy .textlink{margin-top:10px;color:var(--paper)}
#gpba-full .arlene-future-quote{grid-column:1/-1;min-width:0;width:100%;margin:0;padding:28px 0;border-block:1px solid var(--brass)}
#gpba-full .arlene-future-quote blockquote{margin:0;padding:0}
#gpba-full .arlene-future-quote blockquote p{font:400 clamp(1.5rem,2.5vw,2.125rem)/1.4 'EB Garamond',Georgia,serif;color:var(--green);margin:0;text-wrap:pretty}
#gpba-full .arlene-future-quote figcaption{margin-top:1rem;font:var(--quote-attribution-font);color:var(--green);text-align:right}
#gpba-full .arlene-press{padding-block:40px}
#gpba-full .arlene-press .sectionhead{margin-bottom:18px}
#gpba-full .arlene-press .press-intro{margin-bottom:24px}
#gpba-full .arlene-press .reader-card h3{font-size:29px}
#gpba-full .arlene-closing{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px 32px;border-top:1px solid var(--brass)}
#gpba-full .arlene-closing>p{font-size:32px;line-height:1.2;margin:0}
#gpba-full .arlene-closing>div{display:flex;flex-wrap:wrap;gap:24px}
@media(min-width:1601px){#gpba-full .arlene-shell{padding-inline:96px}}
@media(max-width:1000px){
 #gpba-full .arlene-hero{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #gpba-full .arlene-hero h1{font-size:74px}
 #gpba-full .arlene-chapters{gap:10px 20px}
 #gpba-full .arlene-chapters>span{flex-basis:100%}
 #gpba-full .family-album{column-gap:28px}
 #gpba-full .family-album-real{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 #gpba-full .family-shinjoo{margin-top:0}
 #gpba-full .arlene-closing{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
 #gpba-full .arlene-breadcrumb{padding-top:20px}
 #gpba-full .arlene-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:24px 28px}
 #gpba-full .arlene-hero h1{font-size:76px;max-width:7ch;margin-block:12px 18px}
 #gpba-full .arlene-deck{font-size:28px}
 #gpba-full .arlene-introduction{max-width:540px;font-size:16px}
 #gpba-full .arlene-roles{max-width:none;margin-top:22px}
 #gpba-full .arlene-chapters{gap:8px 20px;padding-block:18px}
 #gpba-full .arlene-chapters a{padding-block:6px}
 #gpba-full .arlene-beginnings{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}
 #gpba-full .arlene-childhood{max-width:320px;justify-self:start}
 #gpba-full .arlene-page h2{font-size:40px;margin-bottom:16px}
 #gpba-full .arlene-reading{max-width:none}
 #gpba-full .arlene-reading p{font-size:16px;line-height:1.8;margin-bottom:16px}
 #gpba-full .arlene-reading h3{font-size:29px;margin-top:28px}
 #gpba-full .arlene-family{padding-block:32px}
 #gpba-full .family-intro,#gpba-full .family-album{grid-template-columns:minmax(0,1fr);gap:28px}
 #gpba-full .family-intro h2{margin-bottom:0}
 #gpba-full .family-album{margin-top:24px;gap:28px}
 #gpba-full .family-album-real{grid-template-columns:minmax(0,1fr)}
 #gpba-full .family-shinjoo{margin-top:0}
 #gpba-full .album-mount{padding:9px}
 #gpba-full .arlene-community{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}
 #gpba-full .arlene-side-note{font-size:24px;max-width:340px}
 #gpba-full .arlene-legacy{padding-block:32px}
 #gpba-full .legacy-layout{grid-template-columns:minmax(0,1fr);gap:10px}
 #gpba-full .arlene-press{padding-block:32px}
 #gpba-full .arlene-closing{padding-block:24px 28px}
 #gpba-full .arlene-closing>p{font-size:29px}
}
@media(prefers-reduced-motion:reduce){#gpba-full .arlene-chapters a{scroll-behavior:auto}}