.reference-landing{--green:#00483d;--ink:#003b32;--muted:#4d615b;--gold:#ac7d13;--gold-light:#e5b638;--whatsapp:#0bbb60;--line:#e5e2d8;--soft:#f7f4ec;--radius:9px;color:var(--ink);background:#fffefa}.reference-landing .container{width:88%;max-width:1160px}.reference-landing h1,.reference-landing h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:700}.reference-landing .eyebrow{letter-spacing:.045em;margin:0 0 clamp(6px,1.6vw,12px);font-size:clamp(10px,2.15vw,15px);line-height:1.4}.reference-landing .site-header{color:var(--ink);background:#f9f7f0}.reference-landing .header-inner{justify-content:space-between;gap:20px;min-height:clamp(64px,16vw,112px)}.reference-landing .brand strong{letter-spacing:-.015em;font-size:clamp(22px,5.2vw,36px);font-weight:700}.reference-landing .brand span{margin-top:3px;font-size:clamp(10px,2.4vw,17px)}.reference-landing .mobile-menu summary{gap:12px;padding:0;font-size:clamp(14px,3.35vw,24px)}.reference-landing .mobile-menu summary svg{width:clamp(20px,4.4vw,31px);height:auto}.reference-landing .mobile-menu nav{border-color:var(--line);background:#fffefa;box-shadow:0 8px 24px #003b3220}.reference-landing .header-cta{background:var(--green);color:#fff}.reference-landing .hero,.reference-landing .quality{isolation:isolate;color:#fff;background:#003b32;padding:0;position:relative;overflow:hidden}.reference-landing .hero-photo,.reference-landing .quality-photo{clip-path:none;z-index:-2;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.reference-landing .hero-photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.reference-landing .photo-overlay{z-index:-1;background:linear-gradient(90deg,#003b32eb 0%,#003b3299 43%,#003b3200 90%),linear-gradient(#003b3200 30%,#003b323d);position:absolute;inset:0}.reference-landing .hero-copy{padding:clamp(46px,13.8vw,98px) 0 clamp(8px,1.8vw,14px)}.reference-landing .hero h1{letter-spacing:-.035em;text-wrap:initial;margin:0;font-size:clamp(29px,8.6vw,60px);line-height:1.015}.reference-landing .hero .eyebrow{color:var(--gold-light);margin-bottom:clamp(5px,1.2vw,9px)}.reference-landing .hero-description{max-width:80%;margin:clamp(9px,2vw,15px) 0 clamp(12px,3vw,22px);font-size:clamp(14px,3.5vw,25px);line-height:1.37}.reference-landing .hero-actions{flex-direction:column;align-items:flex-start;gap:clamp(6px,1.7vw,12px);display:flex}.reference-landing .project-request-button{display:none}.reference-landing .whatsapp-button{background:var(--whatsapp);color:#fff;border:1px solid #0000;border-radius:clamp(8px,2vw,14px);gap:clamp(10px,2.8vw,20px);min-height:clamp(44px,10vw,70px);padding:8px clamp(12px,4vw,28px);font-size:clamp(14px,3.4vw,24px);font-weight:700;transition:background .18s,transform .18s}.reference-landing .whatsapp-button:hover{background:#079c4e}.reference-landing .whatsapp-button:active{transform:translateY(1px)}.reference-landing .whatsapp-button>svg{width:clamp(24px,5.8vw,41px);height:auto}.reference-landing .whatsapp-button>.cta-arrow{width:clamp(13px,2.9vw,21px);height:auto;margin-left:auto}.reference-landing .hero-actions .whatsapp-button{min-width:60%}.reference-landing .hero .phone-link,.reference-landing .quality .phone-link{color:#fff;background:#003b3238;border:1px solid #fff;border-radius:clamp(8px,2vw,14px);justify-content:center;gap:clamp(14px,4vw,28px);min-height:clamp(44px,9vw,64px);margin:0;padding:7px clamp(13px,4vw,28px);font-size:clamp(14px,3.5vw,25px);transition:background .18s;display:inline-flex}.reference-landing .hero .phone-link{min-width:44%}.reference-landing .hero .phone-link:hover,.reference-landing .quality .phone-link:hover{background:#003b32b3}.reference-landing .hero .phone-link svg,.reference-landing .quality .phone-link svg{width:clamp(23px,5vw,36px);height:auto}.reference-landing .trust-bar{background:#f7f4ec;border:0;padding:clamp(15px,4.2vw,30px) 0}.reference-landing .trust-grid{grid-template-columns:1fr 1fr 1.2fr;gap:0;width:88%;display:grid}.reference-landing .trust-item{flex-direction:row;align-items:center;gap:clamp(7px,2.6vw,18px);padding:0 clamp(6px,2.5vw,18px) 0 0;display:flex}.reference-landing .trust-item+.trust-item{border-left:1px solid #d4d0c3;padding:0 clamp(6px,2.5vw,18px)}.reference-landing .trust-item:last-child{padding-right:0}.reference-landing .trust-item svg{width:clamp(23px,6.4vw,45px);height:auto}.reference-landing .trust-item p{color:var(--ink);margin:0;font-size:clamp(10px,2.55vw,18px);line-height:1.35}.reference-landing .trust-item p span{white-space:nowrap;font-size:clamp(8px,2.1vw,15px)}.reference-landing .services{background:#fffefa;border:0;padding:clamp(16px,3.9vw,28px) 0 clamp(14px,3.5vw,25px)}.reference-landing .services>.container{width:93%}.reference-landing .services-heading{padding-inline:2.7%}.reference-landing .services h2{letter-spacing:-.04em;font-size:clamp(26px,6.7vw,48px);line-height:1.02}.reference-landing .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.2vw,16px);margin-top:clamp(12px,3vw,22px);display:grid}.reference-landing .service-card{background:#fcfbf7;border:1px solid #f0ede4;border-radius:clamp(8px,1.7vw,13px);flex-direction:column;transition:box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 14px #42382007}.reference-landing .service-card:hover{box-shadow:0 7px 20px #42382016}.reference-landing .service-card picture{height:clamp(48px,12vw,86px)}.reference-landing .service-card img{object-fit:cover}.reference-landing .service-heckenschnitt img{object-position:15% 20%}.reference-landing .service-baumpflege img{object-position:52% 34%}.reference-landing .service-gartenpflege img{object-position:50% 52%}.reference-landing .service-terrassen img{object-position:50% 44%}.reference-landing .service-pflaster img{object-position:80% 70%}.reference-landing .service-body{padding:clamp(8px,2vw,15px);padding-bottom:clamp(16px,3.6vw,26px);display:block}.reference-landing .service-body>svg{width:clamp(18px,4.6vw,33px);height:auto;margin:0 0 2px}.reference-landing .service-card h3{letter-spacing:-.025em;margin:0 0 3px;font-family:Roboto,Arial,sans-serif;font-size:clamp(12px,2.7vw,20px);line-height:1.2}.reference-landing .service-card p{color:var(--ink);margin:0;font-size:clamp(11px,2.15vw,16px);line-height:1.35}.reference-landing .service-link{border-radius:inherit;min-height:44px;margin:0;text-decoration:none;display:block;position:absolute;inset:0}.reference-landing .service-link:focus-visible{outline-offset:-3px}.reference-landing .service-arrow{aspect-ratio:1;background:#f0ecdc;border-radius:50%;place-items:center;width:clamp(18px,4.4vw,31px);display:grid;position:absolute;bottom:clamp(5px,1.3vw,10px);right:clamp(5px,1.3vw,10px)}.reference-landing .service-arrow svg{width:45%;height:auto;color:var(--ink)}.reference-landing .quality-photo img{object-fit:cover;object-position:center 14%}.reference-landing .quality .photo-overlay{background:linear-gradient(90deg,#003b32f5 0%,#003b32d1 30%,#003b321a 76%),linear-gradient(#0000 45%,#003b3299)}.reference-landing .quality-copy{padding:clamp(14px,3.3vw,24px) 0 clamp(14px,2.5vw,20px)}.reference-landing .quality .eyebrow{color:var(--gold-light);margin-bottom:clamp(5px,1.2vw,9px)}.reference-landing .quality h2{margin:0;font-size:clamp(27px,6.3vw,46px);line-height:1.01}.reference-landing .quality-description{margin:clamp(8px,1.8vw,13px) 0 clamp(10px,2.2vw,16px);font-size:clamp(12px,2.8vw,20px);line-height:1.35}.reference-landing .quality-actions{grid-template-columns:1.65fr 1fr;gap:clamp(8px,2vw,14px);display:grid}.reference-landing .quality-actions .whatsapp-button,.reference-landing .quality-actions .phone-link{white-space:nowrap;gap:clamp(6px,1.8vw,14px);width:100%;min-width:0;min-height:clamp(44px,8.5vw,60px);padding:7px clamp(6px,2vw,16px);font-size:clamp(11px,2.8vw,20px)}.reference-landing .quality-actions .whatsapp-button>svg,.reference-landing .quality-actions .phone-link>svg{width:clamp(18px,4.8vw,34px)}.reference-landing .quality-actions .whatsapp-button>.cta-arrow{width:clamp(10px,2vw,15px)}.reference-landing .projects,.reference-landing .about,.reference-landing .faq{background:#fffefa}.reference-landing .projects-grid{grid-template-rows:220px 190px 220px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reference-landing .projects-grid .project-main{grid-area:span 2/span 2}.reference-landing .projects-grid .project-wide{grid-column:span 2}.reference-landing .projects-grid .project-small{grid-column:span 1}.reference-landing .projects-grid picture{border-radius:8px}.reference-landing .projects-grid img{transition:transform .42s cubic-bezier(.2,.65,.25,1)}.reference-landing .projects-grid figure:hover img{transform:scale(1.025)}.reference-landing .projects-grid figure:first-child img{object-position:center 24%}.reference-landing .projects-grid figure:nth-child(2) img{object-position:center 43%}.reference-landing .projects-grid figure:nth-child(3) img{object-position:center 50%}.reference-landing .projects-grid figure:nth-child(4) img{object-position:center 35%}.reference-landing .projects-grid figure:nth-child(5) img{object-position:center 52%}.reference-landing .projects-grid figure:nth-child(6) img{object-position:center 45%}.reference-landing .projects-grid figure:nth-child(7) img{object-position:center 52%;transform:rotate(-24deg)scale(1.45)}.reference-landing .projects-grid figure:nth-child(7):hover img{transform:rotate(-24deg)scale(1.49)}.reference-landing .projects-grid figure:nth-child(8) img{object-position:center 34%}.reference-landing .projects h2,.reference-landing .about h2,.reference-landing .process h2,.reference-landing .faq h2,.reference-landing .contact h2{font-size:clamp(30px,5vw,48px);line-height:1.08}.reference-landing .process{background:#f7f4ec}.reference-landing .contact{color:var(--ink);background:#f7f4ec}.reference-landing .contact .area-note,.reference-landing .contact .contact-note{color:var(--muted)}.reference-landing .form-panel{scroll-margin-top:18px}.reference-landing .form-panel:target{outline-offset:5px;outline:3px solid #d8b74e}.reference-landing .site-footer{color:#fff;background:#003b32}.reference-landing .site-footer .brand{color:#fff}.reference-landing .whatsapp-float{border:2px solid #fff;border-radius:50%;width:54px;height:54px;min-height:54px;padding:10px}.reference-landing .whatsapp-float>svg{width:30px}@media (width>=851px){.reference-landing .hero-copy{padding-block:70px 40px}.reference-landing .hero h1{font-size:clamp(58px,5.3vw,78px)}.reference-landing .hero-description{max-width:520px;font-size:22px}.reference-landing .hero-photo img{object-position:center 12%}.reference-landing .hero-actions .whatsapp-button{min-width:400px}.reference-landing .hero .phone-link{min-width:295px}.reference-landing .services{padding-block:48px}.reference-landing .services>.container{width:88%}.reference-landing .services-heading{padding:0}.reference-landing .service-card picture{height:165px}.reference-landing .service-body{padding:22px 24px 44px}.reference-landing .service-card h3{font-size:23px}.reference-landing .service-card p{font-size:17px}.reference-landing .quality-copy{padding-block:44px}.reference-landing .quality-photo img{object-position:center 20%}.reference-landing .quality h2{font-size:54px}.reference-landing .quality-actions{max-width:710px}}@media (width<=359px){.reference-landing .hero-description{max-width:92%}.reference-landing .hero h1{font-size:25px}.reference-landing .trust-grid{grid-template-columns:1fr 1fr 1.3fr;width:92%}.reference-landing .trust-item{gap:5px}.reference-landing .trust-item+.trust-item{padding-inline:6px}.reference-landing .trust-item svg{width:20px}.reference-landing .trust-item p{font-size:10px}.reference-landing .services-grid{grid-template-columns:1fr}.reference-landing .service-card{grid-template-columns:34% 1fr;display:grid}.reference-landing .service-card picture{height:100%;min-height:115px}.reference-landing .service-card h3{font-size:16px}.reference-landing .service-card p{font-size:14px}.reference-landing .service-body{padding:10px 12px 22px}.reference-landing .quality-actions{grid-template-columns:1fr}.reference-landing .quality-actions .whatsapp-button,.reference-landing .quality-actions .phone-link{font-size:14px}}@media (width<=700px){.reference-landing .hero-actions{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:7px;display:grid}.reference-landing .hero-actions .whatsapp-button{grid-column:1/-1;width:100%;min-width:0}.reference-landing .hero .phone-link{gap:7px;width:100%;min-width:0;padding-inline:7px;font-size:clamp(13px,3.5vw,15px)}.reference-landing .project-request-button{min-height:44px;color:var(--ink);white-space:nowrap;background:#fffefa;border:1px solid #fff;border-radius:clamp(8px,2vw,14px);justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-size:clamp(13px,3.5vw,15px);font-weight:700;display:inline-flex}.reference-landing .project-request-button svg{width:16px;height:16px}.reference-landing .projects-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.reference-landing .projects-grid .project-main,.reference-landing .projects-grid .project-wide{grid-area:auto/span 2}.reference-landing .projects-grid .project-small{grid-column:span 1}.reference-landing .projects-grid .project-main picture{height:315px}.reference-landing .projects-grid .project-wide picture{height:210px}.reference-landing .projects-grid .project-small picture{height:170px}}@media (width>=360px) and (width<=700px){.reference-landing .service-card picture{height:clamp(72px,19vw,96px)}}@media (prefers-reduced-motion:reduce){.reference-landing .whatsapp-button,.reference-landing .phone-link,.reference-landing .service-card{transition:none}}