@font-face{font-family:Caslon;src:url('prima-del-mito-caslon.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f7f3ec;--ink:#211d18;--muted:#736b60;--line:#d6ccbd;--accent:#9b5633;--serif:Caslon,'Iowan Old Style',Palatino,Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}em{font-style:italic}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}::selection{color:var(--paper);background:var(--accent)}[hidden]{display:none!important}.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.reading-shell{width:min(760px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:15px;transform:translateY(-200%);background:var(--paper);padding:14px;z-index:20}.skip-link:focus{transform:none}
.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.monogram{display:grid;place-items:center;width:43px;height:43px;border:1px solid #8e867b;border-radius:50%;font-family:var(--serif);font-size:22px;letter-spacing:-.06em}.back-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:12px}.back-link:hover,.text-link:hover{color:var(--accent)}.edition{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.hero-heading{padding-top:30px}.hero-heading h1{font-family:var(--serif);font-size:clamp(80px,12.2vw,172px);font-weight:400;letter-spacing:-.047em;line-height:1.06;padding:22px 0 13px;white-space:nowrap}.hero-heading h1 em{font-style:normal}.hero-subline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 28px;color:var(--muted);font-size:13px}.century{font-family:var(--serif);font-size:30px;color:var(--accent);letter-spacing:.025em}.century span{display:inline-block;margin:0 10px;opacity:.65}
.artwork{position:relative}.art-window{overflow:hidden;background:#21170e;isolation:isolate}.art-arrival{position:relative}.art-scene{position:relative;transform:scale(1);transform-origin:49.3% 28%;animation:scene-breathe 16s ease-in-out infinite alternate;animation-play-state:paused}.art-scene img{width:100%;height:auto}.heart-light,.reflection-light{position:absolute;pointer-events:none;mix-blend-mode:screen;border-radius:50%;animation:heart-breathe 5.8s ease-in-out infinite;animation-play-state:paused}.heart-light{left:36.7%;top:9.5%;width:25%;height:35%;background:radial-gradient(ellipse,#fff1b199 0%,#e8923d55 28%,#c16f2e22 48%,transparent 70%);opacity:.22}.reflection-light{left:38%;top:59%;width:23%;height:28%;background:radial-gradient(ellipse,#ffdc9b55,transparent 67%);opacity:.2;animation-delay:.5s}.mote{position:absolute;width:3px;height:3px;background:#ffe2ad;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 7px #f9cc8e;animation:drift 9s ease-in-out infinite;animation-play-state:paused}.mote-one{left:38%;top:47%}.mote-two{left:57%;top:36%;animation-delay:-3s}.mote-three{left:65%;top:62%;animation-delay:-6s}.is-alive .art-scene,.is-alive .heart-light,.is-alive .reflection-light,.is-alive .mote{animation-play-state:running}.motion-toggle{position:absolute;right:18px;bottom:16px;min-height:40px;padding:8px 13px;border:1px solid #ffffff40;border-radius:30px;background:#1d150ac7;color:#fff4e7;display:flex;align-items:center;gap:8px;font-size:11px}.motion-symbol{width:14px;text-align:center}.motion-toggle:hover{background:#21170e}.hero-details{display:grid;grid-template-columns:1fr 1.2fr auto;gap:28px;align-items:start;padding:28px 0 36px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);line-height:1.6}.performer>.eyebrow{margin-bottom:4px}.performer>p:last-child{font-size:20px;letter-spacing:-.025em}.performer span{display:block;color:var(--muted);font-size:13px;letter-spacing:0;margin-top:2px}.when time{font-family:var(--serif);font-size:30px;line-height:1.1;display:block;margin-bottom:8px}.when time span{white-space:nowrap;margin-left:8px}.when p{font-size:13px;color:var(--muted)}.hero-actions{display:grid;justify-items:end;gap:12px}.free-entry{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.free-entry i{width:6px;height:6px;background:#8e653e;border-radius:50%}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;min-height:44px;border-bottom:1px solid var(--line)}.section-nav{display:flex;gap:36px;padding-top:12px;font-size:12px;color:var(--muted)}.section-nav a{min-height:44px;display:flex;align-items:center}.section-nav a:hover{color:var(--accent)}
.story-intro{padding-block:110px 100px}.story-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(47px,6.4vw,78px);line-height:1.06;letter-spacing:-.035em;margin:20px 0 32px}.story-intro h2 em{color:var(--accent)}.lead{max-width:660px;color:#62594e;font-size:19px;line-height:1.8}.section-heading{position:relative;padding-bottom:36px}.section-heading h2{font-family:var(--serif);font-size:clamp(43px,5.2vw,66px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin-top:12px}.programme-aside{display:block;position:absolute;right:0;bottom:42px;font-size:12px;color:var(--muted)}.works{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.works li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:25px 0}.work-number{font-family:var(--serif);font-size:24px;color:var(--accent)}.works h3{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.02em}.works p{font-size:14px;color:var(--muted);margin-top:4px}.works a{font-size:11px;min-height:44px;display:flex;align-items:center;gap:20px}.works a:hover{color:var(--accent)}.work-finale{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--accent)}.stories{padding-top:110px}.chapter{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:1fr 1.65fr;gap:80px;scroll-margin-top:30px}.chapter-date span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.chapter-date>p{font-family:var(--serif);font-size:clamp(70px,10vw,128px);line-height:1.1;color:#b5a48e;letter-spacing:-.045em;margin-top:10px}.chapter-copy h3{font-family:var(--serif);font-size:clamp(39px,4.3vw,58px);font-weight:400;line-height:1.07;letter-spacing:-.02em;margin:16px 0 22px}.chapter-copy>p:not(.eyebrow){font-size:16px;color:#655c50;line-height:1.85}.chapter-copy blockquote{font-family:var(--serif);color:var(--accent);font-size:30px;line-height:1.3;margin:28px 0;border-left:1px solid #b58663;padding-left:23px}.chapter-copy blockquote span{display:block;font-family:var(--sans);font-size:13px;margin-top:10px;color:var(--muted)}
.coda{background:#251a12;color:#e9decd;padding:90px 0 100px;margin-top:30px;position:relative;overflow:hidden}.coda::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 100%,#ad642725,transparent 70%);pointer-events:none}.coda .reading-shell{position:relative}.coda p{font-size:15px;line-height:1.9;color:#c9bbaa}.coda .coda-prelude{margin-top:36px;font-size:12px}.coda h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7vw,90px);letter-spacing:-.035em;line-height:1.08;margin-top:20px}.coda em{color:#d5a170}.visit{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-block:100px}.visit h2,.newsletter h2{font-family:var(--serif);font-size:clamp(48px,6vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.03em;margin:14px 0 24px}.visit dl{margin:0}.visit dl>div{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:85px 1fr;gap:20px}.visit dt{color:var(--muted);font-size:11px;padding-top:5px}.visit dd{margin:0;font-size:22px;line-height:1.45;letter-spacing:-.02em}.visit dd span{display:block;color:var(--muted);font-size:14px;letter-spacing:0;margin-top:6px}.visit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.pill{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;border:1px solid #9c8d7b;border-radius:100px;font-size:12px;line-height:1.4;text-align:center;min-height:50px;transition:background .2s,color .2s}.pill:hover{background:#e4d8c9}.pill.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill.primary:hover{background:var(--accent);border-color:var(--accent)}.poster-link{margin-top:17px}.poster-link span{font-size:10px;color:var(--muted)}.newsletter{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:50px 0 65px;border-top:1px solid var(--line)}.newsletter h2{font-size:48px;margin:12px 0 16px}.newsletter p:not(.eyebrow){font-size:13px;color:var(--muted)}.newsletter .pill{max-width:340px}.site-footer{border-top:1px solid var(--line);padding:26px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}
.archive-heading{padding:70px 0 45px}.archive-heading h1{font-family:var(--serif);font-size:clamp(60px,9vw,110px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:16px 0 20px}.archive-heading p:last-child{color:var(--muted)}.archive-list{padding-bottom:90px;min-height:30vh}.archive-item{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.archive-item time{font-size:12px;color:var(--accent)}.archive-item h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.12;margin-bottom:12px}.archive-item p{font-size:14px;color:var(--muted);margin-bottom:8px}.archive-item .text-link{margin-top:6px}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes heart-breathe{0%,100%{opacity:.15;transform:scale(.92)}50%{opacity:.65;transform:scale(1.13)}}@keyframes drift{0%,100%{opacity:0;transform:translateY(0)}30%,60%{opacity:.45}80%{opacity:0;transform:translateY(-38px)}}
.hero-heading h1>span{white-space:nowrap}
@media(min-width:1500px){.hero-heading h1{font-size:178px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.hero-details{grid-template-columns:1fr 1.25fr;gap:24px}.hero-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;gap:16px}.chapter{gap:35px}.programme-aside{position:static;margin-top:15px}.visit{gap:45px}.visit-actions{grid-template-columns:1fr}.newsletter{gap:25px}}
@media(max-width:640px){html{scroll-padding-top:20px}.shell,.reading-shell{width:calc(100% - 40px)}.masthead{min-height:78px;gap:12px}.brand{font-size:9px;letter-spacing:.08em;gap:9px}.monogram{width:36px;height:36px;font-size:20px;flex-shrink:0}.back-link{font-size:10px;gap:6px}.back-link>span{display:none}.hero-heading{padding-top:16px}.edition{font-size:9px;letter-spacing:.14em}.hero-heading h1{font-size:clamp(63px,17.7vw,112px);white-space:normal;line-height:1.02;letter-spacing:-.045em;padding:19px 0 15px}.hero-subline{align-items:start;gap:10px;margin-bottom:22px;flex-direction:column;font-size:11px}.century{font-size:25px}.century span{margin:0 6px}.artwork{width:100%}.art-arrival{width:calc(100% + 48px);margin-left:-24px}.art-scene img{max-width:none}.motion-toggle{right:13px;bottom:12px;font-size:10px;min-height:36px;padding:6px 12px}.hero-details{grid-template-columns:1fr;padding-top:23px;padding-bottom:20px;gap:19px}.performer{display:flex;align-items:center;justify-content:space-between;gap:10px}.performer>.eyebrow{display:none}.performer>p:last-child{font-size:18px;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.performer span{font-size:11px;white-space:nowrap}.when time{font-size:28px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.when time span{font-family:var(--sans);font-size:14px;margin:0}.when p{font-size:12px}.hero-actions{padding-top:10px}.free-entry{font-size:11px}.text-link{font-size:11px;gap:13px}.section-nav{justify-content:space-between;gap:15px;font-size:11px;padding-top:5px}.story-intro{padding-block:65px 68px}.story-intro h2{font-size:clamp(40px,10.7vw,64px);margin:17px 0 26px}.lead{font-size:16px;line-height:1.8}.section-heading{padding-bottom:25px}.section-heading h2{font-size:43px}.programme-aside{font-size:11px;margin-top:14px}.works li{grid-template-columns:24px minmax(0,1fr) 44px;gap:12px;padding:22px 0}.work-number{font-size:20px}.works h3{font-size:30px}.works p{font-size:12px;line-height:1.55;margin-top:5px}.works a{font-size:0;justify-content:flex-end;gap:0}.works a span{font-size:20px}.work-finale{font-size:11px}.stories{padding-top:70px}.chapter{grid-template-columns:1fr;gap:22px;padding:34px 0 42px}.chapter-date{display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-date span{font-size:9px}.chapter-date>p{font-size:54px;line-height:1;margin:0}.chapter-copy>.eyebrow{font-size:9px;letter-spacing:.095em}.chapter-copy h3{font-size:42px;margin:17px 0 20px}.chapter-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.chapter-copy blockquote{font-size:26px;padding-left:18px}.coda{padding:55px 0 65px;margin-top:0}.coda p{font-size:14px;line-height:1.85}.coda h2{font-size:52px}.coda .coda-prelude{font-size:11px;margin-top:32px}.visit{grid-template-columns:1fr;gap:35px;padding-block:65px}.visit h2{font-size:56px;margin-bottom:20px}.visit dd{font-size:21px}.visit dl>div{grid-template-columns:58px 1fr;gap:15px}.visit-actions{grid-template-columns:1fr}.pill{font-size:12px;min-height:52px}.newsletter{flex-direction:column;align-items:stretch;gap:26px;padding:40px 0 50px}.newsletter h2{font-size:43px}.newsletter .pill{max-width:none}.site-footer{flex-wrap:wrap;font-size:10px;gap:14px;padding:25px 0 28px}.site-footer a:first-child{flex-basis:100%;font-size:12px}.archive-heading{padding:40px 0}.archive-heading h1{font-size:62px}.archive-heading p:last-child{font-size:14px}.archive-item{grid-template-columns:1fr;gap:14px}.archive-item h2{font-size:29px}.archive-item p{font-size:13px}}
@media(max-width:640px){.hero-heading h1{font-size:clamp(50px,17.6vw,112px)}.hero-subline{font-size:12px}.when p{font-size:14px}.works p{font-size:14px}.works a{justify-content:center}.works a,.work-finale{width:44px}.visit dd span{font-size:14px}.newsletter p:not(.eyebrow){font-size:14px}}
/* The concert opens like an illuminated poster, not a blocking loading screen. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: page-away .38s ease both; }
::view-transition-new(root) { animation: page-arrive .7s cubic-bezier(.16,.7,.2,1) both; mix-blend-mode: normal; }
@keyframes page-away { to { opacity: 0; } }
@keyframes page-arrive { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
.concert-page .edition { animation: ink-arrive .75s .08s both; }
.concert-page .title-line { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .06em; margin-bottom: -.06em; }
.concert-page .title-line > span { display: inline-block; animation: title-arrive 1.05s .12s cubic-bezier(.18,.7,.2,1) both; }
.concert-page .title-line + .title-line > span { animation-delay: .25s; }
.concert-page .hero-subline { animation: ink-arrive .9s .3s both; }
.concert-page .hero-details { animation: ink-arrive .9s .4s both; }
.concert-page .edition, .concert-page .title-line > span,
.concert-page .hero-subline, .concert-page .hero-details { animation-fill-mode: backwards; }
@keyframes title-arrive { from { opacity: 0; transform: translateY(105%); } to { opacity: 1; transform: none; } }
@keyframes ink-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* All layers share the photograph's coordinates, including during zoom. */
.art-window { position: relative; }
.art-scene { animation: camera-drift 7s -1.1s ease-in-out infinite alternate; animation-play-state: running; transform-origin: 49.3% 30%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.heart-light { left: 31%; top: 1%; width: 37%; height: 53%; mix-blend-mode: normal; background: radial-gradient(ellipse,#fff5d285 0%,#ffd68b6e 20%,#eaa45735 46%,transparent 70%); animation: living-light 4.6s ease-in-out infinite; }
.reflection-light { left: 29%; top: 48%; width: 41%; height: 44%; mix-blend-mode: normal; background: radial-gradient(ellipse,#fff0b875 0%,#efa54b2c 38%,transparent 70%); animation: living-light 4.6s .45s ease-in-out infinite; }
.light-wash { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(112deg,transparent 23%,#f8d99d22 42%,#fff0c238 50%,transparent 67%); animation: light-travel 8s ease-in-out infinite; opacity: 0; }
.mote { width: 3px; height: 3px; animation-duration: 6.5s; animation-play-state: running; }
.is-entering .art-arrival { animation: photo-open 1.65s cubic-bezier(.16,.65,.18,1) both; }
.is-entering .heart-light { animation: opening-light 1.65s ease-out both; }
.is-touched .heart-light { animation: touch-light 1.6s ease-out; }
/* The photograph animates even if its controller has not loaded yet. Only an
   explicit offscreen/background state pauses it, never a missing ready class. */
.art-scene, .heart-light, .reflection-light, .light-wash, .mote { animation-play-state: running; }
.is-alive .art-scene { will-change: transform; }
.is-alive .art-scene, .is-alive .heart-light, .is-alive .reflection-light,
.is-alive .light-wash, .is-alive .mote { animation-play-state: running; }
.is-dormant .art-scene, .is-dormant .heart-light, .is-dormant .reflection-light,
.is-dormant .light-wash, .is-dormant .mote { animation-play-state: paused; }
.image-unavailable .heart-light, .image-unavailable .reflection-light,
.image-unavailable .light-wash, .image-unavailable .mote { display: none; }
@keyframes camera-drift { from { transform: translate3d(0,0,0) scale(1.02); } to { transform: translate3d(-.7%,1.1%,0) scale(1.14); } }
@keyframes living-light { 0%,100% { opacity: .1; } 48% { opacity: .95; } }
@keyframes light-travel { 0%,100% { opacity: 0; transform: translateX(-45%); } 42% { opacity: .8; } 78% { opacity: 0; transform: translateX(45%); } }
/* Opacity + transform keep the opening on Safari's compositor: no animated
   clip-path mask around another continuously transformed layer. */
@keyframes photo-open { from { opacity: .15; transform: translate3d(0,16px,0) scale(1.06); } to { opacity: 1; transform: translate3d(0,0,0) scale(1); } }
@keyframes opening-light { 0% { opacity: 1; } 70% { opacity: .75; } 100% { opacity: .1; } }
@keyframes touch-light { 0%,100% { opacity: .2; } 35% { opacity: 1; } }
@keyframes soft-arrive { from { opacity: .3; } to { opacity: 1; } }
@media(max-width:640px) {
  .art-window { aspect-ratio: 1.27; }
  .art-arrival { width: 144%; margin-left: -22%; }
  .art-scene { animation-duration: 6s; }
}

/* Explicit gentle/system mode keeps the light, without zoom or travelling layers. */
html[data-motion="gentle"] { scroll-behavior: auto; }
html[data-motion="gentle"] .art-scene { animation: none; transform: none; }
html[data-motion="gentle"] .light-wash, html[data-motion="gentle"] .mote { display: none; }
html[data-motion="gentle"] .is-entering .art-arrival { animation: soft-arrive .7s both; }
html[data-motion="gentle"] .edition, html[data-motion="gentle"] .title-line > span,
html[data-motion="gentle"] .hero-subline, html[data-motion="gentle"] .hero-details { animation: soft-arrive .5s both; }
@media(prefers-reduced-motion:reduce) {
  @view-transition { navigation: none; }
  html:not([data-motion="full"]) { scroll-behavior: auto; }
  html:not([data-motion="full"]) .art-scene { animation: none; transform: none; }
  html:not([data-motion="full"]) .light-wash, html:not([data-motion="full"]) .mote { display: none; }
  html:not([data-motion="full"]) .is-entering .art-arrival,
  html:not([data-motion="full"]) .edition, html:not([data-motion="full"]) .title-line > span,
  html:not([data-motion="full"]) .hero-subline, html:not([data-motion="full"]) .hero-details { animation: soft-arrive .5s both; }
}