:root{color-scheme:light;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#39291e;background:#f7f1e8}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:64px 32px 36px}header{margin-bottom:44px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#886446;margin:0 0 16px}h1{font-size:clamp(34px,4.8vw,62px);line-height:1.08;letter-spacing:-.045em;margin:0 0 20px;max-width:800px}.intro{font-size:18px;color:#766554;margin:0;line-height:1.6}.variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}article{border:1px solid #dfd1bf;border-radius:24px;overflow:hidden;background:#fffaf3}.art{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff9ed 30%,#efdfc7 100%)}.art img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}.description{padding:22px 24px 26px}.number{display:block;font-size:12px;letter-spacing:.1em;font-weight:800;color:#9a6744;margin-bottom:10px}h2{font-size:21px;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em}.description p{font-size:15px;line-height:1.6;color:#796653;min-height:48px;margin:0 0 22px}a{display:inline-flex;gap:18px;color:#643e25;font-weight:700;font-size:14px;text-decoration:none;border-bottom:1px solid #c4a583;padding-bottom:5px}a:hover{color:#a35524}a:focus-visible{outline:3px solid #ac6334;outline-offset:7px;border-radius:2px}footer{font-size:14px;line-height:1.6;color:#88735e;margin:32px 0 0}@media(max-width:800px){main{padding:40px 22px 30px}.variants{grid-template-columns:1fr;max-width:450px;gap:28px}header{margin-bottom:30px}.intro{font-size:16px}.description p{min-height:0}.art{aspect-ratio:1.15}}

.chosen{display:flex;align-items:center;gap:32px;margin:0 0 36px;padding:12px 32px;border:1px solid #dfd1bf;border-radius:24px;background:#fffaf3}.chosen picture{display:block;flex:0 0 220px}.chosen img{display:block;width:220px;height:220px;object-fit:contain}.chosen h2{font-size:28px}.chosen p:not(.eyebrow){color:#796653;font-size:16px;line-height:1.6;margin:0 0 20px}.chosen .eyebrow{margin-bottom:10px}@media(max-width:600px){.chosen{flex-direction:column;align-items:flex-start;gap:0;padding:12px 24px 28px}.chosen picture{flex:auto;align-self:center}.chosen h2{font-size:24px}}
