.letters-document{scroll-padding-top:0;scrollbar-gutter:stable}
.letters-review{background:var(--paper);color:var(--ink)}
.letters-review-head{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:40px}
.letters-review-head h1{font:32px/1.15 var(--serif);margin-bottom:8px}.letters-review-head p,.letters-toolbar p,.letters-review-footer p{font:14px/1.65 var(--sans);color:var(--muted)}
.letters-toolbar{display:flex;align-items:center;gap:32px;padding-block:16px 40px}.letters-toolbar p{margin-right:auto}.letters-toolbar button{background:none;color:var(--wine);min-height:44px;font:16px/1.5 var(--sans)}
.letters-review-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:48px}
.letters-section{padding-block:64px 96px;--letter-corners:1}
.letters-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}
.letters-eyebrow{font:500 12px/1.4 var(--sans);color:var(--wine);letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px}
.letters-heading h2{font:400 clamp(36px,4.4vw,64px)/1.05 var(--serif);letter-spacing:-.035em}.letters-heading h2 em{color:var(--wine)}
.letters-intro{font:italic 400 clamp(22px,2vw,29px)/1.4 var(--serif);letter-spacing:-.015em;max-width:34ch}
.letters-film{margin:0}.letters-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:calc(18px * var(--letter-corners));background:var(--ink)}
.letters-play{display:block;width:100%;height:100%;position:relative}.letters-play>img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.letters-play-label{position:absolute;left:32px;bottom:32px;display:flex;align-items:center;gap:16px;padding:8px 24px 8px 8px;border-radius:999px;background:var(--paper);color:var(--wine);font:18px/1.5 var(--sans)}
.letters-play-label svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1;flex-shrink:0}.letters-play-label path{fill:currentColor;stroke:none}.letters-play-label circle{stroke-dasharray:1;stroke-dashoffset:0}
.letters-play:is(:hover,:focus-visible) circle{animation:letters-play-trace 1600ms cubic-bezier(.22,1,.36,1)}
@keyframes letters-play-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.letters-player{position:absolute;inset:0}.letters-player iframe{display:block;width:100%;height:100%;border:0}.letters-film figcaption{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:16px;min-height:48px;font:18px/1.5 var(--serif);color:var(--wine)}
.letters-film-kind{display:block;font:14px/1.6 var(--sans);color:var(--muted);margin-top:4px}.letters-stop{background:none;color:var(--wine);font:16px/1.5 var(--sans);min-height:44px;padding:0}
.letters-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.letter-card{min-width:0}.letter-choice{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:20px;position:relative;width:100%;padding:20px;border-radius:18px;text-align:left;background:transparent;min-height:100%;color:var(--ink)}
.letter-portrait-home{display:grid;place-items:center;min-width:0;width:84px;height:112px}.letter-photo{display:block;max-width:none;object-fit:contain;border-radius:var(--photo-radius,6px);transform-origin:top left}
.letter-portrait-home>.letter-photo{width:100%;height:100%}.letter-name{display:block;font:400 clamp(24px,2vw,30px)/1.12 var(--serif);letter-spacing:-.025em;color:var(--wine)}
.letter-place{display:block;font:14px/1.5 var(--sans);color:var(--muted);margin-top:8px}.letter-excerpt{display:block;font:400 21px/1.35 var(--serif);margin-top:24px;letter-spacing:-.012em}.letter-read{display:inline-block;position:relative;font:16px/1.5 var(--sans);color:var(--wine);margin-top:20px;padding-bottom:4px}
.letter-read::after,.letters-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform 850ms cubic-bezier(.22,.61,.36,1)}
.letter-choice:is(:hover,:focus-visible) .letter-read::after,.letters-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.letter-trace{position:absolute;inset:0;display:block;width:100%;height:100%;fill:none;stroke:var(--wine);stroke-width:1;stroke-linecap:round;pointer-events:none;opacity:0;transition:opacity 400ms cubic-bezier(.22,.61,.36,1)}
.letter-trace path{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.is-traced>.letter-trace{opacity:1}
.letter-original{font:16px/1.65 var(--sans);margin-top:24px}.letter-original p{margin-top:16px}.has-letter-reader .letter-original{display:none}
.letters-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}.letters-footer p{font:14px/1.5 var(--sans);color:var(--muted)}
.letters-link{display:inline-block;position:relative;width:fit-content;padding-block:8px;min-height:44px;font:18px/1.5 var(--sans);color:var(--wine);text-decoration:none}
.letters-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.letters-reader{position:fixed;inset:0;max-width:none;max-height:none;margin:0;padding:0;border:0;width:100%;height:100dvh;background:transparent;overflow:hidden;color:var(--ink)}
.letters-reader::backdrop{background:transparent}.reader-paper{position:absolute;inset:0;background:var(--paper)}
.reader-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);width:100%;height:100%;padding:clamp(24px,4vw,56px);box-sizing:border-box}
.reader-photo-home{min-width:0;min-height:0;display:grid;place-items:center;overflow:visible}
.reader-right{min-height:0;min-width:0;display:grid;grid-template-rows:44px minmax(0,1fr) auto;gap:24px}
.reader-close{justify-self:end;align-self:start;padding:8px 0;min-height:44px;background:none;font:16px/1.5 var(--sans);color:var(--wine)}
.reader-copy{overflow:auto;overscroll-behavior:contain;min-height:0;padding:4px 12px 12px 4px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.reader-copy .letters-eyebrow{margin-bottom:16px}.reader-copy h2{font:400 clamp(30px,3.4vw,48px)/1.1 var(--serif);letter-spacing:-.03em;color:var(--wine)}
.reader-place{font:14px/1.5 var(--sans);color:var(--muted);margin-top:12px}.reader-quote{font:400 clamp(25px,2.5vw,36px)/1.2 var(--serif);letter-spacing:-.02em;margin:32px 0;color:var(--wine)}
.reader-full{font:18px/1.65 var(--sans);color:var(--ink);max-width:55ch}
.reader-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.reader-tab{position:relative;min-height:64px;padding:12px 10px;border-radius:18px;background:transparent;text-align:left;font:20px/1.12 var(--serif);color:var(--ink)}.reader-tab[aria-selected="true"]{color:var(--wine)}
.letters-reader-open{overflow:hidden}
.letters-review :is(button,a):focus-visible,.letters-section :is(button,a):focus-visible,.letters-reader :is(button,a):focus-visible,.reader-copy:focus-visible{outline:2px solid var(--wine);outline-offset:5px}
.letters-review [hidden],.letters-section [hidden]{display:none!important}
@media(max-width:1100px){.letters-index{gap:12px}.letter-choice{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px}.letter-portrait-home{width:64px;height:86px}.letter-excerpt{font-size:20px}.letter-name{font-size:25px}.letters-heading{gap:40px}.reader-layout{gap:32px}.reader-tab{font-size:18px}}
@media(max-width:800px){.letters-index{grid-template-columns:1fr}.letter-choice{grid-template-columns:96px minmax(0,1fr);padding:20px;gap:24px;min-height:0}.letter-portrait-home{width:96px;height:128px}.letter-name{font-size:28px}.letter-excerpt{margin-top:16px;font-size:22px}.letter-read{margin-top:16px}.letters-heading{grid-template-columns:1fr;gap:24px}.letters-heading h2{font-size:48px}.letters-intro{font-size:26px}.letters-section{padding-block:48px 64px}.reader-layout{grid-template-columns:1fr;grid-template-rows:minmax(140px,30dvh) minmax(0,1fr);gap:20px;padding:20px}.reader-right{grid-template-rows:minmax(0,1fr) auto;gap:16px}.reader-close{position:absolute;right:20px;top:16px;z-index:2;background:var(--paper);padding-inline:12px;border-radius:999px}.reader-copy .letters-eyebrow{display:none}.reader-copy h2{font-size:30px}.reader-place{margin-top:8px}.reader-quote{font-size:27px;margin-block:24px}.reader-full{font-size:16px;line-height:1.65}.reader-tab{font-size:18px;min-height:56px}.letters-review-head{flex-wrap:wrap;gap:24px;padding-block:24px}.letters-review-head>div{order:2;flex-basis:100%}.letters-review-head h1{font-size:28px}.letters-toolbar{flex-wrap:wrap;gap:16px 32px;padding-bottom:24px}.letters-toolbar p{flex-basis:100%}.letters-review-footer{display:block}.letters-review-footer>a{margin-top:16px}}
@media(max-width:500px){.letters-heading h2{font-size:40px}.letters-intro{font-size:24px}.letters-play-label{left:16px;bottom:16px;gap:8px;padding:4px 16px 4px 4px;font-size:14px}.letters-play-label svg{width:44px;height:44px}.letters-film-kind{font-size:13px}.letters-film figcaption{font-size:18px}.letters-index{margin-top:32px}.letter-choice{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px}.letter-portrait-home{width:64px;height:86px}.letter-name{font-size:26px}.letter-excerpt{font-size:21px}.letters-footer{align-items:start;flex-direction:column;gap:12px}.reader-layout{padding:16px;gap:16px}.reader-tab{font-size:16px;padding:12px 8px}.reader-close{right:16px;top:12px;font-size:14px}.reader-copy{padding-right:8px}}
@media(max-height:550px) and (min-width:801px){.reader-layout{padding:20px;gap:24px}.reader-right{gap:12px}.reader-copy h2{font-size:30px}.reader-quote{font-size:26px;margin-block:20px}.reader-copy .letters-eyebrow{display:none}.reader-tab{min-height:52px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.letter-trace,.letter-read::after,.letters-link::after{transition:none}.letter-trace path{stroke-dashoffset:0!important}.letters-play circle{animation:none!important}}
.letters-review[data-motion="paused"] :is(.letter-trace,.letter-read::after,.letters-link::after){transition:none}
.letters-review[data-motion="paused"] .letter-trace path{stroke-dashoffset:0!important}
.letters-review[data-motion="paused"] .letters-play circle{animation:none!important}
@media(max-width:800px){.reader-layout{padding-top:64px}}
.letters-section[data-home-letters]{padding-block:var(--section-space,96px)}