*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --void:#0A0A0F;--glass:#12121A;--gold:#C9A84C;--brass:#8B7D3C;
  --aurum:#E8D48B;--parchment:#E8E0D0;--ash:#9A9486;
  --blue:#2A4A7F;--wire:rgba(201,168,76,0.15);--frost:rgba(200,168,76,0.06);
}
body{background:var(--void);color:var(--parchment);font-family:'Source Serif 4',serif;font-weight:400;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.72;overflow-x:hidden}

/* Gold Dust */
.gold-dust{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(1px 1px at 20% 30%,rgba(201,168,76,0.3),transparent),radial-gradient(1px 1px at 60% 70%,rgba(201,168,76,0.2),transparent),radial-gradient(1.5px 1.5px at 80% 20%,rgba(201,168,76,0.25),transparent),radial-gradient(1px 1px at 40% 80%,rgba(201,168,76,0.15),transparent),radial-gradient(1px 1px at 10% 60%,rgba(201,168,76,0.2),transparent),radial-gradient(1.5px 1.5px at 90% 50%,rgba(201,168,76,0.3),transparent);animation:dustDrift 40s linear infinite}
@keyframes dustDrift{0%{transform:translate(0,0)}50%{transform:translate(-10px,-15px)}100%{transform:translate(0,0)}}

/* Seal */
.seal-header{display:flex;align-items:center;justify-content:center;padding:clamp(32px,6vh,64px)}
.simulacrum-seal{width:clamp(60px,10vw,120px);opacity:0.6}

/* Cinematic Breaks */
.cinematic-break{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(24px,4vw,48px);position:relative}
.cinematic-text{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2rem,5vw,3.5rem);color:var(--gold);letter-spacing:0.04em;line-height:1.2}
.dancheong-motif{width:clamp(100px,30vw,200px);margin-top:2rem;opacity:0.4}
.motif-path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 2s ease-out}
.cinematic-break.visible .motif-path{stroke-dashoffset:0}

/* Vault Grid */
.vault-section{max-width:1100px;margin:0 auto;padding:clamp(24px,4vw,48px);position:relative}
.gold-meridian{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--gold);opacity:0.3;animation:meridianPulse 4s ease-in-out infinite}
@keyframes meridianPulse{0%,100%{opacity:0.3}50%{opacity:0.7}}
.vault-grid{display:grid;grid-template-columns:1fr 1.2fr 0.8fr;gap:20px;position:relative;z-index:2}

/* Card Flip */
.card-flip-container{perspective:1200px;min-height:250px}
.card-tall{min-height:380px}
.glass-card{position:relative;width:100%;height:100%;min-height:inherit;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transform-style:preserve-3d;cursor:pointer}
.glass-card:hover{transform:rotateY(180deg) scale(1.02)}
.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:space-between;border-radius:2px}
.card-front{background:rgba(18,18,26,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--wire);box-shadow:inset 0 1px 0 rgba(232,212,139,0.08)}
.card-front:hover{border-color:var(--gold)}
.card-back{background:#0E0E16;border:1px solid rgba(42,74,127,0.4);transform:rotateY(180deg);box-shadow:inset 0 1px 0 rgba(42,74,127,0.15)}

/* Card Typography */
.card-heading{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.4rem,3vw,2.2rem);color:var(--gold);letter-spacing:0.04em;margin-bottom:0.5em}
.card-body{font-family:'Source Serif 4',serif;font-size:clamp(0.9rem,1.5vw,1rem);color:var(--parchment);line-height:1.65}
.card-meta{font-family:'DM Mono',monospace;font-size:0.85rem;color:var(--brass);letter-spacing:0.06em;margin-top:auto;padding-top:1em}
.card-meta-back{color:var(--blue)}
.card-back-text{font-family:'Source Serif 4',serif;font-size:clamp(0.9rem,1.5vw,1rem);color:var(--parchment);line-height:1.65}

/* Compass Rose */
.compass-rose{position:fixed;bottom:clamp(16px,3vh,32px);right:clamp(16px,3vw,32px);width:48px;height:48px;border:none;background:transparent;cursor:pointer;z-index:100;padding:0}
.compass-svg{width:100%;height:100%;animation:compassSpin 60s linear infinite}
@keyframes compassSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Footer */
.site-footer{text-align:center;padding:clamp(48px,8vh,80px) clamp(16px,4vw,48px)}
.footer-text{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--gold);letter-spacing:0.04em}
.footer-sub{font-family:'DM Mono',monospace;font-size:0.85rem;color:var(--brass);margin-top:0.5rem}

/* Reveals */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}
[data-reveal].visible{opacity:1;transform:translateY(0)}

/* Responsive */
@media(max-width:768px){
  .vault-grid{grid-template-columns:1fr}
  .gold-meridian{display:none}
  .card-tall{min-height:280px}
  .glass-card:hover{transform:none}
}