@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,800;1,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Playfair Display", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg:#0c0806;--color-bg-alt:#160f0c;--color-surface:#1a120ecc;--color-surface-border:#eaa81247;--color-accent-gold:#eaa812;--color-accent-gold-bright:#f5c242;--color-accent-amber:#e58a2b;--color-accent-warm:#c85a17;--color-accent-glow:#eaa81259;--color-text-primary:#faf6f0;--color-text-secondary:#cbbfb4;--color-text-muted:#8e7f74;--shadow-glow:0 0 35px #eaa81240;--shadow-card:0 20px 40px #000000a6;--backdrop-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#eaa81259;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold)}.font-heading{font-family:var(--font-heading)}.text-gold-gradient{background:linear-gradient(135deg,#fff4ce 0%,#eaa812 50%,#d48c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-subtle-glow{text-shadow:0 0 20px #eaa81259}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-card);border-radius:16px}.glass-pill{-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);background:#1e140fd9;border:1px solid #eaa81247;border-radius:9999px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-pill:hover,.glass-pill.active{border-color:var(--color-accent-gold);background:linear-gradient(135deg,#eaa8124d 0%,#e58a2b33 100%);transform:translateY(-2px);box-shadow:0 0 24px #eaa81259}@keyframes steamFloat{0%{opacity:.8;transform:translateY(0)scaleX(1)scaleY(1)}50%{opacity:.4;transform:translateY(-25px)scaleX(1.4)scaleY(1.2)}to{opacity:0;transform:translateY(-50px)scaleX(1.8)scaleY(1.4)}}@keyframes pinPulse{0%{transform:scale(1);box-shadow:0 0 #e58a2bb3}70%{transform:scale(1.08);box-shadow:0 0 0 16px #e58a2b00}to{transform:scale(1);box-shadow:0 0 #e58a2b00}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-pulse-pin{animation:2.5s ease-in-out infinite pinPulse}.steam-particle{pointer-events:none;background:radial-gradient(circle,#fffc 0%,#fff0 70%);border-radius:50%;width:14px;height:14px;animation:3.5s ease-out infinite steamFloat;position:absolute}img,video{max-width:100%;height:auto}@media (width<=1024px){.section-padding{padding:70px 20px!important}.card-padding{padding:24px 20px!important}}@media (width<=640px){.section-padding{padding:50px 16px!important}.card-padding{padding:20px 16px!important}}:root{--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-gold:#eaa812;--color-amber:#e58a2b;--color-dark:#0c0806;--color-text-light:#faf6f0;--color-text-sub:#cbbfb4}.sequence-hero-wrapper{background:var(--color-dark);width:100vw;height:100vh;position:relative}.sequence-hero-sticky{background:#0c0806;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.sequence-canvas,.sequence-video-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sequence-vignette{pointer-events:none;z-index:5;background:radial-gradient(circle,#0c080600 45%,#0c0806bf 100%),linear-gradient(#0000 85%,#0c0806 100%),linear-gradient(#0c0806 0%,#0000 15%);position:absolute;inset:0}.sequence-bottom-gradient{pointer-events:none;z-index:5;background:linear-gradient(#0c080600 0%,#0c0806 100%);height:100px;position:absolute;bottom:0;left:0;right:0}.sequence-hud-panel{z-index:30;-webkit-backdrop-filter:blur(24px);pointer-events:auto;background:#120c07d1;border:1px solid #d4af374d;border-radius:24px;width:calc(100vw - 80px);max-width:480px;padding:28px;position:absolute;bottom:40px;left:40px;box-shadow:0 24px 60px #000c,inset 0 1px 1px #ffffff1f}.sequence-badge{color:var(--color-gold);letter-spacing:1.5px;text-transform:uppercase;background:#d4af3726;border:1px solid #d4af3759;border-radius:9999px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.sequence-title{font-family:var(--font-serif);color:var(--color-text-light);margin-bottom:10px;font-size:clamp(24px,2.8vw,38px);font-weight:700;line-height:1.25}.sequence-desc{color:var(--color-text-sub);margin-bottom:22px;font-size:14px;line-height:1.6}.sequence-actions{align-items:center;gap:14px;display:flex}.btn-sequence-order{color:#0c0806;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#e58a2b 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #d4af3759}.btn-sequence-order:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e58a2b80}.sequence-progress-bar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#120c07bf;border:1px solid #d4af3740;border-radius:9999px;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.sequence-progress-track{background:#ffffff26;border-radius:2px;width:4px;height:140px;position:relative;overflow:hidden}.sequence-progress-fill{background:linear-gradient(#d4af37,#e58a2b);border-radius:2px;width:100%;transition:height .1s linear}.sequence-step-text{color:var(--color-gold);letter-spacing:1px;font-size:11px;font-weight:800}.sequence-hotspot-pin{z-index:25;cursor:pointer;transition:transform .3s,opacity .3s;position:absolute;transform:translate(-50%,-50%)}.sequence-hotspot-btn{color:#d4af37;background:#120c07e6;border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 20px #000000b3}.sequence-hotspot-btn.active{color:#160f0c;background:linear-gradient(135deg,#d4af37 0%,#e58a2b 100%);border-color:#fff;transform:scale(1.15)}.sequence-hotspot-label{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#faf6f0;background:#0c0806eb;border:1px solid #d4af3759;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.sequence-loader{z-index:60;background:#0c0806;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s;display:flex;position:absolute;inset:0}.loader-spinner{border:3px solid #d4af3733;border-top-color:var(--color-gold);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loader-spinner-outer{border:2.5px solid #d4af37;border-color:#d4af37 #e58a2b #d4af3733 #d4af3733;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.sequence-hud-panel{width:calc(100vw - 40px);padding:20px;bottom:24px;left:20px;right:20px}.sequence-title{font-size:22px}.sequence-progress-bar{right:16px}}