@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap");
:root{--primary:#5F6F45;--primary-deep:#3F4C31;--footer:#20281D;--olive-soft:#EEF1E7;--cream:#F7F2E7;--sand:#ECE5D7;--gold:#B59A73;--ink:#223024;--heading:'Fraunces',serif;--body:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:radial-gradient(circle at top left,rgba(181,154,115,.08),transparent 20%),radial-gradient(circle at top right,rgba(95,111,69,.06),transparent 22%),linear-gradient(180deg,#fbfaf6 0%,#f2eee4 100%)}h1,h2,h3,h4,h5,h6{font-family:var(--heading)}a,button{transition:all .2s ease}.focus-ring:focus{outline:3px solid rgba(102,115,79,.28);outline-offset:2px}.sprite,.cover-photo,.article-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.sprite-1{background-image:url('../images/index_Hero_5C8A1D2E.webp')}.sprite-2{background-image:url('../images/blog_Editorial_8E1C4A6B.webp')}.sprite-3{background-image:url('../images/about_Editorial_2F7B9C0D.webp')}.sprite-4{background-image:url('../images/guide_Garden_7D4A1C9E.webp')}.sprite-5{background-image:url('../images/contact_Studio_9B2E6F1A.webp')}.panel-1{background-position-x:0}.panel-2{background-position-x:50%}.panel-3{background-position-x:100%}.premium-card{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(102,115,79,.12);box-shadow:0 22px 50px rgba(29,39,24,.08)}.article-copy p{margin-top:1.1rem;line-height:1.8;color:#3f4741}.article-copy h2{font-size:2rem;line-height:1.15;font-weight:700;margin-top:2.4rem;color:#243023}.article-copy h3{font-size:1.45rem;line-height:1.2;font-weight:700;margin-top:1.8rem;color:#243023}.legal-copy h2{font-size:1.6rem;line-height:1.2;font-weight:700;margin-top:2rem;color:#243023}.legal-copy p,.legal-copy li{margin-top:1rem;line-height:1.85;color:#445047}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}[hidden]{display:none!important}.mobile-menu a{display:block}.faq-item[data-open="true"] .faq-answer{display:block}.faq-item[data-open="true"] .faq-icon{transform:rotate(45deg)}.faq-answer{display:block}.cookie-banner{box-shadow:0 30px 70px rgba(18,24,15,.16)}.article-hero{position:relative;overflow:hidden}.article-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,12,.08),rgba(15,18,12,.2))}.article-hero > *{position:relative;z-index:1}.hero-shell{position:relative;overflow:hidden}.hero-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(184,158,118,.24),transparent 34%),radial-gradient(circle at 85% 15%,rgba(102,115,79,.18),transparent 30%)}.hero-shell>*{position:relative;z-index:1}.stat-pill{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}

header{box-shadow:0 8px 28px rgba(35,43,28,.05)}
.article-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,250,245,.98));border:1px solid rgba(95,111,69,.10)}
.article-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(181,154,115,.08),transparent 28%);pointer-events:none}.article-shell>*{position:relative;z-index:1}
.article-copy .note-card{margin-top:1.6rem;border:1px solid rgba(95,111,69,.12);background:#f6f4ed;border-radius:24px;padding:1.2rem 1.3rem}.article-copy .note-card p,.article-copy .note-card li{margin-top:.55rem}.article-copy ul{margin-top:1.2rem;padding-left:1.2rem}.article-copy li{margin-top:.45rem;line-height:1.8;color:#3f4741}.article-copy strong{color:#243023}.article-copy .lead-title{margin-top:0}.article-copy .article-grid{display:grid;gap:1rem;margin-top:1.5rem}@media(min-width:768px){.article-copy .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-copy .mini-card{border:1px solid rgba(95,111,69,.12);background:#f8f6f0;border-radius:22px;padding:1rem 1.1rem}.article-copy .mini-card h3{margin-top:0;font-size:1.2rem}.article-copy .mini-card p{margin-top:.45rem}.article-hero{border:1px solid rgba(95,111,69,.10);box-shadow:0 35px 70px rgba(35,43,28,.12)}


/* Premium editorial redesign */
:root{
  --primary:#596447;
  --primary-deep:#30382a;
  --footer:#1f261d;
  --olive-soft:#e9ede1;
  --cream:#f6f0e5;
  --sand:#e8ddca;
  --gold:#b28d5d;
  --gold-soft:#d7c1a0;
  --ink:#20261f;
  --muted:#687066;
  --paper:#fcfaf5;
  --line:rgba(48,56,42,.12);
  --shadow-sm:0 12px 34px rgba(37,44,33,.07);
  --shadow-md:0 22px 60px rgba(37,44,33,.10);
  --shadow-lg:0 36px 90px rgba(31,38,29,.14);
}
html{background:var(--paper)}
body{
  min-height:100vh;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 8% 3%,rgba(178,141,93,.10),transparent 22rem),
    radial-gradient(circle at 92% 8%,rgba(89,100,71,.10),transparent 25rem),
    linear-gradient(180deg,#fdfbf7 0%,#f8f5ee 48%,#fbfaf6 100%)!important;
  letter-spacing:-.01em;
}
::selection{background:#dfe5d4;color:#273022}
body>main{overflow:hidden}
main>section{position:relative;isolation:isolate}
main>section::before{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(0)}
main>section:nth-of-type(odd)::before{width:26rem;height:26rem;right:-15rem;top:-11rem;background:radial-gradient(circle,rgba(178,141,93,.08),transparent 68%)}
main>section:nth-of-type(even)::before{width:30rem;height:30rem;left:-19rem;bottom:-15rem;background:radial-gradient(circle,rgba(89,100,71,.06),transparent 69%)}

h1,h2,h3,h4,h5,h6{font-family:var(--heading)!important;color:#252d23;letter-spacing:-.035em;text-wrap:balance}
h1{font-weight:600!important;line-height:.98!important}
h2{font-weight:600!important;line-height:1.04!important}
h3{font-weight:600!important}
p{text-wrap:pretty}
a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}

header{
  border-color:rgba(48,56,42,.08)!important;
  background:rgba(252,250,245,.88)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.75),0 14px 38px rgba(40,47,36,.055)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
}
header>div:first-child{min-height:76px;padding-top:12px!important;padding-bottom:12px!important}
header a[aria-label]{gap:.85rem!important}
header a[aria-label]>span:first-child{
  width:42px!important;height:42px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#657154,#46513a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(53,63,45,.18)!important;
  font-size:.9rem;
}
header a[aria-label]>span:last-child{font-size:1.55rem!important;letter-spacing:-.045em;color:#232b21!important}
header nav.hidden{gap:1.6rem!important}
header nav.hidden a{position:relative;color:#4f584d!important;font-weight:600!important;font-size:.82rem!important;letter-spacing:.015em}
header nav.hidden a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .25s ease}
header nav.hidden a:hover{color:#273022!important}
header nav.hidden a:hover::after{right:0}
header .hidden.lg\:block>a,
header a[href="blog.php"].rounded-xl{
  border-radius:999px!important;background:#35402f!important;padding:.72rem 1.18rem!important;
  box-shadow:0 10px 24px rgba(43,51,38,.14)!important;border:1px solid rgba(255,255,255,.08)!important;
}
header .hidden.lg\:block>a:hover{background:#273022!important;transform:translateY(-1px)}
header button[data-action="menu.toggle"]{border-radius:999px!important;border-color:var(--line)!important;background:#fff!important;padding:.62rem 1rem!important;font-weight:700}
.mobile-menu{background:rgba(252,250,245,.97)!important;border-color:var(--line)!important;box-shadow:0 20px 40px rgba(36,43,32,.07)}
.mobile-menu a{border-color:rgba(48,56,42,.08)!important;color:#30382e!important}

main>section.bg-\[\#F6F2E9\],main>section.bg-\[\#eef1e8\],main>section.bg-white\/90,main>section.bg-\[\#E8ECDD\]{background:transparent!important}
main>section:first-child{background:linear-gradient(180deg,rgba(238,233,221,.74),rgba(250,248,241,.15))!important;border-bottom:1px solid rgba(48,56,42,.06)}
main>section>.mx-auto{position:relative}
main section .max-w-7xl{max-width:1240px!important}

/* Hero and page intros */
main>section:first-child .grid.lg\:grid-cols-2,
main>section:first-child .grid.lg\:grid-cols-\[\.9fr_1\.1fr\],
main>section:first-child .grid.lg\:grid-cols-\[\.8fr_1\.2fr\]{gap:clamp(2.5rem,5vw,5.5rem)!important}
main>section:first-child h1{font-size:clamp(3rem,6vw,5.85rem)!important;max-width:15ch;color:#20271f!important}
main>section:first-child h1.text-4xl{font-size:clamp(2.8rem,5.3vw,5.1rem)!important}
main>section:first-child p.text-lg{color:#5e685c!important;line-height:1.9!important;max-width:62ch}
main>section:first-child p.uppercase,
main p.uppercase{font-size:.72rem!important;letter-spacing:.23em!important;color:#68725f!important;font-weight:700!important}
main p.uppercase::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:.75rem;margin-bottom:.2rem}

.cover-photo,.sprite,.article-cover{
  border-radius:26px!important;
  box-shadow:var(--shadow-lg)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background-color:#e8e5dd;
}
main>section:first-child .cover-photo,main>section:first-child .sprite{min-height:440px!important;position:relative;overflow:hidden}
main>section:first-child .cover-photo::after,main>section:first-child .sprite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(25,31,22,.16));pointer-events:none}

/* Cards */
.article-card,
.premium-card,
main div[class*="rounded-2xl"][class*="border"],
main div[class*="rounded-xl"][class*="border"]{
  border-color:rgba(48,56,42,.10)!important;
}
.article-card{
  border-radius:22px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 12px 38px rgba(36,43,32,.065)!important;
  backdrop-filter:blur(12px);
  transform:translateZ(0);
}
.article-card:hover{transform:translateY(-7px)!important;box-shadow:0 28px 72px rgba(36,43,32,.12)!important;border-color:rgba(178,141,93,.32)!important}
.article-card .article-cover{border:0!important;border-radius:0!important;box-shadow:none!important;filter:saturate(.9) contrast(.98);transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .35s ease!important}
.article-card:hover .article-cover{transform:scale(1.035)!important;filter:saturate(1) contrast(1)}
.article-card>div:last-child{padding:1.5rem 1.45rem 1.6rem!important}
.article-card h2,.article-card h3{font-size:1.5rem!important;line-height:1.12!important;color:#293126!important}
.article-card p{color:#667064!important;line-height:1.75!important}
.article-card a{color:#4f5e43!important;font-weight:700!important}

/* Editorial feature blocks */
main div.bg-\[\#283126\],main section.bg-\[\#283126\]{
  background:linear-gradient(145deg,#30392c 0%,#222a20 100%)!important;
  border:1px solid rgba(255,255,255,.07);
}
main div.bg-\[\#283126\]{border-radius:26px!important;box-shadow:0 24px 60px rgba(28,34,25,.14)!important}
main div.bg-\[\#E8ECDD\],main div.bg-\[\#eef1e8\],main div.bg-\[\#F6F2E9\],main div.bg-\[\#f4ede3\],main div.bg-\[\#eef1f1\]{
  background:linear-gradient(145deg,rgba(248,246,239,.96),rgba(237,239,229,.88))!important;
  border:1px solid rgba(48,56,42,.09)!important;
  box-shadow:0 12px 36px rgba(36,43,32,.05)!important;
}
main div.bg-\[\#E8ECDD\].p-7,main div.bg-\[\#E8ECDD\].p-6,main div.bg-\[\#F6F2E9\].p-7{border-radius:22px!important}

/* Buttons and chips */
main a.bg-\[\#66734F\],main button.bg-\[\#66734F\],.filter-btn.active{
  background:linear-gradient(135deg,#5f6c4f,#46533b)!important;
  border-color:transparent!important;
  border-radius:999px!important;
  box-shadow:0 11px 28px rgba(65,77,54,.16)!important;
  padding-left:1.25rem!important;padding-right:1.25rem!important;
}
main a.bg-\[\#66734F\]:hover,main button.bg-\[\#66734F\]:hover{background:linear-gradient(135deg,#4f5c43,#35402f)!important;transform:translateY(-1px)}
main a.border,main button.border{border-color:rgba(48,56,42,.14)!important}
.filter-btn{border-radius:999px!important;padding:.65rem 1rem!important;background:rgba(255,255,255,.8)!important;box-shadow:0 4px 14px rgba(36,43,32,.035)}
.filter-btn:hover{border-color:rgba(89,100,71,.3)!important;background:#fff!important}

/* Article / legal reading experience */
.article-shell{border-radius:28px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 28px 75px rgba(38,45,34,.085)!important;border:1px solid rgba(48,56,42,.09)!important}
.article-copy{font-size:1.02rem}
.article-copy p,.article-copy li,.legal-copy p,.legal-copy li{color:#525b51!important;line-height:1.92!important}
.article-copy h2,.legal-copy h2{margin-top:2.7rem!important;padding-top:.4rem;position:relative}
.article-copy h2::before,.legal-copy h2::before{content:"";position:absolute;top:0;left:0;width:42px;height:1px;background:var(--gold)}
.article-copy h3{color:#2d352b!important}
.article-copy .note-card,.article-copy .mini-card{border-radius:18px!important;background:#f7f4ec!important;border-color:rgba(48,56,42,.10)!important;box-shadow:none!important}
.legal-copy{background:rgba(255,255,255,.72);border:1px solid rgba(48,56,42,.08);border-radius:28px;padding-left:clamp(1.5rem,5vw,4rem)!important;padding-right:clamp(1.5rem,5vw,4rem)!important;box-shadow:0 22px 65px rgba(37,44,33,.06);margin-top:3rem;margin-bottom:4rem}
.article-hero{border-radius:28px!important;min-height:460px!important;box-shadow:var(--shadow-lg)!important}

/* FAQ */
[data-accordion-item]{border-radius:18px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(48,56,42,.10)!important;box-shadow:0 8px 28px rgba(36,43,32,.04)!important;padding:1.35rem 1.45rem!important}
[data-accordion-item] button span:first-child{font-size:1.08rem!important;font-family:var(--body)!important;font-weight:700!important;letter-spacing:-.02em;color:#30382e!important}
[data-accordion-item] button span:last-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf0e6;color:#526046!important;flex:none;transition:transform .25s ease,background .25s ease}
[data-accordion-item][data-open="true"] button span:last-child{background:#dde4d3}
.faq-answer{color:#687066!important}

/* Forms */
form{position:relative}
input,textarea,select{
  border-color:rgba(48,56,42,.15)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:rgba(89,100,71,.58)!important;box-shadow:0 0 0 4px rgba(89,100,71,.10)!important;background:#fff!important}
label{color:#394237!important;font-weight:700!important}

/* Footer */
footer{
  position:relative;
  background:linear-gradient(150deg,#252d22 0%,#1c221a 100%)!important;
  border-top:1px solid rgba(255,255,255,.05);
}
footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(178,141,93,.10),transparent 30rem);pointer-events:none}
footer>div{position:relative}
footer h2{font-size:2rem!important;color:#fff!important}
footer h3{color:#f4efe5!important}
footer p,footer a,footer button{color:rgba(255,255,255,.68)!important}
footer a:hover,footer button:hover{color:#fff!important}
footer>div:first-child{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
footer .border-t{border-color:rgba(255,255,255,.10)!important}

/* Cookies / modal */
.cookie-banner{border-radius:20px!important;background:rgba(255,255,255,.96)!important;border-color:rgba(48,56,42,.12)!important;box-shadow:0 30px 90px rgba(25,31,23,.20)!important;backdrop-filter:blur(20px)}
.modal-shell>div{border-radius:22px!important;background:#fcfaf5!important;border:1px solid rgba(48,56,42,.10)}

/* Fine details */
.shadow-\[0_28px_65px_rgba\(28\,34\,24\,0\.14\)\],
.shadow-\[0_28px_65px_rgba\(28\,34\,24\,0\.16\)\]{box-shadow:var(--shadow-lg)!important}
.text-gray-900{color:#2a3228!important}.text-gray-800{color:#394137!important}.text-gray-700{color:#586157!important}.text-gray-600{color:#6a7268!important}.text-gray-500{color:#7d857b!important}
.text-\[\#66734F\],.text-\[\#4A553A\]{color:#5a674d!important}
.border-gray-200{border-color:rgba(48,56,42,.10)!important}.border-gray-300{border-color:rgba(48,56,42,.15)!important}

@media (min-width:1024px){
  main>section>.mx-auto.py-16,main>section>.mx-auto.lg\:py-20{padding-top:6rem!important;padding-bottom:6rem!important}
  .article-copy{font-size:1.05rem}
}
@media (max-width:1023px){
  header>div:first-child{min-height:68px}
  main>section:first-child .cover-photo,main>section:first-child .sprite{min-height:360px!important}
  main>section:first-child h1{font-size:clamp(2.7rem,8vw,4.5rem)!important}
}
@media (max-width:640px){
  body{background:#fbfaf6!important}
  main>section:first-child .cover-photo,main>section:first-child .sprite,.article-hero{min-height:300px!important;border-radius:20px!important}
  .article-card{border-radius:18px!important}
  .article-shell,.legal-copy{border-radius:20px!important}
  header a[aria-label]>span:last-child{font-size:1.25rem!important}
  main p.uppercase::before{width:18px;margin-right:.5rem}
}