@font-face{font-family:"Counter Cond";src:url("barlowc-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Counter Sans";src:url("barlow-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#f6f1e4;color:#2c2618;font:17px/1.65 "Counter Sans",sans-serif}
img{max-width:100%;display:block}a{color:inherit}
h1,h2{font-family:"Counter Cond","Arial Narrow",sans-serif;font-weight:600;letter-spacing:-.02em;line-height:.95;margin:0;text-transform:uppercase}
p{margin:0}p+p{margin-top:1rem}
.counter-line{background:#776225;color:#f6f1e4}
.counter-line-in,.counter-head,.counter-hero,.counter-photo,.counter-tickets,.counter-rows,.counter-story,.counter-close-in,.counter-foot-in,.counter-sheet{width:min(1100px,calc(100% - 40px));margin-inline:auto}
.counter-line-in{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.counter-head{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.counter-brand{text-decoration:none;line-height:1}
.counter-brand strong{font-family:"Counter Cond",sans-serif;font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase;display:block}
.counter-brand small{letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.counter-nav{display:flex;gap:18px;align-items:center}
.counter-nav a{text-decoration:none}
.counter-nav .co-cta{background:#776225}
.counter-hero{text-align:center;padding:28px 0 0}
.counter-hero h1{font-size:clamp(56px,8vw,104px)}
.counter-hero p{max-width:38rem;margin:.8rem auto 0;text-transform:none;font-family:"Counter Sans",sans-serif;font-weight:400;letter-spacing:0;line-height:1.6;font-size:1.05rem}
.counter-hero .co-cta{margin-top:1.2rem;background:#776225}
.counter-photo{position:relative;margin-top:28px}
.counter-photo img{width:100%;height:440px;object-fit:cover}
.counter-seal{position:absolute;left:24px;top:-36px;width:120px;height:120px;border-radius:50%;background:#2c2618;color:#f6f1e4;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Counter Cond",sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.counter-tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-32px;position:relative}
.counter-tickets li{list-style:none;background:#fff;padding:18px;border:1px solid #e2d8c2}
.counter-tickets b{display:block;font-family:"Counter Cond",sans-serif;font-size:1.4rem;letter-spacing:.04em}
.counter-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:56px 0}
.counter-rows article{background:#fffaf1;padding:18px 18px 22px;border-top:6px solid #776225}
.counter-rows i{font-style:normal;font-family:"Counter Cond",sans-serif;font-size:2rem;color:#776225}
.counter-rows h3{font-size:1.6rem;margin:.2rem 0 .5rem}
.counter-story{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:center;padding-bottom:56px}
.counter-story img{width:160px;height:160px;object-fit:cover;border-radius:50%}
.counter-close{background:#2c2618;color:#f6f1e4}
.counter-close-in{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:36px 0}
.counter-close h2{font-size:clamp(32px,4vw,52px);max-width:16ch}
.counter-close .co-cta{background:#776225}
.counter-foot{background:#231f16;color:#f3ecdf;padding:40px 0}
.counter-foot-in{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:20px}
.counter-foot a{color:#f3ecdf}
.counter-mast{width:min(1100px,calc(100% - 40px));margin-inline:auto;padding:42px 0 0;text-align:left}
.counter-mast h1{font-size:clamp(42px,6vw,72px)}
.counter-sheet{padding:28px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.counter-card{background:#fff;padding:22px;border-top:6px solid #776225}
@media(max-width:860px){
.counter-head,.counter-tickets,.counter-rows,.counter-story,.counter-close-in,.counter-foot-in,.counter-sheet{display:block}
.counter-line-in{flex-wrap:wrap;gap:6px 16px}
.counter-nav{flex-wrap:wrap;margin-top:10px}
.counter-photo img{height:240px}
.counter-seal{width:88px;height:88px;font-size:11px}
.counter-tickets li,.counter-rows article{margin-top:12px}
.counter-story img{margin-bottom:12px}
}
