/* English publication scale. This sheet is loaded only by / and /en/.
   The approved font files, photography, content and Greek styles are retained. */
html[lang=en]{
 --type-display-xl:clamp(3.25rem,6vw,6.25rem);
 --type-display-l:clamp(2.25rem,3.5vw,4.25rem);
 --type-body:1.25rem;
 --type-functional:.875rem;
 --type-micro:.78125rem;
 --leading-display:1.08;
 --leading-body:1.85;
 --tracking-display:-.025em;
 --tracking-functional:.055em;
 --tracking-micro:.075em;
 --copy-colour:#ded8cd;
 --functional-colour:#ddd7cd;
 --metadata-colour:#bdb6ab;
 --paragraph-gap:1.2em;
 --reading-measure:46ch;
}

/* A / B — display roles. Constrained album and archive measures use optical
   sizes within the same L role; equivalent headings share each setting. */
.world-title,.campaign-thesis h2,.memory-intertitle,.artist-opening h2{
 font-size:var(--type-display-xl);line-height:var(--leading-display);
 font-weight:400;letter-spacing:var(--tracking-display);
}
.code-final,.campaign-intertitle,.heritage h3,.artist-measure h3,.anonymity h3,.artist-closing,.section-heading h2{
 font-size:var(--type-display-l);line-height:1.13;font-weight:400;letter-spacing:var(--tracking-display);
}
.chapters{--type-display-l:clamp(1.875rem,2.25vw,2.15rem)}
.chapter h3,.chapter:last-child h3{
 font-size:var(--type-display-l);line-height:1.3;letter-spacing:-.012em;padding-top:0;text-wrap:balance;
}
.artist-code .code-intro,.face-refrain{
 font-size:min(var(--type-display-l),calc(var(--type-body)*1.6));line-height:1.35;letter-spacing:-.015em;
}
.press-list{--type-display-l:clamp(1.6875rem,2.1vw,2.1rem)}
.press-item h3{font-size:var(--type-display-l);line-height:1.25;letter-spacing:-.012em;text-wrap:pretty}

/* C — one reading treatment, including album chapters. The ivory interruption
   supplies its own dark ink while retaining the same reading metrics. */
.editorial-prose,.code-prose,.chapter-content,.campaign-scene-copy>p:not(.campaign-intertitle):not(.campaign-origin){
 font:400 var(--type-body)/var(--leading-body) var(--reading);
 color:var(--copy-colour);letter-spacing:0;word-spacing:normal;max-width:var(--reading-measure);
 font-kerning:normal;font-variant-ligatures:common-ligatures;
}
.editorial-prose p+p,.chapter-content p+p{margin-top:var(--paragraph-gap)}
.artist-first>p:first-child,.measure-question,.measure-lines,.quiet-lines{color:var(--copy-colour)}
.anonymity{--copy-colour:#49453f;--functional-colour:#49453f;--metadata-colour:#5b554b}
.anonymity .editorial-prose{color:var(--copy-colour)}
.quiet-lines p+p{margin-top:.4em}
.hierarchy-lines p+p{margin-top:.35em}
.chapter-content p{
 width:100%;max-width:44ch;text-align:justify;text-align-last:left;
 text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;
 hyphenate-limit-chars:6 3 3;hyphenate-limit-lines:2;hyphenate-limit-zone:3%;
 word-spacing:normal;letter-spacing:0;text-wrap:pretty;
}
.chapter-content p.optical-rag{text-align:left}

/* D / E — functional text has two scales, with consistent spacing and ink. */
.site-header .menu-toggle,.site-header .language-control,.site-header .main-nav a,
.chapter-control,.chapter-listen .listening-rail,.film-links,.film-links a:first-child,
.press-read,.form-field label,.send-button,.form-status,.field-error,
.music-heading h2,#socials-title,#contact-title,.artist-opening>.eyebrow{
 font:400 var(--type-functional)/1.6 var(--sans);letter-spacing:var(--tracking-functional);
 color:var(--functional-colour);
}
.eyebrow,.music-heading .eyebrow,.chapter-meta,.film-meta,.film-meta h3,.film-meta h3 span,.film-meta time,
.film-caption .eyebrow,.programme-heading .eyebrow,.campaign-scene-copy>p.campaign-origin,
.artist-code dt,.press-column-labels,.press-date,.press-publication,.press-type,
.form-note,.form-field label span,.copyright{
 font:400 var(--type-micro)/1.7 var(--sans);letter-spacing:var(--tracking-micro);color:var(--metadata-colour);
}
.film-meta h3{color:var(--functional-colour)}
.film-meta h3 span{color:var(--gold)}
.campaign-thesis{--metadata-colour:#5a554c}
.campaign-thesis .eyebrow{font-size:var(--type-micro);letter-spacing:var(--tracking-micro);color:var(--metadata-colour)}
.music-heading h2,#socials-title,#contact-title,.artist-opening>.eyebrow{
 font-size:var(--type-functional);line-height:1.6;letter-spacing:var(--tracking-functional);color:var(--functional-colour);
}
.site-header,.site-header .wordmark{color:#f5f1e9}
.site-header .menu-toggle,.site-header .language-control{color:#f5f1e9}
.site-header .menu-toggle:hover,.site-header .language-control:hover,.site-header .main-nav a:hover,
.chapter-control:hover,.chapter-listen .listening-rail a:hover,.press-read:hover,.film-links a:hover,.send-button:hover{color:var(--gold)}
.chapter-control{min-height:46px}
.chapter-listen .listening-rail{text-align:center}
.chapter-listen .listening-rail ul{justify-content:center;column-gap:18px}
.chapter-listen .listening-rail li{justify-content:center}
.form-status,.field-error{letter-spacing:.015em}
.copyright{letter-spacing:.02em}

/* Measured pauses remain; only existing transitions between movements change. */
.music{padding-top:calc(110px + clamp(72px,14svh,120px))}
.heritage{padding-top:clamp(76px,11vw,136px)}
.memory-intertitle{margin-block:clamp(60px,8vw,104px) clamp(38px,5vw,64px)}
.artist-measure{padding-block:clamp(76px,11vw,136px) clamp(76px,10vw,120px)}
.artist-closing{padding-block:clamp(68px,10vw,120px) clamp(88px,11vw,136px)}

/* The final door frame dissolves while the photograph starts developing below.
   No additional delay, generated frame or change to the supplied film. */
.threshold{transition-duration:350ms}
[data-threshold=leaving] .site-header{animation-duration:350ms}
[data-world=playing] .world-photograph::after,[data-world=playing] .world-photograph picture{animation-delay:0s}

/* One antique-gold accent family; display statements retain their ivory ink. */
.music-heading h2,#contact-title,.artist-opening>.eyebrow{color:var(--gold)}
#socials-title{color:var(--paper)}
.social-destinations a:link,.social-destinations a:visited{color:var(--gold)}
.social-destinations a:hover,.social-destinations a:focus-visible{color:var(--paper)}
.press-read:link,.press-read:visited{color:var(--gold)}
.press-read:hover,.press-read:focus-visible{color:var(--paper)}

/* The masthead settles independently of the shorter film/photograph overlap. */
[data-threshold=leaving] .site-header{animation:none}
[data-interface=arriving] .site-header .wordmark{animation:masthead-settle 800ms 100ms cubic-bezier(.22,.61,.36,1) both}
[data-interface=arriving] .site-header .menu-toggle{animation:masthead-settle 720ms 260ms cubic-bezier(.22,.61,.36,1) both}
[data-interface=arriving] .site-header .language-control{animation:masthead-settle 720ms 380ms cubic-bezier(.22,.61,.36,1) both}
@keyframes masthead-settle{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Preserve the whole approved hero frame. These origins govern only the
   two-percent arrival movement, not a new crop of the photograph. */
.world-photograph picture{transform-origin:54% 34%}
.world-photograph img{object-position:54% 34%}

/* Two photographic plates open through their geometry, then become still. */
[data-cinema]{overflow:hidden;isolation:isolate}
[data-cinema] picture{display:block;transform-origin:50% 42%}
[data-cinema=campaign]{--crop-x:9%;--crop-y:5%;--plate-scale:1.025}
[data-cinema=artist]{--crop-x:6%;--crop-y:3%;--plate-scale:1.02}
[data-cinema].cinema-ready{clip-path:inset(var(--crop-y) var(--crop-x))}
[data-cinema].cinema-ready picture{transform:scale(var(--plate-scale))}
.film-pair{row-gap:clamp(72px,12svh,120px)}
.series-continuation{
 grid-column:1/-1;text-align:right;
 font:400 var(--type-functional)/1.6 var(--sans);
 letter-spacing:var(--tracking-micro);color:var(--metadata-colour);
}
.film-programme{padding-bottom:clamp(48px,7svh,76px)}

/* A single native sticky moment; the surrounding prose keeps normal scrolling. */
@media(min-width:1001px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
 .artist-measure h3{position:sticky;top:calc(var(--header-height) + 48px);align-self:start}
}
@media(prefers-reduced-motion:reduce){
 [data-interface] .site-header :is(.wordmark,.menu-toggle,.language-control){animation:none!important;opacity:1;transform:none}
 [data-cinema].cinema-ready{clip-path:none}
 [data-cinema].cinema-ready picture{transform:none}
}

@media(max-width:800px){
 .press{width:calc(100% - 36px)}
 .press-item{column-gap:16px}
 .press-item h3{padding-block:10px}
}
@media(max-width:700px){
 html[lang=en]{--type-display-xl:clamp(2.5rem,10.8vw,4.3rem);--type-display-l:clamp(2.25rem,9.4vw,3.7rem);--type-body:1.1875rem}
 .music{width:calc(100% - 40px);padding-top:calc(85px + clamp(70px,14svh,112px))}
 .chapters{max-width:364px}
 .chapter h3,.chapter:last-child h3{min-height:0}
 .heritage{padding-top:76px}
 .artist-measure{padding-block:76px}
 .artist-closing{padding-block:68px 88px}
 .world-photograph picture{transform-origin:48% 32%}
 .world-photograph img{object-position:48% 32%}
 .series-continuation{text-align:left}
}
@media(max-width:360px){
 .music{width:calc(100% - 32px)}
 .press{width:calc(100% - 32px)}
}