:root{--ink:#171310;--soft:#f5f1eb;--line:#e5dfd7;--gold:#c98b48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px "DM Sans",sans-serif}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.offer{height:34px;display:grid;place-items:center;background:#171717;color:white;text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;padding:0 1rem}.header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:.22em}.logo i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;font:normal 1.35rem "Playfair Display"}.logo b{font-size:1rem}.icon{width:46px;height:46px;border:0;background:none;padding:10px;cursor:pointer}.icon svg,.mobile-nav svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.actions{justify-self:end;display:flex}.cart-icon{position:relative}.cart-icon span{position:absolute;top:2px;right:2px;width:19px;height:19px;border-radius:50%;background:#965025;color:white;display:grid;place-items:center;font-size:.65rem}.hero{height:68vh;min-height:520px;max-height:760px;position:relative;overflow:hidden;background:#171310}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,11,8,.84),rgba(15,11,8,.08) 65%)}.hero>div{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);color:white}.hero p,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;font-weight:600}.hero h1,.title h2,.craft h2,.contact h2{font-family:"Playfair Display";line-height:.98}.hero h1{font-size:clamp(3.5rem,7vw,6.8rem);max-width:650px;margin:.5rem 0 1.6rem}.hero a,.craft a{display:inline-block;border:1px solid currentColor;padding:.9rem 1.2rem;font-weight:600}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.benefits p{margin:0;padding:1.25rem;text-align:center;border-right:1px solid var(--line)}.benefits p:last-child{border:0}.benefits b,.benefits span{display:block}.benefits span{font-size:.78rem;color:#756c63;margin-top:.25rem}.collection{max-width:1500px;margin:auto;padding:5rem 4vw 7rem}.title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1.4rem}.title h2,.craft h2,.contact h2{font-size:clamp(2.4rem,4.5vw,4.6rem);margin:.35rem 0}.title>span{font-size:.85rem;color:#756c63}.tools{display:flex;justify-content:flex-end;padding:1rem 0 1.5rem}.tools>button{display:none;border:0;background:white}.filters{display:flex;gap:.45rem}.filters button{border:1px solid var(--line);background:white;border-radius:50px;padding:.65rem 1rem}.filters button.active{background:var(--ink);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:2.3rem 1.4rem}.product[hidden]{display:none}.photo{margin:0;aspect-ratio:1;overflow:hidden;position:relative;background:var(--soft)}.photo img{width:100%;height:100%;object-fit:cover;transition:.3s}.product:hover .photo img{transform:scale(1.02)}.photo.tote img{object-position:82% 28%}.photo.duffle img{object-position:55% 72%}.photo.diary img{object-position:94% 70%}.photo em{position:absolute;left:0;bottom:12px;background:var(--ink);color:white;padding:.4rem .75rem;font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.type{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#82786e;margin:.85rem 0 .4rem}.product h3{font:600 1.3rem "Playfair Display";margin:0}.detail{font-size:.82rem;color:#756c63;margin:.35rem 0 .75rem}.product strong{display:block;margin-bottom:.75rem}.add{width:100%;border:1px solid var(--ink);background:white;padding:.75rem;cursor:pointer}.add:hover{background:var(--ink);color:white}.note{font-size:.8rem;color:#756c63;margin-top:2rem}.craft{background:var(--ink);color:white;padding:7rem 8vw;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.craft .kicker{color:var(--gold)}.craft p:not(.kicker){color:#c7beb5;line-height:1.8}.contact{text-align:center;background:var(--soft);padding:7rem 1rem}.contact form{display:flex;max-width:520px;margin:2rem auto 0;border-bottom:1px solid}.contact input{flex:1;border:0;background:none;padding:1rem 0;outline:none}.contact form button{border:0;background:none;font-weight:600}footer{display:flex;justify-content:space-between;align-items:center;padding:3rem 4vw;font-size:.8rem}.overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;z-index:39;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;width:min(88vw,430px);background:white;z-index:40;padding:1.3rem;transition:.28s;overflow:auto}.drawer header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.drawer h2{font:600 2rem "Playfair Display"}.drawer header button{border:0;background:none;font-size:2.2rem}.menu{left:0;transform:translateX(-102%)}.cart{right:0;transform:translateX(102%)}.drawer.open{transform:none}.menu>a,.menu>button{display:flex;width:100%;justify-content:space-between;padding:1.2rem .3rem;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.menu>a:hover,.menu>button:hover{background:var(--soft);padding-left:1rem}.cart #cartItems{min-height:220px}.cart-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:1rem 0}.cart-line button{border:0;background:none;text-decoration:underline}.total{display:flex;justify-content:space-between;border-top:1px solid;padding:1rem 0}.checkout{width:100%;padding:1rem;background:var(--ink);color:white;border:0}.cart small{display:block;text-align:center;color:#756c63;margin-top:.8rem}.search{position:fixed;top:0;left:0;right:0;background:white;z-index:45;padding:2rem 5vw;transform:translateY(-105%);transition:.25s}.search.open{transform:none}.search label{display:block;font:600 2rem "Playfair Display";margin-bottom:1rem}.search>div{display:flex;gap:1rem}.search input{flex:1;padding:1rem;border:1px solid var(--line)}.search button{border:0;background:none}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,20px);background:var(--ink);color:white;padding:.9rem 1.2rem;opacity:0;z-index:60;transition:.25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:720px){body{padding-bottom:78px}.offer{font-size:.6rem}.header{height:82px;padding:0 .7rem}.logo i{width:38px;height:38px}.hero{height:58vh;min-height:450px}.hero>img{object-position:64%}.hero>div{left:1.3rem;right:1.3rem;top:auto;bottom:2rem;transform:none}.hero h1{font-size:3.05rem;max-width:330px}.benefits{display:none}.collection{padding:3rem 1rem 4rem}.title{align-items:start}.title h2{font-size:2.1rem}.tools{justify-content:flex-start;border-bottom:1px solid var(--line);margin-bottom:1rem}.tools>button{display:block}.filters{display:none}.products{grid-template-columns:1fr 1fr;gap:2rem .65rem}.product h3{font:500 .94rem "DM Sans";line-height:1.35}.detail{font-size:.7rem;min-height:2.1em}.product strong{font-size:.92rem}.add{font-size:.75rem;padding:.65rem}.photo em{bottom:8px;font-size:.58rem}.craft{grid-template-columns:1fr;padding:5rem 1.3rem;gap:1rem}.craft h2{font-size:2.7rem}.contact{padding:5rem 1rem}footer{flex-direction:column;gap:1rem;text-align:center}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);height:78px;position:fixed;left:0;right:0;bottom:0;background:white;border-top:1px solid var(--line);z-index:30}.mobile-nav a,.mobile-nav button{border:0;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.64rem;font-weight:600;padding:.3rem 0}.mobile-nav svg{width:25px;height:25px}.toast{bottom:90px;max-width:90vw}.drawer{padding:1.1rem}.search{padding:1.2rem}.search>div{gap:.4rem}}