@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Playfair+Display:wght@600&display=swap');
:root{--ink:#181916;--cream:#f3f0e9;--line:#d8d4ca;--muted:#77786f;--accent:#a98b62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8f7f3;font-family:'Noto Sans SC',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.top{height:78px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 5vw;color:#fff;border-bottom:1px solid #ffffff38}.logo{font-family:'Playfair Display',serif;font-size:25px;letter-spacing:4px;font-weight:600}.logo small{font-family:Arial,sans-serif;display:block;font-size:7px;letter-spacing:5px;margin-top:2px}.top nav{display:flex;gap:34px;margin:auto}.top nav a{font-size:13px;position:relative}.top nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:currentColor;transition:.3s}.top nav a:hover:after,.top nav a.active:after{width:100%}.tools{display:flex;align-items:center;gap:20px}.tools button{border:0;background:none;color:inherit;font-size:20px}.cart-link{font-size:13px}.cart-link b{display:inline-grid;place-items:center;background:#fff;color:#111;border-radius:50%;width:19px;height:19px;margin-left:3px;font-size:10px}.menu{display:none}.dark-head{position:relative;color:var(--ink);border-color:var(--line);background:#f8f7f3}.dark-head .cart-link b{background:var(--ink);color:#fff}.hero{height:min(850px,100vh);min-height:680px;color:white;background:linear-gradient(90deg,#111b 0%,#1114 50%,#1112),url('https://images.unsplash.com/photo-1617137968427-85924c800a22?auto=format&fit=crop&w=2000&q=88') center 20%/cover;display:flex;align-items:center;padding:8% 10%;position:relative}.hero-copy{margin-top:60px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500}.hero h1{font-family:'Playfair Display','Noto Sans SC';font-size:clamp(55px,7vw,100px);line-height:1.08;letter-spacing:4px;margin:25px 0}.hero-copy>p:not(.eyebrow){font-size:16px;letter-spacing:2px;margin-bottom:40px}.btn{display:inline-flex;justify-content:space-between;align-items:center;border:1px solid;padding:16px 24px;min-width:195px;background:none}.btn.light{color:#fff;border-color:#fff}.btn.dark{color:#fff;background:var(--ink);border-color:var(--ink)}.btn:hover{opacity:.82}.hero-tag{position:absolute;right:5vw;bottom:5vw;font-size:10px;letter-spacing:3px;text-align:right}.hero-tag strong{font-size:52px;font-family:'Playfair Display'}.section{padding:110px 7vw 45px}.intro{display:grid;grid-template-columns:1fr 1fr auto;align-items:end}.intro h2,.story h2,.detail-notes h2,.recommend h2{font-size:38px;font-weight:400;margin:12px 0}.intro>p{color:var(--muted);line-height:2}.intro>a{font-size:13px;border-bottom:1px solid;padding-bottom:7px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 7vw 100px}.product-card{position:relative}.product-image{aspect-ratio:3/4;background:#e9e7e1 center/cover;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.product-card:hover img{transform:scale(1.025)}.badge{position:absolute;top:13px;left:13px;background:#1b1c19;color:#fff;padding:5px 9px;font-size:9px;letter-spacing:1px}.quick-add{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:20px;opacity:0;transform:translateY(5px);transition:.25s}.product-card:hover .quick-add{opacity:1;transform:none}.product-meta{padding:15px 2px}.product-meta h3{font-size:14px;font-weight:400;margin:0 0 7px}.product-meta p{font-size:12px;color:var(--muted);margin:0}.product-meta strong{float:right;color:var(--ink);font-weight:500}.category-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;height:610px}.cat{background-position:center;background-size:cover;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.cat:after{content:"";position:absolute;inset:0;background:#0002;transition:.4s}.cat:hover:after{background:#0004}.cat>*{z-index:1}.cat span{font-size:11px}.cat h3{font-size:29px;font-weight:400;margin:0}.cat p{font-size:12px}.cat1{background-image:url('https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?auto=format&fit=crop&w=1000&q=80')}.cat2{background-image:url('https://images.unsplash.com/photo-1620012253295-c15cc3e65df4?auto=format&fit=crop&w=1000&q=80')}.cat3{background-image:url('https://images.unsplash.com/photo-1473966968600-fa801b869a1a?auto=format&fit=crop&w=1000&q=80')}.story{display:grid;grid-template-columns:1.2fr 1fr;min-height:650px;background:#e8e3d9}.story-img{background:url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1200&q=85') center/cover}.story-copy{padding:12%;display:flex;flex-direction:column;justify-content:center}.story-copy p:not(.eyebrow){color:#686960;line-height:2;max-width:480px}.story-copy .btn{margin-top:25px}.services{display:grid;grid-template-columns:repeat(4,1fr);padding:75px 7vw;border-bottom:1px solid var(--line);gap:45px}.services b{font-size:11px;color:var(--accent)}.services h4{font-weight:400;margin:22px 0 8px}.services p{font-size:12px;color:var(--muted)}footer{padding:70px 7vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;background:#191a18;color:#eee;position:relative}footer h4{font-size:13px;font-weight:400;margin:0 0 18px}footer p,footer div>a{display:block;color:#999;font-size:11px;margin:9px 0}.newsletter form{display:flex;border-bottom:1px solid #777}.newsletter input{width:100%;padding:13px 0;background:transparent;border:0;outline:0;color:#fff}.newsletter button{background:none;border:0;color:#fff}.copyright{position:absolute;left:7vw;bottom:15px}.simple-footer{display:flex;justify-content:space-between;padding:25px 7vw}.simple-footer p{margin:0}.catalog,.cart-page,.detail-wrap{padding:70px 7vw 100px}.catalog-title{text-align:center;margin:25px 0 65px}.catalog-title h1{font-size:48px;font-weight:400;margin:15px}.catalog-title>p:last-child{color:var(--muted)}.filters{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.filter-tabs{display:flex;gap:30px}.filter-tabs button{border:0;background:none;color:var(--muted);padding:0}.filter-tabs button.active{color:var(--ink);font-weight:500}.filters select{border:0;background:none}.result-count{font-size:11px;color:var(--muted);margin:24px 0}.all-products{padding:0;grid-template-columns:repeat(4,1fr)}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:35px}.product-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#eee}.detail-info{padding:30px 0;position:sticky;top:20px;height:max-content}.detail-info h1{font-weight:400;font-size:30px;margin:18px 0 10px}.detail-info .price{font-size:20px}.desc{color:var(--muted);line-height:1.9;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:25px}.option{margin:25px 0}.option>p{display:flex;justify-content:space-between;font-size:12px}.swatches,.sizes{display:flex;gap:10px}.swatches button,.sizes button{border:1px solid var(--line);background:transparent;min-width:45px;height:38px}.swatches button.active,.sizes button.active{background:var(--ink);color:#fff}.add-cart{width:100%;margin-top:10px}.perks{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:20px}.detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:130px 10%;background:#ece9e2;margin:100px -7vw}.detail-notes h4{font-size:14px}.detail-notes p{font-size:13px;line-height:2;color:var(--muted)}.recommend{text-align:center}.recommend .product-grid{text-align:left;padding:35px 0 0}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:7vw}.cart-row{display:grid;grid-template-columns:125px 1fr auto;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-row img{width:125px;height:155px;object-fit:cover}.cart-row h3{font-size:15px;font-weight:400}.cart-row p{font-size:11px;color:var(--muted)}.quantity{display:flex;border:1px solid var(--line);width:max-content}.quantity button{width:32px;border:0;background:none}.quantity span{width:30px;text-align:center;padding:6px}.remove{border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline}.cart-price{text-align:right}.cart-summary{background:#ece9e2;padding:32px;height:max-content}.cart-summary h3{margin-top:0;font-weight:400}.cart-summary p{display:flex;justify-content:space-between;font-size:12px;margin:20px 0}.cart-summary .total{font-size:16px}.cart-summary .btn{width:100%;margin:12px 0}.cart-summary small{color:var(--muted);font-size:9px}.empty{text-align:center;padding:90px 20px;border:1px solid var(--line)}.empty h2{font-weight:400}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-logo{position:fixed;z-index:2;top:35px;left:45px;color:white}.auth-visual{background:linear-gradient(#1113,#1118),url('https://images.unsplash.com/photo-1534030347209-467a5b0ad3e6?auto=format&fit=crop&w=1200&q=85') center/cover;display:flex;align-items:flex-end;color:#fff;padding:70px}.register-visual{background-image:linear-gradient(#1113,#1118),url('https://images.unsplash.com/photo-1610652492500-ded49ceeb378?auto=format&fit=crop&w=1200&q=85')}.auth-visual h1{font-size:52px;font-weight:400;margin:8px 0}.auth-visual p{letter-spacing:3px;font-size:10px}.auth-box{display:grid;place-items:center;padding:70px}.auth-box>div{width:min(400px,100%)}.auth-box h2{font-size:34px;font-weight:400;margin:10px 0}.muted,.switch{color:var(--muted);font-size:12px}.auth-form{margin-top:35px}.auth-form label{display:block;font-size:12px;margin:20px 0;position:relative}.auth-form label>a,.code{float:right;color:var(--muted)}.auth-form input:not([type=checkbox]){width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:13px 0;outline:0}.auth-form input:focus{border-color:var(--ink)}.auth-form .btn{width:100%;margin-top:15px}.agree{color:var(--muted)}.agree input{vertical-align:middle}.switch{text-align:center;margin-top:25px}.switch a{color:var(--ink);text-decoration:underline}.toast{position:fixed;z-index:99;bottom:30px;left:50%;transform:translate(-50%,20px);background:#181916;color:#fff;padding:12px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.top{height:65px;padding:0 20px}.top nav{display:none;position:absolute;top:65px;left:0;width:100%;background:#171815;padding:25px;flex-direction:column}.top nav.open{display:flex}.menu{display:block!important}.hero{padding:100px 25px 50px;min-height:650px}.hero h1{font-size:52px}.intro{display:block;padding:75px 22px 30px}.intro>a{display:inline-block;margin-top:15px}.product-grid,.all-products{grid-template-columns:repeat(2,1fr);padding:0 20px 70px;gap:12px}.category-grid{grid-template-columns:1fr;height:auto}.cat{height:400px}.story{grid-template-columns:1fr}.story-img{min-height:430px}.services{grid-template-columns:1fr 1fr;padding:60px 22px}.services div{border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr;padding:60px 25px}.copyright{position:static}.catalog,.cart-page,.detail-wrap{padding:40px 20px 70px}.catalog-title h1{font-size:38px}.filter-tabs{overflow:auto;gap:20px}.product-detail{grid-template-columns:1fr}.detail-info{position:static}.detail-notes{margin:70px -20px;grid-template-columns:1fr;padding:70px 25px}.cart-layout{grid-template-columns:1fr}.auth-page{display:block}.auth-visual{display:none}.auth-logo{color:var(--ink);position:absolute}.auth-box{min-height:100vh;padding:100px 25px 50px}}@media(max-width:480px){.product-grid,.all-products{grid-template-columns:1fr 1fr}.product-meta h3{font-size:12px}.category-grid .cat{height:340px}.services{grid-template-columns:1fr}.detail-gallery{grid-template-columns:1fr}.detail-gallery img:nth-child(2){display:none}.cart-row{grid-template-columns:90px 1fr}.cart-row img{width:90px;height:115px}.cart-price{grid-column:2;text-align:left}footer{grid-template-columns:1fr}.simple-footer{display:block}.simple-footer p{margin:5px 0}}