:root{--red:#e20d17;--red-dark:#a8070d;--black:#050505;--panel:#0c0c0d;--line:#2a2a2c;--muted:#aaa;--white:#f7f7f5;--display:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:103px;display:flex;align-items:center;gap:44px;padding:0 4.2vw;background:#030303;position:sticky;top:0;z-index:50;border-bottom:1px solid #202020}.brand{display:flex;align-items:center;min-width:220px}.brand-mark{width:64px;height:62px;position:relative;display:inline-block}.brand-mark i{position:absolute;bottom:7px;border:3px solid #eee;border-bottom:0;width:18px}.brand-mark i:nth-child(1){height:32px;left:3px;transform:skewY(-28deg)}.brand-mark i:nth-child(2){height:54px;left:23px;border-color:var(--red)}.brand-mark i:nth-child(3){height:39px;left:43px;transform:skewY(28deg)}.brand-copy{display:flex;flex-direction:column;transform:translateX(-3px)}.brand-copy strong{font-family:var(--display);font-style:italic;font-size:2.8rem;line-height:.72;letter-spacing:-2px}.brand-copy small{font-family:var(--display);font-size:.86rem;font-weight:700;letter-spacing:1.6px;color:var(--red);margin-top:10px}.brand-copy small b{color:white}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1;height:100%}.main-nav a{font-family:var(--display);font-size:1.08rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-15px;height:2px;background:var(--red);transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--red)}.main-nav a:hover:after,.main-nav a.active:after{right:0}.btn{height:48px;padding:0 28px;border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:.5px;cursor:pointer;transition:.22s}.btn span{font-size:1.45rem;font-weight:400}.btn-primary{background:linear-gradient(90deg,var(--red-dark),var(--red));color:white}.btn-primary:hover{filter:brightness(1.18);transform:translateY(-2px);box-shadow:0 10px 30px #e20d1733}.btn-outline{border:1px solid white;background:#0b0b0b88;color:white}.btn-outline:hover{border-color:var(--red);color:var(--red)}.menu-toggle{display:none}.hero{height:580px;position:relative;background:url('assets/chicco-hero.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000e 25%,#0007 53%,#0000 78%)}.hero-content{position:relative;z-index:2;max-width:1250px;margin:auto;padding:103px 28px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:1rem}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;vertical-align:middle;margin:0 10px}.hero h1,.section-heading h2,.quote-wrap h2,.about-panel h2{font-family:var(--display);text-transform:uppercase;margin:16px 0 12px;font-size:3.75rem;line-height:.96;letter-spacing:.6px}.hero h1 em,.quote-wrap h2 em,.about-panel h2 em{font-style:normal;color:var(--red)}.hero .lead{font-size:1.08rem;line-height:1.65;color:#ddd}.hero-actions{display:flex;gap:16px;margin-top:27px}.trust-strip{min-height:105px;border-top:1px solid #3b1a1b;border-bottom:1px solid #631217;display:grid;grid-template-columns:repeat(4,1fr);max-width:1440px;margin:auto;padding:22px 3vw}.trust-strip article{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #272727}.trust-strip article:last-child{border-right:0}.trust-strip .icon{font-family:var(--display);font-size:3rem;color:var(--red)}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-family:var(--display);text-transform:uppercase;font-size:1.1rem}.trust-strip small{color:#ccc;line-height:1.45;margin-top:3px;font-size:.82rem}.section{max-width:1380px;margin:auto;padding:45px 4vw}.section-heading{text-align:center}.section-heading span{font-family:var(--display);color:var(--red);text-transform:uppercase;font-weight:700;letter-spacing:.7px}.section-heading h2{font-size:2.35rem;margin:7px 0 25px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{border:1px solid #454545;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#101011,#060606);transition:.25s}.service-card:hover{transform:translateY(-7px);border-color:var(--red);box-shadow:0 18px 35px #000}.service-image{height:185px;background-image:url('assets/chicco-hero.png');background-size:650%;filter:saturate(.75) contrast(1.05)}.img-doors{background-size:520%;background-position:75% 69%}.img-curtain{background-size:320%;background-position:74% 36%}.img-shower{background-size:430%;background-position:92% 67%;filter:saturate(.35)}.img-balustrade{background-size:300%;background-position:69% 30%}.img-fold{background-size:520%;background-position:69% 67%}.service-body{padding:17px 16px 20px;min-height:190px;position:relative}.line-icon{float:left;color:var(--red);font-size:2.4rem;margin-right:12px;line-height:1}.service-body h3{font-family:var(--display);text-transform:uppercase;font-size:1.25rem;line-height:1.1;margin:2px 0 16px}.service-body p{clear:both;color:#bcbcbc;font-size:.78rem;line-height:1.5;min-height:38px}.service-body a{display:block;color:var(--red);font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:.78rem;margin-top:17px}.gallery-band{padding-top:25px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;height:310px}.gallery-tile{border:1px solid #333;border-radius:8px;background-image:url('assets/chicco-hero.png');background-size:cover}.wide{background-position:center}.detail-one{background-size:260%;background-position:76% 46%}.detail-two{background-size:300%;background-position:98% 72%}.quote-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:10px;padding-top:20px;padding-bottom:35px}.quote-form,.about-panel{border:1px solid #8a1519;border-radius:9px;min-height:430px;padding:30px 34px;background:linear-gradient(135deg,#0d0d0e,#050505)}.quote-wrap h2{font-size:2.2rem;margin:0 0 8px}.quote-wrap>div>p{color:#ccc;line-height:1.55;font-size:.88rem;margin:0 0 16px}form{display:grid;grid-template-columns:1fr 1fr;gap:10px}label span{position:absolute;clip:rect(0,0,0,0)}input,select,textarea{width:100%;background:#171718;border:1px solid #29292a;border-radius:5px;color:white;font:inherit;padding:0 15px;outline:none}input,select{height:48px}textarea{padding-top:14px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--red)}label.full{grid-column:1/-1}.form-status{margin:12px 0 0!important;color:#55cf7a!important;align-self:center}.about-panel{background:linear-gradient(120deg,#111 0,#080808 60%,#260608 100%);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.about-panel:after{content:"";position:absolute;width:75px;height:150%;background:#e20d1722;transform:rotate(28deg);right:30px}.mini-brand{display:flex;align-items:center}.mini-brand .brand-copy strong{font-size:3.3rem}.about-panel h2{font-size:2.2rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;position:relative;z-index:2}.stats div{text-align:center;border-right:1px solid #444;padding:7px}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font-size:1.45rem}.stats span{color:#aaa;font-size:.7rem;margin-top:5px}footer{border-top:1px solid #333;display:grid;grid-template-columns:1.25fr 1fr 1.25fr .8fr;gap:35px;padding:30px max(4vw,calc((100vw - 1380px)/2));position:relative}.footer-brand{border-right:2px solid var(--red)}footer h3{font-family:var(--display);text-transform:uppercase;font-size:1rem;margin:0 0 14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.78rem;color:#ccc}footer p{font-size:.76rem;color:#ccc;margin:9px 0}.socials{display:flex;gap:17px}.socials a{width:35px;height:35px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:700}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #222;padding-top:18px;font-size:.72rem;color:#aaa}.copyright span{color:var(--red)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.site-header{gap:20px}.main-nav{gap:18px}.main-nav a{font-size:.9rem}.header-cta{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr);gap:18px}.trust-strip article:nth-child(2){border-right:0}}@media(max-width:760px){.site-header{height:80px;padding:0 20px}.brand{min-width:0}.brand-mark{transform:scale(.78);transform-origin:left}.brand-copy{margin-left:-10px}.brand-copy strong{font-size:2.2rem}.brand-copy small{font-size:.65rem}.menu-toggle{display:flex;margin-left:auto;width:43px;height:43px;background:transparent;border:1px solid #333;border-radius:5px;flex-direction:column;justify-content:center;gap:5px;padding:10px}.menu-toggle span{height:2px;background:white;width:100%}.main-nav{position:absolute;top:80px;left:0;right:0;height:auto;background:#080808;padding:22px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--red)}.main-nav.open{display:flex}.main-nav a{font-size:1.2rem;width:100%;padding:8px}.hero{height:620px;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#000 0%,#000c 80%,#0004)}.hero-content{padding:100px 22px}.hero h1{font-size:3rem}.hero .lead br{display:none}.hero-actions{flex-wrap:wrap}.trust-strip{grid-template-columns:1fr;padding:25px}.trust-strip article{justify-content:flex-start;border-right:0;border-bottom:1px solid #252525;padding-bottom:17px}.trust-strip article:last-child{border:0}.service-grid{grid-template-columns:1fr}.service-image{height:250px;background-size:cover!important;background-position:center!important}.gallery-grid{grid-template-columns:1fr;height:auto}.gallery-tile{height:230px}.quote-wrap{grid-template-columns:1fr;padding:20px 15px}.quote-form,.about-panel{padding:27px 20px}form{grid-template-columns:1fr}label.full{grid-column:auto}.about-panel h2{font-size:1.85rem}.stats{gap:4px}footer{grid-template-columns:1fr;padding:30px 24px}.footer-brand{border-right:0;border-bottom:1px solid var(--red);padding-bottom:20px}.copyright{grid-column:auto}.section{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
