@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Italiana&family=Manrope:wght@300;400;500;600&display=swap");
:root{--ink:#0a0908;--paper:#f2eee7;--gold:#b99a68;--line:rgba(255,255,255,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif;font-weight:300}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#090806cc,#09080655,transparent);backdrop-filter:blur(5px)}.brand{font-family:"Italiana",Georgia,serif;font-size:26px;font-weight:400;letter-spacing:.13em;color:#d7bd8a;text-decoration:none;white-space:nowrap}.nav{margin-left:auto;display:flex;gap:1.5vw}.nav a,.menu-toggle{color:#f5f1e8;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.menu-toggle{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#090806}.hero>img{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:center 8%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090806 0%,rgba(9,8,6,.97) 24%,rgba(9,8,6,.78) 40%,rgba(9,8,6,.20) 64%,rgba(9,8,6,.04) 100%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 45%)}.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-43%);max-width:560px}.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:500;margin:0 0 24px;color:#c9ad78}.hero h1,.statement h2,.feature h2,.shop h2,.partnerships h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.88;margin:0}.hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(64px,6.5vw,102px);color:#f4efe6;letter-spacing:-.026em;text-shadow:0 2px 18px rgba(0,0,0,.18)}.hero-title .line{display:block;width:max-content;transform-origin:left center}.hero-title .line-presence{transform:translateX(0)}.hero-title .line-becomes{transform:translateX(-22px)}.hero-title .line-event{transform:translateX(8px)}.intro{max-width:540px;font-size:16px;line-height:1.75;margin:28px 0;color:#f0ece5}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 22px;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.18em;border:1px solid #fff}.btn.primary{background:#fff;color:#111}.btn.ghost{color:#fff}.scroll{position:absolute;right:3vw;bottom:34px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.statement{position:relative;min-height:88svh;overflow:hidden;display:flex;align-items:center;padding:130px 8vw;color:#f6f0e7;background:#15100d;text-align:left;isolation:isolate}.statement::before{content:"";position:absolute;inset:-4%;z-index:-3;background:url("assets/sienna-diamond-bath.png") center 62%/cover no-repeat;filter:blur(1px) saturate(.96) contrast(.98) brightness(.96);transform:scale(1.012)}.statement::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,6,5,.86) 0%,rgba(8,6,5,.72) 38%,rgba(8,6,5,.30) 66%,rgba(8,6,5,.18) 100%),linear-gradient(0deg,rgba(8,6,5,.28) 0%,rgba(8,6,5,.04) 55%,rgba(8,6,5,.18) 100%)}.statement-copy{position:relative;z-index:2;width:min(900px,78vw);margin-left:3vw}.statement-copy::before{content:"";position:absolute;left:-32px;top:3px;width:1px;height:78px;background:linear-gradient(#c6a66e,rgba(198,166,110,.08))}.statement-eyebrow{color:#d0b27c;margin-bottom:34px}.statement h2{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;line-height:.9;letter-spacing:-.025em;margin:0;color:#f5efe6;text-shadow:0 3px 28px rgba(0,0,0,.35)}.statement h2 span{display:block;width:max-content;max-width:100%}.statement-prelude{font-size:clamp(38px,4vw,64px);opacity:.9;margin-bottom:12px}.statement-main{font-size:clamp(64px,7.3vw,112px);margin-left:4vw}.statement-intro{max-width:600px;margin:34px 0 0 10vw;line-height:1.8;color:rgba(246,240,231,.84);font-size:14px}.statement-mark{position:absolute;right:5vw;bottom:5.5vw;z-index:2;font-family:"Italiana",Georgia,serif;font-size:clamp(34px,4vw,62px);letter-spacing:.06em;color:rgba(209,178,124,.58);border-bottom:1px solid rgba(209,178,124,.32);padding-bottom:9px}.eyebrow.dark{color:#6b5a45}.statement h2{font-size:clamp(52px,7vw,100px)}.statement>p:last-child{max-width:650px;margin:32px auto 0;line-height:1.8;color:#5d554d}.cards{display:grid;grid-template-columns:repeat(3,1fr);background:#111}.card{min-height:430px;padding:70px 5vw;border-right:1px solid #2b2926}.card span{font-size:10px;color:var(--gold)}.card h3{font-family:"Cormorant Garamond",serif;font-size:52px;font-weight:400;margin:80px 0 18px}.card p{color:#aaa;line-height:1.7;max-width:300px}.card a,.text-link{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.feature{display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper);color:#171411}.feature-image{height:800px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.feature-copy h2{font-size:82px}.feature-copy p:not(.eyebrow){line-height:1.8;color:#5d554d}.feature-copy .text-link{color:#171411;margin-top:22px}.shop{padding:120px 7vw}.shop h2{font-size:clamp(58px,7vw,96px)}.shop>p:not(.eyebrow){max-width:650px;color:#aaa;line-height:1.8}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.shop-grid div{padding:40px 28px;min-height:160px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"Cormorant Garamond",serif;font-size:28px}.shop-grid span{display:block;margin-top:50px;font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#777}.partnerships{background:#d9cfbf;color:#16120e;padding:120px 8vw}.partnerships h2{font-size:clamp(55px,7vw,96px);max-width:900px}.partnerships p:not(.eyebrow){max-width:650px;line-height:1.8;margin:30px 0}.btn.dark{border-color:#16120e;color:#16120e}footer{padding:70px 5vw 35px;color:#777;display:grid;gap:26px;border-top:1px solid #222;font-size:11px}.footer-brand{font-family:"Italiana",Georgia,serif;font-size:30px;color:#fff;letter-spacing:.12em}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#999;text-decoration:none}footer small{color:#555}@media(max-width:900px){.topbar{height:66px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#0a0908;padding:28px 5vw;flex-direction:column;gap:22px}.nav.open{display:flex}.hero{min-height:680px}.hero>img{width:100%;object-position:center 8%}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.36) 54%,rgba(0,0,0,.08) 100%)}.hero-copy{left:6vw;right:6vw;top:auto;bottom:70px;transform:none}.hero h1{font-size:62px}.hero-title .line-presence{transform:translateX(0)}.hero-title .line-becomes{transform:translateX(-10px)}.hero-title .line-event{transform:translateX(4px)}.intro{font-size:13px}.scroll{display:none}.cards{grid-template-columns:1fr}.card{min-height:310px;border-right:0;border-bottom:1px solid #2b2926}.card h3{margin-top:45px}.feature{grid-template-columns:1fr}.feature-image{height:620px}.feature-copy{padding:90px 7vw}.feature-copy h2{font-size:64px}.shop-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.brand{font-size:20px}.statement{padding:95px 6vw}.statement h2{font-size:52px}.feature-image{height:520px}.shop{padding:90px 6vw}.shop-grid{grid-template-columns:1fr}.partnerships{padding:90px 6vw}}
@media(max-width:900px){.statement{min-height:76svh;padding:110px 7vw}.statement-copy{width:88vw;margin-left:2vw}.statement-main{margin-left:2vw}.statement-intro{margin-left:5vw;max-width:520px}.statement-mark{right:7vw;bottom:7vw}}
@media(max-width:520px){.statement{min-height:78svh;padding:95px 7vw}.statement::before{inset:-3%;filter:blur(1px) saturate(.96) contrast(.98) brightness(.96);background-position:center 60%;transform:scale(1.018)}.statement-copy{width:100%;margin-left:0}.statement-copy::before{left:-14px;height:58px}.statement-prelude{font-size:38px}.statement-main{font-size:56px;margin-left:0}.statement-intro{margin-left:0;font-size:12px;max-width:92%}.statement-mark{font-size:30px}}
/* Section 3 — cinematic portals */
.cards.portals{display:grid;grid-template-columns:repeat(3,1fr);height:76svh;min-height:610px;background:#090806;overflow:hidden}.portal{position:relative;min-height:0;padding:0;overflow:hidden;border-right:1px solid rgba(213,184,130,.26);isolation:isolate}.portal:last-child{border-right:0}.portal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease;z-index:-3}.portal-fashion>img{object-position:51% 54%}.portal-jewelry>img{object-position:51% 37%}.portal-beauty>img{object-position:48% 34%}.portal-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,4,3,.10) 0%,rgba(5,4,3,.10) 32%,rgba(5,4,3,.82) 100%),linear-gradient(90deg,rgba(5,4,3,.18),transparent 55%);transition:background .6s ease}.portal-copy{position:absolute;left:3.2vw;right:2.5vw;bottom:5.5vw;transform:translateY(0);transition:transform .55s ease}.portal-number{display:block;font-size:10px;letter-spacing:.22em;color:#d1b27c;margin-bottom:20px}.portal h3{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(48px,5vw,76px);line-height:.95;margin:0 0 17px;color:#f6f0e7;text-shadow:0 3px 20px rgba(0,0,0,.3)}.portal p{max-width:300px;color:rgba(246,240,231,.78);font-size:13px;line-height:1.7;margin:0 0 22px}.portal a{display:inline-block;color:#f6f0e7;text-decoration:none;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid rgba(209,178,124,.55);padding-bottom:7px}.portal:hover>img{transform:scale(1.035);filter:brightness(1.04)}.portal:hover .portal-copy{transform:translateY(-8px)}.portal:hover .portal-shade{background:linear-gradient(180deg,rgba(5,4,3,.06) 0%,rgba(5,4,3,.06) 30%,rgba(5,4,3,.74) 100%),linear-gradient(90deg,rgba(5,4,3,.14),transparent 55%)}
@media(max-width:900px){.cards.portals{height:auto;min-height:0;grid-template-columns:1fr}.portal{height:72svh;min-height:560px;border-right:0;border-bottom:1px solid rgba(213,184,130,.24)}.portal-copy{left:7vw;right:7vw;bottom:9vw}.portal h3{font-size:64px}.portal-fashion>img{object-position:center 45%}.portal-jewelry>img{object-position:center 32%}.portal-beauty>img{object-position:center 28%}}

/* V3 — Black Diamonds final composition + curated Shop the Look */
.feature-image{
  height:800px;
  background:#090806;
  display:flex;
  align-items:center;
  justify-content:center;
}
.feature-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}

.shop{padding:120px 4.5vw 105px;background:#0b0a0d;}
.shop>p:not(.eyebrow){max-width:720px;color:#aaa;line-height:1.8;}
.shop-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:58px;
  border:0;
}
.shop-card{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  background:#111;
  isolation:isolate;
}
.shop-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-3;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s ease;
}
.shop-card:nth-child(1)>img{object-position:center 42%;}
.shop-card:nth-child(2)>img{object-position:center 34%;}
.shop-card:nth-child(3)>img{object-position:center 40%;}
.shop-card:nth-child(4)>img{object-position:center 38%;}
.shop-card-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(4,3,3,.03) 0%,rgba(4,3,3,.08) 48%,rgba(4,3,3,.88) 100%);
}
.shop-card-copy{
  position:absolute;
  left:24px;
  right:24px;
  bottom:28px;
}
.shop-grid .shop-kicker{
  display:block;
  margin:0 0 9px;
  font-family:Manrope,sans-serif;
  font-size:8px;
  line-height:1.3;
  letter-spacing:.20em;
  color:#d2b47e;
  text-transform:uppercase;
}
.shop-card h3{
  margin:0 0 24px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(30px,2.5vw,44px);
  font-weight:500;
  line-height:.95;
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.shop-card a{
  color:#fff;
  text-decoration:none;
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(209,178,124,.55);
  padding-bottom:6px;
}
.shop-card:hover>img{transform:scale(1.025);filter:brightness(1.04);}

@media(max-width:1100px){
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .shop-card{min-height:600px;}
}
@media(max-width:900px){
  .feature-image{height:720px;}
}
@media(max-width:620px){
  .shop{padding:90px 5vw;}
  .shop-grid{grid-template-columns:1fr;gap:18px;}
  .shop-card{min-height:72svh;}
  .feature-image{height:620px;}
}

/* V23 — clearer luxury navigation cues (2026-10-02)
   Preserve editorial restraint while making clickable CTAs immediately legible. */
.portal a,
.shop-card a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#ead1a1;
  font-size:11px;
  font-weight:500;
  letter-spacing:.17em;
  line-height:1;
  border:1px solid rgba(226,195,139,.58);
  border-radius:999px;
  padding:11px 15px 10px;
  background:rgba(18,14,9,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 4px 18px rgba(0,0,0,.14);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;
}
.portal a:hover,
.shop-card a:hover{
  color:#fff4dc;
  border-color:rgba(239,207,147,.92);
  background:rgba(201,163,96,.18);
  transform:translateX(3px);
  box-shadow:0 5px 22px rgba(0,0,0,.20);
}
@media(max-width:900px){
  .portal a,.shop-card a{font-size:11px;padding:12px 16px 11px;border-color:rgba(226,195,139,.70);background:rgba(18,14,9,.32)}
}

/* V24 — Editorial newsletter signup */
.newsletter{padding:96px 7vw;background:#17130f;color:#f7f1e7;text-align:center;border-top:1px solid rgba(201,171,112,.22)}
.newsletter-inner{max-width:820px;margin:0 auto}
.newsletter .eyebrow{color:#cdb37d;letter-spacing:.18em}
.newsletter h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;margin:12px 0 20px}
.newsletter-copy{max-width:640px;margin:0 auto 32px;color:rgba(247,241,231,.78);font-size:1rem;line-height:1.75}
.newsletter-form{display:flex;max-width:620px;margin:0 auto;align-items:flex-end;gap:18px}.newsletter-fields{flex:1;min-width:0;display:grid;gap:4px}
.newsletter-form input{width:100%;min-width:0;padding:16px 4px;background:transparent;border:0;border-bottom:1px solid rgba(205,179,125,.7);outline:0;color:#fff;font:400 .95rem 'Manrope',sans-serif}
.newsletter-form input::placeholder{color:rgba(247,241,231,.48)}
.newsletter-form button{border:0;background:transparent;color:#d8bd84;padding:16px 4px 16px 22px;font:500 .78rem 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.newsletter-form button:hover{color:#f4dfad}
.newsletter-note{margin:15px 0 0;color:rgba(247,241,231,.48);font-size:.72rem;line-height:1.55}
.newsletter-status{min-height:1.4em;margin:12px 0 0;color:#d8bd84;font-size:.78rem}
@media(max-width:640px){.newsletter{padding:72px 7vw}.newsletter-form{display:block}.newsletter-fields{display:grid}.newsletter-form input{width:100%;text-align:center}.newsletter-form button{display:inline-block;margin-top:10px;padding:14px 20px}.newsletter-copy{font-size:.94rem}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* V27 — films distributed through the editorial journey */
.film-break{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr);align-items:center;gap:clamp(28px,6vw,90px);padding:88px 7vw;background:#f4efe7;color:#171512}
.film-break-two{grid-template-columns:minmax(300px,1.35fr) minmax(180px,.65fr);background:#eee6db}
.film-break-three{background:#f4efe7}
.film-break-copy{display:flex;align-items:center;justify-content:center;min-height:160px;text-align:center}
.film-break-copy .eyebrow{letter-spacing:.24em;margin:0}
.film-break-media{max-width:500px;width:100%;margin:auto;background:#0c0b0a;box-shadow:0 18px 42px rgba(0,0,0,.13);overflow:hidden}
.film-break-media video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
@media(max-width:800px){.film-break,.film-break-two{grid-template-columns:1fr;gap:24px;padding:64px 18px}.film-break-two .film-break-media{order:2}.film-break-two .film-break-copy{order:1}.film-break-copy{min-height:auto}.film-break-media{max-width:460px}}