.page{width:min(1440px,calc(100% - 64px));margin:auto}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:800;line-height:1.35;width:300px;max-width:100%;flex-shrink:0}.claim{background:var(--lime);color:var(--ink);border-radius:50px;padding:16px 22px;text-decoration:none;font-size:14px;font-weight:700}.claim span{margin-left:16px;color:var(--ink)}.claim:hover{background:#b8dc60}.intro{padding:44px 0 38px}.intro>p{margin:0 0 16px;color:#536038;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.intro h1{margin:0 0 18px;font:400 clamp(38px,4.3vw,62px)/1.08 Georgia,serif;letter-spacing:-.045em}.intro h1 em{color:var(--muted)}.intro>div{color:#565e60;font-size:15px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf8;text-decoration:none;transition:transform .2s}.card:hover{transform:translateY(-4px)}.image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}.image img{width:100%;height:100%;object-fit:cover;object-position:top}.image>span{position:absolute;bottom:12px;right:12px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:var(--lime)}.details{padding:18px}.details h2{margin:0 0 8px;font:400 23px/1.12 Georgia,serif}.details p{color:#565e60;font-size:12px;line-height:1.5;margin:0}.bottom{margin-top:40px;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:#565e60}.bottom a{color:var(--ink);font-weight:700}.page a:focus-visible{outline:3px solid #9a5315;outline-offset:4px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page{width:calc(100% - 32px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand{font-size:12px}.claim{font-size:12px;padding:14px}.claim span{margin-left:4px}.details{padding:14px}.details h2{font-size:21px}.bottom{align-items:start;flex-direction:column}}@media(max-width:600px){.header{padding:20px 0;flex-direction:column;align-items:flex-start;gap:16px}.claim{align-self:flex-end}}@media(max-width:450px){.grid{grid-template-columns:1fr}.header{gap:12px}}