/* The aperture, field atlas, reading room and correspondence share one typographic rhythm. */
:root{--ease:cubic-bezier(.22,1,.36,1);--copper:#8b5735}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{font-kerning:normal;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}p{overflow-wrap:break-word}a,button,summary{touch-action:manipulation}
:focus-visible{outline:2px solid #8b5735!important;outline-offset:5px!important}
.dark :focus-visible,.site-footer :focus-visible{outline-color:#efc39c!important}
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:#ac754d;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.nav a{transition:color .2s,border-color .2s}.nav a:hover{color:var(--copper)}
.button{transition:background .2s,color .2s,box-shadow .2s,transform .3s var(--ease)}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}
.text-link,.back-link{font-size:.9375rem;line-height:1.7}
.filters button,.video-toggle,.field-case-links a,.case-foot,.case-meta{font-size:.875rem!important}
.filters button{min-height:42px;padding:9px 17px}.video-toggle{min-height:44px;cursor:pointer}.video-toggle input{accent-color:#8b5735;width:18px;height:18px}
.field-case-links a{padding:8px 11px;min-height:38px}.source-note,.video-caption,.edition-figure figcaption{color:#526875}
.edition-kicker,.chapter-label{color:var(--copper)}
.atlas-nav a{position:relative;transition:background .25s,color .25s}
.atlas-nav a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.atlas-nav a:hover:after,.atlas-nav a:focus-visible:after{transform:scaleX(1)}
.field-copy h2{line-height:1.4}.field-copy>p{max-width:44ch}
.field-media{transition:box-shadow .4s var(--ease)}.field-media:hover{box-shadow:16px 16px 0 #e3e9ee}
.field-chapter:nth-child(even) .field-media:hover{box-shadow:-16px 16px 0 #e3e9ee}
.gallery-grid .case-cover img{transition:transform .8s var(--ease)}
.gallery-grid .case-cover:not(.contain):hover img{transform:scale(1.025)}
.gallery-grid .case-card h3{letter-spacing:0;line-height:1.48}.gallery-grid .case-card p{color:#526875}
.gallery-grid .case-card:first-child p{color:#cfdae1}.gallery-grid .case-card:first-child .case-foot{color:#cad6de}
.collection-toolbar input:focus{background:#fff}.gallery-grid .case-cover:focus-visible{outline-offset:6px!important}
.reading-catalog .resource-item{transition:background .25s,border-color .25s;padding-top:28px;padding-bottom:28px}
.reading-catalog .resource-item:hover{background:#f1f4f5;border-color:#a8bbc8}
.reading-catalog .resource-item h3{line-height:1.55;letter-spacing:0;overflow-wrap:anywhere}
.reading-catalog .resource-item p{max-width:68ch}.guide-details summary{min-height:48px;padding-top:16px;padding-bottom:16px;cursor:pointer}
.guide-details summary:hover{color:var(--copper)}.guide-details[open] summary{color:var(--copper)}
.letter-form{border:1px solid #c4d0d9}.letter-form .field{font-size:.9375rem;gap:9px}
.letter-form input,.letter-form select{min-height:48px}.letter-form textarea{line-height:1.8}
.letter-form .field:focus-within{color:var(--copper)}.letter-form .form-note{color:#526875;font-size:.875rem}
.community-address a{display:inline-block;border-bottom:1px solid #b5a491;padding-bottom:6px;transition:color .2s}.community-address a:hover{color:var(--copper)}
.principle-card{border-top:1px solid #b8c9d5;padding-top:25px!important}.principle-card>span{color:#8b5735}
.dossier-masthead h1{line-height:1.38}.dossier-masthead>div>p{line-height:1.85}
.dossier-section p,.source-list p{font-size:1.0625rem;line-height:1.95;max-width:68ch;color:#344f60}
.dossier-section p+p{margin-top:18px}.dossier-section h2{margin-bottom:20px}
.dossier-key{color:#496373}.dossier-record .meta-row{font-size:.9375rem;line-height:1.8}
.dossier-record .button{width:100%;justify-content:center;text-align:center;font-size:.875rem;padding:12px 14px}
.source-authors{font-size:.875rem;line-height:1.85;color:#526875}
.source-list a{overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:5px}
.edition-figure figcaption{font-size:.8125rem;line-height:1.85}.figure-description{color:#344f60}
.case-media-grid .edition-figure{padding:24px}.case-media-grid .edition-figure img{max-height:none}
.video-stage video:focus-visible{outline:3px solid #bd906c;outline-offset:5px}
.reveal-pending{opacity:0;transform:translateY(18px)}
.field-chapter,.dossier-section,.case-media-study,.principle-card,.letter-note{transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal-pending:focus-within{opacity:1;transform:none}
.site-footer{background:#102331;color:#eef2f3;border:0}.site-footer .brand-en{color:#bacbd5}.site-footer .footer-bottom{border-color:#455e6e;color:#c5d2da}
.footer-top{display:grid;grid-template-columns:1.4fr .85fr 1fr 100px;gap:34px;align-items:start}
.footer-identity .footer-description{max-width:33ch;font-size:.9375rem}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:.875rem;overflow-wrap:anywhere}
.footer-stat-label{font-size:.875rem;color:#d4c1b0}
.footer-statistics dl{display:flex;gap:24px;margin:18px 0}
.footer-statistics dl div{min-width:0}.footer-statistics dt{font-size:.75rem;color:#c4d2dc;margin-bottom:7px}
.footer-statistics dd{font:400 1.6rem/1.2 Georgia,serif;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.footer-statistics>a{font-size:.8125rem;text-decoration:underline;text-underline-offset:4px}
.footer-statistics .stats-status{font-size:.75rem!important;margin:10px 0 0}
.footer-qr img{width:100px;height:100px;background:#fff;border-radius:2px}.footer-qr span{display:block;font-size:.75rem;text-align:center;margin-top:10px;color:#d3dce1}
.site-footer .footer-bottom{font-size:.75rem;line-height:1.8;gap:25px}.footer-description{color:#c5d2da!important}
@media(min-width:1400px){.atlas-opening,.gallery-opening,.reading-opening{padding-top:65px}.field-chapter{padding-top:95px;padding-bottom:95px}.dossier-content{padding-top:60px}}
@media(max-width:1000px){.footer-top{grid-template-columns:1.3fr 1fr;gap:35px 45px}.footer-qr{display:flex;gap:18px;align-items:center}.footer-qr span{text-align:left}.footer-statistics dl{margin-top:14px}}
@media(max-width:800px){.dossier-section p{font-size:1rem}.field-copy>p{max-width:60ch}.brand-story .brand-lead{line-height:1.65}}
@media(max-width:520px){.footer-top{grid-template-columns:1fr;gap:30px}.footer-identity .footer-description{max-width:40ch}.footer-links{gap:14px}.footer-statistics dl{gap:55px}.footer-qr img{width:104px;height:104px}.case-media-grid .edition-figure{padding:11px}.gallery-collection .filters{gap:7px}.filters button{padding:9px 12px}.edition-kicker{letter-spacing:.1em}.reading-catalog .resource-item{padding-top:24px;padding-bottom:24px}.letter-form .button-row{align-items:stretch}.letter-form .button{min-height:46px}.field-media:hover,.field-chapter:nth-child(even) .field-media:hover{box-shadow:8px 8px 0 #e3e9ee}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.button:hover,.gallery-grid .case-card:hover,.gallery-grid .case-cover img{transform:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:360px){.gallery-opening{display:grid!important;grid-template-columns:1fr!important;position:relative;padding-bottom:24px}.gallery-tally{position:static!important;display:flex;gap:16px;align-items:center;justify-content:flex-start;border:0!important;padding:0!important}.gallery-tally strong{font-size:2.75rem!important}.gallery-tally span{font-size:.8125rem;line-height:1.6}.gallery-line{align-items:flex-start;gap:15px}.gallery-line>span{max-width:145px}}



@media(max-width:520px){.principle-grid{grid-template-columns:1fr;gap:30px}}

.footer-stat-method summary{font-size:.75rem;line-height:1.8;min-height:30px;cursor:pointer;color:#d4c1b0}.footer-stat-method p{font-size:.75rem;line-height:1.85;color:#c5d2da;max-width:44ch}.footer-statistics .stats-status{margin-bottom:6px}.footer-stat-method[open]{margin-top:8px}
