/* Editorial spacing and readable controls, shared by all three languages. */
.motion-ready .experience{height:700svh}
.site-header nav a,.site-header #motion-toggle,.site-header .contact-launcher{min-height:44px;display:inline-flex;align-items:center}
.site-header #motion-toggle{gap:7px;font-family:var(--sans);font-size:12px}
#motion-toggle::before{content:"";width:5px;height:5px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}
#motion-toggle[aria-pressed=true]::before{background:currentColor}
#motion-toggle[aria-pressed=false]::before{opacity:.5}
.section-pad{padding-top:64px;padding-bottom:64px}
.section-heading{margin-bottom:30px}
.studio-intro{margin-bottom:24px;align-items:center}
.studio-intro h2{font-size:clamp(36px,3.5vw,58px)}
.studio-toolbar{min-height:52px}
.studio-image{height:clamp(280px,34vw,520px);margin-top:0}
.studio-image img{object-fit:contain}
.studio-selectors button,.studio-arrow,.studio-close,.studio-zoom{min-height:44px;min-width:44px}
.footer-links>a,.footer-links .contact-launcher{min-height:44px;display:inline-flex;align-items:center}
.journey-bar .skip-journey{min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end;text-decoration:underline;text-underline-offset:5px}
.journey-label{text-transform:none}
.heritage-note>.eyebrow{margin-bottom:28px}
.heritage-note-grid{align-items:center;gap:8%}
.heritage-visual,.heritage-copy{min-width:0}
.heritage-study{margin:28px 0 0;background:var(--ivory)}
.heritage-study img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.heritage-copy>p{line-height:1.8}
.heritage-sources{max-width:500px;margin-top:28px;border-top:1px solid #f2ede338}
.heritage-sources summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding-block:12px;font-size:12px;letter-spacing:.025em;line-height:1.6;cursor:pointer;list-style:none}
.heritage-sources summary::-webkit-details-marker{display:none}
.heritage-sources summary::marker{content:""}
.heritage-sources-mark{position:relative;width:12px;height:12px;flex:none}
.heritage-sources-mark::before,.heritage-sources-mark::after{content:"";position:absolute;background:currentColor}
.heritage-sources-mark::before{left:0;top:5.5px;width:12px;height:1px}
.heritage-sources-mark::after{left:5.5px;top:0;width:1px;height:12px}
.heritage-sources[open] .heritage-sources-mark::after{display:none}
.heritage-sources ol{margin:6px 0 0;padding:0 0 8px;list-style:none;counter-reset:source}
.heritage-sources li{position:relative;padding-left:28px;font-size:12px;line-height:1.7;counter-increment:source}
.heritage-sources li+li{margin-top:18px}
.heritage-sources li::before{content:counter(source,decimal-leading-zero);position:absolute;left:0;top:0;color:#bfc4b5;font-size:10px}
.heritage-sources li:has(>a)::before{top:12px}
.heritage-sources cite{display:block;font-style:normal}
.heritage-sources li>span{display:block;color:#bfc4b5;margin-top:5px}
.heritage-sources a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.heritage-sources summary:focus-visible,.heritage-sources a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.closing-film{aspect-ratio:16/9}
.closing-copy h2{max-width:100%}
.closing-actions{position:absolute;bottom:4%;left:24px;right:24px;color:var(--ivory);text-shadow:0 1px 8px #000}
.closing-actions .text-link{font-size:12px;min-height:44px;padding:9px 3px}
@media(max-width:800px){
 .motion-ready .experience{height:620svh}
 .site-header{height:112px;row-gap:7px;padding:12px 20px 5px}
 html:not([lang=en]) .site-header nav,.site-header nav{font-size:11px;gap:12px}
 html:not([lang=en]) .site-header #motion-toggle,.site-header #motion-toggle{font-size:11px;padding-left:10px;gap:5px}
 .site-language{left:20px;top:3px}
 .site-language select{font-size:11px;width:72px}
 html:not([lang=en]) .site-header .contact-launcher,.site-header .contact-launcher{font-size:11px;right:20px;top:3px}
 .site-header .brand{padding-left:28px}
 .brand>span{font-size:18px}
 .site-header .brand>img{height:39px;width:15px}
 .section-pad{padding-block:40px}
 .section-heading{margin-bottom:22px;padding-top:14px}
 .section-heading .eyebrow,.section-index{font-size:10px}
 .editorial-intro{gap:16px}
 .studio-intro{margin-bottom:22px}
 .studio-intro h2{font-size:clamp(29px,5.3vw,40px)}
 .studio-intro>p{font-size:14px;line-height:1.6}
 html:not([lang=en]) .studio-toolbar .eyebrow,.studio-toolbar .eyebrow{font-size:10px;max-width:48%;letter-spacing:.04em}
 .studio-controls{gap:4px}
 .studio-arrow{min-width:44px}
 .studio-count{font-size:11px;gap:8px;margin-right:4px}
 .studio-count-rule{width:16px}
 .studio-image{height:clamp(220px,58vw,420px)}
 .studio-enlarge{font-size:11px;min-height:44px;bottom:0}
 .studio-slide figcaption,html:not([lang=en]) .studio-slide figcaption{min-height:190px;gap:8px;padding-block:18px 22px}
 .studio-slide figcaption>p{font-size:14px;line-height:1.65}
 .studio-caption-index{font-size:10px}
 .studio-selectors{gap:6px}
 .studio-selectors button{padding-block:13px}
 .colour-option small{font-size:11px}
 .colour-note{font-size:12px}
 .heritage-note{padding-block:40px 46px}
 .heritage-note>.eyebrow{margin-bottom:22px}
 .heritage-note-grid{gap:20px}
 .heritage-note-grid p{font-size:14px;line-height:1.7}
 .motion-ready .journey-bar{height:48px;bottom:0;left:20px;right:20px;font-size:10px;gap:10px}
 html:not([lang=en]) .journey-bar{font-size:10px;gap:10px}
 .journey-bar .journey-label{display:none}
 .journey-bar .skip-journey{display:inline-flex;min-width:0;max-width:48%;text-align:right;font-size:10px;letter-spacing:0}
 .journey-bar .scroll-cue,html:not([lang=en]) .scroll-cue{min-height:44px;max-width:49%;text-align:left;font-size:10px;letter-spacing:0}
 .closing-film{aspect-ratio:auto;padding-bottom:52px}
 .closing-video{aspect-ratio:16/9;height:auto}
 .closing-copy{top:8px;left:12px;right:12px}
 .closing-copy>img{width:10px;height:26px;margin-bottom:5px}
 .closing-copy>.eyebrow{font-size:10px;margin-bottom:5px;line-height:1.25;letter-spacing:.06em}
 .closing-copy h2{font-size:clamp(19px,4.6vw,29px);line-height:1.12;margin-bottom:0}
 .closing-actions{bottom:0;left:0;right:0;height:52px;display:flex;justify-content:center;align-items:center;background:var(--olive);text-shadow:none}
 .closing-actions .text-link{font-size:12px;padding:8px 4px}
 .contact-dialog .contact-close,.contact-dialog #contact-send{min-width:44px;min-height:44px}
 .contact-languages button{min-width:32px;min-height:44px;font-size:11px}
 .contact-identity p{font-size:11px}
 .contact-eyebrow,.contact-message-label,.contact-topic-copy,.contact-preview-note{font-size:11px}
 .contact-welcome>p:last-child,.contact-message p{font-size:14px}
 .contact-utility button,.contact-team-preview>button{min-height:44px;font-size:12px}
}
@media(max-width:360px){
 .site-header{padding-inline:16px}
 .site-language{left:16px}.site-language select{width:65px}
 .site-header .contact-launcher,html:not([lang=en]) .site-header .contact-launcher{right:16px}
 .brand>span{font-size:17px}
 html:not([lang=en]) .site-header nav,.site-header nav{gap:8px}
 .contact-header{padding-inline:14px;gap:4px}.contact-identity{gap:7px}.contact-identity p{max-width:115px}
 .contact-header-actions{gap:0}.contact-languages button{min-width:27px;font-size:10px;padding-inline:3px}
 .contact-identity h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.author-note{border-block:1px solid var(--line);background:#e8e7dc}
.author-note>.eyebrow{margin-bottom:30px}
.author-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:start}
.author-grid h2{font-size:clamp(34px,4.2vw,65px);line-height:1.13}
.author-copy>p{font-size:15px;line-height:1.75;max-width:44ch}
.author-byline{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.author-byline>span{display:block;font-size:17px}.author-byline small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
@media(max-width:800px){.author-grid{grid-template-columns:1fr;gap:20px}.author-note>.eyebrow{margin-bottom:20px}.author-grid h2{font-size:clamp(30px,5.3vw,42px)}.author-copy>p{font-size:14px}.author-byline{margin-top:20px}}
@media(max-width:800px){.site-header .brand>img{transform:translate(calc(-50% * var(--intro-rest,1)),-50%) scale(calc(1 + .2 * var(--intro-rest,1)))}}
