*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17213a;background:#fffaf4;font-family:Arial,Helvetica,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;background:#fffaf4}.logo{color:#9b6b17;text-decoration:none;display:flex;flex-direction:column;line-height:1}.logo b{font-size:36px;font-weight:400;letter-spacing:-2px}.logo span{font-size:25px}.logo small{font-family:Georgia,serif;font-style:italic;font-size:12px;margin-top:5px}.tagline{text-align:center;font:italic 23px Georgia,serif}.tagline small{display:block;font:10px Arial;letter-spacing:1.5px;margin-top:8px}.person{font-size:14px;display:grid;grid-template-columns:auto auto;column-gap:8px}.person small{grid-column:2}.nav{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:10px 2%;background:#f7efe5;border-block:1px solid #e9ddca;flex-wrap:wrap}.nav a{color:#20283a;text-decoration:none;font-size:14px;padding:8px}.button{display:inline-block;background:linear-gradient(#b98522,#8e5b0d);color:white!important;text-decoration:none;border-radius:24px;padding:12px 22px;box-shadow:0 2px 5px #bfa36a55}.hero{display:grid;grid-template-columns:30% 39% 21% 10%;min-height:430px;background:#fbf1e6;overflow:hidden;align-items:stretch}.portrait{min-height:430px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-copy{padding:28px 18px}.hero h1{font:36px/1.15 Georgia,serif;margin:0 0 14px;color:#27222a}.hero h1 em{display:inline-block;color:#9b6b17;font-style:italic}.hero-copy p{font:18px/1.4 Georgia,serif}.shop{font:13px Arial!important}.shop a{color:#17213a}.signature{font:italic 22px Georgia,serif;margin-top:15px}.product-photo{display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{width:100%;height:70%;object-fit:cover;border-radius:12px}.benefits{display:flex;flex-direction:column;justify-content:space-evenly;padding:10px 4px;font-size:12px;gap:8px}.benefits span{background:#fffaf4;border-radius:24px;padding:12px 8px;border:1px solid #e8d8bd}.categories{padding:28px 3%}.categories h2{text-align:center;font:30px Georgia,serif;margin:0 0 20px}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tiles a{display:block;text-decoration:none;color:#17213a;border:1px solid #e8d8bd;border-radius:8px;overflow:hidden;background:#fff}.tiles img{display:block;width:100%;height:110px;object-fit:cover}.tiles span{display:block;padding:10px;font-size:13px}.info{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;padding:25px 4%;background:#fffaf4}.info h2{font:27px Georgia,serif}.info p{line-height:1.5}.info h3{font:italic 23px Georgia,serif;color:#9b6b17}.vip{position:relative;background:#f6ead8;border:1px solid #e8d8bd;border-radius:12px;padding:20px}.vip h2{margin:0;color:#9b6b17}.vip ul{padding-left:20px;line-height:1.8;font-size:13px;max-width:65%}.vip img{position:absolute;right:12px;top:70px;width:30%;border-radius:8px}.banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:10px 3% 25px}.banners a{padding:35px 24px;border-radius:10px;background:linear-gradient(110deg,#f5e4d1,#fffaf4);color:#8e5b0d;text-decoration:none;font:26px Georgia,serif}footer{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:25px 4%;background:#fff}.footer-note{font:italic 24px Georgia,serif}.bottom{text-align:center;background:#f4e9dc;padding:15px;font-size:12px;color:#555}
@media(max-width:700px){.top{flex-wrap:wrap}.tagline{order:3;width:100%;font-size:18px}.person{font-size:12px}.nav{justify-content:center}.nav a{font-size:12px}.nav .button{width:100%;text-align:center}.hero{grid-template-columns:42% 58%;min-height:0}.portrait{min-height:390px}.hero-copy{padding:18px 12px}.hero h1{font-size:25px}.hero-copy p{font-size:15px}.product-photo{grid-column:1/2;height:180px;padding:8px}.product-photo img{height:100%}.benefits{grid-column:2/3;grid-row:2;display:grid;grid-template-columns:1fr 1fr;padding:10px;font-size:11px}.benefits span{padding:9px 6px}.categories{padding:22px 4%}.tiles{grid-template-columns:repeat(2,1fr)}.tiles img{height:125px}.info{grid-template-columns:1fr;gap:8px}.vip ul{max-width:70%}.banners{grid-template-columns:1fr}.banners a{font-size:22px}footer{flex-wrap:wrap;justify-content:flex-start}.footer-note{width:100%}.logo b{font-size:30px}}