/* =========================================================
   PDA — LUXE LAYER (loads after styles.css)
   Editorial typography, generous whitespace, restrained gold,
   cinematic hero, premium motion. Apple/Porsche/RH register.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{--ease-lux:cubic-bezier(.16,1,.3,1);--gold:#c9a24b;--gold-2:#e6cd8a}

/* ---- editorial type ---- */
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.015em;line-height:1.02}
h2{line-height:1.05}
h3{font-family:"Inter",system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
.lead{font-weight:300;color:#d8d1c4}
.light .lead{color:#4b443c}
.eyebrow{font-size:11px;letter-spacing:.4em;font-weight:600;margin-bottom:26px}
.eyebrow::before{width:42px}

/* ---- breathing room ---- */
.section{padding:clamp(96px,14vw,210px) 0}
.wrap{max-width:1280px;padding:0 32px}
.grid{gap:clamp(28px,4vw,64px)}

/* ---- hero: cinematic ---- */
.hero{min-height:100svh}
.hero .wrap{padding-top:118px;padding-bottom:72px}
.hero h1{max-width:15ch;font-size:clamp(54px,9vw,124px);margin:24px 0 26px}
.hero.sub h1{font-size:clamp(44px,7vw,92px)}
.hero .lead{font-size:clamp(18px,1.5vw,23px);max-width:60ch}
.hero-veil{background:
  linear-gradient(90deg,rgba(6,6,6,.94),rgba(6,6,6,.5) 52%,rgba(6,6,6,.15) 82%,rgba(6,6,6,.5)),
  radial-gradient(130% 90% at 72% 28%,transparent 40%,rgba(6,6,6,.55))}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-bg{animation-duration:32s}
.scroll-cue{bottom:34px;font-size:10px;letter-spacing:.4em}

/* ---- buttons: glass sheen ---- */
.btn{position:relative;overflow:hidden;border-radius:0;font-weight:600;letter-spacing:.12em;font-size:12.5px;padding:16px 30px;
  transition:transform .5s var(--ease-lux),box-shadow .5s var(--ease-lux),filter .5s,background .5s,color .5s}
.btn-lg{padding:19px 42px;font-size:13px}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-130%)}
.btn:hover::after{transform:translateX(130%);transition:transform .8s var(--ease-lux)}
.btn.ghost{backdrop-filter:blur(4px)}
.btn.ghost:hover{background:rgba(255,255,255,.05);border-color:var(--gold)}

/* ---- gold as jewelry (restraint) ---- */
.num,.viz-spec div b,.stat b,.statbig b{color:var(--gold-2)}
.card{background:linear-gradient(180deg,#131210,#0d0d0c);border-color:rgba(255,255,255,.06)}
.card:hover{border-color:rgba(201,162,75,.35)}

/* ---- editorial split + oversized number rows ---- */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,96px);align-items:center}
@media(max-width:880px){.split{grid-template-columns:1fr}}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.statrow .s{background:var(--ink);padding:46px 26px;text-align:center}
.statbig b{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(50px,7vw,92px);display:block;line-height:1}
.statbig span{display:block;margin-top:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9c958a}
@media(max-width:760px){.statrow{grid-template-columns:1fr 1fr}}

/* editorial big quote */
.bigq{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(30px,4.4vw,62px);line-height:1.14;letter-spacing:-.01em;max-width:18ch}

/* ---- premium motion ---- */
.br{opacity:0;filter:blur(12px);transform:translateY(30px);transition:opacity 1.1s var(--ease-lux),filter 1.1s var(--ease-lux),transform 1.1s var(--ease-lux)}
.br.in{opacity:1;filter:blur(0);transform:none}
.br.d1{transition-delay:.1s}.br.d2{transition-delay:.2s}.br.d3{transition-delay:.3s}.br.d4{transition-delay:.4s}
.reveal{transition-timing-function:var(--ease-lux);transition-duration:1.05s}
.reveal-x{transition-timing-function:var(--ease-lux);transition-duration:1.05s}
.media .pic,.gallery .cell .pic{transition:transform 1.4s var(--ease-lux)}

/* custom cursor (desktop, fine pointer only) */
@media (pointer:fine){
  .lux-cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid rgba(201,162,75,.7);border-radius:50%;
    transform:translate(-50%,-50%);pointer-events:none;z-index:300;transition:width .3s var(--ease-lux),height .3s var(--ease-lux),background .3s,border-color .3s;mix-blend-mode:difference}
  .lux-cursor.big{width:64px;height:64px;background:rgba(201,162,75,.12);border-color:transparent}
}

/* nav refinement */
.nav.scrolled{background:rgba(8,8,8,.7)}
.brand{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:26px;letter-spacing:.02em}
.links{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}

@media (prefers-reduced-motion:reduce){
  .br{opacity:1;filter:none;transform:none}
  .btn::after{display:none}.hero-bg{animation:none}.lux-cursor{display:none}
}