:root{--paper:#fbf8ee;--ink:#182119;--accent:#876721;--tint:#e8eddf;--muted:#59634f;--line:#cdd4bd;--gold:#d5b363;--gold-light:#efdaa2;--forest:#263e2b;--black:#101510}
header{background:#101510f5;backdrop-filter:blur(12px);border-bottom:2px solid var(--gold)}.wordmark{color:var(--gold-light)}.wordmark small{color:#d0d6bf}.navlinks a{color:var(--paper)}.navlinks a.btn{color:var(--black)}
.hero{position:relative;max-width:none;padding-left:max(30px,calc((100vw - 1100px)/2));padding-right:max(30px,calc((100vw - 1100px)/2));background:url('greenery.svg') left bottom / 380px auto no-repeat,radial-gradient(ellipse at 0 100%,#36543a,transparent 70%),#101710;isolation:isolate}.hero h1{color:#fff9e9}.hero h1 em{color:var(--gold-light)}.hero .eyebrow{color:var(--gold)}.hero p{color:#e0e5d4}.hero .micro{color:#bfcbb2}.hero .visual{z-index:1}.hero .visual img{border-radius:50%;border:4px solid var(--gold);box-shadow:0 20px 65px #0007}.hero .btn.light{color:var(--gold-light);border-color:var(--gold)}.hero .btn.light:hover{background:#304632}
.btn{background:var(--gold);border-color:var(--gold);color:var(--black);font-weight:bold}.btn:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn.light{background:transparent;color:#31462c;border-color:#587447}.btn.light:hover{background:#e6ecd9}
.ribbon{background:#203724;color:var(--gold-light);border-top:1px solid #9e854c;border-bottom:4px solid var(--gold);padding:25px 20px}
#services{background:url('greenery.svg') right -60px bottom -85px / 270px auto no-repeat,var(--paper)}#services .service{padding:28px;border:1px solid #5d734b;border-top:4px solid var(--gold);background:#263e2b;color:var(--paper);border-radius:4px}#services .service:nth-child(2){background:#344b32}#services .service:nth-child(3){background:#142619}#services .service p{color:#e0e5d4}#services .number{color:var(--gold)}#services .price{color:var(--gold-light);font-size:29px}
.section.alt{background:#e8eddf}.section.alt .service{border-top:3px solid #7d935f}.section.alt .service:last-child{background:#203725;color:var(--paper);padding:22px;border:2px solid var(--gold);border-radius:4px}.section.alt .service:last-child p{color:#e2e7d7}.section.alt .service:last-child .price,.section.alt .service:last-child .number{color:var(--gold-light)}
.brochure-section{background:url('greenery.svg') left -90px bottom -110px / 400px auto no-repeat,#101710;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);color:var(--paper)}.brochure-layout{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.brochure-section .eyebrow{color:var(--gold)}.brochure-section h2{color:var(--gold-light)}.brochure-section h2 em{color:#d6e4c4}.brochure-section .micro{color:#c4cdb8;max-width:460px}.brochure-section .btn.light{color:var(--gold-light);border-color:var(--gold)}.brochure-section .btn.light:hover{background:#32472f}.brochure-preview{display:block;max-width:370px;margin:auto;transform:rotate(2deg);transition:transform .2s ease;box-shadow:0 17px 38px #0007;background:white;border:7px solid var(--gold)}.brochure-preview:hover{transform:rotate(0)}.brochure-preview img{display:block;width:100%;height:auto}
#gallery{background:url('greenery.svg') right -100px bottom -160px / 460px auto no-repeat,#213725;border-top:1px solid #6c784c;border-bottom:2px solid var(--gold);color:var(--paper)}#gallery .eyebrow,#gallery h2 em{color:var(--gold-light)}#gallery .muted{color:#d6dfca}.gallery-button{border:2px solid #b99b52;border-radius:4px;box-shadow:0 10px 28px #0003}.gallery-card figcaption{color:var(--gold-light)}.gallery-card .micro{color:#c4d1b8}#gallery .btn.light{color:var(--gold-light);border-color:var(--gold)}#gallery .btn.light:hover{background:#3a5033}
#about{background:url('greenery.svg') right -80px bottom -60px / 330px auto no-repeat,#e5ebda}#about .steps{background:#e5ebdaed;padding:0 15px}#contact{background:#f5f1e5}form{border-top:4px solid var(--gold);border-radius:4px;box-shadow:0 16px 45px #1821190c}.footer{background:var(--black);color:var(--gold-light);border-top:3px solid var(--gold)}
@media(max-width:760px){html{scroll-padding-top:150px}nav{flex-wrap:wrap;justify-content:center;padding:13px 20px;gap:14px}.wordmark{text-align:center;font-size:25px}.navlinks{width:100%;justify-content:center;gap:20px}.navlinks a:first-child,.navlinks a:nth-child(2){display:block}.navlinks a{font-size:12px}.navlinks .btn{padding:8px 13px}.hero{padding-left:23px;padding-right:23px;background-size:310px auto,auto,auto}.hero .visual{max-width:330px}.brochure-layout{grid-template-columns:1fr;gap:30px}.brochure-preview{max-width:300px}.section.alt .service:last-child{padding:22px}#services .service{padding:24px}.brochure-section h2{font-size:35px}#about .steps{padding:0;background:transparent}}
@media(prefers-reduced-motion:reduce){.brochure-preview{transition:none}}

main{position:relative;isolation:isolate}main::before,main::after{content:"";position:absolute;top:0;bottom:0;width:clamp(22px,6.2vw,88px);background:url('ivy-border.svg') center top / 100% auto repeat-y;pointer-events:none;z-index:2;filter:drop-shadow(1px 3px 2px #0003)}main::before{left:0}main::after{right:0;transform:scaleX(-1)}
.hero{background:radial-gradient(ellipse at 0 100%,#304b32,transparent 70%),#101710}#services{background:var(--paper)}.brochure-section{background:#101710}#gallery{background:#213725}#about{background:#e5ebda}
@media(max-width:760px){main::before,main::after{width:19px;opacity:.85}.hero{background:radial-gradient(ellipse at 0 100%,#304b32,transparent 70%),#101710}}

/* Loose, asymmetric trailing ivy with fine curling tendrils. */
main::before{width:clamp(35px,8.4vw,116px);background-image:url('ivy-left.svg');background-position:left top;opacity:.95;filter:none}
main::after{width:clamp(35px,8.4vw,116px);background-image:url('ivy-right.svg');background-position:left -210px;transform:scaleX(-1);opacity:.9;filter:none}
.hero{background:radial-gradient(ellipse at 0 100%,#344d38,transparent 70%),#111a14}
.hero::before{content:"";position:absolute;top:0;left:0;width:220px;height:180px;background:url('ivy-left.svg') 0 -80px / 150px auto no-repeat;transform:rotate(-66deg);transform-origin:70px 40px;pointer-events:none;z-index:-1;opacity:.8}
.hero::after{content:"";position:absolute;top:0;right:0;width:190px;height:150px;background:url('ivy-right.svg') 0 -370px / 140px auto no-repeat;transform:rotate(63deg) scaleX(-1);transform-origin:100px 30px;pointer-events:none;z-index:-1;opacity:.8}
#services .service,.gallery-button{border-radius:28px 5px 28px 5px}.brochure-preview{transform:rotate(-2deg)}.hero .visual img{box-shadow:0 0 0 9px #d5b36316,0 20px 65px #0006}
@media(max-width:760px){main::before,main::after{width:25px;opacity:.75}.hero::before,.hero::after{display:none}#services .service{border-radius:22px 4px 22px 4px}}
.hero::before{width:130px;height:120px;opacity:.6}

/* Watercolor ivy: a loose, curling frame with transparent breathing room. */
main::before,main::after{width:clamp(36px,7.2vw,92px);background-image:url('ivy-whimsical.png');background-size:190px auto;background-repeat:repeat-y;opacity:.92;filter:none;mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 100%)}
main::before{left:0;background-position:left top}
main::after{right:0;background-position:left top;transform:scaleX(-1)}
.hero::before,.hero::after{display:none}
@media(max-width:760px){main::before,main::after{width:28px;background-size:130px auto;opacity:.86}}

/* Keep the brochure upright for easy reading. */
.brochure-preview,.brochure-preview:hover{transform:none}