@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');:root{font-family:'DM Sans',sans-serif;color:#181a18;background:#f4f2ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a{color:inherit}header{height:82px;padding:0 5vw;display:flex;align-items:center;gap:35px;position:sticky;top:0;background:#f4f2ed;z-index:10;border-bottom:1px solid #d9d5cc}.brand{font-weight:600;letter-spacing:.28em;font-size:23px;text-decoration:none}.brand i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#202823;color:white;font:italic 20px serif;margin-right:8px}header nav{display:flex;gap:30px;align-items:center;margin:auto}header nav a,header nav button,.admin-link{border:0;background:none;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.admin-link{border:1px solid #bbb7af!important;padding:10px 15px!important}.menu{display:none}.bag{font-size:11px;letter-spacing:.14em}.bag b{background:#c8ff38;padding:4px 7px;border-radius:20px}.notice{text-align:center;padding:8px;background:#202823;color:white;font-size:9px;letter-spacing:.22em}.hero{min-height:690px;display:grid;grid-template-columns:58% 42%;background:#dedbd2}.hero-image{background:linear-gradient(90deg,transparent 70%,#dedbd2),url('https://images.unsplash.com/photo-1552374196-c4e7ffc6e126?auto=format&fit=crop&w=1600&q=88') center/cover}.hero-copy{align-self:center;padding:60px 7vw}.hero small,.title small,.admin-page small,.login small{font-size:10px;letter-spacing:.24em;font-weight:600}.hero h1{font-size:clamp(60px,7vw,105px);line-height:.85;letter-spacing:-.06em;margin:28px 0}.hero em,.title em{font-family:'Playfair Display';font-weight:500;color:#697568}.hero p{line-height:1.75;color:#5f625c}.primary{display:inline-block;background:#202823;color:white;border:0;text-decoration:none;padding:17px 23px;font-size:11px;letter-spacing:.15em;margin-top:22px}.shop{padding:100px 5vw}.title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #c9c5bc;padding-bottom:45px}.title h2{font-size:55px;margin:15px 0 0}.title p{max-width:390px;line-height:1.7;color:#777}.toolbar{display:flex;gap:20px;align-items:center;margin:35px 0}.toolbar>input{width:300px;padding:12px;border:0;border-bottom:1px solid #aaa59b;background:transparent;outline:0}.toolbar div{display:flex;gap:7px;margin-left:auto}.toolbar button{border:1px solid #cdc9c0;border-radius:25px;background:transparent;padding:9px 18px}.toolbar button.active{background:#202823;color:white}.toolbar select{border:0;border-bottom:1px solid #aaa59b;background:transparent;padding:10px}.count{font-size:10px;letter-spacing:.15em}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 18px}.products article .image{height:410px;position:relative;overflow:hidden;background:#ddd}.products img{width:100%;height:100%;object-fit:cover}.image>span,.image>b{position:absolute;top:12px;left:12px;padding:7px 9px;background:#c8ff38;font-size:9px;letter-spacing:.1em}.image>b{top:45px;background:white}.add{position:absolute;bottom:0;left:0;right:0;background:#202823;color:white;border:0;padding:15px;transform:translateY(100%);transition:.25s;font-size:10px;letter-spacing:.14em}.image:hover .add{transform:none}.products article>small{display:block;margin-top:13px;color:#777;text-transform:uppercase;letter-spacing:.12em}.products h3{margin:8px 0}.products p{margin:0}.products del{color:#96938c;margin-left:8px}footer{padding:75px 6vw 30px;background:#202823;color:white}footer h2{font:italic 65px 'Playfair Display';color:#c8ff38;margin:60px 0 30px}footer p{color:#bbc0b8;line-height:1.7;border-bottom:1px solid #586058;padding-bottom:40px}footer small{font-size:9px;letter-spacing:.13em}.light i{background:#c8ff38;color:#202823}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(115deg,#d8d5cd,#f4f2ed)}.login form{width:min(420px,90vw);background:white;padding:45px;display:flex;flex-direction:column;gap:15px}.login form small{margin-top:25px}.login h1{font-size:42px;margin:0}.login p{color:#777;margin:0 0 10px}.login label,.panel label{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.login input,.panel input,.panel select{padding:12px;border:1px solid #d4d0c7;background:#faf9f6}.login form>a:last-child{text-align:center;font-size:12px;margin-top:10px}.error{color:#a33!important}.admin-page{padding:65px 5vw}.admin-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ccc8bf;padding-bottom:30px}.admin-heading h1{font-size:50px;margin:10px 0}.admin-heading p{color:#777}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:28px;margin-top:30px}.panel{background:white;padding:28px}.panel h2{margin-top:0}.panel>label,.two label{margin-bottom:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel .check{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0}.admin-row{display:grid;grid-template-columns:55px 1fr 100px 100px 30px;gap:12px;align-items:center;border-top:1px solid #e2ded6;padding:12px 0}.admin-row img{width:55px;height:65px;object-fit:cover}.admin-row>div{display:flex;flex-direction:column}.admin-row small{color:#888;margin-top:5px}.admin-row input{width:100%;padding:8px}.admin-row button{font-size:24px;border:0;background:none;color:#a44}
@media(max-width:850px){header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#f4f2ed;padding:25px;flex-direction:column}header nav.open{display:flex}.menu{display:block;margin-left:auto;border:0;background:none}.hero{grid-template-columns:1fr}.hero-image{height:380px;background:linear-gradient(0deg,#dedbd2,transparent),url('https://images.unsplash.com/photo-1552374196-c4e7ffc6e126?auto=format&fit=crop&w=900&q=85') center/cover}.hero-copy{padding:35px 6vw}.title{display:block}.toolbar{flex-wrap:wrap}.toolbar>input{width:100%}.toolbar div{margin:0}.products{grid-template-columns:repeat(2,1fr)}.products article .image{height:340px}.admin-grid{grid-template-columns:1fr}.admin-heading{display:block}.admin-row{grid-template-columns:50px 1fr 80px 30px}.admin-row label:nth-of-type(2){display:none}}@media(max-width:500px){.hero h1{font-size:58px}.shop{padding:65px 4vw}.title h2{font-size:40px}.toolbar div{overflow:auto}.products{gap:25px 9px}.products article .image{height:240px}.products h3{font-size:14px}.admin-page{padding:45px 4vw}.admin-heading h1{font-size:39px}.panel{padding:18px}}