:root{--green:#243e31;--cream:#f6f3eb;--muted:#6d7569;--gold:#b99a60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fcfaf5}.brand{display:flex;align-items:center;gap:12px;font:28px Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:5px}.mountain{font-size:43px;color:#597359}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#9b7c44}.hero{position:relative;min-height:680px;color:white;background:#53674e;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,34,22,.64),rgba(13,34,22,.05) 85%),url('assets/alpen-entwurf.svg') center 58%/cover}.hero-copy{position:relative;max-width:1300px;margin:auto;padding:115px 5% 125px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2.2px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(48px,5vw,76px);letter-spacing:-2px;margin:24px 0}p{color:inherit} .hero p{font-size:16px;line-height:1.9;color:#f1f0e6}.button{display:inline-flex;gap:40px;align-items:center;padding:14px 23px;background:#f9f6ec;color:var(--green);margin-top:22px;font-size:12px}.button:hover{background:#fff}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #ffffff55;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.intro{text-align:center;padding:65px 20px 45px}.intro .eyebrow{color:#8c784e}.intro p{font:26px/1.5 Georgia,serif}.section{max-width:1320px;margin:auto;padding:55px 5% 85px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:43px;letter-spacing:-1px;margin:16px 0 30px}.search{border-bottom:1px solid #b9c1b4;display:flex;align-items:center;gap:15px}.search input{background:none;border:0;padding:10px 0;max-width:210px;font-size:12px;color:var(--green)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 32px}.filters button{border:1px solid #d5d9cf;border-radius:30px;padding:8px 17px;background:none;color:var(--green);font-size:11px;cursor:pointer}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:#fdfbf6;border:0;padding:0;text-align:left;color:inherit;cursor:pointer}.card:hover .art{transform:scale(1.025)}.art-wrap{overflow:hidden}.art{height:205px;display:flex;align-items:center;justify-content:center;font:110px Georgia,serif;transition:transform .3s}.resin{background:radial-gradient(ellipse at 52% 70%,#b08a48,transparent 45%),#e5d8bb;color:#8c5a23}.bee{background:radial-gradient(ellipse at 60% 65%,#aa7131,transparent 55%),#e2c795;color:#684519}.flower{background:radial-gradient(ellipse at 40% 55%,#f0bb49,transparent 50%),#c9cbb4;color:#d09117}.tree{background:#ced7ca;color:#4d6a50}.herb{background:#d3d5bb;color:#737c44}.wood{background:#d9d0ba;color:#7f7050}.card-copy{padding:25px}.card .eyebrow{font-size:8px;color:#807353}.card h3{font-size:30px;margin:12px 0}.card p{font-size:12px;color:var(--muted);min-height:42px}.card .read{display:block;font-size:11px;border-top:1px solid #e1e3da;padding-top:16px;margin-top:20px}.read span{float:right}.knowledge{padding:75px max(5%,calc((100vw - 1188px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#e6eadf}.knowledge p,.products>p,.about p{max-width:490px;font-size:14px;color:#63705f}.questions details{border-top:1px solid #bfc9b8;padding:20px 0}.questions summary{font-family:Georgia,serif;font-size:21px;cursor:pointer}.questions p{font-size:13px}.products{padding-top:85px}.product-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.product-steps article{border-top:1px solid #c8cebf;padding-top:22px}.product-steps span{font-size:11px;color:#9d885b}.product-steps h3{font-size:23px}.product-steps p{font-size:13px;color:var(--muted)}.about{background:var(--green);color:#f5f2e8;padding:65px 10%;position:relative}.about p{color:#ccd5c8}.leaf{position:absolute;right:15%;top:60px;font-size:170px;color:#50664f}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:22px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{border:0;background:#faf7ee;color:var(--green);width:min(650px,90vw);padding:55px;max-height:85vh;overflow:auto}dialog::backdrop{background:#142a20aa;backdrop-filter:blur(4px)}dialog h2{font-size:45px}.close{position:absolute;top:15px;right:20px;background:none;border:0;font-size:30px;cursor:pointer;color:inherit}.note{border-top:1px solid #d0d4c7;padding-top:20px;font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){header{height:auto;min-height:95px;flex-direction:column;padding:20px;gap:16px}.brand{font-size:25px}nav{gap:18px;font-size:10px;flex-wrap:wrap;justify-content:center}.hero{min-height:610px}.hero-copy{padding:100px 7% 110px}.hero p{font-size:14px}.desktop{display:none}.hero-bottom{font-size:8px}.hero-bottom>span{max-width:150px}.intro{padding-top:40px}.intro p{font-size:22px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}h2{font-size:34px}.cards{grid-template-columns:repeat(2,1fr);gap:15px}.art{height:160px;font-size:90px}.card-copy{padding:18px}.card h3{font-size:26px}.knowledge{grid-template-columns:1fr;gap:20px;padding:50px 7%}.product-steps{grid-template-columns:1fr;gap:20px}.about{padding:50px 7%}.leaf{display:none}footer{flex-direction:column;align-items:flex-start;gap:8px}footer p{margin:0}dialog{padding:40px 25px}}@media(max-width:450px){.cards{grid-template-columns:1fr}.art{height:190px}.card p{min-height:0}.hero h1{font-size:46px}}