:root{
  --ink:#111111;--muted:#707070;--line:#e8e8e8;--soft:#f6f6f4;--white:#fff;
  --shell:min(1720px,calc(100vw - 64px));--article:820px;--radius:3px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.th-shell{width:var(--shell);margin-inline:auto}.th-eyebrow{display:inline-block;font-size:11px;line-height:1;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#555}.th-eyebrow--light{color:#fff}.th-image-placeholder{width:100%;height:100%;min-height:220px;background:linear-gradient(145deg,#161616,#303030);display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:.12em;font-size:13px}

/* Header */
.th-header{position:relative;background:#fff;z-index:50}.th-header__top{height:92px;display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(170px,1fr);align-items:center;border-bottom:1px solid transparent}.th-header__logo{justify-self:start}.custom-logo{max-height:52px;width:auto}.th-wordmark{display:inline-flex;align-items:baseline;gap:10px;color:#0d0d0d;white-space:nowrap}.th-wordmark__main{font-size:30px;font-weight:430;letter-spacing:.035em}.th-wordmark__hifi{font-size:29px;font-weight:750;letter-spacing:.02em}.th-nav{display:flex;gap:36px;align-items:center;font-size:15px;font-weight:650}.th-nav>a,.th-categories-toggle{position:relative;padding:34px 0;background:transparent;border:0;color:#171717}.th-nav>a:after,.th-categories-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:#111;transition:.22s ease}.th-nav>a:hover:after,.th-categories-toggle:hover:after,.th-categories-toggle[aria-expanded="true"]:after{right:0}.th-categories-toggle{display:flex;gap:7px;align-items:center}.th-categories-toggle span{font-size:14px}.th-header__actions{justify-self:end;display:flex;align-items:center;gap:8px}.th-icon-btn{border:0;background:#fff;font-size:27px;width:42px;height:42px}.th-mobile-search-toggle{display:none}.th-menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.th-menu-toggle span{display:block;height:2px;background:#111;margin:5px 0}.th-mega{position:absolute;left:0;right:0;top:92px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.07);z-index:70}.th-mega__inner{padding:38px 0 46px;display:grid;grid-template-columns:260px 1fr;gap:60px}.th-mega__intro h2{font-size:30px;margin:8px 0 7px}.th-mega__intro p{margin:0;color:var(--muted)}.th-mega__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px}.th-mega__grid a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-weight:650}.th-mega__grid a:hover span{transform:translateX(4px)}.th-mega__grid span{transition:.18s ease}.th-mega__grid small{font-weight:500;color:#999}.th-searchbar-wrap{padding:0 0 24px}.th-search{height:58px;border:1px solid #dedede;display:grid;grid-template-columns:50px 1fr 1px 220px 110px;align-items:center;background:#fff}.th-search__icon{text-align:center;font-size:23px}.th-search__input{height:100%;border:0;outline:0;min-width:0;font-size:15px}.th-search__divider{height:26px;background:#ddd}.th-search__select{height:100%;border:0;background:#fff;padding:0 20px;outline:0;color:#333}.th-search__button{align-self:stretch;border:0;background:#111;color:#fff;font-weight:700}.th-search__button:hover{background:#2a2a2a}.th-mobile-menu{display:none}

/* Hero */
.th-home{padding-bottom:90px}.th-hero{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr);gap:18px}.th-hero__lead{min-height:650px}.th-hero__lead>a,.th-mini-feature>a{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#111}.th-hero__image>img{width:100%;height:650px;object-fit:cover;transition:transform .5s ease}.th-hero__lead:hover img,.th-mini-feature:hover img{transform:scale(1.015)}.th-hero__shade,.th-mini-feature__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.08) 64%,rgba(0,0,0,0) 100%)}.th-hero__copy{position:absolute;left:48px;right:48px;bottom:46px;color:#fff;max-width:920px}.th-hero__copy h1{margin:13px 0 15px;font-size:clamp(38px,4vw,68px);line-height:1.02;letter-spacing:-.045em;max-width:900px}.th-hero__copy p{font-size:19px;max-width:690px;color:rgba(255,255,255,.9);margin:0 0 25px}.th-outline-button{display:inline-flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.7);padding:12px 16px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.11em}.th-hero__side{display:grid;grid-template-rows:repeat(3,1fr);gap:18px;min-height:650px}.th-mini-feature{min-height:0}.th-mini-feature img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.th-mini-feature__copy{position:absolute;left:25px;right:22px;bottom:22px;color:#fff}.th-mini-feature__copy h2{margin:9px 55px 0 0;font-size:21px;line-height:1.15;letter-spacing:-.025em}.th-circle-arrow{position:absolute;right:0;bottom:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center}

/* Sections */
.th-section{padding-top:66px}.th-section--ruled{margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.th-section--feature-band{margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.th-section__head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.th-section__head h2{font-size:19px;line-height:1;margin:0;text-transform:uppercase;letter-spacing:.02em}.th-section__head a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.th-section__head a:hover{text-decoration:underline;text-underline-offset:4px}.th-section__head--compact{margin-bottom:20px}.th-section__head--compact h2{font-size:18px}.th-grid{display:grid;gap:34px 24px}.th-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.th-card__media{display:block;overflow:hidden;background:#eee;aspect-ratio:1.5/1}.th-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.th-card:hover .th-card__media img{transform:scale(1.02)}.th-card__body{padding-top:15px}.th-card__body h3{font-size:20px;line-height:1.16;letter-spacing:-.023em;margin:8px 0 9px}.th-card__body p{margin:0 0 11px;color:#666;font-size:14px;line-height:1.5}.th-card__body time{font-size:12px;color:#969696}.th-stars{display:flex;align-items:center;gap:2px;font-size:13px;margin:4px 0 9px}.th-stars strong{font-size:12px;margin-left:6px;color:#555}.th-card--small{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.th-card--small:first-child{padding-top:0}.th-card--small .th-card__media{aspect-ratio:1.4/1}.th-card--small .th-card__body{padding:2px 0 0}.th-card--small .th-card__body h3{font-size:16px;margin:5px 0 0;line-height:1.22}

/* Lower editorial */
.th-section--triple{margin-top:72px;padding-top:30px;border-top:1px solid var(--line)}.th-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.th-triple__col{min-width:0}.th-triple__col+ .th-triple__col{border-left:1px solid var(--line);padding-left:34px}.th-popular-list{counter-reset:rank}.th-popular-item{display:grid;grid-template-columns:38px 100px 1fr;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.th-popular-item:first-child{padding-top:0}.th-popular-item__rank{font-family:Georgia,serif;font-size:35px;font-weight:400}.th-popular-item__image{aspect-ratio:1.3/1;background:#eee;overflow:hidden}.th-popular-item__image img{width:100%;height:100%;object-fit:cover}.th-popular-item h3{margin:5px 0 0;font-size:15px;line-height:1.2}

/* Footer */
.th-newsletter{margin-top:85px;background:#f4f4f2;padding:31px 36px;display:grid;grid-template-columns:1fr minmax(420px,.9fr);align-items:center;gap:40px}.th-newsletter h2{margin:6px 0 3px;font-size:27px;letter-spacing:-.02em}.th-newsletter p{margin:0;color:#686868}.th-newsletter__form{display:grid;grid-template-columns:1fr 145px;height:54px}.th-newsletter__form input{border:1px solid #ddd;border-right:0;padding:0 18px;outline:0}.th-newsletter__form button{border:0;background:#111;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.09em;font-weight:750}.th-footer__main{background:#0d0d0d;color:#fff;padding:52px 0 22px}.th-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.th-footer .th-wordmark{color:#fff}.th-footer__brand p{max-width:390px;color:#aaa}.th-footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#888;margin:0 0 16px}.th-footer__grid>div:not(.th-footer__brand) a{display:block;color:#dedede;margin:7px 0;font-size:14px}.th-footer__bottom{border-top:1px solid #282828;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;color:#777;font-size:12px}

/* Archive */
.th-archive{padding:50px 0 90px}.th-archive__head{padding:20px 0 45px;border-bottom:1px solid var(--line);margin-bottom:36px}.th-archive__head h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.055em;line-height:.98;margin:8px 0 13px}.th-archive__head p{font-size:19px;color:#666;max-width:760px}.th-pagination{margin-top:55px;border-top:1px solid var(--line);padding-top:26px}.th-pagination .nav-links{display:flex;gap:8px}.th-pagination a,.th-pagination span{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #ddd}.th-pagination .current{background:#111;color:#fff;border-color:#111}

/* Single */
.th-single{padding-bottom:90px}.th-single__head{max-width:1320px;margin:0 auto;padding:58px 32px 34px}.th-single__head h1{font-size:clamp(48px,6.1vw,96px);line-height:.97;letter-spacing:-.055em;margin:14px 0 22px;max-width:1280px}.th-single__deck{font-size:22px;line-height:1.45;color:#555;max-width:850px;margin:0 0 26px}.th-single__meta{display:flex;gap:18px;align-items:center;font-size:13px;color:#666}.th-single__hero{width:min(1720px,calc(100vw - 64px));margin:0 auto 54px}.th-single__hero img{width:100%;max-height:980px;object-fit:cover}.th-single__layout{width:min(1260px,calc(100vw - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,var(--article)) 300px;justify-content:space-between;gap:80px}.th-article-content{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.82;color:#222}.th-article-content>p:first-child{font-size:23px}.th-article-content h2,.th-article-content h3,.th-article-content h4{font-family:var(--font);letter-spacing:-.035em;line-height:1.12;color:#111}.th-article-content h2{font-size:39px;margin:55px 0 18px}.th-article-content h3{font-size:29px;margin:46px 0 14px}.th-article-content a{text-decoration:underline;text-underline-offset:3px}.th-article-content img,.th-article-content figure{max-width:100%;height:auto}.th-article-content blockquote{border-left:3px solid #111;margin:40px 0;padding:8px 0 8px 28px;font-size:27px;line-height:1.45}.th-article-content .alignwide{width:min(1100px,calc(100vw - 64px));max-width:none;margin-left:50%;transform:translateX(-50%)}.th-single__sidebar{font-size:14px}.th-sticky{position:sticky;top:30px}.th-side-block{padding:22px 0;border-top:1px solid var(--line)}.th-side-block h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 15px}.th-review-score-box{background:#111;color:#fff;padding:27px;margin-bottom:30px}.th-review-score-box strong{font-size:62px;line-height:1;letter-spacing:-.05em}.th-review-score-box span{font-size:16px;color:#aaa}.th-review-score-box .th-stars{font-size:17px;margin-top:10px}.th-related{margin-top:85px;padding-top:30px;border-top:1px solid var(--line)}

/* Responsive */
@media (max-width:1200px){:root{--shell:min(100% - 40px,1500px)}.th-nav{gap:24px}.th-header__top{grid-template-columns:230px 1fr auto}.th-grid--4{grid-template-columns:repeat(2,1fr)}.th-hero{grid-template-columns:1.7fr .8fr}.th-hero__lead,.th-hero__side{min-height:580px}.th-hero__image>img{height:580px}.th-triple{grid-template-columns:1fr 1fr}.th-triple__col:nth-child(3){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}.th-single__layout{grid-template-columns:minmax(0,1fr) 270px;gap:45px}}
@media (max-width:900px){:root{--shell:calc(100% - 30px)}.th-header__top{height:72px;display:flex;justify-content:space-between}.th-wordmark__main,.th-wordmark__hifi{font-size:23px}.th-nav{display:none}.th-menu-toggle,.th-mobile-search-toggle{display:block}.th-searchbar-wrap{display:none;padding:10px 0 18px}.th-searchbar-wrap.is-mobile-open{display:block}.th-search{grid-template-columns:45px 1fr 1px 155px 0}.th-search__button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.th-mobile-menu{display:block;position:absolute;top:72px;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 15px 25px;z-index:80}.th-mobile-menu[hidden]{display:none}.th-mobile-menu>a{display:block;font-size:21px;font-weight:750;padding:11px 0;border-bottom:1px solid var(--line)}.th-mobile-menu__cats{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;padding-top:18px}.th-mobile-menu__cats a{font-size:14px;color:#555}.th-mega{display:none}.th-hero{display:block;width:100%}.th-hero__lead{min-height:560px}.th-hero__image>img{height:560px}.th-hero__copy{left:25px;right:25px;bottom:28px}.th-hero__copy h1{font-size:46px}.th-hero__copy p{font-size:17px}.th-hero__side{grid-template-columns:repeat(3,1fr);grid-template-rows:none;min-height:0;gap:1px}.th-mini-feature{height:230px}.th-mini-feature__copy h2{font-size:17px}.th-section{padding-top:48px}.th-section--ruled,.th-section--feature-band,.th-section--triple{margin-top:50px}.th-triple{grid-template-columns:1fr}.th-triple__col+ .th-triple__col,.th-triple__col:nth-child(3){grid-column:auto;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}.th-newsletter{grid-template-columns:1fr}.th-footer__grid{grid-template-columns:2fr 1fr 1fr}.th-footer__grid>div:last-child{display:none}.th-single__head{padding:45px 20px 28px}.th-single__hero{width:100%}.th-single__layout{width:min(760px,calc(100vw - 40px));grid-template-columns:1fr}.th-single__sidebar{display:none}}
@media (max-width:620px){body{font-size:15px}.th-header__actions{gap:0}.th-search{grid-template-columns:42px 1fr}.th-search__divider,.th-search__select{display:none}.th-hero__lead{min-height:470px}.th-hero__image>img{height:470px}.th-hero__copy h1{font-size:38px}.th-hero__copy p{display:none}.th-hero__side{display:grid;grid-template-columns:1fr;gap:1px}.th-mini-feature{height:245px}.th-mini-feature__copy h2{font-size:21px}.th-grid--4{grid-template-columns:1fr}.th-card__body h3{font-size:22px}.th-section__head{align-items:center}.th-section__head h2{font-size:16px}.th-section__head a{font-size:10px}.th-card--small{grid-template-columns:125px 1fr}.th-newsletter{width:100%;padding:28px 20px}.th-newsletter__form{grid-template-columns:1fr 105px}.th-footer__grid{grid-template-columns:1fr 1fr}.th-footer__brand{grid-column:1/-1}.th-footer__bottom{display:block}.th-footer__bottom span{display:block;margin-top:6px}.th-single__head h1{font-size:45px}.th-single__deck{font-size:19px}.th-single__meta{flex-wrap:wrap}.th-single__layout{width:calc(100vw - 34px)}.th-article-content{font-size:18px;line-height:1.75}.th-article-content>p:first-child{font-size:20px}.th-article-content h2{font-size:32px}.th-article-content h3{font-size:26px}.th-archive__head h1{font-size:50px}}

/* Homepage editorial expansion — v1.1 */
.th-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.th-grid--roomy{gap:48px 30px}
.th-section--darkline{margin-top:82px;padding-top:30px;border-top:2px solid #111}

.th-feature-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(520px,1fr);gap:34px;align-items:start}
.th-feature-split__lead .th-card__media{aspect-ratio:1.55/1}
.th-feature-split__lead .th-card__body{padding-top:20px;max-width:920px}
.th-feature-split__lead .th-card__body h3{font-size:clamp(32px,3vw,50px);line-height:1.04;margin:10px 0 12px;letter-spacing:-.04em}
.th-feature-split__lead .th-card__body p{font-size:16px;max-width:760px}
.th-feature-split__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}

.th-card--compact .th-card__media{aspect-ratio:1.5/1}
.th-card--compact .th-card__body{padding-top:12px}
.th-card--compact .th-card__body h3{font-size:18px;line-height:1.17;margin:7px 0 0}

.th-review-showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(560px,1fr);gap:34px;align-items:start}
.th-review-showcase__lead .th-card__media{aspect-ratio:1.45/1}
.th-review-showcase__lead .th-card__body h3{font-size:clamp(32px,3vw,48px);line-height:1.05;margin:10px 0 12px}
.th-review-showcase__lead .th-card__body p{font-size:16px;max-width:780px}
.th-review-showcase__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}

.th-news-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.th-card--wide{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(240px,.82fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:330px}
.th-card--wide .th-card__media{aspect-ratio:auto;min-height:330px}
.th-card--wide .th-card__body{padding:28px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.th-card--wide .th-card__body h3{font-size:30px;line-height:1.08;margin:9px 0 12px}
.th-card--wide .th-card__body p{font-size:15px}
.th-news-mosaic__lower{margin-top:42px;padding-top:34px;border-top:1px solid var(--line)}
.th-news-mosaic__lower .th-card--compact{display:grid;grid-template-columns:150px 1fr;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.th-news-mosaic__lower .th-card--compact .th-card__media{aspect-ratio:1.25/1}
.th-news-mosaic__lower .th-card--compact .th-card__body{padding-top:3px}
.th-news-mosaic__lower .th-card--compact .th-card__body h3{font-size:18px}

.th-section--category{padding-bottom:10px}
.th-category-showcase{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(540px,1fr);gap:34px;align-items:start}
.th-category-showcase.is-reverse{grid-template-columns:minmax(540px,1fr) minmax(0,1.28fr)}
.th-category-showcase.is-reverse .th-category-showcase__lead{grid-column:2;grid-row:1}
.th-category-showcase.is-reverse .th-category-showcase__side{grid-column:1;grid-row:1}
.th-category-showcase__lead .th-card__media{aspect-ratio:1.55/1}
.th-category-showcase__lead .th-card__body h3{font-size:clamp(30px,2.7vw,46px);line-height:1.05;margin:10px 0 12px}
.th-category-showcase__lead .th-card__body p{font-size:16px;max-width:760px}
.th-category-showcase__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}

/* Footer — light editorial finish for the black That's HiFi logo */
.th-footer__main{background:#f5f5f2;color:#111;border-top:1px solid #e2e2de;padding:58px 0 24px}
.th-footer__logo-link{display:inline-block;max-width:390px}
.th-footer__logo{display:block;width:min(100%,390px);height:auto;max-height:90px;object-fit:contain;object-position:left center}
.th-footer__brand p{max-width:500px;color:#666;margin-top:20px;font-size:15px;line-height:1.65}
.th-footer h3{color:#777}
.th-footer__grid>div:not(.th-footer__brand) a{color:#333}
.th-footer__grid>div:not(.th-footer__brand) a:hover{text-decoration:underline;text-underline-offset:4px}
.th-footer__bottom{border-top:1px solid #dcdcd7;color:#777}

@media (max-width:1250px){
  .th-feature-split,.th-review-showcase,.th-category-showcase,.th-category-showcase.is-reverse{grid-template-columns:1.2fr 1fr}
  .th-card--wide{grid-template-columns:1fr}
  .th-card--wide .th-card__media{min-height:0;aspect-ratio:1.6/1}
  .th-card--wide .th-card__body{padding:22px 0 0}
  .th-card--wide{border:0;min-height:0}
  .th-category-showcase.is-reverse .th-category-showcase__lead,.th-category-showcase.is-reverse .th-category-showcase__side{grid-column:auto;grid-row:auto}
}
@media (max-width:980px){
  .th-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .th-feature-split,.th-review-showcase,.th-category-showcase,.th-category-showcase.is-reverse{grid-template-columns:1fr}
  .th-feature-split__side,.th-review-showcase__grid,.th-category-showcase__side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .th-news-mosaic{grid-template-columns:1fr 1fr}
  .th-category-showcase.is-reverse .th-category-showcase__lead{grid-column:auto;grid-row:auto}
  .th-category-showcase.is-reverse .th-category-showcase__side{grid-column:auto;grid-row:auto}
}
@media (max-width:700px){
  .th-grid--3{grid-template-columns:1fr}
  .th-grid--roomy{gap:36px}
  .th-feature-split__side,.th-review-showcase__grid,.th-category-showcase__side,.th-news-mosaic{grid-template-columns:1fr}
  .th-feature-split__lead .th-card__body h3,.th-review-showcase__lead .th-card__body h3,.th-category-showcase__lead .th-card__body h3{font-size:32px}
  .th-news-mosaic__lower .th-card--compact{grid-template-columns:120px 1fr}
  .th-card--wide .th-card__body h3{font-size:25px}
  .th-footer__logo-link{max-width:300px}
  .th-footer__logo{width:min(100%,300px)}
}

/* Hero + footer refinement — v1.1.1 */
/* Keep the lead photograph visible behind the headline: a soft dark fade, not a black bottom block. */
.th-hero__lead .th-hero__shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.05) 100%),
    linear-gradient(0deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.04) 78%,rgba(0,0,0,0) 100%);
}
.th-hero__lead .th-hero__copy{
  text-shadow:0 2px 20px rgba(0,0,0,.24);
}
.th-hero__lead .th-hero__copy p{
  color:rgba(255,255,255,.94);
}

/* Full black footer with white typography, links and a white treatment of logo_black.png. */
.th-footer{
  background:#000;
  color:#fff;
}
.th-footer .th-newsletter{
  background:#000;
  color:#fff;
  border-top:1px solid #242424;
  border-bottom:1px solid #242424;
}
.th-footer .th-newsletter .th-eyebrow,
.th-footer .th-newsletter h2,
.th-footer .th-newsletter p{
  color:#fff;
}
.th-footer .th-newsletter__form input{
  background:#0b0b0b;
  border-color:#343434;
  color:#fff;
}
.th-footer .th-newsletter__form input::placeholder{
  color:#9b9b9b;
}
.th-footer .th-newsletter__form button{
  background:#fff;
  color:#000;
}
.th-footer__main{
  background:#000;
  color:#fff;
  border-top:0;
}
.th-footer__logo{
  filter:none;
}
.th-footer__brand p,
.th-footer h3,
.th-footer__grid>div:not(.th-footer__brand) a,
.th-footer__grid>div:not(.th-footer__brand) a:visited,
.th-footer__bottom,
.th-footer__bottom span,
.th-footer__bottom a,
.th-footer__bottom a:visited{
  color:#fff;
}
.th-footer__grid>div:not(.th-footer__brand) a:hover,
.th-footer__bottom a:hover{
  color:#fff;
  opacity:.72;
}
.th-footer__bottom{
  border-top:1px solid #2a2a2a;
}

/* =========================================================
   Homepage top-fold redesign — v1.2.0
   ========================================================= */

/* Give the top of the site more of an editorial, gallery-like rhythm. */
.th-searchbar-wrap{
  padding:0 0 28px;
}
.th-search{
  height:60px;
  border:1px solid #d7d7d7;
  box-shadow:0 10px 34px rgba(0,0,0,.035);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.th-search:focus-within{
  border-color:#111;
  box-shadow:0 12px 38px rgba(0,0,0,.065);
}
.th-search__button{
  min-width:112px;
  letter-spacing:.02em;
}

/* Hero: the image itself now fills the full grid height. No black dead-zone can appear. */
.th-hero{
  grid-template-columns:minmax(0,2.08fr) minmax(340px,.82fr);
  gap:16px;
  align-items:stretch;
}
.th-hero__lead{
  min-height:720px;
  height:100%;
}
.th-hero__lead>a{
  min-height:720px;
  height:100%;
  background:#191919;
  isolation:isolate;
}
.th-hero__image>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.th-hero__lead .th-hero__shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.35) 39%,rgba(0,0,0,.10) 74%,rgba(0,0,0,0) 100%),
    linear-gradient(0deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.16) 37%,rgba(0,0,0,0) 72%);
}
.th-hero__copy{
  z-index:2;
  left:52px;
  right:52px;
  bottom:50px;
  max-width:850px;
}
.th-hero__copy h1{
  max-width:840px;
  font-size:clamp(40px,3.7vw,62px);
  line-height:.98;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.th-hero__copy p{
  max-width:650px;
  font-size:18px;
  line-height:1.55;
}
.th-outline-button{
  background:rgba(0,0,0,.14);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.th-hero__lead:hover .th-outline-button{
  background:#fff;
  color:#111;
  border-color:#fff;
}

/* Side stories are deliberately different sizes to stop the hero feeling like three identical boxes. */
.th-hero__side{
  min-height:720px;
  grid-template-rows:1.18fr .91fr .91fr;
  gap:16px;
}
.th-mini-feature>a{
  isolation:isolate;
}
.th-mini-feature img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.th-mini-feature__shade{
  z-index:1;
  background:linear-gradient(0deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.20) 48%,rgba(0,0,0,0) 82%);
}
.th-mini-feature__copy{
  z-index:2;
  left:26px;
  right:24px;
  bottom:24px;
}
.th-mini-feature__copy h2{
  font-size:20px;
  line-height:1.12;
}
.th-hero__side .th-mini-feature:first-child .th-mini-feature__copy h2{
  font-size:24px;
  max-width:88%;
}
.th-circle-arrow{
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.th-mini-feature:hover .th-circle-arrow{
  background:#fff;
  color:#111;
  transform:translateX(2px);
}

/* A fast-moving text rail immediately under the hero gives the homepage more stories above the fold. */
.th-wire{
  margin-top:18px;
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:104px;
  border-top:1px solid #111;
  border-bottom:1px solid #dcdcdc;
}
.th-wire__label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:22px 22px 22px 0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-right:1px solid #dedede;
}
.th-wire__pulse{
  width:7px;
  height:7px;
  background:#111;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(0,0,0,.07);
}
.th-wire__stories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.th-wire__story{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:18px 42px 18px 22px;
  border-right:1px solid #e4e4e4;
  transition:background .2s ease;
}
.th-wire__story:last-child{border-right:0}
.th-wire__story:hover{background:#f7f7f5}
.th-wire__story .th-eyebrow{
  margin-bottom:7px;
  font-size:9px;
}
.th-wire__story strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:14px;
  line-height:1.25;
  letter-spacing:-.015em;
}
.th-wire__arrow{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:16px;
  transition:transform .2s ease;
}
.th-wire__story:hover .th-wire__arrow{
  transform:translate(3px,-50%);
}

/* Stronger section rhythm further down the homepage. */
.th-section{
  padding-top:76px;
}
.th-section__head{
  margin-bottom:26px;
  padding-bottom:12px;
  border-bottom:1px solid #111;
}
.th-section__head h2{
  font-size:18px;
  letter-spacing:.07em;
}
.th-grid--4{
  gap:42px 25px;
}
.th-card__media{
  background:#f0f0ee;
}
.th-card__body h3{
  text-wrap:balance;
}

/* Correct treatment for the supplied black-on-white footer logo:
   black logo becomes white; white canvas becomes black and disappears into #000. */
.th-footer__logo{
  filter:none !important;
  background:transparent;
  width:min(100%,350px);
  max-height:none;
}
.th-footer__logo-link{
  max-width:350px;
}

@media (max-width:1200px){
  .th-hero{grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr)}
  .th-hero__copy h1{font-size:clamp(40px,4.4vw,58px)}
  .th-wire{grid-template-columns:145px 1fr}
  .th-wire__stories{grid-template-columns:repeat(2,minmax(0,1fr))}
  .th-wire__story:nth-child(1),.th-wire__story:nth-child(2){border-bottom:1px solid #e4e4e4}
}
@media (max-width:980px){
  .th-hero__lead,.th-hero__lead>a{min-height:610px}
  .th-hero__side{min-height:0}
  .th-mini-feature img{position:relative;height:230px}
  .th-wire{grid-template-columns:1fr}
  .th-wire__label{border-right:0;border-bottom:1px solid #dedede;padding:15px 0}
}
@media (max-width:620px){
  .th-hero__lead,.th-hero__lead>a{min-height:520px}
  .th-hero__copy{left:24px;right:24px;bottom:28px}
  .th-hero__copy h1{font-size:38px;line-height:1}
  .th-wire__stories{grid-template-columns:1fr}
  .th-wire__story{border-right:0;border-bottom:1px solid #e4e4e4;padding:16px 42px 16px 0}
  .th-wire__story:last-child{border-bottom:0}
  .th-footer__logo-link{max-width:285px}
  .th-footer__logo{width:min(100%,285px)}
}

/* Editorial Latest composition — v1.2.0 */
.th-latest-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(600px,1fr);
  gap:34px;
  align-items:start;
}
.th-latest-showcase__lead .th-card__media{
  aspect-ratio:1.42/1;
}
.th-latest-showcase__lead .th-card__body{
  max-width:900px;
  padding-top:20px;
}
.th-latest-showcase__lead .th-card__body h3{
  font-size:clamp(34px,3.1vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:10px 0 13px;
}
.th-latest-showcase__lead .th-card__body p{
  max-width:760px;
  font-size:16px;
}
.th-latest-showcase__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px 22px;
}
.th-latest-showcase__grid .th-card__body h3{
  font-size:19px;
}
.th-latest-showcase__rail{
  margin-top:40px;
  padding-top:26px;
  border-top:1px solid #dedede;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.th-latest-showcase__rail .th-card--compact{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:18px;
  align-items:start;
}
.th-latest-showcase__rail .th-card--compact .th-card__body{
  padding-top:2px;
}
.th-latest-showcase__rail .th-card--compact .th-card__body h3{
  font-size:17px;
  margin-top:6px;
}

@media (max-width:1250px){
  .th-latest-showcase{grid-template-columns:1.1fr 1fr}
  .th-latest-showcase__rail .th-card--compact{grid-template-columns:120px 1fr}
}
@media (max-width:980px){
  .th-latest-showcase{grid-template-columns:1fr}
  .th-latest-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .th-latest-showcase__rail{grid-template-columns:1fr}
}
@media (max-width:620px){
  .th-latest-showcase__grid{grid-template-columns:1fr}
  .th-latest-showcase__lead .th-card__body h3{font-size:34px}
  .th-latest-showcase__rail .th-card--compact{grid-template-columns:120px 1fr}
}


/* =========================================================
   Product-photo separation + editable footer logo — v1.2.1
   ========================================================= */
/* Many hi-fi press images arrive on pure white canvases. A very light vignette
   keeps those images visually distinct from the white page without tinting the product. */
body.home .th-card__media{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#fafafa 0%,#f3f3f1 100%);
  box-shadow:inset 0 0 0 1px rgba(17,17,17,.028);
}
body.home .th-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(0,0,0,0) 54%,rgba(0,0,0,.022) 78%,rgba(0,0,0,.055) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.018) 72%,rgba(0,0,0,.075) 100%);
}
body.home .th-card__media img,
body.home .th-card__media .th-image-placeholder{
  position:relative;
  z-index:1;
}
/* Larger editorial pictures get a slightly deeper bottom fade because their white
   negative space can otherwise merge into the article copy below. */
body.home .th-latest-showcase__lead .th-card__media::after,
body.home .th-feature-split__lead .th-card__media::after,
body.home .th-review-showcase__lead .th-card__media::after,
body.home .th-category-showcase__lead .th-card__media::after{
  background:
    radial-gradient(ellipse at center,rgba(0,0,0,0) 52%,rgba(0,0,0,.025) 78%,rgba(0,0,0,.06) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(0,0,0,.022) 68%,rgba(0,0,0,.09) 100%);
}
.th-footer__logo-fallback{
  display:inline-block;
  color:#fff;
  font-size:30px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:750;
}


/* =========================================================
   That's HiFi homepage editorial revamp — v1.3.0
   ========================================================= */

/* Footer logo: logo_black.png already contains the correct white artwork on black.
   Never invert, recolor, blend or replace it. */
.th-footer__logo{
  display:block!important;
  width:400px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:#000!important;
}
.th-footer__logo-link{
  display:inline-block!important;
  width:min(400px,100%)!important;
  max-width:400px!important;
  line-height:0;
  background:#000!important;
}

/* Spotlight: one intentionally dramatic black feature between white editorial sections. */
.th-spotlight{
  position:relative;
  margin-top:86px;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(440px,.92fr) minmax(0,1.38fr);
  overflow:hidden;
  background:#050505;
  color:#fff;
}
.th-spotlight__copy{
  position:relative;
  z-index:2;
  min-width:0;
  padding:58px 58px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
.th-spotlight__topline{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:38px;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.th-spotlight__mark{font-size:10px;animation:thSpotPulse 1.8s ease-in-out infinite}
@keyframes thSpotPulse{0%,100%{opacity:.35}50%{opacity:1}}
.th-spotlight__copy .th-eyebrow{color:#aaa}
.th-spotlight__copy h2{
  position:relative;
  z-index:2;
  margin:13px 0 18px;
  max-width:720px;
  font-size:clamp(38px,3.8vw,66px);
  line-height:.98;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.th-spotlight__copy h2 a:hover{opacity:.76}
.th-spotlight__copy p{
  position:relative;
  z-index:2;
  max-width:610px;
  margin:0 0 30px;
  color:#bdbdbd;
  font-size:16px;
  line-height:1.65;
}
.th-spotlight__button{
  position:relative;
  z-index:2;
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:34px;
  border:1px solid #4a4a4a;
  padding:13px 16px;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.th-spotlight__button:hover{background:#fff;color:#000;border-color:#fff}
.th-spotlight__ghost{
  position:absolute;
  left:42px;
  bottom:-22px;
  color:rgba(255,255,255,.035);
  font-size:clamp(72px,8vw,138px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.07em;
  pointer-events:none;
  user-select:none;
}
.th-spotlight__media{
  position:relative;
  min-height:560px;
  overflow:hidden;
  background:#171717;
}
.th-spotlight__media img,
.th-spotlight__media .th-image-placeholder{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.th-spotlight:hover .th-spotlight__media img{transform:scale(1.018)}
.th-spotlight__imagefade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,5,5,.52) 0%,rgba(5,5,5,.08) 21%,rgba(5,5,5,0) 44%),
    linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,0) 45%);
}

/* Fresh Stories becomes a deliberate dark magazine module. */
.th-section--night{
  margin-top:84px;
  padding:38px 40px 44px;
  background:#0a0a0a;
  color:#fff;
}
.th-section--night .th-section__head{
  border-bottom-color:#3a3a3a;
  margin-bottom:30px;
}
.th-section--night .th-section__head h2,
.th-section--night .th-section__head a,
.th-section--night .th-card__body h3 a,
.th-section--night .th-card__body time{color:#fff}
.th-section--night .th-eyebrow{color:#a7a7a7}
.th-section--night .th-card__body p{color:#b7b7b7}
body.home .th-section--night .th-card__media{
  background:#1a1a1a;
  box-shadow:none;
}
body.home .th-section--night .th-card__media::after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.16) 100%);
}
.th-section--night .th-feature-split__side{gap:28px 22px}
.th-section--night .th-card--compact{
  padding-bottom:22px;
  border-bottom:1px solid #303030;
}

/* A second black rhythm break later down the homepage. */
.th-focus-strip{
  margin-top:86px;
  padding:38px 38px 42px;
  background:#050505;
  color:#fff;
}
.th-focus-strip__head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:28px;
  align-items:end;
  margin-bottom:28px;
}
.th-focus-strip__kicker{
  display:block;
  margin-bottom:6px;
  color:#989898;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.th-focus-strip__head h2{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.035em;
}
.th-focus-strip__line{height:1px;background:#3a3a3a;margin-bottom:4px}
.th-focus-strip__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:#2b2b2b;
  border:1px solid #2b2b2b;
}
.th-focus-strip__grid .th-card{background:#090909;padding:0 0 23px}
body.home .th-focus-strip__grid .th-card__media{aspect-ratio:1.45/1;background:#171717;box-shadow:none}
body.home .th-focus-strip__grid .th-card__media::after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 56%,rgba(0,0,0,.20) 100%);
}
.th-focus-strip__grid .th-card__body{padding:18px 20px 0}
.th-focus-strip__grid .th-eyebrow{color:#919191}
.th-focus-strip__grid .th-card__body h3{font-size:20px;line-height:1.12;margin:8px 0 10px}
.th-focus-strip__grid .th-card__body h3 a{color:#fff}
.th-focus-strip__grid .th-card__body p{color:#aaa}
.th-focus-strip__grid .th-card__body time{color:#777}

/* Give ordinary white sections slightly more depth without turning them into cards. */
body.home .th-section:not(.th-section--night) .th-section__head h2::before{
  content:"";
  display:inline-block;
  width:18px;
  height:4px;
  margin-right:9px;
  vertical-align:middle;
  background:#111;
}
body.home .th-card__body h3 a{transition:opacity .18s ease}
body.home .th-card__body h3 a:hover{opacity:.58}

@media (max-width:1200px){
  .th-spotlight{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr)}
  .th-spotlight__copy{padding:46px}
  .th-focus-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .th-spotlight{grid-template-columns:1fr}
  .th-spotlight__copy{min-height:470px}
  .th-spotlight__media{min-height:440px}
  .th-spotlight__media img,.th-spotlight__media .th-image-placeholder{min-height:440px}
  .th-spotlight__imagefade{background:linear-gradient(0deg,rgba(5,5,5,.24),rgba(5,5,5,0) 45%)}
  .th-section--night{padding:32px}
}
@media (max-width:620px){
  .th-spotlight{margin-top:62px}
  .th-spotlight__copy{min-height:430px;padding:34px 24px}
  .th-spotlight__topline{margin-bottom:26px}
  .th-spotlight__copy h2{font-size:40px}
  .th-spotlight__copy p{font-size:15px}
  .th-spotlight__media,.th-spotlight__media img,.th-spotlight__media .th-image-placeholder{min-height:330px}
  .th-section--night{width:100%;padding:30px 20px 36px}
  .th-focus-strip{width:100%;padding:30px 20px 34px}
  .th-focus-strip__grid{grid-template-columns:1fr}
  .th-focus-strip__head{grid-template-columns:1fr}
  .th-focus-strip__line{display:none}
  .th-footer__logo-link{width:min(340px,100%)!important;max-width:340px!important}
  .th-footer__logo{width:340px!important;max-width:100%!important}
}

/* =========================================================
   That's HiFi support popup — v1.4.1
   White hi-fi artwork + black editorial treatment
   ========================================================= */
body.popup-active #page,
body.popup-active .site,
body.popup-active .site-content,
body.popup-active #content,
body.popup-active main {
  filter:blur(6px);
  transition:filter .3s ease,opacity .3s ease,transform .3s ease;
  opacity:.85;
  transform:scale(1.01);
}

.popup-overlayx{
  display:none;
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  padding:20px;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:9999999;
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.popup-overlayx.is-visible{display:flex}

.popupx{
  position:relative;
  z-index:2;
  display:block;
  width:650px;
  max-width:95vw;
  min-height:520px;
  margin:10px;
  padding:86px 82px!important;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
  background-color:#f7f7f5;
  background-size:cover;
  background-position:center;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
  color:#090909;
}
.popupx::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.63) 47%,rgba(255,255,255,.28) 100%);
  pointer-events:none;
}
.popupx__inner{
  min-height:348px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.popupx__copy{width:100%;margin:0 0 22px}
.popupx__copy h3{
  margin:0;
  color:#000!important;
  font-size:clamp(28px,3vw,38px);
  line-height:1.03;
  letter-spacing:-.04em;
}
.popupx__copy p{
  max-width:510px;
  margin:22px auto 0;
  color:#111!important;
  font-size:17px;
  line-height:1.58;
}
.popupx__actions{width:100%}
.popupx a.popup-mainbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:17px 24px;
  border:2px solid #000;
  border-radius:3px;
  background:#000;
  color:#fff!important;
  font-size:15px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.2;
  text-decoration:none;
  text-transform:uppercase;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.popupx a.popup-mainbtn:hover{
  background:transparent;
  color:#000!important;
  transform:translateY(-1px);
}
.popup-later{
  display:block;
  width:max-content;
  margin:20px auto 0;
  color:#000!important;
  font-size:15px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.popup-later:hover{opacity:.62}
.popup-closex{
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  padding:5px 10px;
  color:#000;
  font-size:22px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
}

@media (max-width:768px){
  .popup-overlayx{padding:10px}
  .popupx{
    width:92vw;
    min-height:0;
    margin:0;
    padding:44px 24px!important;
    background-position:50% center;
  }
  .popupx::before{background:rgba(255,255,255,.70)}
  .popupx__inner{min-height:380px}
  .popupx__copy h3{font-size:30px}
  .popupx__copy p{font-size:16px}
  .popupx a.popup-mainbtn{width:100%;font-size:14px}
}