@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#20221f;--line:#deded9;--paper:#fafaf7;--green:#e7edb8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Be Vietnam Pro',sans-serif;font-size:12px}button,input,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #7b8c38;outline-offset:4px}.announcement{padding:11px 4%;background:var(--ink);color:#fff;font-size:9px;letter-spacing:1.2px;display:flex;justify-content:space-between}.announcement span{opacity:.65}header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.logo{font-family:'DM Sans',sans-serif;font-size:48px;font-weight:900;letter-spacing:-4px;line-height:.7;display:flex;align-items:baseline;gap:8px}.logo span{font-size:19px;letter-spacing:-1.3px}nav{display:flex;align-items:center;gap:32px;font-size:10px;font-weight:600}nav button{font-size:10px;padding:0}nav .active{border-bottom:1px solid;padding-bottom:5px}.header-tools{display:flex;align-items:center;gap:24px;font-size:10px}#search-toggle{font-size:30px}#cart-count{display:inline-grid;place-items:center;background:var(--green);border-radius:50%;width:23px;height:23px;margin-left:6px}#mobile-menu{display:none}main{padding:0 4%}.breadcrumb{font-size:9px;padding-top:27px;color:#777}.breadcrumb span{margin:0 10px;color:#aaa}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:45px 0 48px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-family:'DM Sans',sans-serif;font-size:clamp(48px,5.8vw,88px);line-height:.95;letter-spacing:-5px;font-weight:500;margin:19px 0 0}h1 span{font-size:27px;vertical-align:top;display:inline-block;padding-top:6px;letter-spacing:0}.intro{width:245px;padding-bottom:5px}.little-star{font-size:45px}.intro p{line-height:1.9;color:#686963;margin:11px 0 21px}.intro a{font-size:9px;letter-spacing:.9px;border-bottom:1px solid;padding-bottom:6px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:68px;gap:20px}.categories{display:flex;gap:28px;align-items:center}.categories button{font-size:11px;padding:10px 0;color:#7b7c76;white-space:nowrap}.categories .selected{color:var(--ink);font-weight:600}.categories sup{font-size:8px;margin-left:3px}.view-tools{display:flex;gap:24px;align-items:center;font-size:10px}.view-tools>button{border-right:1px solid var(--line);padding-right:23px}.view-tools button span{margin-left:12px;font-size:18px}select{border:0;background:none;padding:8px 4px;cursor:pointer;font-size:10px}.sort-label{color:#888;margin-right:8px}.results{display:flex;justify-content:space-between;padding:22px 0;color:#777;font-size:9px}.results>span+span{font-size:8px;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 18px}.product{min-width:0}.photo{position:relative;overflow:hidden;background:#eaeae5;aspect-ratio:3/4}.photo>a{display:block;height:100%}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo:hover img{transform:scale(1.035)}.tag{position:absolute;left:12px;top:12px;background:var(--paper);padding:5px 7px;font-size:8px;letter-spacing:.8px;pointer-events:none}.heart{position:absolute;right:10px;top:9px;border-radius:50%;background:#fafaf7e6;font-size:20px;width:30px;height:30px;display:grid;place-items:center}.heart.liked{color:#a23c44}.quick{position:absolute;bottom:10px;left:10px;right:10px;background:#fafaf7f2;padding:12px;opacity:0;transform:translateY(8px);transition:.2s;font-size:9px;letter-spacing:1px}.photo:hover .quick,.photo:focus-within .quick{opacity:1;transform:none}.product-meta{display:flex;justify-content:space-between;gap:10px;padding-top:14px}.product h3{font-size:10px;font-weight:500;line-height:1.6;margin:0;text-transform:uppercase;letter-spacing:.2px}.product .price{font-size:10px;white-space:nowrap;padding-top:2px}.product-sub{font-size:9px;color:#888;margin:5px 0}.swatches{display:flex;gap:5px;margin-top:10px}.swatches span{width:9px;height:9px;border-radius:50%;border:1px solid #aaa}.endnote{text-align:center;font-size:8px;letter-spacing:1.6px;padding:45px 0 55px;color:#777}.endnote span{display:block;font-size:28px;margin-top:18px;color:var(--ink)}#search-panel,#filters{border-bottom:1px solid var(--line);padding:18px 0}#search-panel input{border:0;background:transparent;width:100%;padding:10px;font-size:16px}#filters label{margin-right:25px;display:inline-flex;align-items:center;gap:6px}#reset{text-decoration:underline}.empty{grid-column:1/-1;padding:80px 10px;text-align:center;color:#777}.about{background:var(--green);margin:0 -4.35%;padding:55px 8%;display:flex;justify-content:space-between;align-items:center}.about>p{font-family:'DM Sans',sans-serif;font-size:clamp(30px,4vw,60px);line-height:1;letter-spacing:-2px;margin:0}.about h2{font-weight:500;font-size:24px;margin-top:0}.about div p{font-size:11px;line-height:1.9}.about a{display:inline-block;font-size:9px;border-bottom:1px solid;padding-bottom:6px;margin-top:12px}footer{padding:50px 4% 30px;display:flex;justify-content:space-between;gap:35px}footer .logo{font-size:38px}footer .logo span{font-size:15px}footer div{display:flex;flex-direction:column;gap:12px;font-size:10px}footer b{font-size:9px;letter-spacing:1px;margin-bottom:5px}footer p{font-size:9px;line-height:2;margin:0}footer p span{color:#888}dialog{border:0;background:var(--paper);color:var(--ink);padding:36px;width:min(850px,92vw);max-height:90vh}dialog::backdrop{background:#20221f80;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:8px;font-size:30px;z-index:2}.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quick-layout>img{width:100%;max-height:65vh;object-fit:cover}.quick-info{padding-top:25px}.quick-info h2{font-size:24px;font-weight:500;line-height:1.4}.quick-info p{line-height:1.8;color:#777}.sizes{display:flex;gap:10px;margin:15px 0 25px}.sizes button{border:1px solid var(--line);padding:10px 15px}.sizes .selected{background:var(--ink);color:white}.black-button{display:block;background:var(--ink);color:white;text-align:center;padding:17px;font-size:10px;letter-spacing:.8px;width:100%}.source-link{display:inline-block;margin-top:20px;font-size:10px;text-decoration:underline}#cart{margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(480px,100%);padding:40px 25px}#cart h2{font-size:27px;font-weight:500}#cart-items{margin:25px 0}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.cart-row img{width:65px;height:85px;object-fit:cover}.cart-row h3{font-size:11px;font-weight:500}.cart-row p{font-size:10px;color:#777}.qty{display:flex;gap:12px;align-items:center}.cart-bottom{padding-top:20px}.cart-bottom>div{display:flex;justify-content:space-between}.cart-bottom p{font-size:10px;color:#777;margin:18px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:15px 25px;opacity:0;pointer-events:none;z-index:20;transition:.2s;font-size:11px}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1000px){nav{gap:18px}.grid{grid-template-columns:repeat(3,1fr)}.categories{gap:18px}.sort-label{display:none}.product-meta{display:block}.price{margin-top:5px}.collection-heading{padding-top:35px}}@media(max-width:650px){.announcement{font-size:7px;padding:10px 5%}.announcement span{display:none}header{height:78px;padding:0 5%}.logo{font-size:39px}.logo span{font-size:16px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.header-tools{gap:13px}#mobile-menu{display:block;font-size:18px}main{padding:0 5%}.breadcrumb{font-size:8px;padding-top:22px}.collection-heading{padding:35px 0}.intro{width:auto}.intro p,.intro a{display:none}.little-star{font-size:40px}h1{font-size:53px;letter-spacing:-3px}h1 span{font-size:20px}.eyebrow{font-size:7px;letter-spacing:1.1px}.toolbar{display:block;padding:10px 0}.categories{justify-content:space-between;gap:12px}.categories button{font-size:10px}.view-tools{justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin-top:7px}.view-tools>button{border:0;padding:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.results>span+span{display:none}.quick{opacity:1;transform:none;font-size:8px;padding:9px;bottom:7px;left:7px;right:7px}.photo{aspect-ratio:3/4}.tag{font-size:6px;left:8px;top:8px}.heart{width:26px;height:26px;font-size:18px;right:7px;top:7px}.product h3{font-size:9px}.product-sub{font-size:8px}.product .price{font-size:10px}.about{margin:0 -5.56%;padding:35px 6%;gap:25px}.about>p{font-size:30px;letter-spacing:-1px}.about h2{font-size:20px}.about div p{font-size:9px}.about a{font-size:8px}footer{flex-wrap:wrap;padding:35px 5%;gap:30px}footer>p{width:100%}.quick-layout{grid-template-columns:1fr;gap:10px}.quick-layout>img{height:32vh;object-position:center 35%}.quick-info{padding-top:0}.quick-info h2{font-size:21px}dialog{padding:24px}.endnote{font-size:7px;padding:35px 0}}
