*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f4;color:#164c3d;font-family:"DM Sans","Segoe UI",Arial,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5%}header{background:#faf9f4}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b28b35;outline-offset:4px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.7px}.mark{color:#4d6942;font-size:38px;line-height:1}nav{display:flex;gap:30px;font-size:14px}nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.login,.button,button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:11px 19px;border:1px solid #365440;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer}.button,button{background:#087b59;color:white}.hero{margin:0 18px;min-height:560px;height:min(69vh,760px);position:relative;border-radius:21px;overflow:hidden;background:#24432c;color:white;display:flex;align-items:center}.cover,.hero:after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";background:linear-gradient(90deg,rgba(11,31,21,.84),rgba(17,38,22,.42) 48%,rgba(12,28,16,.06))}.heroText{position:relative;z-index:1;margin:48px 5%;width:min(800px,80%)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.04}.hero h1{font-size:clamp(49px,5.9vw,98px);line-height:1.00}.hero p{font-size:18px;max-width:480px;color:#f0f4e9;margin:22px 0 28px;line-height:1.55}.light{background:#d6e887;color:#233421;border:0}.feature{z-index:1;position:absolute;right:3%;bottom:6%;border-radius:14px;background:#f6f4e8;color:#233826;display:flex;align-items:center;gap:14px;padding:9px 17px 9px 9px}.feature img{width:58px;height:56px;object-fit:cover;border-radius:9px}.feature small,.feature b{display:block}.feature small{font-size:9px;margin-bottom:5px}.section{padding:64px 5%;max-width:1680px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section h2,.section h1{font-size:clamp(40px,4.6vw,72px)}.section p{line-height:1.65;margin-top:12px;color:#516357}.textlink{font-size:14px;border-bottom:1px solid;padding-bottom:3px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #d9dfd3;border-radius:17px;overflow:hidden;display:flex;flex-direction:column}.pic{aspect-ratio:1.65;overflow:hidden;background:#dee5d8}.pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.035)}.cardinfo{padding:21px;flex:1}.card h3,article h3{font-size:clamp(22px,2.05vw,34px);margin:9px 0 20px}.cardfoot{border-top:1px solid #e3e6dc;padding-top:13px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12px}.cardfoot span{color:#576554}.cardfoot strong{white-space:nowrap}small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:650}.about,.contact,.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about{background:#e3ede2}.about h2,.contact h2{margin-top:16px}.about .lead{font-size:21px;margin:0}.values{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.values span{border:1px solid #b9c9ad;border-radius:18px;padding:7px 11px;font-size:12px}article{border-top:1px solid #c2ccbb;padding-top:20px}.contact .button{margin-top:18px}.contact iframe{border:none;width:100%;min-height:315px;border-radius:17px}.detail{margin:35px 0}.detail>img{width:100%;border-radius:18px;max-height:580px;object-fit:cover}.detail h1{margin:14px 0}.detail h3{margin-top:23px;font-size:24px}.detail li{margin:8px 0}.detail .button{margin:20px 0}footer{border-top:1px solid #dbdfd3;font-size:13px}.panel{max-width:840px;margin:35px auto;padding:25px}.panel h1{font-size:40px;margin:10px 0 24px}.panel h2{font-size:25px}.panel label{display:block;margin:14px 0;font-size:14px}.panel input,.panel textarea{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #a4b39c;border-radius:8px;background:#fff;font:inherit}.panel details{padding:16px;border:1px solid #c6d0bf;border-radius:12px;margin:12px 0}.panel summary{cursor:pointer;font-weight:600}.panel .tools{display:flex;gap:12px;justify-content:space-between;align-items:center}.panel button{margin:5px}.notice{color:#754911}.loginpanel{max-width:430px;min-height:55vh}@media(max-width:760px){header,footer{flex-wrap:wrap;padding:14px 5%;gap:12px}nav{order:3;justify-content:center;width:100%;gap:28px}.brand{font-size:15px}.mark{font-size:31px}.login{font-size:12px;padding:8px 12px}.hero{margin:0 9px;height:auto;min-height:555px;align-items:flex-start}.heroText{margin:65px 6% 125px;width:92%}.hero h1{font-size:clamp(45px,9vw,65px)}.feature{left:6%;right:auto;bottom:24px}.hero p{font-size:16px}.section{padding:40px 5%}.grid,.about,.contact,.detail{grid-template-columns:1fr}.sectionhead{align-items:center}.textlink{white-space:nowrap}.card h3{font-size:28px}.cardfoot{font-size:13px}.about .lead{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.brand .official-logo{display:block;width:64px;height:64px;object-fit:contain;flex:none;border-radius:5px}footer .brand .official-logo{width:72px;height:72px}@media(max-width:760px){.brand .official-logo{width:48px;height:48px}}
.panel input,.panel textarea,.panel select{color:#000!important;-webkit-text-fill-color:#000!important;caret-color:#000;background-color:#fff!important;color-scheme:light}
.panel input::placeholder,.panel textarea::placeholder{color:#555!important;-webkit-text-fill-color:#555!important;opacity:1}
.panel input:-webkit-autofill,.panel input:-webkit-autofill:hover,.panel input:-webkit-autofill:focus,.panel textarea:-webkit-autofill{-webkit-text-fill-color:#000!important;caret-color:#000;box-shadow:0 0 0 1000px #fff inset!important}