:root{
  --ink:#171514;
  --paper:#fbf8f2;
  --cream:#f3ede2;
  --warm:#d9c8b2;
  --sage:#8b9683;
  --sage-dark:#536050;
  --line:rgba(23,21,20,.14);
  --shadow:0 16px 45px rgba(35,29,23,.10);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2.8rem,6vw,5.4rem)}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:1.35rem}
p{margin:.3em 0 1em}
a{color:inherit}
.container{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;text-decoration:none;font-family:Georgia,serif;font-weight:bold;font-size:1.2rem}
.brand img{width:54px;height:54px;object-fit:contain;margin-right:10px}
nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;align-items:center}
nav a{text-decoration:none;font-size:.93rem;font-weight:700}
nav a:hover{color:var(--sage-dark)}
.menu{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 12px;font-size:1.2rem}
.hero{min-height:78vh;display:grid;place-items:center;padding:60px 0;background:
 radial-gradient(circle at 20% 20%,rgba(217,200,178,.35),transparent 28%),
 radial-gradient(circle at 80% 70%,rgba(139,150,131,.18),transparent 25%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:bold;color:var(--sage-dark)}
.hero p{font-size:1.15rem;max-width:650px}
.hero-logo{text-align:center}
.hero-logo img{width:min(100%,480px);filter:drop-shadow(0 16px 20px rgba(0,0,0,.08))}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-block;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:bold;border:1px solid var(--ink);transition:.2s}
.btn.primary{background:var(--ink);color:white}
.btn.secondary{background:transparent}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
section{padding:82px 0}
.alt{background:var(--cream)}
.intro{max-width:760px;margin-bottom:38px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 6px 20px rgba(30,25,20,.04)}
.card .icon{font-size:2rem}
.category{min-height:200px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#fff,#efe8dc)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.feature-box{border-radius:var(--radius);padding:45px;background:var(--ink);color:white}
.quote{font-family:Georgia,serif;font-size:1.5rem}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery-item{min-height:180px;border-radius:18px;background:linear-gradient(135deg,#e9dfd1,#c9d2c5);display:flex;align-items:end;padding:16px;font-weight:bold}
.gallery-item:nth-child(2n){background:linear-gradient(135deg,#d7c5b2,#f5f1e8)}
.gallery-item:nth-child(3n){background:linear-gradient(135deg,#d5ddd1,#efe6d8)}
.page-hero{padding:75px 0;background:var(--cream);text-align:center}
.page-hero p{max-width:700px;margin:auto}
.content{max-width:850px}
form{display:grid;gap:16px}
label{font-weight:bold;font-size:.92rem}
input,textarea,select{width:100%;padding:13px;border-radius:10px;border:1px solid var(--line);font:inherit;background:white}
textarea{min-height:150px}
.notice{padding:18px;border-left:4px solid var(--sage-dark);background:#edf0ea}
footer{background:var(--ink);color:#f7f2ea;padding:50px 0 25px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
footer a{color:#f7f2ea;text-decoration:none}
.small{font-size:.88rem;opacity:.75}
@media(max-width:850px){
  .hero-grid,.split{grid-template-columns:1fr}
  .hero{text-align:center}.buttons{justify-content:center}
  .hero-logo{order:-1}
  .grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  nav ul{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
  nav ul.open{display:flex}.menu{display:block}
}
@media(max-width:560px){.grid,.gallery,.footer-grid{grid-template-columns:1fr}.nav{height:68px}.brand{font-size:1rem}.brand img{width:46px;height:46px}section{padding:58px 0}}

/* V2 Botanical FoxCraftResin visual system */
:root{--forest:#314437;--moss:#65745f;--sage:#aeb8a5;--cream:#f7f3e9;--paper:#eee9dc;--stone:#777b76;--ink:#202522}
body{background:var(--cream);color:var(--ink)} header{background:rgba(247,243,233,.92);backdrop-filter:blur(16px)} nav a:hover{color:var(--forest)}
.hero{min-height:86vh;background:radial-gradient(circle at 85% 15%,rgba(174,184,165,.45),transparent 28%),radial-gradient(circle at 5% 90%,rgba(101,116,95,.18),transparent 25%),var(--cream);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.10;background:repeating-radial-gradient(ellipse at 10% 110%,var(--forest) 0 1px,transparent 2px 34px)}.hero-grid{position:relative;z-index:1}.hero-logo{position:relative}.hero-logo:before{content:"";position:absolute;width:82%;height:82%;left:9%;top:9%;border:1px solid var(--sage);border-radius:50%;animation:orbit 16s linear infinite}.hero-logo img{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}@keyframes orbit{to{transform:rotate(360deg)}}.primary,.feature-box{background:var(--forest)!important}.alt,.page-hero{background:linear-gradient(180deg,var(--paper),var(--cream))}.btn:hover,.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(29,38,31,.14)}.card{border-radius:24px}.category:before{color:var(--sage)}.gallery-item{min-height:235px;background:linear-gradient(135deg,#d8ddd2,#aeb8a5)!important;border-radius:20px}.gallery-item:nth-child(2n){background:linear-gradient(135deg,#e9e3d5,#b8bcb4)!important}.feature-box:after{content:"🦊";position:absolute;right:25px;bottom:-20px;font-size:8rem;opacity:.12}.notice{background:#e4e8df;border-left-color:var(--moss)}
.fern-transition{height:110px;position:relative;overflow:hidden;background:linear-gradient(to bottom,var(--cream),var(--paper))}.fern{position:absolute;bottom:-105px;width:12px;height:180px;background:var(--forest);border-radius:10px;transform-origin:bottom;animation:growFern 1.5s ease-out forwards}.fern:before,.fern:after{content:"";position:absolute;width:70px;height:24px;border:7px solid var(--forest);border-color:var(--forest) transparent transparent transparent;border-radius:50%;opacity:.85}.fern:before{right:-55px;top:25px;transform:rotate(-18deg)}.fern:after{left:-55px;top:62px;transform:rotate(198deg)}.f1{left:8%;height:150px;animation-delay:.1s}.f2{left:23%;height:115px;animation-delay:.35s;opacity:.7}.f3{right:27%;height:145px;animation-delay:.2s}.f4{right:8%;height:180px;animation-delay:.5s}@keyframes growFern{from{transform:scaleY(0)}to{transform:scaleY(1)}}.page-leaving{animation:pageFade .55s ease forwards}@keyframes pageFade{to{opacity:0;transform:translateY(-12px)}}footer{background:#1f2922}