:root{--hpg-gold:#e3b743;--hpg-text:#f3f1e9;--hpg-muted:#a4b1b0;--hpg-line:#303a39}body .hpg-products{background:#060909;color:var(--hpg-text)}.hpg-products *{box-sizing:border-box}.hpg-products a{text-decoration:none}.hpg-wrap{width:min(1260px,calc(100% - 48px));margin:0 auto}
.hpg-hero{position:relative;isolation:isolate;padding:clamp(65px,9vw,128px) 0 95px;border-bottom:1px solid #5b4b22;background:radial-gradient(ellipse at 78% 20%,#70521b52,transparent 43%),radial-gradient(ellipse at 5% 70%,#1a324047,transparent 48%),#080b0b;overflow:hidden}.hpg-hero:after{content:"";position:absolute;right:-5%;top:10%;height:min(65vw,650px);width:min(65vw,650px);border:1px solid #d0a1371e;border-radius:50%;box-shadow:0 0 0 85px #c9aa2310,0 0 0 170px #c9aa2307;pointer-events:none;z-index:-1}
.hpg-kicker{font:850 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.17em;color:var(--hpg-gold);text-transform:uppercase}.hpg-hero h1{font:790 clamp(43px,6vw,83px)/.99 Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.075em;max-width:870px;margin:20px 0 26px;color:var(--hpg-text)}.hpg-hero h1 em{font:normal .98em Georgia,serif;color:#e5c77a}.hpg-hero p{font-size:clamp(15px,1.5vw,18px);max-width:740px;line-height:1.8;color:#c1c7c3}.hpg-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.hpg-actions a,.hpg-actions button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid #907132;background:transparent;color:#ecc870;font-size:12px;font-weight:850;cursor:pointer}.hpg-actions a:first-child{background:var(--hpg-gold);color:#050706;border-color:var(--hpg-gold)}
.hpg-stats{display:flex;flex-wrap:wrap;gap:clamp(20px,5vw,72px);padding:24px 0;border-top:1px solid #ffffff1d;margin-top:65px;max-width:860px}.hpg-stats div{display:grid;gap:4px}.hpg-stats strong{font-size:26px;letter-spacing:-.04em;color:#ebc76b}.hpg-stats span{font-size:11px;line-height:1.5;color:#a6b0ab}.hpg-section{padding:80px 0 87px;border-bottom:1px solid #27312f}.hpg-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:29px}.hpg-heading h2{font-size:clamp(29px,4vw,48px);letter-spacing:-.058em;line-height:1.1;margin:12px 0 0;color:var(--hpg-text)}.hpg-heading p{max-width:470px;font-size:13px;line-height:1.75;color:var(--hpg-muted);margin:0}
.hpg-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.hpg-feature{display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid #39423e;background:linear-gradient(140deg,#171d1c,#101414);color:var(--hpg-text)}.hpg-feature:hover,.hpg-feature:focus-visible{border-color:#caa749;background:#1b201b}.hpg-feature b{display:block;font:900 11px ui-monospace;color:#e2b850;letter-spacing:.12em}.hpg-feature h3{font-size:23px;letter-spacing:-.044em;line-height:1.07;margin:24px 0 13px}.hpg-feature p{font-size:12px;line-height:1.65;color:#b2bcb7;margin:0 0 21px}.hpg-feature strong{margin-top:auto;font-size:11px;color:#ecc56a}.hpg-feature.gold{background:linear-gradient(145deg,#44320e,#141711);border-color:#9b782a}
.hpg-family-section{background:#0a0e0e}.hpg-families{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hpg-family{display:flex;flex-direction:column;gap:12px;min-height:168px;text-align:left;background:#111716;border:1px solid #353f3b;color:var(--hpg-text);padding:21px 17px;cursor:pointer;border-radius:0}.hpg-family:hover,.hpg-family:focus-visible{border-color:#c6a040;background:#1d2019}.hpg-family strong{font-size:16px;line-height:1.25;letter-spacing:-.025em}.hpg-family span{font-size:12px;line-height:1.5;color:#aeb8b3}.hpg-family small{margin-top:auto;font:850 10px ui-monospace;color:#d7b350}
.hpg-explore{background:#090d0e}.hpg-explore-box{border:1px solid #465045;background:#101516;padding:25px}.hpg-filterhead{display:flex;align-items:start;justify-content:space-between;gap:14px;flex-wrap:wrap}.hpg-filterhead label{display:block;font-size:11px;color:#edce7b;font-weight:800;margin-bottom:10px;letter-spacing:.08em}.hpg-filterhead input{background:#090e0e;border:1px solid #54605c;color:#f2f2ed;padding:13px 14px;width:min(100%,455px);min-height:47px;font:14px Inter,Arial,sans-serif}.hpg-filterhead input:focus-visible{outline:2px solid var(--hpg-gold)}.hpg-search{flex:1 1 300px;max-width:480px}.hpg-search input{width:100%}.hpg-reset{background:none;border:1px solid #53615b;color:#bfc7c4;min-height:43px;padding:0 14px;font-size:12px;cursor:pointer;align-self:end}.hpg-filters{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 17px}.hpg-filters button{background:#151a19;border:1px solid #3c4643;color:#b8c3bd;padding:10px 12px;min-height:41px;font-size:11px;font-weight:750;cursor:pointer}.hpg-filters button[aria-pressed="true"]{background:#dcb449;border-color:#dcb449;color:#070906}.hpg-results-meta{color:#a8b3ac;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #303d36;padding:16px 0}.hpg-results-meta strong{color:#ecd27a}
.hpg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hpg-module{min-width:0;display:grid;grid-template-columns:65px minmax(0,1fr);gap:13px;align-items:start;border:1px solid #293533;background:#0b1010;padding:16px}.hpg-module:hover{border-color:#79652f}.hpg-module>span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 5px;background:#302917;color:#e2bf66;font:850 11px/1.2 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;text-align:center}.hpg-module strong{font-size:14px;line-height:1.35;display:block;color:#e6eae6}.hpg-module small{display:block;font-size:10px;color:#d2ac5d;letter-spacing:.08em;margin:5px 0 7px}.hpg-module p{font-size:11px;line-height:1.65;color:#9caaa3;margin:0}.hpg-module a{display:inline-block;margin-top:9px;color:#e2bf6a;font-size:11px;font-weight:800}.hpg-more{display:block;margin:20px auto 0;background:#161a17;border:1px solid #bb9640;color:#f1d37e;padding:13px 22px;min-height:47px;font-size:12px;font-weight:800;cursor:pointer}.hpg-more[hidden],.hpg-empty[hidden]{display:none!important}.hpg-empty{padding:28px;color:#c1c9c4;font-size:13px;text-align:center}.hpg-fine{color:#8c9994;font-size:11px;line-height:1.8;margin:17px 0 0}
.hpg-outro{padding:70px 0 82px;background:radial-gradient(ellipse at 88% 0%,#b7912918,transparent 43%),#0d1010}.hpg-outro .hpg-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center}.hpg-outro h2{font-size:clamp(28px,3.6vw,45px);letter-spacing:-.055em;line-height:1.11;margin:12px 0}.hpg-outro p{color:#acb8b3;font-size:13px;line-height:1.8;max-width:740px}.hpg-outro a{display:inline-flex;align-items:center;min-height:49px;padding:0 21px;background:#dbb145;color:#0b0b08;font-size:12px;font-weight:900}
@media(max-width:1100px){.hpg-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.hpg-families{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:710px){.hpg-wrap{width:calc(100% - 32px)}.hpg-hero{padding:55px 0}.hpg-stats{margin-top:37px;gap:18px}.hpg-stats div{flex:1 1 90px}.hpg-section{padding:54px 0}.hpg-heading{display:block}.hpg-heading p{margin-top:12px}.hpg-families{grid-template-columns:repeat(2,minmax(0,1fr))}.hpg-explore-box{padding:16px}.hpg-list{grid-template-columns:1fr}.hpg-outro .hpg-wrap{grid-template-columns:1fr}.hpg-outro a{justify-content:center}.hpg-module{grid-template-columns:58px minmax(0,1fr)}}@media(max-width:430px){.hpg-featured,.hpg-families{grid-template-columns:1fr}.hpg-feature{min-height:205px}.hpg-family{min-height:120px}.hpg-feature h3{margin-top:14px}.hpg-hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.hpg-products *{scroll-behavior:auto!important}}