:root{color:#082f20;background:#f7f1e5;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline-offset:4px;outline:3px solid #284ec3}header{border-bottom:1px solid #d9e1d3;justify-content:space-between;align-items:center;padding:1.2rem max(1.5rem,50% - 35rem);display:flex}.logo{letter-spacing:-.05em;font-size:1.6rem;font-weight:850;text-decoration:none}nav{gap:1.5rem;font-size:.9rem;font-weight:650;display:flex}nav a{text-decoration:none}main{max-width:70rem;margin:auto;padding:4rem 1.5rem 5rem}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}h1{letter-spacing:-.055em;margin:.5rem 0 1.2rem;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.02}h2{letter-spacing:-.045em;margin:.5rem 0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.intro{max-width:36rem;font-size:1.15rem;line-height:1.6}.primary{color:#fff;background:#082f20;border-radius:999px;margin-top:.8rem;padding:1rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block}.primary span{margin-left:.7rem}.notice{color:#4c6757;margin-top:2rem;font-size:.85rem;line-height:1.5}.hero-art{background:#dceac9;border-radius:2rem;flex-direction:column;justify-content:space-between;min-height:23rem;padding:2rem;display:flex}.hero-art span{font-size:7rem;line-height:1}.hero-art p{margin:0;font-size:1.7rem;font-weight:750;line-height:1.15}.discover{margin-top:6rem}.discover>p:not(.eyebrow){color:#4c6757;line-height:1.6}.category-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;display:grid}.category-grid a{background:#fff;border-radius:1rem;flex-direction:column;justify-content:space-between;gap:.5rem;min-height:12rem;padding:1.2rem;text-decoration:none;display:flex}.category-grid a:hover{background:#e7efd9}.category-grid strong{font-size:1.35rem}.category-grid span{color:#4c6757;font-size:.8rem}footer{color:#4c6757;max-width:70rem;margin:auto;padding:1.5rem;font-size:.85rem}@media (max-width:700px){main{padding-top:2.5rem}.hero{grid-template-columns:1fr;gap:2rem}.hero-art{min-height:13rem}.hero-art span{font-size:4rem}.discover{margin-top:4rem}.category-grid{grid-template-columns:repeat(2,1fr)}}