/* ===== MDT masterpiece enhancement layer v5 — external (Netlify-safe) ===== */

/* Card lift + plasma glow on hover */
.mdt-card{position:relative;overflow:hidden;will-change:transform;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease,border-color .55s ease !important}
.mdt-card:hover{transform:translateY(-6px);
  box-shadow:0 28px 74px -26px rgba(0,0,0,.78), 0 0 34px -6px rgba(201,178,138,.20)}
.mdt-card:hover{border-top-color:rgba(232,207,157,.75) !important}
.mdt-card img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.mdt-card:hover img{transform:scale(1.045)}

/* Scroll reveal (JS shows above-fold instantly; in-view sweep = nothing stays hidden) */
.mdt-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1)}
.mdt-reveal.mdt-in{opacity:1;transform:none}

/* Animated arrow links */
.mdt-arrow{display:inline-block;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.mdt-arrowlink:hover .mdt-arrow{transform:translateX(7px)}

/* Nav links: quiet underline grow */
.mdt-navlink{position:relative}
.mdt-navlink::after{content:"";position:absolute;left:0;bottom:-5px;height:1px;width:100%;
  background:currentColor;opacity:.55;transform:scaleX(0);transform-origin:left;
  transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.mdt-navlink:hover::after{transform:scaleX(1)}

/* CTA buttons: lift + warm shine */
.mdt-btn{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,filter .4s ease !important}
.mdt-btn:hover{transform:translateY(-2px);filter:brightness(1.05);
  box-shadow:0 16px 38px -12px rgba(201,178,138,.42)}

/* Fixed scroll-progress line */
.mdt-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:99999;pointer-events:none;
  background:linear-gradient(90deg,#C9B28A,#E8CF9D);box-shadow:0 0 12px rgba(201,178,138,.55)}

/* Stat numbers: faint warm glow */
.mdt-stat{text-shadow:0 0 26px rgba(201,178,138,.22)}

@media (prefers-reduced-motion: reduce){
  .mdt-reveal{opacity:1 !important;transform:none !important}
  .mdt-card:hover,.mdt-btn:hover{transform:none}
}

/* ===== mobile guards ===== */
img{max-width:100%}
.mdt-scrollwrap::-webkit-scrollbar{height:6px}
.mdt-scrollwrap::-webkit-scrollbar-thumb{background:rgba(201,178,138,0.3);border-radius:3px}
@media (max-width:760px){
  html,body{overflow-x:hidden;max-width:100vw}
  .mdt-card:hover{transform:none}
}

/* ===== lineage timeline rail ===== */
.mdt-tl{position:relative;padding-left:clamp(34px,3.2vw,52px) !important}
.mdt-tl::before{content:"";position:absolute;left:5px;top:0;height:100%;width:1px;background:linear-gradient(180deg,rgba(201,178,138,0.04),rgba(201,178,138,0.30),rgba(201,178,138,0.04))}
.mdt-tl::after{content:"";position:absolute;left:0;top:49px;width:11px;height:11px;border-radius:50%;background:#C9B28A;box-shadow:0 0 12px rgba(201,178,138,0.65);border:2px solid #070708}
@media (max-width:760px){ .mdt-tl{padding-left:26px !important} }


/* ===== mobile nav + timeline fixes (v10) ===== */
@media (max-width:640px){
  .mdt-homeline{border-top:none !important;gap:8px 0 !important}
  .mdt-homeline > div > span[style*="absolute"]{display:none !important}
  .mdt-homeline > div{padding-top:26px !important}
}
/* stacked two-line wordmark on mobile — both words always visible */
@media (max-width:680px){
  .mdt-wm{font-size:11px !important;letter-spacing:0.14em !important;white-space:normal !important;line-height:1.2 !important;display:inline-block}
  .mdt-wm2{display:block !important;font-size:10px !important;letter-spacing:0.2em !important}
}
@media (max-width:360px){
  .mdt-wm{font-size:10px !important}
}

/* ===== editorial article design ===== */
.mdt-art > p:first-of-type{font-size:20px !important;line-height:1.75 !important;color:#D6D2CA !important}
.mdt-art > p:first-of-type::first-letter{float:left;font-family:Cormorant Garamond,serif;font-weight:500;font-size:72px;line-height:0.78;color:#C9B28A;padding:9px 15px 0 0}
.mdt-art h2{position:relative;padding-top:24px !important;margin-top:48px !important}
.mdt-art h2::before{content:"";position:absolute;top:0;left:0;width:40px;height:1px;background:linear-gradient(to right,#C9B28A,rgba(201,178,138,0))}
.mdt-art blockquote{margin:44px 0;padding:6px 0 6px 28px;border-left:2px solid rgba(201,178,138,0.5);font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(24px,3.2vw,31px);line-height:1.28;color:#EBE7DE}
.mdt-art blockquote cite{display:block;margin-top:14px;font-family:JetBrains Mono,monospace;font-style:normal;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#9A8A63}
.mdt-art .mdt-endmark{text-align:center;color:#C9B28A;font-size:20px;letter-spacing:0.5em;margin:52px 0 0;opacity:0.85}
@media (max-width:640px){
  .mdt-art > p:first-of-type{font-size:18px !important}
  .mdt-art > p:first-of-type::first-letter{font-size:58px;padding:7px 12px 0 0}
  .mdt-art h2{margin-top:38px !important}
}