*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#F6F1EA;color:#1B1B17;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit}
  input,select{font-family:inherit}
  ::selection{background:#C9A85C;color:#18291F}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #C9A85C;outline-offset:3px;border-radius:6px}
  [data-desktop-nav]{display:flex}
  [data-burger]{display:none}
  @keyframes er-reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
  @keyframes er-fade{from{opacity:0}to{opacity:1}}
  @keyframes er-imgswap{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
  @keyframes er-acc{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
  @keyframes er-capfade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
  @keyframes er-menu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  @keyframes er-navshadow{from{box-shadow:0 1px 0 rgba(246,241,234,.05)}to{box-shadow:0 14px 34px -16px rgba(0,0,0,.55)}}
  @media (max-width:980px){
    [data-desktop-nav]{display:none}
    [data-burger]{display:inline-flex}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *{animation:none!important;transition-duration:.001ms!important}
  }

*{box-sizing:border-box}
html,body{background:#F6F1EA !important}
body{margin:0 !important;font-family:Inter,system-ui,-apple-system,sans-serif !important}
#erwrap a{text-decoration:none}
#erwrap [style*="animation-timeline"]{animation:none !important;opacity:1 !important}
#erwrap a, #erwrap button, #erwrap [class*="scp"]{transition-property:transform,background-color,box-shadow,border-color,letter-spacing,opacity !important;transition-duration:.3s !important;transition-timing-function:cubic-bezier(.22,1,.36,1) !important}
#erwrap a[style*="border-bottom"]{border-top-width:0 !important;border-left-width:0 !important;border-right-width:0 !important;border-top-style:none !important;border-left-style:none !important;border-right-style:none !important}
#erwrap header nav a{position:relative}
#erwrap header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:#C9A85C;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.22,1,.36,1)}
#erwrap header nav a:hover::after{transform:scaleX(1)}
#erwrap footer h3{margin:0 0 18px !important;letter-spacing:.14em !important}
#erwrap footer ul{gap:13px !important}
#erwrap footer li a{display:inline-block}
#erwrap footer li a:hover{transform:translateX(3px)}
.er-article{max-width:820px;margin:0 auto;padding:clamp(34px,5vw,64px) clamp(18px,4vw,44px) clamp(60px,7vw,96px)}
.er-crumb{max-width:1240px;margin:0 auto;padding:20px clamp(18px,4vw,44px) 0;font-size:13px;color:#9A9788}
.er-crumb a{color:#76746A !important}
.er-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#A9863C !important}
.er-meta .er-date{color:#9A9788 !important;font-weight:500;letter-spacing:.02em;text-transform:none;font-size:13px}
.er-article h1{margin:14px 0 0;font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-.01em;color:#1F2D24 !important}
.er-hero{margin:26px 0 0;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(31,45,36,.45)}
.er-hero img{display:block;width:100%;height:auto}
.er-body{margin-top:30px;font-size:17px;line-height:1.75;color:#3E3D36 !important}
.er-body p{margin:0 0 20px}
.er-body h2,.er-body h3{font-family:'Playfair Display',serif;color:#1F2D24 !important;line-height:1.2;margin:34px 0 12px}
.er-body h2{font-size:27px}.er-body h3{font-size:21px}
.er-body a{color:#A9863C !important;border-bottom:1.5px solid rgba(201,168,92,.4)}
.er-body img{max-width:100%;height:auto;border-radius:14px;margin:12px 0}
.er-body ul,.er-body ol{margin:0 0 20px;padding-left:22px}
.er-body li{margin:0 0 9px}
.er-body blockquote{margin:24px 0;padding:18px 24px;border-left:3px solid #C9A85C;background:#FFFDF9;border-radius:0 12px 12px 0;font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:#1F2D24 !important}
.er-back{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#243D33 !important;font-weight:600;font-size:14.5px}
.er-intro{max-width:1240px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(18px,4vw,44px) 6px}
.er-eye{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.18em;color:#A9863C !important}
.er-eye i{width:26px;height:1.5px;background:#C9A85C;display:inline-block}
.er-intro h1{margin:14px 0 0;font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(32px,4.4vw,50px);line-height:1.08;letter-spacing:-.01em;color:#1F2D24 !important}
.er-intro p{margin:16px 0 0;max-width:640px;font-size:16.5px;line-height:1.66;color:#5F5D54 !important}
.er-grid{max-width:1240px;margin:0 auto;padding:clamp(28px,3.5vw,48px) clamp(18px,4vw,44px) clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.er-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ECE3D5;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(31,45,36,.04);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.er-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -26px rgba(31,45,36,.5);border-color:rgba(201,168,92,.5)}
.er-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.er-card .er-cat{margin:16px 22px 0;font-size:11px;color:#A9863C !important;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.er-card h2{font-family:'Playfair Display',serif;font-weight:600;font-size:20px;line-height:1.22;margin:9px 22px 0}
.er-card h2 a{color:#1F2D24 !important}
.er-card p{margin:10px 22px 0;font-size:13.5px;line-height:1.6;color:#76746A !important}
.er-card .er-more{margin:14px 22px 22px;font-size:13.5px;font-weight:600;color:#A9863C !important;display:inline-flex;gap:7px}
.er-pag{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,44px) 70px;display:flex;gap:8px;justify-content:center}
.er-pag a,.er-pag span{color:#243D33 !important;font-weight:600;padding:9px 14px;border:1px solid #ECE3D5;border-radius:8px;background:#fff}
.er-cta{position:relative;overflow:hidden;padding:clamp(66px,8vw,112px) clamp(18px,4vw,44px);
  background-image:linear-gradient(rgba(20,32,26,.90),rgba(20,32,26,.84)),url(https://evergreenresidence.hu/wp-content/uploads/2026/07/evergreen-residence-debrecen-nappali-hero.jpg);background-size:cover;background-position:center;text-align:center}
.er-cta h2{margin:0 auto;font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(26px,3.2vw,40px);line-height:1.14;color:#F8F4ED !important;max-width:720px}
.er-cta p{margin:14px auto 0;max-width:620px;color:#C7D2C9 !important;font-size:16px;line-height:1.65}
.er-cta a{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:17px 40px;border-radius:8px;background:#C9A85C;color:#fff !important;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 16px 42px -12px rgba(201,168,92,.55)}
.er-cta a:hover{background:#d4b56b;transform:translateY(-2px)}

.scp0:hover{color:rgb(255, 255, 255) !important}
.scp1:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(212, 181, 107) !important;transform:translateY(-1px) !important;box-shadow:rgba(201, 168, 92, 0.7) 0px 12px 22px -10px !important}
.scp2:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(212, 181, 107) !important;transform:translateY(-2px) !important;box-shadow:rgba(201, 168, 92, 0.6) 0px 16px 30px -10px !important}
.scp3:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(246, 241, 234) !important;color:rgb(24, 41, 31) !important;border-top-color:rgb(246, 241, 234) !important;border-right-color:rgb(246, 241, 234) !important;border-bottom-color:rgb(246, 241, 234) !important;border-left-color:rgb(246, 241, 234) !important;transform:translateY(-2px) !important}
.scp4:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(28, 49, 39) !important;transform:translateY(-2px) !important;box-shadow:rgba(36, 61, 51, 0.7) 0px 16px 30px -12px !important}
.scp5:hover{row-gap:12px !important;column-gap:12px !important;border-top-color:rgb(36, 61, 51) !important;border-right-color:rgb(36, 61, 51) !important;border-bottom-color:rgb(36, 61, 51) !important;border-left-color:rgb(36, 61, 51) !important}
.scp6:hover{transform:translateY(-9px) !important;box-shadow:rgba(31, 45, 36, 0.5) 0px 32px 60px -26px !important;border-top-color:rgba(201, 168, 92, 0.5) !important;border-right-color:rgba(201, 168, 92, 0.5) !important;border-bottom-color:rgba(201, 168, 92, 0.5) !important;border-left-color:rgba(201, 168, 92, 0.5) !important}
.scp7:hover{transform:scale(1.06) !important;filter:brightness(1.05) !important}
.scp8:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(28, 49, 39) !important;transform:translateY(-2px) !important;box-shadow:rgba(36, 61, 51, 0.85) 0px 16px 28px -12px !important;row-gap:12px !important;column-gap:12px !important}
.scp9:hover{letter-spacing:0.14em !important}
.scpa:hover{border-top-color:rgb(216, 201, 168) !important;border-right-color:rgb(216, 201, 168) !important;border-bottom-color:rgb(216, 201, 168) !important;border-left-color:rgb(216, 201, 168) !important;box-shadow:rgba(31, 45, 36, 0.5) 0px 12px 28px -18px !important}
.scpb:hover{row-gap:12px !important;column-gap:12px !important;border-top-color:rgb(201, 168, 92) !important;border-right-color:rgb(201, 168, 92) !important;border-bottom-color:rgb(201, 168, 92) !important;border-left-color:rgb(201, 168, 92) !important}
.scpc:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(201, 168, 92) !important;border-top-color:rgb(201, 168, 92) !important;border-right-color:rgb(201, 168, 92) !important;border-bottom-color:rgb(201, 168, 92) !important;border-left-color:rgb(201, 168, 92) !important;color:rgb(24, 41, 31) !important}
.scpd:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(28, 49, 39) !important;transform:translateY(-2px) !important;box-shadow:rgba(36, 61, 51, 0.7) 0px 16px 30px -14px !important}
.scpe:hover{transform:translateY(-8px) !important;box-shadow:rgba(31, 45, 36, 0.5) 0px 30px 60px -26px !important;border-top-color:rgba(201, 168, 92, 0.5) !important;border-right-color:rgba(201, 168, 92, 0.5) !important;border-bottom-color:rgba(201, 168, 92, 0.5) !important;border-left-color:rgba(201, 168, 92, 0.5) !important}
.scpf:hover{color:rgb(36, 61, 51) !important}
.scpg:hover{row-gap:11px !important;column-gap:11px !important}
.scph:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(212, 181, 107) !important;transform:translateY(-2px) !important;box-shadow:rgba(201, 168, 92, 0.65) 0px 18px 36px -12px !important}
.scpi:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(201, 168, 92) !important;color:rgb(24, 41, 31) !important;border-top-color:rgb(201, 168, 92) !important;border-right-color:rgb(201, 168, 92) !important;border-bottom-color:rgb(201, 168, 92) !important;border-left-color:rgb(201, 168, 92) !important}
.scpj:hover{color:rgb(246, 241, 234) !important}
.scpk:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(212, 181, 107) !important}
