/* Two gallery compositions using the same chronological sample entries. */
.page-gallery,.page-gallery-compare{--g-paper:#FAF9F5;--g-ink:#1B1D1B;--g-muted:#575C58;--g-line:#D9DBD5;--g-green:#285444;--g-navy:#294B68;background:var(--g-paper);color:var(--g-ink);font-family:"Source Sans 3 Study",Arial,sans-serif}
.page-gallery [hidden]{display:none!important}
.page-gallery a,.page-gallery-compare a{text-underline-offset:.2em}
.page-gallery a:focus-visible,.page-gallery button:focus-visible,.page-gallery-compare a:focus-visible{outline:3px solid var(--g-green);outline-offset:4px}
.g-header,.g-main,.g-footer{max-width:1460px;margin-inline:auto;padding-inline:clamp(22px,4.6vw,68px)}
.g-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:27px;padding-bottom:25px;border-bottom:1px solid var(--g-line)}
.g-brand{display:flex;flex-direction:column;font-weight:680;font-size:1.46rem;line-height:1.1;letter-spacing:-.045em}
.g-brand span{margin-top:5px;font-size:.83rem;font-weight:400;letter-spacing:0;color:var(--g-muted)}
.g-header-links{display:flex;gap:30px;align-items:center;padding-top:6px;font-size:.81rem}
.g-header-links span{text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;font-weight:700;color:var(--g-muted)}
.g-header-links a,.g-footer a{text-decoration:underline;font-weight:620}
.g-intro{padding:clamp(70px,8vw,116px) 0 54px;max-width:1050px}
.g-eyebrow{margin:0 0 22px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--g-navy)}
.g-eyebrow span{color:var(--g-green);padding-left:7px;font-size:1.05rem}
.g-intro h1{margin:0 0 23px;font:570 clamp(3.75rem,7.5vw,7.5rem)/.98 "Source Sans 3 Study",Arial,sans-serif;letter-spacing:-.073em}
.g-intro h1 em{font-family:"Source Serif 4 Study",Georgia,serif;font-weight:400;letter-spacing:-.07em}
.g-intro>p:not(.g-eyebrow){max-width:660px;font-size:clamp(1.18rem,1.8vw,1.43rem);line-height:1.5;margin:0}
.g-intro-foot{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--g-line);padding-top:16px;margin-top:clamp(70px,8vw,120px);color:var(--g-muted);font-size:.77rem;letter-spacing:.055em}
.g-collection-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 19px}
.g-collection-head h2{font-size:clamp(2.35rem,4vw,4.3rem);letter-spacing:-.068em;line-height:1.03;font-weight:590;margin:0}
.g-collection-head h2 span{color:var(--g-green)}
.g-collection-head p{font:400 1rem/1.4 "Source Serif 4 Study",Georgia,serif;color:var(--g-muted);max-width:230px;text-align:right;margin:0 0 5px}
.g-filters{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--g-ink);border-bottom:1px solid var(--g-line);padding:8px 0;background:var(--g-paper)}
.g-filters button{appearance:none;border:0;background:transparent;color:var(--g-ink);font:650 .88rem/1.2 "Source Sans 3 Study",Arial,sans-serif;min-height:44px;padding:10px 13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.g-filters button[aria-pressed="true"]{background:var(--g-ink);color:var(--g-paper)}
.g-filters button:hover:not([aria-pressed="true"]){background:#EBEDE8}
.g-filter-status{color:var(--g-muted);font-size:.78rem;margin:13px 0 29px}
.g-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,2.5vw,36px);row-gap:70px;align-items:start}
.g-item{min-width:0;border-top:1px solid var(--g-line);padding-top:15px}
.g-item-meta{display:flex;gap:12px;align-items:baseline;justify-content:space-between;color:var(--g-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:650;margin-bottom:23px}
.g-item-meta .g-item-number{color:var(--g-green);font-weight:750}
.g-item-meta time{margin-left:auto;text-align:right}
.g-item-media{margin:0 0 21px}
.g-item-media img{width:100%;aspect-ratio:1.45;object-fit:cover}
.g-item-media figcaption{margin-top:7px;font-size:.73rem;color:var(--g-muted)}
.g-item-diagram{background:#E9ECE6;padding:clamp(12px,2vw,30px)}
.g-item-diagram img{aspect-ratio:1.65;object-fit:contain}
.g-item h3{font:430 clamp(1.7rem,2.3vw,2.8rem)/1.12 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.042em;margin:0 0 12px}
.g-item h3 a:hover,.g-item-action:hover{text-decoration:underline}
.g-item-subtitle{font-size:1.02rem;line-height:1.42;margin:0 0 10px;font-weight:570}
.g-item-excerpt{font-size:1rem;line-height:1.58;margin:0;max-width:58ch}
.g-item-action{display:inline-block;margin-top:17px;font-size:.84rem;font-weight:690;text-decoration:underline}
.g-item-action span{margin-left:6px}
.g-item-quote{font:italic 400 clamp(2rem,3.1vw,3.2rem)/1.2 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.04em;margin:30px 0 17px;padding-left:17px;border-left:2px solid var(--g-green)}
.g-kind-note .g-item-excerpt{font-family:"Source Serif 4 Study",Georgia,serif;font-size:1.11rem;line-height:1.6}
.g-kind-link h3 a{text-decoration:underline;text-decoration-thickness:1px}
.g-family-cue{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;border-top:1px solid var(--g-ink);margin:clamp(90px,10vw,155px) 0 95px;padding-top:22px}
.g-family-cue span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:730;color:var(--g-navy)}
.g-family-cue p{font:400 clamp(1.4rem,2.2vw,2.2rem)/1.24 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.035em;margin:0}
.g-family-cue small{font-size:.83rem;line-height:1.45;color:var(--g-muted)}
.g-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--g-line);padding-top:25px;padding-bottom:55px;font-size:.8rem;color:var(--g-muted)}
.g-footer a{color:var(--g-ink)}
.g-empty{grid-column:1/-1;border-top:1px solid var(--g-line);font:400 clamp(1.5rem,2.4vw,2.2rem)/1.3 "Source Serif 4 Study",Georgia,serif;max-width:650px;padding:40px 0 100px;margin:0}
.g-archive-shell,.g-content-shell{max-width:1120px;margin:auto;padding:clamp(55px,7vw,100px) 24px 110px}
.g-archive-shell h1{font:560 clamp(3.5rem,7vw,6rem)/1 "Source Sans 3 Study",Arial,sans-serif;letter-spacing:-.07em;margin:0 0 20px}
.g-archive-shell h1 span{color:var(--g-green)}
.g-archive-deck{font:400 1.35rem/1.5 "Source Serif 4 Study",Georgia,serif;max-width:610px;margin:0 0 70px}
.g-archive-list{border-top:1px solid var(--g-ink)}
.g-archive-list>a{display:grid;grid-template-columns:160px 1fr 1fr 24px;gap:20px;align-items:baseline;border-bottom:1px solid var(--g-line);padding:23px 0}
.g-archive-list>a:hover strong{text-decoration:underline}
.g-archive-list span{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--g-muted)}
.g-archive-list strong{font:430 1.75rem/1.2 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.04em}
.g-archive-list small{font-size:.89rem;line-height:1.4;color:var(--g-muted)}
.g-archive-list i{font-style:normal}
.g-archive-list>p{font:400 1.55rem/1.4 "Source Serif 4 Study",Georgia,serif;margin:35px 0}
.g-content-shell{max-width:790px}
.g-content-back{font-size:.87rem;font-weight:700;text-decoration:underline}
.g-content-head{padding:55px 0 46px}
.g-content-head h1{font:550 clamp(3.2rem,7vw,5.8rem)/1.03 "Source Sans 3 Study",Arial,sans-serif;letter-spacing:-.065em;margin:0 0 21px}
.g-content-subtitle{font:400 clamp(1.35rem,2vw,1.7rem)/1.42 "Source Serif 4 Study",Georgia,serif;margin:0 0 19px}
.g-content-deck{font-size:1.13rem;line-height:1.55;color:var(--g-muted);margin:0}
.g-content-image{margin:0 0 48px}.g-content-image img{width:100%;height:auto}.g-content-image figcaption{font-size:.8rem;color:var(--g-muted);margin-top:8px}
.g-content-quote{font:italic 400 1.9rem/1.35 "Source Serif 4 Study",Georgia,serif;border-left:2px solid var(--g-green);padding-left:21px;margin:40px 0}
.g-content-body{max-width:68ch;font:400 1.27rem/1.7 "Source Serif 4 Study",Georgia,serif}
.g-content-body p{margin:0 0 1.3em}.g-content-body a,.g-content-external a{text-decoration:underline}
.g-content-body img{max-width:100%;height:auto}
.g-content-external{border-top:1px solid var(--g-line);padding-top:20px;margin-top:40px;font-size:.9rem;font-weight:700}

/* Study 01: consistent baselines, deliberate changes of scale. */
.gallery-grid .g-item{border-top-color:var(--g-ink)}
.gallery-grid .g-item-1{grid-column:1/8}
.gallery-grid .g-item-2{grid-column:9/13;padding-top:15px}
.gallery-grid .g-item-3{grid-column:1/6}
.gallery-grid .g-item-4{grid-column:7/13}
.gallery-grid .g-item-5{grid-column:1/5}
.gallery-grid .g-item-6{grid-column:6/13}
.gallery-grid .g-item-7{grid-column:1/8}
.gallery-grid .g-item-8{grid-column:9/13}
.gallery-grid .g-item-9{grid-column:1/13;display:grid;grid-template-columns:1fr 1.3fr;column-gap:5vw}
.gallery-grid .g-item-9 .g-item-meta{grid-column:1/-1}
.gallery-grid .g-item-9 .g-item-copy{grid-column:2}
.gallery-grid .g-item-1 h3{font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:1.05}
.gallery-grid .g-item-1 .g-item-media img{aspect-ratio:1.58}
.gallery-grid .g-item-2{padding-bottom:70px}
.gallery-grid .g-item-2 h3{font-size:clamp(2.1rem,3.1vw,3.4rem)}
.gallery-grid .g-item-2 .g-item-excerpt{font-size:1.22rem;line-height:1.55}
.gallery-grid .g-item-3 .g-item-media img{aspect-ratio:1.15}
.gallery-grid .g-item-6 .g-item-media img{aspect-ratio:1.85}
.gallery-grid .g-item-7 h3{font-size:clamp(2.3rem,3.7vw,4.1rem)}
.gallery-grid .g-item-8{padding-bottom:35px}
.gallery-grid .g-item-9 h3{font-size:clamp(2.6rem,4.8vw,5.5rem)}

/* Study 02: a paced collage. Row groups still follow source chronology. */
.gallery-collage .g-intro{max-width:850px;padding-bottom:20px}
.gallery-collage .g-intro h1{font-size:clamp(4rem,8.4vw,8.7rem);line-height:.94}
.gallery-collage .g-intro-foot{margin-top:90px}
.gallery-collage .g-gallery{row-gap:clamp(95px,10vw,165px)}
.gallery-collage .g-item{border-top-color:var(--g-line)}
.gallery-collage .g-item-1{grid-column:1/9;grid-row:1}
.gallery-collage .g-item-2{grid-column:10/13;grid-row:1;margin-top:135px}
.gallery-collage .g-item-3{grid-column:2/7;grid-row:2}
.gallery-collage .g-item-4{grid-column:8/13;grid-row:2;margin-top:120px}
.gallery-collage .g-item-5{grid-column:1/6;grid-row:3;margin-top:45px}
.gallery-collage .g-item-6{grid-column:7/13;grid-row:3}
.gallery-collage .g-item-6{margin-top:90px}
.gallery-collage .g-item-7{grid-column:2/9;grid-row:4}
.gallery-collage .g-item-8{grid-column:10/13;grid-row:4;margin-top:185px}
.gallery-collage .g-item-9{grid-column:4/12;grid-row:5}
.gallery-collage .g-item-1 .g-item-media img{aspect-ratio:1.83}
.gallery-collage .g-item-1 h3{font-size:clamp(3.1rem,5.4vw,6rem);max-width:760px;line-height:1.03}
.gallery-collage .g-item-1 .g-item-excerpt{max-width:52ch;font-family:"Source Serif 4 Study",Georgia,serif;font-size:1.15rem}
.gallery-collage .g-item-2 h3{font-size:clamp(2.1rem,3vw,3.1rem)}
.gallery-collage .g-item-2 .g-item-excerpt{font-size:1.1rem}
.gallery-collage .g-item-3 .g-item-media img{aspect-ratio:.94}
.gallery-collage .g-item-3 h3{font-size:2rem}
.gallery-collage .g-item-4 .g-item-diagram{background:transparent;padding:0}
.gallery-collage .g-item-4 h3{font-size:clamp(2.1rem,3.1vw,3.3rem)}
.gallery-collage .g-item-5 .g-item-quote{font-size:clamp(2.5rem,4vw,4.5rem);border:0;padding:0}
.gallery-collage .g-item-6 .g-item-media img{aspect-ratio:1.13}
.gallery-collage .g-item-7 h3{font-size:clamp(2.5rem,4vw,4.5rem)}
.gallery-collage .g-item-8{border-top-color:var(--g-green)}
.gallery-collage .g-item-8 h3{font-size:2.1rem}
.gallery-collage .g-item-9{border-top-color:var(--g-ink)}
.gallery-collage .g-item-9 h3{font-size:clamp(3rem,5vw,5.5rem)}
.gallery-collage .g-family-cue{margin-top:170px}

/* Filtering makes a compact gallery with no holes from the all-entry composition. */
.g-gallery[data-filtered="true"]{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:55px}
.g-gallery[data-filtered="true"] .g-item{grid-column:auto!important;grid-row:auto!important;display:block;margin-top:0!important;padding-bottom:0}
.g-gallery[data-filtered="true"] .g-item h3{font-size:clamp(1.8rem,2.5vw,2.8rem)}
.g-gallery[data-filtered="true"] .g-item-media img{aspect-ratio:1.35}

/* A compact, side-by-side entrance to both full studies. */
.g-compare-header,.g-compare-main{max-width:1460px;margin:auto;padding-inline:clamp(22px,4.6vw,68px)}
.g-compare-header{display:flex;justify-content:space-between;padding-top:29px;padding-bottom:23px;border-bottom:1px solid var(--g-line);font-size:.82rem;font-weight:700}
.g-compare-header a{text-decoration:underline}
.g-compare-main{padding-top:clamp(65px,8vw,120px);padding-bottom:110px}
.g-compare-main>p:first-child{font-size:.79rem;text-transform:uppercase;letter-spacing:.11em;color:var(--g-navy);font-weight:700}
.g-compare-main>h1{font:570 clamp(3.4rem,7vw,7rem)/.99 "Source Sans 3 Study",Arial,sans-serif;letter-spacing:-.07em;max-width:850px;margin:20px 0}
.g-compare-main>h1 em{font:italic 400 1em "Source Serif 4 Study",Georgia,serif}
.g-compare-deck{font-size:1.23rem;line-height:1.55;max-width:670px;margin:0 0 70px}
.g-compare-options{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.g-compare-option{min-width:0;border-top:1px solid var(--g-ink);padding-top:16px}
.g-compare-option>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--g-green);font-weight:730}
.g-compare-option h2{font:480 clamp(2.5rem,4vw,4.3rem)/1.05 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.055em;margin:27px 0 14px}
.g-compare-option p{font-size:1rem;line-height:1.48;max-width:420px;margin:0 0 29px}
.g-compare-mini{display:grid;grid-template-columns:1.5fr .9fr;gap:16px;align-items:start;min-height:350px;border-top:1px solid var(--g-line);padding-top:15px}
.g-compare-mini img{width:100%;object-fit:cover;aspect-ratio:1.28}
.g-compare-mini strong{font:420 1.7rem/1.12 "Source Serif 4 Study",Georgia,serif;letter-spacing:-.04em}
.g-compare-mini small{display:block;color:var(--g-muted);font-size:.78rem;margin:14px 0}
.g-compare-mini i{font:italic 400 1.28rem/1.3 "Source Serif 4 Study",Georgia,serif}
.g-compare-option.collage .g-compare-mini{grid-template-columns:.8fr 1.5fr;gap:30px;padding-top:33px}
.g-compare-option.collage .g-compare-mini img{grid-column:2;grid-row:1;aspect-ratio:1.42}
.g-compare-option.collage .g-compare-mini div{grid-column:1;grid-row:1;margin-top:80px}
.g-compare-option>a{font-size:.9rem;font-weight:700;text-decoration:underline}

@media(max-width:980px){.g-gallery{column-gap:22px}.gallery-grid .g-item-1{grid-column:1/8}.gallery-grid .g-item-2{grid-column:9/13}.g-item-meta{flex-wrap:wrap}.g-item-meta time{flex-basis:100%;text-align:left}.gallery-collage .g-item-2,.gallery-collage .g-item-8{grid-column:9/13}.g-gallery[data-filtered="true"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.g-header{padding-top:20px;padding-bottom:20px}.g-brand{font-size:1.24rem}.g-brand span{font-size:.72rem}.g-header-links{display:block;text-align:right;font-size:.73rem;padding-top:0}.g-header-links span{display:block;font-size:.65rem;margin-bottom:5px}.g-intro,.gallery-collage .g-intro{padding:65px 0 30px}.g-intro h1,.gallery-collage .g-intro h1{font-size:clamp(3.55rem,13vw,5.7rem);line-height:.99}.g-intro>p:not(.g-eyebrow){font-size:1.17rem}.g-intro-foot,.gallery-collage .g-intro-foot{margin-top:76px;display:block;line-height:1.6}.g-intro-foot span{display:block}.g-collection-head{display:block}.g-collection-head p{text-align:left;margin-top:12px;max-width:none}.g-filters{position:static;gap:2px}.g-filters button{font-size:.84rem;padding:9px 11px}.g-filter-status{margin-bottom:18px}.g-gallery,.gallery-collage .g-gallery,.g-gallery[data-filtered="true"]{display:block}.g-item,.gallery-grid .g-item,.gallery-collage .g-item,.g-gallery[data-filtered="true"] .g-item{display:block!important;margin:0 0 65px!important;padding:14px 0 0!important;border-top:1px solid var(--g-ink)}.g-item-meta{display:flex;flex-wrap:nowrap;gap:8px;font-size:.7rem}.g-item-meta time{flex-basis:auto;text-align:right}.g-item h3,.gallery-grid .g-item h3,.gallery-collage .g-item h3,.g-gallery[data-filtered="true"] .g-item h3{font-size:clamp(2rem,8vw,3rem)}.gallery-collage .g-item-1 h3{font-size:clamp(2.55rem,9vw,4.1rem)}.g-item-quote,.gallery-collage .g-item-5 .g-item-quote{font-size:2.5rem}.g-item-media img,.gallery-grid .g-item-1 .g-item-media img,.gallery-grid .g-item-3 .g-item-media img,.gallery-grid .g-item-6 .g-item-media img,.gallery-collage .g-item-1 .g-item-media img,.gallery-collage .g-item-3 .g-item-media img,.gallery-collage .g-item-6 .g-item-media img{aspect-ratio:1.35}.g-family-cue{display:block;margin:95px 0 70px}.g-family-cue p{margin:18px 0;font-size:1.8rem}.g-footer{display:block;padding-bottom:42px}.g-footer a{display:block;margin-top:12px}.g-compare-header{padding-top:23px}.g-compare-main{padding-top:70px}.g-compare-deck{font-size:1.1rem}.g-compare-options{display:block}.g-compare-option{margin-bottom:68px}.g-compare-mini{min-height:0;margin-bottom:20px}.g-compare-option.collage .g-compare-mini div{margin-top:35px}}
.page-gallery .g-gallery .g-item[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.page-gallery *,.page-gallery-compare *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:700px){.g-archive-shell,.g-content-shell{padding:65px 22px 90px}.g-archive-shell h1{font-size:3.8rem}.g-archive-deck{font-size:1.2rem;margin-bottom:50px}.g-archive-list>a{display:block}.g-archive-list span,.g-archive-list strong,.g-archive-list small{display:block;margin-bottom:8px}.g-archive-list i{display:none}.g-content-head{padding:42px 0 30px}.g-content-head h1{font-size:clamp(2.8rem,11vw,4rem)}.g-content-body{font-size:1.14rem}.g-empty{padding:30px 0 60px}}

/* Public navigation wraps cleanly as sections are added. */
.g-header-links,.g-footer-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.g-header-links a,.g-footer-links a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.g-footer-links{justify-content:flex-end}
@media(max-width:700px){
  .g-header{flex-direction:column;gap:12px}
  .g-header-links{justify-content:flex-start;text-align:left;gap:0 20px;font-size:.85rem}
  .g-footer-links{justify-content:flex-start;gap:0 20px;margin-top:10px}
  .g-footer .g-footer-links a{display:inline-flex;margin-top:0}
}
