/* ───────────────────────────────────────────────────────────
   Pinnacle Decking — Polish Overrides (2026-06-08)
   Layers ON TOP of v12.css. Removes gimmicks, refines type scale,
   adds nav-scroll state, image hover, icon hover, lightbox styles.
   ─────────────────────────────────────────────────────────── */

/* ── Easing variable ──────────────────────────────────────── */
:root{--pd-ease:cubic-bezier(0.22,1,0.36,1)}

/* ── Body weight: drop the mobile 500 fallback (felt heavy) ── */
@media(max-width:600px){body{font-weight:400}}

/* ── Type scale refinement (1.333 perfect-fourth ratio) ───── */
.section-h2{font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(36px,4.2vw,58px);line-height:1.08;letter-spacing:-.5px;color:var(--white);margin-bottom:22px}
.section-h2 em{font-style:italic;color:var(--gold);font-weight:400}
.section-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;font-weight:500;
  position:relative;padding-left:0;display:inline-block}
.section-eyebrow::after{content:'';display:block;width:34px;height:1px;background:var(--gold);
  margin-top:10px;opacity:.55}
.body-copy{color:var(--text);font-size:15px;line-height:1.85;font-weight:300;opacity:.88}

/* ── Section padding refinements ──────────────────────────── */
section{padding:108px 0}
@media(max-width:960px){section{padding:72px 0}}
@media(max-width:600px){section{padding:56px 0}}

/* ── Hero — gentler cross-fade, KILL Ken Burns ────────────── */
#hero-carousel .cslide{transition:opacity 1.4s var(--pd-ease)!important}
#hero-carousel .cslide.on{animation:none!important;transform:none!important}
#estate-carousel .cslide{transition:opacity 1.2s var(--pd-ease)!important}
#estate-carousel .cslide.on{animation:none!important}

/* ── Hero CTA — KILL pulse + magnetic ─────────────────────── */
.nav-cta::after,.btn-gold.pulse::after{display:none!important;animation:none!important;content:none!important}
.btn-gold,.nav-cta{transform:none!important}
.btn-gold{transition:background .2s var(--pd-ease),color .2s var(--pd-ease)}
.btn-ghost{transition:border-color .25s var(--pd-ease),color .25s var(--pd-ease),background .25s var(--pd-ease)}

/* ── Hero buttons — refined letter-spacing ─────────────────── */
.btn-gold,.btn-ghost{letter-spacing:3.5px;font-size:10px;padding:16px 38px;border-radius:0}

/* ── NAV — transparent over hero, solid past ─────────────── */
#main-nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-bottom:1px solid transparent!important;box-shadow:none!important;
  transition:background .35s var(--pd-ease),border-color .35s var(--pd-ease),box-shadow .35s var(--pd-ease)}
#main-nav.nav-solid{background:rgba(8,8,8,.92)!important;
  -webkit-backdrop-filter:saturate(160%) blur(14px)!important;backdrop-filter:saturate(160%) blur(14px)!important;
  border-bottom:1px solid rgba(201,168,76,.16)!important;
  box-shadow:0 8px 28px -16px rgba(0,0,0,.65)!important}
/* nav links subtle gold underline already in index.html style block — keep */

/* ── KILL bento card tilt + sheen on hover ───────────────── */
#page-home .svc-card,#page-home .cert-card{
  transform:none!important;transition:border-color .3s var(--pd-ease),background .3s var(--pd-ease),box-shadow .3s var(--pd-ease)!important}
#page-home .svc-card:hover{transform:translateY(-2px)!important;border-color:rgba(201,168,76,.28)!important;background:linear-gradient(160deg,#0f0f0f,#161616)!important}
#page-home .svc-card::before,#page-home .cert-card::before{display:none!important;content:none!important}
#page-home .cert-card:hover{transform:translateY(-2px)!important;border-color:rgba(201,168,76,.28)!important}

/* ── KILL aurora drift ────────────────────────────────────── */
.aurora::before,.aurora::after{display:none!important;content:none!important;animation:none!important}
.aurora{background:var(--bg2)!important}

/* ── CREDENTIAL STRIP — slow-scroll marquee restored 2026-06-08 ─ */
.ticker{padding:20px 0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.ticker-row{display:flex!important;flex-wrap:nowrap;width:max-content;gap:0;align-items:center;
  animation:pdTickerScroll 64s linear infinite;will-change:transform}
.ticker:hover .ticker-row{animation-play-state:paused}
.ticker-row span{display:inline-flex;align-items:center;flex:0 0 auto;
  padding:0 38px;font-size:12px;color:var(--muted)!important;
  letter-spacing:2.6px!important;text-transform:uppercase;white-space:nowrap;
  font-family:'DM Sans',sans-serif;font-weight:400;
  border-right:1px solid rgba(201,168,76,.14)}
.ticker-row span b{color:var(--gold);font-weight:500;margin-right:8px;letter-spacing:2px}
@keyframes pdTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-row{animation:none;transform:none}}
@media(max-width:760px){.ticker{padding:16px 0}
  .ticker-row{animation-duration:52s}
  .ticker-row span{padding:0 26px;font-size:10.5px;letter-spacing:2.2px!important}}

/* ── TRUST BAR — static markup via .ts-num span, escapes count-up ─ */
.trust-bar{padding:36px 0;background:var(--bg2);border-bottom:1px solid var(--line)}
.trust-bar-inner{gap:48px}
.trust-stat .ts-num{display:block;font-family:'Cormorant Garamond',serif;font-size:34px;
  color:#f5f0e8!important;font-weight:400;letter-spacing:.2px;line-height:1.1;margin-bottom:6px}
.trust-stat .ts-num em{font-style:italic;color:var(--gold)}
.trust-stat span{font-size:9px;letter-spacing:3px;color:var(--gold);opacity:.85}
/* keep legacy <strong> rule for any other page using it */
.trust-stat strong{font-size:30px;color:var(--white)!important;font-weight:400}

/* ── FOOTER — kill giant Pinnacle stroke text, calmer hover ─ */
footer .footer-mark{display:none!important}
footer{padding:90px 0 36px;background:var(--bg2);border-top:1px solid rgba(201,168,76,.18);
  box-shadow:none}
footer .footer-link{padding-left:0!important;transition:color .25s var(--pd-ease)}
footer .footer-link::before{display:none!important;content:none!important}
footer .footer-link:hover{color:var(--gold);padding-left:0!important}
footer .footer-tag{animation:none!important;-webkit-text-fill-color:var(--gold)!important;color:var(--gold)!important;
  background:none!important}
footer .footer-socials a{border-color:rgba(201,168,76,.22)}
footer .footer-socials a:hover{transform:translateY(-2px)}

/* ── Section eyebrow on .gal-head / .show-block ──────────── */
.gal-head .g-eyebrow,.show-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);font-weight:500}

/* ── Image hover (subtle 1.03 scale, no shadow change) ───── */
.photo-cell img,.split-img img,.cinema-card img,.embla__slide img{
  transition:transform .9s var(--pd-ease),filter .35s var(--pd-ease)}
.photo-cell:hover img,.split-img:hover img,.cinema-card:hover img,.embla__slide:hover img{
  transform:scale(1.03)}
.cinema-card{overflow:hidden;background:#0a0a0a;position:relative}

/* ── Cert icon hover micro-interaction ───────────────────── */
.cert-card{cursor:default;transition:transform .25s var(--pd-ease),border-color .25s var(--pd-ease)}
.cert-card:hover .cert-icon{transform:translateY(-4px)}
.cert-icon{transition:transform .25s var(--pd-ease),border-color .25s var(--pd-ease),color .25s var(--pd-ease)}
.cert-card:hover .cert-icon{border-color:var(--gold);color:var(--gold)}

/* ── Showcase Embla ──────────────────────────────────────── */
.embla-wrap{padding:60px 0 80px;background:var(--bg);position:relative}
.embla{position:relative;padding:0 0 14px}
.embla__viewport{overflow:hidden}
.embla__container{display:flex;gap:18px;padding:0 6vw}
.embla__slide{flex:0 0 auto;width:78vw;max-width:980px;
  position:relative;border-radius:2px;overflow:hidden;background:#0d0d0d;
  aspect-ratio:3/2;cursor:zoom-in}
@media(min-width:768px){.embla__slide{width:60vw;max-width:880px}.embla__container{padding:0 9vw}}
@media(min-width:1200px){.embla__slide{width:44vw;max-width:720px}.embla__container{padding:0 14vw}}
.embla__slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--pd-ease)}
.embla__slide:hover img{transform:scale(1.04)}
.embla__slide .embla__cap{position:absolute;left:0;right:0;bottom:0;padding:32px 26px 18px;
  font-size:12px;letter-spacing:1.5px;color:#ECE8E1;
  background:linear-gradient(to top,rgba(8,8,8,.88) 0%,rgba(8,8,8,0) 100%);opacity:0;transition:opacity .3s var(--pd-ease)}
.embla__slide:hover .embla__cap,.embla__slide:focus-within .embla__cap{opacity:1}
.embla__controls{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:24px auto 0;padding:0 6vw}
.embla__prev,.embla__next{width:46px;height:46px;border:1px solid rgba(201,168,76,.35);background:transparent;
  color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:20px;cursor:pointer;
  transition:background .2s var(--pd-ease),border-color .2s var(--pd-ease)}
.embla__prev:hover,.embla__next:hover{background:rgba(201,168,76,.10);border-color:var(--gold)}
.embla__count{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--muted);letter-spacing:2px}
.embla__progress{position:relative;height:1px;max-width:1240px;margin:18px auto 0;background:rgba(201,168,76,.18)}
.embla__progress i{display:block;height:1px;width:0;background:var(--gold);transition:width .2s linear}

/* ── Lightbox ────────────────────────────────────────────── */
.lightbox{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .25s var(--pd-ease);pointer-events:none}
.lightbox--on{opacity:1;pointer-events:auto}
.lightbox__bg{position:absolute;inset:0;background:rgba(5,5,5,.95);cursor:zoom-out}
.lightbox__img{position:relative;max-width:92vw;max-height:88vh;object-fit:contain;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.lightbox__close{position:absolute;top:22px;right:24px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);
  background:transparent;color:#fff;font-size:22px;cursor:pointer;z-index:1;transition:.2s var(--pd-ease)}
.lightbox__close:hover{border-color:var(--gold);color:var(--gold)}
.lightbox__cap{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:#e8e2d6;font-size:12px;letter-spacing:2px;z-index:1}

/* ── Cinema (showcase top section) ───────────────────────── */
.cinema{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1340px;margin:0 auto;padding:0 24px}
.cinema-card{aspect-ratio:3/2;position:relative;overflow:hidden;cursor:default}
.cinema-card.full{grid-column:1/-1;aspect-ratio:21/9}
.cinema-card.tall{grid-row:span 2;aspect-ratio:3/4}
.cinema-card img{width:100%;height:100%;object-fit:cover;display:block}
.cinema-card .cc-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 24px 22px;
  font-family:'Cormorant Garamond',serif;font-size:22px;color:#f5f0e8;font-weight:400;line-height:1.25;
  background:linear-gradient(to top,rgba(8,8,8,.88) 0%,rgba(8,8,8,0) 100%)}
.cinema-card .cc-cap em{font-style:italic;color:var(--gold);font-weight:400}
.cinema-card .cc-loc{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);opacity:.9;margin-bottom:4px;display:block}
@media(max-width:760px){.cinema{grid-template-columns:1fr;gap:12px;padding:0 18px}
  .cinema-card.full,.cinema-card.tall{grid-column:auto;grid-row:auto;aspect-ratio:3/2}
  .cinema-card .cc-cap{font-size:17px;padding:22px 18px 16px}}

/* ── Show intro / final CTA ──────────────────────────────── */
.show-intro{min-height:88vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.show-intro .show-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03)}
.show-intro::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.45) 0%,rgba(8,8,8,.18) 35%,rgba(8,8,8,.78) 100%)}
.show-intro .show-cap{position:relative;z-index:2;max-width:780px;padding:0 28px}
.show-intro .show-eyebrow{display:block;margin-bottom:18px;color:var(--gold)}
.show-intro h1{font-family:'Cormorant Garamond',serif;font-weight:300;color:#f5f0e8;
  font-size:clamp(46px,7vw,96px);line-height:1.02;letter-spacing:-1px;margin-bottom:18px}
.show-intro h1 em{font-style:italic;color:var(--gold);font-weight:400}
.show-intro p{font-size:16px;color:#e8e2d6;line-height:1.7;max-width:560px;margin:0 auto;opacity:.92}
.show-intro .cue{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);
  font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--muted)}
.show-intro .cue::after{content:'';display:block;width:1px;height:38px;margin:10px auto 0;background:linear-gradient(var(--gold),transparent)}

/* ── KILL old showcase counter ───────────────────────────── */
#counter{display:none!important}

/* ── Generic motion calmers ──────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .embla__slide img,.cinema-card img,.photo-cell img,.split-img img{transition:none!important;transform:none!important}
}