:root{color-scheme: dark;--bg: #050505;--bg-alt: #0c0c0c;--fg: #f3f1ea;--muted: rgba(243, 241, 234, 0.64);--accent: #d8c7a5;--accent-strong: #e1bb6a;--accent-deep: #7d0f1b;--line: rgba(243, 241, 234, 0.14);--radius-lg: 28px;--radius-pill: 999px;--shadow: 0 35px 100px rgba(0, 0, 0, 0.7);--ease: cubic-bezier(0.16, 1, 0.3, 1)}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body,html{background: var(--bg);color: var(--fg);font-family: "Space Grotesk", sans-serif;overflow-x: hidden}body{min-height: 100%;letter-spacing: 0.02em;cursor: none;position: relative;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;background: radial-gradient(1200px 800px at 10% -10%, rgba(216, 199, 165, 0.18), transparent 60%),radial-gradient(1000px 700px at 90% 10%, rgba(125, 15, 27, 0.2), transparent 55%),linear-gradient(180deg, #050505 0%, #0a0a0a 45%, #050505 100%)}body::before,body::after{content: "";position: fixed;inset: 0;pointer-events: none;z-index: 0}body::before{background: radial-gradient(600px 600px at 80% 20%, rgba(216, 199, 165, 0.12), transparent 55%),radial-gradient(500px 500px at 20% 80%, rgba(125, 15, 27, 0.1), transparent 60%);opacity: 0.7}body::after{background: repeating-linear-gradient(90deg,rgba(255, 255, 255, 0.025) 0,rgba(255, 255, 255, 0.025) 1px,transparent 1px,transparent 6px);opacity: 0.25}#enter,#loader,#noise,#smoke,.cursor{position: fixed}#noise,#smoke,.cursor,.lock,.visual-glow,.visual-overlay{pointer-events: none}a,button{color: inherit;font: inherit}a:focus-visible,button:focus-visible{outline: 2px solid rgba(216, 199, 165, 0.8);outline-offset: 3px}.skip-link{position: fixed;top: 1rem;left: 1rem;padding: 0.6rem 1rem;border-radius: var(--radius-pill);background: rgba(5, 5, 5, 0.9);border: 1px solid rgba(255, 255, 255, 0.2);text-transform: uppercase;letter-spacing: 0.2em;font-size: 0.65rem;color: var(--fg);z-index: 10001;transform: translateY(-200%);transition: transform 0.3s var(--ease)}.skip-link:focus-visible{transform: translateY(0)}#enter,#loader{inset: 0;display: grid;place-items: center;background: #000}#enter{z-index: 5000;border: none;background: radial-gradient(800px 500px at 50% 40%, rgba(216, 199, 165, 0.12), transparent 70%),#000;text-transform: uppercase;letter-spacing: 0.6em;gap: 0.6rem;cursor: none;transition: opacity 0.8s var(--ease), visibility 0.8s var(--ease)}#enter span{display: block}#enter .enter-title{font-weight: 600;font-size: clamp(0.9rem, 2vw, 1.15rem);animation: 1.6s infinite blink}#enter .enter-sub{font-size: 0.7rem;letter-spacing: 0.35em;color: var(--muted)}#enter.is-leaving{opacity: 0;visibility: hidden}#loader{z-index: 4000;transition: opacity 1s var(--ease)}#loader.is-leaving{opacity: 0}@keyframes blink{0%,100%{opacity: 0.2}50%{opacity: 1}}#loader h1{font-family: "Bebas Neue", "Space Grotesk", sans-serif;font-size: clamp(3rem, 9vw, 6rem);letter-spacing: 0.45em;animation: 1.4s infinite pulse;text-shadow: 0 0 35px rgba(216, 199, 165, 0.3)}@keyframes pulse{0%,100%{opacity: 0.25}50%{opacity: 1}}.cursor{width: 14px;height: 14px;border: 1px solid var(--fg);border-radius: 50%;transform: translate(-50%, -50%);z-index: 10000;transition: width 0.25s, height 0.25s, background 0.25s;mix-blend-mode: difference}.cursor.active{width: 42px;height: 42px;background: rgba(255, 255, 255, 0.08)}#noise{inset: 0;background: url("https://grainy-gradients.vercel.app/noise.svg");opacity: 0.12;z-index: 20;mix-blend-mode: soft-light}#smoke{inset: 0;opacity: 0.35;z-index: 5}main{position: relative;z-index: 30;display: flex;flex-direction: column;align-items: center}.section{min-height: 100vh;padding: 6vw;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;gap: 1.6rem;opacity: 0;transform: translateY(80px);transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);position: relative;z-index: 30;width: min(100%, 1200px);margin-inline: auto}.section.visible{opacity: 1;transform: translateY(0)}.hero{position: relative;overflow: hidden}.hero::before,.hero::after{content: "";position: absolute;inset: -20%;pointer-events: none;z-index: -1}.hero::before{animation: heroGlow 10s ease-in-out infinite}.hero::after{opacity: 0.25;transform: translateX(-40%);animation: heroSweep 7.5s var(--ease) infinite}@keyframes heroGlow{0%,100%{transform: scale(1) translateY(0)}50%{transform: scale(1.08) translateY(-2%)}}@keyframes heroSweep{0%{transform: translateX(-60%) skewX(-8deg);opacity: 0}35%{opacity: 0.35}70%{opacity: 0.2}100%{transform: translateX(60%) skewX(-8deg);opacity: 0}}.eyebrow{text-transform: uppercase;letter-spacing: 0.55em;font-size: 0.7rem;color: var(--muted)}.logo{font-family: "Bebas Neue", "Space Grotesk", sans-serif;font-size: clamp(4rem, 12vw, 9.5rem);letter-spacing: 0.3em;line-height: 0.9;animation: 6s ease-in-out infinite breathe}@keyframes breathe{0%,100%{letter-spacing: 0.28em;opacity: 0.82}50%{letter-spacing: 0.34em;opacity: 1}}.motto{margin-top: 1.2rem;opacity: 0.7;text-transform: uppercase;line-height: 1.6;max-width: 36ch;text-wrap: balance}.hero-note{text-transform: uppercase;letter-spacing: 0.28em;font-size: 0.7rem;color: var(--muted)}.hero .eyebrow,.hero .logo,.hero .motto,.hero .hero-actions,.hero .hero-note{opacity: 0;transform: translateY(24px)}body.entered .hero.visible .eyebrow{animation: heroIn 1s var(--ease) 0.1s forwards}body.entered .hero.visible .logo{animation: heroIn 1.2s var(--ease) 0.2s forwards,logoPulse 6s ease-in-out 1.2s infinite,breathe 6s ease-in-out 1.2s infinite}body.entered .hero.visible .motto{animation: heroIn 1.1s var(--ease) 0.4s forwards}body.entered .hero.visible .hero-actions{animation: heroIn 1.1s var(--ease) 0.6s forwards}body.entered .hero.visible .hero-note{animation: heroIn 1s var(--ease) 0.75s forwards}@keyframes heroIn{0%{opacity: 0;transform: translateY(32px)}60%{opacity: 1}100%{opacity: 1;transform: translateY(0)}}@keyframes logoPulse{0%,100%{text-shadow: 0 0 40px rgba(216, 199, 165, 0.25)}50%{text-shadow: 0 0 65px rgba(216, 199, 165, 0.45)}}.hero-actions{margin-top: 1.4rem;display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center}.btn{text-decoration: none;text-transform: uppercase;letter-spacing: 0.32em;font-size: 0.75rem;padding: 0.95rem 1.8rem;border-radius: var(--radius-pill);border: 1px solid var(--line);position: relative;overflow: hidden;transition: color 0.4s var(--ease), border-color 0.4s var(--ease),background 0.4s var(--ease), box-shadow 0.4s var(--ease)}.btn::after{content: "";position: absolute;inset: 0;background: linear-gradient(120deg, transparent, rgba(216, 199, 165, 0.35), transparent);opacity: 0;transition: opacity 0.6s var(--ease)}.btn:hover::after{opacity: 1}.btn.primary{background: var(--fg);color: #070707;border-color: transparent;box-shadow: 0 20px 40px rgba(216, 199, 165, 0.25)}.btn.primary:hover{box-shadow: 0 30px 60px rgba(216, 199, 165, 0.35)}.btn.ghost{background: transparent}.section-title{text-transform: uppercase;letter-spacing: 0.45em;font-size: 0.75rem;color: var(--muted)}.section-sub{max-width: 44ch;color: var(--muted);text-transform: uppercase;letter-spacing: 0.2em;font-size: 0.8rem;line-height: 1.6;text-wrap: balance}.manifest .reveal{font-family: "Bebas Neue", "Space Grotesk", sans-serif;font-size: clamp(1.6rem, 5vw, 3rem);letter-spacing: 0.32em}.visual{gap: 2.8rem}.visual-grid{width: 100%;display: grid;grid-template-columns: repeat(3, minmax(220px, 1fr));gap: 3vw;perspective: 1600px;align-items: stretch}.visual-box{width: 100%;height: clamp(320px, 60vh, 680px);position: relative;background: linear-gradient(160deg, #0e0e0e 0%, #050505 60%);overflow: hidden;border-radius: var(--radius-lg);transform-style: preserve-3d;border: 1px solid rgba(255, 255, 255, 0.08);transition: transform 0.9s var(--ease), box-shadow 0.9s var(--ease)}.visual-box.unlocked{border-color: rgba(216, 199, 165, 0.25)}.visual-box::after{content: "";position: absolute;inset: 0;background: linear-gradient(130deg, rgba(216, 199, 165, 0.12), transparent 45%);opacity: 0.5}.lock,.lock-body,.lock-shackle,.visual-glow,.visual-img,.visual-overlay{position: absolute}.visual-box.active{transform: translateY(-16px) rotateX(6deg);box-shadow: 0 50px 140px rgba(0, 0, 0, 0.75),inset 0 0 0 1px rgba(255, 255, 255, 0.06)}.visual-img{border-radius: var(--radius-lg);inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;filter: grayscale(1) contrast(1.15);transform: scale(1.2) translateZ(-40px);opacity: 0;transition: opacity 0.6s, transform 1.5s var(--ease), filter 0.8s;will-change: filter, transform;backface-visibility: hidden}.visual-placeholder{background: radial-gradient(100% 80% at 50% 30%, rgba(216, 199, 165, 0.2), transparent 70%),linear-gradient(160deg, rgba(18, 18, 18, 0.95), rgba(5, 5, 5, 0.95));opacity: 1;transform: none;filter: none}.visual-box.unlocked .visual-img{opacity: 0.55;filter: grayscale(0.3) contrast(1.1) saturate(1.05);transform: scale(1.05)}.visual-box.active .visual-img{opacity: 1;transform: scale(0.99) translateZ(0)}.visual-box.unlocked.active .visual-img{filter: grayscale(0) contrast(1.2) saturate(1.2)}.visual-overlay{border-radius: var(--radius-lg);inset: 0;background: linear-gradient(to top, #000 8%, transparent 65%);opacity: 0.95;transition: opacity 0.5s}.visual-box.unlocked .visual-overlay{opacity: 0.6}@keyframes glitch{0%{clip-path: inset(30% 0 60% 0)}40%{clip-path: inset(10% 0 75% 0)}80%{clip-path: inset(55% 0 20% 0)}100%{clip-path: inset(0)}}.visual-box.active .visual-overlay{opacity: 0.65;animation: 0.45s steps(2) glitch;mix-blend-mode: difference}.visual-glow{inset: -30%;background: radial-gradient(circle, rgba(216, 199, 165, 0.12), transparent 60%);opacity: 0;transform: scale(0.7);transition: opacity 0.8s, transform 1.2s}.visual-box.active .visual-glow{opacity: 1;transform: scale(1)}@keyframes lockPulse{0%,100%{transform: translate(-50%, -50%) scale(1);opacity: 0.8}50%{transform: translate(-50%, -50%) scale(1.1);opacity: 1}}.lock{top: 50%;left: 50%;width: 48px;height: 64px;transform: translate(-50%, -50%);animation: 1.5s ease-in-out infinite lockPulse;mix-blend-mode: difference;z-index: 5}.lock-body{bottom: 0;width: 100%;height: 42px;background: #515151;border-radius: 6px}.lock-shackle{top: -18px;left: 50%;width: 30px;height: 28px;border: 4px solid #515151;border-bottom: none;border-radius: 16px 16px 0 0;transform: translateX(-50%);transform-origin: left bottom;transition: transform 0.35s var(--ease), opacity 0.25s}.visual-box.active .lock{animation: none}.visual-box.active .lock-shackle{transform: translateX(-50%) rotate(-45deg);opacity: 0}.visual-box.active .lock-body{opacity: 0;transition: opacity 0.3s}.visual-box.unlocked .lock{display: none}.visual-label{position: absolute;left: 50%;bottom: 1.2rem;transform: translateX(-50%);display: flex;flex-direction: column;gap: 0.4rem;align-items: center;text-transform: uppercase;letter-spacing: 0.28em;font-size: 0.7rem;z-index: 6}.visual-label span{display: inline-flex;padding: 0.4rem 0.9rem;border-radius: var(--radius-pill);border: 1px solid rgba(255, 255, 255, 0.18);background: rgba(0, 0, 0, 0.45);backdrop-filter: blur(8px)}.visual-label .label-status{color: var(--accent)}.visual-label .label-name{color: var(--fg)}.visual-label.locked span{color: var(--muted);border-color: rgba(255, 255, 255, 0.08);background: rgba(0, 0, 0, 0.6)}.social{gap: 2rem}.social-grid{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;max-width: 940px;margin-inline: auto}.social a{font-size: 0.9rem;text-decoration: none;text-transform: uppercase;letter-spacing: 0.3em;padding: 0.95rem 1.6rem;border-radius: var(--radius-pill);border: 1px solid var(--line);position: relative;overflow: hidden;isolation: isolate;transition: color 0.4s var(--ease), border-color 0.4s var(--ease),box-shadow 0.4s var(--ease)}.social a::after{content: "";position: absolute;inset: 0;background: linear-gradient(130deg, rgba(216, 199, 165, 0.9), rgba(225, 187, 106, 0.9));opacity: 0;z-index: -1;transition: opacity 0.4s var(--ease)}.social a:hover{color: #070707;border-color: transparent;box-shadow: 0 20px 40px rgba(216, 199, 165, 0.25)}.social a:hover::after{opacity: 1}.social a.primary{background: var(--accent);color: #070707;border-color: transparent;box-shadow: 0 24px 50px rgba(216, 199, 165, 0.35)}.social a.primary::after{opacity: 0}.policy{gap: 2.4rem}.policy-grid{display: grid;grid-template-columns: repeat(2, minmax(240px, 1fr));gap: 1.6rem;width: 100%;max-width: 980px}.policy-card{border-radius: 22px;padding: 1.8rem;background: linear-gradient(160deg, rgba(12, 12, 12, 0.92), rgba(4, 4, 4, 0.92));border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55);text-align: center}.policy-card h3{font-family: "Bebas Neue", "Space Grotesk", sans-serif;letter-spacing: 0.25em;font-size: 1.4rem;margin-bottom: 0.6rem}.policy-card p{color: var(--muted);line-height: 1.7;margin-top: 0.8rem;font-size: 0.95rem}.policy-card a{color: var(--fg);text-decoration: none;border-bottom: 1px solid rgba(216, 199, 165, 0.45)}.footer{min-height: auto;width: 100%;max-width: none;padding: 4rem 6vw 5rem;gap: 0;opacity: 1;transform: none;font-size: 0.85rem;color: var(--muted);border-top: 1px solid var(--line);background: linear-gradient(180deg, rgba(5, 5, 5, 0.92), rgba(5, 5, 5, 0.6))}.footer-inner{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.5rem}.footer p{letter-spacing: 0.32em;text-transform: uppercase}@media (hover: none){body{cursor: auto}.lock{animation-duration: 1.3s}.cursor,.visual-glow{display: none}}@media (max-width: 1024px){.section{width: min(100%, 980px)}.visual-grid{grid-template-columns: repeat(2, minmax(220px, 1fr))}.policy-grid{grid-template-columns: 1fr}}@media (max-width: 768px){body{font-size: 14px}#enter .enter-title{letter-spacing: 0.35em;font-size: 0.9rem}#loader h1{font-size: 2.4rem;letter-spacing: 0.28em}.section{padding: 12vw 6vw;min-height: 100svh;transform: translateY(40px)}.logo{font-size: clamp(3rem, 14vw, 5.2rem);letter-spacing: 0.18em}.motto{margin-top: 1rem;font-size: 0.85rem}.hero-actions{gap: 0.8rem}.btn{font-size: 0.68rem;letter-spacing: 0.28em}.section-sub{font-size: 0.7rem;letter-spacing: 0.16em}.hero-note{font-size: 0.65rem;letter-spacing: 0.22em}.visual-grid{grid-template-columns: 1fr;gap: 5vh}.visual-box{height: 55vh;transform: none !important;box-shadow: none}.visual-box.active{transform: none;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6)}.visual-img{transform: scale(1.15)}.visual-box.active .visual-img{transform: scale(1)}.visual-overlay{opacity: 0.85}.visual-box.active .visual-overlay{opacity: 0.6;animation: none;mix-blend-mode: normal}.lock{width: 42px;height: 56px}.lock-body{height: 38px}.lock-shackle{width: 26px;height: 24px}.social a{font-size: 0.75rem;letter-spacing: 0.24em;margin: 0.2rem}.visual-label{font-size: 0.6rem;letter-spacing: 0.2em}.visual-label span{padding: 0.35rem 0.7rem}.policy-card{padding: 1.4rem}.policy-card h3{font-size: 1.2rem}}@media (prefers-reduced-motion: reduce){*{animation: none !important;transition-duration: 0.01ms !important}.section{opacity: 1;transform: none}#smoke,.cursor,.visual-glow{display: none !important}.hero .eyebrow,.hero .logo,.hero .motto,.hero .hero-actions,.hero .hero-note{opacity: 1;transform: none}}