:root{
    --forest:#005c32;
    --green:#078b39;
    --lime:#a3d52b;
    --mint:#eaf7ed;
    --ink:#153d2b}*{box-sizing:border-box
    }
body{
    font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#1a2c24
}
a{
    text-decoration:none
}
.navbar-siemas{
    background:#fff;
    box-shadow:0 2px 16px #092c1b14;
    min-height:86px
}
.brand-mark{
    width:58px;height:58px;object-fit:cover;object-position:center top;border-radius:50%}.brand-name{font-weight:900;font-style:italic;color:var(--forest);font-size:30px;line-height:1}.brand-name small{display:block;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.32em;text-align:center;margin-top:5px}.navbar-siemas .nav-link{font-weight:600;color:#1b251f;padding:12px 10px!important}.navbar-siemas .nav-link.active,.navbar-siemas .nav-link:hover{color:var(--forest)}.navbar-siemas .nav-link.active:after{content:'';display:block;height:3px;background:var(--green);margin-top:5px}.dropdown-menu{border:0;border-radius:12px;box-shadow:0 12px 28px #0002;padding:10px;min-width:260px}.dropdown-item{padding:12px;border-radius:8px}.dropdown-item:hover{background:var(--mint);color:var(--forest)}.dropdown-item i{color:var(--green)}

.hero {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;

    background-image:
        linear-gradient(
            90deg,
            rgba(0, 55, 27, 0.88) 0%,
            rgba(0, 65, 30, 0.65) 38%,
            rgba(0, 60, 30, 0.08) 75%
        ),
        url('../images/hero.png');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
}

.hero:before{content:'';position:absolute;right:-140px;bottom:-260px;width:700px;height:700px;border:90px solid #ffffff12;border-radius:50%}.hero h1{font-size:clamp(38px,4.7vw,70px);line-height:1.07;letter-spacing:-.04em;font-weight:800;margin:22px 0}.hero h1 span{color:var(--lime)}.hero-lead{max-width:650px;font-size:18px;line-height:1.65}.eyebrow{font-size:13px;letter-spacing:.28em;font-weight:800;color:var(--forest)}.eyebrow-line{display:inline-block;vertical-align:middle;width:80px;height:2px;background:linear-gradient(90deg,var(--lime),transparent);margin-left:12px}.btn-rounded,.btn-lime,.btn-green{border-radius:40px;padding:12px 27px;font-weight:700}.btn-lime{background:var(--lime);border:2px solid var(--lime);color:#173a23}.btn-lime:hover{background:#c1ec56;border-color:#c1ec56;color:#173a23}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--forest);color:#fff}.hero-emblem{width:270px;height:270px;border:7px solid #e3ffb55c;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);position:relative}.hero-emblem>.bi-recycle{font-size:150px;color:#d8ff8bbd}.hero-emblem .emblem-leaf{position:absolute;font-size:65px;color:#c9ec55;top:12px;right:-20px}.pillars{padding:34px 0;background:#fff}.pillar{display:flex;justify-content:center;align-items:center;gap:15px;min-height:72px}.pillar i{font-size:40px;color:var(--green)}.pillar span{font-weight:700;line-height:1.3}.projects{padding:75px 0 95px;background:linear-gradient(120deg,#edf8ef,#fff 70%)}.projects h2{font-size:clamp(30px,3vw,43px);font-weight:800;color:#103d2a;margin:15px 0 6px}.section-intro{color:#587062}.project-card{display:flex;gap:20px;padding:14px;background:#fff;border-radius:22px;border-left:8px solid #4cae19;box-shadow:0 12px 28px #103d2a14;height:100%;transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-art{flex:0 0 38%;min-height:240px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:white}.project-art i{font-size:85px}.project-art span{font-size:24px;font-weight:800;letter-spacing:.2em}.alu-art{background:linear-gradient(145deg,#9b7520,#e2ae32 45%,#4e4a16)}.nfu-art{background:linear-gradient(145deg,#232b28,#647269 45%,#151b18)}.project-copy{flex:1;padding:12px 8px 12px 0;display:flex;flex-direction:column;align-items:flex-start}.project-copy h3{font-size:21px;line-height:1.22;font-weight:800;color:#101d16}.project-copy p{font-size:14px;line-height:1.65;margin:14px 0 18px}.project-copy .btn{margin-top:auto}.cta{background:var(--forest);color:white;padding:70px 0}.cta h2{font-weight:800}.cta p{margin:15px 0 24px}.footer-siemas{background:#063c25;color:#e4f4e9;padding:30px 0;font-size:14px}.footer-siemas strong{font-size:18px}.inner-page{min-height:55vh;padding:90px 0;background:linear-gradient(140deg,#eef8ef,#fff)}.inner-page h1{color:var(--forest);font-weight:800}.inner-page p{max-width:750px;font-size:18px;line-height:1.7}@media(max-width:991px){.hero{padding:75px 0}.project-card{flex-direction:column}.project-art{min-height:200px}.project-copy{padding:10px}}@media(max-width:575px){.brand-mark{width:45px;height:45px}.brand-name{font-size:24px}.hero-lead{font-size:16px}.pillar{flex-direction:column;gap:5px;text-align:center}.pillar i{font-size:30px}.pillar span{font-size:12px}.projects{padding:55px 0}}
.pillar-icon {
    width: 44px;
    height: 44px;
    color: var(--siemas-green, #078B39);
    flex-shrink: 0;
}

.project-art {
    overflow: hidden;
    flex-shrink: 0;
}

.project-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 14px;
    transition: transform 0.4s ease;
}

.project-card:hover .project-image {
    transform: scale(1.05);
}