*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0D0B08;color:#E8D5A8;font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(0.95rem,1.1vw,1.1rem);line-height:1.65;letter-spacing:0.01em;overflow-x:hidden}
#particles{position:fixed;inset:0;z-index:0;pointer-events:none}

/* Navigation */
.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,48px);background:rgba(13,11,8,0.56);backdrop-filter:blur(12px)}
.nav-brand{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:0.08em;color:#C4A060}
.nav-links{display:flex;gap:24px}
.nav-links a{font-family:'DM Sans',sans-serif;font-weight:500;font-size:0.85rem;color:#C4A060;text-decoration:none;letter-spacing:0.04em;opacity:0.7;transition:opacity 0.3s ease}
.nav-links a:hover{opacity:1}

/* Threshold / Hero */
.threshold{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:24px}
.hero-object{position:relative;width:160px;height:160px;margin-bottom:24px}
.glow-ring{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(196,160,96,0.2) 0%,transparent 70%);animation:glowPulse 4s ease-in-out infinite}
.object-shape{width:100%;height:100%;border-radius:12px;background:linear-gradient(145deg,#1A1714,#252017);border:1px solid rgba(196,160,96,0.3);box-shadow:0 0 30px rgba(196,160,96,0.15),0 0 60px rgba(255,184,48,0.08);animation:objectRotate 20s linear infinite}
@keyframes glowPulse{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes objectRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.hero-label{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,9vw,8rem);letter-spacing:0.08em;line-height:1.05;text-align:center;color:#E8D5A8;text-shadow:0 0 40px rgba(196,160,96,0.25),0 0 80px rgba(255,184,48,0.12)}
.hero-tagline{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.8rem);color:#D4B074;opacity:0.7}
.scroll-particles{display:flex;gap:8px;margin-top:32px}
.scroll-particles span{width:4px;height:4px;border-radius:50%;background:#C4A060;opacity:0.4;animation:particleDrift 2s ease-in-out infinite}
.scroll-particles span:nth-child(2){animation-delay:0.3s}
.scroll-particles span:nth-child(3){animation-delay:0.6s}
@keyframes particleDrift{0%,100%{transform:translateY(0);opacity:0.4}50%{transform:translateY(8px);opacity:0.8}}

/* Gallery Wall */
.gallery-wall{position:relative;z-index:1;padding:12vh clamp(16px,4vw,48px)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;background:rgba(196,160,96,0.04)}
.g-card{background:#1A1714;padding:clamp(20px,3vw,36px);border:1px solid rgba(196,160,96,0.08);position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.g-card:hover{background:#252017;border-color:rgba(196,160,96,0.5);box-shadow:0 0 15px rgba(196,160,96,0.08),0 0 30px rgba(196,160,96,0.06),0 0 60px rgba(255,184,48,0.03)}
.g-card.featured{grid-column:span 2;grid-row:span 2}
.g-card.tall{grid-row:span 2}
.card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(196,160,96,0.12) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity 0.4s ease}
.g-card:hover .card-glow{opacity:1}
.lot-num{font-family:'DM Sans',sans-serif;font-weight:500;font-size:0.75rem;letter-spacing:0.06em;color:#C4A060;opacity:0.6;display:block;margin-bottom:8px}
.g-card h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:0.08em;line-height:1.05;color:#E8D5A8;margin-bottom:12px;text-shadow:0 0 20px rgba(196,160,96,0.15)}
.g-card h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:0.08em;line-height:1.1;color:#E8D5A8;margin-bottom:8px}
.g-card p{color:#D4B074;font-size:clamp(0.85rem,1vw,1rem);line-height:1.6;margin-bottom:8px}
.provenance{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(0.9rem,1.2vw,1.1rem);color:#C4A060;opacity:0.6;display:block;margin-top:12px}

/* Story Ribbon */
.story-ribbon{height:100vh;display:flex;align-items:center;position:relative;z-index:1;overflow:hidden}
.ribbon-track{white-space:nowrap;overflow-x:hidden;width:100%}
.ribbon-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,10vw,10rem);letter-spacing:0.08em;color:#C4A060;text-shadow:0 0 40px rgba(196,160,96,0.3),0 0 80px rgba(255,184,48,0.15);display:inline-block;will-change:transform}

/* Auction Floor */
.auction-floor{position:relative;z-index:1;padding:12vh clamp(16px,4vw,48px)}
.section-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:0.08em;color:#E8D5A8;text-align:center;margin-bottom:6vh;text-shadow:0 0 30px rgba(196,160,96,0.2)}
.auction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:1100px;margin:0 auto;background:rgba(196,160,96,0.04)}
.auction-card{background:#1A1714;padding:clamp(24px,3vw,40px);border:2px solid rgba(196,160,96,0.15);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.auction-card:hover{border-color:rgba(196,160,96,0.5);box-shadow:0 0 20px rgba(196,160,96,0.1)}
.auction-card h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);letter-spacing:0.08em;color:#E8D5A8;margin-bottom:8px}
.auction-card p{color:#D4B074;margin-bottom:16px;font-size:0.9rem}
.timer{display:flex;align-items:center;gap:4px;margin-top:12px}
.t-digit{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.04em;color:#FFB830;text-shadow:0 0 20px rgba(255,184,48,0.3);animation:timerPulse 1s ease-in-out infinite}
.t-sep{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:#C4A060;opacity:0.5}
@keyframes timerPulse{0%,100%{text-shadow:0 0 20px rgba(255,184,48,0.3)}50%{text-shadow:0 0 40px rgba(255,184,48,0.5)}}

/* Archive */
.archive{position:relative;z-index:1;padding:12vh clamp(16px,4vw,48px)}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px;max-width:1000px;margin:0 auto}
.archive-card{background:#1A1714;padding:20px;font-family:'Bebas Neue',sans-serif;font-size:0.9rem;letter-spacing:0.06em;color:#E8D5A8;opacity:0.5;border:1px solid rgba(196,160,96,0.06);text-align:center;transition:opacity 0.4s ease,border-color 0.4s ease}
.archive-card:hover{opacity:1;border-color:rgba(196,160,96,0.3)}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 0.6s cubic-bezier(0.34,1.56,0.64,1),transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}
[data-reveal].visible{opacity:1;transform:translateY(0)}

/* Palette refs */
.ref-bg{color:#0D0B08}
.ref-surface{color:#1A1714}
.ref-hover{color:#252017}
.ref-gold{color:#C4A060}
.ref-honey{color:#D4B074}
.ref-champagne{color:#E8D5A8}
.ref-amber{color:#FFB830}
.ref-charcoal{color:#3A352C}

@media(max-width:1024px){
.auction-grid{grid-template-columns:1fr 1fr}
.g-card.featured{grid-column:span 2;grid-row:span 1}
}
@media(max-width:768px){
.gallery-grid{grid-template-columns:1fr 1fr}
.g-card.featured,.g-card.tall{grid-column:span 1;grid-row:span 1}
.auction-grid{grid-template-columns:1fr}
.archive-grid{grid-template-columns:repeat(2,1fr)}
.nav-links{gap:12px}
}