@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;900&family=Playfair+Display:ital,wght@0,700;0,800;1,700;1,800&display=swap');
:root{--ink:#17191e;--paper:#f4f0e9;--orange:#ff542f;--mint:#b8e7d2;--line:#d7d1c8;--muted:#77726a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);font-size:13px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:11px;line-height:1.05;letter-spacing:.04em}.brand b{font-size:17px}.brand-mark{width:26px;height:35px;display:grid;place-items:center;background:var(--orange);color:white;font-size:24px;font-family:"Playfair Display"}.site-header p{margin:0;color:var(--muted);flex:1}.source-link{font-family:"DM Mono";font-size:11px;text-decoration:none}main{max-width:1320px;margin:auto;padding:0 24px}.intro{display:grid;grid-template-columns:1fr 310px;gap:60px;padding:84px 0 64px}.eyebrow{font:500 11px/1.2 "DM Mono";letter-spacing:.12em;color:var(--orange);margin:0 0 16px}.intro h1{font-size:clamp(42px,6.5vw,88px);line-height:.95;margin:0;letter-spacing:-.07em;font-weight:900}.intro h1 em{font-family:"Playfair Display";font-weight:800;letter-spacing:-.08em}.lede{max-width:520px;font-size:17px;line-height:1.8;margin:32px 0 0;color:#4f4b46}.legend-card{align-self:end;border:1px solid var(--ink);padding:22px 24px;background:#fffdfa}.stat{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.stat strong{font:700 32px/1 "DM Mono"}.stat span,.legend-card p{font-size:12px;color:var(--muted)}.legend-card p{margin:16px 0 0;line-height:1.65}.controls{border-block:1px solid var(--ink);display:flex;align-items:center;gap:14px;padding:12px 0;position:sticky;top:0;background:var(--paper);z-index:10}.search{display:flex;align-items:center;gap:7px;border-right:1px solid var(--line);padding-right:18px}.search input{width:200px;background:transparent;border:0;outline:0;font:13px "Noto Sans SC"}.filters{display:flex;gap:5px;flex:1}.filter,.sort-label select{border:1px solid var(--line);background:transparent;border-radius:100px;padding:7px 10px;font:11px "Noto Sans SC";cursor:pointer}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter span{font-family:"DM Mono"}.sort-label{font-size:11px;color:var(--muted);white-space:nowrap}.sort-label select{margin-left:5px;color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:76px 0 28px}.section-head h2,.compare-copy h2,.method h2{font-size:34px;line-height:1.1;letter-spacing:-.05em;margin:0}.section-head>p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.screen-card{position:relative;min-height:278px;padding:16px;border:1px solid var(--line);background:#faf7f0;cursor:pointer;transition:transform .2s,border .2s,background .2s;overflow:hidden}.screen-card:hover{transform:translateY(-4px);border-color:var(--ink)}.screen-card.chosen{border:2px solid var(--orange);background:#fff}.screen-card .rank{font:11px "DM Mono";color:var(--orange)}.screen-card h3{font-size:15px;line-height:1.35;margin:9px 0 2px;min-height:42px}.district{font-size:11px;color:var(--muted)}.screen-shape{height:100px;display:flex;align-items:end;justify-content:center;padding:10px 0}.screen-shape i{display:block;background:var(--ink);min-width:50px;box-shadow:4px 4px 0 var(--orange)}.screen-metrics{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--line);padding-top:11px}.screen-metrics b{display:block;font:500 19px "DM Mono"}.screen-metrics span{font-size:10px;color:var(--muted)}.tag{display:inline-block;font:10px "DM Mono";background:var(--mint);padding:4px 6px;margin-top:11px}.tag.xt{background:#d8d2ff}.tag.xenon{background:#e7e1d8}.compare-section{margin:88px -24px 0;padding:62px max(24px,calc((100vw - 1320px)/2));background:var(--ink);color:#fff;display:grid;grid-template-columns:340px 1fr;gap:55px}.compare-copy h2{font-size:38px}.compare-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#bbb5ae}.text-button{color:var(--mint);border:0;border-bottom:1px solid var(--mint);background:0;padding:0 0 3px;font:11px "DM Mono";cursor:pointer}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;min-height:280px;min-width:0}.comparison.empty{display:grid;grid-template-columns:1fr;place-items:center;border:1px dashed #555;color:#aaa;font-size:13px}.comparison.empty p{width:100%;margin:0;text-align:center}.compare-item{display:flex;flex-direction:column;gap:10px;min-width:0}.compare-name{font-size:14px;min-height:42px;overflow-wrap:anywhere}.compare-screen{height:170px;display:flex;align-items:end;min-width:0;overflow:hidden}.compare-screen i{display:block;max-width:100%;background:var(--orange);box-shadow:7px 7px 0 var(--mint)}.compare-data{font:11px "DM Mono";color:#bdb8b0;line-height:1.8}.compare-data b{color:white;font-size:20px}.location-section{padding-bottom:90px}.location-title{padding-bottom:28px}.map-shell{position:relative;min-height:460px;border:1px solid var(--ink);background:#d8e7e0;overflow:hidden}.map-shell:before{content:"";position:absolute;inset:24px;background:linear-gradient(135deg,transparent 30%,#c2d8cd 30% 31%,transparent 31% 55%,#c2d8cd 55% 56%,transparent 56%),linear-gradient(55deg,transparent 47%,#c2d8cd 47% 48%,transparent 48%);opacity:.7}.city-map{position:absolute;inset:0}.marker{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange);border:2px solid white;box-shadow:0 1px 0 #333;cursor:pointer;transition:transform .15s}.marker:hover,.marker.active{transform:scale(1.7);z-index:2}.map-label{position:absolute;z-index:1;font:500 11px "DM Mono";color:#638476;letter-spacing:.08em}.north{top:11%;left:50%}.west{top:52%;left:9%}.south{bottom:12%;left:31%}.east{top:35%;right:7%}.center{top:57%;left:58%}.map-detail{position:absolute;left:20px;bottom:18px;z-index:3;width:min(390px,calc(100% - 40px));padding:15px 18px;background:#fffdfa;border:1px solid var(--ink);font-size:12px;line-height:1.6}.map-detail p{font-weight:700;margin:0}.map-detail span{color:var(--muted)}.map-detail a{display:inline-block;margin-top:8px;color:var(--orange);font:11px "DM Mono"}.method{border-top:1px solid var(--ink);padding:55px 0 90px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}.method h3{font-size:14px}.method p{font-size:13px;color:#514d47;line-height:1.85}.method a{color:var(--orange);font-weight:700}.method .small{font-size:11px;color:var(--muted)}footer{padding:22px 24px;background:var(--ink);color:#ded8ce;text-align:center;font:10px "DM Mono";letter-spacing:.05em}@media(max-width:1100px){.compare-section{grid-template-columns:1fr;gap:32px}.comparison{min-height:230px}.compare-screen{height:140px}}@media(max-width:800px){.site-header{padding-inline:16px}.site-header p{display:none}.intro{grid-template-columns:1fr;padding:52px 0 40px;gap:35px}.legend-card{max-width:360px}.controls{flex-wrap:wrap;padding:10px 0}.search{order:-1;width:100%;border:0;border-bottom:1px solid var(--line);padding:0 0 9px}.search input{width:100%}.filters{overflow:auto}.sort-label{margin-left:auto}.screens{grid-template-columns:repeat(2,1fr);gap:8px}.screen-card{min-height:250px;padding:12px}.screen-card h3{font-size:13px}.section-head{padding-top:54px;display:block}.section-head>p{margin-top:16px}.compare-section{grid-template-columns:1fr;padding:45px 24px;margin-inline:-24px;gap:25px}.comparison{min-height:220px}.compare-screen{height:120px}.method-grid{grid-template-columns:1fr;gap:8px}.map-shell{min-height:390px}.location-section{padding-bottom:55px}}.location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:8px 0 78px}.location-group{border-top:2px solid var(--ink);background:#fffdfa}.location-group-head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.location-group-head h3{margin:0;font-size:24px;letter-spacing:-.04em}.location-group-head span{font:11px "DM Mono";color:var(--muted)}.location-items{padding:0 18px}.location-item{padding:17px 0;border-bottom:1px solid var(--line)}.location-item:last-child{border-bottom:0}.location-item h4{margin:0 0 7px;font-size:15px;line-height:1.4}.location-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.location-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font:11px "DM Mono";color:var(--muted)}.location-meta .tag{margin:0}.location-meta a{margin-left:auto;color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.location-list{grid-template-columns:1fr;gap:14px;padding-bottom:55px}.location-group-head h3{font-size:21px}.location-item h4{font-size:14px}.location-meta a{margin-left:0}}

/* A/B compare: let the panel escape the 1320px main container on wide screens. */
html{container-type:inline-size}
.compare-section{width:100cqw;margin:88px calc(50% - 50cqw) 0;padding-inline:max(24px,calc((100cqw - 1320px) / 2 + 24px));grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:stretch}
.comparison{grid-template-columns:repeat(2,minmax(0,1fr));min-height:288px}
.comparison.empty{grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}
.comparison.empty p{width:auto;max-width:34rem}
@media(max-width:1100px){.compare-section{grid-template-columns:minmax(0,1fr)}.comparison{min-height:260px}}
@media(max-width:800px){.compare-section{margin:88px -24px 0;padding:45px 24px}.comparison{min-height:240px}.comparison.empty{padding:20px}.comparison.empty p{max-width:32rem}}
.screen-card:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* Compact cinema address list */
.location-list{gap:12px 18px;padding:8px 0 60px}
.location-group-head{padding:11px 14px 8px}
.location-group-head h3{font-size:20px}
.location-items{padding:0 14px}
.location-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;padding:11px 0}
.location-item h4{margin:0 0 3px;font-size:14px;line-height:1.35}
.location-item p{font-size:12px;line-height:1.45}
.location-meta{grid-column:2;grid-row:1 / span 2;align-self:center;justify-content:center;align-items:flex-end;gap:5px;margin-top:0;white-space:nowrap}
.location-meta a{margin-left:0}
@media(max-width:800px){.location-item{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 0}.location-meta{grid-column:1;grid-row:auto;align-items:flex-start;justify-content:flex-start;flex-direction:row;white-space:normal}}