:root{--color-bg: #0c0a0a;--color-bg-dark: #070505;--color-gold: #E30A17;--color-gold-light: #ff3340;--color-gold-glow: rgba(227, 10, 23, .35);--color-cream: #ffffff;--color-cream-dark: #e0ddd8;--color-burgundy: #9b1b1b;--color-burgundy-light: #c42727;--color-pink-soft: #ff4d58;--color-pink-light: #ff7a82;--color-pink-glow: rgba(227, 10, 23, .25);--color-text: #f5f0eb;--color-text-muted: rgba(245, 240, 235, .55);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-handwriting: "Caveat", cursive;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{position:relative;min-height:100vh;padding:8rem 0;overflow:hidden}#noise-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;animation:noiseShift .5s steps(5) infinite}@keyframes noiseShift{0%{transform:translate(0)}20%{transform:translate(-5%,-5%)}40%{transform:translate(3%,7%)}60%{transform:translate(-7%,3%)}80%{transform:translate(5%,-3%)}to{transform:translate(0)}}#flying-kangals{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.cursor{position:fixed;width:28px;height:28px;color:var(--color-gold);pointer-events:none;z-index:10001;transform:translate(-50%,-50%);transition:transform .2s var(--ease-elastic),color .3s,width .3s,height .3s;filter:drop-shadow(0 0 6px var(--color-gold-glow))}.cursor-follower{position:fixed;width:50px;height:50px;border:1.5px solid rgba(227,10,23,.3);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .5s var(--ease-out-expo),height .5s var(--ease-out-expo),border-color .3s,background .3s;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cursor.hover{width:40px;height:40px;color:var(--color-pink-soft);transform:translate(-50%,-50%) rotate(15deg);filter:drop-shadow(0 0 12px var(--color-pink-glow))}.cursor-follower.hover{width:70px;height:70px;border-color:#e30a1766;background:#e30a170f}#cursor-trail{position:fixed;pointer-events:none;z-index:9999}.trail-dot{position:fixed;width:4px;height:4px;background:var(--color-gold);border-radius:50%;pointer-events:none;opacity:.6;transition:opacity .3s}#preloader{position:fixed;inset:0;background:var(--color-bg-dark);z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden}.preloader-inner{text-align:center;z-index:2;position:relative}.preloader-circle{position:absolute;top:50%;left:50%;width:200px;height:200px;border:1px solid rgba(227,10,23,.15);border-radius:50%;transform:translate(-50%,-50%);animation:preloaderPulse 2s ease-in-out infinite}.preloader-circle-2{width:300px;height:300px;animation-delay:.3s;border-color:#e30a1714}.preloader-circle-3{width:400px;height:400px;animation-delay:.6s;border-color:#e30a170d}@keyframes preloaderPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.paw-prints{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.paw{width:35px;height:35px;color:var(--color-gold);opacity:0;transform:translateY(30px) rotate(-20deg) scale(0);filter:drop-shadow(0 0 10px var(--color-gold-glow))}.paw-2{transform:translateY(30px) rotate(0) scale(0)}.paw-3{transform:translateY(30px) rotate(20deg) scale(0)}.preloader-text{font-family:var(--font-display);font-size:1.2rem;color:var(--color-gold);letter-spacing:.5em;text-transform:uppercase;opacity:0;margin-bottom:1.5rem}.preloader-bar{width:200px;height:2px;background:#e30a1726;margin:0 auto;border-radius:999px;overflow:hidden;opacity:0}.preloader-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-pink-soft));border-radius:999px}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0;overflow:hidden;background:var(--color-bg-dark);position:relative}.hero-radial-1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(227,10,23,.08) 0%,transparent 70%);top:-200px;left:-200px;animation:floatGlow 8s ease-in-out infinite}.hero-radial-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(227,10,23,.06) 0%,transparent 70%);bottom:-150px;right:-100px;animation:floatGlow 10s ease-in-out infinite reverse}.hero-radial-3{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,88,.05) 0%,transparent 70%);top:30%;right:20%;animation:floatGlow 12s ease-in-out infinite}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}.hero-content{text-align:center;z-index:2;position:relative}.hero-subtitle-top{margin-bottom:1.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:0}.hero-subtitle-top [data-char]{display:inline-block;font-family:var(--font-body);font-size:.9rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--color-gold);opacity:0;transform:translateY(40px) rotateX(90deg)}.hero-title{font-family:var(--font-display);font-weight:900;line-height:.85;margin-bottom:2rem}.title-line{overflow:hidden;perspective:800px}.title-word{display:inline-block;font-size:clamp(5rem,18vw,14rem);color:var(--color-cream);transform:translateY(120%) rotateX(-40deg);transform-origin:center bottom;text-shadow:0 0 80px rgba(227,10,23,.2)}.title-line:last-child .title-word{color:var(--color-gold);text-shadow:0 0 100px rgba(227,10,23,.35)}.hero-subtitle-bottom{overflow:hidden}.hero-subtitle-bottom span{display:inline-block;font-family:var(--font-handwriting);font-size:1.8rem;color:var(--color-pink-soft);opacity:0;transform:translateY(100%) scale(.8);text-shadow:0 0 30px var(--color-pink-glow)}.hero-paw-big{margin-top:3rem;color:var(--color-gold);opacity:0;transform:scale(0) rotate(-180deg)}.hero-paw-big svg{width:60px;height:60px;filter:drop-shadow(0 0 20px var(--color-gold-glow));animation:pawFloat 3s ease-in-out infinite}@keyframes pawFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0}.scroll-mouse{width:24px;height:40px;border:2px solid var(--color-gold);border-radius:12px;position:relative;opacity:.6}.scroll-dot{width:4px;height:8px;background:var(--color-gold);border-radius:4px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{top:6px;opacity:1}50%{top:22px;opacity:.3}}.scroll-indicator span{font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--color-gold);opacity:.5}.marquee-section{padding:2rem 0;overflow:hidden;border-top:1px solid rgba(227,10,23,.12);border-bottom:1px solid rgba(227,10,23,.12);background:var(--color-bg-dark);position:relative}.marquee-track{display:flex;width:max-content;overflow:hidden}.marquee-track-1{animation:marqueeLeft 25s linear infinite;margin-bottom:.5rem}.marquee-track-2{animation:marqueeRight 30s linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-content{display:flex;align-items:center;gap:2rem;padding:0 1rem;flex-shrink:0}.marquee-content span{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,3rem);font-weight:900;color:#e30a1714;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transition:color .3s}.marquee-paw{font-size:clamp(1rem,2vw,1.5rem)!important;opacity:.3}.marquee-section:hover .marquee-content span{color:#e30a1726}.section-label{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem;justify-content:center}.label-line{display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.label-text{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.5em;color:var(--color-gold)}.story{background:var(--color-bg);display:flex;align-items:center;min-height:100vh}.story-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(227,10,23,.04) 0%,transparent 60%);pointer-events:none}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.story-heading{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.05;color:var(--color-cream);margin-bottom:2.5rem}.split-line{overflow:hidden;perspective:600px}.split-line span{display:inline-block;transform:translateY(120%) rotateX(-30deg);transform-origin:center bottom}.story-heading em{color:var(--color-gold);font-style:italic;text-shadow:0 0 40px var(--color-gold-glow)}.story-paragraph{font-family:var(--font-body);font-size:1.05rem;line-height:1.9;color:var(--color-cream-dark);margin-bottom:1.5rem;font-weight:300;opacity:0;transform:translateY(50px)}.story-visual{position:relative;height:500px}.story-image-stack{position:relative;width:100%;height:100%}.story-img-card{position:absolute;width:280px;height:350px;border:1px solid rgba(227,10,23,.15);transition:transform .6s var(--ease-out-expo),box-shadow .6s}.story-img-1{top:0;left:10%;transform:rotate(-5deg);z-index:3}.story-img-2{top:30px;left:30%;transform:rotate(3deg);z-index:2}.story-img-3{top:60px;left:50%;transform:rotate(-2deg);z-index:1}.story-img-card:hover{transform:rotate(0) scale(1.05) translateY(-10px)!important;box-shadow:0 20px 60px #00000080;z-index:10!important}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#1a0a0a,#2a1010);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.placeholder-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(227,10,23,.03) 30px,rgba(227,10,23,.03) 31px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(227,10,23,.03) 30px,rgba(227,10,23,.03) 31px)}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-gold);opacity:.3;z-index:1}.placeholder-content span{font-family:var(--font-body);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.traits{background:var(--color-bg-dark);overflow:hidden;padding:0}.traits-bg-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(227,10,23,.05) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(255,77,88,.04) 0%,transparent 40%);pointer-events:none}.traits-label{padding-top:4rem}.traits-horizontal-wrapper{overflow:visible;width:100%;padding:4rem 0 8rem}.traits-horizontal-track{display:flex;gap:2rem;padding:0 4rem;width:max-content}.trait-card{width:380px;min-height:400px;padding:3rem;background:#ffffff05;border:1px solid rgba(227,10,23,.12);position:relative;overflow:hidden;flex-shrink:0;transition:all .6s var(--ease-out-expo)}.trait-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);transform:scaleX(0);transition:transform .6s var(--ease-out-expo)}.trait-card:hover:before{transform:scaleX(1)}.trait-card:hover{background:#e30a170f;border-color:#e30a1740;transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.trait-bg-number{font-family:var(--font-display);font-size:8rem;font-weight:900;color:#e30a170f;position:absolute;top:-1rem;right:1rem;line-height:1;transition:color .6s}.trait-card:hover .trait-bg-number{color:#e30a171a}.trait-icon{width:48px;height:48px;color:var(--color-gold);margin-bottom:2rem;opacity:.7;transition:transform .6s var(--ease-elastic),opacity .3s}.trait-card:hover .trait-icon{transform:scale(1.2) rotate(5deg);opacity:1}.trait-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-gold);margin-bottom:1rem}.trait-desc{font-family:var(--font-body);font-size:.95rem;line-height:1.8;color:var(--color-cream-dark);font-weight:300}.trait-line{width:40px;height:2px;background:var(--color-gold);margin-top:2rem;transition:width .6s var(--ease-out-expo)}.trait-card:hover .trait-line{width:100px}.special-card{border-color:#ff4d5833;background:linear-gradient(135deg,#e30a170f,#ff4d5808)}.special-card:hover{border-color:#ff4d5859;background:linear-gradient(135deg,#e30a171a,#ff4d580f);box-shadow:0 20px 60px #e30a1733}.special-card .trait-title{color:var(--color-pink-soft)}.special-card .trait-line{background:var(--color-pink-soft)}.special-card .trait-bg-number{color:#ff4d5814}.special-card:before{background:linear-gradient(90deg,transparent,var(--color-pink-soft),transparent)}.special-icon{color:var(--color-pink-soft)!important}.card-hearts{position:absolute;bottom:1rem;right:1.5rem;display:flex;gap:.3rem}.card-hearts span{font-size:1rem;color:var(--color-pink-soft);opacity:0;animation:cardHeartPop 3s ease-in-out infinite}.card-hearts span:nth-child(2){animation-delay:.3s}.card-hearts span:nth-child(3){animation-delay:.6s}.card-hearts span:nth-child(4){animation-delay:.9s}.card-hearts span:nth-child(5){animation-delay:1.2s}@keyframes cardHeartPop{0%,to{opacity:0;transform:scale(0) translateY(0)}20%{opacity:.6;transform:scale(1) translateY(0)}80%{opacity:.3;transform:scale(.8) translateY(-20px)}}.gallery{background:var(--color-bg);overflow:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:1rem}.gallery-item{position:relative;overflow:hidden;cursor:none;background:var(--color-bg-dark)}.gallery-item-large{grid-row:span 2}.gallery-item-wide{grid-column:span 2}.gallery-placeholder{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.gallery-overlay{position:absolute;inset:0;background:#0c0a0abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay-text{font-family:var(--font-display);font-size:1.3rem;color:var(--color-gold);letter-spacing:.15em;transform:translateY(20px);transition:transform .5s var(--ease-out-expo)}.gallery-item:hover .gallery-overlay-text{transform:translateY(0)}.gallery-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(227,10,23,.1),transparent);transition:left .8s;pointer-events:none}.gallery-item:hover .gallery-shine{left:150%}.reveal-gallery{opacity:0;transform:scale(.85) translateY(40px)}.love{background:linear-gradient(180deg,var(--color-bg) 0%,#1a0808 20%,#1e0a0a 50%,#1a0808 80%,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}#hearts-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.love-glow-1{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(227,10,23,.08) 0%,transparent 70%);top:10%;left:20%;animation:floatGlow 8s ease-in-out infinite}.love-glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(227,10,23,.05) 0%,transparent 70%);bottom:10%;right:15%;animation:floatGlow 10s ease-in-out infinite reverse}.love-container{z-index:2;position:relative;display:flex;justify-content:center}.letter-wrapper{max-width:650px;width:100%;padding:3.5rem;background:#f5efe605;border:1px solid rgba(227,10,23,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;box-shadow:0 0 #e8b4b800;transition:box-shadow 1s}.letter-corner{position:absolute;width:20px;height:20px;border-color:var(--color-pink-soft);opacity:.3}.letter-corner-tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.letter-corner-tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.letter-corner-bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.letter-corner-br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.letter-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(227,10,23,.1)}.letter-stamp{position:relative;display:inline-block;margin-bottom:.75rem}.stamp-heart{font-size:3rem;color:var(--color-pink-soft);display:block;animation:heartBeat 2s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--color-pink-glow))}.stamp-ring{position:absolute;inset:-10px;border:2px solid rgba(227,10,23,.2);border-radius:50%;animation:stampRotate 8s linear infinite}@keyframes stampRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.letter-date{font-family:var(--font-body);font-size:.8rem;letter-spacing:.3em;color:var(--color-text-muted);text-transform:uppercase}.letter-body{font-family:var(--font-handwriting);font-size:1.7rem;line-height:1.8;color:var(--color-pink-light)}.letter-line{opacity:0;transform:translateY(30px)}.letter-signature{margin-top:1rem;font-size:1.5rem;color:var(--color-pink-soft);text-shadow:0 0 30px var(--color-pink-glow)}.footer{padding:5rem 0;text-align:center;border-top:1px solid rgba(227,10,23,.1);background:var(--color-bg-dark);position:relative;overflow:hidden}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-paw-wrapper{color:var(--color-gold);opacity:.5;animation:pawFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--color-gold-glow))}.footer-text{font-family:var(--font-handwriting);font-size:2.5rem;color:var(--color-pink-soft);text-shadow:0 0 40px var(--color-pink-glow)}.footer-sub{font-family:var(--font-body);font-size:.8rem;letter-spacing:.3em;color:var(--color-text-muted);text-transform:uppercase}.footer-year{font-family:var(--font-body);font-size:.7rem;letter-spacing:.4em;color:#e30a1759;margin-top:1rem}@media(max-width:968px){.story-grid{grid-template-columns:1fr;gap:2rem}.story-visual{height:280px;order:-1}.story-img-card{width:160px;height:200px}.story-heading{font-size:clamp(2rem,5vw,3rem)}.story-paragraph{font-size:.95rem}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.gallery-item-large{grid-row:span 1}.gallery-item-wide{grid-column:span 1}.trait-card{width:320px;min-height:350px}}@media(max-width:640px){.section{padding:5rem 0}.container{padding:0 1.25rem}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:280px}.letter-wrapper{padding:2rem 1.5rem}.letter-body{font-size:1.3rem}.trait-card{width:280px;min-height:300px;padding:2rem}.story-visual{height:220px}.story-img-card{width:130px;height:170px}.story-heading{font-size:1.8rem;margin-bottom:1.5rem}.story-paragraph{font-size:.9rem;line-height:1.7}.cursor,.cursor-follower,#cursor-trail{display:none!important}body{cursor:auto}}