@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#17283e;font-family:DM Sans,sans-serif}.ribbon{height:30px;background:#17283e;color:#e8e3d8;text-align:center;font-size:9px;letter-spacing:1.5px;padding:8px}.ribbon span{color:#d7bd88;margin-left:20px}header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e3da;position:sticky;top:0;background:#faf9f6;z-index:4}.logo{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;font-weight:700;letter-spacing:2px}.logo>b{border:1px solid #b69b6b;color:#b69b6b;padding:6px 11px;font:25px Georgia}.logo i{font-style:normal;font-weight:400}.logo small{display:block;font-size:7px;color:#888;letter-spacing:2px;margin-top:4px}.search{width:34%;padding:13px;border:1px solid #e7e3da;background:#f1f0eb;outline-color:#b69b6b}nav{display:flex;gap:18px}button{cursor:pointer;font:inherit}nav button{border:0;background:none;font-size:11px}.dark{background:#17283e;color:#fff;border:0;padding:13px 19px;font-size:10px;letter-spacing:1px}.hero{margin:22px 4%;background:#eeece5;min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:5% 8%}.hero small,.eyebrow{font-size:9px;letter-spacing:2px;color:#a58a60;font-weight:700}.hero h1{font:clamp(40px,5vw,64px)/1.1 "Playfair Display";font-weight:500;margin:25px 0}.hero em,.promo em{color:#a58a60}.hero p{max-width:400px;color:#777;font-size:13px;line-height:1.9}.hero a,.promo a{display:inline-block;background:#17283e;color:#fff;text-decoration:none;padding:16px 20px;font-size:10px;letter-spacing:1px;margin-top:15px}.hero aside{height:330px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 55% 45%,#e4dfd2,#b9b6aa)}.circle{width:230px;height:230px;border-radius:50%;background:linear-gradient(140deg,#f1eee4,#a9a89e);display:grid;place-items:center;text-align:center;font:23px Playfair Display;color:#fff;box-shadow:0 25px 40px #6664}.hero aside strong{position:absolute;bottom:20px;right:20px;color:#fff;font-size:9px;letter-spacing:2px;line-height:1.8}.benefits{display:flex;justify-content:space-around;padding:24px 5%;border-bottom:1px solid #e8e4dc;font-size:9px;letter-spacing:1px;color:#9c8256}main{padding:75px 7%}main h2{font:45px Playfair Display;margin:12px 0 28px}main h2 span{color:#b69b6b}.cats{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.cats button{border:1px solid #ddd9d0;background:none;padding:10px 15px;font-size:10px}.cats .active{background:#17283e;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 18px}.photo{height:290px;background:#dedbd2;display:grid;place-items:center;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo>span{font:90px Playfair Display;color:#fff}.t1{background:#d8d0c2}.t2{background:#d4dbd9}.t3{background:#ddd8cf}.t4{background:#e2d4d1}.t5{background:#d6d9d1}.photo button{position:absolute;bottom:12px;left:12px;right:12px;padding:12px;border:0;background:#fff;font-size:9px;letter-spacing:1px}.grid article>small{display:block;color:#a58a60;font-size:8px;letter-spacing:1px;margin-top:13px}.grid h3{font-size:13px;font-weight:500;margin:7px 0}.grid article>b{font-size:12px}.promo{margin:0 4% 70px;background:#17283e;color:#fff;padding:45px 7%;display:flex;align-items:center;justify-content:space-between}.promo h2{font:42px Playfair Display;line-height:1.1}.promo a{background:#dfc99e;color:#17283e}footer{background:#eeece5;padding:30px 7%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#777}.admin{min-height:65vh}.panel{max-width:420px;background:#eeece5;padding:25px;display:grid;gap:12px;margin:25px 0}.panel input,.panel textarea,.drawer input,.drawer textarea,.drawer select{padding:13px;border:1px solid #ddd9d0;background:#fff;font:12px DM Sans}.stats{display:flex;gap:15px}.stats div{padding:20px;background:#eeece5;min-width:150px;font-size:9px}.stats b{display:block;font-size:20px;margin-top:12px}.shade{position:fixed;inset:0;background:#101b2bd9;z-index:9;display:flex;justify-content:flex-end}.drawer{background:#faf9f6;width:min(460px,100%);height:100%;overflow:auto;padding:30px;position:relative}.drawer h2{font:34px Playfair Display}.drawer form{display:grid;gap:10px}.drawer form button{padding:15px}.drawer p{font-size:12px}.drawer p b{float:right}.x{position:absolute;right:20px;top:20px;background:none;border:0;font-size:25px}.toast{position:fixed;bottom:20px;right:20px;background:#17283e;color:#fff;padding:13px;z-index:12;font-size:11px}@media(max-width:700px){header{padding:0 4%;height:68px}.search{width:28%}.logo{font-size:11px}.logo>b{font-size:19px;padding:5px 8px}nav{gap:6px}nav button{font-size:9px}.hero{grid-template-columns:1fr;padding:35px 8%;margin:12px 3%}.hero h1{font-size:42px}.hero aside{height:250px;margin-top:25px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:8px}main{padding:50px 5%}main h2{font-size:36px}.grid{grid-template-columns:repeat(2,1fr);gap:20px 10px}.photo{height:195px}.promo{margin:0 3% 45px;padding:30px 6%}.promo h2{font-size:30px}footer{flex-wrap:wrap;gap:12px}.stats{flex-wrap:wrap}.stats div{flex:1}.ribbon span{display:none}}
