@font-face{font-family:Recital;src:url('./assets/fonts/cormorant-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Recital;src:url('./assets/fonts/cormorant-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
.version-two{--recital-paper:#f4efe4;--recital-ink:#302e25;--recital-accent:#946c3f;--recital-rule:#d1c6b4;--recital-display:Recital,Georgia,serif}
.version-two .header{height:78px;margin:0;padding:0 5%;background:var(--recital-paper);color:var(--recital-ink);border-color:var(--recital-rule)}
.version-two .header .wordmark{font-family:var(--recital-display);font-size:23px;letter-spacing:.13em}.version-two .brand-line{display:none}.version-two .header nav{font-size:11px}.version-two .languages a{color:#766a58}.version-two .languages [aria-current]{color:var(--recital-ink);border-color:var(--recital-accent)}.version-two .menu-toggle{color:var(--recital-ink)}.version-two .header a:focus-visible,.recital a:focus-visible{outline-color:var(--recital-accent)}
.recital{color:var(--recital-ink);background:var(--recital-paper);padding:24px 5% 0;overflow:hidden;position:relative}.recital-mast{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.07em;color:#786e5b}.recital-mast strong{font-weight:400;color:var(--recital-ink)}.recital-title{font-family:var(--recital-display);font-size:clamp(100px,17.6vw,280px);font-weight:400;letter-spacing:-.065em;line-height:.9;margin:16px 0 30px;position:relative;z-index:2}.recital-title>span{color:var(--recital-accent)}.recital-scene{display:grid;grid-template-columns:.82fr 1.65fr;align-items:center;gap:7%;position:relative}.recital-letter{padding:5px 0 24px}.recital-label{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#8e7049;margin-bottom:22px}.recital-letter h2{font-family:var(--recital-display);font-size:clamp(40px,4.5vw,72px);line-height:.98;letter-spacing:-.035em;font-weight:400}.recital-letter h2 em{color:var(--recital-accent)}.recital-description{font-size:12px;line-height:1.9;max-width:285px;margin-top:25px;color:#756b5c}.recital-story{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid var(--recital-rule);padding:12px 0 8px;margin-top:13px;font-size:11px}.recital-story>span{font-size:20px}.recital-photo{align-self:start;margin-top:6px}.recital-photo-window{overflow:hidden;background:#d6c6a7;border-radius:50% 50% 0 0 / 6% 6% 0 0}.recital-photo img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center;filter:saturate(.83) contrast(.97);transform-origin:50% 65%}.recital-photo figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;color:#786e5b;font-size:9px;letter-spacing:.035em}.recital-photo figcaption>span:first-child{font-family:var(--recital-display);font-style:italic;font-size:20px;color:#65543c;line-height:1}.recital-listen{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0;border-top:1px solid var(--recital-rule);border-bottom:1px solid var(--recital-rule);margin-top:35px;padding:22px 0}.listen-invitation{display:flex;align-items:center;gap:22px}.listen-symbol{font-family:var(--recital-display);font-size:44px;color:#987c52;line-height:1}.listen-invitation p{font-family:var(--recital-display);font-size:26px;line-height:1.2}.listen-invitation div>span{font-size:9px;color:#827563}.recital-track{display:flex;gap:17px;align-items:center;border-left:1px solid var(--recital-rule);padding:4px 26px;transition:background .25s}.recital-track:hover{background:#e8dfcd}.track-play{border:1px solid #ac9674;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px;transition:background .25s,color .25s}.recital-track:hover .track-play{background:#4e4839;color:#fff9e8}.recital-track strong{font-family:var(--recital-display);font-size:23px;font-weight:400;line-height:1.1;display:block}.recital-track small{display:block;font-size:9px;margin-top:4px;color:#827563}.track-time{font-size:10px;color:#827563;margin-left:auto}.recital-footnote{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:9px;letter-spacing:.06em;color:#827563;padding:18px 0 24px}.recital-footnote span{font-size:21px}.recital-player{background:#221f19;color:#f5ecdc;padding:38px;width:min(1000px,94vw);border:1px solid #7d694b}.recital-player-close{position:absolute;right:10px;top:7px;background:none;border:0;color:#f5ecdc;font-size:28px;width:44px;height:44px}.recital-player h2{font-family:var(--recital-display);font-size:37px;margin-bottom:20px}.recital-player video{width:100%;max-height:64svh;display:block;background:black}.recital-player-hint{margin-top:17px;font-size:11px;color:#bbad96}.recital-player .recital-label{color:#c6ae88;margin-bottom:10px}
@media(min-width:1600px){.recital{padding-left:max(5%,calc((100% - 1500px)/2));padding-right:max(5%,calc((100% - 1500px)/2))}}
@media(max-width:950px){.recital-scene{gap:5%;grid-template-columns:.85fr 1.25fr}.recital-letter h2{font-size:48px}.recital-photo img{aspect-ratio:1.15}.recital-track{padding:4px 15px;gap:11px}.track-time{display:none}.listen-invitation{gap:12px}.listen-invitation p{font-size:23px}.recital-track strong{font-size:22px}}
@media(max-width:640px){.version-two .header{height:72px;padding:0 6%;gap:17px}.version-two .header nav{top:72px;background:var(--recital-paper);color:var(--recital-ink);border-color:var(--recital-rule)}.version-two .header .wordmark{font-size:19px}.recital{padding:20px 6% 0}.recital-mast{font-size:9px;line-height:1.7;align-items:start;gap:20px}.recital-mast>p:first-child{max-width:150px}.recital-mast>p:last-child{text-align:right;max-width:120px}.recital-mast strong{display:block}.recital-title{font-size:21vw;letter-spacing:-.065em;margin:23px 0 27px}.recital-scene{display:flex;flex-direction:column;gap:28px;align-items:stretch}.recital-letter{display:grid;grid-template-columns:1.1fr .9fr;gap:0 20px;padding:0}.recital-label{grid-column:1/-1;font-size:9px;margin-bottom:15px}.recital-letter h2{font-size:40px;grid-row:2/4}.recital-description{font-size:10px;line-height:1.8;margin:0;align-self:center}.recital-story{font-size:9px;gap:12px;margin-top:8px;align-self:end;padding:8px 0}.recital-story>span{font-size:16px}.recital-photo{margin:0}.recital-photo img{aspect-ratio:1.5}.recital-photo figcaption{font-size:8px}.recital-photo figcaption>span:first-child{font-size:19px}.recital-listen{grid-template-columns:1fr 1fr;margin-top:27px;padding:18px 0}.listen-invitation{grid-column:1/-1;margin-bottom:19px}.listen-invitation p{font-size:25px}.listen-invitation div>span{font-size:9px}.listen-symbol{font-size:35px}.recital-track{padding:5px 8px 5px 0;border-left:0;gap:11px}.recital-track:last-child{padding-left:14px;border-left:1px solid var(--recital-rule)}.recital-track strong{font-size:20px}.track-play{width:30px;height:30px;flex-shrink:0;font-size:8px}.recital-footnote{font-size:8px;padding-bottom:25px;gap:16px}.recital-player{padding:35px 15px 20px}.recital-player h2{font-size:30px}.recital-player-hint{font-size:10px}}
@media(max-width:359px){.recital-letter{display:block}.recital-description{margin-top:20px;font-size:12px;max-width:none}.recital-letter h2{font-size:47px}.recital-track strong{font-size:18px}.recital-title{font-size:20.5vw}}