*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f3;color:#192d24;font:17px/1.55 system-ui,sans-serif}main,header,footer{max-width:1160px;margin:auto;padding:32px clamp(18px,5vw,65px)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd4c8}header img{width:148px;display:block}nav,.chips{display:flex;gap:16px;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px}.hero{display:grid;grid-template-columns:2fr 1fr;gap:7%;align-items:center}section{padding:48px 0;border-bottom:1px solid #cbd4c8}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,86px);margin:25px 0}h1 span{color:#368759}h2{font-size:clamp(30px,4vw,52px);margin:18px 0 26px}h3{font-size:25px}small{font-size:12px;font-weight:700;letter-spacing:.1em}p{max-width:66ch}aside{padding:32px;background:#dbeacb;border-radius:80px 8px 8px 8px}aside strong{display:block;font-size:82px;letter-spacing:-.09em}hr{border:0;border-top:1px solid #a2b79e;margin:24px 0}.button,button,.chip{display:inline-block;padding:13px 20px;border-radius:8px;text-decoration:none;font:inherit}.button,button{border:0;background:#205a40;color:white;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.chip,form{background:white;border:1px solid #cbd4c8}.card{padding:22px;display:flex;flex-direction:column;border-radius:12px;text-decoration:none}.card b{margin-top:auto;padding-top:24px;color:#286a49}.card:hover,.chip:hover{background:#e8f1df}form{max-width:660px;padding:24px;border-radius:14px}label{display:block;font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;font:inherit;padding:9px;border:1px solid #85988c;border-radius:5px}output{display:block;margin-top:16px}@media(max-width:760px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}aside{margin-top:24px;border-radius:12px}section{padding:30px 0}}@media(max-width:520px){.grid{grid-template-columns:1fr}header img{width:104px}header{padding:12px 18px}.hero{gap:0}}

/* Editorial photography */
main { max-width:1320px }
.hero,.cover { color:#fff; border:0; border-radius:18px; overflow:hidden; background-color:#213529; background-position:center; background-size:cover }
.hero { display:flex; align-items:center; min-height:480px; padding:clamp(26px,5vw,76px); background-image:linear-gradient(90deg,rgba(13,28,20,.91),rgba(13,28,20,.60) 42%,transparent 72%),url(images/hero.webp) }
.hero>div { max-width:51% }
.hero h1 { font-size:clamp(44px,5.3vw,78px) }
.hero h1 span { color:#aee0a2 }
.hero .button { background:#e2f0d6; color:#193626 }
.facts { display:flex; flex-wrap:wrap; gap:16px 40px; background:#e5ecde; border-radius:10px; padding:16px 24px; margin-top:10px }
.card { overflow:hidden; padding:0 0 22px }
.card>*:not(img) { margin-left:20px; margin-right:20px }
.card h3 { margin-bottom:8px }
.card-photo { width:100%; height:auto; aspect-ratio:1.72; object-fit:cover }
#terms { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:clamp(20px,4vw,60px) }
.tools-photo { width:100%; height:100%; max-height:480px; object-fit:cover; border-radius:16px }
.cover { min-height:320px; display:flex; align-items:flex-end; padding:clamp(20px,4vw,52px); background-image:linear-gradient(90deg,rgba(13,28,20,.9),rgba(13,28,20,.48) 48%,transparent 82%),var(--scene); margin-bottom:34px }
.cover h1 { font-size:clamp(36px,5.2vw,74px); max-width:14ch; margin-bottom:0 }
@media(max-width:700px) {
  .hero { display:block; padding:0; background: #233729 }
  .hero::before { content:""; display:block; aspect-ratio:1.95; background:url(images/hero.webp) right 52% / cover }
  .hero>div { max-width:none; padding:24px }
  .hero h1 { margin:14px 0 }
  .facts { gap:6px; flex-direction:column }
  .cover { min-height:250px; background-image:linear-gradient(0deg,rgba(13,28,20,.93),rgba(13,28,20,.30) 65%,transparent),var(--scene) }
  #terms { grid-template-columns:1fr }
  .tools-photo { height:auto; aspect-ratio:1.8 }
}