header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #0d0d0c22}
nav{display:flex;gap:26px;align-items:center}
nav a{text-decoration:none;font-size:.72rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase}
nav a:hover{text-decoration:underline}
.nav-bingo{border:1px solid var(--black);padding:.5em 1em}
.hero{padding:56px 0 40px}
.dot{display:inline-block;width:7px;height:7px;background:var(--wood-2);border-radius:50%;margin-right:8px;vertical-align:middle}
.hero-intro{display:grid;grid-template-columns:1fr minmax(0,300px);gap:clamp(14px,3vw,40px);align-items:center;margin-top:24px}
.hero h1{font-size:clamp(2.1rem,7vw,6.2rem)}
.hero h1 em{font-style:normal;color:var(--wood-2)}
.portrait{background:var(--black);padding:14px;position:relative}
.portrait::before{content:"";position:absolute;left:-14px;top:24px;bottom:24px;width:8px}
.portrait img{filter:grayscale(.15) contrast(1.05)}
.portrait figcaption{color:var(--cream);font-size:.65rem;letter-spacing:.32em;padding:12px 0;font-weight:300}
.hero-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;flex-wrap:wrap}
.hero-bottom p{max-width:440px;font-size:1.1rem;font-weight:300}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-foot{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:18px;border-top:1px solid #0d0d0c22;font-size:.66rem;letter-spacing:.3em;font-weight:300;flex-wrap:wrap}
.hero-foot a{text-decoration:none}
.results{background:var(--black);color:var(--cream);padding:90px 0;position:relative}
.results::after{content:"";position:absolute;right:0;top:0;bottom:0;width:22px;background:repeating-linear-gradient(90deg,#c9a97c 0 8px,#a8865a 8px 10px)}
.section-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid currentColor;margin-bottom:46px;flex-wrap:wrap;opacity:.9}
.micro{opacity:.7;letter-spacing:.22em}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.metrics strong{font-family:var(--display);font-weight:400;font-size:clamp(3.2rem,8vw,7.5rem);line-height:1;display:block}
.metrics strong span{font-size:.4em;color:var(--wood);margin-left:.15em;vertical-align:top}
.metrics h2{font-family:var(--body);font-weight:300;font-size:.8rem;letter-spacing:.34em;margin-top:14px;padding-top:14px;border-top:1px solid #efe8dc44;width:min(260px,100%)}
.fine{font-size:.74rem;opacity:.6;margin-top:40px;max-width:720px;font-weight:300}
.section{padding:90px 0}
.split{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:46px}
.split h2{font-size:clamp(2.6rem,7vw,5.6rem)}
.split p{font-weight:300;font-size:1.05rem}
.demographics{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.demographics article{background:var(--white);padding:30px;border-top:4px solid var(--wood)}
.stat-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.stat-line strong{font-family:var(--display);font-weight:400;font-size:4rem;line-height:1}
.stat-line strong span{font-size:.5em}
.stat-line>span{text-transform:uppercase;letter-spacing:.26em;font-size:.7rem}
.bar{height:6px;background:var(--cream-2);margin:20px 0 14px}.bar i{display:block;height:100%;background:var(--black)}
.demographics p{font-weight:300;font-size:.9rem}
.cities,.companies{margin-top:46px;padding-top:24px;border-top:1px solid #0d0d0c22}
.cities p{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.6rem);text-transform:uppercase;margin-top:12px}
.cities b{color:var(--wood-2);font-weight:400}
.company-names{font-family:var(--display);font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase;margin:8px 0}
.companies .fine{margin-top:10px}
.content-section{background:var(--white)}
.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feed-card{background:var(--black);color:var(--cream);padding:28px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .2s}
.feed-card:hover{transform:translateY(-4px)}
.feed-card strong{font-family:var(--display);font-weight:400;font-size:2.6rem;text-transform:uppercase;line-height:.95}
.feed-card>span:last-child{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wood)}
.partnerships{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--black)}
.partnerships article{padding:30px 26px 30px 0;border-right:1px solid #0d0d0c22;margin-right:26px;display:flex;flex-direction:column;gap:14px}
.partnerships article:last-child{border-right:0}
.index{font-size:.7rem;letter-spacing:.3em;color:var(--wood-2)}
.partnerships h3{font-size:2rem}
.partnerships p{font-weight:300}
.tag{margin-top:auto;font-size:.65rem;letter-spacing:.3em;font-weight:300}
.contact{background:var(--black);color:var(--cream);padding:110px 0;text-align:center}
.contact h2{font-size:clamp(2.8rem,8vw,6.6rem);margin:26px 0 36px}
.contact h2 em{font-style:normal;color:var(--wood)}
.contact-bottom p{font-weight:300;margin-bottom:26px}
#contact-action{display:flex;flex-direction:column;align-items:center;gap:16px}
.contact .button{background:var(--cream);color:var(--black);border-color:var(--cream)}
.contact .button:hover{background:transparent;color:var(--cream)}
.email{letter-spacing:.2em;font-size:.8rem;font-weight:300}
footer{padding:46px 0 30px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #0d0d0c22}
#social-links{display:flex;gap:22px;flex-wrap:wrap}
#social-links a,.footer-bottom a{text-decoration:none;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;font-size:.7rem;letter-spacing:.18em;font-weight:300;text-transform:uppercase}
@media (max-width:760px){
 nav{gap:14px} nav a:not(.nav-shop):not(.nav-bingo){display:none}
 .hero{padding-top:34px}.hero-intro{grid-template-columns:1fr 32%}.hero h1{font-size:11.5vw}.portrait{padding:6px}.portrait figcaption{font-size:.5rem;letter-spacing:.2em}.split,.metrics,.demographics,.feed-grid,.partnerships{grid-template-columns:1fr}
 .partnerships article{border-right:0;margin-right:0;border-bottom:1px solid #0d0d0c22}
 .section,.results{padding:64px 0}.results::after{width:10px}
}
.brand-metrics{grid-template-columns:1fr 1fr}
.brand-metrics h2{width:min(300px,100%);line-height:1.6}
.audience-line{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.5rem,3.4vw,2.6rem);line-height:1.05;margin-top:48px;max-width:900px}
.audience-line i{font-style:normal;color:var(--wood);padding:0 .25em}
.alltime-line{font-weight:300;text-transform:uppercase;letter-spacing:.32em;font-size:.78rem;margin-top:18px;color:var(--wood)}
.alltime-line b{font-family:var(--display);font-weight:400;letter-spacing:.02em;font-size:1.6rem;color:var(--cream);margin-right:.35em;vertical-align:-.12em}
@media(max-width:760px){.brand-metrics{grid-template-columns:1fr}}