:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#293d31;background:#f7f1e7}*{box-sizing:border-box}body{margin:0}.top{max-width:1250px;margin:auto;padding:28px 32px}.brand{text-decoration:none;font-weight:750;color:#314b38;font-size:20px;letter-spacing:-.04em}.brand span{font-weight:500;color:#98704b}main{max-width:1250px;margin:auto;padding:0 32px 40px}.intro{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;background:#e8eee2;border-radius:30px;overflow:hidden;padding-left:56px}.intro img{width:100%;height:100%;min-height:330px;object-fit:cover}.intro h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}.intro p:not(.eyebrow),.section-heading p:not(.eyebrow){color:#5c6a5c;line-height:1.55;font-size:17px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;color:#8d6b4a}button{cursor:pointer}#shuffle{border:0;border-radius:99px;background:#385843;color:#fffaf0;font:650 16px system-ui;padding:15px 26px;margin:12px 0}.catalog{padding:56px 0}.section-heading h2{font:500 clamp(30px,4vw,42px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.card{background:#fffcf6;border:1px solid #e9decb;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #50391e0d}.card a{display:block;text-decoration:none;color:inherit;height:100%}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.card-body{padding:20px}.card-body span{font-size:10px;font-weight:750;letter-spacing:.1em;color:#9a7855}.card h3{font:600 21px/1.2 Georgia,serif;margin:10px 0}.card p{color:#687166;font-size:14px;line-height:1.45;min-height:41px}.card strong{font-size:13px;color:#3d654d}.card b{float:right}footer{border-top:1px solid #dfd3c2;padding-top:24px;color:#928576;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #bd8155;outline-offset:4px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.intro{gap:25px;padding-left:30px}.top,main{padding-left:20px;padding-right:20px}}@media(max-width:600px){.intro{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;padding:0}.intro img{height:auto;min-height:0;aspect-ratio:16/9}.intro>div{padding:24px}.intro h1{font-size:38px}.cards{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:14px}.card h3{font-size:18px}.top{padding-top:20px}.catalog{padding:40px 0}}@media(max-width:350px){.cards{grid-template-columns:1fr}}
