:root{--ink: #1c1c1a;--orange: #c8671f;--orange-soft: #d98b4a;--muted: #6d6a63;--muted-2: #8a877e;--muted-3: #9a9488;--cream: #f7f4ee;--cream-2: #f4f1ea;--placeholder: #e8e4dc;--line: rgba(28, 28, 26, .08);--line-2: rgba(28, 28, 26, .1);--panel-dark: #2d2f2b;--display: "Michroma", sans-serif;--body: "Poppins", system-ui, sans-serif;--label: "Montserrat", sans-serif;--header-h: 71px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{width:100%;overflow-x:hidden;background:#fff}a{color:var(--ink);text-decoration:none}a:hover{color:var(--orange)}::selection{background:var(--orange);color:#fff}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{max-width:100%;display:block}.michroma{font-family:var(--display)}.wrap{padding-left:clamp(20px,5vw,44px);padding-right:clamp(20px,5vw,44px)}.placeholder-box{position:relative;border-radius:6px;overflow:hidden;background:var(--placeholder)}.placeholder-note{position:absolute;top:12px;left:12px;font:11px ui-monospace,monospace;color:var(--muted-3)}.btn-solid{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--ink);color:#fff;padding:14px 30px;font:600 12px var(--label);letter-spacing:.16em;border:1px solid var(--ink);transition:background .15s ease,color .15s ease}.btn-solid:hover{background:#000;color:#fff}.announce{background:var(--orange);color:#fff;text-align:center;padding:9px 16px;font:500 11px var(--label);letter-spacing:.2em}.header{position:sticky;top:0;z-index:40;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-desktop{display:flex;align-items:center;justify-content:space-between;padding:14px 44px}.header-nav{display:flex;gap:30px;font:500 12px var(--label);letter-spacing:.14em;text-transform:uppercase;flex:1}.header-nav a{cursor:pointer}.header-logo{height:60px;margin:-8px 0;cursor:pointer}.header-actions{display:flex;gap:22px;font:400 12px var(--label);letter-spacing:.12em;flex:1;justify-content:flex-end}.header-actions span,.header-actions a{cursor:pointer}.header-mobile{display:none}.header-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.burger{cursor:pointer;display:flex;flex-direction:column;gap:4px;width:26px;background:none;border:none;padding:4px 0}.burger span{height:2px;background:var(--ink);border-radius:2px}.header-logo-m{height:46px;margin:-6px 0;cursor:pointer}.header-bag-m{cursor:pointer;font:400 11px var(--label);letter-spacing:.12em}.mobile-menu{border-top:1px solid var(--line);display:flex;flex-direction:column;padding:8px 0}.mobile-menu a{cursor:pointer;padding:14px 20px;font:500 13px var(--label);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(28,28,26,.05)}.mobile-menu a:last-child{border-bottom:none}@media (max-width: 759px){.header-desktop{display:none}.header-mobile{display:block}}.hero{position:relative;min-height:clamp(440px,72vw,660px);background:repeating-linear-gradient(45deg,#d9cfbf 0,#d9cfbf 16px,#d0c5b2 16px,#d0c5b2 32px);overflow:hidden}.hero-note{position:absolute;top:18px;left:18px;font:11px ui-monospace,monospace;color:#8f8674}.hero-scrim{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(transparent,#1c181299)}.hero-content{position:absolute;left:clamp(20px,5vw,56px);bottom:clamp(28px,5vw,56px);right:20px;color:#fff;display:flex;flex-direction:column;gap:16px}.hero-title{font-family:var(--display);font-size:clamp(28px,6vw,44px);line-height:1.2;text-shadow:0 2px 18px rgba(0,0,0,.3)}.hero-sub{font:300 clamp(14px,2.6vw,17px) var(--body);max-width:460px;text-shadow:0 1px 10px rgba(0,0,0,.4)}.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.hero-btn{cursor:pointer;background:#fff;color:var(--ink);padding:14px 30px;font:600 12px var(--label);letter-spacing:.16em;transition:background .15s ease}.hero-btn:hover{background:var(--cream);color:var(--ink)}.section-head{padding:clamp(40px,6vw,56px) clamp(20px,5vw,44px) 16px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-head h2{font-family:var(--display);font-size:clamp(17px,3.4vw,22px);margin:0;font-weight:400}.link-arrow{cursor:pointer;font:500 12px var(--label);letter-spacing:.16em;color:var(--orange);white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:12px clamp(20px,5vw,44px) 8px}.collection-card{cursor:pointer;display:flex;flex-direction:column;gap:12px}.collection-card .img-box{aspect-ratio:1 / 1}.collection-card img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .4s ease}.collection-card:hover img{transform:scale(1.03)}.collection-card .label{font-family:var(--display);font-size:15px;letter-spacing:.02em}.collection-card .sub{font:300 12.5px var(--body);color:var(--muted);margin-top:-8px}.fabric-feature{margin:clamp(28px,5vw,40px) clamp(20px,5vw,44px);border-radius:6px;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));background:#9aa89f}.fabric-feature .photo{position:relative;min-height:320px;background:repeating-linear-gradient(45deg,#a3b0a7 0,#a3b0a7 16px,#9aa89f 16px,#9aa89f 32px)}.fabric-feature .photo .note{position:absolute;top:16px;left:16px;font:12px ui-monospace,monospace;color:#5e6b63}.fabric-feature .body{background:var(--panel-dark);color:#e9e7e0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(36px,5vw,56px)}.fabric-feature .kicker{font:400 11px var(--label);letter-spacing:.3em;color:var(--orange-soft)}.fabric-feature h3{font-family:var(--display);font-size:clamp(20px,3.4vw,24px);line-height:1.4;margin:0;font-weight:400}.fabric-feature p{font:300 14px/1.9 var(--body);color:#b8b6ad;margin:0}.link-underline{cursor:pointer;font:500 12px var(--label);letter-spacing:.2em;color:#fff;border-bottom:1px solid var(--orange-soft);align-self:flex-start;padding-bottom:4px}.fabric-feature .link-underline:hover{color:#fff;border-bottom-color:#fff}.story-teaser{text-align:center;padding:clamp(48px,7vw,80px) clamp(24px,6vw,80px);display:flex;flex-direction:column;align-items:center;gap:22px;border-top:1px solid var(--line)}.story-teaser img{height:clamp(110px,18vw,150px);opacity:.9}.story-teaser p{font:300 clamp(14px,2.6vw,16px)/2 var(--body);color:#55544f;max-width:640px;margin:0}.link-dark{cursor:pointer;font:500 12px var(--label);letter-spacing:.22em;border-bottom:1px solid #22221f;padding-bottom:4px;color:var(--ink)}.shop{padding:clamp(28px,5vw,48px) clamp(20px,5vw,44px) 60px}.shop h1{font-family:var(--display);font-size:clamp(24px,5vw,34px);margin:0;font-weight:400}.shop .intro{font:300 14px var(--body);color:var(--muted);margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}.chip{cursor:pointer;padding:10px 20px;border-radius:999px;font:500 11.5px var(--label);letter-spacing:.12em;border:1px solid #d5d1c6;background:transparent;color:#55544f;transition:all .15s ease}.chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(16px,3vw,26px)}.product-card{cursor:pointer;display:flex;flex-direction:column;gap:10px}.product-card .img-box{aspect-ratio:4 / 5}.product-card img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .4s ease}.product-card:hover img{transform:scale(1.03)}.product-card .row{display:flex;justify-content:space-between;gap:10px;font:600 13.5px var(--body)}.product-card .colors{font:300 12px var(--body);color:var(--muted-2);margin-top:-6px}.pdp{padding:clamp(20px,4vw,36px) clamp(20px,5vw,44px) 60px}.back-link{cursor:pointer;font:500 11px var(--label);letter-spacing:.16em;color:var(--muted-2);margin-bottom:22px;display:inline-block}.pdp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,56px);align-items:start}.pdp-media{aspect-ratio:4 / 5;border-radius:8px}.pdp-media img{width:100%;height:100%;object-fit:cover;object-position:center 26%}.pdp-info{display:flex;flex-direction:column;gap:20px;max-width:460px}.pdp-cat{font:500 10.5px var(--label);letter-spacing:.28em;color:var(--orange)}.pdp-name{font-family:var(--display);font-size:clamp(22px,4vw,28px);line-height:1.3}.pdp-price{font:400 20px var(--body)}.pdp-blurb{font:300 14px/1.8 var(--body);color:#55544f}.pdp-rule{height:1px;background:var(--line-2)}.opt-label{font:500 11px var(--label);letter-spacing:.16em;color:var(--muted);margin-bottom:12px}.opt-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{cursor:pointer;padding:9px 16px;border-radius:6px;font:500 12px var(--body);border:1px solid #d5d1c6;background:#fff;color:var(--ink);transition:all .15s ease}.swatch.active{border-color:var(--ink);background:var(--ink);color:#fff}.size{cursor:pointer;min-width:48px;text-align:center;padding:12px 10px;border-radius:6px;font:500 12px var(--label);letter-spacing:.08em;border:1px solid #d5d1c6;background:#fff;color:var(--ink);transition:all .15s ease}.size.active{border-color:var(--ink);background:var(--ink);color:#fff}.add-to-bag{cursor:pointer;width:100%;background:var(--ink);color:#fff;text-align:center;padding:17px;font:600 12px var(--label);letter-spacing:.2em;margin-top:4px;transition:opacity .15s ease}.add-to-bag:hover{opacity:.9}.spec-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}.spec{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line-2);font:400 13px var(--body)}.spec:last-child{border-bottom:1px solid var(--line-2)}.spec span:last-child{color:var(--muted-2)}.story-hero{position:relative;min-height:clamp(300px,45vw,440px);background:repeating-linear-gradient(45deg,#cdd3c9 0,#cdd3c9 16px,#c3cabf 16px,#c3cabf 32px);display:flex;align-items:center;justify-content:center;overflow:hidden}.story-hero .note{position:absolute;top:16px;left:16px;font:11px ui-monospace,monospace;color:#6f7a6c}.story-hero .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c181247}.story-hero .inner{position:relative;text-align:center;color:#fff;padding:0 24px}.story-hero .place{font:400 11px var(--label);letter-spacing:.32em;margin-bottom:16px}.story-hero h1{font-family:var(--display);font-size:clamp(24px,5vw,40px);line-height:1.25;text-shadow:0 2px 18px rgba(0,0,0,.3);margin:0;font-weight:400}.story-body{max-width:720px;margin:0 auto;padding:clamp(48px,7vw,80px) clamp(24px,6vw,40px);display:flex;flex-direction:column;gap:26px}.story-body .lead{font:300 clamp(15px,2.6vw,18px)/1.9 var(--body);color:#33322e}.story-body p{font:300 15px/1.9 var(--body);color:#55544f;margin:0}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value{background:var(--cream);padding:44px 32px;display:flex;flex-direction:column;gap:10px}.value h3{font-family:var(--display);font-size:16px;margin:0;font-weight:400}.value p{font:300 13.5px/1.7 var(--body);color:var(--muted);margin:0}.fabric-intro{max-width:760px;margin:0 auto;padding:clamp(44px,6vw,72px) clamp(24px,6vw,40px) clamp(24px,4vw,40px);text-align:center;display:flex;flex-direction:column;gap:18px}.fabric-intro .kicker{font:400 11px var(--label);letter-spacing:.32em;color:var(--orange)}.fabric-intro h1{font-family:var(--display);font-size:clamp(24px,5vw,38px);line-height:1.25;margin:0;font-weight:400}.fabric-intro p{font:300 clamp(14px,2.6vw,16px)/1.9 var(--body);color:#55544f;margin:0}.spec-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px;background:var(--line);margin:8px clamp(20px,5vw,44px);border:1px solid var(--line)}.spec-cell{background:#fff;padding:30px 20px;text-align:center}.spec-cell .big{font-family:var(--display);font-size:clamp(16px,3vw,20px)}.spec-cell .small{font:400 10px var(--label);letter-spacing:.14em;color:var(--muted-2);margin-top:8px}.tech-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;margin:clamp(20px,4vw,32px) clamp(20px,5vw,44px);border-radius:6px;overflow:hidden;border:1px solid var(--line)}.tech-row .photo{position:relative;min-height:280px}.tech-row .photo .note{position:absolute;top:14px;left:14px;font:11px ui-monospace,monospace;color:#6f7a6c}.tech-row .body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(32px,4vw,52px);background:var(--cream)}.tech-row .kicker{font:500 10.5px var(--label);letter-spacing:.26em;color:var(--orange)}.tech-row h3{font-family:var(--display);font-size:clamp(18px,3vw,22px);line-height:1.35;margin:0;font-weight:400}.tech-row .body p{font:300 14px/1.85 var(--body);color:#55544f;margin:0}.contact{padding:clamp(40px,6vw,72px) clamp(20px,5vw,44px) 60px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,5vw,64px);max-width:1040px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form h1{font-family:var(--display);font-size:clamp(22px,4vw,30px);margin:0;font-weight:400}.contact-form .intro{font:300 14px/1.8 var(--body);color:#55544f;max-width:400px}.field{border:1px solid #d5d1c6;background:#fff;padding:14px 16px;font:300 14px var(--body);color:var(--ink)}.field:focus{outline:none;border-color:var(--ink)}textarea.field{resize:vertical}.stockists{display:flex;flex-direction:column;gap:22px}.stockists h2{font-family:var(--display);font-size:16px;margin:0;font-weight:400}.stockist{border-bottom:1px solid var(--line-2);padding-bottom:16px;display:flex;flex-direction:column;gap:4px}.stockist .name{font:600 14px var(--body)}.stockist .addr{font:300 13px var(--body);color:var(--muted-2)}.wholesale{font:300 13px/1.7 var(--body);color:var(--muted-2)}.wholesale span{color:var(--orange)}.newsletter{background:var(--cream-2);padding:clamp(44px,6vw,60px) clamp(20px,5vw,44px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.newsletter h2{font-family:var(--display);font-size:clamp(16px,3vw,18px);margin:0;font-weight:400}.newsletter .sub{font:300 14px var(--body);color:var(--muted);max-width:420px}.newsletter-form{display:flex;flex-wrap:wrap;justify-content:center;margin-top:6px}.newsletter-form input{border:1px solid #d5d1c6;border-right:none;background:#fff;padding:14px 18px;width:min(300px,72vw);font:300 13px var(--body);color:var(--ink)}.newsletter-form input:focus{outline:none}.newsletter-form button{background:var(--ink);color:#fff;padding:14px 30px;font:500 12px var(--label);letter-spacing:.18em}.newsletter .done{margin-top:6px;font:500 13px var(--label);letter-spacing:.06em;color:var(--orange)}.form-error{margin-top:8px;font:400 13px var(--body);color:#b0341d}.admin{max-width:960px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(20px,5vw,44px) 80px}.admin h1{font-family:var(--display);font-size:clamp(20px,4vw,28px);font-weight:400;margin:0}.admin-login{max-width:360px}.admin-hint{font:300 14px var(--body);color:var(--muted);margin:12px 0 0}.admin-login form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.admin-actions{display:flex;gap:10px}.admin-btn{cursor:pointer;border:1px solid #d5d1c6;background:#fff;color:var(--ink);padding:9px 16px;border-radius:6px;font:500 11px var(--label);letter-spacing:.1em;text-transform:uppercase;transition:all .15s ease}.admin-btn:hover{border-color:var(--ink)}.admin-section{margin-top:40px}.admin-section h2{font-family:var(--display);font-size:16px;font-weight:400;margin:0 0 14px}.admin-count{font-family:var(--label);font-size:12px;letter-spacing:.06em;color:var(--muted-2)}.admin-empty{color:var(--muted-2);font:300 14px var(--body);padding:8px 0}.admin-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font:400 13px var(--body)}.admin-table th{text-align:left;font:600 10.5px var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-2);padding:10px 12px;white-space:nowrap}.admin-table td{border-bottom:1px solid var(--line);padding:12px;vertical-align:top}.admin-table .msg{white-space:pre-wrap;min-width:260px;max-width:460px;color:#33322e}.footer{background:var(--ink);color:#8f8d85;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,44px);font:400 11px var(--label);letter-spacing:.12em}.footer img{height:22px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{cursor:pointer;color:#8f8d85}.footer-links a:hover{color:#fff}