:root{
  --ink:#2b1b12;
  --cream:#f3eadf;
  --sand:#d7c0a2;
  --amber:#9c5633;
  --paper:#f8f2ea;
  --line:rgba(43,27,18,.2);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Manrope",Arial,sans-serif;
  font-weight:300;
  overflow-x:hidden;
}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.intro{
  position:fixed;inset:0;z-index:999;
  background:#22160f;
  display:grid;place-items:center;
  animation:introAway .9s ease 1.55s forwards;
}
.intro-logo{
  font-family:"Cormorant Garamond",serif;
  color:#fff;font-size:clamp(48px,8vw,110px);
  letter-spacing:.18em;text-align:center;
  animation:introLogo 1.4s ease both;
}
.intro-logo span{display:block;font-family:"Manrope";font-size:10px;letter-spacing:.65em;margin-top:4px}
@keyframes introLogo{from{opacity:0;letter-spacing:.35em}to{opacity:1;letter-spacing:.18em}}
@keyframes introAway{to{opacity:0;visibility:hidden}}
.site-header{
  position:absolute;top:0;left:0;right:0;z-index:50;
  min-height:110px;padding:28px 3vw;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:start;
  color:#fff;
}
.desktop-nav{display:flex;gap:34px;padding-top:9px}
.desktop-nav a,.language{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
}
.wordmark{
  font-family:"Cormorant Garamond",serif;
  font-size:45px;letter-spacing:.16em;line-height:.8;text-align:center;
}
.wordmark small{
  display:block;font-family:"Manrope";font-size:10px;letter-spacing:.48em;margin-top:16px;
}
.language{justify-self:end;padding-top:9px}
.menu-toggle{display:none}
.mobile-menu{display:none}
.hero{height:100svh;min-height:700px;position:relative;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;transform:scale(1.02);animation:heroMove 12s ease-out both}
@keyframes heroMove{from{transform:scale(1.08)}to{transform:scale(1.02)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,8,3,.22),rgba(15,8,3,.02) 52%,rgba(15,8,3,.34))}
.hero-center{
  position:absolute;left:5vw;top:50%;transform:translateY(-50%);
  max-width:610px;
}
.hero-center p{font-size:10px;letter-spacing:.35em}
.hero-center h1{
  font-family:"Cormorant Garamond",serif;
  font-weight:400;font-size:clamp(64px,7vw,112px);
  line-height:.86;margin:20px 0 0;
}
.discover{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:16px;
  font-size:10px;letter-spacing:.34em;text-transform:uppercase;
}
.discover span{height:70px;width:1px;background:#fff;display:block}
.section-pad{padding:11vw 8vw}
.kicker{font-size:10px;letter-spacing:.35em;color:var(--amber);text-transform:uppercase}
.manifesto{background:#e8d8c5;text-align:center}
.manifesto h2,.philosophy h2,.contact h2{
  font-family:"Cormorant Garamond",serif;font-weight:400;
  font-size:clamp(48px,6vw,92px);line-height:.98;margin:28px 0 50px;
}
.manifesto-copy{max-width:760px;margin:auto;font-size:16px;line-height:1.9;color:#5d483a}
.manifesto-copy p{margin:0 0 22px}
.signature-line{font-family:"Cormorant Garamond",serif;font-size:28px;color:var(--ink);margin-top:42px!important}
.editorial{background:var(--paper)}
.feature{display:grid;min-height:760px}
.feature-large{grid-template-columns:1.3fr .7fr}
.feature-split{grid-template-columns:1fr 1fr}
.feature-split.reverse .feature-media{order:2}
.feature-split.reverse .feature-copy{order:1}
.feature-media{min-height:720px;overflow:hidden}
.feature-media img{transition:transform 1.1s ease}
.feature:hover .feature-media img{transform:scale(1.025)}
.feature-copy{
  padding:8vw;display:flex;flex-direction:column;justify-content:center;
}
.feature-copy .index,.feature-overlay .index{font-size:10px;letter-spacing:.28em;color:var(--amber)}
.feature-copy h3,.feature-overlay h3,.collection-card h3{
  font-family:"Cormorant Garamond",serif;font-weight:400;
  font-size:clamp(56px,7vw,110px);margin:12px 0 24px;line-height:.9;
}
.feature-copy>p:not(.index){max-width:500px;line-height:1.85;color:#6d5748}
.feature-copy span,.feature-overlay span{font-size:10px;letter-spacing:.22em;margin-top:25px;text-transform:uppercase}
.feature-full{position:relative;display:block;height:100svh;min-height:760px;color:#fff}
.feature-full .feature-media{height:100%}
.feature-full:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,10,5,.62),rgba(19,10,5,.04))}
.feature-overlay{position:absolute;left:8vw;top:50%;transform:translateY(-50%);z-index:2;max-width:520px}
.feature-overlay p:not(.index){font-size:18px;line-height:1.7}
.collection-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;background:#26180f;color:#fff;
}
.collection-card img{aspect-ratio:4/5;transition:transform .9s ease}
.collection-card{overflow:hidden}
.collection-card:hover img{transform:scale(1.025)}
.collection-card>div{padding:25px 5px 0}
.collection-card span{font-size:10px;letter-spacing:.25em;color:#cfa47f}
.collection-card h3{font-size:54px;margin:8px 0 8px}
.collection-card p{font-size:11px;letter-spacing:.12em;color:#cdbdad;text-transform:uppercase}
.philosophy{
  min-height:780px;background:#c48a63;
  display:grid;grid-template-columns:.35fr 1fr;gap:8vw;align-items:center;
}
.philosophy-number{
  font-family:"Cormorant Garamond",serif;font-size:clamp(150px,22vw,350px);
  line-height:.7;color:rgba(255,255,255,.23)
}
.philosophy-copy{max-width:700px}
.philosophy-copy .kicker{color:#5d2e1d}
.philosophy-copy p:not(.kicker){font-size:17px;line-height:1.8;max-width:590px}
.contact{
  min-height:86vh;position:relative;color:#fff;display:grid;place-items:center;text-align:center;
  background:#21140d;overflow:hidden;padding:100px 24px;
}
.contact-bg{
  position:absolute;inset:0;background:
  linear-gradient(rgba(20,10,5,.72),rgba(20,10,5,.82)),
  url("assets/hero.jpg") center 46%/cover no-repeat;
  filter:saturate(.75);
}
.contact-inner{position:relative;z-index:2;max-width:780px}
.contact .kicker{color:#d8ae87}
.contact h2{margin-bottom:28px}
.contact-inner>p:not(.kicker){line-height:1.8;color:#d6c9be}
.contact-link{
  display:block;width:max-content;margin:22px auto 0;
  border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:7px;
  font-size:14px;letter-spacing:.15em;
}
.phone-placeholder{font-size:20px}
footer{
  background:#170e09;color:#d7c8bb;padding:55px 4vw;
  display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px;letter-spacing:.1em;
}
.footer-wordmark{justify-self:start;color:#fff}
footer p:nth-child(2){justify-self:center}
footer p:last-child{justify-self:end}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .site-header{min-height:84px;padding:21px 20px;grid-template-columns:1fr auto 1fr;align-items:start}
  .desktop-nav{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:7px;border:0;background:none;padding:8px 0;z-index:60}
  .menu-toggle span{width:24px;height:1px;background:#fff;transition:.3s}
  .menu-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .wordmark{font-size:31px}
  .wordmark small{font-size:7px;margin-top:12px}
  .language{font-size:10px}
  .mobile-menu{
    position:fixed;inset:0;z-index:45;background:#21140d;color:#fff;
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;transition:.35s;
  }
  .mobile-menu.open{opacity:1;visibility:visible}
  .mobile-menu nav{display:flex;flex-direction:column;text-align:center;gap:28px}
  .mobile-menu a{font-family:"Cormorant Garamond",serif;font-size:44px}
  .hero{min-height:620px}
  .hero-media{object-position:58% center}
  .hero-center{left:24px;right:24px;top:auto;bottom:125px;transform:none}
  .hero-center h1{font-size:57px}
  .feature,.feature-large,.feature-split{grid-template-columns:1fr;min-height:0}
  .feature-split.reverse .feature-media{order:1}
  .feature-split.reverse .feature-copy{order:2}
  .feature-media{min-height:62svh}
  .feature-copy{padding:70px 25px}
  .feature-copy h3{font-size:70px}
  .feature-full{height:92svh;min-height:650px}
  .feature-full .feature-media img{object-position:center}
  .feature-overlay{left:25px;right:25px}
  .collection-grid{grid-template-columns:1fr;padding:80px 22px;gap:65px}
  .philosophy{grid-template-columns:1fr;padding:100px 25px}
  .philosophy-number{font-size:180px}
  footer{grid-template-columns:1fr;gap:28px;text-align:left}
  footer p:nth-child(2),footer p:last-child{justify-self:start}
}