@font-face{font-family:Inter;src:url('../fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Instrument;src:url('../fonts/instrument-serif-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url('../fonts/instrument-serif-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--green:#304d2b;--deep:#202a20;--paper:#f6f3e8;--cream:#eee6cf;--lime:#a6d37d;--ink:#20271f;--muted:#586151;--line:#d8ddcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fdfdf9;color:var(--ink);font:17px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.intro-statement{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.04}h2{font-size:clamp(44px,4.8vw,70px)}h3{font-size:36px}em{font-family:Instrument,Georgia,serif;font-weight:400;color:#547940}p+p{margin-top:20px}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:99;top:12px;left:12px;background:var(--lime);padding:12px 22px;transform:translateY(-150%)}.skip:focus{transform:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c49330;outline-offset:5px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px;padding:20px 4%;background:var(--deep);color:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:Instrument,Georgia,serif;font-size:30px;line-height:1}.brand>svg{width:40px;height:40px;fill:none;stroke:var(--lime);stroke-width:1.8}.brand small{display:block;font:9px Inter,sans-serif;letter-spacing:.2em;margin-top:9px}.brand-and{font-style:italic;color:var(--lime)}.header nav{display:flex;gap:27px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover{color:var(--lime)}.header-phone{display:flex;gap:9px;align-items:center;border:1px solid #ffffff50;padding:10px 17px;border-radius:40px;text-decoration:none;font-size:14px}.hero{position:relative;overflow:hidden;background:var(--deep);color:white}.hero::before{content:'';position:absolute;inset:-70px;background:linear-gradient(110deg,#172019e8,#28451fab),url('../assets/img/gartenblick.webp') center/cover;filter:blur(28px);opacity:.8}.hero-inner{position:relative;padding-top:67px;padding-bottom:60px}.hero-copy{text-align:center;max-width:850px;margin:auto}.hero h1{font-size:clamp(64px,7.9vw,112px);line-height:.99}.hero h1 em{color:var(--lime)}.hero-description{font-size:18px;color:#e1e7db;line-height:1.65;margin-top:26px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:15px 25px;border-radius:40px;text-decoration:none;font-size:15px;font-weight:550;transition:background .18s}.button-lime{background:var(--lime);color:#1b2817}.button:hover{background:#bddf9c}.availability{font-size:13px;color:#e0e5d9}.photo-ribbon{display:grid;grid-template-columns:.88fr 1.24fr .88fr;gap:22px;max-width:950px;margin:52px auto 0;align-items:center}.photo-ribbon figure{height:265px;position:relative;border-radius:25px;overflow:hidden;background:#44543b}.photo-ribbon figure:nth-child(2){height:320px}.photo-ribbon img{width:100%;height:100%;object-fit:cover}.photo-ribbon figure:first-child img{object-position:50% 33%}.photo-ribbon figcaption{position:absolute;inset:auto 0 0;padding:32px 20px 16px;background:linear-gradient(transparent,#182518bd);color:#fff;font-size:12px}.intro{text-align:center;padding-bottom:70px}.intro .wrap{max-width:890px}.section-label{display:inline-block;font-size:12px;line-height:1.4;margin-bottom:23px;color:var(--green);font-weight:550}.intro-statement{font-size:clamp(37px,4.1vw,59px)}.intro .wrap>p:last-child{max-width:685px;margin:28px auto 0;color:var(--muted);font-size:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading>p{max-width:390px;color:var(--muted);font-size:16px}.services{padding-top:60px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:var(--cream);border-radius:27px;overflow:hidden;display:flex;flex-direction:column}.service-text{padding:28px 28px 25px;flex:1}.service-number{display:block;font-size:12px;color:#657653;margin-bottom:24px}.service-card h3{font-size:43px}.service-card h3 em{color:var(--green)}.service-card p{font-size:16px;color:#51584a;margin-top:20px}.service-card>img{height:210px;width:calc(100% - 32px);margin:0 16px 16px;border-radius:18px;object-fit:cover;object-position:center 45%}.service-card:nth-child(1)>img{object-position:50% 30%}.more-work{display:flex;align-items:center;gap:20px;margin-top:30px;padding:25px 0;border-bottom:1px solid var(--line)}.more-icon{display:grid;place-items:center;border-radius:50%;background:var(--paper);width:46px;height:46px;flex-shrink:0;font-size:25px}.more-work h3{font-size:29px}.more-work p{font-size:15px;color:var(--muted);margin-top:6px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.more-work .text-link{margin-left:auto}.garden-gallery{background:var(--paper);border-radius:36px;margin-inline:20px}.gallery-layout{display:grid;grid-template-columns:1fr 235px;gap:25px}.gallery-stage{height:560px;position:relative;overflow:hidden;border-radius:25px;background:#d9dfcc}.gallery-panel{height:100%;position:relative}.gallery-panel>img{width:100%;height:100%;object-fit:cover}.gallery-panel figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:start;gap:22px;padding:55px 30px 25px;background:linear-gradient(transparent,#172119ec);color:#fff}.gallery-count{font-size:12px;white-space:nowrap;padding-top:8px}.gallery-panel h3{font-size:33px}.gallery-panel p{font-size:14px;line-height:1.5;margin-top:7px}.gallery-controls{display:flex;flex-direction:column;gap:12px}.gallery-controls button{flex:1;display:flex;align-items:center;gap:13px;padding:10px;border:1px solid transparent;background:#fff9;border-radius:18px;cursor:pointer;color:var(--ink);font-size:13px;text-align:left;transition:background .18s,border-color .18s}.gallery-controls button[aria-pressed=true]{background:#e1ebd5;border-color:#8eaa76}.gallery-controls button img{width:60px;height:62px;object-fit:cover;border-radius:10px}.gallery-controls .icon{width:16px;margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gallery-fallback{font-size:14px;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:40px;margin:55px 0 0}.step-number{display:grid;place-items:center;width:53px;height:53px;background:var(--cream);border-radius:50%;font:29px Instrument,serif;margin-bottom:24px}.steps h3{font-size:33px}.steps p{font-size:16px;color:var(--muted);margin-top:15px}.process-note{display:flex;align-items:start;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:14px;color:var(--muted)}.contact{margin:0 20px;background:var(--green);color:#fff;border-radius:35px;text-align:center;position:relative;overflow:hidden;padding-bottom:0}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(#1d331fd9,#233b20e8),url('../assets/img/gartenblick.webp') center/cover}.contact-inner{position:relative}.contact h2{font-size:clamp(60px,6.8vw,98px)}.contact h2 em{color:var(--lime)}.contact p{color:#e6ecdf;margin-top:25px}.contact-number{display:inline-flex;align-items:center;gap:26px;font-size:clamp(36px,5vw,65px);font-weight:500;line-height:1.3;letter-spacing:-.04em;text-decoration:none;margin-top:25px}.contact-number .icon{width:52px;height:52px;padding:14px;background:var(--lime);color:var(--deep);border-radius:50%}.contact-hours{display:block;font-size:14px;color:#e0e8d8;margin-top:15px}.contact-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding:25px 0;margin-top:65px;font-size:11px;color:#dde7d5}.footer{padding:45px 0 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top{padding-bottom:25px}.footer-brand{font:30px/1.2 Instrument,serif;text-decoration:none}.footer-brand small{display:block;font:12px Inter,sans-serif;margin-top:8px}.top-link{font-size:13px}.draft-info{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-block:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:30px}details p{margin-top:15px}.footer-bottom{font-size:10px;color:var(--muted);padding-top:20px}.mobile-call{display:none}.gate-page{min-height:100svh;background:var(--green);display:grid;place-items:center;padding:25px}.gate{width:min(480px,100%);padding:42px;background:var(--paper);border-radius:30px;text-align:center}.gate-mark{margin:0 auto 25px}.gate h1{font-size:47px}.gate p{margin-top:20px;font-size:16px}.gate form{display:grid;gap:12px;margin-top:25px}.gate label{text-align:left;font-size:14px}.gate input,.gate button{min-height:54px;border-radius:30px;padding:12px 20px}.gate input{width:100%;border:1px solid #8a9e7b}.gate button{border:0;background:var(--green);color:white;cursor:pointer}.gate .error{color:#99352c}[hidden]{display:none!important}
@keyframes gentle-entry{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-copy,.photo-ribbon{animation:gentle-entry .55s cubic-bezier(.2,0,0,1) both}.photo-ribbon{animation-delay:.1s}.gallery-panel.entering{animation:gentle-entry .3s ease-out}.reveal-in{animation:gentle-entry .45s cubic-bezier(.2,0,0,1) both}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header nav{gap:18px;font-size:12px}.brand{font-size:25px}.header-phone{font-size:12px;padding:9px 12px}.section{padding-block:75px}.hero-inner{padding-top:55px}.hero h1{font-size:86px}.service-text{padding:22px}.service-card h3{font-size:37px}.service-card p{font-size:15px}.gallery-stage{height:470px}.gallery-layout{grid-template-columns:1fr}.gallery-controls{flex-direction:row}.gallery-controls button{flex-direction:column;text-align:center}.gallery-controls button img{width:100%;height:66px}.gallery-controls .icon{display:none}.section-heading{gap:35px}.section-heading>p{max-width:300px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding:20px;gap:20px}.brand{font-size:27px}.header-phone{display:none}.header nav{width:100%;justify-content:space-between;font-size:13px;border-top:1px solid #ffffff20;padding-top:12px}.hero-inner{padding-top:40px;padding-bottom:30px}.hero h1{font-size:clamp(57px,12vw,80px)}.hero-description{font-size:16px;margin-top:24px}.hero-description br{display:none}.hero-actions{margin-top:25px}.button{font-size:14px;padding:14px 22px;gap:18px}.availability{font-size:11px}.photo-ribbon{gap:10px;margin-top:35px;grid-template-columns:.78fr 1.25fr .78fr;width:calc(100% + 20px);margin-left:-10px}.photo-ribbon figure{height:170px;border-radius:15px}.photo-ribbon figure:nth-child(2){height:215px}.photo-ribbon figcaption{display:none}.photo-ribbon img{object-position:40% 50%}.section{padding-block:60px}.intro-statement{font-size:38px}.intro .wrap>p:last-child{font-size:16px;margin-top:23px}.section-label{font-size:11px;margin-bottom:18px}.services{padding-top:15px}h2{font-size:45px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:23px;font-size:16px}.service-grid{grid-template-columns:1fr;gap:20px}.service-card{display:grid;grid-template-columns:1fr .8fr;align-items:center;padding:20px;gap:12px;border-radius:23px}.service-text{padding:0}.service-number{margin-bottom:13px;font-size:10px}.service-card h3{font-size:34px}.service-card p{font-size:14px;margin-top:14px}.service-card>img{height:240px;width:100%;margin:0;border-radius:15px}.more-work{flex-wrap:wrap;gap:13px}.more-work h3{font-size:25px}.more-work p{font-size:13px}.more-icon{width:36px;height:36px}.more-work .text-link{margin-left:49px;font-size:13px}.garden-gallery{margin-inline:8px;border-radius:25px}.garden-gallery .wrap{width:calc(100% - 30px)}.gallery-stage{height:365px;border-radius:18px}.gallery-panel figcaption{padding:40px 18px 18px;gap:12px}.gallery-panel h3{font-size:28px}.gallery-panel p{font-size:12px}.gallery-count{font-size:9px}.gallery-controls{gap:5px}.gallery-controls button{min-width:0;font-size:9px;padding:5px;border-radius:9px;gap:7px}.gallery-controls button img{height:43px;border-radius:5px}.gallery-layout{gap:12px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps li{padding-left:68px;position:relative}.step-number{position:absolute;left:0;top:0;width:44px;height:44px;font-size:25px}.steps h3{font-size:32px}.steps p{font-size:16px;margin-top:10px}.process-note{font-size:13px;margin-top:30px;gap:10px}.contact{margin-inline:8px;border-radius:25px;padding-bottom:0}.contact h2{font-size:61px}.contact p{font-size:15px}.contact-number{font-size:clamp(31px,8.6vw,49px);gap:12px}.contact-number .icon{width:37px;height:37px;padding:10px}.contact-hours{font-size:11px}.contact-end{display:block;margin-top:40px;font-size:10px}.contact-end span{display:block}.contact-end span+span{margin-top:5px}.footer{padding-bottom:110px}.footer-brand{font-size:25px}.top-link{font-size:11px}.draft-info{grid-template-columns:1fr;gap:15px}.footer-bottom{font-size:9px}.mobile-call{display:flex;align-items:center;gap:12px;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:20px;right:20px;background:var(--lime);color:var(--deep);border:1px solid #a5c68c;border-radius:40px;padding:12px 20px;box-shadow:0 4px 22px #16251625;text-decoration:none;z-index:20;font-size:10px;line-height:1.4}.mobile-call strong{display:block;font-size:18px}.mobile-call>.icon:last-child{margin-left:auto}.gate{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.header nav,.mobile-call,.footer,.gallery-controls{display:none}.hero,.contact{print-color-adjust:exact;-webkit-print-color-adjust:exact}.section{break-inside:avoid}}
/* More presence, without bouncing, constant motion or changes to layout. */
@keyframes garden-arrive{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes grass-draw{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}
@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.photo-ribbon{animation:none}.photo-ribbon figure{animation:garden-arrive .85s cubic-bezier(.22,1,.36,1) both}.photo-ribbon figure:nth-child(1){animation-delay:.18s}.photo-ribbon figure:nth-child(2){animation-delay:.34s}.photo-ribbon figure:nth-child(3){animation-delay:.5s}.brand>svg path{stroke-dasharray:150;animation:grass-draw 1.5s cubic-bezier(.22,1,.36,1) both}.service-grid.reveal-in{animation:none}.service-grid.reveal-in .service-card{animation:garden-arrive .7s cubic-bezier(.22,1,.36,1) both}.service-grid.reveal-in .service-card:nth-child(2){animation-delay:.12s}.service-grid.reveal-in .service-card:nth-child(3){animation-delay:.24s}.service-card>img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.button .icon,.text-link .icon{transition:transform .25s ease}.button:hover .icon,.text-link:hover .icon{transform:translate(3px,-3px)}.steps li:after{content:'';display:block;width:100%;height:1px;background:var(--line);margin-top:24px;transform-origin:left}.steps li.reveal-in:after{animation:line-grow .9s cubic-bezier(.22,1,.36,1) both}.contact.reveal-in{animation:gentle-entry .65s ease-out both}
@media(hover:hover){.service-card:hover>img{transform:translateY(-4px)}}
@media(max-width:700px){.photo-ribbon figure{animation-duration:.65s}.service-grid.reveal-in .service-card{animation-delay:0s;animation-duration:.55s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.brand>svg path{stroke-dashoffset:0}.button:hover .icon,.text-link:hover .icon,.service-card:hover>img{transform:none}}
.menu-toggle{display:none}
@media(max-width:700px){html{scroll-padding-top:100px}.header{position:sticky;top:0;z-index:40;min-height:82px;padding:17px 20px;gap:0 12px;box-shadow:0 2px 12px #15231818}.header .brand{font-size:23px;gap:7px}.header .brand>svg{width:30px;height:35px}.header .brand small{font-size:8px;letter-spacing:.16em}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:7px;background:transparent;color:white;border:1px solid #ffffff55;border-radius:25px;padding:10px 12px;min-height:44px;font-size:12px;cursor:pointer}.menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.menu-toggle[aria-expanded=true]{background:var(--lime);color:var(--deep);border-color:var(--lime)}.header nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:15px;padding:8px 0 0;font-size:17px;width:100%;border-top:1px solid #ffffff30}.header nav a{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:11px 4px;border-bottom:1px solid #ffffff18}.header nav a:after{content:none}.header nav a:last-child{border-bottom:0}}
/* Customer-supplied logo: source artwork remains unchanged. */
.brand{width:285px;height:76px;overflow:hidden;flex-shrink:0}.brand .brand-logo{width:100%;height:100%;object-fit:cover}.header{padding-block:9px}.footer-brand{display:block;width:260px;height:76px;border-radius:8px;overflow:hidden}.footer-brand .brand-logo{width:100%;height:100%;object-fit:cover}.gate-mark{width:100%;height:100px;object-fit:cover;border-radius:10px}.menu-toggle{flex-shrink:0}
@media(max-width:1000px){.brand{width:235px;height:69px}}
@media(max-width:700px){.header{padding:8px 15px;min-height:84px;flex-wrap:wrap}.header .brand{width:220px;height:66px}.header nav{max-height:calc(100svh - 180px);overflow:auto}.menu-toggle:not([hidden]){padding:10px;font-size:11px;gap:5px}.footer-brand{width:220px;height:66px}.header .brand .brand-logo{width:100%;height:100%}}
@media(max-width:360px){.header .brand{width:185px;height:60px}.header{padding-inline:10px}}
/* Frame the supplied artwork around its actual mark and lettering. */
.brand,.footer-brand{position:relative}
.brand .brand-logo,.footer-brand .brand-logo,.header .brand .brand-logo{position:absolute;left:50%;top:50%;width:112%;max-width:none;height:auto;object-fit:contain;transform:translate(-50%,-47%);filter:url(#logo-background-remove)}

/* Shortened Meyer Gartenservice artwork: balanced mark and clear space. */
.brand,.footer-brand{width:220px;height:88px}
.brand .brand-logo,.footer-brand .brand-logo,.header .brand .brand-logo{width:150%;transform:translate(-50%,-48%)}
@media(max-width:700px){.header .brand,.footer-brand{width:200px;height:78px}.header{min-height:94px}.header .brand .brand-logo{width:150%}}
@media(max-width:360px){.header .brand{width:185px;height:74px}}

.gate-mark{height:128px}