/* HEHEMETAL HOME V1.2 — VIETNAMESE TYPOGRAPHY / scoped UI, mirrors About V8.1 */
:root {--hm-red:#ed4446;--hm-ink:#111216;--hm-paper:#f5f2ec;--hm-muted:#aaa9ab;}
body.hhm-home-active{background:#111216!important;}
body.hhm-home-active .site-header,body.hhm-home-active .site-footer,body.hhm-home-active .site-info,
body.hhm-home-active .entry-header,body.hhm-home-active .page-header,body.hhm-home-active .entry-footer,
body.hhm-home-active #secondary,body.hhm-home-active #sidebar,body.hhm-home-active .sidebar,
body.hhm-home-active .widget-area,body.hhm-home-active .post-navigation,
body.hhm-home-active .breadcrumbs,body.hhm-home-active #comments {display:none!important}
body.hhm-home-active main.site-wrapper,body.hhm-home-active .site-content,body.hhm-home-active .content-area,
body.hhm-home-active .hentry,body.hhm-home-active .entry-content {max-width:none!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;display:block!important}
body.hhm-home-active .site-wrapper,body.hhm-home-active .container,body.hhm-home-active .site-content .container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.hhm-home,.hhm-home *{box-sizing:border-box}
.hhm-home{--red:#ed4446;--ink:#111216;--paper:#f5f2ec;--muted:#8e8f91;color:var(--paper);background:var(--ink);font-family:'Be Vietnam Pro',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.62;min-width:0;overflow:hidden}
.hhm-home a{text-decoration:none;color:inherit;transition:color .18s ease,background .18s ease,transform .18s ease}
.hhm-home a:hover{color:var(--red)}
.hhm-home a:focus-visible,.hhm-home button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.hhm-home :is(h1,h2,h3,p){margin:0;padding:0}
.hhm-home :is(h1,h2,h3){color:inherit;font-family:'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:-.017em!important;text-transform:uppercase!important;line-height:1.13!important;font-weight:800!important}
.hhm-home .hm-container{max-width:1420px;padding-left:clamp(20px,5vw,86px);padding-right:clamp(20px,5vw,86px);margin:0 auto}
.hhm-home .hm-eyebrow{color:var(--red);font-weight:800;font-size:11px!important;line-height:1.5;letter-spacing:.22em;text-transform:uppercase}
.hhm-home .hm-arrow{font-size:21px;display:inline-block;transition:transform .18s}
.hhm-home a:hover .hm-arrow{transform:translate(4px,-3px)}
.hhm-home .hm-btn{min-height:47px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 19px;color:var(--paper)!important;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.hhm-home .hm-btn--red{background:var(--red);border-color:var(--red);color:#fff!important}
.hhm-home .hm-btn:hover{background:#fff;color:var(--ink)!important;border-color:#fff}
.hhm-home .hm-nav{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.15);background:#111216;padding-top:19px;padding-bottom:19px}
.hhm-home .hm-logo{font-family:Impact,'Arial Black',Helvetica,sans-serif;font-size:clamp(28px,2.7vw,40px);line-height:1;letter-spacing:-.045em;color:var(--paper)!important;white-space:nowrap}
.hhm-home .hm-logo b{font-weight:900;color:var(--red)}
.hhm-home .hm-logo i{font-style:normal;color:var(--red)}
.hhm-home .hm-links{display:flex;align-items:center;gap:clamp(13px,2.2vw,33px)}
.hhm-home .hm-links a{font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#d7d5d4;white-space:nowrap}
.hhm-home .hm-links a:hover,.hhm-home .hm-links .hm-active{color:var(--red)}
.hhm-home .hm-menu-toggle{display:none;border:1px solid #444;background:#16171b;color:#fff;padding:9px 13px;font-weight:900;font-size:19px}
/* FEATURED TWO-POST FRONT PAGE */
.hhm-home .hm-pins{position:relative;isolation:isolate;background:#111216;color:#f5f2ec}
.hhm-home .hm-pins:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 20%,#92252c33,transparent 50%)}
.hhm-home .hm-pins-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;color:#a8a6a8;font:800 10px/1.6 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.18em}
.hhm-home .hm-pins-identity{display:flex;align-items:center;gap:12px}
.hhm-home .hm-pins-identity h1{font:800 10px/1.65 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:.13em;margin:0!important;color:#b9b7b9!important;text-transform:uppercase;overflow-wrap:anywhere}
.hhm-home .hm-pins-red-square{width:10px;height:10px;background:var(--red);display:block;flex:none}
.hhm-home .hm-pins-edition{font-size:10px;white-space:nowrap}
.hhm-home .hm-pins-head-rule{color:var(--red);margin:0 5px}
.hhm-home .hm-pins-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:13px}
.hhm-home .hm-pins-grid--single{grid-template-columns:1fr}
.hhm-home .hm-pin{position:relative;min-width:0;min-height:clamp(480px,45vw,640px);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:#262127;color:#fff!important;border:1px solid #3b363b}
.hhm-home .hm-pin-image,.hhm-home .hm-pin-scrim{position:absolute;inset:0;pointer-events:none;z-index:-1}
.hhm-home .hm-pin-image{overflow:hidden;background:#242329}
.hhm-home .hm-pin-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.47) contrast(1.15);transform:scale(1.002);transition:transform .65s ease,filter .65s ease}
.hhm-home .hm-pin:hover .hm-pin-image img{transform:scale(1.065);filter:grayscale(.15) contrast(1.12)}
.hhm-home .hm-pin-scrim{z-index:0;background:linear-gradient(180deg,#09090c7a 0%,transparent 35%,#07080b72 58%,#07080bf3 100%),linear-gradient(90deg,#16131855,transparent)}
.hhm-home .hm-pin-placeholder{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 25% 32%,#9d243267,transparent 55%),repeating-linear-gradient(98deg,transparent 0 12px,#ffffff06 13px,transparent 14px),linear-gradient(130deg,#4a1c2a,#111216 58%,#27232b)}
.hhm-home .hm-pin-placeholder span{text-align:center;color:#ffffff22;font:900 clamp(70px,10vw,185px)/1 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;letter-spacing:-.075em;transform:rotate(-9deg)}
.hhm-home .hm-pin--secondary .hm-pin-placeholder span{font-size:clamp(50px,7vw,95px)}
.hhm-home .hm-pin-top,.hhm-home .hm-pin-content{position:relative;z-index:1}
.hhm-home .hm-pin-top{display:flex;align-items:start;justify-content:space-between;padding:clamp(19px,2.1vw,30px);gap:20px}
.hhm-home .hm-pin-label{display:inline-flex;align-items:center;gap:9px;background:#ed4446;color:#fff;padding:10px 12px;font:900 10px/1.3 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.145em;white-space:nowrap}
.hhm-home .hm-pin-dot{display:block;width:5px;height:5px;background:#fff;border-radius:100%}
.hhm-home .hm-pin-arrow{font:900 30px/.7 Arial,sans-serif;color:white}
.hhm-home .hm-pin-content{padding:clamp(23px,3vw,48px)}
.hhm-home .hm-pin-category{color:#f3dadc!important;font:800 10px/1.7 'Be Vietnam Pro',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.17em;margin:0 0 15px!important}
.hhm-home .hm-pin-category span{color:var(--red);margin:0 5px}
.hhm-home .hm-pin-title{color:#fff!important;font-family:'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;font-weight:800!important;font-size:clamp(37px,4.2vw,74px)!important;line-height:1.16!important;letter-spacing:-.012em!important;overflow-wrap:anywhere;text-shadow:0 4px 20px #000a;max-width:820px;margin:0 0 14px!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hhm-home .hm-pin--secondary .hm-pin-title{font-size:clamp(30px,2.9vw,48px)!important;-webkit-line-clamp:5;max-width:490px}
.hhm-home .hm-pin-summary{font:400 15px/1.65 'Be Vietnam Pro',Arial,sans-serif!important;color:#dfd9da!important;max-width:520px;margin:0 0 22px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hhm-home .hm-pin-read{display:inline-flex;align-items:center;gap:15px;color:#fff;font:800 10px/1.6 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.19em;border-top:2px solid var(--red);padding-top:12px}
.hhm-home .hm-pin-read span{font-size:22px;line-height:.5}
.hhm-home .hm-pin-empty{padding:30px;background:#242329;color:#eee}
.hhm-home .hm-pins-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font:800 10px/1.6 'Be Vietnam Pro',Arial,sans-serif;color:#aaa7ab;letter-spacing:.12em}
.hhm-home .hm-pins-foot strong{color:#fff}
.hhm-home .hm-pins-foot a{color:#fff}
.hhm-home .hm-pins-foot a:hover{color:var(--red)}
@media(max-width:1060px){.hhm-home .hm-pins-grid{grid-template-columns:1.32fr 1fr}.hhm-home .hm-pin{min-height:535px}.hhm-home .hm-pin--main .hm-pin-title{font-size:clamp(40px,5vw,65px)!important}}
@media(max-width:780px){.hhm-home .hm-pins-head{min-height:60px}.hhm-home .hm-pins-grid{grid-template-columns:1fr}.hhm-home .hm-pin--main{min-height:520px}.hhm-home .hm-pin--secondary{min-height:350px}.hhm-home .hm-pin-title,.hhm-home .hm-pin--main .hm-pin-title{font-size:clamp(42px,7.5vw,68px)!important}.hhm-home .hm-pin--secondary .hm-pin-title{font-size:clamp(30px,5.8vw,44px)!important}.hhm-home .hm-pins-edition{font-size:9px}.hhm-home .hm-pins-foot span:nth-child(2){display:none}}
@media(max-width:520px){.hhm-home .hm-pins-head{min-height:54px}.hhm-home .hm-pins-head h1{font-size:8px!important}.hhm-home .hm-pins-edition{display:none}.hhm-home .hm-pins-grid{gap:9px}.hhm-home .hm-pin--main{min-height:475px}.hhm-home .hm-pin--secondary{min-height:320px}.hhm-home .hm-pin-top{padding:16px}.hhm-home .hm-pin-content{padding:22px}.hhm-home .hm-pin--main .hm-pin-title{font-size:clamp(32px,9vw,45px)!important}.hhm-home .hm-pin--secondary .hm-pin-title{font-size:clamp(27px,7vw,36px)!important}.hhm-home .hm-pin-summary{font-size:13px!important}.hhm-home .hm-pin-category{font-size:9px!important}.hhm-home .hm-pin-label{font-size:9px;padding:9px}.hhm-home .hm-pins-foot{min-height:51px;font-size:8px}}
.hhm-home .hm-ticker{background:#ed4446;color:#151517;overflow:hidden;padding:10px 0;border-top:1px solid #ed4446;border-bottom:1px solid #ed4446}
.hhm-home .hm-ticker-line{display:flex;justify-content:space-around;gap:33px;white-space:nowrap;font:900 clamp(15px,1.75vw,25px)/1.2 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;letter-spacing:.03em}
.hhm-home .hm-ticker-line span:before{content:'✳';margin-right:20px}
.hhm-home .hm-section{padding-top:clamp(75px,8vw,118px);padding-bottom:clamp(75px,8vw,118px)}
.hhm-home .hm-paper{color:#111216;background:#f5f2ec}
.hhm-home .hm-section-head{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:36px}
.hhm-home .hm-section-head h2{font-size:clamp(50px,6vw,88px)!important;line-height:1.08!important;margin:11px 0 0!important}
.hhm-home .hm-section-head p{font-size:12px;color:#707073;max-width:250px}
.hhm-home .hm-section-head .hm-text-link{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap}
.hhm-home .hm-editorial{display:grid;grid-template-columns:1.18fr .82fr;gap:32px}
.hhm-home .hm-feature{display:flex;flex-direction:column;min-height:470px}
.hhm-home .hm-media{overflow:hidden;position:relative;background:#232329}
.hhm-home .hm-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease;filter:grayscale(.23) contrast(1.06)}
.hhm-home a:hover .hm-media img{transform:scale(1.055)}
.hhm-home .hm-feature .hm-media{height:clamp(260px,33vw,450px)}
.hhm-home .hm-photo-fallback{height:100%;width:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.026) 0 2px,transparent 2px 10px),radial-gradient(ellipse at 63% 38%,#671e29,#191b20 58%,#0e0f13);color:#f2ecec}
.hhm-home .hm-photo-fallback span{font:900 clamp(45px,6vw,90px)/1.05 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.06em;transform:rotate(-9deg);text-shadow:4px 5px 0 #ed4446}
.hhm-home .hm-meta{font-size:10px!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#bf303f;margin-top:17px!important}
.hhm-home .hm-feature h3{font-size:clamp(29px,2.5vw,42px)!important;line-height:1.18!important;margin:11px 0 12px!important;letter-spacing:-.015em!important}
.hhm-home .hm-feature p.hm-excerpt{font-size:14px;color:#616064;line-height:1.6;max-width:610px}
.hhm-home .hm-side-list{display:flex;flex-direction:column;border-top:2px solid #151516}
.hhm-home .hm-mini-story{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #d2ceca;min-height:134px}
.hhm-home .hm-mini-story .hm-media{width:115px;height:97px}
.hhm-home .hm-mini-story .hm-photo-fallback span{font-size:30px;text-shadow:2px 2px 0 var(--red)}
.hhm-home .hm-mini-story .hm-meta{margin:0!important;font-size:9px!important}
.hhm-home .hm-mini-story h3{font:800 clamp(16px,1.45vw,21px)/1.25 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:-.015em!important;margin-top:8px!important}
.hhm-home .hm-archive{background:#111216;position:relative}
.hhm-home .hm-archive:before{content:'LIVE';pointer-events:none;position:absolute;right:-1.7%;top:-2%;font:900 29vw/1 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;color:rgba(255,255,255,.024)}
.hhm-home .hm-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}
.hhm-home .hm-live-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.hhm-home .hm-live-poster{aspect-ratio:3/3.5;background:#17191d;border:1px solid #333;position:relative;display:grid;place-items:center;overflow:hidden}
.hhm-home .hm-live-poster img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.28) contrast(1.09);transition:transform .5s}
.hhm-home .hm-live-poster:not(:has(img)):before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 45% 29%,#ad3035,transparent 43%),repeating-linear-gradient(90deg,transparent 0 12px,#ffffff08 13px),linear-gradient(130deg,#20232b,#08090c)}
.hhm-home .hm-live-poster:not(:has(img)):after{content:'LIVE / ARCHIVE';font:900 clamp(30px,3.4vw,54px)/1.06 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;max-width:75%;text-align:center;z-index:2;color:#fff;text-shadow:4px 4px 0 #ea3e45}
.hhm-home .hm-live-card:hover img{transform:scale(1.06)}
.hhm-home .hm-live-card h3{font-size:clamp(23px,2vw,33px)!important;letter-spacing:-.012em!important;line-height:1.16!important}
.hhm-home .hm-live-card p{font-size:10px;color:#a2a0a4;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.hhm-home .hm-live-tag{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;padding:7px 10px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hhm-home .hm-outro{background:#e7e3dd;color:#111216;display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.hhm-home .hm-outro-art{position:relative;background:radial-gradient(circle at 75% 30%,#ad313e,#2f1921 55%,#111217);color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:370px}
.hhm-home .hm-outro-art:before{content:'';inset:0;position:absolute;opacity:.22;background:repeating-linear-gradient(45deg,transparent 0 7px,#fff1 8px)}
.hhm-home .hm-outro-art strong{z-index:2;position:relative;display:block;text-align:center;font:900 clamp(74px,9.2vw,154px)/.95 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;letter-spacing:-.075em;transform:rotate(-8deg);text-shadow:7px 9px 0 #bd2939}
.hhm-home .hm-outro-info{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:19px;padding:clamp(30px,5vw,75px)}
.hhm-home .hm-outro-info h2{font-size:clamp(42px,5vw,70px)!important;line-height:1.10!important}
.hhm-home .hm-outro-info p{font-size:15px;color:#56555a;max-width:410px}
.hhm-home .hm-outro-info .hm-btn{background:#17171b;border-color:#17171b;color:#fff!important}
.hhm-home .hm-about{background:#18191d;border-top:1px solid #33343a;border-bottom:1px solid #33343a}
.hhm-home .hm-about-inner{display:grid;grid-template-columns:1.5fr .5fr;gap:40px;align-items:end;padding-top:80px;padding-bottom:85px}
.hhm-home .hm-about h2{font-size:clamp(45px,6vw,92px)!important;margin:13px 0 19px!important}
.hhm-home .hm-about p{color:#bbb9bc;max-width:660px;line-height:1.7;font-size:15px}
.hhm-home .hm-about-cta{display:flex;justify-content:flex-end}
.hhm-home .hm-footer{background:#0b0c0f;padding-top:35px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:10px;color:#aaa;letter-spacing:.1em;font-weight:800;text-transform:uppercase}
.hhm-home .hm-footer a{color:#dedee0}
@media(max-width:1060px){.hhm-home .hm-links{gap:15px}.hhm-home .hm-links a{letter-spacing:.07em}}
@media(max-width:780px){.hhm-home .hm-nav{padding-top:16px;padding-bottom:16px}.hhm-home .hm-menu-toggle{display:block;cursor:pointer}.hhm-home .hm-links{display:none;position:absolute;top:100%;left:0;right:0;background:#16171b;padding:25px 22px;flex-direction:column;align-items:start;border-bottom:1px solid #444;box-shadow:0 20px 25px #0005}.hhm-home .hm-links.hm-open{display:flex}.hhm-home .hm-links a{font-size:13px;letter-spacing:.14em}.hhm-home .hm-links .hm-btn{width:100%}.hhm-home .hm-editorial{grid-template-columns:1fr;gap:25px}.hhm-home .hm-mini-story{grid-template-columns:110px 1fr}.hhm-home .hm-live-grid{gap:14px}.hhm-home .hm-live-card h3{font-size:22px!important}.hhm-home .hm-outro{grid-template-columns:1fr}.hhm-home .hm-outro-art{min-height:320px}.hhm-home .hm-about-inner{grid-template-columns:1fr}.hhm-home .hm-about-cta{justify-content:flex-start}}
@media(max-width:520px){.hhm-home .hm-logo{font-size:30px}.hhm-home .hm-eyebrow{font-size:9px!important}.hhm-home .hm-btn{width:100%}.hhm-home .hm-section{padding-top:70px;padding-bottom:70px}.hhm-home .hm-section-head{display:block}.hhm-home .hm-section-head h2{font-size:58px!important;margin-bottom:15px!important}.hhm-home .hm-feature .hm-media{height:260px}.hhm-home .hm-feature h3{font-size:32px!important}.hhm-home .hm-live-grid{grid-template-columns:1fr}.hhm-home .hm-live-poster{aspect-ratio:3/2.45}.hhm-home .hm-live-card{margin-bottom:18px}.hhm-home .hm-live-card h3{font-size:30px!important}.hhm-home .hm-outro-art strong{font-size:90px}.hhm-home .hm-footer{align-items:start;flex-direction:column}.hhm-home .hm-mini-story{gap:12px;grid-template-columns:90px 1fr}.hhm-home .hm-mini-story .hm-media{width:90px;height:88px}}
@media(prefers-reduced-motion:reduce){.hhm-home *, .hhm-home *::after, .hhm-home *::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Vietnamese typography guardrails — keep ALL rules inside the homepage only */
.hhm-home :is(.hm-pin-title,.hm-feature h3,.hm-mini-story h3,.hm-live-card h3){
  font-synthesis: none;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: pretty;
}
.hhm-home .hm-section-head h2,.hhm-home .hm-outro-info h2,.hhm-home .hm-about h2{padding-top:.06em!important;padding-bottom:.07em!important;}
.hhm-home :is(.hm-meta,.hm-pin-category,.hm-eyebrow,.hm-links a,.hm-btn){font-family:'Be Vietnam Pro',Arial,sans-serif!important;}
@media(max-width:520px){
  .hhm-home .hm-pin--main .hm-pin-title{line-height:1.18!important;}
  .hhm-home .hm-mini-story h3{line-height:1.25!important;}
  .hhm-home .hm-feature h3{line-height:1.18!important;}
}

/* HEHEMETAL V1.3 — Latest by Category: exclusively scoped to [hhm_home] */
.hhm-home .hm-categories{background:#e9e4dd;color:#17181b;border-top:1px solid #d5d0c8}
.hhm-home .hm-cat-section-head{align-items:end}
.hhm-home .hm-cat-intro{font:500 13px/1.65 'Be Vietnam Pro',Arial,sans-serif!important;color:#6b6768!important;max-width:275px!important}
.hhm-home .hm-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hhm-home .hm-cat-card{min-width:0;display:flex;flex-direction:column;background:#f9f7f3;border:1px solid #d4d0cc;transition:border-color .2s ease}
.hhm-home .hm-cat-card:hover{border-color:#b5a6a7}
.hhm-home .hm-cat-top{padding:21px 24px 18px;display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #dfdad4}
.hhm-home .hm-cat-index{font:800 9px/1.5 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.18em;color:#b32e3b}
.hhm-home .hm-cat-top h3{font:800 clamp(28px,3vw,43px)/1.16 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:-.013em!important;text-transform:uppercase!important;color:#161619!important;margin:7px 0 0!important}
.hhm-home .hm-cat-all{flex-shrink:0;font:800 10px/1.4 'Be Vietnam Pro',Arial,sans-serif;color:#4f4b4c;letter-spacing:.07em;border-bottom:1px solid #bcb5af;padding-bottom:5px;white-space:nowrap}
.hhm-home .hm-cat-all span{color:#c03240;font-size:17px;margin-left:6px}
.hhm-home .hm-cat-lead{display:block;color:inherit!important}
.hhm-home .hm-cat-photo{aspect-ratio:16/8.5;position:relative;overflow:hidden;background:#22242a}
.hhm-home .hm-cat-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.17) contrast(1.07);transition:transform .45s,filter .45s}
.hhm-home .hm-cat-card:hover .hm-cat-photo img{transform:scale(1.035);filter:grayscale(0) contrast(1.05)}
.hhm-home .hm-cat-photo .hm-photo-fallback span{font-size:clamp(30px,5vw,72px)}
.hhm-home .hm-cat-lead-copy{padding:17px 24px 21px;min-height:132px}
.hhm-home .hm-cat-date{font:800 10px/1.6 'Be Vietnam Pro',Arial,sans-serif;color:#af3040;letter-spacing:.11em}
.hhm-home .hm-cat-lead h4{font:800 clamp(22px,2vw,29px)/1.22 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;color:#17171a!important;margin:8px 0 0!important;letter-spacing:-.01em!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.hhm-home .hm-cat-more{margin-top:auto;border-top:1px solid #e0dad3}
.hhm-home .hm-cat-mini{min-height:75px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8e3de;color:#222228!important}
.hhm-home .hm-cat-mini:last-child{border-bottom:none}
.hhm-home .hm-cat-mini:hover{background:#efeae3;color:#b12b3a!important}
.hhm-home .hm-cat-mini-title{font:700 13px/1.45 'Be Vietnam Pro',Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.hhm-home .hm-cat-mini-arrow{color:#bf303f;font-size:20px;flex:none;align-self:center}
@media(max-width:950px){.hhm-home .hm-cat-grid{gap:14px}.hhm-home .hm-cat-top{padding:16px 18px}.hhm-home .hm-cat-lead-copy{padding:15px 18px 18px}.hhm-home .hm-cat-mini{padding:14px 18px}}
@media(max-width:700px){.hhm-home .hm-cat-grid{grid-template-columns:1fr;gap:20px}.hhm-home .hm-cat-section-head{display:block}.hhm-home .hm-cat-intro{margin-top:4px!important}.hhm-home .hm-cat-top{padding:19px 20px}.hhm-home .hm-cat-lead-copy{min-height:auto;padding:18px 20px 21px}.hhm-home .hm-cat-lead h4{font-size:27px!important}.hhm-home .hm-cat-mini{padding:15px 20px;min-height:66px}.hhm-home .hm-cat-photo{aspect-ratio:16/9}}
@media(max-width:520px){.hhm-home .hm-cat-top h3{font-size:35px!important}.hhm-home .hm-cat-all{font-size:9px}.hhm-home .hm-cat-section-head h2{font-size:58px!important}.hhm-home .hm-cat-lead h4{font-size:26px!important}}


/* V1.4 — NEW RELEASES: homepage-only Album + Single + EP combined feed */
.hhm-home .hm-releases{background:#151519;color:#f5f2ec;border-top:1px solid #3b3438;border-bottom:1px solid #3b3438;position:relative}
.hhm-home .hm-releases:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#78263038,transparent 54%)}
.hhm-home .hm-releases .hm-container{position:relative}
.hhm-home .hm-release-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:36px}
.hhm-home .hm-release-heading h2{font:900 clamp(66px,8.7vw,133px)/.94 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:-.038em!important;color:#fff!important;margin:12px 0 0!important;padding:.10em 0!important}
.hhm-home .hm-release-heading h2 em{color:#ed4446;font-style:normal}
.hhm-home .hm-release-heading-aside{max-width:285px;padding-bottom:13px}
.hhm-home .hm-release-heading-aside p{font:500 14px/1.7 'Be Vietnam Pro',Arial,sans-serif!important;color:#b9b5b9!important;margin:0 0 19px!important}
.hhm-home .hm-release-tags{display:flex;flex-wrap:wrap;gap:7px}
.hhm-home .hm-release-tags a,.hhm-home .hm-release-tags span{display:inline-block;background:#24232a;border:1px solid #55505a;padding:7px 10px;color:#f9eaea;font:800 9px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.12em}
.hhm-home .hm-release-tags a:hover{border-color:#ed4446;background:#ed4446;color:#fff}
.hhm-home .hm-release-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:18px;align-items:stretch}
.hhm-home .hm-release-lead{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#232228;color:#fff!important;border:1px solid #504348}
.hhm-home .hm-release-lead-photo{height:clamp(280px,29vw,435px);position:relative;overflow:hidden;background:#27242b}
.hhm-home .hm-release-lead-photo img,.hhm-home .hm-release-item-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;filter:grayscale(.14) contrast(1.08)}
.hhm-home .hm-release-lead:hover img,.hhm-home .hm-release-item:hover img{transform:scale(1.045);filter:grayscale(0)}
.hhm-home .hm-release-lead-info{padding:24px 28px 25px}
.hhm-home .hm-release-kicker{font:800 10px/1.5 'Be Vietnam Pro',Arial,sans-serif;color:#ed4446;letter-spacing:.16em}
.hhm-home .hm-release-lead h3{font:800 clamp(30px,3vw,47px)/1.17 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;color:#fff!important;margin:10px 0 15px!important;text-transform:none!important;overflow-wrap:break-word}
.hhm-home .hm-release-lead-info p{color:#b9b8ba!important;font:800 10px/1.4 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:.13em;display:flex;justify-content:space-between}
.hhm-home .hm-release-lead-info p span{font-size:21px;color:#ed4446}
.hhm-home .hm-release-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.hhm-home .hm-release-item{display:grid;grid-template-columns:44% minmax(0,1fr);min-height:0;overflow:hidden;color:#fff!important;background:#232228;border:1px solid #504348}
.hhm-home .hm-release-item-photo{min-height:220px;position:relative;background:#27242b;overflow:hidden}
.hhm-home .hm-release-item-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 19px 16px;min-width:0}
.hhm-home .hm-release-item-info span,.hhm-home .hm-release-bottom a>span{color:#ef646d;font:800 10px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.1em}
.hhm-home .hm-release-item h3{font:800 clamp(22px,2.1vw,30px)/1.2 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;color:#fff!important;margin:13px 0!important;overflow-wrap:break-word;text-transform:none!important}
.hhm-home .hm-release-item-info b{color:#ed4446;font:900 22px/1 Arial,sans-serif}
.hhm-home .hm-release-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid #ed4446;margin-top:23px}
.hhm-home .hm-release-bottom a{min-height:174px;position:relative;border-right:1px solid #51484e;border-bottom:1px solid #51484e;padding:22px 24px 40px;color:#fff!important}
.hhm-home .hm-release-bottom a:first-child{border-left:1px solid #51484e}
.hhm-home .hm-release-bottom a:hover{background:#252227}
.hhm-home .hm-release-bottom h3{font:800 clamp(22px,2vw,29px)/1.2 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;margin:13px 0 0!important;text-transform:none!important;color:#fff!important;overflow-wrap:break-word}
.hhm-home .hm-release-bottom a>b{position:absolute;right:18px;bottom:13px;font-size:23px;color:#ed4446}
.hhm-home .hm-release-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font:800 10px/1.5 'Be Vietnam Pro',Arial,sans-serif;color:#89838a;letter-spacing:.15em}
.hhm-home .hm-release-footer a{color:#fff;border-bottom:1px solid #ed4446;padding-bottom:7px}
.hhm-home .hm-release-footer a:hover{color:#ed4446}
.hhm-home :is(.hm-release-lead h3,.hm-release-item h3,.hm-release-bottom h3){font-synthesis:none;word-break:normal;line-height:1.2!important}
@media(max-width:1050px){.hhm-home .hm-release-grid{grid-template-columns:1fr}.hhm-home .hm-release-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hhm-home .hm-release-item{grid-template-columns:1fr}.hhm-home .hm-release-item-photo{height:190px;min-height:0}}
@media(max-width:700px){.hhm-home .hm-release-heading{display:block}.hhm-home .hm-release-heading-aside{margin-top:10px;padding-bottom:0;max-width:550px}.hhm-home .hm-release-grid{gap:12px}.hhm-home .hm-release-side{gap:12px}.hhm-home .hm-release-item-info{padding:16px}.hhm-home .hm-release-bottom{grid-template-columns:1fr}.hhm-home .hm-release-bottom a{min-height:0;border-left:1px solid #51484e;padding:19px 46px 20px 20px}.hhm-home .hm-release-bottom h3{font-size:25px!important}.hhm-home .hm-release-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.hhm-home .hm-release-heading h2{font-size:clamp(58px,16vw,88px)!important;line-height:.99!important}.hhm-home .hm-release-lead-photo{height:260px}.hhm-home .hm-release-lead-info{padding:19px}.hhm-home .hm-release-lead h3{font-size:32px!important}.hhm-home .hm-release-side{grid-template-columns:1fr}.hhm-home .hm-release-item{grid-template-columns:39% 61%;min-height:170px}.hhm-home .hm-release-item-photo{height:auto;min-height:170px}.hhm-home .hm-release-item h3{font-size:24px!important}.hhm-home .hm-release-item-info span{font-size:8px}.hhm-home .hm-release-footer{font-size:9px}}

/* V1.5 — Curated slot accents. Keeps the existing responsive 2×2 THE SCENE grid. */
.hhm-home .hm-cat-card--curated .hm-cat-index{color:#c02635}
.hhm-home .hm-cat-card--archive .hm-cat-top{background:#24252a}
.hhm-home .hm-cat-card--archive .hm-cat-top h3{color:#f6f1eb!important}
.hhm-home .hm-cat-card--archive .hm-cat-index{color:#f1848d}
.hhm-home .hm-cat-card--archive .hm-cat-all{color:#e3ddd8;border-color:#87817e}
.hhm-home .hm-cat-card--archive .hm-cat-all span{color:#ef5360}
.hhm-home .hm-cat-card--archive .hm-cat-date{color:#6d6464}


/* V1.6.2 — scoped, standalone canvas on pages with [hhm_home].
   WP core, SEO scripts, wp-admin bar and other theme pages remain untouched. */
body.hhm-home-canvas{margin:0!important;padding:0!important;background:#111216!important}
body.hhm-home-canvas .hhm-home-canvas-main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:100vh}
body.hhm-home-canvas .hhm-home{margin:0!important}
body.hhm-home-canvas.admin-bar .hhm-home-canvas-main{min-height:calc(100vh - 32px)}
@media(max-width:782px){body.hhm-home-canvas.admin-bar .hhm-home-canvas-main{min-height:calc(100vh - 46px)}}

/* V1.6.3 — Original HEHEMETAL graphic logo, not the duplicate Blogmarks header. */
.hhm-home .hm-nav .hm-logo--image{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto;box-sizing:border-box;min-width:170px;width:clamp(190px,19vw,252px);
  height:70px;padding:10px 17px;background:#f5f2ec!important;
  border:1px solid rgba(255,255,255,.13);line-height:normal!important;
}
.hhm-home .hm-nav .hm-logo-image{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;object-fit:contain!important;
  filter:none!important;mix-blend-mode:normal!important;
}
.hhm-home .hm-nav .hm-logo--image:hover{background:#fff!important;}
@media(max-width:1140px){
  .hhm-home .hm-nav .hm-menu-toggle{display:block;cursor:pointer;margin-left:auto}
  .hhm-home .hm-nav .hm-links{
    display:none;position:absolute;top:100%;left:0;right:0;background:#16171b;
    padding:25px 22px;flex-direction:column;align-items:start;
    border-bottom:1px solid #444;box-shadow:0 20px 25px #0005;
  }
  .hhm-home .hm-nav .hm-links.hm-open{display:flex}
  .hhm-home .hm-nav .hm-links a{font-size:13px;letter-spacing:.14em}
  .hhm-home .hm-nav .hm-links .hm-btn{width:100%}
}
@media(max-width:520px){
  .hhm-home .hm-nav .hm-logo--image{width:clamp(166px,52vw,218px);min-width:0;height:60px;padding:8px 12px}
}


/* V2.0 / BEYOND THE MUSIC — dedicated Culture x Gear editorial feature. */
.hhm-home .hm-beyond{background:#1b2026;color:#f6f2eb;position:relative;isolation:isolate;border-top:1px solid #37404a;border-bottom:1px solid #3d444d}
.hhm-home .hm-beyond:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#2b323633,transparent 45%),repeating-linear-gradient(135deg,transparent 0 25px,#ffffff02 26px 27px)}
.hhm-home .hm-beyond-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:36px;border-bottom:1px solid #56616b;padding-bottom:28px}
.hhm-home .hm-beyond-kicker{color:#d4ab72!important;font:800 10px/1.6 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:.21em;text-transform:uppercase}
.hhm-home .hm-beyond-heading h2{font:900 clamp(45px,5.6vw,88px)/1.05 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;margin:13px 0 0!important;color:#fff!important;letter-spacing:-.025em!important}
.hhm-home .hm-beyond-heading h2 span{color:#d4ab72}
.hhm-home .hm-beyond-subtitle{font-size:13px!important;color:#c2c8ce!important;max-width:340px;line-height:1.75!important}
.hhm-home .hm-beyond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.hhm-home .hm-beyond-lane{display:flex;flex-direction:column;min-width:0;border:1px solid #49535c;background:#262c33;overflow:hidden;padding:clamp(19px,2.1vw,29px)}
.hhm-home .hm-beyond-lane--gear{background:#222a30}
.hhm-home .hm-beyond-lane-head{display:flex;justify-content:space-between;align-items:end;gap:14px;border-left:4px solid #d4ab72;padding-left:16px}
.hhm-home .hm-beyond-lane--gear .hm-beyond-lane-head{border-left-color:#ed4446}
.hhm-home .hm-beyond-lane-kicker{color:#d6b98c!important;font:800 9px/1.5 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:.17em}
.hhm-home .hm-beyond-lane--gear .hm-beyond-lane-kicker{color:#f18a8c!important}
.hhm-home .hm-beyond-lane-head h3{font:900 clamp(30px,3vw,48px)/1.12 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;color:#fff!important;margin:9px 0 0!important}
.hhm-home .hm-beyond-more{color:#fff!important;text-decoration:none!important;font:900 10px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;border-bottom:1px solid #9da4aa;padding-bottom:6px}
.hhm-home .hm-beyond-more:hover{color:#d4ab72!important;border-color:#d4ab72}
.hhm-home .hm-beyond-intro{color:#b9c1c7!important;font-size:12px!important;line-height:1.6!important;margin:15px 0 19px!important;min-height:38px}
.hhm-home .hm-beyond-lead{display:flex;flex-direction:column;color:#fff!important;text-decoration:none!important;min-width:0}
.hhm-home .hm-beyond-photo{aspect-ratio:1.57;overflow:hidden;background:#13171c;border:1px solid #4f555c}
.hhm-home .hm-beyond-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.16) contrast(1.07);transition:transform .4s ease,filter .4s ease}
.hhm-home .hm-beyond-lead:hover img{transform:scale(1.045);filter:grayscale(0) contrast(1.06)}
.hhm-home .hm-beyond-photo .hm-photo-fallback{min-height:100%}
.hhm-home .hm-beyond-story-meta{color:#d4ab72;font:900 9px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-top:18px}
.hhm-home .hm-beyond-lane--gear .hm-beyond-story-meta{color:#ef8c94}
.hhm-home .hm-beyond-lead h4{font:800 clamp(26px,2.35vw,39px)/1.17 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif!important;margin:12px 0 16px!important;text-transform:none!important;color:#fff!important;overflow-wrap:break-word}
.hhm-home .hm-beyond-read{font:900 9px/1.4 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.15em;color:#e2ddd4;margin-bottom:18px}
.hhm-home .hm-beyond-small{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:19px 0 1px;border-top:1px solid #626971;color:#fff!important}
.hhm-home .hm-beyond-small span:first-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.hhm-home .hm-beyond-small b{font:800 9px/1.35 'Be Vietnam Pro',Arial,sans-serif;color:#d4ab72;letter-spacing:.15em}
.hhm-home .hm-beyond-lane--gear .hm-beyond-small b{color:#f18a8c}
.hhm-home .hm-beyond-small strong{font:800 clamp(19px,1.6vw,26px)/1.22 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;overflow-wrap:break-word}
.hhm-home .hm-beyond-small span:last-child{font:800 24px/1 Arial,sans-serif;color:#d4ab72}
.hhm-home .hm-beyond-empty{display:flex;align-items:center;min-height:220px;border:1px dashed #59616a;background:#1f252b;padding:23px;color:#a9b3ba;font:900 16px/1.5 'Barlow Condensed','Be Vietnam Pro',Arial,sans-serif;letter-spacing:.1em}
@media(max-width:820px){.hhm-home .hm-beyond-heading{align-items:start;flex-direction:column;gap:16px}.hhm-home .hm-beyond-grid{grid-template-columns:1fr}.hhm-home .hm-beyond-intro{min-height:0}.hhm-home .hm-beyond-photo{aspect-ratio:1.8}}
@media(max-width:520px){.hhm-home .hm-beyond-heading h2{font-size:clamp(40px,12vw,60px)!important}.hhm-home .hm-beyond-lane{padding:18px}.hhm-home .hm-beyond-lane-head h3{font-size:33px!important}.hhm-home .hm-beyond-photo{aspect-ratio:1.4}.hhm-home .hm-beyond-lead h4{font-size:30px!important}}