*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#faf9f3;color:#162d27;font:17px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}header,main,footer{max-width:1360px;margin:auto;padding-inline:clamp(20px,5vw,84px)}header,nav,.brand,footer,.switch{display:flex;align-items:center}header{height:84px;gap:32px;border-bottom:1px solid #d5dcd3}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}.brand,nav a,.small,.button,.switch a{text-decoration:none}.brand{gap:8px;white-space:nowrap}.brand img{width:42px}.brand b{font-size:30px;letter-spacing:-2px}.brand span{border-left:1px solid #b7c4b8;padding-left:11px;font-size:15px}nav{gap:24px;margin-left:auto}nav a,.small{font-size:14px;font-weight:600}.small{border:1px solid #aebdb4;border-radius:24px;padding:9px 16px}.hero{display:grid;grid-template-columns:.93fr 1.07fr;gap:5%;align-items:center;padding-block:54px 72px}.kicker{font:650 .76rem/1.5 monospace;text-transform:uppercase;letter-spacing:.12em;color:#326c57}.kicker i{display:inline-block;width:8px;height:8px;background:#388460;border-radius:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.03;letter-spacing:-.058em}h1{font-size:clamp(56px,6.8vw,100px);margin:20px 0}em{color:#11694f;font-style:normal}.intro,.app p:not(.kicker),.contact>div>p:last-child{max-width:49ch;margin:18px 0 26px}.button{display:inline-flex;align-items:center;gap:24px;background:#105f49;color:white;border:0;border-radius:100px;padding:14px 24px;font:650 16px/1.4 inherit;font-family:inherit;font-size:16px;font-weight:650;cursor:pointer}.button:hover{background:#184734}.button:disabled{opacity:.6}.hero figure{position:relative;border-radius:22px;overflow:hidden;background:#c8d5c2}.hero figure img{width:100%;height:clamp(360px,37vw,520px);display:block;object-fit:cover}.hero figcaption{display:flex;justify-content:space-between;background:#133b30;color:#f4f3df;padding:12px 20px;font:12px/1.4 monospace}h2{font-size:clamp(36px,4.5vw,68px);margin:12px 0 22px}h3{font-size:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.panel,aside{padding:clamp(24px,3vw,45px);border-radius:20px;background:#eef0e5}.cards article:nth-child(2){background:#e4eee6}.cards article:nth-child(3){background:#f3ead7}.pict{font:32px monospace;color:#19684e;display:block;margin-bottom:36px}.cards p{margin-top:16px}.app,.contact,.location{display:grid;align-items:center;gap:6%;grid-template-columns:1fr 1fr;margin-block:64px}.app{border-radius:22px;background:#133f32;color:#fff;padding:clamp(26px,4vw,64px);background-image:radial-gradient(#ffffff15 1px,transparent 1px);background-size:16px 16px}.app .kicker{color:#d7edb7}aside{background:#f4f6ed;color:#1c4837;transform:rotate(-2deg);box-shadow:0 12px 26px #05251940}aside small{font:12px monospace}aside strong{display:block;font-size:26px;margin:15px 0}ol{margin:0;padding-left:1.6em}ol li{padding:7px}.location{border-block:1px solid #cad4c8;padding-block:38px}.location a{justify-self:end}.contact{align-items:start}.switch{gap:5px;border-bottom:1px solid #b4c1b2;padding-bottom:14px;margin-bottom:23px}.switch a{border-radius:20px;padding:6px 14px}.switch [aria-current]{background:#164b38;color:white}label{display:block;font-weight:550;font-size:14px;margin:15px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #9eafa0;border-radius:7px;background:#fff;font:inherit;color:#172e23}.check{display:flex;align-items:baseline;gap:8px;font-weight:400}.check input{flex-shrink:0}#status:not(:empty){margin-top:14px;font-weight:600}[hidden]{display:none!important}footer{border-top:1px solid #bcc9ba;justify-content:space-between;padding-block:26px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d58c1f;outline-offset:3px}@media(max-width:800px){nav{display:none}.small{margin-left:auto}.hero,.contact,.app,.location{grid-template-columns:1fr;gap:24px}.hero{padding-block:32px 48px}.hero figure img{height:300px}.cards{grid-template-columns:1fr}.pict{margin-bottom:15px}.app,.location,.contact{margin-block:38px}.location a{justify-self:start}aside{transform:none}}@media(max-width:430px){header{gap:6px;height:68px}.brand span{font-size:12px}.small{font-size:12px;padding:7px 10px}.brand img{width:30px}.hero figure img{height:235px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
