/* One Lexington editorial prototype. Scoped so other profiles retain their layout. The repeated root ID outranks older profile-specific !important declarations. */ /* Genuine italic companion for the Garamond display face; SIL OFL 1.1. */ @font-face { font-family:'EB Garamond'; src:url('/assets/eb-garamond-italic-latin.woff2') format('woff2'); font-style:italic; font-weight:400; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } body:has(.lex-reformat) { background:#fcfaf5; } #gpba-full#gpba-full#gpba-full .lex-reformat { --lex-ink:#243e31; --lex-text:#303b34; --lex-muted:#62695f; --lex-gold:#b5a16d; --lex-rule:#c9bc995f; --lex-serif:'EB Garamond',Georgia,serif; --lex-sans:Inter,Arial,sans-serif; --lex-measure:700px; --gph-paper:#fcfaf5; color:var(--lex-text); background:transparent; width:100%; max-width:none; box-sizing:border-box; margin:0; padding:3rem clamp(24px,4vw,64px) 0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell { width:100%!important; max-width:1160px!important; margin:0 auto!important; padding:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .breadcrumb { margin:0 0 2.75rem; font:400 .75rem/1.5 var(--lex-sans); color:var(--lex-muted); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:4rem; align-items:start; margin:0 0 3.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-header { background:none; padding:0; border:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .eyebrow { font:500 .75rem/1.5 var(--lex-sans); letter-spacing:.18em; text-transform:uppercase; color:#776b4e; margin:0 0 1.1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat h1#building-title { font:400 clamp(3.6rem,4.5vw,4.3rem)/.98 var(--lex-serif); color:var(--lex-ink); letter-spacing:-.035em; margin:0 0 1.5rem; text-wrap:balance; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-deck { font:400 italic 1.7rem/1.28 var(--lex-serif)!important; color:var(--lex-ink); max-width:22rem; margin:0 0 1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-address { font:400 .75rem/1.6 var(--lex-sans); letter-spacing:.04em; color:var(--lex-muted); margin:0 0 1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover-actions a { font:400 .78rem/1.5 var(--lex-sans); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover-actions .action { padding:.7rem 1rem; border-radius:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-byline { font:400 .875rem/1.5 var(--lex-sans)!important; margin:0 0 1.2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-introduction { border-top:1px solid var(--lex-gold); padding:2rem 0 0; margin:0 0 3rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-kicker { font:500 .75rem/1.5 var(--lex-sans)!important; letter-spacing:.16em; margin:0 0 1.5rem; color:#776b4e; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns { gap:4rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns .profile-intro-column p { font:400 1.2rem/1.7 Georgia,'Times New Roman',serif!important; margin:0 0 1.25rem; color:var(--lex-text); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns .profile-intro-column:first-child p:first-child { font:400 1.8rem/1.36 var(--lex-serif)!important; color:var(--lex-ink); } /* Eight dates, four visual chapter cards, and a quiet detailed contents list. */ #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones { padding:1.3rem 0; border-block:1px solid var(--lex-rule); background:none; margin:0 0 3rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones-heading { margin:0 0 1.1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones-heading h2 { font:400 1.45rem/1.2 var(--lex-serif); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones-heading p { font:400 .75rem/1.5 var(--lex-sans)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones ol { display:grid; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones a { padding:.4rem .75rem; background:none; border-color:var(--lex-rule); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestone-date { font:400 1.35rem/1.25 var(--lex-serif); white-space:normal; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestone-label { font:400 .73rem/1.45 var(--lex-sans); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid { gap:1.15rem!important; margin:0 0 2.75rem; border:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid>a { min-height:175px; padding:1rem 1.2rem; border:1px solid var(--lex-rule); border-radius:0; box-shadow:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-card-title { font:400 1.65rem/1.1 var(--lex-serif)!important; margin:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-layout { display:block; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar { position:static; max-height:none; overflow:visible; padding:0; margin:0 0 5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar summary { display:flex; justify-content:space-between; padding:1rem 0; border-block:1px solid var(--lex-rule); font:500 .75rem/1.5 var(--lex-sans); letter-spacing:.14em; color:var(--lex-ink); } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar summary::after { content:'+'; font-size:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar details[open]>summary::after { content:'−'; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 2rem; margin:.6rem 0 0; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.2rem .4rem; border:0; border-bottom:1px solid var(--lex-rule); padding:.8rem 0; margin:0; min-height:0; text-decoration:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link::before { content:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-number { grid-column:1; grid-row:1/3; font:400 1.5rem/1.1 var(--lex-serif); color:#9c8b61; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.profile-story-date,.profile-story-title) { grid-column:2; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-date { display:block; font:400 .75rem/1.5 var(--lex-sans); color:#7b6c46; margin:0 0 .2rem; letter-spacing:.03em; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-title { display:block; font:400 1.2rem/1.25 var(--lex-serif); color:var(--lex-ink); } /* The story holds a stable reading measure. Wider images provide the variation. */ #gpba-full#gpba-full#gpba-full .lex-reformat { --lex-space-text:1rem; --lex-space-media:1.5rem; --lex-space-section:2rem; --lex-space-chapter:3rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story { width:100%; max-width:none; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter { margin:0 0 var(--lex-space-chapter); padding:0; border:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-heading { display:grid; grid-template-columns:4rem minmax(0,1fr); gap:1.5rem; max-width:970px; margin:0 auto var(--lex-space-section); padding:1.5rem 0 0; border:0; border-top:1px solid var(--lex-gold); background:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-number { font:400 3.8rem/1 var(--lex-serif); color:#9c8b61; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-period { font:500 .75rem/1.5 var(--lex-sans); letter-spacing:.12em; text-transform:uppercase; margin:0 0 .7rem; color:#776b4e; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-heading h2 { font:400 clamp(2.4rem,3.8vw,3.4rem)/1.08 var(--lex-serif); color:var(--lex-ink); letter-spacing:-.02em; margin:0; max-width:25ch; text-wrap:balance; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(p,li) { font:400 1.2rem/1.7 Georgia,'Times New Roman',serif!important; color:var(--lex-text); margin:0 0 var(--lex-space-text); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story h3 { font:400 2rem/1.15 var(--lex-serif); color:var(--lex-ink); margin:0 0 var(--lex-space-text); letter-spacing:-.01em; text-wrap:balance; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.bp-copy,.gph-text-section) { width:100%; max-width:var(--lex-measure); padding:0; border:0; margin-inline:auto; min-width:0; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.bp-pair,.lex-founding-idea) { display:flex; flex-direction:column; align-items:center; gap:var(--lex-space-media); margin:0 auto var(--lex-space-section); padding:0; border:0; width:100%; } #gpba-full#gpba-full#gpba-full .lex-reformat .bp-pair>:is(.bp-copy,.bp-pane) { grid-column:auto; grid-row:auto; order:initial; } #gpba-full#gpba-full#gpba-full .lex-reformat .bp-pane { position:static; top:auto; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-section { margin:0 auto var(--lex-space-section); padding:0; border:0; max-width:var(--lex-measure); } #gpba-full#gpba-full#gpba-full .lex-reformat #the-field-houses>.bp-copy { max-width:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-life-grid { display:block; width:100%; max-width:var(--lex-measure); margin:0 auto var(--lex-space-section); padding:0; border:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-life-grid>.bp-copy { margin-bottom:var(--lex-space-section); } #gpba-full#gpba-full#gpba-full .lex-reformat :is(#inside-the-plan,#a-new-way-to-live) { border:0; padding:0; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(#inside-the-plan,#a-new-way-to-live)>h3 { max-width:var(--lex-measure); margin:0 auto var(--lex-space-text); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-pullquote { width:100%; margin:0 auto var(--lex-space-section); padding:1.25rem 0; border:0; border-block:1px solid var(--lex-rule); background:none; box-shadow:none; font:400 2.25rem/1.25 var(--lex-serif); color:var(--lex-ink); text-align:center; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-pullquote p { font:inherit!important; color:inherit; text-align:center!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-pullquote cite { font:400 .875rem/1.6 var(--lex-sans); margin-top:1rem; text-align:center!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-next-chapter { display:flex; justify-content:space-between; width:100%; max-width:var(--lex-measure); box-sizing:border-box; margin:1rem auto 0; padding:1.1rem 0; border:0; border-block:1px solid var(--lex-rule); font:400 1.2rem/1.35 var(--lex-serif); background:none; color:var(--lex-ink); } /* Natural image proportions; consistent captions and two deliberate paired spreads. */ #gpba-full#gpba-full#gpba-full .lex-reformat figure.gph-photo { width:min(100%,var(--native-width,1000px),900px)!important; max-width:100%!important; margin:0 auto var(--lex-space-section); background:none; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.profile-photo-portrait { width:min(100%,var(--native-width,440px),440px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.profile-photo-feature { width:min(100%,1000px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.lex-opening-photo { width:min(100%,900px)!important; margin:0 auto 3.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover>figure.gph-photo { width:100%!important; max-width:100%!important; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-photo-window { border-color:var(--lex-gold)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.gph-photo figcaption { font:400 .9375rem/1.65 var(--lex-sans)!important; color:var(--lex-muted); letter-spacing:0; margin:.5rem 0 0; padding:0; text-align:left; width:100%; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-photo-group { width:100%; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; width:100%; max-width:1100px; margin:0 auto var(--lex-space-section); align-items:start; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair figure { width:100%!important; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair .lex-photo-group { min-width:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:4rem; align-items:center; max-width:1040px; margin:0 auto var(--lex-space-section); } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split figure { margin:0 auto; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split :is(.lex-split-copy,.bp-copy) { width:100%; min-width:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-cable-plate { width:min(100%,780px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-plan-plate { width:min(100%,1000px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat #one-lexington-historic-park-view { width:min(100%,620px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat #crane-apartment-staircase { width:min(100%,438px)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-closing-spread { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } /* Reference material retains its own compact sans-serif hierarchy. */ #gpba-full#gpba-full#gpba-full .lex-reformat .building-people { max-width:970px; margin:1rem auto 3rem; padding:1.8rem 0; border-color:var(--lex-rule); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem 2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-name { font-weight:600!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-name a { font-weight:inherit!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-connection { font:400 .9375rem/1.65 var(--lex-sans); margin-top:.4rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details { max-width:970px!important; margin:0 auto!important; border:0!important; border-top:1px solid var(--lex-gold)!important; border-radius:0!important; background:none!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details>summary { font:400 1.65rem/1.3 var(--lex-serif)!important; padding:1.4rem 2.5rem 1.4rem 0!important; color:var(--lex-ink)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-reference-body { padding:1rem 0 2.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-content { display:block; max-width:none; padding:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-facts-grid { display:block; margin:1.5rem 0 2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-fact { display:grid; grid-template-columns:170px minmax(0,1fr); gap:.4rem 1.8rem; padding:1rem 0; border-bottom:1px solid var(--lex-rule); break-inside:avoid; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-fact-label { grid-column:1; grid-row:1/3; font:500 .7rem/1.6 var(--lex-sans); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-fact-value { grid-column:2; font:500 .95rem/1.6 var(--lex-sans); margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-fact-note { grid-column:2; font:400 .85rem/1.65 var(--lex-sans); margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-timeline { padding-top:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-timeline-item { display:grid; grid-template-columns:170px minmax(0,1fr); gap:1.8rem; padding:1.2rem 0; border-bottom:1px solid var(--lex-rule); break-inside:avoid; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-timeline-date { font:400 1.2rem/1.4 var(--lex-serif); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-timeline-item h3 { font:500 1rem/1.5 var(--lex-sans); margin:0 0 .35rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-timeline-item p { font:400 .9rem/1.7 var(--lex-sans)!important; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-source-list { display:block; columns:auto; padding-left:1.2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-source-list li { display:list-item; list-style:disc; padding:.6rem 0; break-inside:avoid; } /* One consistent type hierarchy for the three reference disclosures. */ #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body, #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body :is(p,li,dt,dd,.building-timeline-date,.building-source-date) { font:400 1rem/1.65 var(--lex-sans)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body :is(a,em,i,b,strong,span) { font-family:inherit!important; font-size:inherit!important; line-height:inherit!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body :is(strong,b,.building-fact-label,.building-fact-value,.building-timeline-date) { font-weight:600!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body h2 { font:400 1.5rem/1.3 var(--lex-serif)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details .profile-reference-body h3 { font:600 1rem/1.65 var(--lex-sans)!important; } @media(max-width:1000px) { #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover { gap:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones ol { grid-template-columns:repeat(4,minmax(0,1fr))!important; row-gap:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split { gap:2rem; } } @media(max-width:760px) { #gpba-full#gpba-full#gpba-full .lex-reformat { padding:1.5rem 24px 0; } #gpba-full#gpba-full#gpba-full .lex-reformat .breadcrumb { margin-bottom:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-cover,.gph-intro-columns,.lex-editorial-split) { display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat h1#building-title { font-size:clamp(3rem,9vw,4.2rem); max-width:12ch; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-deck { max-width:26rem; font-size:1.6rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover { margin-bottom:2.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns .profile-intro-column p { font-size:1.1rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns .profile-intro-column:first-child p:first-child { font-size:1.65rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:1rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid>a { min-height:155px; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar { margin-bottom:3rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar ol { grid-template-columns:repeat(2,minmax(0,1fr)); } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-heading { grid-template-columns:2.5rem minmax(0,1fr); gap:1rem; padding-top:1.5rem; margin-bottom:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-number { font-size:2.7rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-heading h2 { font-size:2.35rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(p,li) { font-size:1.1rem!important; line-height:1.7!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story h3 { font-size:1.8rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair { grid-template-columns:minmax(0,1fr); gap:var(--lex-space-media); } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split { max-width:var(--lex-measure); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-list { grid-template-columns:repeat(2,minmax(0,1fr)); } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.building-fact,.building-timeline-item) { grid-template-columns:115px minmax(0,1fr); gap:.4rem 1rem; } } @media(max-width:600px) { #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones ol { grid-template-columns:minmax(0,1fr)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones a { display:grid; grid-template-columns:95px minmax(0,1fr); gap:1rem; align-items:baseline; border-left:1px solid var(--lex-gold); padding:.5rem .85rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestones ol { gap:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-milestone-date { font-size:1.2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar ol { grid-template-columns:minmax(0,1fr); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people-list { grid-template-columns:minmax(0,1fr); } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.building-fact,.building-timeline-item) { display:block; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.building-fact-label,.building-timeline-date) { margin:0 0 .5rem; } } @media print { #gpba-full#gpba-full#gpba-full .lex-reformat { padding:0; background:white; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-cover,.gph-intro-columns,.lex-editorial-split,.lex-image-pair,.bp-pair,.lex-founding-idea) { display:block; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(p,li) { font:400 11pt/1.55 Georgia,serif!important; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.gph-photo { display:block!important; width:min(100%,30rem)!important; max-width:30rem!important; margin:1.5rem auto!important; break-inside:avoid; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter { margin:2rem 0; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-heading { break-after:avoid; margin:0 0 1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.building-fact,.building-timeline-item) { break-inside:avoid; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-people { break-inside:auto; } } /* Restore the persistent left-hand reading timeline on desktop. */ @media screen and (min-width:1101px) { #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:2.5rem; align-items:start; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar { position:sticky; top:28px; align-self:start; max-height:calc(100vh - 56px); max-height:calc(100dvh - 56px); overflow:auto; margin:0; padding:0 5px 4px 0; scrollbar-width:thin; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar summary { display:block; padding:0 0 1rem; border-top:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar summary::after, #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar details[open]>summary::after { content:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar ol { display:block; margin:1rem 0 0; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link { display:block; position:relative; margin-left:5px; padding:.6rem 0 .6rem 17px; border:0; border-left:1px solid var(--lex-gold); min-height:44px; box-sizing:border-box; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link::before { content:''; position:absolute; left:-4px; top:16px; width:7px; height:7px; border:1px solid #95834f; border-radius:50%; background:#fcfaf5; box-sizing:border-box; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link[aria-current="location"]::before { background:var(--lex-ink); border-color:var(--lex-ink); box-shadow:0 0 0 3px #e3e6d7; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-number { display:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-title { font-size:1.05rem; line-height:1.3; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-source { font-size:1.05rem; line-height:1.4; } } /* Paired photographs share one crop and baseline; full originals remain in the viewer. */ #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair .gph-photo-window { aspect-ratio:4/3!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair .gph-photo-window>img { width:100%!important; height:100%!important; left:0!important; top:0!important; object-fit:cover!important; object-position:center; } /* Credits close the same reference column as the building record and sources. */ #gpba-full#gpba-full#gpba-full .lex-reformat .lex-photo-credits { margin-bottom:0!important; padding:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-photo-credits .profile-reference-body>ul { width:100%; max-width:none; margin:0; padding-left:1.2rem; box-sizing:border-box; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-photo-credits li { display:list-item!important; list-style-type:disc!important; margin:0 0 .8rem; padding:0; break-inside:avoid; } /* Full-width opening and references; the 800px story shares its row with a 190px timeline. */ #gpba-full#gpba-full#gpba-full .lex-reformat { --lex-measure:800px; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell { display:block; max-width:800px!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell>* { min-width:0; max-width:none!important; width:100%; margin-inline:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(.bp-copy,.gph-text-section,.gph-section,.lex-life-grid,.gph-chapter-heading,.gph-next-chapter,.lex-editorial-split) { width:100%; max-width:none!important; margin-inline:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat figure.gph-photo { width:100%!important; max-width:100%!important; margin-inline:0!important; } #gpba-full#gpba-full#gpba-full .lex-reformat #one-lexington-historic-park-view { width:100%!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-portrait-copy { display:flow-root; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-portrait-copy>figure.gph-photo { float:right; width:calc((100% - 2rem)/2)!important; margin:0 0 1.5rem 2rem!important; } @media screen and (min-width:761px) { #gpba-full#gpba-full#gpba-full .lex-reformat .gph-cover { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat h1#building-title { font-size:3.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns { gap:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-editorial-split { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; } } @media screen and (min-width:1101px) { #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell { display:grid; grid-template-columns:190px minmax(0,800px); column-gap:40px; max-width:1030px!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell>* { grid-column:1/-1; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-profile-shell>.profile-story-layout { grid-column:1/-1; } } @media screen and (max-width:1100px) { #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar { position:static; max-height:none; overflow:visible; } } @media(max-width:600px) { #gpba-full#gpba-full#gpba-full .lex-reformat .lex-portrait-copy>figure.gph-photo { float:none; width:100%!important; margin:0 0 1.5rem!important; } } @media print { #gpba-full#gpba-full#gpba-full .lex-reformat .lex-portrait-copy>figure.gph-photo { float:none; width:min(100%,30rem)!important; margin:1.5rem 0!important; } } /* Keep portrait comparisons aligned while the viewer retains each complete photograph. */ #gpba-full#gpba-full#gpba-full .lex-reformat .lex-image-pair.lex-portrait-pair .gph-photo-window { aspect-ratio:var(--pair-ratio)!important; } #gpba-full#gpba-full#gpba-full .lex-reformat #crane-apartment-album #crane-apartment-staircase { width:100%!important; } /* A single outer margin separates story sections. Nested flex/grid items use their container's gap; trailing text and galleries must not add another gap. */ #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(section:not([class]),.lex-plan) { margin-block:0 var(--lex-space-section); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(.bp-pair,.lex-image-pair,.lex-editorial-split)>* { margin-block:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(section,.bp-copy,.gph-text-section,.lex-split-copy,.lex-life-grid,.lex-photo-group)>:last-child { margin-bottom:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(p,figure,blockquote)+:is(section,h3) { margin-top:var(--lex-space-section); } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story .gph-pullquote p { margin-bottom:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story .gph-pullquote cite { margin-top:.75rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story .lex-editorial-split { row-gap:var(--lex-space-media); } /* Approved centered opening: title, one wide photograph, then the introduction. */ #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover { display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; margin:0 0 2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .building-profile-header { text-align:center; width:100%; max-width:none; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .building-profile-header .eyebrow { margin:0 0 1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover h1#building-title { font-size:clamp(3rem,5.3vw,4.5rem); line-height:1.04; max-width:none; margin:0 0 1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .building-deck { max-width:none; font-size:1.85rem!important; margin:0 0 1.35rem; text-wrap:balance; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .lex-cover-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .lex-cover-meta :is(.gph-address,.profile-byline) { margin:0; color:var(--lex-muted); } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover>figure.gph-photo { width:100%!important; max-width:100%!important; margin:0; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover>figure.gph-photo figcaption { text-align:left; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction { display:grid; grid-template-columns:170px minmax(0,1fr); gap:2rem; padding:1.5rem 0 0; margin:0 0 2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction .building-kicker { max-width:155px; padding-top:.35rem; margin:0; line-height:1.6!important; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-intro-columns { display:block; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-intro-columns .profile-intro-column { display:contents; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-intro-columns .profile-intro-column p { margin:0 0 1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-intro-columns .profile-intro-column:last-child p:last-child { margin-bottom:0; } @media(max-width:760px) { #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover { gap:1.5rem; margin-bottom:1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover h1#building-title { font-size:clamp(2.8rem,8vw,3.7rem); } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .building-deck { font-size:1.5rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction { grid-template-columns:minmax(0,1fr); gap:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction .building-kicker { max-width:none; padding:0; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover>figure.gph-photo figcaption { text-align:left; } } @media print { #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-cover { display:block; margin-bottom:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .building-profile-header { margin-bottom:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover h1#building-title { font-size:30pt; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction { display:block; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction .building-kicker { max-width:none; margin-bottom:.75rem; } } /* Refined reading width, chapter navigation, and accessible image controls. */ @font-face { font-family:'EB Garamond'; src:url('/assets/eb-garamond-semibold-latin.woff2') format('woff2'); font-style:normal; font-weight:600; font-display:swap; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story :is(.bp-copy,.gph-text-section,.gph-section,.lex-split-copy)>:is(p,h3) { max-width:720px; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-story .lex-portrait-copy>:is(p,h3) { max-width:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-intro-columns { max-width:720px; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid>a { min-height:120px; padding:.9rem 1rem; display:flex; flex-direction:column; justify-content:flex-start; gap:.3rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid>a:hover { background:#f1eee3; border-color:var(--lex-gold); } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-card-period { display:block; font:400 .75rem/1.4 var(--lex-sans); letter-spacing:.02em; color:#7b6c46; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link[aria-current="location"] :is(.profile-story-date,.profile-story-title) { font-weight:600!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-link[aria-current="location"] .profile-story-title { color:#183d28; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-image-link,.lex-source-image-link) { position:relative; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-image-link,.lex-source-image-link)::after { content:'View image'; position:absolute; right:.6rem; bottom:.6rem; z-index:2; padding:.25rem .5rem; background:#fcfaf5f5; color:var(--lex-ink); border:1px solid var(--lex-gold); font:500 .75rem/1.4 var(--lex-sans); pointer-events:none; box-shadow:0 1px 3px #00000018; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-image-link,.lex-source-image-link,.gph-chapter-grid>a,.profile-story-link,.profile-story-sidebar summary,.building-reference-details>summary,.lex-continue-reading a,.lex-reference-close,.lex-contents-return):focus-visible { outline:3px solid var(--lex-ink)!important; outline-offset:4px!important; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.profile-story-sidebar summary,.building-reference-details>summary) { scroll-margin-top:1.5rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .building-reference-details>summary:hover { text-decoration:none!important; } /* Keep archive-reading controls explicit and reference prose comfortable to scan. */ #gpba-full#gpba-full#gpba-full .lex-reformat .lex-source-image-link::after { content:'View source ↗'; top:.6rem; bottom:auto; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(#building-documents,#photo-credits) .profile-reference-body { max-width:760px; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-reference-close { display:inline-block; margin:1.5rem 0 0; padding:.5rem 0; min-height:44px; border:0!important; border-radius:0; background:none; box-shadow:none; color:var(--lex-ink); font:500 .9375rem/1.5 var(--lex-sans); text-decoration:underline; text-underline-offset:.2em; cursor:pointer; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-contents-return { display:none; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-contents-return[hidden] { display:none!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-continue-reading { margin:1.5rem 0 3rem!important; padding:1.5rem 0; border-block:1px solid var(--lex-rule); } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-continue-heading { font:400 1.65rem/1.3 var(--lex-serif)!important; color:var(--lex-ink); margin:0 0 .8rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-continue-links { display:flex; flex-wrap:wrap; gap:.5rem 2rem; align-items:center; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-continue-reading a { display:inline-flex; align-items:center; min-height:44px; font:400 .9375rem/1.5 var(--lex-sans); color:var(--lex-ink); text-decoration:underline; text-underline-offset:.2em; } @media screen and (min-width:761px) { #gpba-full#gpba-full#gpba-full .lex-reformat { padding-top:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .breadcrumb { margin-bottom:1.5rem; } } @media screen and (min-width:1101px) { #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction { grid-template-columns:190px minmax(0,1fr); gap:2.5rem; } } @media screen and (max-width:1100px) { #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction { grid-template-columns:minmax(0,1fr); gap:1rem; } #gpba-full#gpba-full#gpba-full .lex-reformat.lex-centered-cover .gph-introduction .building-kicker { max-width:none; padding:0; } #gpba-full#gpba-full#gpba-full .lex-reformat .profile-story-sidebar { margin-bottom:2rem; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-contents-return { display:block; position:fixed; right:1rem; bottom:calc(1rem + env(safe-area-inset-bottom,0px)); z-index:50; min-height:44px; padding:.6rem .9rem; border:2px solid #c2a343; border-radius:0; background:var(--button-green,#2b5536); color:#fff; box-shadow:0 2px 10px #0000001a; font:500 .875rem/1.4 var(--lex-sans); cursor:pointer; } } @media screen and (max-width:600px) { #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid { grid-template-columns:minmax(0,1fr)!important; gap:.6rem!important; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid>a { min-height:76px; padding:.75rem 1rem; display:grid; grid-template-columns:2rem minmax(0,1fr) 1rem; gap:.15rem .75rem; align-items:center; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid .gph-card-top { display:contents; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid .gph-card-no { grid-column:1; grid-row:1/3; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid .gph-card-top>span:last-child { grid-column:3; grid-row:1/3; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid .gph-card-title { grid-column:2; grid-row:1; } #gpba-full#gpba-full#gpba-full .lex-reformat .gph-chapter-grid .lex-card-period { grid-column:2; grid-row:2; } #gpba-full#gpba-full#gpba-full .lex-reformat .lex-continue-links { display:flex; flex-direction:column; align-items:flex-start; gap:.25rem; } } @media print { #gpba-full#gpba-full#gpba-full .lex-reformat :is(.lex-contents-return,.lex-reference-close) { display:none!important; } #gpba-full#gpba-full#gpba-full .lex-reformat :is(.gph-image-link,.lex-source-image-link)::after { display:none; } } /* One page-wide image album; the thumbnail rail leaves room for the full picture. */ .gph-lightbox.lex-album { width:min(calc(100vw - 32px),1440px); height:94vh; height:94dvh; max-width:none; max-height:94vh; max-height:94dvh; padding:20px; grid-template-columns:minmax(0,1fr) 176px; grid-template-rows:auto minmax(0,1fr) auto auto; gap:12px 20px; background:#fcfaf5; color:#243e31; border:1px solid #b5a16d; overflow:hidden; } .gph-lightbox.lex-album[open] { display:grid; } .lex-album .gph-lightbox-toolbar { grid-column:1/-1; grid-row:1; margin:0; padding-bottom:12px; border-bottom:1px solid #c9bc995f; gap:1rem; } .lex-album .lex-album-kicker { display:block; font:500 11px/1.4 Inter,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#776b4e; margin:0 0 3px; } .lex-album h2.gph-lightbox-label { font:400 1.6rem/1.1 'EB Garamond',Georgia,serif; margin:0; color:#243e31; } .lex-album .gph-lightbox-media { grid-column:1; grid-row:2; display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-width:0; min-height:0; aspect-ratio:auto; margin:0; overflow:hidden; } .lex-album .gph-lightbox-media>img { position:static!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:0; border:1px solid #b5a16d; box-sizing:border-box; } .lex-album p.gph-lightbox-caption { grid-column:1; grid-row:3; max-width:none; margin:0; font:400 .9375rem/1.5 Inter,Arial,sans-serif; color:#62695f; max-height:7.5rem; overflow:auto; } .lex-album .lex-album-source { margin-left:.4rem; color:#243e31; text-decoration:underline; text-underline-offset:.2em; } .lex-album .lex-album-source[hidden] { display:none!important; } .lex-album .gph-lightbox-navigation { grid-column:1; grid-row:4; margin:0; padding-top:8px; gap:12px; border-top:1px solid #c9bc995f; } .lex-album .gph-lightbox-count { font:400 .8125rem/1.4 Inter,Arial,sans-serif; letter-spacing:0; text-transform:none; } .lex-album :is(.gph-lightbox-toolbar,.gph-lightbox-navigation) button { min-height:44px; padding:.5rem .8rem; margin:0; float:none; font:400 .875rem/1.4 Inter,Arial,sans-serif; background:transparent; } .lex-album .lex-album-thumbnails { grid-column:2; grid-row:2/5; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:8px; min-height:0; padding:4px; overflow:auto; scrollbar-width:thin; } .lex-album .lex-album-thumbnails button { display:block; width:100%; height:72px; padding:3px; margin:0; float:none; border:1px solid #c9bc99; background:transparent; box-sizing:border-box; } .lex-album .lex-album-thumbnails button[aria-pressed="true"] { outline:2px solid #243e31; outline-offset:1px; } .lex-album .lex-album-thumbnails img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; margin:0; border:0; } .lex-album :is(button,a):focus-visible { outline:3px solid #243e31; outline-offset:3px; } @media(max-width:700px) { .gph-lightbox.lex-album { width:calc(100vw - 16px); height:96vh; height:96dvh; max-height:96vh; max-height:96dvh; padding:12px; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto auto 72px; gap:10px; } .lex-album h2.gph-lightbox-label { font-size:1.3rem; } .lex-album .gph-lightbox-toolbar { gap:.5rem; padding-bottom:10px; } .lex-album p.gph-lightbox-caption { font-size:.8125rem; line-height:1.45; max-height:6rem; } .lex-album .lex-album-thumbnails { grid-column:1; grid-row:5; display:flex; gap:8px; overflow-x:auto; overflow-y:hidden; } .lex-album .lex-album-thumbnails button { flex:0 0 72px; width:72px; height:60px; } } @media(max-height:540px) { .gph-lightbox.lex-album { padding:10px; gap:8px 12px; } .lex-album .lex-album-kicker { display:none; } .lex-album h2.gph-lightbox-label { font-size:1.25rem; } .lex-album .gph-lightbox-toolbar { padding-bottom:6px; } .lex-album p.gph-lightbox-caption { max-height:3.1rem; font-size:.8125rem; } } @media print { .gph-lightbox.lex-album { display:none!important; } }