@import url('styles.css');
:root{font-family:Arial,"Segoe UI",sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.header-link{display:flex;gap:25px;align-items:center;font-size:12px;border:1px solid #5b513c;padding:13px 20px}.header-link svg{color:var(--gold);width:16px;height:16px}.header-link:hover{background:#dfb45615}.nav a{font-size:13px}.hero-inner{max-width:810px;padding-top:115px}.hero h1{font-size:clamp(68px,6.3vw,96px);line-height:1.08;letter-spacing:-4.5px;font-weight:700;margin:28px 0}.hero-copy{font-size:14px;max-width:420px}.hero-actions .button{font-size:13px}.quiet-link{font-size:12px}.round-icon{display:grid;place-items:center;border:1px solid #7d796e;width:26px;height:26px;border-radius:50%;font-size:21px}.hero-caption>span{font-size:9px;letter-spacing:2px}.hero-caption>p{font-size:12px}.hero-bottom{gap:20px}.hero-bottom>.scroll-cue{font-size:8px;letter-spacing:1.6px;gap:12px}.scroll-cue>i{width:1px;height:27px;background:linear-gradient(var(--gold),#ffffff22)}.hero-switch{display:flex;gap:30px;margin-left:auto}.hero-switch button{background:transparent;font-size:9px;letter-spacing:1.5px;color:#898579;display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff25}.hero-switch button span{font-size:11px;color:#686358}.hero-switch button.selected{border-color:var(--gold);color:var(--gold)}.hero-switch button.selected span{color:var(--gold)}.ambient-note{font-size:8px;color:#aaa393;position:absolute;right:0;bottom:51px;letter-spacing:.5px}.facts{padding:26px 5.2vw;border-top:1px solid #2e281b;border-bottom:1px solid #2e281b;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0b0a08}.facts>div{display:flex;align-items:center;gap:20px}.facts strong{font-size:21px;color:#d6c59b;font-weight:500;letter-spacing:-.5px}.facts strong span{color:#595040;font-size:14px;margin-left:15px}.facts p{font-size:10px;margin:0;line-height:1.5;color:#99958d}.facts>i{font-size:18px;color:#7b6131;font-style:normal}.facts .fact-last{display:block}.fact-last strong{font-size:12px;letter-spacing:2px}.fact-last p{font-size:9px;margin-top:6px;letter-spacing:.5px}
.search-section{padding:53px 5.2vw 35px;display:grid;grid-template-columns:1fr 2fr;column-gap:40px;row-gap:17px;align-items:center}.search-heading h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:8px 0 0}.search-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.home-search{display:flex;align-items:center;border:1px solid #424039;background:#121212;min-height:65px}.source-select select{border:0;background:#121212;color:#e2d5bb;padding:16px 20px;font-size:10px;letter-spacing:1px;width:150px;height:100%;cursor:pointer}.search-divider{height:22px;background:#3c3931;width:1px;flex-shrink:0}.query-field{display:flex;gap:12px;align-items:center;padding:12px 17px;flex:1;min-width:0}.query-field svg{color:#7c7970;flex-shrink:0;width:17px}.query-field input{width:100%;min-width:0;font-size:12px;border:0;background:transparent;color:#eee;outline:none;line-height:1.6}.query-field input::placeholder{color:#88847a}.query-field input:focus-visible{outline:none}.home-search:focus-within{border-color:var(--gold)}.search-submit{align-self:stretch;display:flex;align-items:center;gap:17px;background:var(--gold);color:#17130a;padding:15px 23px;font-size:12px}.search-submit span{font-size:21px}.search-submit:hover{background:#edc66e}.quick-search{grid-column:2;display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:10px;color:#8e8b83}.quick-search>span{color:#77736b;font-size:8px;letter-spacing:1.6px;margin-right:3px}.quick-search>a:hover{color:var(--gold)}.section h2{font-size:37px;line-height:1.3;letter-spacing:-1.3px}.section-intro{font-size:13px;line-height:1.8;color:#9b978e;margin:0 0 6px}.catalogs{padding-top:55px;padding-bottom:85px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.catalog-portal{min-height:400px;position:relative;overflow:hidden;border:1px solid #383126;background:#111;display:flex;flex-direction:column;justify-content:space-between;padding:27px 30px 33px}.catalog-portal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .5s,opacity .5s}.catalog-portal:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505f2,transparent 92%)}.car-portal>img{object-position:78% center;transform:scale(1.1)}.pro-portal>img{object-position:center;opacity:.52}.catalog-portal:hover>img{transform:scale(1.06);opacity:.75}.car-portal:hover>img{transform:scale(1.17)}.catalog-portal:hover{border-color:#aa864a}.portal-top{display:flex;align-items:center;justify-content:space-between;z-index:1;gap:20px}.portal-top>span{font-size:9px;letter-spacing:1.4px;border:1px solid #8376596b;background:#0006;padding:7px 9px;color:#dccba9}.portal-top b{font-size:12px;font-weight:400;color:#d1b270}.portal-content{position:relative;z-index:1;margin-top:80px}.portal-content .eyebrow{font-size:8px;letter-spacing:1.8px;color:#bca980}.portal-content h3{font-size:39px;letter-spacing:-.5px;margin:12px 0 13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px}.portal-content h3>span{font-size:29px;color:var(--gold);font-weight:400}.portal-content p{font-size:12px;line-height:1.8;color:#aba79f;margin:0 0 22px}.portal-cta{display:inline-flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid #856c3d;font-size:11px;color:#e0ceab}.portal-cta i{font-style:normal;color:var(--gold);font-size:16px}.featured{padding-top:65px;background:#0d0d0d;border-top:1px solid #252525}.featured-tabs{display:flex;gap:30px;margin-bottom:27px;border-bottom:1px solid #2a2926}.featured-tabs button{background:transparent;color:#88837b;font-size:11px;letter-spacing:1px;padding:0 0 14px;border-bottom:2px solid transparent}.featured-tabs .selected{color:var(--gold);border-bottom-color:var(--gold)}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-height:340px}.featured-card{border:1px solid #282828;background:#141414;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.featured-card:hover{transform:translateY(-4px);border-color:#826a3d}.featured-visual{height:203px;overflow:hidden;background:#fff;position:relative;display:flex;align-items:center;justify-content:center}.featured-visual img{width:100%;height:100%;object-fit:contain;padding:13px}.featured-visual.pro-visual{background:#161616}.featured-visual.pro-visual img{padding:0}.featured-category{font-size:8px;letter-spacing:1.2px;color:#a29884;margin:0 0 9px}.featured-content{padding:20px 20px 21px;flex:1;display:flex;flex-direction:column}.featured-content h3{font-size:18px;margin:0 0 8px;font-weight:500;letter-spacing:.5px}.featured-description{font-size:10px;line-height:1.7;color:#93918c;margin:0 0 18px;min-height:34px}.featured-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto}.featured-price b{font-size:21px;font-weight:500;letter-spacing:-.5px;color:#d8bd82}.featured-price b small{font-size:9px;letter-spacing:.3px;font-weight:400;color:#8d887d;margin-left:6px}.featured-price>span{font-size:18px;color:#b7a57e}.price-note{font-size:10px;color:#827d71;margin:21px 0 0;line-height:1.8}.load-note{font-size:13px;color:#aaa}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:95px}.download-intro>p{color:#9b978e;font-size:13px;line-height:1.9;margin:25px 0 0}.download-list>a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #33302a;padding:27px 0}.pdf-icon{font-size:11px;letter-spacing:1px;width:45px;height:56px;border:1px solid #5c4e32;color:#bc9f64;display:grid;place-items:center}.download-list h3{font-weight:500;font-size:18px;margin:0 0 9px}.download-list p{font-size:9px;letter-spacing:1.5px;color:#8f8778;margin:0}.download-list>p{font-size:10px;line-height:1.8;color:#77736b;letter-spacing:0;margin:18px 0 0}.download-arrow{margin-left:auto;color:var(--gold);font-size:25px}.download-list>a:hover h3{color:var(--gold)}.brand-closing{padding:75px 5.2vw 80px;background:radial-gradient(ellipse at 85% 100%,#5e421e33,transparent 65%),#14110b;border-top:1px solid #3c3220;border-bottom:1px solid #3c3220;position:relative;overflow:hidden}.brand-closing>.eyebrow{color:#b9a476}.brand-closing h2{font-size:43px;letter-spacing:-1.5px;font-weight:500;line-height:1.35;margin:20px 0 28px;position:relative;z-index:1}.brand-closing h2>span{color:#bca578}.brand-closing>.button{position:relative;z-index:1}.closing-star{position:absolute;right:9%;top:0;font-size:340px;color:#8c67202c;line-height:1.15;transform:rotate(-9deg)}.footer-top>nav{display:flex;gap:24px;margin-left:auto;font-size:11px;color:#a39d91}.footer-top>nav a:hover{color:var(--gold)}.footer-top>a.back-top{font-size:18px;color:var(--gold);margin-left:15px}.footer-bottom{font-size:9px;letter-spacing:1.2px}.footer-bottom>span:first-child{letter-spacing:.5px}
@media(max-width:1050px){.hero-inner{padding-top:105px;max-width:680px}.hero h1{font-size:78px}.facts>div{gap:12px}.facts strong{font-size:17px}.facts strong span{margin-left:4px}.facts p{font-size:9px}.facts .fact-last,.facts>i:last-of-type{display:none}.search-section{grid-template-columns:1fr;gap:22px}.quick-search{grid-column:1}.search-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-heading h2{margin:0;font-size:22px}.catalog-portal{min-height:360px;padding:23px}.portal-content h3{font-size:33px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-visual{height:250px}.downloads{gap:35px}.section h2{font-size:33px}.footer-top>p{display:none}}
@media(max-width:760px){.header-link{font-size:11px;padding:10px 13px;gap:18px}.hero{min-height:715px}.hero-inner{padding:53px 25px 0}.hero h1{font-size:clamp(48px,14.3vw,62px);letter-spacing:-2.5px;line-height:1.11;margin:25px 0 24px}.hero-copy{font-size:12px;line-height:1.9;margin-bottom:29px;max-width:320px}.hero-actions{gap:19px;flex-wrap:wrap}.hero-actions .button{padding:15px 18px;font-size:11px;gap:23px;min-height:48px}.quiet-link{font-size:10px;gap:7px}.round-icon{width:23px;height:23px;font-size:19px}.hero-bottom{left:25px;right:25px;bottom:19px;gap:15px}.hero-bottom>.scroll-cue{font-size:7px;gap:8px;letter-spacing:1px}.scroll-cue>span{margin-left:3px}.hero-switch{gap:15px}.hero-switch button{font-size:7px;letter-spacing:.9px;gap:7px}.hero-switch button span{font-size:9px}.ambient-note{font-size:7px;bottom:52px}.facts{padding:22px 24px;gap:18px}.facts>div{display:block}.facts strong{font-size:20px}.facts p{font-size:8px;margin-top:5px}.facts strong span{display:none}.facts>i{font-size:12px}.search-section{padding:43px 24px 25px;gap:19px}.search-heading{display:block}.search-heading h2{font-size:23px;margin-top:10px}.home-search{flex-wrap:wrap;min-height:0}.source-select{width:100%;border-bottom:1px solid #34312a}.source-select select{width:100%;font-size:10px;padding:13px 15px}.search-divider{display:none}.query-field{padding:18px 12px;gap:8px}.query-field input{font-size:11px}.query-field svg{width:14px}.search-submit{font-size:0;padding:13px 15px;background:#1d1b15;color:var(--gold);border-left:1px solid #34312a;gap:0;min-width:49px;justify-content:center}.search-submit span{font-size:20px}.search-submit:hover{color:#111}.quick-search{gap:15px;row-gap:14px;font-size:9px}.quick-search>span{font-size:7px;margin:0}.catalogs{padding-top:38px;padding-bottom:55px}.section h2{font-size:30px;letter-spacing:-.9px;margin-top:12px}.section-intro{font-size:12px;margin:0}.portal-grid{grid-template-columns:1fr;gap:20px}.catalog-portal{min-height:340px;padding:23px}.portal-content{margin-top:55px}.portal-content h3{font-size:33px}.portal-content p{font-size:11px}.portal-content .eyebrow{font-size:7px}.portal-top>span{font-size:8px}.featured{padding-top:50px}.featured-grid{gap:14px}.featured-visual{height:156px}.featured-visual img{padding:6px}.featured-content{padding:16px 13px}.featured-category{font-size:7px;letter-spacing:.7px}.featured-content h3{font-size:14px;letter-spacing:0;overflow-wrap:anywhere}.featured-description{font-size:9px;line-height:1.6;margin-bottom:15px;min-height:43px}.featured-price b{font-size:18px}.featured-price b small{font-size:7px;margin-left:4px}.featured-price>span{font-size:16px}.featured-tabs{gap:24px}.featured-tabs button{font-size:9px}.price-note{font-size:9px}.downloads{grid-template-columns:1fr;gap:15px;padding-top:60px;padding-bottom:60px}.download-intro>p{font-size:12px;margin-top:20px}.download-list>a{gap:18px;padding:25px 0}.download-list h3{font-size:16px}.download-list p{font-size:8px;letter-spacing:1px}.pdf-icon{width:37px;height:47px;font-size:9px}.download-list>p{font-size:9px}.brand-closing{padding:55px 24px 60px}.brand-closing h2{font-size:32px;letter-spacing:-1px;margin:18px 0 26px;max-width:345px}.brand-closing>.button{font-size:11px;padding:16px 20px;gap:30px}.closing-star{right:-65px;top:45px;font-size:270px;color:#8c67201c}.footer-top>nav{gap:17px;font-size:10px}.footer-top>a.back-top{margin-left:auto}.footer-bottom{flex-direction:row;flex-wrap:wrap;gap:13px;font-size:8px;letter-spacing:.8px}.footer-bottom>span:last-child{width:100%;margin-top:3px}}
@media(max-width:350px){.hero{min-height:750px}.hero-actions{gap:18px}.hero-switch{gap:12px}.hero-switch button{font-size:6px}.hero-bottom>.scroll-cue{font-size:6px;letter-spacing:.5px}.facts{gap:12px}.facts strong{font-size:18px}.facts p{font-size:7px}.featured-grid{grid-template-columns:1fr}.featured-visual{height:230px}.featured-content h3{font-size:18px}.featured-description{min-height:0;font-size:11px}.footer-top>nav{margin-left:0;gap:19px}}
.featured-unit{font-size:8px;letter-spacing:.5px;color:#918572;margin:7px 0 0}

/* Original brand artwork, preserved intact across every homepage backdrop. */
.hero{background:radial-gradient(ellipse at 85% 46%,#77501125,transparent 50%),#000}
.hero-image{width:43%;height:78%;top:7%;right:5.2%;object-fit:contain;object-position:center;opacity:1;mix-blend-mode:screen}
.hero-shade{background:linear-gradient(90deg,#000 0%,#0000 54%),linear-gradient(0deg,#000 0%,#0000 20%);pointer-events:none}
.hero-caption{top:auto;bottom:18%;right:5.3vw}
.hero-inner{max-width:58%}
.pro-selected{background:radial-gradient(ellipse at 85% 46%,#ad69252b,transparent 52%),#000}
.pro-selected .hero-image{opacity:1}
.catalog-portal{background:radial-gradient(ellipse at 90% 5%,#b7791d22,transparent 65%),#050505}
.catalog-portal>img,.car-portal>img,.pro-portal>img{inset:40px 20px auto auto;width:62%;height:53%;object-fit:contain;object-position:center;opacity:.76;transform:none;mix-blend-mode:screen}
.catalog-portal:after{background:linear-gradient(0deg,#050505 0%,#050505c9 23%,transparent 64%)}
.catalog-portal:hover>img,.car-portal:hover>img{transform:scale(1.035);opacity:.95}
.pro-portal{background:radial-gradient(ellipse at 90% 5%,#b776182b,transparent 65%),#050505}
@media(max-width:1050px) and (min-width:761px){.hero-inner{max-width:64%}.hero h1{font-size:68px}.hero-image{right:3%;width:42%;opacity:.8}.hero-copy{max-width:370px}.hero-actions{gap:20px}.catalog-portal>img{width:68%;right:10px}}
@media(max-width:760px){.hero{min-height:790px;background:radial-gradient(ellipse at 65% 76%,#97621824,transparent 43%),#000}.hero-inner{max-width:none}.hero-image{top:auto;bottom:63px;right:8%;width:84%;height:265px;opacity:.88;object-position:center}.hero-shade{background:linear-gradient(0deg,#000 0%,transparent 12%);pointer-events:none}.hero-caption{display:none}.ambient-note{display:none}.catalog-portal>img{width:66%;height:51%;top:29px;right:16px}}
@media(max-width:360px){.hero{min-height:835px}.hero-image{height:235px;bottom:72px}.hero-actions{gap:15px}.catalog-portal>img{width:71%;right:10px}}

/* Subtle, repeating original logos behind the main brand artwork. */
.hero::before{content:"";position:absolute;inset:-140px -110px;background-image:url('assets/star-audio-logo.png');background-repeat:repeat;background-size:172px 116px;transform:rotate(-12deg);opacity:.085;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent 10%,#000 55%,#000 100%)}
@media(max-width:760px){.hero::before{inset:auto -80px -85px;height:460px;background-size:110px 74px;opacity:.1;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent)}}
.hero-copy{margin-top:32px}
@media(max-width:760px){.hero{min-height:650px}.hero-copy{margin-top:28px}}
@media(max-width:360px){.hero{min-height:700px}}

.account-link{display:flex;align-items:center;gap:9px;color:#d6bd85;font-size:12px;padding:12px 0}.account-link svg{width:19px;height:19px}.account-link:hover{color:var(--gold)}@media(max-width:1000px){.account-link span{display:none}.header-actions{gap:18px}}@media(max-width:420px){.header-actions{gap:15px}.footer-top nav{gap:16px;font-size:10px}}