:root{--gold:#ffd84a;--gold2:#e8a900;--dark:#100e0a;--paper:#ede7db;--ink:#191711}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:#111}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:300px;height:300px;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffdb4530,transparent 65%);pointer-events:none;z-index:8;opacity:0;transition:opacity .3s}#progress{height:3px;background:var(--gold);position:fixed;top:0;left:0;z-index:100;width:0}.topbar{height:78px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,85px);border-bottom:1px solid #ffffff2b}.logo{font-weight:800;font-style:italic;font-size:36px;color:var(--gold);line-height:.75;letter-spacing:-4px;transform:rotate(-7deg);display:inline-flex;flex-direction:column;text-shadow:0 0 20px #ffc83a66}.logo span{font-size:8px;letter-spacing:1px;font-style:normal;color:white;transform:rotate(7deg);margin-top:11px}.topbar nav{display:flex;gap:26px}.topbar nav a,.nav-cta{font-size:10px;letter-spacing:1.2px;font-weight:700}.topbar nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #f7d354;padding:13px 19px;border-radius:30px;color:var(--gold)}.menu-toggle{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;display:grid;grid-template-columns:49% 51%;background:linear-gradient(90deg,#0e0b08 0%,#1a150e 55%,#6e5d46 100%);overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 43%,#f3c65d55,transparent 34%),repeating-linear-gradient(90deg,transparent 0 99px,#ffffff09 100px 101px);pointer-events:none}.hero-left{z-index:2;align-self:center;padding:95px 2vw 70px clamp(24px,7vw,130px)}.eyebrow,.section-number{font:11px 'DM Mono',monospace;letter-spacing:2px}.gold,.section-number{color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(68px,8.8vw,155px);line-height:.82;letter-spacing:-.09em;font-weight:800;margin:35px 0 28px;text-shadow:0 10px 25px #0006}.hero h1 em{color:var(--gold);font-style:italic;text-shadow:0 0 50px #ffc40060}.hero h1 i{font-style:normal;color:#e8e4dc}.hero-tag{font:clamp(18px,2vw,29px) 'DM Mono',monospace;letter-spacing:2px}.hero-copy{font-size:15px;line-height:1.8;color:#d6cfc3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{border-radius:40px;padding:17px 23px;font-size:11px;letter-spacing:.7px;font-weight:800;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-4px)}.gold-button{background:var(--gold);color:#211600;box-shadow:0 0 32px #ffce4d44}.gold-button:hover{box-shadow:0 0 45px #ffce4d88}.ghost-button{border:1px solid #bdb6a2}.fineprint{font:9px 'DM Mono',monospace;color:#928b7e;margin-top:32px;line-height:1.8}.hero-art{z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:90px 6vw 60px 0;perspective:1000px}.frame{position:relative;width:min(90%,630px);aspect-ratio:1;background:#eae6df;padding:16px;border:12px ridge #b89a50;box-shadow:0 0 0 6px #2e2313,0 25px 100px #0009,0 0 90px #f8ca4055;transform:rotate(-2deg);transition:transform .6s,box-shadow .6s;animation:frameFloat 6s ease-in-out infinite}.frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.2);transition:filter .4s}.frame:hover{transform:rotate(0) scale(1.035);box-shadow:0 0 0 6px #2e2313,0 30px 100px #0009,0 0 125px #ffd33899}.frame:hover img{filter:saturate(1.5) brightness(1.12)}.spotlight{position:absolute;inset:-20%;background:radial-gradient(circle,#ffd34122,transparent 60%);z-index:2;pointer-events:none;animation:glowPulse 3.5s ease-in-out infinite}.frame-label{position:absolute;bottom:25px;right:25px;padding:10px 14px;background:#e9dfcae8;color:#1b1811;display:flex;flex-direction:column;font-size:10px;z-index:3;border:1px solid #ad996c}.frame-label small{font-size:8px;margin-top:4px}.spark{position:absolute;color:#fff0a0;font-size:26px;text-shadow:0 0 20px #ffd900;z-index:4;animation:twinkle 2s infinite alternate}.s1{top:17%;left:19%}.s2{top:42%;right:12%;animation-delay:.8s}.s3{bottom:22%;left:15%;animation-delay:1.4s}.art-instruction,.scroll-cue{font:10px 'DM Mono',monospace;letter-spacing:1.6px;color:#c7bca4;margin-top:30px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap}.scroll-cue span{display:inline-block;animation:bob 1.4s infinite}.paper{background:var(--paper);color:var(--ink);position:relative}.masterpiece,.gallery,.why,.join{padding:105px clamp(22px,6vw,105px)}.paper .section-number{color:#a27b08}.masterpiece-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.story h2,.gallery h2,.why h2,.join h2{font-family:'Playfair Display',serif;font-size:clamp(38px,5.2vw,80px);font-weight:500;line-height:1.12;letter-spacing:-2px}.story h2 em,.why h2 em{font-style:normal;color:#a48318}.story p{max-width:540px;line-height:1.9;color:#5b564e;font-size:15px}.museum-stamp{display:inline-flex;align-items:center;gap:22px;border:2px solid #8c7639;padding:15px 20px;font:12px 'DM Mono',monospace;transform:rotate(-5deg);margin-top:30px}.museum-stamp span{font-size:35px}.hand-scene{position:relative;min-height:450px;overflow:hidden;background:radial-gradient(circle at 44% 68%,#fff6ca,#dfd6c4 62%,#c7bba8);border:1px solid #c4b69f}.hand-label,.hand-caption{position:absolute;font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:#726b5c;z-index:4}.hand-label{top:20px;left:20px}.hand-caption{bottom:18px;right:18px}.statue-hand{position:absolute;width:95%;right:-10%;top:-8%;z-index:3;filter:drop-shadow(0 10px 10px #0003)}.hand-motion{transform-origin:90% 15%;animation:handReach 5s ease-in-out infinite}.mini-art{position:absolute;width:46%;left:12%;bottom:12%;filter:drop-shadow(0 0 15px #fdd33455);animation:miniFloat 4s ease-in-out infinite}.mini-art img{display:block;width:100%;border-radius:50%;mix-blend-mode:multiply}.touch-spark{position:absolute;z-index:5;left:51%;top:41%;color:#eab71c;font-size:42px;text-shadow:0 0 18px #f8cb34;animation:twinkle .9s infinite alternate}.dark-section{background:#0e0d0a}.gallery-head,.why-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.gallery-head p,.why-heading p{line-height:1.9;color:#a8a49a;max-width:380px}.gallery h2 em{font-style:normal;color:var(--gold)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:55px}.art-card{min-width:0;perspective:700px}.art-stage{position:relative;aspect-ratio:3/4;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .35s,box-shadow .35s;border:1px solid #ffffff38}.art-card:hover .art-stage{transform:rotate(-2deg) translateY(-10px) scale(1.02);box-shadow:0 20px 55px #e4ba1c33}.art-stage img{width:88%;height:75%;object-fit:cover;position:relative;z-index:2;border-radius:8px;box-shadow:0 0 40px #ffcc4380;transform:rotate(-8deg);transition:transform .4s}.art-card:hover img{transform:rotate(0) scale(1.08)}.royal{background:radial-gradient(circle,#bc1b2d,#35030d 75%)}.space{background:radial-gradient(circle at 20% 90%,#2d5280,#050c1b 65%)}.forever{background:radial-gradient(circle,#6b4c16,#120f08 75%)}.divine{background:radial-gradient(circle,#fff3bc,#9b8057 75%)}.crown,.planet,.halo{position:absolute;z-index:3;font-size:72px;color:#ffe37e;top:1%;text-shadow:0 0 25px #fbcf32}.planet{right:10%;font-size:65px;color:#eee}.halo{color:#fff3d2;font-size:85px}.forever-lines{position:absolute;inset:8%;border:6px double #e6ba54;box-shadow:inset 0 0 40px #e9bc38,0 0 35px #c6a034}.art-meta{display:flex;justify-content:space-between;gap:5px;padding:18px 0;font:11px 'DM Mono',monospace}.art-meta small{color:var(--gold)}.gallery-note{margin:35px 0 0;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:2px;color:#8e8674}.why-heading p{color:#5d574b}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.pillar{border-left:1px solid #bfb6a5;padding:10px 30px}.pillar-icon{font-size:45px;color:#a6810e}.pillar h3{font:700 15px 'Playfair Display',serif;margin:10px 0}.pillar p{color:#645f56;line-height:1.7}.manifesto{margin-top:75px;text-align:center;font:clamp(18px,3vw,43px) 'DM Mono',monospace;letter-spacing:-1px}.manifesto span{color:#b08a14;text-decoration:line-through}.join{text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#3b2b12,#0e0d0a 70%)}.join .section-number{position:relative}.join h2{margin:25px 0}.join h2 em{font-style:normal;color:var(--gold)}.join>p{color:#d0c7b8}.social-links{display:flex;justify-content:center;gap:clamp(15px,5vw,75px);margin:55px auto;flex-wrap:wrap}.social-link{min-width:140px;display:flex;flex-direction:column;align-items:center;gap:13px;transition:transform .25s}.social-link:not(.disabled):hover{transform:translateY(-8px)}.social-icon{width:85px;height:85px;display:grid;place-items:center;border:1px solid #cfb25d;border-radius:50%;font-size:38px;color:var(--gold);transition:background .25s}.social-link:not(.disabled):hover .social-icon{background:#ffc72c;color:#16110a}.social-link strong{font-size:12px;letter-spacing:1px}.social-link small{color:#a6a092}.social-link.disabled{opacity:.55;cursor:not-allowed}.contract{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #5d5134;padding:18px;max-width:660px;margin:0 auto;flex-wrap:wrap}.contract span,.contract code,.contract button{font:11px 'DM Mono',monospace}.contract span{color:#c6a94f}.contract code{overflow-wrap:anywhere}.contract button{background:var(--gold);border:0;padding:9px 14px;cursor:pointer}.contract button:disabled{opacity:.4;cursor:default}.join .disclaimer{font-size:11px;color:#827d70;max-width:650px;margin:35px auto 0;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 6vw;background:#090806;font:10px 'DM Mono',monospace;color:#a69e8d}footer>a:last-child:hover{color:var(--gold)}@keyframes glowPulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes frameFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes twinkle{from{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1.25)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes handReach{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-22px,23px) rotate(-4deg)}}@keyframes miniFloat{50%{transform:translateY(-10px)}}@media(max-width:1000px){.topbar nav{gap:12px}.topbar nav a{font-size:9px}.nav-cta{display:none}.hero{min-height:760px}.hero h1{font-size:clamp(65px,9vw,115px)}.gallery-grid{gap:12px}.art-meta{font-size:9px}}@media(max-width:700px){.topbar{height:68px}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#14100bf2;flex-direction:column;padding:22px;gap:22px}.topbar nav.open{display:flex}.menu-toggle{display:block;background:none;color:var(--gold);border:1px solid #887235;border-radius:5px;padding:7px 12px;font-size:20px}.hero{height:auto;min-height:100svh;max-height:none;grid-template-columns:1fr;padding-bottom:60px}.hero-left{padding:115px 25px 15px}.hero h1{font-size:clamp(65px,14vw,105px);margin:22px 0}.hero-art{padding:25px 20px 45px}.frame{width:min(75vw,390px)}.art-instruction{font-size:9px;margin-top:23px}.scroll-cue{bottom:17px;font-size:8px}.masterpiece,.gallery,.why,.join{padding:70px 22px}.masterpiece-layout{grid-template-columns:1fr}.hand-scene{min-height:320px}.gallery-head,.why-heading{display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.art-meta{font-size:9px}.pillars{grid-template-columns:1fr;gap:10px;margin-top:30px}.pillar{padding:12px 20px}.story h2,.gallery h2,.why h2,.join h2{font-size:clamp(35px,8vw,58px)}.social-icon{width:70px;height:70px}.social-links{gap:16px}.social-link{min-width:90px}.social-link strong{font-size:10px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer .logo{margin:10px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}