body.lock{overflow:hidden}
#cinema{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden;transition:opacity 1.2s,visibility 1.2s}
#cinema.done{opacity:0;visibility:hidden}.cinema-bg{position:absolute;inset:-4%;background:url("../assets/puma.png") center 24%/cover no-repeat;filter:brightness(.14);transform:scale(1.12);animation:cameraPush 8.5s forwards}
.cinema-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 49% 31%,rgba(245,191,63,.25),transparent 2.3%),radial-gradient(circle at 56% 31%,rgba(245,191,63,.25),transparent 2.3%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.92))}
@keyframes cameraPush{to{transform:scale(1.02) translateY(-1.5%)}}#smoke,#sparks{position:absolute;inset:0;width:100%;height:100%}
.cinema-copy{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:3;padding:24px}.seq{position:absolute;opacity:0;transform:translateY(15px);text-transform:uppercase;letter-spacing:.2em}
.seq.one{animation:s1 8.5s forwards}.seq.two{animation:s2 8.5s forwards;font:700 clamp(3.8rem,11vw,9rem)/.85 Georgia;color:var(--gold2);text-transform:none;letter-spacing:-.04em}.seq.three{animation:s3 8.5s forwards}.seq.four{animation:s4 8.5s forwards;font:700 clamp(2.2rem,7vw,5rem) Georgia}
@keyframes s1{12%,22%{opacity:1;transform:none}29%,100%{opacity:0}}@keyframes s2{36%,54%{opacity:1;transform:none}62%,100%{opacity:0}}@keyframes s3{66%,77%{opacity:1;transform:none}83%,100%{opacity:0}}@keyframes s4{87%,100%{opacity:1;transform:none}}
.intro-btn{position:absolute;bottom:20px;z-index:5;border:1px solid var(--line);background:rgba(0,0,0,.38);color:#ddd;border-radius:999px;padding:9px 13px;cursor:pointer}.skip{right:22px}.sound{left:22px}
.hero{min-height:100vh;position:relative;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("../assets/hero.png") 68% center/cover no-repeat;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.76) 42%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.82)),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.84));z-index:-2}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;padding:110px 0 72px}.hero h1{font:700 clamp(4.2rem,10vw,9rem)/.82 Georgia;letter-spacing:-.06em;margin:.14em 0 .2em}.hero h1 small{display:block;font-size:.17em;letter-spacing:.3em;text-transform:uppercase;color:#ddd2bf;margin-bottom:18px}.hero p{color:#cec7ba;max-width:640px}
.hero-art img{border-radius:30px;border:1px solid var(--line);box-shadow:0 55px 150px rgba(0,0,0,.7);transition:.18s}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.story .copy{padding:44px}.story h3{font:700 2.2rem Georgia;margin:.15em 0}.story p{color:var(--muted)}
.vault-wrap{min-height:610px;display:grid;place-items:center;perspective:1400px}.vault{width:min(850px,94vw);aspect-ratio:16/10;position:relative;transform-style:preserve-3d}.vault-base{position:absolute;inset:18% 4% 4%;border:1px solid var(--gold);border-radius:30px;background:linear-gradient(145deg,#070707,#1b1207)}.vault-lid{position:absolute;inset:3% 7% 48%;border:1px solid var(--gold);border-radius:26px;background:linear-gradient(145deg,#080808,#201407);transform-origin:bottom;transform:rotateX(-68deg);transition:1.1s}.vault.closed .vault-lid{transform:rotateX(0)}.vault-title{position:absolute;inset:0;display:grid;place-items:center;font:700 3.3rem Georgia;color:var(--gold2)}
.vault-products{position:absolute;inset:25% 9% 9%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.vault-products img{border-radius:15px;border:1px solid var(--line);animation:float 4s ease-in-out infinite alternate}@keyframes float{to{transform:translateY(-12px)}}
.coin-zone,.card-zone{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.coin{width:min(380px,76vw);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--gold);animation:spin 10s linear infinite;box-shadow:0 40px 120px #000}@keyframes spin{to{transform:rotateY(360deg)}}.metal{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 45px 130px #000;transition:.18s}
.collection,.ecosystem{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection .card img{aspect-ratio:4/3;object-fit:cover}.eco{padding:26px}
@media(max-width:940px){.hero-grid,.story,.coin-zone,.card-zone{grid-template-columns:1fr}.collection,.ecosystem{grid-template-columns:1fr 1fr}.vault-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.collection,.ecosystem{grid-template-columns:1fr}.hero h1{font-size:4rem}.vault-wrap{min-height:470px}.vault-products{inset:30% 8% 9%}}

.opportunity-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;padding:38px;background:linear-gradient(135deg,rgba(22,18,11,.95),rgba(7,9,11,.94))}.opportunity-copy h2{font:700 clamp(2.8rem,5vw,4.8rem)/.95 Georgia;margin:.18em 0 .3em}.opportunity-copy p{color:var(--muted);max-width:610px}.opportunity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.opportunity-grid article{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.28)}.opportunity-grid span{color:var(--gold2);font-weight:900;font-size:.75rem;letter-spacing:.18em}.opportunity-grid h3{font:700 1.22rem Georgia;margin:10px 0 7px}.opportunity-grid p{color:var(--muted);font-size:.86rem;margin:0}@media(max-width:940px){.opportunity-panel{grid-template-columns:1fr}}@media(max-width:620px){.opportunity-panel{padding:24px}.opportunity-grid{grid-template-columns:1fr}}