/* HBM v0.6 — true responsive layout; all copy/cards/buttons remain HTML */
:root{--hbm-gold:#e8ad2b;--hbm-green:#002016}
*{box-sizing:border-box}
body.home-site{background:#00140e}
.home-site .top{position:relative;z-index:5;min-height:112px;padding:10px clamp(16px,3vw,55px);background:linear-gradient(100deg,#00170f,#001c18 75%,#00140d);border-bottom:1px solid #bc9c34;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-site .brand{display:flex;align-items:center;gap:18px;min-width:0;text-decoration:none}
.home-site .brand img{width:clamp(74px,9vw,140px);height:clamp(85px,10vw,145px);object-fit:contain;margin:0;filter:drop-shadow(0 5px 5px #000a)}
.home-site .brand span{display:flex;flex-direction:column;line-height:1.04}
.home-site .brand strong{font-size:clamp(26px,3.3vw,54px);font-style:italic;color:#f8f8f8;letter-spacing:-1px;text-shadow:1px 2px #777,3px 4px #000}
.home-site .brand em{font-size:clamp(22px,2.8vw,46px);font-style:italic;color:#f4ba39;font-weight:900;text-shadow:1px 2px #805513,3px 4px #000}
.home-site .brand small{font-size:clamp(8px,.85vw,14px);letter-spacing:2px;margin-top:9px;font-weight:800;color:#eee}
.home-site .top nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(6px,1.1vw,20px)}
.home-site .top nav a{font-size:clamp(11px,.9vw,15px);white-space:nowrap}
.home-site .top nav .goldbtn{background:linear-gradient(#ffdc69,#d99a13);color:#06160d;padding:13px 18px;border-radius:11px}
.home-site .public-main{padding:0;max-width:none}
.home-landing{position:relative;isolation:isolate;min-height:calc(100vh - 112px);overflow:hidden;padding:0 0 22px;background:#001a12}
.hero-scene{position:absolute;z-index:-3;inset:0;background-image:url('lake-angler-clean.jpg');background-position:center 37%;background-size:cover;opacity:1}
.home-landing:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,18,13,.87) 0%,rgba(0,18,13,.45) 33%,transparent 67%),linear-gradient(0deg,#00150f 0%,rgba(0,17,12,.1) 32%,transparent 70%);pointer-events:none}
.hero-copy{position:relative;padding:clamp(45px,6vh,85px) clamp(22px,8vw,160px) 0;max-width:1000px;min-height:340px}
.welcome-kicker{font-size:clamp(34px,3.5vw,62px);font-weight:900;font-style:italic;color:#f7f7f7;text-shadow:3px 4px 6px #000}
.hero-copy h1{font-size:clamp(43px,4.1vw,72px);font-style:italic;line-height:1.07;margin:2px 0 12px;color:#f4be42;text-shadow:2px 2px #996513,4px 5px 7px #000;max-width:740px}
.brush-line{width:min(560px,100%);height:4px;margin:19px 0;background:linear-gradient(90deg,#8bb60e,#a4d40b 75%,transparent)}
.hero-copy p{font-size:clamp(16px,1.5vw,24px);font-style:italic;line-height:1.45;text-shadow:1px 2px 5px #000}
.bass-detail{position:absolute;z-index:-1;left:0;bottom:45px;width:clamp(160px,19vw,315px);height:clamp(170px,20vw,330px);background:url('bass-feathered.png') center/contain no-repeat;pointer-events:none;mask-image:none}
.premium-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);width:min(1320px,80%);margin:10px 3% 32px auto}
.premium-card{min-height:255px;display:flex;flex-direction:column;padding:20px 22px;background:linear-gradient(135deg,rgba(0,53,37,.96),rgba(0,21,17,.95));border:2px solid #e5b134;border-radius:22px;box-shadow:0 8px 22px #000b}
.premium-card h2{display:flex;align-items:center;gap:13px;color:#fff5db;font-size:clamp(18px,1.7vw,27px);margin:0;padding-bottom:13px;border-bottom:1px solid #a88c3c65}
.card-symbol{font-size:clamp(26px,2.5vw,40px);color:#ffca43}
.premium-card-body{flex:1;padding:17px 0 12px;font-size:clamp(15px,1.18vw,19px);line-height:1.45}
.premium-card-body p{margin:0 0 7px}
.premium-action{display:block;text-align:center;padding:13px 12px;background:linear-gradient(#ffe17b,#e6a51d);border:1px solid #e9b62f;border-radius:12px;color:#102012!important;font-weight:900;text-decoration:none}
.home-signoff{position:relative;margin:25px auto 0;text-align:center;letter-spacing:4px;font-size:clamp(11px,1vw,15px);font-style:italic}
.home-signoff:before{content:"";display:block;height:2px;margin-bottom:15px;background:linear-gradient(90deg,transparent,#8bb713,transparent)}
.home-site footer{padding:10px 3%;background:#00120e}
@media(max-width:1150px){.home-site .top{min-height:95px}.home-site .brand img{width:80px;height:92px}.home-site .brand strong{font-size:30px}.home-site .brand em{font-size:25px}.home-site .top nav a{font-size:12px}.hero-copy{padding-left:6%;min-height:335px}.premium-cards{width:91%;margin:16px auto 25px}.bass-detail{opacity:.8}}
@media(max-width:760px){.home-site .top{min-height:76px;padding:8px 12px}.home-site .brand{gap:8px}.home-site .brand img{width:54px;height:66px}.home-site .brand strong{font-size:21px}.home-site .brand em{font-size:18px}.home-site .brand small{font-size:7px;letter-spacing:.6px;margin-top:4px}.home-site .mobile-menu{display:block;border:1px solid #b38b2e;background:#00281d;color:#ffd063;border-radius:9px;font-size:25px;padding:5px 10px}.home-site .top nav{display:none;position:absolute;top:100%;left:0;right:0;background:#001d15;padding:12px;flex-direction:column;align-items:stretch;z-index:20}.home-site .top nav.open{display:flex}.home-site .top nav a{font-size:16px;padding:12px}.hero-scene{inset:0 0 auto;height:440px;background-position:65% center}.home-landing:before{background:linear-gradient(0deg,#00150f 24%,transparent 78%),linear-gradient(90deg,#00150fc4,transparent)}.hero-copy{padding:120px 20px 0;min-height:405px}.welcome-kicker{font-size:32px}.hero-copy h1{font-size:clamp(35px,9vw,48px)}.hero-copy p{font-size:16px}.bass-detail{display:none}.premium-cards{width:auto;margin:15px 14px 15px;grid-template-columns:1fr;gap:14px}.premium-card{min-height:185px;padding:18px}.premium-card h2{font-size:22px}.premium-card-body{font-size:16px}.home-signoff{letter-spacing:2px}.home-site footer{flex-direction:column;text-align:center}}
@media(max-width:390px){.hero-copy{padding-top:105px}.hero-copy h1{font-size:34px}.home-site .brand strong{font-size:18px}.home-site .brand em{font-size:15px}}
/* dashboard responsive refinements */
@media(max-width:760px){.portal-header{min-height:190px}.dashboard-stats .tile{min-height:92px}.dashboard-grid .panel{overflow:hidden}.sidebar{top:0;height:100vh}}