*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#scratchCanvas,.scratchCard,.eventCard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth;background:#000;overflow-x:hidden}body{background:0 0;max-width:430px;margin:0 auto}#loader{z-index:99999;background:#000;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loaderInner{flex-direction:column;align-items:center;gap:12px;display:flex}.loaderIcon{font-size:2rem}.loaderText{color:#fff;letter-spacing:.15em;text-transform:uppercase;opacity:.9;font-size:1rem}#loader.hidden{opacity:0;pointer-events:none}#frameCanvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#frame-section{height:2500vh;position:relative}.sticky{width:100%;height:var(--app-height,100vh);will-change:transform;background:0 0;position:sticky;top:0;overflow:hidden}#parallax{z-index:10;opacity:0;will-change:opacity;position:absolute;inset:0;overflow:hidden}#revealLayer{z-index:15;will-change:transform;pointer-events:none;background:#000;position:absolute;inset:0;transform:translateY(100%)}.staticBg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#parallaxTitle{opacity:0;pointer-events:none;width:min(115vw,900px);transition:opacity .5s linear,transform .5s linear;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}#parallaxCanvas{width:100%;height:100%;position:absolute;inset:0}.bg{z-index:1;opacity:1}.mid{z-index:2;opacity:0}.front{z-index:3;opacity:0}.scratchFront{background:green}.scratchBack{transform:rotateY(180deg)}#frameLayer{z-index:11;will-change:clip-path;background:#000;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}#frameCanvas{z-index:10;will-change:clip-path, filter;width:100%;height:100%;transition:filter 80ms linear;position:absolute;inset:0}#frameCanvas,#waveCanvas{backface-visibility:hidden;transform:translateZ(0)}#heroTitle{z-index:15;text-align:center;opacity:0;color:#ffe5a0;text-transform:uppercase;width:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.titleTop{letter-spacing:.12em;text-shadow:0 0 12px #ffd27a99;margin-bottom:.2em;font-size:clamp(.9rem,5vw,1.6rem)}.titleMain{color:#ffd27a;text-shadow:0 0 10px #ffd27acc,0 0 25px #ffd27ab3,0 0 60px #ffd27a80;margin-bottom:.15em;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,12vw,10rem);font-weight:700;line-height:.95}.titleBottom{letter-spacing:.18em;text-shadow:0 0 10px #ffd27a99;font-size:clamp(.8rem,3vw,1.4rem)}#heroTitle:before{content:"";filter:blur(60px);z-index:-1;background:radial-gradient(circle,#ffd27a59,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#waveCanvas{z-index:20;pointer-events:none;display:none;position:absolute;inset:0}canvas{backface-visibility:hidden;transform:translateZ(0)}.content{color:#fff;background:#111;justify-content:center;align-items:center;min-height:150vh;font-size:4rem;display:flex}.bg,.mid,.front{will-change:transform, opacity;transform-origin:50%;transition:opacity .2s linear;transform:translate(0,0)}.mid,.front{opacity:0}#story-section{color:#fff;background:#050505;min-height:200vh;position:relative}.story-inner{will-change:transform;max-width:1200px;margin:0 auto;padding:15vh 2rem}#parallaxContent{z-index:10;text-align:center;color:#fff;opacity:0;pointer-events:none;width:min(90%,700px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sceneTitle{margin-bottom:1rem;font-size:clamp(2.5rem,8vw,6rem)}.sceneText{opacity:.8;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.sceneBtn{cursor:pointer;border:none;padding:1rem 2rem;font-size:1rem}#debug{z-index:9999;color:#fff;font-size:14px;position:fixed;top:20px;left:20px}#cloudLayer{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{opacity:0;width:120vw;position:absolute;bottom:-120vh;left:50%;transform:translate(-50%)}.cloud.far{z-index:1}.cloud.mid{z-index:2}.cloud.near{z-index:3}.cloud.mist{z-index:4}#portraitLayer{pointer-events:none;z-index:20;opacity:0;perspective:2000px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.portraitFront{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cardTitle{opacity:0;pointer-events:none;z-index:5;will-change:opacity, transform;width:100%;height:auto;position:absolute;top:9%;left:54%;transform:translate(-50%)}#portraitBg{object-fit:cover;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0;transform:scale(1.08)}#goldOverlay{-webkit-backdrop-filter:blur(10px);opacity:0;z-index:1;background:radial-gradient(circle,#ffdc8c59 0%,#ffb9502e 35%,#0000008c 100%);transition:opacity .6s;position:absolute;inset:0}#glowBg{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffdc968c 0%,#ffbe6459 35%,#000000d9 100%);transition:opacity .3s;position:absolute;inset:0}#storyReveal{opacity:0;z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}#storyImage{top:0;object-fit:cover;object-position:bottom;z-index:1;width:100%;height:100%;position:absolute;inset:0}#storyContinuation{background:#000;width:100%;margin-top:0;position:relative;overflow:hidden}#storyVideo{width:100%;height:auto;display:block}#endingVideoWrap{width:100%;position:relative}#endingVideo{width:100%;height:auto;margin-top:20px;display:block}#storyEnding{background-image:url(/images/event-cards/bg.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:relative}#storyOverlay{flex-direction:column;align-items:center;width:100%;padding-bottom:40px;display:flex;position:relative}#storyCards{flex-direction:column;align-items:center;gap:25px;width:100%;padding-top:3vh;display:flex}.eventCard{aspect-ratio:19/12.5;perspective:1800px;cursor:pointer;width:min(90vw,520px)}.eventInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.61,.36,1);position:relative}.eventFront,.eventBack{will-change:transform;backface-visibility:hidden;border-radius:24px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 8px #0000001f,0 8px 8px #00000029,0 8px 8px #0003}.eventFront img,.eventBack img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.eventBack,.eventCard.flipped .eventInner{transform:rotateY(180deg)}#logoLayer{pointer-events:none;z-index:9999;position:fixed;inset:0}#movingLogo{opacity:0;will-change:transform, width, height, opacity;backface-visibility:hidden;width:auto;height:auto;position:fixed;top:0;left:0;transform:translate(0,0)}#logoAnchor{pointer-events:none;width:130px;height:220px;position:absolute;top:40px;left:50%;transform:translate(-50%)}#logoTitle{opacity:0;pointer-events:none;will-change:opacity, transform;width:220px;height:auto;position:fixed;top:220px;left:50%;transform:translate(-50%)translateY(20px)}.scratchCard{pointer-events:none;width:100vw;height:var(--app-height,100vh);aspect-ratio:315/568;transform-style:preserve-3d;transform-origin:50%;z-index:3;border-radius:24px;position:relative;box-shadow:0 40px 100px #00000073}.scratchFace{backface-visibility:hidden;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;display:flex;position:absolute;inset:0}#scratchCard{position:absolute;inset:0;overflow:hidden}.scratchBg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.scratchReveal{object-fit:contain;z-index:1;width:90%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scratchCanvas{pointer-events:auto;touch-action:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.revealFlash{animation:1s forwards revealFlash}@keyframes revealFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.eventBack{position:relative}.eventRegister{z-index:20;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;width:44%;height:12%;position:absolute;bottom:16%;left:28%}#swipeHint{z-index:9998;opacity:0;pointer-events:none;transition:opacity .1s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#swipeHint.static{transition:opacity 3s;transform:translate(-50%);opacity:1!important;animation:none!important}#swipeHint.visible{opacity:1;animation:1.8s ease-in-out infinite swipePulse}#swipeHint img{width:200px;height:auto}@keyframes swipePulse{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.5;transform:translate(-50%)translateY(-8px)}}