*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;background:#f7f4eb;color:#203a30;font:1rem/1.5 system-ui,sans-serif}
main{min-height:100vh;display:grid;grid-template-columns:minmax(18rem,5fr) 6fr}
aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  background:#20493e;color:#fff9ec;padding:clamp(2rem,5vw,5rem);gap:3rem}
.brand{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700}.brand img{width:2.3rem}
.label{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.1}
h1{font-size:clamp(4rem,8vw,8rem);margin:.2em 0}.map{height:5rem;width:80%;opacity:.55;
  background:repeating-linear-gradient(45deg,transparent 0 18px,#b0c9a4 19px 20px,transparent 21px 32px),
  repeating-linear-gradient(-45deg,transparent 0 32px,#b0c9a4 33px 34px,transparent 35px 52px)}
section{align-self:center;width:min(100%,34rem);padding:2rem clamp(1.4rem,4vw,4rem);margin:auto}
h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:.4em 0 .65em;overflow-wrap:anywhere}
label{display:block;font-weight:600;margin:1rem 0 .3rem}
input,select,button{font:inherit;border-radius:.45rem;min-height:46px}
input,select{width:100%;padding:.6rem .8rem;background:white;border:1px solid #86988d;color:inherit}
button{border:0;background:#20493e;color:white;padding:.65rem 1.1rem;cursor:pointer;margin-top:1rem}
form button{width:100%}.secondary{color:#20493e;background:transparent;border:1px solid #86988d}
button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #b66b22;outline-offset:3px}
#notice{color:#913523}#retail{margin-top:2rem;border-top:1px solid #ccd2c6}h3{margin-bottom:0}
@media(max-width:680px){main{display:block}aside{padding:1rem 1.4rem;gap:0;flex-direction:row;align-items:center}
  .cover{display:none}aside p{font-size:.85rem}section{margin:2rem auto}}