:root { --sand:#c7ab8c; --ink:#5f605e; --taupe:#817b77; --olive:#687157; --cream:#f5f1ea; --white:#fffdf9; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",sans-serif; } a { color:inherit; text-decoration:none; }
.announcement { background:var(--olive); color:#f9f5ed; font-size:.68rem; letter-spacing:.13em; padding:10px 20px; text-align:center; text-transform:uppercase; }
.site-header { align-items:center; background:var(--cream); display:flex; height:100px; justify-content:space-between; padding:0 clamp(24px,5vw,80px); }
.brand { display:inline-block; line-height:.65; position:relative; width:190px; } .brand-name { color:var(--sand); font-family:"Playfair Display",serif; font-size:2.75rem; font-weight:700; letter-spacing:-.1em; } .brand-script { color:var(--olive); font-family:"Qwitcher Grypen",cursive; font-size:2.2rem; left:52px; position:absolute; top:16px; white-space:nowrap; }
nav { display:flex; gap:34px; margin-left:80px; } nav a,.header-link { font-size:.74rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; } nav a:hover,.header-link:hover,.text-link:hover { color:var(--olive); } .header-link span { color:var(--sand); font-size:1.1rem; margin-left:5px; }.menu-button{display:none}
.hero { color:var(--white); height:min(720px,calc(100vh - 130px)); min-height:560px; overflow:hidden; position:relative; }.hero>img { height:100%; object-fit:cover; object-position:center; position:absolute; width:100%; }.hero-overlay { background:linear-gradient(90deg,rgba(44,47,40,.66),rgba(44,47,40,.25) 45%,transparent 72%); inset:0; position:absolute; }.hero-content { left:clamp(25px,9vw,160px); max-width:600px; position:absolute; top:50%; transform:translateY(-48%); }.eyebrow { color:var(--olive); font-size:.68rem; font-weight:700; letter-spacing:.2em; margin:0 0 18px; text-transform:uppercase; }.eyebrow.light { color:#e7d6c2; } h1,h2 { font-family:"Playfair Display",serif; font-weight:500; letter-spacing:-.045em; line-height:1.05; margin:0; }h1 { font-size:clamp(3.5rem,6.1vw,6.3rem); } h1 em,h2 em { color:#dbc4a8; font-weight:500; }.hero-copy { font-size:1rem; line-height:1.65; margin:25px 0 30px; max-width:420px; }.button { align-items:center; display:inline-flex; font-size:.72rem; font-weight:700; gap:26px; letter-spacing:.1em; padding:15px 18px; text-transform:uppercase; transition:.2s; }.button-light { background:var(--white); color:var(--ink); }.button:hover{transform:translateY(-2px)}.button span { font-size:1.1rem; }.hero-location { bottom:20px; font-size:.75rem; left:clamp(25px,5vw,80px); letter-spacing:.08em; position:absolute; text-transform:uppercase; }.hero-location span { color:#e7d6c2; font-size:1.2rem; margin-right:8px; }.scroll-hint { align-items:center; bottom:26px; display:flex; font-size:.62rem; gap:12px; letter-spacing:.13em; position:absolute; right:clamp(25px,5vw,80px); text-transform:uppercase; transform:rotate(90deg); transform-origin:right center; }.scroll-hint span{border:1px solid #fff;border-radius:10px;height:21px;width:12px;}
.intro { align-items:end; display:grid; gap:60px; grid-template-columns:1.2fr .8fr; padding:140px clamp(25px,11vw,180px); }.intro .eyebrow { grid-column:1/-1; margin-bottom:-30px; }h2 { font-size:clamp(2.5rem,4.3vw,4.8rem); }.intro h2 em { color:var(--olive); }.intro-text { max-width:410px; }.intro-text p { font-size:1rem; line-height:1.8; margin:0 0 25px; }.text-link { border-bottom:1px solid var(--sand); font-size:.73rem; font-weight:700; letter-spacing:.09em; padding-bottom:9px; text-transform:uppercase; }.text-link span { color:var(--sand); font-size:1.15rem; margin-left:10px; }
.collections { background:#eae4da; padding:110px clamp(25px,5vw,80px) 125px; }.section-heading { align-items:end; display:flex; justify-content:space-between; margin:0 auto 45px; max-width:1280px; }.section-heading h2 { font-size:clamp(2.4rem,3.7vw,4rem); }.section-heading>p { font-size:.95rem; line-height:1.65; max-width:310px; }.collection-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); margin:auto; max-width:1280px; }.collection-card { color:var(--white); display:flex; flex-direction:column; height:460px; justify-content:space-between; overflow:hidden; padding:24px; position:relative; }.collection-card:before { content:""; inset:0; opacity:.92; position:absolute; }.women:before{background:linear-gradient(135deg,#cdb092,#7f786e)}.men:before{background:linear-gradient(135deg,#60615d,#959080)}.kids:before{background:linear-gradient(135deg,#657057,#c3aa89)}.collection-card>*{position:relative}.card-number { font-size:.72rem; letter-spacing:.1em; opacity:.8; }.collection-card p { font-size:.7rem; letter-spacing:.15em; margin:0 0 3px; text-transform:uppercase; }.collection-card h3 { font-family:"Playfair Display",serif; font-size:3.8rem; font-weight:500; letter-spacing:-.06em; margin:0 0 14px; }.collection-card a { border-bottom:1px solid rgba(255,255,255,.7); font-size:.69rem; font-weight:700; letter-spacing:.1em; padding-bottom:8px; text-transform:uppercase; }.collection-card a span { font-size:1rem; margin-left:9px; }
.visit { background:var(--olive); color:var(--white); display:grid; grid-template-columns:1.25fr .75fr; padding:120px clamp(25px,11vw,180px); }.visit h2 { font-size:clamp(2.5rem,4vw,4.5rem); max-width:720px; }.visit h2 em { color:#e7cfb0; }.visit .button { margin-top:35px; }.address-card { background:#f2eadf; color:var(--ink); margin:0 0 0 auto; max-width:350px; padding:39px; }.pin { color:var(--olive); font-size:1.5rem; }.address-label { color:var(--olive); font-size:.66rem; font-weight:700; letter-spacing:.17em; margin:21px 0 13px; text-transform:uppercase; }.address { font-family:"Playfair Display",serif; font-size:1.28rem; line-height:1.45; margin:0; }.address-rule { background:var(--sand); height:1px; margin:26px 0 18px; }.nearby { font-size:.82rem; line-height:1.55; margin:0; }
footer { align-items:center; background:#4f504e; color:#dcd5c9; display:flex; justify-content:space-between; padding:36px clamp(25px,5vw,80px); }footer .brand{transform:scale(.72);transform-origin:left center}footer p{font-size:.7rem;letter-spacing:.05em;margin:0}
@media(max-width:760px){.site-header{height:78px}.site-header nav,.header-link{display:none}.menu-button{background:none;border:0;color:var(--ink);display:block;font:600 .7rem "DM Sans";letter-spacing:.1em;text-transform:uppercase}.menu-button span{font-size:1rem;margin-left:7px}.site-header.open nav{background:var(--cream);display:flex;flex-direction:column;gap:20px;left:0;margin:0;padding:25px;position:absolute;right:0;top:118px;z-index:3}.hero{height:650px}.hero>img{object-position:64% center}.hero-content{top:43%}.hero-copy{font-size:.92rem;max-width:330px}.scroll-hint{display:none}.intro{display:block;padding:90px 25px}.intro .eyebrow{margin-bottom:20px}.intro h2{margin-bottom:32px}.collections{padding:80px 25px}.section-heading{display:block}.section-heading>p{margin:20px 0 0}.collection-grid{grid-template-columns:1fr}.collection-card{height:280px}.visit{display:block;padding:85px 25px}.address-card{margin:50px 0 0;max-width:none}footer{align-items:flex-start;flex-direction:column;gap:20px}footer .brand{transform:none}.brand{transform:scale(.82);transform-origin:left center;width:155px}}