:root{--paper:#f5f2e9;--ink:#292e27;--sage:#69765d;--line:#d7d9cb;--rust:#ac654b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}header{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font:24px Georgia,serif}.brand img{width:48px;height:48px;border-radius:50%}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding:65px 0}.label{color:var(--sage);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:650}h1{font:clamp(46px,5.4vw,74px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:24px 0}h1 em{color:var(--sage);font-weight:normal}.hero p{max-width:450px;color:#666e60;font-size:17px}.button{display:inline-block;background:var(--ink);color:#fff;padding:14px 24px;text-decoration:none;border-radius:3px;font-size:14px;margin-top:18px}.button:hover{background:var(--sage)}.visual{position:relative;padding:36px;background:#e3e7d9;transform:rotate(2deg)}.visual img{width:100%;display:block;transform:rotate(-2deg);box-shadow:0 20px 45px #28312720}.visual a{position:absolute;bottom:10px;right:-8px;padding:12px 20px;background:var(--rust);color:white;text-decoration:none;font-size:12px;transform:rotate(-2deg)}.shop{border-top:1px solid var(--line);padding:55px 0 75px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}h2{font:40px/1.16 Georgia,serif;letter-spacing:-.025em;margin:14px 0 22px}.section-head p{font-size:14px;color:#666e60;max-width:320px}.filters{display:flex;gap:8px;margin:18px 0 30px}.filters button{padding:9px 17px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);cursor:pointer;font:12px inherit}.filters button[aria-pressed=true]{background:var(--sage);color:white;border-color:var(--sage)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product{text-decoration:none;display:block}.product[hidden]{display:none}.product img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:3px;transition:transform .2s}.product:hover img{transform:translateY(-4px)}.product .label{display:block;margin-top:20px;font-size:10px}h3{font:24px/1.25 Georgia,serif;margin:8px 0}.product p{font-size:14px;color:#666e60}.card-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.card-bottom strong{font-size:15px}.about{padding:55px;background:#e4e8dc;display:grid;grid-template-columns:1fr 1fr;gap:60px}.about p{color:#596452;font-size:15px}.text-link{text-underline-offset:5px;font-size:13px}.process{padding:65px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process article{border-top:1px solid var(--line);padding-top:20px}.process span{font:28px Georgia;color:var(--sage)}.process p{font-size:14px;color:#666e60}.contact{border-top:1px solid var(--line);padding:50px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact p{font-size:14px;color:#666e60}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;color:#72796c;font-size:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}.brand{font-size:20px}.brand img{width:36px;height:36px}nav{gap:16px}.hero{grid-template-columns:1fr;gap:34px;padding:38px 0 50px}h1{font-size:49px}.visual{margin:0 10px;padding:24px}.section-head{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:20px}.card-bottom{flex-wrap:wrap}h3{font-size:21px}.about{grid-template-columns:1fr;gap:10px;padding:28px}.process{grid-template-columns:1fr;gap:25px;padding:45px 0}.contact{display:block}footer{flex-wrap:wrap}h2{font-size:34px}}@media(max-width:450px){.grid{grid-template-columns:1fr}nav{gap:12px;font-size:12px}h1{font-size:43px}}
