:root{font-family:Segoe UI,Arial,sans-serif;color:#f4efe5;background:#142f2a}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff30}a{color:inherit;text-decoration:none}header>a{font-weight:800;letter-spacing:2px}header span{font-weight:300}nav{display:flex;gap:22px}.eyebrow,small{letter-spacing:2px;font-size:12px;color:#d2dc9a}h1{font-size:clamp(44px,7vw,88px);line-height:1.05;letter-spacing:-3px;max-width:900px;margin:35px 0}h2{font-size:clamp(28px,4vw,46px);line-height:1.12}h3{font-size:24px}.intro{font-size:21px;max-width:610px;line-height:1.7}p{line-height:1.65}.button,button{display:inline-block;border:0;border-radius:4px;background:#e1edaa;color:#142f2a;padding:16px 23px;font:inherit;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:65px 0}.three{grid-template-columns:repeat(3,1fr);margin:28px 0}.tile,article{padding:35px;background:#22483e;border:1px solid #ffffff25}.tile h2{font-size:48px}.pink{background:#6e3d49}strong{font-size:32px;color:#e1edaa}section{margin-top:65px}footer{font-size:13px;border-top:1px solid #ffffff30;color:#c1cbbf}form{max-width:650px;display:grid;gap:14px}input,select,textarea{width:100%;font:inherit;padding:14px;border:1px solid #9aaa9c;border-radius:3px;background:#fffef9;color:#142f2a}label{display:grid;gap:8px}.notice{padding:12px;background:#ffffff12;font-size:13px}.menu{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff30;padding:18px 0;gap:20px}.beauty{background:#32202b}.beauty .eyebrow{color:#f4b7be}.beauty .button,.beauty button{background:#f4b7be}.beauty article{background:#503141}.status{min-height:24px;color:#e1edaa}@media(max-width:700px){header{flex-direction:column}.grid,.three{grid-template-columns:1fr;margin:32px 0}main{padding:24px}h1{letter-spacing:-1px}.tile h2{font-size:38px}}
html{scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}nav{flex-wrap:wrap}article,.tile{min-width:0}strong{overflow-wrap:anywhere}.status .button{max-width:100%;white-space:normal}@media(max-width:700px){.menu{flex-direction:column;gap:4px}.menu h3{margin-bottom:4px}strong{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
