/* Shared workshop refinements */
body{font-size:18px}
header .brand-logo{width:96px;height:96px}
.nav{min-height:122px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
nav{flex-wrap:wrap;font-size:16px}
.button,.card p,.card a,.notice p,.field label{font-size:18px}
.quiet,.photo-caption,.photo-credit,.help,.error,.foot p,.footlinks,.preview,.note-actions span,.note-content figcaption,.note-content .byline{font-size:16px}
.eyebrow,.tag{font-size:13px}
.footlinks{flex-wrap:wrap}
nav a,.footlinks a{display:inline-flex;align-items:center;min-height:44px}
button,.button{min-height:44px}
.society-story h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.025em;margin:14px 0 20px}
.society-story .tag{border:0;border-radius:0;padding:0;margin:20px 0 0;letter-spacing:.12em}
.society-story p{font-size:18px}
.gallery-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}
.gallery-controls p{margin:0;min-width:130px}
.photo-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:4px 2px 18px;align-items:stretch}
.photo-grid figure{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;min-width:0}
.photo-grid figcaption,.photo-grid figcaption a{font-size:18px}
.photo-grid:focus-visible{outline:3px solid var(--green);outline-offset:4px}
@media(max-width:600px){
 body,.hero p,.pagehead p,.note-content,.society-story p{font-size:20px;line-height:1.65}
 header .brand-logo{width:80px;height:80px}
 .brand{font-size:18px}.brand small{font-size:10px;letter-spacing:.06em}
 nav,.button,.card p,.card a,.notice p,.field label,.field input,.field select,.field textarea,.footlinks,.photo-grid figcaption,.photo-grid figcaption a{font-size:18px}
 .quiet,.photo-caption,.photo-credit,.help,.error,.foot p,.preview{font-size:16px}
 .photo-grid figure{flex-basis:100%}
 .gallery-controls .button{padding:10px 14px}
 .gallery-controls p{font-size:16px}
 .pagehead h1{font-size:46px}
 .society-story h3{font-size:34px}
 .nav{gap:18px}
 .brand span{min-width:0}
 .foot .brand{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}