@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#172019;--paper:#f8f4ed;--sage:#dfe6d7;--clay:#bb654e;--gold:#d8a337;--white:#fff;--muted:#6d756f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}
.cursor,.cursor-dot{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);display:none}.cursor{width:42px;height:42px;border:1px solid #17201980;transition:width .2s,height .2s,background .2s}.cursor-dot{width:5px;height:5px;background:var(--clay)}body.hovering .cursor{width:72px;height:72px;background:#fff8}
.loader{position:fixed;inset:0;background:var(--ink);z-index:9998;display:grid;place-items:center;color:white;transition:transform .9s cubic-bezier(.8,0,.2,1)}.loader.hide{transform:translateY(-105%)}.loader span{font:500 clamp(34px,6vw,80px) "Playfair Display";overflow:hidden}.loader i{display:inline-block;animation:loaderIn 1s both}@keyframes loaderIn{from{transform:translateY(110%)}}
.top{background:var(--ink);color:white;text-align:center;padding:8px;font-size:10px;letter-spacing:.12em}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#f8f4eddb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid #18211d14}.logo{font:500 28px "Playfair Display";letter-spacing:-.04em}.logo i{color:var(--clay)}.links{display:flex;gap:26px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--ink);transition:.35s}.links a:hover:after{width:100%}.navtools{display:flex;gap:9px}.icon{border:1px solid #17201930;background:transparent;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;cursor:pointer;transition:.3s}.icon:hover{background:var(--ink);color:#fff;transform:rotate(8deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border:1px solid var(--ink);background:transparent;font-size:10px;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;transition:color .3s,background .3s,transform .3s;position:relative;overflow:hidden}.btn.dark,.btn:hover{background:var(--ink);color:white}.btn:hover{transform:translateY(-3px)}.magnetic{transition:transform .18s ease-out}
.hero{min-height:84vh;display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eye{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--clay);font-weight:600}.hero h1,.title,.pagehero h1{font:500 clamp(58px,7.2vw,108px)/.89 "Playfair Display";letter-spacing:-.05em;margin:17px 0 24px}.hero h1 .word{display:inline-block;overflow:hidden;vertical-align:bottom}.hero h1 .word span{display:inline-block;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero h1 .word:nth-child(2) span{animation-delay:.1s}.hero h1 .word:nth-child(3) span{animation-delay:.2s}.hero h1 em{color:var(--clay)}@keyframes rise{from{transform:translateY(115%);opacity:0}}.lead{font-size:17px;line-height:1.75;color:#59615b;max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-art{position:relative;overflow:hidden;background:#ddd}.hero-art .main-art{width:100%;height:100%;object-fit:cover;transform:scale(1.07);animation:heroZoom 1.7s ease-out forwards}@keyframes heroZoom{to{transform:scale(1)}}.float-art{position:absolute;width:28%;aspect-ratio:.72;object-fit:cover;border:9px solid var(--paper);box-shadow:0 20px 50px #0002;right:5%;bottom:5%;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}.hero-label{position:absolute;top:7%;left:5%;background:#f8f4ede8;padding:13px 16px;font:500 14px "Playfair Display";backdrop-filter:blur(8px)}
.marquee{overflow:hidden;background:var(--clay);color:white;padding:16px 0}.track{white-space:nowrap;font:500 21px "Playfair Display";animation:marquee 24s linear infinite}.track span{padding:0 30px;opacity:.65}@keyframes marquee{to{transform:translateX(-50%)}}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-bottom:1px solid #ddd}.trust div{padding:21px;text-align:center;border-right:1px solid #ddd;font-size:11px}.trust b{display:block;font:500 17px "Playfair Display";margin-bottom:4px}
section{padding:105px 6vw}.head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.title{font-size:clamp(45px,5vw,74px);margin:10px 0}.head p{max-width:470px;color:var(--muted);line-height:1.75}
.collections{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.collection{height:530px;position:relative;overflow:hidden;background:#ddd}.collection img{width:100%;height:115%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.collection:hover img{transform:scale(1.07) translateY(-2%)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#101813dc,transparent 66%);color:white;padding:27px;display:flex;flex-direction:column;justify-content:flex-end}.shade h3{font:500 31px "Playfair Display";margin:4px 0;transform:translateY(12px);transition:.4s}.shade p{font-size:12px;opacity:0;transform:translateY(18px);transition:.4s}.collection:hover .shade h3,.collection:hover .shade p{opacity:1;transform:none}.arrow{position:absolute;right:24px;top:24px;width:48px;height:48px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;transition:.4s}.collection:hover .arrow{background:#fff;color:var(--ink);transform:rotate(45deg)}
.shop{background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:31px}.filter{border:1px solid #ddd;border-radius:30px;padding:10px 16px;background:white;cursor:pointer;font-size:11px;transition:.3s}.filter.active,.filter:hover{background:var(--ink);color:white;transform:translateY(-2px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 16px}.product{position:relative}.pic{height:390px;background:#eee;overflow:hidden;position:relative;perspective:800px}.pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.product:hover .pic img{transform:scale(1.06);filter:saturate(1.08)}.quickbar{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 46px;gap:7px;transform:translateY(70px);opacity:0;transition:.35s}.product:hover .quickbar{transform:none;opacity:1}.quickbar button{border:0;background:white;padding:13px;cursor:pointer}.quickbar button:hover{background:var(--ink);color:white}.badge{position:absolute;top:11px;left:11px;background:var(--clay);color:white;padding:7px 9px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.product h3{font:500 20px "Playfair Display";margin:13px 0 5px}.price{font-size:13px}.meta{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}.product-info{transition:.3s}.product:hover .product-info{transform:translateX(5px)}
.horizontal{overflow:hidden;background:var(--sage);padding-left:0;padding-right:0}.htrack{display:flex;gap:18px;width:max-content;padding:0 6vw}.hcard{width:min(72vw,560px);height:520px;position:relative;overflow:hidden}.hcard img{width:100%;height:100%;object-fit:cover;transition:.7s}.hcard:hover img{transform:scale(1.05)}.hcard .shade{padding:30px}
.story{display:grid;grid-template-columns:1fr 1fr;background:var(--sage);padding:0}.story-image{overflow:hidden;position:relative}.story img{width:100%;height:720px;object-fit:cover;transition:transform .2s linear}.story-copy{padding:8vw;display:flex;justify-content:center;flex-direction:column}.story-copy p{line-height:1.8;color:#4c554e}.quote{font:500 28px/1.25 "Playfair Display";margin:30px 0}
.pagehero{padding:110px 6vw 80px;background:var(--sage);position:relative;overflow:hidden}.pagehero:after{content:"J";position:absolute;right:-1vw;bottom:-8vw;font:500 27vw "Playfair Display";color:#ffffff4d}.pagehero h1{font-size:clamp(58px,8vw,105px);position:relative;z-index:1}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.two img{width:100%;max-height:670px;object-fit:cover}.form{display:grid;gap:12px}.form input,.form textarea,.form select{padding:15px;border:1px solid #ccc;background:white;outline:none;transition:.25s}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--clay);transform:translateX(4px)}.form textarea{min-height:140px}
.newsletter{background:var(--clay);color:white;text-align:center}.newsletter .title{max-width:850px;margin:12px auto 25px}.newsletter form{display:flex;max-width:560px;margin:30px auto 0}.newsletter input{flex:1;padding:16px;border:0}.newsletter button{border:0;background:var(--ink);color:white;padding:0 23px}
.cart,.quickview{position:fixed;right:-450px;top:0;width:min(450px,100%);height:100vh;background:white;z-index:100;padding:30px;box-shadow:-15px 0 50px #0002;transition:.45s cubic-bezier(.2,.7,.2,1);overflow:auto}.cart.open,.quickview.open{right:0}.drawerhead{display:flex;justify-content:space-between;align-items:center}.cartitem{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #ddd}.cartitem img{width:85px;height:105px;object-fit:cover}.qimg{width:100%;height:400px;object-fit:cover}.overlaybg{position:fixed;inset:0;background:#17201970;z-index:90;opacity:0;pointer-events:none;transition:.3s}.overlaybg.open{opacity:1;pointer-events:auto}
footer{padding:68px 6vw 27px;background:var(--ink);color:#cbd0cc}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.foot .logo{color:white;font-size:34px}.foot h4{color:white;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.foot a{display:block;font-size:12px;margin:10px 0;transition:.2s}.foot a:hover{color:white;transform:translateX(5px)}.copyright{border-top:1px solid #ffffff1c;margin-top:45px;padding-top:20px;font-size:10px}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform .85s}.reveal.show{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}
@media(pointer:fine){.cursor,.cursor-dot{display:block}}@media(max-width:900px){.links{display:none}.hero,.story,.two{grid-template-columns:1fr}.hero-art{height:62vh}.trust{grid-template-columns:1fr 1fr}.collections{grid-template-columns:1fr}.collection{height:470px}.grid{grid-template-columns:1fr 1fr}.story img{height:520px}.head{display:block}.foot{grid-template-columns:1fr 1fr}.float-art{width:30%}}@media(max-width:560px){.grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.pic{height:450px}.hero h1{font-size:57px}.nav{padding:0 4vw}.navtools .icon:first-child{display:none}.pagehero{padding-top:75px}}