:root{--ink:#0e1310;--ink-2:#151c18;--ink-3:#1d2721;--paper:#d9ddd7;--muted:#9ca69f;--brand:#fccd25;--brand-2:#ffe05c;--line:rgba(255,255,255,.12)}
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,.footer-title{font-family:"Barlow Condensed",sans-serif;font-weight:700;line-height:.98;text-transform:uppercase;letter-spacing:-.02em}h1{font-size:clamp(3.5rem,8vw,7.4rem)}h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:.5rem 0 1.5rem}h3{font-size:1.6rem}p{color:#adb6b0}.container{max-width:1240px}.skip-link{position:fixed;top:-80px;left:1rem;background:var(--brand);color:#111;padding:.7rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.site-header{background:linear-gradient(#0e1310,rgba(14,19,16,.85));border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(14,19,16,.96);backdrop-filter:blur(12px);border-color:var(--line)}.navbar{min-height:92px}.navbar-brand img,.footer-logo{object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.2))}.navbar-brand img{width:96px;height:62px}.nav-link{color:#c6cdc8!important;font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.6rem .8rem!important}.nav-link:hover,.nav-link.active{color:var(--brand-2)!important}.btn{border-radius:0;padding:.75rem 1.25rem;font-weight:600;letter-spacing:.02em}.btn-brand{background:var(--brand);border-color:var(--brand);color:#101510}.btn-brand:hover{background:var(--brand-2);border-color:var(--brand-2);color:#101510;transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;gap:.7rem;color:var(--brand-2);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:32px;height:2px;background:var(--brand)}.hero{min-height:100svh;background:linear-gradient(90deg,rgba(8,12,9,.94) 0%,rgba(8,12,9,.66) 52%,rgba(8,12,9,.3)),linear-gradient(0deg,rgba(8,12,9,.8),transparent 50%),url('../images/kamenolom-zapad-slnka.webp') center/cover no-repeat}.hero h1{margin-top:1rem}.hero h1 span{color:var(--brand-2)}.hero .lead{max-width:670px;color:#d5dad6;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-meta{position:absolute;right:12px;bottom:3rem;gap:2rem;color:#c4cbc6;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.hero-meta span+span:before{content:"•";color:var(--brand);margin-right:2rem}.section{padding:clamp(5rem,9vw,8.5rem) 0}.section-alt{background:var(--ink-2)}.lead-small{font-size:1.2rem;color:#d0d5d1}.image-frame{position:relative;margin-left:clamp(0rem,4vw,4rem)}.image-frame:before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid rgba(252,205,37,.55)}.image-frame img,.content-img{position:relative;width:100%;height:560px;object-fit:cover;filter:saturate(.78) contrast(1.08)}.image-tag{position:absolute;right:-12px;bottom:24px;background:var(--brand);color:#111;padding:.8rem 1.2rem;text-transform:uppercase;font-weight:700;font-size:.72rem;letter-spacing:.09em}.text-link{color:var(--brand-2);font-weight:700;text-decoration:none}.text-link:hover{color:#fff0a3}.service-card,.detail-card{border:1px solid var(--line);padding:2rem;background:rgba(255,255,255,.015);transition:.25s}.service-card:hover,.detail-card:hover{border-color:var(--brand);transform:translateY(-5px);background:var(--ink-3)}.service-card>span,.detail-card>span{display:block;color:var(--brand);font-family:"Barlow Condensed";font-weight:700;margin-bottom:3.5rem}.service-card h3{font-size:2rem}.split-feature img{width:100%;height:720px;object-fit:cover}.split-feature>div>.row>div:last-child{background:var(--ink-3)}.split-copy{padding:clamp(3rem,8vw,7rem);max-width:720px}.check-list{padding:0;margin:2rem 0 2.5rem;list-style:none}.check-list li{border-bottom:1px solid var(--line);padding:.75rem 0;color:#d6dbd7}.check-list li:before{content:"↗";color:var(--brand);margin-right:1rem}.future{background:linear-gradient(rgba(11,16,12,.78),rgba(11,16,12,.92)),url('../images/nakladac-recyklat.webp') center/cover fixed}.page-hero{padding:clamp(11rem,18vw,15rem) 0 6rem;background-position:center;background-size:cover}.page-hero h1{font-size:clamp(3.4rem,7vw,6.8rem);max-width:950px}.page-hero p{font-size:1.2rem;color:#d3d8d4;max-width: 700px}.service-hero{background-image:linear-gradient(90deg,rgba(9,14,10,.95),rgba(9,14,10,.4)),url('../images/mobilny-drvic-rm90.webp')}.waste-hero{background-image:linear-gradient(90deg,rgba(9,14,10,.95),rgba(9,14,10,.4)),url('../images/manipulacia-s-materialom.webp')}.contact-hero{background-image:linear-gradient(90deg,rgba(9,14,10,.95),rgba(9,14,10,.45)),url('../images/nakladac-recyklat.webp')}.detail-card{padding:clamp(2rem,4vw,3.5rem)}.detail-card>span{margin-bottom:2rem}.detail-card h2{font-size:2.4rem;margin-bottom:1rem}.waste-list{border-top:1px solid var(--line)}.waste-row{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;padding:1.1rem;border-bottom:1px solid var(--line);transition:.2s}.waste-row:hover{background:var(--ink-3);padding-left:1.5rem}.waste-row strong{color:var(--brand-2);font-family:"Barlow Condensed";font-size:1.2rem}.cta-band{padding:4.5rem 0;background:var(--brand);color:#111}.cta-band .eyebrow,.cta-band p{color:#27231e}.cta-band .eyebrow:before{background:#111}.cta-band h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:.5rem}.cta-band h2 a{color:#111}.contact-panel{background:var(--ink-2);padding:clamp(2rem,5vw,4rem)}.contact-panel h3{color:#818e85;font-size:1rem;letter-spacing:.08em}.contact-link{display:block;color:#e4e8e5;font-size:1.18rem;text-decoration:none;margin-bottom:.35rem}.contact-link:hover{color:var(--brand)}.map-card{display:block;position:relative;min-height:560px;overflow:hidden}.map-card img{width:100%;height:100%;min-height:560px;object-fit:cover;filter:brightness(.55) saturate(.7);transition:.5s}.map-card:hover img{transform:scale(1.04);filter:brightness(.68)}.map-card>span{position:absolute;inset:auto 2rem 2rem;display:flex;flex-direction:column;color:white}.map-card small{color:var(--brand-2);text-transform:uppercase;font-weight:700;letter-spacing:.1em}.map-card strong{font-family:"Barlow Condensed";font-size:2rem;text-transform:uppercase}.map-card em{font-style:normal;color:#c0c7c2}.footer{background:#090c0a;border-top:1px solid var(--line)}.footer-title{font-size:1rem;letter-spacing:.1em;color:#8d9891}.footer a,.footer span{display:block;color:#aab3ad;text-decoration:none;margin-bottom:.45rem}.footer a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);font-size:.78rem}.floating-call{display:none;position:fixed;right:1rem;bottom:1rem;width:54px;height:54px;border-radius:50%;background:var(--brand);color:#111;text-decoration:none;align-items:center;justify-content:center;font-size:1.4rem;z-index:1000;box-shadow:0 8px 25px rgba(0,0,0,.35)}
@media(max-width:991.98px){.navbar-collapse{background:#101510;padding:1rem;border:1px solid var(--line)}.hero-meta{display:none}.split-feature img{height:480px}.page-hero{padding-top:10rem}.floating-call{display:flex}.image-frame{margin:1rem}.content-img{height:460px}.future{background-attachment:scroll}}
@media(max-width:575.98px){h1{font-size:3.6rem}.hero{min-height:780px}.hero .container{padding-bottom:2rem!important}.section{padding:4.5rem 0}.waste-row{grid-template-columns:86px 1fr;gap:.75rem;padding:1rem 0}.split-feature img{height:360px}.image-frame img{height:390px}.page-hero h1{font-size:3.4rem}.map-card,.map-card img{min-height:480px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Navigation */
.site-nav{display:flex;flex-basis:auto;flex-grow:1;align-items:center}
.mobile-nav-heading,.menu-toggle,.mobile-nav-backdrop{display:none}
.copyright,.copyright a{white-space:nowrap}
.footer .copyright a{display:inline}

@media(max-width:991.98px){
  body.menu-open{overflow:hidden}
  .menu-toggle{display:flex;position:relative;z-index:1042;width:46px;height:46px;margin-left:auto;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);flex-direction:column;justify-content:center;gap:5px}
  .menu-toggle span{display:block;width:100%;height:2px;background:var(--paper);transform-origin:center;transition:transform .3s ease,opacity .2s ease,width .3s ease}
  .menu-toggle span:nth-child(2){width:70%;margin-left:auto}
  .menu-open .menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){width:70%;opacity:0;transform:scaleX(0);background:transparent}
  .menu-open .menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:1039;background:rgba(4,7,5,.72);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
  .menu-open .mobile-nav-backdrop{opacity:1;visibility:visible;transition:opacity .35s ease}
  .site-nav{display:flex;position:fixed;z-index:1040;top:0;right:0;width:min(88vw,420px);height:100dvh;padding:1.5rem 1.75rem 2.5rem;background:linear-gradient(145deg,#1b241e,#0d120f 72%);border-left:1px solid rgba(252,205,37,.22);box-shadow:-20px 0 60px rgba(0,0,0,.35);flex-direction:column;align-items:stretch;transform:translate3d(102%,0,0);visibility:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;will-change:transform}
  .menu-open .site-nav{transform:translate3d(0,0,0);visibility:visible;transition:transform .4s cubic-bezier(.22,1,.36,1)}
  .mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--line);color:var(--brand);font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .site-nav .navbar-nav{width:100%;margin-top:2.5rem!important;align-items:stretch!important;gap:0!important}
  .site-nav .nav-item{border-bottom:1px solid var(--line)}
  .site-nav .nav-item:last-child{margin-top:2rem!important;border:0}
  .site-nav .nav-link{display:flex;align-items:center;justify-content:space-between;padding:1.05rem 0!important;font-family:"Barlow Condensed",sans-serif;font-size:clamp(1.55rem,7vw,2rem);font-weight:700;letter-spacing:.01em;text-transform:uppercase}
  .site-nav .nav-link:after{content:"";display:block;width:19px;height:19px;margin-left:auto;background:url('../images/icon-arrow-up-right.svg') center/contain no-repeat;opacity:.85;flex:0 0 auto}
  .site-nav .nav-link.active{color:#fff!important}
  .site-nav .nav-link.active:before{content:"";width:7px;height:7px;margin-right:.75rem;background:var(--brand);border-radius:50%}
  .site-nav .btn-brand{width:100%;padding:1rem 1.25rem;font-size:1rem}
}

.check-list li:before{content:"";display:inline-block;width:17px;height:17px;margin-right:1rem;background:url('../images/icon-arrow-up-right.svg') center/contain no-repeat;vertical-align:-3px}

@media(max-width:575.98px){
  .check-list li{display:flex;align-items:flex-start}
  .check-list li:before{flex:0 0 17px;margin-top:.32rem;vertical-align:initial}
}

/* Subtle motion */
@media(prefers-reduced-motion:no-preference){
  .hero .eyebrow,.hero h1,.hero .lead,.hero .d-flex,.hero-meta{opacity:0;animation:hero-reveal .75s cubic-bezier(.22,1,.36,1) forwards}
  .hero .eyebrow{animation-delay:.15s}
  .hero h1{animation-delay:.25s}
  .hero .lead{animation-delay:.38s}
  .hero .d-flex{animation-delay:.5s}
  .hero-meta{animation-delay:.65s}
  .motion-ready .reveal-item{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
  .motion-ready .reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0)}
  .motion-ready .image-frame.reveal-item,.motion-ready img.reveal-item,.motion-ready .map-card.reveal-item{transform:translate3d(0,30px,0) scale(.985)}
  .motion-ready .image-frame.reveal-item.is-visible,.motion-ready img.reveal-item.is-visible,.motion-ready .map-card.reveal-item.is-visible{transform:translate3d(0,0,0) scale(1)}
  .service-card:hover>span,.detail-card:hover>span{transform:translateX(5px)}
  .service-card>span,.detail-card>span{transition:transform .25s ease}
  .text-link{background-image:linear-gradient(var(--brand),var(--brand));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:color .2s ease,background-size .3s ease}
  .text-link:hover{background-size:100% 1px}
  @keyframes hero-reveal{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
}