/* LOTR: an editorial score for the documented 2023 website. */
.deb-lotr{--lotr-gold:#d1ab40;margin:clamp(4rem,8vw,8rem) 0;color:var(--text);font-family:var(--font-display)}
.deb-lotr *{box-sizing:border-box;min-width:0}
.deb-lotr__head{display:grid;grid-template-columns:1.25fr 1fr;gap:24px 8vw;align-items:end;margin-bottom:clamp(36px,5vw,70px)}
.deb-lotr .deb-lotr__kicker{font:13px/1.65 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin:0;color:var(--text-muted)}
.deb-lotr__head>.deb-lotr__kicker{grid-column:1/-1}
.deb-lotr .deb-lotr__head h2{font:500 clamp(2.6rem,5.7vw,5.7rem)/.98 var(--font-display);letter-spacing:-.04em;color:var(--text-strong);margin:0}
.deb-lotr .deb-lotr__intro{font:500 clamp(1.15rem,1.55vw,1.5rem)/1.5 var(--font-display);margin:0;max-width:34ch}
.deb-lotr__score{background:var(--lotr-gold);color:#202818;padding:clamp(24px,4vw,56px);position:relative}
.deb-lotr__score-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 6vw;padding-bottom:40px;border-bottom:1px solid #20281866}
.deb-lotr .deb-lotr__score .deb-lotr__kicker{color:inherit;grid-column:1/-1}
.deb-lotr .deb-lotr__score h3{font:500 clamp(1.7rem,2.9vw,2.8rem)/1.07 var(--font-display);letter-spacing:-.025em;color:inherit;margin:0}
.deb-lotr__films{list-style:none;margin:0;padding:0;align-self:end}
.deb-lotr__films li{display:flex;gap:18px;margin:0;padding:8px 0;font:500 18px/1.35 var(--font-display)}
.deb-lotr__films li span{font:12px/1.8 var(--font-mono);opacity:.7}
.deb-lotr__cities{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}
.deb-lotr__city{padding:0 5vw 0 0}
.deb-lotr__city+.deb-lotr__city{border-left:1px solid #20281866;padding:0 0 0 5vw}
.deb-lotr .deb-lotr__city-label{font:12px/1.65 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:inherit;opacity:.8;margin:0 0 14px}
.deb-lotr .deb-lotr__city h4{font:500 clamp(2rem,3.8vw,4rem)/1 var(--font-display);letter-spacing:-.04em;color:inherit;margin:0 0 14px}
.deb-lotr .deb-lotr__venue{font:13px/1.6 var(--font-mono);margin:0 0 28px;color:inherit}
.deb-lotr__dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.deb-lotr__dates span{font:500 clamp(2.7rem,5.8vw,5.8rem)/1 var(--font-display);letter-spacing:-.065em;border-top:1px solid #20281866;padding-top:16px}
.deb-lotr .deb-lotr__month{font:500 clamp(1.4rem,2vw,2rem)/1.2 var(--font-display);margin:18px 0 0;color:inherit}
.deb-lotr__route{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:32px 0 0;margin:40px 0 0;border-top:1px solid #20281866;gap:24px}
.deb-lotr__route li{display:flex;gap:14px;align-items:center;font:500 16px/1.4 var(--font-display);margin:0}
.deb-lotr__route li>span{font:12px/1.6 var(--font-mono);opacity:.7}
.deb-lotr__route li+li:before{content:'→';margin-right:auto}
.deb-lotr__decision{margin:clamp(40px,6vw,88px) 0}
.deb-lotr__decision-copy{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;margin-bottom:32px}
.deb-lotr .deb-lotr__decision-copy h3{font:500 clamp(1.9rem,3.5vw,3.4rem)/1.05 var(--font-display);letter-spacing:-.025em;color:var(--text-strong);margin:0}
.deb-lotr .deb-lotr__decision-copy p{font:500 19px/1.6 var(--font-display);margin:0;max-width:53ch}
.deb-lotr__source{border-block:1px solid var(--border);margin:0}
.deb-lotr__source summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:20px 0;list-style:none;font:13px/1.65 var(--font-mono);cursor:pointer;color:var(--text)}
.deb-lotr__source summary::-webkit-details-marker{display:none}
.deb-lotr__source summary span{font:500 28px/1 var(--font-display)}
.deb-lotr__source[open] summary span{transform:rotate(45deg)}
.deb-lotr__source figure{margin:0;padding-bottom:24px}
.deb-lotr__source figure>a{display:block;line-height:0}
.deb-lotr__source img{display:block;width:100%;height:auto;object-fit:initial;filter:none!important;transform:none!important}
.deb-lotr__source figcaption{font:13px/1.75 var(--font-mono);color:var(--text-muted);max-width:90ch;margin:16px 0 0}
.deb-lotr__support{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.deb-lotr__support article{display:flex;flex-direction:column}
.deb-lotr .deb-lotr__support h3{font:500 clamp(1.6rem,2.4vw,2.5rem)/1.12 var(--font-display);letter-spacing:-.025em;color:var(--text-strong);margin:18px 0}
.deb-lotr .deb-lotr__support article>p:not(.deb-lotr__kicker){font:500 18px/1.6 var(--font-display);margin:0 0 24px}
.deb-lotr__support .deb-lotr__source{margin-top:auto}
.deb-lotr .deb-lotr__credit{font:13px/1.75 var(--font-mono);color:var(--text-muted);margin:40px 0 0}
.deb-lotr a:focus-visible,.deb-lotr summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){
 .deb-lotr__head,.deb-lotr__score-head,.deb-lotr__decision-copy,.deb-lotr__support{grid-template-columns:1fr;gap:24px}
 .deb-lotr .deb-lotr__head h2{font-size:clamp(2.6rem,11.2vw,4.7rem)}
 .deb-lotr .deb-lotr__intro{font-size:18px;max-width:38ch}
 .deb-lotr__score{padding:24px 20px}
 .deb-lotr__score-head{padding-bottom:28px}
 .deb-lotr .deb-lotr__score h3{font-size:clamp(1.65rem,6.6vw,2.6rem)}
 .deb-lotr__films li{font-size:16px;gap:14px;padding:6px 0}
 .deb-lotr__cities{grid-template-columns:1fr;margin-top:28px;gap:32px}
 .deb-lotr__city,.deb-lotr__city+.deb-lotr__city{padding:0;border-left:0}
 .deb-lotr__city+.deb-lotr__city{border-top:1px solid #20281866;padding-top:28px}
 .deb-lotr .deb-lotr__city h4{font-size:clamp(2rem,10vw,3.5rem)}
 .deb-lotr .deb-lotr__venue{margin-bottom:20px}
 .deb-lotr__dates span{font-size:clamp(2.7rem,13vw,5.8rem)}
 .deb-lotr__route{grid-template-columns:1fr;padding-top:24px;margin-top:28px;gap:16px}
 .deb-lotr__route li+li:before{content:none}
 .deb-lotr__route li{font-size:16px}
 .deb-lotr .deb-lotr__decision-copy p,.deb-lotr .deb-lotr__support article>p:not(.deb-lotr__kicker){font-size:17px}
 .deb-lotr__support{gap:40px}
}
@media(prefers-reduced-motion:reduce){.deb-lotr *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}