.hero-titles{position:absolute;top:3%;left:1%;z-index:10}.hero-h1{font-size:clamp(1rem,3.2vw,3.2rem);font-weight:700;color:#09274f;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;white-space:nowrap;margin:0 0 .3em}.hero-h2{font-size:clamp(.85rem,2.6vw,2.6rem);font-weight:700;color:#e8a020;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;white-space:nowrap;margin:0}.hero-pill{position:absolute;bottom:6%;left:1%;z-index:10;display:inline-block;padding:.3em 1em;border-radius:999px;border:1px solid rgba(9,39,79,.25);background:#ffffffbf;backdrop-filter:blur(6px);color:#09274f;font-size:clamp(.45rem,.85vw,.75rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.hero-badge{position:absolute;bottom:1%;right:auto;left:78%;z-index:10;display:inline-flex;align-items:center;gap:.7em;background:#fff;border-radius:999px;padding:.4em 1em .4em .4em;box-shadow:0 4px 16px #0000001f}.hero-badge-circle{width:clamp(2rem,3.5vw,3.5rem);height:clamp(2rem,3.5vw,3.5rem);background:#e8a020;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-badge-circle svg{width:55%;height:55%}.hero-badge-text{display:flex;flex-direction:column;line-height:1.1}.hero-badge-number{font-size:clamp(1rem,2.2vw,2rem);font-weight:800;color:#e8a020;line-height:1}.hero-badge-label{font-size:clamp(.4rem,.8vw,.7rem);font-weight:700;color:#e8a020;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-width:640px){.hero-h1{white-space:normal;font-size:clamp(.6rem,2.8vw,.85rem)}.hero-h2{white-space:normal;font-size:clamp(.55rem,2.4vw,.75rem)}.hero-pill{font-size:.45rem;padding:.25em .6em}.hero-badge{left:auto!important;right:1%!important;bottom:-3%!important;padding:.2em .5em .2em .25em;gap:.3em}.hero-badge-circle{width:1.2rem;height:1.2rem}.hero-badge-number{font-size:.65rem}.hero-badge-label{font-size:.28rem}}html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes pulse-ring{0%{box-shadow:0 0 #09274fb3}70%{box-shadow:0 0 0 10px #09274f00}to{box-shadow:0 0 #09274f00}}.pulse-ring{animation:pulse-ring 2s infinite}.timeline-line-container{position:absolute;left:20px;top:0;width:20px;height:100%;z-index:10}@media(min-width:768px){.timeline-line-container{left:40px;width:24px}}.timeline-path{position:absolute;width:20px;height:100vh;background:linear-gradient(180deg,#2a2a2a,#1a1a1a,#2a2a2a,#1a1a1a,#2a2a2a,#1a1a1a,#2a2a2a,#1a1a1a,#2a2a2a,#1a1a1a,#2a2a2a);border:2px solid #333;border-radius:3px;transform-origin:top;transform:scaleY(0);transition:transform 1.5s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 0 2px #444,0 0 15px #00000080,0 0 30px #0000004d}@media(min-width:768px){.timeline-path{width:24px}}.timeline-path:before{content:"";position:absolute;left:50%;top:0;width:6px;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,#000 15px,#000 25px,transparent 25px,transparent 40px);transform:translate(-50%);border-radius:3px}.timeline-path.visible{transform:scaleY(1)}.timeline-card{opacity:1;transform:translate(0) rotateY(0);transition:all 1.2s cubic-bezier(.16,1,.3,1);perspective:1000px;display:flex;visibility:visible}.timeline-card.animate{opacity:0;transform:translate(60px) rotateY(-15deg)}.timeline-card.animate.visible{opacity:1;transform:translate(0) rotateY(0)}.photo-content{position:relative;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #00000014,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a;border:1px solid rgba(255,255,255,.2);transform:rotate(-.5deg);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;display:block;visibility:visible;z-index:20;max-width:32rem;margin-left:6rem}.photo-content.special-2024{max-width:48rem;margin-left:6rem}.photo-content .text-4xl{font-size:2.25rem}.photo-content .text-2xl{font-size:1.5rem}.photo-content .text-5xl{font-size:3rem}.photo-content .text-3xl{font-size:1.875rem}.photo-content .text-lg{font-size:1.125rem}.photo-content p{font-size:1rem;line-height:1.7}.glass-badge{font-size:.875rem!important;padding:4px 12px!important}.photo-content:hover{transform:rotate(0) scale(1.02);background:#fff3;box-shadow:0 12px 48px #00000026,0 6px 24px #0000001a,inset 0 1px #fff6,inset 0 -1px #ffffff26}.photo-content:before{content:"";position:absolute;top:-8px;left:50%;width:50px;height:16px;background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translate(-50%);border-radius:4px;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.3)}.photo-clip{position:absolute;top:-12px;right:24px;width:24px;height:24px;background:#c8c8c866;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff80,inset 0 -1px 1px #0000001a;border:1px solid rgba(255,255,255,.3);z-index:10}.photo-clip:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;background:#96969680;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #0003;border:1px solid rgba(255,255,255,.2)}.photo-content .text-4xl,.photo-content .text-2xl{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}.photo-content p{color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-badge{background:#fff3!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffe6!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff4d}.audio-control-btn{position:absolute;bottom:16px;right:16px;width:48px;height:48px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:50}.audio-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.audio-control-btn.playing{background:#e8a0204d;border-color:#e8a02080}.audio-control-btn svg{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.autoplay-toggle{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#09274fcc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 4px 20px #0000004d}.autoplay-toggle:hover{background:#e8a020cc;transform:scale(1.1)}.autoplay-toggle.disabled{background:#f009}.autoplay-toggle svg{width:24px;height:24px;color:#fff}@keyframes audio-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.audio-wave{display:inline-flex;align-items:center;gap:2px}.audio-wave span{width:2px;height:16px;background:#fff;border-radius:1px;animation:audio-wave 1s infinite ease-in-out}.audio-wave span:nth-child(1){animation-delay:0s}.audio-wave span:nth-child(2){animation-delay:.1s}.audio-wave span:nth-child(3){animation-delay:.2s}.audio-wave span:nth-child(4){animation-delay:.3s}.photo-develop{opacity:1;filter:sepia(0%) contrast(100%) brightness(100%);transform:scale(1);transition:all 1.5s ease}.photo-develop.animate{opacity:0;filter:sepia(100%) contrast(50%) brightness(150%);transform:scale(.9)}.photo-develop.animate.visible{opacity:1;filter:sepia(0%) contrast(100%) brightness(100%);transform:scale(1)}.hero-typewriter{overflow:visible!important;border-right:none!important;white-space:normal!important;width:100%!important;opacity:1!important;color:#09274f!important}@media(max-width:640px){.hero-typewriter{white-space:normal!important;width:auto!important;animation:none!important;border-right:none!important;opacity:1!important}}@keyframes typewriter-title{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}.typewriter-title{overflow:hidden;white-space:nowrap;width:0}.typewriter-title.animate{border-right:3px solid;animation:typewriter-title 1.2s steps(40,end),blink-caret 1s step-end infinite;animation-fill-mode:forwards;width:100%}.text-reveal{opacity:0;transform:translateY(10px)}.text-reveal.animate{animation:text-reveal .6s ease forwards;animation-delay:1.4s}@keyframes text-reveal{to{opacity:1;transform:translateY(0)}}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:#e8a020 #f1f5f9}.overflow-x-auto::-webkit-scrollbar{height:8px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.overflow-x-auto::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#09274f,#e8a020);border-radius:10px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#e8a020,#09274f)}@media(max-width:640px){.hero-typewriter,.hero-typewriter.animate{white-space:normal;width:auto!important;animation:none!important;border-right:none!important;opacity:1}}@media(max-width:767px){.photo-content{margin-left:3.5rem!important;padding:14px!important;max-width:calc(100vw - 5rem)!important}.photo-content .text-4xl{font-size:1.5rem!important}.photo-content .text-2xl{font-size:1.1rem!important;margin-bottom:.5rem!important}.photo-content .text-5xl{font-size:1.75rem!important}.photo-content .text-3xl{font-size:1.2rem!important}.photo-content .text-lg{font-size:.875rem!important}.photo-content p{font-size:.8rem!important;line-height:1.5!important}.glass-badge{font-size:.65rem!important;padding:2px 8px!important}.photo-content .flex.items-center.gap-4{gap:.5rem!important}.autoplay-toggle{width:44px!important;height:44px!important;bottom:12px!important;right:12px!important}.typewriter-title{white-space:normal!important;width:auto!important;overflow:visible!important;animation:none!important;border-right:none!important}}@media(max-width:480px){.photo-content{margin-left:3rem!important;padding:12px!important;max-width:calc(100vw - 4.5rem)!important}.photo-content .text-2xl{font-size:1rem!important;line-height:1.3!important}.photo-content .text-3xl{font-size:1.1rem!important;line-height:1.3!important}.photo-content p{font-size:.75rem!important;line-height:1.4!important}}@media(min-width:768px)and (max-width:1023px){.photo-content{margin-left:8rem!important;max-width:28rem!important;padding:20px!important}}@media(min-width:1024px){.photo-content{margin-left:10rem!important;max-width:32rem!important;padding:24px!important}}