@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap');
:root{--ink:#20211d;--cream:#f1eee7;--sage:#435548;--gold:#b9975b;--line:#d5d0c6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.header{height:92px;padding:0 4.5vw;background:#f4f1ea;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);position:absolute;z-index:5;width:100%;color:white;border-color:rgba(255,255,255,.28)}.brand{display:grid;width:max-content;grid-template-columns:40px auto;grid-template-rows:26px 12px;column-gap:10px;align-items:center}.brand span{grid-row:1/3;font-family:'Italiana';font-size:40px;border-right:1px solid currentColor;padding-right:12px;line-height:38px}.brand b{font-size:17px;letter-spacing:.28em;font-weight:500}.brand small{font-size:7px;letter-spacing:.32em}.header nav{display:flex;gap:38px;font-size:12px;letter-spacing:.08em}.header nav a:hover{opacity:.55}.headerCta{justify-self:end;font-size:12px;letter-spacing:.07em;border-bottom:1px solid;padding-bottom:6px}.headerCta i{font-style:normal;margin-left:14px}.hero{height:100vh;min-height:720px;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=92') center/cover;position:relative;color:white}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,24,20,.56),rgba(21,24,20,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.36),transparent 46%)}.heroContent{position:absolute;inset:0;padding:21vh 7vw 8vh;display:flex;flex-direction:column}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:10px;font-weight:500;color:#687067}.eyebrow.light{color:rgba(255,255,255,.75)}h1,h2,blockquote{font-family:'Italiana',serif;font-weight:400;margin:0;line-height:.96}h1{font-size:clamp(68px,9.1vw,142px);letter-spacing:-.035em;max-width:1100px}em{font-weight:400;color:#c7aa76}.heroBottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between}.heroBottom p{max-width:440px;font-family:'Italiana';font-size:20px;line-height:1.5}.circleLink{width:62px;height:62px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:24px}.heroIndex{position:absolute;right:2vw;top:50%;font-size:9px;letter-spacing:.25em;writing-mode:vertical-rl}.intro{padding:140px 8vw;display:grid;grid-template-columns:25% 1fr}.intro h2,.sectionHead h2,.process h2,.contact h2{font-size:clamp(48px,6vw,88px);letter-spacing:-.025em}.intro h2{max-width:960px}.introCopy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:55px 0 0 25%}.introCopy p,.sectionHead>p,.processLead>p,.contact>div>p{font-size:15px;line-height:1.9}.textLink{align-self:end;font-size:12px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid;padding-bottom:9px;width:max-content}.textLink span{margin-left:30px}.featureImage{height:85vh;min-height:650px;margin:0 3vw;background:url('https://images.unsplash.com/photo-1600573472592-401b489a3cdc?auto=format&fit=crop&w=2200&q=90') center/cover;position:relative}.featureNote{position:absolute;bottom:0;right:0;background:var(--cream);padding:28px 50px;display:flex;gap:50px;align-items:start}.featureNote span{font-family:'Italiana';font-size:30px;color:var(--gold)}.featureNote p{font-size:10px;line-height:1.8;text-transform:uppercase;letter-spacing:.15em}.collections{padding:150px 5vw}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 75px}.sectionHead>p{max-width:390px}.projectGrid{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw 2vw}.project:nth-child(3){grid-column:1/3;width:62%;margin:5vw auto 0}.projectImage{aspect-ratio:1.05;background-size:cover;background-position:center;position:relative;overflow:hidden}.project:nth-child(2) .projectImage{aspect-ratio:.83}.project:nth-child(3) .projectImage{aspect-ratio:1.45}.projectImage:after{content:'';position:absolute;inset:0;background:#263128;opacity:0;transition:.4s}.project:hover .projectImage:after{opacity:.15}.projectImage>span{position:absolute;top:20px;left:22px;color:white;font-size:10px;z-index:1}.projectImage button{position:absolute;right:22px;bottom:22px;width:52px;height:52px;border:0;border-radius:50%;background:#f1eee7;font-size:18px;z-index:1}.projectMeta{display:flex;align-items:center;justify-content:space-between;padding:20px 4px}.projectMeta h3,.step h3{font-family:'Italiana';font-size:26px;font-weight:400;margin:0}.projectMeta p{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.process{background:var(--sage);color:white;padding:140px 8vw;display:grid;grid-template-columns:40% 1fr;gap:10vw}.processLead h2{margin:35px 0}.processLead>p{max-width:420px;color:rgba(255,255,255,.68)}.steps{border-top:1px solid rgba(255,255,255,.28)}.step{display:grid;grid-template-columns:55px 150px 1fr;padding:31px 0;border-bottom:1px solid rgba(255,255,255,.28);align-items:start}.step span{font-size:10px;color:#c7aa76}.step h3{font-size:27px}.step p{margin:0;color:rgba(255,255,255,.65);font-size:12px;line-height:1.7}.quote{text-align:center;padding:145px 15vw}.quote>span{font-family:'Italiana';font-size:80px;color:var(--gold);line-height:.5}.quote blockquote{font-size:clamp(38px,5vw,72px);line-height:1.1;max-width:1050px;margin:25px auto 35px}.quote p{text-transform:uppercase;font-size:9px;letter-spacing:.22em}.contact{background:#1f211e;color:white;padding:130px 8vw;display:grid;grid-template-columns:1.25fr .75fr;gap:10vw}.contact>div:nth-child(2){display:flex;flex-direction:column;padding-top:20px}.contact>div>p{color:#aaa89f}.contact a{font-family:'Italiana';font-size:22px;border-bottom:1px solid #55564f;padding:18px 0}.contact a span{float:right}.contact button{margin-top:35px;background:#b9975b;color:#181914;border:0;padding:20px 25px;text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.contact button b{float:right;font-size:16px}footer{background:#171815;color:#aaa89f;padding:65px 5vw 35px;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:end;gap:30px;border-top:1px solid #3a3b36;font-size:10px;letter-spacing:.1em}.footerBrand{color:white}footer>div:nth-of-type(2){display:flex;gap:25px}footer>small{grid-column:1/4;border-top:1px solid #33342f;padding-top:30px;margin-top:30px}
@media(max-width:800px){.header{height:76px;padding:0 20px;grid-template-columns:1fr auto}.header nav{display:none}.headerCta{font-size:0}.headerCta:after{content:'MENU';font-size:10px}.hero{min-height:680px}.heroContent{padding:170px 24px 48px}.heroBottom p{font-size:16px;max-width:280px}.circleLink{width:48px;height:48px}.intro{padding:90px 24px;display:block}.intro>.eyebrow{margin-bottom:35px}.introCopy{display:block;margin:35px 0 0}.textLink{display:block;margin-top:35px}.featureImage{margin:0;height:65vh;min-height:500px}.featureNote{padding:20px;right:0}.collections{padding:90px 20px}.sectionHead{display:block;margin:0 4px 45px}.sectionHead>p{margin-top:30px}.projectGrid{display:block}.project,.project:nth-child(3){width:100%;margin:0 0 50px}.project:nth-child(2) .projectImage,.project:nth-child(3) .projectImage{aspect-ratio:1.05}.projectMeta{display:block}.projectMeta p{margin-top:8px}.process{padding:90px 24px;display:block}.steps{margin-top:60px}.step{grid-template-columns:40px 1fr}.step p{grid-column:2;margin-top:12px}.quote{padding:90px 24px}.contact{padding:90px 24px;display:block}.contact>div:nth-child(2){margin-top:45px}footer{padding:55px 24px 30px;display:flex;flex-direction:column;align-items:start}.footerBrand{margin-bottom:20px}footer>small{border-top:1px solid #33342f;padding-top:25px;margin-top:20px}.brand b{font-size:14px}.brand span{font-size:34px}}

/* Strong contrast over the hero photograph */
.header{background:rgba(20,24,20,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(255,255,255,.38);text-shadow:0 1px 12px rgba(0,0,0,.5)}
.heroShade{background:linear-gradient(90deg,rgba(15,18,15,.7),rgba(15,18,15,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 52%)}
.hero h1 em{color:#f4d99f;text-shadow:0 2px 20px rgba(0,0,0,.75)}
.featureImage{background-image:url('https://images.unsplash.com/photo-1556909212-d5b604d0c90d?auto=format&fit=crop&w=2200&q=90')}