*{box-sizing:border-box}body{color:#171717;background:#f8f7f4;margin:0;font-family:Arial,sans-serif}header{border-bottom:1px solid #e7e2d8;justify-content:space-between;align-items:center;padding:20px max(24px,50% - 550px);animation:.55s ease-out both header-in;display:flex}.brand{color:#111;letter-spacing:-1px;font-size:24px;font-weight:900;text-decoration:none}.brand span{color:#b18b48}nav{gap:22px;display:flex}nav a{color:#444;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,transform .2s}nav a:hover{color:#b18b48;transform:translateY(-2px)}main{max-width:1100px;margin:0 auto;padding:72px 24px}.hero{padding-block:14vh;animation:.7s ease-out both content-in}.eyebrow{color:#8b6a2b;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(2.5rem,7vw,5rem);line-height:.95}h1 em{color:#b18b48;font-family:Georgia,serif;font-weight:500}main>p:last-child{color:#555;max-width:620px;font-size:18px;line-height:1.6}.button,button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:9px;margin-top:20px;padding:13px 17px;font-weight:800;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:inline-block}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000029}.button:active,button:active{transform:translateY(0)scale(.97)}.products{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;display:grid}.products article{background:#fff;border:1px solid #e7e2d8;border-radius:16px;padding:15px;transition:border-color .25s,box-shadow .25s,transform .25s;animation:.55s ease-out both product-in}.products article:hover{border-color:#d1bea0;transform:translateY(-7px);box-shadow:0 14px 34px #352a181f}.product-art{background:#e7ddc9;border-radius:11px;justify-content:center;align-items:center;height:165px;font-size:64px;transition:transform .3s;display:flex}.products article:hover .product-art{transform:scale(1.035)}.products article>p{color:#84755e;margin:14px 0 4px;font-size:12px;font-weight:700}.products h2{margin:0 0 10px;font-size:18px}.products article>span{color:#666;font-size:13px;line-height:1.45}.products footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.products button{min-width:85px;margin:0;padding:9px;font-size:12px}.products button.added{background:#198754;animation:.45s cart-confirm}.checkout{grid-template-columns:1.4fr .8fr;align-items:start;gap:32px;margin-top:32px;display:grid}.checkout section,.checkout aside{background:#fff;border:1px solid #e7e2d8;border-radius:16px;padding:22px}.checkout h2{font-size:19px}.checkout input,.checkout select{font:inherit;border:1px solid #cfc7b9;border-radius:8px;width:100%;margin:10px 0;padding:12px;display:block}.checkout aside p{justify-content:space-between;font-size:14px;display:flex}.checkout aside label{margin:20px 0;font-size:14px;display:block}.checkout aside label input{width:auto;display:inline}.checkout aside button{width:100%}.notice{color:#216737;background:#e9f6ed;border-radius:10px;margin-top:25px;padding:14px}@keyframes header-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes content-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes product-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cart-confirm{0%{transform:scale(.9)}55%{transform:scale(1.12)}to{transform:scale(1)}}@media (max-width:760px){main{padding:46px 20px}.products{grid-template-columns:repeat(2,1fr)}.checkout{grid-template-columns:1fr}.checkout aside{order:-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}