@font-face{font-family:Manrope;src:url('body.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#102c30;color:#edf7f3;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,5vw,72px)}
header,main,footer{width:min(100%,1200px);margin-inline:auto}header{padding-bottom:clamp(56px,10vh,110px)}
a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #a3e3c7;outline-offset:7px}
.wordmark{font-size:36px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark span{color:#a3e3c7}
main{flex:1;padding-bottom:72px}h1{margin:0 0 30px;font-size:clamp(38px,6vw,80px);line-height:1.12;letter-spacing:-.04em;font-weight:650;text-wrap:balance}h1 span{color:#a3e3c7}
p{line-height:1.65}.intro{font-size:clamp(20px,2.2vw,26px);margin:0 0 14px}.detail{font-size:17px;color:#c4d8d2;max-width:49ch;margin:0 0 34px}
.contact{display:inline-flex;gap:38px;align-items:center;background:#a3e3c7;color:#102c30;padding:16px 24px;border-radius:8px;font-weight:800;text-decoration:none;min-height:56px}.contact:hover{background:#c1efdb}.address{font-size:14px;color:#c4d8d2;margin:14px 0 0}
footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #49635f;font-size:13px;color:#c4d8d2}footer a:hover{color:#fff}::selection{background:#a3e3c7;color:#102c30}
@media(max-width:480px){header{padding-bottom:68px}main{padding-bottom:64px}footer{flex-wrap:wrap}h1{font-size:clamp(34px,9vw,44px)}}