@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#171717;--muted:#6c6c6c;--paper:#faf9f6;--line:#e7e4dd;--accent:#b18b65;--dark:#20201f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(250,249,246,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.logo{font-size:16px;font-weight:700;letter-spacing:2px}.logo span{font-weight:400}.nav{display:flex;gap:26px;font-size:13px}.nav a:hover{text-decoration:underline}.menu-btn{display:none;background:none;border:0;font-size:22px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:7% 8%;align-items:center;background:#efede8}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#777;margin:0 0 14px}.hero h1,.page-title h1,.look-copy h1,.legal h1{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(48px,6vw,82px);line-height:.98;margin:0 0 25px}.hero h1 em{font-weight:400}.hero-text{font-size:16px;line-height:1.8;color:var(--muted);max-width:520px;margin-bottom:30px}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--dark);color:#fff;padding:15px 23px;border:0;font:600 12px "DM Sans";letter-spacing:.5px;cursor:pointer}.btn:hover{opacity:.85}.hero-art{min-height:500px;background:linear-gradient(135deg,#c9c0b3,#ece7de);display:flex;align-items:flex-end;justify-content:flex-end;padding:30px}.hero-card{background:#fff;padding:28px;min-width:190px;box-shadow:0 15px 50px #0002}.hero-card span{font-size:9px;letter-spacing:2px}.hero-card strong{display:block;font:500 30px/1.05 "Playfair Display";margin-top:18px}.section{padding:90px 8%}.section.tinted{background:#f1efe9}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head h2{font:500 38px "Playfair Display";margin:0}.text-link{font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{background:#fff;min-height:230px;padding:26px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.category-card:hover{transform:translateY(-4px)}.category-card span{color:#999;font-size:11px}.category-card h3{font:500 28px "Playfair Display";margin:12px 0 7px}.category-card p,.look-info p,.product-body p,.legal p{color:var(--muted);line-height:1.7;font-size:13px}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.look-card{background:#fff;border:1px solid var(--line);overflow:hidden}.look-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee}.look-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.look-card:hover .look-image img{transform:scale(1.035)}.look-image span{position:absolute;left:14px;top:14px;background:#fff;padding:7px 10px;font-size:9px;letter-spacing:1px}.look-info{padding:20px}.look-info h3{font:500 23px "Playfair Display";margin:0 0 8px}.look-info strong{display:block;margin-top:15px;font-size:12px}.newsletter{text-align:center;padding:90px 20px;background:#ded8ce}.newsletter h2{font:500 45px "Playfair Display";margin:0 0 12px}.newsletter p:not(.eyebrow){color:#666}.newsletter form{display:flex;max-width:480px;margin:28px auto 0}.newsletter input{flex:1;border:1px solid #c7c1b8;padding:15px;background:#fff;min-width:0}.footer{padding:50px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px}.footer p{font-size:12px;color:var(--muted);max-width:360px;line-height:1.6}.footer-links{display:flex;gap:20px;font-size:12px;align-items:flex-start;flex-wrap:wrap}.page{padding:70px 8%;min-height:80vh}.page-title{margin-bottom:45px}.page-title h1{font-size:60px}.page-title>p:last-child{color:var(--muted)}.toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:35px}.toolbar input,.toolbar select{padding:13px;border:1px solid var(--line);background:#fff;font:13px "DM Sans";outline:none}.look-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center;margin-bottom:85px}.look-hero>div:first-child{aspect-ratio:4/5;overflow:hidden;background:#eee}.look-hero img{width:100%;height:100%;object-fit:cover}.look-copy h1{font-size:clamp(46px,5vw,70px)}.look-copy>p:not(.eyebrow):not(.small-note){color:var(--muted);line-height:1.8;max-width:520px}.small-note{font-size:11px;color:#888;margin-top:25px}.products-section{padding-bottom:60px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line)}.product-card>img{width:100%;aspect-ratio:1/1.15;object-fit:cover;background:#eee}.product-body{padding:20px}.product-body h3{font:500 22px "Playfair Display";margin:5px 0 8px}.full{width:100%;margin-top:12px}.legal{max-width:760px;padding:100px 8%;min-height:80vh}.legal h1{font-size:60px}.legal p{font-size:15px}.empty{grid-column:1/-1;text-align:center;padding:60px;color:#777}.footer .logo{display:block;margin-bottom:12px}
@media(max-width:900px){.nav{gap:12px}.category-grid,.look-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:60px 6%}.section,.page{padding:65px 6%}.look-hero{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.footer{padding:45px 6%}}
@media(max-width:650px){.header{padding:0 5%;height:68px}.menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px 5%;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 6%}.hero-art{min-height:350px}.hero h1{font-size:54px}.section,.page{padding:55px 5%}.category-grid,.look-grid,.product-grid{grid-template-columns:1fr 1fr;gap:12px}.look-info{padding:14px}.look-info h3{font-size:19px}.toolbar{grid-template-columns:1fr}.newsletter form{flex-direction:column;gap:8px}.newsletter input,.newsletter .btn{width:100%}.footer{flex-direction:column}.page-title h1,.legal h1{font-size:48px}}
@media(max-width:430px){.category-grid,.look-grid,.product-grid{grid-template-columns:1fr}.hero-art{min-height:300px}}