/* Editorial pages share one reading axis and the gallery's typography. */
.info-mode main > :not(#infoPage) { display:none!important; }
.info-mode .toolbar { display:none; }
.info-mode { background:#f4f5f2; }
.info-mode header { position:relative; height:82px; left:auto; right:auto; margin:0 40px; padding:0; background:transparent; box-shadow:none; }
#infoPage { width:min(680px,calc(100% - 80px)); margin:0 auto; padding:76px 0 88px; min-height:calc(100dvh - 82px); }
.info-heading { margin:0 0 42px; }
.info-heading .section-kicker { margin-bottom:22px; color:#626b67; }
.info-title { position:static; width:auto; height:auto; overflow:visible; clip-path:none; white-space:normal; margin:0; font-size:clamp(50px,6.4vw,88px); font-weight:400; line-height:1.04; letter-spacing:-.065em; text-wrap:balance; outline:none; }
.info-copy { font-size:20px; line-height:1.65; letter-spacing:-.016em; color:#505a55; }
.info-copy p { margin:0 0 1.35em; }
.info-copy .info-lead { font-size:24px; line-height:1.5; color:#28332f; letter-spacing:-.025em; margin-bottom:1.4em; }
.info-copy strong,.consulting-copy strong { font-weight:500; color:#283b32; }
.info-copy p a,.consulting-copy a { text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; overflow-wrap:anywhere; }
.story-link { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:86px; margin-top:42px; padding:22px 0; border-top:1px solid #394b5030; border-bottom:1px solid #394b5030; font-size:30px; color:#293d35; letter-spacing:-.04em; }
.story-link:hover { color:#567266; }
.story-link-arrow { font-size:.8em; }
.info-action { display:inline-flex; align-items:center; min-height:48px; padding:8px 0; border-bottom:1px solid #7e9386; font-size:14px; letter-spacing:0; }
.consulting-section { margin:64px 0 0; padding:0; scroll-margin-top:35px; }
.consulting-title { font-size:clamp(30px,4vw,42px); line-height:1.12; font-weight:400; letter-spacing:-.05em; margin:0 0 20px; }
.consulting-copy { font-size:18px; line-height:1.65; color:#505a55; margin:0 0 20px; }
.consulting-actions { display:flex; flex-wrap:wrap; gap:18px; }
.consulting-actions .info-action { background:#284139; border:1px solid #284139; border-radius:2px; padding:12px 18px; color:#f4f5f2; }
.consulting-actions .info-action:hover { background:#3a554a; }
.info-footer { border-top:1px solid #394b5030; padding-top:20px; margin-top:64px; }
.info-footer .info-action { border:0; color:#52645b; }
nav a[aria-current] { box-shadow:inset 0 -1px currentColor; }
@media(min-width:701px) and (max-width:1000px) {
 .info-mode header { margin:0 24px; }
 #infoPage { width:min(680px,calc(100% - 48px)); }
}
@media(max-width:700px){
 #infoPage { width:calc(100% - 44px); padding:42px 0 60px; }
 .info-mode header { height:87px; margin:0 22px; }
 .info-heading { margin-bottom:30px; }
 .info-copy { font-size:18px; line-height:1.65; }
 .info-copy .info-lead { font-size:21px; }
 .story-link { font-size:26px; margin-top:30px; min-height:78px; }
 .consulting-section { margin-top:44px; }
 .consulting-copy { font-size:17px; }
 .info-footer { margin-top:48px; }
 #aboutNav { display:inline-flex; }
}

@media(min-width:701px){
 body:not(.page-scrolled):not(.room-zoomed):not(.info-mode):not(.index-mode) header { color:#253338; border-color:#263c4326; text-shadow:none; }
 body:not(.page-scrolled):not(.room-zoomed):not(.info-mode):not(.index-mode) .identity span { color:#425359; }
 body:not(.room-zoomed):not(.info-mode):not(.index-mode) .toolbar .filter { color:#43545a; text-shadow:none; }
 body:not(.room-zoomed):not(.info-mode):not(.index-mode) .toolbar .filter.active { color:#172b31; border-color:#30494f; }
 .room-gesture { color:#bcc8c3; }
}

@media(min-width:701px){
 body:not(.page-scrolled):not(.room-zoomed):not(.info-mode):not(.index-mode) header #roomNav { color:#172b31; box-shadow:inset 0 -1px #30494f; }
 body:not(.page-scrolled):not(.room-zoomed):not(.info-mode):not(.index-mode) header :is(a,button):hover { color:#10272e; }
 body:not(.page-scrolled):not(.room-zoomed):not(.info-mode):not(.index-mode) :is(header,.toolbar) :focus-visible { outline-color:#243e45; outline-offset:5px; }
}

@media(max-width:420px){ .info-mode header { height:auto; min-height:112px; align-items:flex-start; flex-direction:column; gap:6px; padding:20px 0 8px; margin:0 22px; } }

.consulting-section:focus { outline:none; }