/* Final Ramona Pipe & Steel site */
:root{--navy:#06101b;--red:#d92d2d;--red-dark:#ba2025;--white:#fff;--off:#f4f4f2;--ink:#0b1725}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}
.site-header{height:78px;background:#040b13;color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.12)}
.nav-shell{max-width:1360px;height:100%;margin:auto;padding:0 26px;display:flex;align-items:center;gap:28px}
.brand{width:160px;display:flex;align-items:center}.brand img{width:118px;height:118px;object-fit:contain;position:absolute;top:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.main-nav{display:flex;gap:42px;margin-left:auto;align-self:stretch;align-items:center;font-weight:900;font-size:13px;text-transform:uppercase}
.main-nav a{height:100%;display:flex;align-items:center;border-bottom:4px solid transparent}.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--red)}
.header-call{margin-left:28px;background:var(--red);height:60px;padding:10px 24px;display:flex;align-items:center;gap:12px}.header-call small{display:block;font-size:11px;font-weight:900}.header-call strong{display:block;font-size:20px}.phone-icon{font-size:26px}.menu-toggle{display:none}
.hero{height:575px;position:relative;overflow:hidden;background:#050b12}.hero-photo{position:absolute;right:0;top:0;width:74%;height:100%;background:url('images/hero-loader-pipe.jpg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050b12 0%,rgba(5,11,18,.98) 27%,rgba(5,11,18,.72) 46%,rgba(5,11,18,.08) 78%)}.hero-inner{position:relative;z-index:2;max-width:1060px;height:100%;margin:auto;padding:58px 24px;display:flex;align-items:center}.hero-copy{width:420px;color:#fff}.eyebrow{color:var(--red);font-size:14px;font-weight:950;letter-spacing:.07em}.hero h1{font-size:55px;line-height:.87;margin:10px 0 18px;letter-spacing:-.04em;font-weight:950}.hero h1 span{color:var(--red)}.hero p{font-size:14px;line-height:1.45;color:#eef1f4;margin:0;max-width:390px}.hero-buttons{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;font-weight:900;font-size:13px}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark)}.btn-outline{border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(0,0,0,.14)}.btn-outline span,.btn-light span{font-size:25px;margin-left:12px}
.sizes-section{background:linear-gradient(#fafafa,#ededeb);padding:28px 24px 42px;text-align:center}.section-kicker{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--red);font-size:13px;font-weight:900}.section-kicker span{width:40px;height:1px;background:var(--red)}.sizes-section h2{font-size:34px;margin:5px 0 24px}.size-grid{max-width:860px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.size-card{background:#071523;border-radius:4px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.25)}.size-card img{width:100%;height:115px;object-fit:cover}.size-card>div{border-top:2px solid var(--red);padding:7px 5px 9px;color:#fff}.size-card strong{display:block;font-size:21px}.size-card small{font-size:9px;font-weight:800}
.why-section{display:grid;grid-template-columns:42% 58%;background:#06101b;color:#fff;min-height:310px}.why-copy{padding:36px max(32px,calc((100vw - 1060px)/2))}.why-copy h2{font-size:28px;line-height:.94;margin:8px 0 12px}.why-copy h2 span{color:var(--red)}.why-copy p{font-size:13px;line-height:1.45;max-width:410px;color:#f0f2f4}.why-photo img{width:100%;height:100%;object-fit:cover}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;text-align:center}.benefit b{display:block;color:var(--red);font-size:27px;margin-bottom:5px}.benefit strong{font-size:10px;line-height:1.1}
.inventory-section{background:#f7f7f5;display:grid;grid-template-columns:38% 62%;padding:18px max(32px,calc((100vw - 1060px)/2));gap:28px;align-items:center}.inventory-copy h2{font-size:28px;margin:5px 0}.inventory-copy p{font-size:13px;line-height:1.35;max-width:290px;margin:5px 0 14px}.inventory-buttons{display:flex;gap:10px;flex-wrap:wrap}.small-btn{min-height:38px;padding:0 15px;font-size:10px}.btn-light{border:1px solid #9aa0a6;background:#fff;color:#111}.inventory-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inventory-gallery img{width:100%;height:115px;object-fit:cover;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.cta{background:linear-gradient(100deg,#071421,#0c1d2c);color:#fff;display:grid;grid-template-columns:1.05fr .8fr 1fr;align-items:center;padding:18px max(32px,calc((100vw - 1160px)/2));gap:30px}.cta-copy strong{display:block;font-size:25px}.cta-copy em{display:block;color:var(--red);font-family:Georgia,serif;font-size:25px;font-weight:900}.cta-phone{display:flex;align-items:center;gap:15px}.big-phone{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:28px}.cta-phone small{display:block;font-size:10px}.cta-phone a{font-size:29px;font-weight:950}.cta-brand{display:flex;align-items:center;gap:13px}.cta-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.cta-brand strong{display:block;font-size:18px}.cta-brand small{display:block;font-size:8px;margin-top:2px}
footer{background:#030910;color:#cbd2d8;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:10px max(32px,calc((100vw - 1060px)/2));font-size:9px}footer nav{display:flex;gap:11px;align-items:center}footer>div{text-align:center}footer>a{text-align:right;font-size:13px;font-weight:900;color:#fff}
@media(max-width:900px){.brand img{width:88px;height:88px}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#07111c;padding:16px 24px;flex-direction:column;gap:0;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:14px 0;height:auto;border-bottom:1px solid rgba(255,255,255,.1)}.header-call{margin-left:0;height:50px;padding:8px 13px}.header-call strong{font-size:15px}.hero{height:620px}.hero-photo{width:100%;opacity:.78}.hero-overlay{background:linear-gradient(90deg,rgba(5,11,18,.98),rgba(5,11,18,.72))}.hero-inner{padding-top:90px}.size-grid{grid-template-columns:repeat(3,1fr)}.why-section{grid-template-columns:1fr}.why-copy{padding:36px 24px}.why-photo{height:280px}.inventory-section{grid-template-columns:1fr;padding:30px 24px}.cta{grid-template-columns:1fr;padding:28px 24px}footer{grid-template-columns:1fr;text-align:center;padding:18px 24px}footer nav{justify-content:center;flex-wrap:wrap}footer>a{text-align:center}}
@media(max-width:560px){.header-call{display:none}.nav-shell{padding:0 16px}.hero h1{font-size:46px}.hero-copy{width:auto}.size-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.inventory-gallery{grid-template-columns:1fr}.inventory-gallery img{height:180px}.cta-phone a{font-size:25px}}