@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@400;500&display=swap');

:root{
  --black:#050505;
  --black-2:#090807;
  --ink:#ece2d6;
  --muted:#b8a896;
  --faint:#756b61;
  --line:rgba(226,207,184,.14);
  --line-strong:rgba(226,207,184,.28);
  --accent:#c6ad8e;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{
  margin:0;
  min-width:320px;
  color:var(--ink);
  background:var(--black);
  font-family:Inter,Arial,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.site-header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:50;
  height:72px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 2.4rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(5,5,5,.70);
  backdrop-filter:blur(10px);
}
.logo{
  justify-self:start;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.18rem;
  letter-spacing:.08em;
  white-space:nowrap;
}
.nav{
  display:flex;
  gap:2.1rem;
  align-items:center;
  color:#c9baa8;
  font-size:.64rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.nav a,
.header-right a{opacity:.72; transition:opacity .2s ease}
.nav a:hover,
.header-right a:hover,
.nav .is-active{opacity:1}
.header-right{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:1.2rem;
  color:#c9baa8;
  font-size:.62rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.menu-icon{
  width:25px;
  height:12px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
}
.menu-icon::before,
.menu-icon::after{
  content:"";
  width:100%;
  height:1px;
  background:currentColor;
}

.hero{
  position:relative;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(390px,46vw) minmax(0,1fr);
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:var(--black);
}
.hero-art{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  background:#070706;
}
.hero-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.95) contrast(1.04) brightness(.92);
  transform:scale(1.002);
}
.hero-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0) 70%, rgba(5,5,5,.10) 80%, rgba(5,5,5,.62) 96%, rgba(5,5,5,.97) 100%),
    linear-gradient(180deg, rgba(5,5,5,.10) 0%, rgba(5,5,5,0) 24%, rgba(5,5,5,.08) 100%);
  pointer-events:none;
}
.hero-black{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:7.2rem 6vw 4rem 2vw;
  background:
    radial-gradient(circle at 38% 42%, rgba(255,255,255,.012), transparent 22rem),
    var(--black);
}
.hero-copy{width:min(820px,100%); transform:translateY(1.2rem)}
.hero-title{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(5.3rem,9.5vw,11.4rem);
  line-height:.72;
  letter-spacing:-.05em;
  font-weight:300;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-title span{display:block}
.hero-title .rosarium{color:rgba(239,228,215,.95)}
.hero-title .strata{margin-left:2.7vw; color:rgba(239,228,215,.24)}
.tagline{
  margin:2.8rem 0 0 7.7vw;
  color:#c0aa8f;
  font-size:.69rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  white-space:nowrap;
}
.archive-button{
  width:min(365px,80%);
  margin:2.6rem 0 0 11.5vw;
  padding:1rem 1.2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(198,173,142,.24);
  color:#c8b69e;
  font-size:.64rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  transition:border-color .25s ease, background .25s ease, padding .25s ease;
}
.archive-button:hover{
  border-color:rgba(198,173,142,.48);
  background:rgba(255,255,255,.025);
  padding-left:1.5rem;
  padding-right:1rem;
}
.micro-note{
  position:absolute;
  right:2.4rem;
  bottom:2rem;
  color:#665e56;
  font-size:.48rem;
  line-height:1.75;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:right;
}

.archive{
  padding:2rem clamp(1.3rem,4vw,4rem) 5rem;
  background:linear-gradient(180deg,#070706,#050505);
}
.archive-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  padding:3.5rem 0 2.2rem;
}
.archive-head p{
  margin:0;
  color:#7f756b;
  font-size:.56rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.archive-head h2{
  margin:.35rem 0 0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.8rem,5vw,5.5rem);
  line-height:.9;
  font-weight:300;
  letter-spacing:-.035em;
}
.archive-head .side-copy{
  max-width:34rem;
  color:#92877d;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1rem;
  line-height:1.5;
}

.cards{
  display:grid;
  gap:1.25rem;
}
.cards--six{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.cards--four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.card{
  position:relative;
  min-height:290px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#0a0908;
  transition:transform .28s ease, border-color .28s ease;
}
.card:hover{
  transform:translateY(-5px);
  border-color:var(--line-strong);
}
.card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.50;
  transition:transform .45s ease, opacity .35s ease;
}
.card:hover::before{
  transform:scale(1.04);
  opacity:.65;
}
.card:nth-child(1)::before{
  background:
    radial-gradient(circle at 20% 20%,rgba(95,41,57,.30),transparent 12rem),
    radial-gradient(circle at 72% 88%,rgba(48,29,34,.45),transparent 16rem),
    #0a0808;
}
.card:nth-child(2)::before{
  background:
    radial-gradient(circle at 50% 48%,rgba(115,43,64,.32),transparent 10rem),
    linear-gradient(145deg,#100b0d,#080706);
}
.card:nth-child(3)::before{
  background:
    repeating-radial-gradient(ellipse at 56% 46%,rgba(163,129,94,.07) 0 2px,transparent 3px 14px),
    linear-gradient(145deg,#100d0a,#070605);
}
.card:nth-child(4)::before{
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px),
    linear-gradient(135deg,#11100d,#070605);
}
.card:nth-child(5)::before{
  background:
    linear-gradient(135deg, rgba(132,97,141,.18), rgba(45,30,54,.10)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 12px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 12px),
    #0c0a10;
}
.card:nth-child(6)::before{
  background:
    radial-gradient(circle at 60% 26%,rgba(121,95,60,.18),transparent 10rem),
    linear-gradient(145deg,#120f0d,#070605);
}

.card-inner{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2rem;
  text-align:center;
}
.card-symbol{
  margin-bottom:1.4rem;
  color:#aa977f;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.55rem;
}
.card h3{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.8rem;
  line-height:1;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.card p{
  margin:.8rem 0 0;
  color:#84786d;
  font-size:.55rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.card .arrow{
  margin-top:1.2rem;
  color:#aa977f;
  transition:transform .25s ease;
}
.card:hover .arrow{transform:translateX(5px)}

.subpage-main{
  padding-top:72px;
}
.sub-hero{
  min-height:48svh;
  display:flex;
  align-items:end;
  padding:4rem clamp(1.3rem,4vw,4rem);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#090807,#050505);
}
.sub-hero-copy{
  max-width:48rem;
}
.sub-kicker, .about-kicker{
  margin:0;
  color:#7f756b;
  font-size:.56rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.sub-hero h1{
  margin:.5rem 0 0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.6rem,7vw,7rem);
  line-height:.86;
  letter-spacing:-.04em;
  font-weight:300;
}
.sub-dek{
  max-width:34rem;
  margin:1.25rem 0 0;
  color:#9b9086;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.1rem;
  line-height:1.45;
}

.about-wrap{
  padding:3rem clamp(1.3rem,4vw,4rem) 5rem;
}
.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
}
.about-block{
  border:1px solid var(--line);
  background:#0a0908;
  padding:2rem;
}
.about-block h2{
  margin:.5rem 0 1rem;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.2rem);
  line-height:.95;
  font-weight:300;
}
.about-block p, .about-block li{
  color:#9b9086;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1rem;
  line-height:1.55;
}
.about-block ul{
  margin:1rem 0 0 1.15rem;
  padding:0;
}

footer{
  min-height:120px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1rem;
  padding:2rem 2.4rem;
  border-top:1px solid var(--line);
  color:#6d645c;
  font-size:.50rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
footer .footer-logo{
  color:#aa9d90;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:.9rem;
  letter-spacing:.12em;
}
footer div:last-child{text-align:right}

@media (max-width:1150px){
  .site-header{grid-template-columns:1fr auto}
  .nav{display:none}
  .hero{grid-template-columns:46vw 54vw}
  .hero-title{font-size:clamp(4.6rem,9vw,8rem)}
  .cards--six,.cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .site-header{height:60px; padding:0 1.1rem}
  .header-right .search{display:none}
  .hero{display:block; min-height:100svh}
  .hero-art{position:absolute; inset:0; min-height:100svh}
  .hero-art img{object-position:35% center}
  .hero-art::after{
    background:
      linear-gradient(180deg,rgba(5,5,5,.12),rgba(5,5,5,.18) 35%,rgba(5,5,5,.78) 100%),
      linear-gradient(90deg,rgba(5,5,5,.02),rgba(5,5,5,.42));
  }
  .hero-black{
    position:relative;
    z-index:3;
    min-height:100svh;
    align-items:flex-end;
    padding:6rem 1.3rem 3.4rem;
    background:transparent;
  }
  .hero-copy{width:100%; transform:none}
  .hero-title{font-size:clamp(4.2rem,18vw,6.5rem); white-space:normal}
  .hero-title .strata{margin-left:7vw; color:rgba(239,228,215,.30)}
  .tagline{
    margin:2rem 0 0 .15rem;
    white-space:normal;
    font-size:.56rem;
    line-height:1.8;
    letter-spacing:.22em;
  }
  .archive-button{margin:1.8rem 0 0 .15rem; width:min(330px,100%)}
  .micro-note{display:none}
  .archive-head{display:block}
  .archive-head .side-copy{margin-top:1.2rem}
  .cards--six,.cards--four{grid-template-columns:1fr}
  .card{min-height:220px}
  .subpage-main{padding-top:60px}
  .about-grid{grid-template-columns:1fr}
  footer{
    grid-template-columns:1fr;
    gap:.6rem;
    padding:2rem 1.3rem;
  }
  footer div:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{scroll-behavior:auto!important; transition:none!important}
}


/* FINAL V4: EXPLORE COLOR + WIRED INDEX */
.hero-index{margin:0 0 1.2rem 7.7vw;color:#766b61;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase}.color-explorer{min-height:460px;display:grid;grid-template-columns:minmax(320px,31vw) minmax(0,1fr);border-bottom:1px solid var(--line);background:#050505}.color-panel{min-height:460px;padding:clamp(2.6rem,4vw,4rem) clamp(2rem,3.5vw,4rem);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(145deg,#090807,#050505)}.section-kicker{margin:0 0 1.5rem;color:#8b7d6d;font-size:.56rem;letter-spacing:.19em;text-transform:uppercase}.color-panel h2{max-width:28rem;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(2.8rem,4.5vw,5.6rem);line-height:.82;letter-spacing:-.04em;text-transform:uppercase}.color-copy{max-width:26rem;margin:1.6rem 0 0;color:#978a7f;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.02rem;line-height:1.55}.color-controls>p:first-child{margin:0 0 1.05rem;color:#887b6e;font-size:.55rem;letter-spacing:.16em}.color-buttons{display:flex;flex-wrap:wrap;gap:1.35rem}.color-buttons button{border:0;border-bottom:1px solid rgba(198,173,142,.32);padding:.55rem 0;background:transparent;color:#c8b69e;font:500 .56rem/1 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.color-buttons button:hover{border-color:#c8b69e;color:#f3e9dc}.color-hint{margin:1.1rem 0 0;color:#5f5750;font-size:.5rem;letter-spacing:.1em}.color-field{min-height:460px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}.color-slab{position:relative;min-width:0;border:0;border-right:1px solid rgba(5,5,5,.14);background:var(--c);padding:0;cursor:pointer;transition:flex .25s ease,filter .2s ease}.color-slab:hover{filter:brightness(1.055)}.color-slab span,.color-slab b{position:absolute;left:18px;right:10px;color:rgba(255,255,255,.88);font-size:.48rem;letter-spacing:.1em;text-align:left;text-shadow:0 1px 10px rgba(0,0,0,.28)}.color-slab span{bottom:34px;font-weight:500}.color-slab b{bottom:18px;font-weight:400;color:rgba(255,255,255,.64)}.card-number{position:absolute;top:1.35rem;left:1.5rem;color:#655d55;font-size:.48rem;letter-spacing:.14em}.card--quiet{opacity:.48}.card--quiet:hover{transform:none;border-color:var(--line)}.site-statement{min-height:52vh;padding:clamp(5rem,10vw,9rem) clamp(2rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.03);background:radial-gradient(circle at 82% 40%,rgba(117,69,79,.12),transparent 30rem),#050505}.statement-index{color:#635a52;font-size:.52rem;letter-spacing:.16em}.site-statement p{max-width:1100px;margin:1.7rem 0 2.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(3rem,6vw,7rem);line-height:.93;letter-spacing:-.035em;color:#e5d9cd}.site-statement a{align-self:flex-start;color:#b9a58e;font-size:.58rem;letter-spacing:.16em;border-bottom:1px solid rgba(185,165,142,.35);padding-bottom:.5rem}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#ede4d8;color:#16120f;padding:12px 15px;opacity:0;transform:translateY(8px);transition:.18s;font-size:.52rem;letter-spacing:.13em}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.color-explorer{grid-template-columns:1fr}.color-panel{min-height:390px;border-right:0;border-bottom:1px solid var(--line)}.color-field{min-height:390px}.site-header{grid-template-columns:1fr auto}.nav{display:none}.header-right{grid-column:2}.cards--six,.cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.color-field{grid-template-columns:repeat(3,1fr);min-height:500px}.color-panel{padding:3rem 1.35rem}.color-slab span,.color-slab b{left:10px;font-size:.42rem}.cards--six,.cards--four{grid-template-columns:1fr}.site-statement{padding-left:1.3rem;padding-right:1.3rem}.hero-index{margin-left:.15rem}}

/* V10 CLEANUP: Explore Color compacted for a lighter homepage footprint. */