@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500&display=swap');

*,*::before,*::after{box-sizing:border-box;border-radius:0!important;}

body{font-family:'Raleway',sans-serif!important;font-weight:300!important;color:#cccccc!important;background-color:#0a0a0a!important;background-image:url("data:image/svg+xml,%3Csvg width='96' height='96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 96 0 L 0 0 0 96' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.15'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 24 0 L 0 0 0 24' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.07'/%3E%3C/svg%3E")!important;font-size:1rem!important;line-height:1.8!important;text-align:left!important;}

h1{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:1.1rem!important;color:#f2f0eb!important;line-height:1.4!important;letter-spacing:0.15em!important;text-transform:uppercase!important;margin-bottom:2rem!important;margin-top:0!important;text-align:left!important;}
h2{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:0.75rem!important;color:#3d7a54!important;text-transform:uppercase!important;letter-spacing:0.3em!important;margin-top:2.5rem!important;margin-bottom:1rem!important;text-align:left!important;}
h3,h4{font-family:'Raleway',sans-serif!important;font-weight:300!important;color:#f2f0eb!important;letter-spacing:0.1em!important;text-align:left!important;}
p{color:#cccccc!important;font-weight:300!important;line-height:1.9!important;text-align:left!important;}
strong{font-weight:400!important;color:#f2f0eb!important;}

a{color:#f2f0eb!important;text-decoration:none!important;border-bottom:none!important;transition:color 0.2s ease!important;}
a:visited{color:#f2f0eb!important;}
a:hover{color:#3d7a54!important;}
#body-wrapper a{color:#3d7a54!important;border-bottom:1px solid rgba(61,122,84,0.3)!important;}
#body-wrapper a:hover{border-bottom-color:#3d7a54!important;}
header a,.navbar a,.mobile-logo a,.overlay a{border-bottom:none!important;}

.container{max-width:860px!important;margin:0 auto!important;padding:0 40px!important;}
section.container{padding:0 40px!important;}

#header{background:#0a0a0a!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;border-bottom:0.5px solid #1a1a1a!important;}
#header .section{padding:0!important;max-width:100%!important;}
#header .container{max-width:860px!important;padding:0 40px!important;margin:0 auto!important;width:100%!important;}
#start{padding-top:60px!important;}

nav.navbar{background:#0a0a0a!important;padding:0!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;}
section.container nav.navbar{max-width:100%!important;width:100%!important;}

.navbar-section.logo{padding-left:0!important;margin-left:0!important;}
.navbar-section.logo a{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:1rem!important;letter-spacing:0.25em!important;color:#f2f0eb!important;text-transform:uppercase!important;border-bottom:none!important;}
.navbar-section.logo a:hover{color:#f2f0eb!important;}
.navbar-section.desktop-menu{padding-right:0!important;margin-right:0!important;}

.dropmenu>ul{display:flex!important;align-items:center!important;list-style:none!important;margin:0!important;padding:0!important;}
.dropmenu>ul>li{display:block!important;opacity:1!important;visibility:visible!important;}
.dropmenu ul li a{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:0.7rem!important;letter-spacing:0.22em!important;text-transform:uppercase!important;color:#888888!important;border-bottom:none!important;padding:0 1rem!important;}
.dropmenu ul li a:hover,.dropmenu ul li a.active,.navbar a.active,nav a.active{color:#3d7a54!important;}

.mobile-logo{text-align:left!important;padding:1.5rem 24px!important;padding-left:24px!important;margin:0!important;background:#0a0a0a!important;}
.mobile-logo a{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:1rem!important;letter-spacing:0.25em!important;color:#f2f0eb!important;text-transform:uppercase!important;display:block!important;border-bottom:none!important;margin-left:0!important;padding-left:0!important;}

.overlay{background:#0a0a0a!important;opacity:1!important;}
.overlay-menu ul li a{font-family:'Raleway',sans-serif!important;font-weight:300!important;font-size:0.75rem!important;letter-spacing:0.25em!important;text-transform:uppercase!important;color:#888888!important;border-bottom:none!important;}
.overlay-menu ul li a:hover,.overlay-menu ul li a.active{color:#3d7a54!important;}

/* HAMBURGER — fara display none, controlat din base.html.twig */
.button_container{z-index:1001!important;position:relative!important;}
#toggle span.top,#toggle span.middle,#toggle span.bottom{background:#f2f0eb!important;}

.btn-dark{display:inline-block;background:#f2f0eb;color:#0a0a0a!important;font-family:'Raleway',sans-serif;font-weight:300;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;padding:13px 32px;border:none!important;border-bottom:none!important;cursor:pointer;}
.btn-dark:hover{background:#e0ddd8!important;color:#0a0a0a!important;}
.ch-light .btn-dark{background:#0a0a0a!important;color:#f2f0eb!important;}
.ch-light .btn-dark:hover{background:#1a1a1a!important;color:#f2f0eb!important;}
.ch-dark .btn-dark{background:#f2f0eb!important;color:#0a0a0a!important;}

.btn-green{display:inline-block;background:transparent;color:#3d7a54!important;font-family:'Raleway',sans-serif;font-weight:300;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;padding:13px 32px;border:0.5px solid #3d7a54!important;border-bottom:0.5px solid #3d7a54!important;cursor:pointer;}
.btn-green:hover{background:rgba(61,122,84,0.08)!important;}

.cta-fixed{position:fixed;bottom:32px;right:60px;z-index:999;background:#0a0a0a;border:0.5px solid #3d7a54;padding:12px 24px;font-family:'Raleway',sans-serif;font-weight:300;font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:#3d7a54!important;border-bottom:0.5px solid #3d7a54!important;transition:background 0.2s ease;}
.cta-fixed:hover{background:rgba(61,122,84,0.1)!important;color:#3d7a54!important;}

footer,#footer{background-color:#0a0a0a!important;border-top:0.5px solid #1a1a1a!important;padding:48px 0!important;}
footer a,#footer a{color:#555!important;border-bottom:none!important;font-size:0.7rem!important;letter-spacing:0.15em!important;text-transform:uppercase!important;}
footer a:hover,#footer a:hover{color:#3d7a54!important;}

img{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:none!important;-webkit-user-drag:none!important;user-drag:none!important;-webkit-touch-callout:none!important;}

::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:#0a0a0a;}
::-webkit-scrollbar-thumb{background:#3d7a54;}

/* HOMEPAGE SECTIONS */
.ch-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0;position:relative;width:100%;}
.ch-screen-auto{width:100%;padding:96px 0;text-align:left!important;}
.ch-dark{background-color:#0a0a0a!important;background-image:url("data:image/svg+xml,%3Csvg width='96' height='96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 96 0 L 0 0 0 96' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.15'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 24 0 L 0 0 0 96' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.07'/%3E%3C/svg%3E")!important;}
.ch-light{background-color:#f2f0eb!important;background-image:url("data:image/svg+xml,%3Csvg width='96' height='96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 96 0 L 0 0 0 96' fill='none' stroke='%230a0a0a' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 24 0 L 0 0 0 24' fill='none' stroke='%230a0a0a' stroke-width='0.3' opacity='0.04'/%3E%3C/svg%3E")!important;}

.ch-light p{color:#333333!important;}
.ch-light .ch-about-text{color:#333333!important;}
.ch-light h1,.ch-light h2,.ch-light h3{color:#0a0a0a!important;}
.ch-light .ch-eyebrow{color:#3d7a54!important;}
.ch-light .ch-manifesto-title{color:#0a0a0a!important;}
.ch-light .ch-work-name{color:#0a0a0a!important;}
.ch-light .ch-works-preview{border-top:0.5px solid #cccccc!important;}
.ch-light .ch-work-item{border-bottom:0.5px solid #cccccc!important;}

.ch-hero-title{font-family:'Raleway',sans-serif!important;font-weight:200!important;font-size:1.1rem!important;color:#f2f0eb!important;line-height:1.4!important;letter-spacing:0.2em!important;text-transform:uppercase!important;margin:0!important;text-align:left!important;}
.ch-manifesto-title{font-family:'Raleway',sans-serif!important;font-weight:200!important;font-size:1.1rem!important;color:#f2f0eb!important;line-height:1.5!important;letter-spacing:0.12em!important;text-transform:uppercase!important;margin:0 0 2rem 0!important;text-align:left!important;}
.ch-eyebrow{font-family:'Raleway',sans-serif;font-weight:300;font-size:0.7rem;color:#3d7a54;letter-spacing:0.35em;text-transform:uppercase;margin-bottom:2rem;display:block;text-align:left!important;}
.ch-about-text{font-size:0.95rem!important;color:#cccccc!important;line-height:1.9!important;margin-bottom:1.5rem!important;text-align:left!important;}

.ch-works-preview{display:flex;flex-direction:column;gap:0;margin-top:2rem;border-top:0.5px solid #1a1a1a;width:100%;}
.ch-work-item{display:flex;align-items:center;gap:2rem;padding:1.2rem 0;border-bottom:0.5px solid #1a1a1a;text-align:left!important;}
.ch-work-nr{font-size:0.65rem;color:#3d7a54;letter-spacing:0.2em;min-width:32px;text-align:left!important;}
.ch-work-name{font-size:0.75rem;color:#f2f0eb;letter-spacing:0.2em;text-transform:uppercase;font-weight:300;text-align:left!important;}

.ch-powered{display:flex;align-items:center;gap:12px;margin-top:2rem;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:#888;flex-wrap:wrap;}
.ch-powered a{color:#3d7a54!important;border-bottom:none!important;font-weight:400;}

.accent-line,.ch-accent-line{width:40px;height:0.5px;background:#3d7a54;margin:1.5rem 0;}

.ch-statement-body{text-align:justify!important;}

.ch-statement-lead,.ch-statement-body{text-align:justify!important;}
.ch-about-text{text-align:justify!important;}

@media(max-width:768px){
  .container{padding:0 24px!important;}
  section.container{padding:0 24px!important;}
  #header .container{padding:0 24px!important;}
  #header .navbar-section.logo{left:24px!important;}
  .mobile-logo{padding-left:24px!important;padding-right:24px!important;}
  #ch-hero-inner{padding-left:24px!important;padding-right:24px!important;}
  .cta-fixed{right:24px!important;bottom:24px!important;}
  .ch-screen{padding:60px 0;}
  .ch-screen-auto{padding:60px 0;}
}