:root{
  --ink:#17201c; --paper:#f3efe7; --sand:#ded1bd; --clay:#9b6d46;
  --sage:#667166; --white:#fff; --line:rgba(23,32,28,.16);
  --serif: Georgia, "Times New Roman", serif; --sans: Inter, Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}
img{display:block;width:100%;height:100%;object-fit:cover} a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
header{position:absolute;top:0;left:0;right:0;z-index:10;color:white}
.nav{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.28)}
.nav .brand img{width:210px;height:auto;filter:none}
.navlinks{display:flex;gap:30px;font-size:.86rem}.nav-right{justify-self:end;display:flex;gap:18px;align-items:center}
.menu-btn{display:none;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:99px;padding:8px 13px}
.pill{border:1px solid currentColor;border-radius:999px;padding:10px 16px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.hero{min-height:850px;height:96vh;position:relative;color:#fff;background:
linear-gradient(90deg,rgba(15,18,16,.72) 0%,rgba(15,18,16,.34) 42%,rgba(15,18,16,.08) 72%),
url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=88') center/cover no-repeat}
.hero-grid{height:100%;display:grid;grid-template-columns:58% 42%;align-items:end;padding-bottom:82px}
.hero h1{font:400 clamp(3.7rem,7.8vw,7.6rem)/.88 var(--serif);letter-spacing:-.045em;margin:16px 0 22px;max-width:820px}
.hero-copy{max-width:570px;font-size:1.05rem;color:rgba(255,255,255,.86)}
.hero-meta{grid-column:2;align-self:end;border-left:1px solid rgba(255,255,255,.36);padding-left:30px;margin-bottom:10px}
.hero-meta b{font:400 1.5rem var(--serif);display:block;margin-bottom:7px}
.ticker{background:var(--ink);color:#f4eee4;padding:17px 0}.ticker-row{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
.intro{padding:130px 0 120px}.intro-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:90px}
.intro h2{font:400 clamp(2.8rem,5vw,5.5rem)/1 var(--serif);letter-spacing:-.04em;margin:0}
.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px;border-top:1px solid var(--line);padding-top:25px}
.intro-copy p{margin:0;color:#4d554f}
.collection{padding:0 0 130px}.collection-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}
.collection-head h2{font:400 clamp(2.4rem,4vw,4.6rem)/1 var(--serif);margin:0}.collection-head p{max-width:440px;color:#5f655f}
.cards{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px}
.card{position:relative;overflow:hidden;background:#ddd;min-height:520px}.card.small{min-height:520px}.card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.035)}.card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,12,11,.76))}
.card-cap{position:absolute;z-index:2;bottom:26px;left:27px;color:#fff}.card-cap span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.card-cap h3{font:400 2rem var(--serif);margin:4px 0}
.story{background:#d9cdbb;padding:130px 0}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}
.story-photo{height:720px}.story-copy{padding-right:4vw}.story-copy h2{font:400 clamp(3rem,5vw,5.3rem)/.98 var(--serif);letter-spacing:-.04em;margin:12px 0 28px}
.story-copy p{max-width:540px;color:#4b514b}.quote{font:italic 400 1.7rem/1.35 var(--serif);border-left:2px solid var(--clay);padding-left:25px;margin:38px 0}
.lookbook{padding:130px 0}.look-grid{display:grid;grid-template-columns:.78fr 1.42fr;gap:22px;align-items:stretch}
.look-copy{background:var(--ink);color:#f3efe7;padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;min-height:620px}
.look-copy h2{font:400 clamp(2.7rem,4vw,4.7rem)/1 var(--serif);margin:18px 0}.look-photo{height:620px}
.index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}
.index div{padding:30px 24px;border-right:1px solid var(--line)}.index div:last-child{border-right:0}.index b{font:400 2.8rem var(--serif);display:block}.index span{font-size:.78rem;color:#656a65}
.editorial{padding:120px 0}.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ed-photo{height:660px}
.ed-copy h2{font:400 clamp(2.8rem,4.6vw,5rem)/1 var(--serif);margin:10px 0 28px}.ed-tag{display:inline-flex;border-bottom:1px solid var(--ink);padding-bottom:6px;font-weight:700}
.cta{margin:0 0 80px}.cta-box{min-height:520px;background:
linear-gradient(90deg,rgba(16,20,17,.78),rgba(16,20,17,.18)),
url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=2200&q=88') center/cover;color:white;display:flex;align-items:center}
.cta-copy{padding:70px;max-width:730px}.cta h2{font:400 clamp(3rem,5.4vw,5.8rem)/.98 var(--serif);margin:15px 0 25px}
footer{background:var(--ink);color:#eae4da;padding:72px 0 34px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:70px}.footer-logo{width:220px;margin-bottom:25px}
footer h3{font:400 1.35rem var(--serif);margin-top:0}footer p,footer a{color:#bfc3bf;font-size:.9rem}.fine{margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;font-size:.75rem;color:#969d98}
@media(max-width:900px){
 .wrap{width:min(100% - 30px,1180px)} .nav{grid-template-columns:1fr auto}.navlinks,.nav-right .pill{display:none}.nav-right{display:block}.menu-btn{display:block}
 .hero{min-height:720px;height:92vh}.hero-grid{grid-template-columns:1fr;padding-bottom:45px}.hero-meta{grid-column:1;margin-top:28px}
 .intro-grid,.story-grid,.ed-grid,.look-grid{grid-template-columns:1fr;gap:45px}.intro{padding:90px 0}.intro-copy{grid-template-columns:1fr}
 .cards{grid-template-columns:1fr}.card,.card.small{min-height:450px}.story{padding:90px 0}.story-photo,.ed-photo{height:540px}
 .look-photo{height:500px}.index{grid-template-columns:1fr 1fr}.index div:nth-child(2){border-right:0}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:560px){
 .hero h1{font-size:3.55rem}.nav .brand img{width:170px}.hero-meta{padding-left:18px}.ticker-row{overflow:hidden;white-space:nowrap}
 .collection-head{display:block}.collection-head p{margin-top:16px}.story-photo,.ed-photo{height:430px}.look-copy{padding:38px 28px;min-height:500px}
 .index{grid-template-columns:1fr}.index div{border-right:0;border-bottom:1px solid var(--line)}.cta-copy{padding:38px 28px}.cta-box{min-height:500px}
 .footer-grid{grid-template-columns:1fr}.fine{display:block}.fine span{display:block;margin-top:8px}
}