:root{--ink:#20312b;--cream:#f4f0e7;--tan:#d6b78e;--orange:#c75d36;--sage:#a5b39d;--line:#d7d0c2;--muted:#647069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--ink);color:#dde4db;font:17px 'DM Mono',monospace;letter-spacing:.04em}.topbar .container{height:35px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:inherit;text-decoration:none}.site-header{background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:3}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:22px;letter-spacing:-.09em;text-decoration:none;color:var(--ink)}.logo span{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-.11em}.logo i{font-style:normal;color:var(--orange)}.main-nav{display:flex;align-items:center;gap:29px}.main-nav>a,.dropdown-toggle{font:600 16px 'DM Sans',sans-serif;text-decoration:none;color:var(--ink);background:none;border:0;padding:0;cursor:pointer}.nav-cta,.button{background:var(--orange);color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:14px 18px;display:inline-flex;gap:18px;align-items:center}.nav-cta span,.button span{font-size:17px}.menu-toggle{display:none}.nav-dropdown{position:relative}.dropdown-toggle span{font-size:14px}.dropdown-menu{display:none;position:absolute;top:27px;left:-16px;width:190px;background:#fff;padding:7px;border:1px solid var(--line);box-shadow:0 14px 26px #1d2b2418}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.is-open .dropdown-menu{display:block}.dropdown-menu a{display:block;color:var(--ink);text-decoration:none;font-size:12px;padding:10px}.dropdown-menu a:hover{background:var(--cream)}.hero{padding:80px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.eyebrow{font:17px 'DM Mono',monospace;letter-spacing:.09em;margin:0 0 20px}.hero h1,.page-hero h1{font-size:clamp(52px,6.3vw,82px);line-height:.99;letter-spacing:-.07em;margin:0 0 27px}.hero h1 em,h2 em,.page-hero h1 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--orange)}.hero-text,.page-lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:490px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:32px}.line-link{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-visual{height:470px;background:#cba77d;position:relative;overflow:hidden;color:#fff}.grain{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 12px,#704b2d55 14px 16px,transparent 19px 30px);transform:rotate(22deg)}.hero-visual span{position:absolute;left:28px;top:28px;font:38px/.86 'Playfair Display',serif;letter-spacing:-.07em}.hero-visual small{position:absolute;right:22px;bottom:22px;background:var(--ink);padding:8px;font:10px 'DM Mono',monospace}.benefits{background:var(--ink);color:#fff}.benefits .container{display:grid;grid-template-columns:repeat(4,1fr)}.benefits div{padding:25px;border-right:1px solid #ffffff2b}.benefits b{color:var(--tan);font:17px 'DM Mono',monospace}.benefits p{font-size:25px;line-height:1.1;margin:24px 0 0}.section{padding:105px 0}.heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:47px}.heading-row h2,h2{font-size:clamp(38px,4.5vw,59px);letter-spacing:-.065em;line-height:1.04;margin:0}.heading-row>p{max-width:270px;color:var(--muted);font-size:14px;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{height:320px;padding:20px;display:flex;flex-direction:column;color:#fff;text-decoration:none;position:relative;overflow:hidden}.product-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102a2280,transparent 65%)}.product-card>*{position:relative;z-index:1}.product-card span{font:10px 'DM Mono',monospace}.product-card h3{font:30px 'Playfair Display',serif;letter-spacing:-.05em;margin:auto 0 4px}.product-card p{font-size:12px;margin:0}.product-card>b{margin-top:16px;font-size:11px}.ply{background:linear-gradient(140deg,#d6b78e,#8f5c32)}.hard{background:linear-gradient(140deg,#4d625b,#162d26)}.pvc{background:linear-gradient(140deg,#d8d2c6,#928f89);color:var(--ink)}.wall{background:linear-gradient(140deg,#b7705b,#e5b67f)}.grass{background:linear-gradient(140deg,#7f9c63,#213f2a)}.door{background:linear-gradient(140deg,#9a4f31,#46291e)}.feature{padding:105px 0;background:#e7e1d4}.feature-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-art{height:410px;background:#79916c;position:relative;color:#fff;padding:28px}.feature-art span{font-size:120px;line-height:.3;color:var(--tan)}.feature-art b{position:absolute;bottom:30px;left:28px;font:54px/.9 'Playfair Display',serif;letter-spacing:-.07em}.feature-grid>div:last-child>p:not(.eyebrow),.two-col>div:last-child p{font-size:16px;line-height:1.75;color:var(--muted);max-width:480px}.feature-grid h2{margin-bottom:24px}.cta{background:var(--tan);padding:105px 0}.cta h2{font-size:clamp(45px,5.5vw,73px);margin-bottom:35px}.dark{background:var(--ink)}.site-footer{background:var(--ink);color:#dce2dc;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding-bottom:60px}.footer-logo{color:#fff}.site-footer p{font-size:16px;line-height:1.65;color:#b6c0b7;max-width:250px}.footer-label{font:14px 'DM Mono',monospace!important;letter-spacing:.08em;color:var(--tan)!important}.footer-link{color:#fff;text-decoration:none;font-size:15px;font-weight:600}.footer-small{font-size:14px!important;margin-top:23px}.footer-bottom{border-top:1px solid #ffffff25;padding-top:18px;display:flex;justify-content:space-between;color:#a2aca4;font:14px 'DM Mono',monospace}.page-hero{padding:105px 0;background:#d8c4a6}.page-lead{max-width:590px}.story .two-col{align-items:start}.two-col h2{margin:0}.values{background:var(--ink);color:#fff;padding:92px 0}.values .eyebrow{color:#cbd4cb}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff33;margin-top:50px}.value-grid article{padding:25px 28px 20px 0;border-right:1px solid #ffffff33}.value-grid article+article{padding-left:28px}.value-grid article:last-child{border:0}.value-grid b{font:10px 'DM Mono',monospace;color:var(--tan)}.value-grid h3{font-size:22px;margin:38px 0 12px;letter-spacing:-.05em}.value-grid p{color:#b8c1ba;font-size:14px;line-height:1.65}.category-hero{padding:90px 0;background:#d9ceb9}.category-hero h1{font-size:clamp(50px,6vw,78px);line-height:1;letter-spacing:-.07em;margin:0 0 22px}.category-hero h1 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--orange)}.category-intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:560px}.category-list{padding:85px 0}.category-list h2{margin-bottom:35px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spec-card{border:1px solid var(--line);background:#f9f7f2;padding:26px;min-height:190px}.spec-card b{font:10px 'DM Mono',monospace;color:var(--orange)}.spec-card h3{font:22px 'Playfair Display',serif;letter-spacing:-.04em;margin:32px 0 10px}.spec-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.enquiry-band{background:var(--sage);padding:62px 0}.enquiry-band .container{display:flex;justify-content:space-between;align-items:center}.enquiry-band h2{max-width:600px;font-size:37px}

@media(max-width:760px){.container{width:min(100% - 32px,1160px)}.topbar .container{font-size:8px}.nav-wrap{height:68px}.nav-cta{display:none}.menu-toggle{display:block;background:none;border:0;font:700 11px 'DM Sans',sans-serif;color:var(--ink)}.menu-toggle b{font-size:18px;margin-left:4px}.main-nav{display:none}.main-nav.is-open{display:flex;position:absolute;top:103px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:flex-start;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.nav-dropdown{width:100%}.dropdown-menu{position:static;width:100%;box-shadow:none;margin-top:10px}.hero{padding:58px 0 0}.hero-grid,.feature-grid,.two-col{grid-template-columns:1fr;gap:42px}.hero-visual{height:330px}.benefits .container{grid-template-columns:repeat(2,1fr)}.benefits div{padding:20px}.section,.feature{padding:72px 0}.heading-row{display:block}.heading-row>p{margin-top:22px}.product-grid,.spec-grid{grid-template-columns:1fr}.product-card{height:240px}.footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.footer-bottom{font-size:14px}.page-hero,.category-hero{padding:72px 0}.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article+article{border-right:0;border-bottom:1px solid #ffffff33;padding:22px 0}.category-list{padding:65px 0}.enquiry-band .container{display:block}.enquiry-band .button{margin-top:25px}}

.banner-slider{height:590px;position:relative;background:var(--ink);color:#fff;overflow:hidden}.slide{opacity:0;position:absolute;inset:0;transition:opacity .75s ease;pointer-events:none}.slide.is-active{opacity:1;pointer-events:auto}.slide img,.slide-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-content{position:relative;z-index:1;padding-top:130px}.slide-content .eyebrow{color:#fff3dd}.slide-content h1{font-size:clamp(52px,6.3vw,82px);line-height:.99;letter-spacing:-.07em;margin:0 0 23px}.slide-content h1 em{font-family:'Playfair Display',serif;color:#e9c78f;font-weight:500}.slide-content p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:460px;color:#fff;margin:0 0 30px}.slider-controls{height:60px;position:absolute;z-index:2;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.slide-arrow{border:1px solid #fff8;background:#ffffff16;color:#fff;width:42px;height:42px;border-radius:50%;font-size:19px;cursor:pointer}.slider-dots{display:flex;gap:9px}.slider-dots button{border:0;background:#ffffff66;width:32px;height:3px;padding:0;cursor:pointer}.slider-dots button.is-active{background:#fff}@media(max-width:760px){.banner-slider{height:530px}.slide-content{padding-top:105px}.slide-content p:not(.eyebrow){font-size:15px;max-width:340px}.slider-controls{bottom:13px}}

.brand-logo{display:flex;align-items:center;max-width:220px}.brand-logo img{display:block;width:100%;height:auto}.footer-brand-logo{max-width:190px;background:#fff;padding:5px 8px}

@media(max-width:760px){.brand-logo{max-width:172px}.footer-brand-logo{max-width:190px}}

.feature-art {
  height: 410px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-hero{
    background:#f8fafc;
    padding:90px 0;
}

.hero-tag{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
}

.about-hero h1{
    line-height:1.2;
}

.counter-box{
    background:#fff;
    text-align:center;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.counter-box h2{
    color:#0d6efd;
    font-weight:700;
    margin-bottom:5px;
}

.vision-section{
    background:#fff;
}

.mission-card{
    background:#fff;
    padding:40px;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    height:100%;
    transition:.4s;
}

.mission-card:hover{
    transform:translateY(-10px);
}

.icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;
}

.mission-card h3{
    font-weight:700;
    margin-bottom:20px;
}

.mission-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.mission-card li{
    margin-bottom:18px;
    font-size:17px;
}

.mission-card li i{
    color:#0d6efd;
    margin-right:10px;
}

.about-hero img{
    border-radius:20px;
}
.brands-section{
    background:#f7f8fa;
}

.brand-card{
    background:#fff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
}

.brand-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.brand-card img{
    max-height:70px;
    object-fit:contain;
}

.brand-card h6{
    margin-top:15px;
    font-weight:600;
}
.about-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #edf2f7;
}

.about-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.about-card .icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#0B5ED7,#0D6EFD);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:20px;
}.about-hero{
    background:linear-gradient(135deg,#F8FAFC,#EEF5FF);
    overflow:hidden;
}
.stat-card{
    background:#fff;
    padding:35px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.stat-card h2{
    color:#0B5ED7;
    font-size:42px;
    font-weight:700;
}

.stat-card p{
    margin:0;
    color:#666;
}
.experience-badge{
    position:absolute;
    bottom:30px;
    left:-20px;
    background:#0B5ED7;
    color:#fff;
    padding:20px 30px;
    border-radius:15px;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.experience-badge h2{
    margin:0;
    font-size:34px;
    font-weight:700;
}

body{font-family:Arial,sans-serif;background:#f7f9fc;color:#333}
.hero{background:linear-gradient(135deg,#0b5ed7,#0d6efd);color:#fff;padding:90px 0}
.hero-tag{display:inline-block;background:#ffffff22;padding:8px 18px;border-radius:30px;font-size:13px;letter-spacing:1px}
.hero img{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-weight:700}
.card-box{background:#fff;border-radius:18px;padding:30px;box-shadow:0 10px 25px rgba(0,0,0,.08);height:100%;transition:.3s}
.card-box:hover{transform:translateY(-8px)}
.icon{width:70px;height:70px;background:#0b5ed7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}
.counter{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.counter h3{color:#0b5ed7;font-size:42px;font-weight:bold}
.value{background:#fff;border-radius:15px;padding:25px;text-align:center;height:100%;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.value b{display:inline-block;background:#0b5ed7;color:#fff;width:55px;height:55px;border-radius:50%;line-height:55px;font-size:22px;margin-bottom:15px}
.cta{background:#0d1b2a;color:#fff;padding:70px 0;text-align:center}
.btn-gold{background:#f4b400;color:#000;font-weight:700}
footer{background:#08111f;color:#ddd;padding:20px;text-align:center}

.about-hero{

    background:linear-gradient(135deg,#F8FBFF,#EEF5FF);

    position:relative;

    padding:90px 0;

}

.hero-shape{

    position:absolute;

    border-radius:50%;

    opacity:.15;

}

.shape1{

    width:320px;

    height:320px;

    background:#0d6efd;

    top:-120px;

    right:-80px;

}

.shape2{

    width:220px;

    height:220px;

    background:#ffc107;

    left:-80px;

    bottom:-80px;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#fff;

    padding:12px 24px;

    border-radius:50px;

    font-weight:600;

    color:#0d6efd;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.hero-title{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#111;

}

.hero-title span{

    color:#0d6efd;

}

.hero-text{

    color:#555;

    font-size:18px;

    line-height:1.8;

}

.hero-counter{

    text-align:center;

}

.hero-counter h3{

    color:#0d6efd;

    font-size:38px;

    font-weight:700;

}

.hero-counter span{

    color:#666;

}

.hero-image{

    position:relative;

}

.hero-image img{

    border-radius:25px;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.experience-box{

    position:absolute;

    bottom:25px;

    left:-30px;

    background:#0d6efd;

    color:#fff;

    padding:25px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 20px 40px rgba(0,0,0,.20);

}

.experience-box h2{

    margin:0;

    font-size:42px;

    font-weight:700;

}

.experience-box p{

    margin:0;

    font-size:15px;

}

.btn-primary{

    background:#0d6efd;

    border:none;

}

.btn-primary:hover{

    background:#084298;

}

@media(max-width:991px){

.hero-title{

font-size:40px;

}

.experience-box{

left:15px;

bottom:15px;

padding:18px;

}

}

@media(max-width:576px){

.hero-title{

font-size:32px;

}

.hero-counter h3{

font-size:28px;

}

}