:root{--ink:#171412;--muted:#77716c;--line:#e9e4de;--paper:#f6f2ec;--accent:#a95f48;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans)}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.topbar{background:var(--ink);color:#fff;text-align:center;padding:10px;font-size:10px;letter-spacing:.18em}
header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:10}
.logo{display:flex;gap:11px;align-items:center}.mark{width:40px;height:40px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.logo b{display:block;font-size:13px;letter-spacing:.17em}.logo small{display:block;color:#999;font-size:8px;letter-spacing:.22em;margin-top:5px}
nav{display:flex;gap:34px;font-size:12px}nav a:hover,.under:hover{color:var(--accent)}.actions{display:flex;gap:14px;align-items:center}.actions button{border:0;background:none;font-size:12px}.actions button:first-child{font-size:25px}.actions i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:9px;margin-left:4px}.menu{display:none}
.search{display:none;padding:12px 6vw;border-bottom:1px solid var(--line)}.search.open{display:block}.search input{width:100%;border:0;outline:0;padding:9px;font-size:15px}
.hero{background:var(--paper);min-height:650px;display:grid;grid-template-columns:1fr 1fr;padding:75px 9vw;overflow:hidden}.hero-copy{align-self:center;max-width:570px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted);margin:0 0 19px}.hero h1{font:600 clamp(58px,7vw,102px)/.91 var(--serif);letter-spacing:-.055em;margin:0}.hero em,.story h2 em{color:var(--accent);font-weight:600}.hero-copy>p:not(.eyebrow){max-width:470px;color:#615c57;line-height:1.75;margin:27px 0}.hero-buttons{display:flex;align-items:center;gap:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dark{background:var(--ink);color:#fff}.dark:hover{background:var(--accent);border-color:var(--accent)}.outline:hover{background:var(--ink);color:#fff}.under{font-size:11px;font-weight:700}
.hero-visual{position:relative;min-height:500px}.look{position:absolute;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:23px;box-shadow:0 22px 45px #0002}.look span{font-size:9px;letter-spacing:.2em}.look strong{font:600 27px/1 var(--serif)}.look1{width:285px;height:370px;right:10%;top:35px;background:linear-gradient(140deg,#525951,#b99e88);transform:rotate(4deg)}.look2{width:190px;height:245px;left:2%;bottom:20px;background:linear-gradient(140deg,#764d42,#c99e8b);transform:rotate(-7deg)}.look3{width:175px;height:230px;right:-2%;bottom:5px;background:linear-gradient(140deg,#38454b,#aa967c);transform:rotate(8deg)}
.features{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 9vw;border-bottom:1px solid var(--line);gap:20px}.features div{display:flex;gap:12px;font-size:11px}.features b{color:var(--accent);font-size:9px}
.section{padding:100px 8vw}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}.heading h2,.contact h2{font:600 48px/.98 var(--serif);letter-spacing:-.045em;margin:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{border:0;min-height:380px;padding:23px;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 60%)}.cat>*{position:relative;z-index:1}.cat span{font-size:9px;letter-spacing:.18em}.cat b{font:600 23px/1.05 var(--serif);max-width:200px}.cat i{font-size:10px;font-style:normal;letter-spacing:.1em}.women{background:linear-gradient(145deg,#754e4d,#d0aaa0)}.men{background:linear-gradient(145deg,#35434a,#b4a18e)}.kids{background:linear-gradient(145deg,#71836d,#d5bb82)}.ethnic{background:linear-gradient(145deg,#803d2c,#ca8967)}
.filters{display:flex;gap:17px;flex-wrap:wrap}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:6px 0;color:#999;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.filters button.active{color:var(--ink);border-color:var(--ink);font-weight:700}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product-img{height:335px;display:grid;place-items:center;position:relative;overflow:hidden}.product-img .garment{width:56%;height:72%;background:var(--tone);border-radius:44% 44% 7% 7%;position:relative;box-shadow:inset -17px 0 #00000009}.garment:before,.garment:after{content:"";position:absolute;width:35%;height:45%;background:var(--tone);top:7%;border-radius:50%}.garment:before{left:-27%;transform:rotate(22deg)}.garment:after{right:-27%;transform:rotate(-22deg)}.badge{position:absolute;top:12px;left:12px;background:#fff;padding:7px 9px;font-size:8px;letter-spacing:.1em}.product-info{padding-top:13px}.product-info small{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.14em}.product-info h3{font-size:13px;margin:6px 0 10px}.bottom{display:flex;justify-content:space-between;align-items:center}.price{font-size:13px;font-weight:700}.add{background:#fff;border:1px solid var(--ink);padding:8px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.add:hover{background:var(--ink);color:#fff}.empty{text-align:center;color:#888;padding:50px}
.story{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:600px}.story-art{background:linear-gradient(145deg,#403d38,#ae967f);position:relative;overflow:hidden;padding:50px;display:flex;align-items:flex-end;color:#fff}.story-art span{position:relative;font:600 38px/.95 var(--serif)}.orb{width:450px;height:450px;border-radius:50%;background:#e1bf8a99;position:absolute;right:-90px;top:70px}.story-copy{align-self:center;padding:80px 10vw 80px 9vw}.story h2{font:600 59px/.98 var(--serif);letter-spacing:-.05em;margin:0 0 27px}.story-copy>p:not(.eyebrow){max-width:510px;color:#68625d;line-height:1.8;font-size:13px;margin-bottom:30px}
.contact{padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact>div>p:not(.eyebrow){color:#666;line-height:1.8;font-size:13px}.muted{font-size:11px!important;color:#999!important}.contact-card{border:1px solid var(--line);padding:40px}.contact-card span{font-size:9px;letter-spacing:.18em;color:#999}.contact-card h3{font:600 29px var(--serif);margin:12px 0}.contact-card p{color:#777;font-size:12px;line-height:1.7;margin-bottom:24px}
footer{background:var(--ink);color:#fff;padding:48px 8vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#999}.footbrand{display:flex;align-items:center;gap:12px;color:#fff}.footbrand .mark{background:#fff;color:var(--ink)}.footbrand b{font-size:11px;letter-spacing:.12em;display:block}.footbrand small{display:block;color:#999;margin-top:5px}
.shade{position:fixed;inset:0;background:#0006;z-index:30;display:none}.shade.show{display:block}.drawer{position:fixed;right:-440px;top:0;width:min(440px,100%);height:100vh;background:#fff;z-index:31;transition:right .28s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h3{font:600 25px var(--serif);margin:0}.drawer-head button{border:0;background:none;font-size:27px}.cart{padding:20px 24px;overflow:auto;flex:1}.cartrow{display:grid;grid-template-columns:68px 1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.thumb{height:78px;display:grid;place-items:center}.thumb .garment{width:34px;height:53px;background:var(--tone);border-radius:40% 40% 5% 5%}.cartrow h4{font-size:11px;margin:2px 0 6px}.cartrow p{font-size:10px;color:#888;margin:0}.qty{display:flex;align-items:center;gap:7px;margin-top:8px}.qty button{width:21px;height:21px;border:1px solid var(--line);background:#fff}.remove{border:0!important;width:auto!important;color:#999;font-size:9px!important;margin-left:5px}.checkout{padding:24px;border-top:1px solid var(--line)}.checkout>div{display:flex;justify-content:space-between;font-size:13px}.checkout p{font-size:10px;color:#999;line-height:1.5}.full{width:100%}
@media(max-width:900px){nav{display:none}.menu{display:block!important}.hero{grid-template-columns:1fr;padding:60px 7vw}.hero-visual{min-height:390px}.categories,.products{grid-template-columns:repeat(2,1fr)}.section{padding:75px 7vw}.features{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story-art{min-height:430px}.contact{grid-template-columns:1fr;padding:75px 7vw}}
@media(max-width:600px){header{height:68px;padding:0 5vw}.logo b{font-size:11px}.logo small{font-size:7px}.hero{padding:50px 6vw}.hero h1{font-size:58px}.hero-visual{min-height:355px}.look1{width:225px;height:295px}.look2{width:150px;height:195px}.look3{width:140px;height:185px}.features{padding:20px 6vw}.categories,.products{gap:9px}.cat{min-height:270px;padding:17px}.cat b{font-size:17px}.product-img{height:235px}.heading{align-items:flex-start;flex-direction:column}.heading h2,.contact h2{font-size:39px}.story-copy{padding:60px 7vw}.story h2{font-size:46px}.contact{gap:35px}.contact-card{padding:28px}footer{padding:40px 6vw;flex-direction:column;align-items:flex-start;gap:20px}}