*{margin:0;padding:0;box-sizing:border-box}@media only screen and (max-width:600px){.nav-logo{font-size:1rem}.story-visual{order:1}.story-text{order:2}}@media only screen and (min-width:600px){.nav-logo{font-size:1.2rem}.story-visual{order:1}.story-text{order:2}}@media only screen and (min-width:768px){.nav-logo{font-size:1.5rem}.story-visual{order:2}.story-text{order:1}}@media only screen and (min-width:992px){.nav-logo{font-size:1.5rem}}@media only screen and (min-width:1200px){.nav-logo{font-size:1.5rem}}:root{--primary-dark:#0a0a1a;--secondary-dark:#1a1a2e;--purple-dark:#270b42;--accent-blue:#16213e;--mid-blue:#0f1b3a;--primary-silver:#c0c0c0;--bright-silver:#e0e0e0;--accent-silver:#f0f0f0;--neon-blue:#00d4ff;--neon-purple:#8a2be2;--neon-purple-light:#a855f7;--neon-red:#ff3366;--neon-orange:#ff6b35;--gradient-primary:linear-gradient(135deg, #0a0a1a 0%, #16213e 50%, #1a1a2e 100%);--gradient-accent:linear-gradient(135deg, #c0c0c0 0%, #e0e0e0 50%, #f0f0f0 100%);--gradient-neon:linear-gradient(135deg, #00d4ff 0%, #8a2be2 100%);--font-primary:'Space Grotesk',sans-serif;--font-logo:'Smack Laideth Down 2024',cursive;--font-icon:'Noto Color Emoji';--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.5);--shadow-neon:0 0 20px rgba(0, 212, 255, 0.3);--shadow-neon-red:0 0 5px rgba(255, 51, 102, 0.3)}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--primary-silver);background:var(--primary-dark);overflow-x:hidden}.icon{font-family:"Noto Color Emoji",sans-serif;font-weight:400;font-style:normal}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.navbar{position:fixed;top:0;width:100%;background:rgba(10,10,26,.95);border-bottom:1px solid rgba(192,192,192,.1);z-index:1000;transition:background-color .3s;will-change:auto}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;text-decoration:none;color:inherit;transition:.3s;height:25px}.nav-logo:hover{transform:scale(1.05);filter:brightness(1.2)}.logo-svg{height:100%;width:auto;transition:.3s}.logo-text{color:var(--primary-silver);font-family:var(--font-logo);font-weight:400;letter-spacing:.1em}.logo-accent{color:var(--neon-blue);margin:0 .2rem}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg)}@media (min-width:769px){.nav-menu.mobile-nav{position:static;width:auto;height:auto;background:0 0;backdrop-filter:none;flex-direction:row;padding:0;transition:none;gap:var(--spacing-lg)}.nav-menu.mobile-nav li{opacity:1;transform:translateY(0);flex:none;margin:0}.nav-menu.mobile-nav .nav-link{font-size:inherit;padding:0}}.nav-link{color:var(--primary-silver);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s;position:relative}.nav-link:hover{color:var(--neon-blue)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-neon);transition:width .3s}.nav-link:hover::after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;z-index:1001}.nav-toggle span{width:25px;height:3px;background:var(--primary-silver);margin:3px 0;transition:.3s;border-radius:2px}.nav-toggle.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu.mobile-nav{position:fixed;top:45px;left:-100%;width:100%;height:calc(100dvh - 45px);background:rgba(10,10,26,.98);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;transition:left .3s;z-index:1000;list-style:none}.nav-menu.mobile-nav.active{left:0}.nav-menu.mobile-nav li{margin:0;opacity:0;transform:translateY(30px);flex:1;display:flex;align-items:center;justify-content:center}.nav-menu.mobile-nav li:first-child{margin-top:calc((100dvh - 45px)/ 10)}.nav-menu.mobile-nav li:last-child{margin-bottom:calc((100dvh - 45px)/ 10)}.nav-menu.mobile-nav.active li{opacity:1;transform:translateY(0)}.nav-menu.mobile-nav.active li:first-child{transition:.4s .1s}.nav-menu.mobile-nav.active li:nth-child(2){transition:.4s .2s}.nav-menu.mobile-nav.active li:nth-child(3){transition:.4s .3s}.nav-menu.mobile-nav.active li:nth-child(4){transition:.4s .4s}.nav-menu.mobile-nav.active li:nth-child(5){transition:.4s .5s}.nav-menu.mobile-nav .nav-link{font-size:1.3rem;padding:0 var(--spacing-xxl);color:var(--primary-silver);text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;border-radius:var(--radius-md);transition:.3s;font-weight:var(--font-weight-medium)}.nav-menu.mobile-nav .nav-link:hover{background:rgba(0,212,255,.15);color:var(--neon-blue)}body.menu-open{overflow:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--gradient-primary);overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.geometric-pattern{position:absolute;width:120%;height:120%;top:-10%;left:-10%;background-image:radial-gradient(circle at 25% 25%,transparent 20%,var(--neon-blue) 21%,var(--neon-blue) 23%,transparent 24%),radial-gradient(circle at 75% 25%,transparent 20%,var(--neon-purple) 21%,var(--neon-purple) 23%,transparent 24%),radial-gradient(circle at 25% 75%,transparent 20%,var(--neon-blue) 21%,var(--neon-blue) 23%,transparent 24%),radial-gradient(circle at 75% 75%,transparent 20%,var(--neon-purple) 21%,var(--neon-purple) 23%,transparent 24%);background-size:100px 100px;animation:20s linear infinite patternShift}@keyframes patternShift{0%,100%{transform:translateX(0) translateY(0)}25%{transform:translateX(25px) translateY(25px)}50%{transform:translateX(-25px) translateY(25px)}75%{transform:translateX(25px) translateY(-25px)}}.hero-content{text-align:center;z-index:2;max-width:800px;padding:0 var(--spacing-md)}.hero-title{font-size:clamp(3rem, 8vw, 6rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);line-height:1.1}.title-main{display:block;color:var(--primary-silver)}.title-accent{display:block;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-by{display:block;font-size:.3em;color:var(--bright-silver);font-weight:var(--font-weight-light);margin:.5rem 0;text-transform:lowercase}.title-brand{display:flex;justify-content:center;align-items:center;font-family:var(--font-logo);font-size:.5em;font-weight:400;letter-spacing:.1em;line-height:1;margin:.5rem 0}.title-logo-svg{height:1.2em;width:auto;filter:brightness(.9);transition:.3s}.instagram-logo-svg{height:1.2em;width:auto;margin-right:.5rem;vertical-align:middle;transition:.3s}.btn-secondary:has(.instagram-logo-svg){display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover .instagram-logo-svg{filter:drop-shadow(0 0 8px rgba(0, 212, 255, .6))}.title-brand:hover .title-logo-svg{filter:brightness(1.2);transform:scale(1.05)}.hero-subtitle{display:block;font-size:.3em;color:var(--bright-silver);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.1}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:1rem;text-decoration:none;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-neon);color:var(--primary-dark);box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,212,255,.4)}.btn-secondary{background:0 0;color:var(--primary-silver);border:2px solid var(--primary-silver)}.btn-secondary:hover{background:var(--primary-silver);color:var(--primary-dark);transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.scroll-line{width:2px;height:50px;background:var(--gradient-neon);animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,100%{opacity:0;transform:scaleY(0) translateY(0);transform-origin:bottom}20%,80%{opacity:1;transform:scaleY(1) translateY(0);transform-origin:bottom}}@keyframes triangleDraw{0%,20%{opacity:1;transform:scaleY(1) translateY(0)}100%{opacity:0;transform:scaleY(.3) translateY(8px)}}section{padding:var(--spacing-xxl) 0}.section-title{font-size:2.5rem;font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-md);color:var(--primary-silver)}.section-title::after{content:'';display:block;width:100px;height:3px;background:var(--gradient-neon);margin:var(--spacing-sm) auto 0}.about{background:var(--secondary-dark)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;min-height:400px}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-lg);color:var(--bright-silver)}.about-visual{display:flex;justify-content:center;align-items:center}.geometric-showcase{position:relative;width:300px;height:300px}.triangle-large,.triangle-medium,.triangle-small{position:absolute;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:87px solid var(--neon-blue);opacity:.6;animation:10s linear infinite triangleRotate}.triangle-medium{border-left-width:35px;border-right-width:35px;border-bottom-width:61px;border-bottom-color:var(--neon-purple);top:50px;left:50px;animation-duration:8s}.triangle-small{border-left-width:25px;border-right-width:25px;border-bottom-width:43px;border-bottom-color:var(--bright-silver);top:100px;left:100px;animation-duration:6s}@keyframes triangleRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.geometric-showcase{animation:6s ease-in-out infinite gentleFloat}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title .title-accent{animation:3s ease-in-out infinite alternate neonPulse}@keyframes neonPulse{0%{filter:brightness(1)}100%{filter:brightness(1.2)}}.story{background:var(--primary-dark)}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:start}.story-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.story-emotion,.story-intro,.story-invitation,.story-main{font-size:1.1rem;line-height:1.7;color:var(--bright-silver);margin:0}.story-emotion{color:var(--neon-blue);font-style:italic}.story-invitation{color:var(--primary-silver);font-weight:var(--font-weight-medium)}.story-visual{display:flex;justify-content:center;align-items:center}.artwork-display{position:relative;display:flex;justify-content:center;align-items:center}.artwork-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(10,10,26,.9));padding:var(--spacing-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;transition:opacity .3s}.artwork-display:hover .artwork-overlay{opacity:1}.artwork-caption{color:var(--primary-silver);font-size:.9rem;font-weight:var(--font-weight-medium);text-align:center;margin:0;font-style:italic}.story-visual{transition:transform .3s,box-shadow .3s;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.story-artwork-image{max-width:100%;height:auto;border-radius:var(--radius-lg)}.story-visual:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,212,255,.3)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:rgba(0,212,255,.05);border-radius:var(--radius-md);transition:.3s}.spec-item:hover{background:rgba(0,212,255,.1);transform:translateX(5px)}.spec-label{font-size:.9rem;color:var(--bright-silver);font-weight:var(--font-weight-medium)}.spec-value{font-size:1rem;color:var(--neon-blue);font-weight:var(--font-weight-semibold)}.gallery{background:var(--primary-dark)}.gallery-subtitle{text-align:center;font-size:1.1rem;color:var(--bright-silver);margin-bottom:var(--spacing-xl)}.gallery-filters{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);background:0 0;border:1px solid var(--primary-silver);color:var(--primary-silver);border-radius:var(--radius-md);cursor:pointer;transition:.3s;font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.filter-btn.active,.filter-btn:hover{background:var(--gradient-neon);color:var(--primary-dark);border-color:var(--neon-blue)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.gallery-item{background:var(--secondary-dark);border-radius:var(--radius-lg);overflow:hidden;transition:.3s;cursor:pointer}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.gallery-image{position:relative;height:250px;overflow:hidden}.gallery-artwork{width:100%;height:100%;object-fit:cover;transition:transform .3s;cursor:pointer}.gallery-artwork:hover{transform:scale(1.1)}.artwork-placeholder{width:100%;height:100%;background:var(--gradient-primary);position:relative;display:flex;align-items:center;justify-content:center;color:var(--bright-silver);font-size:1.2rem;font-weight:var(--font-weight-medium);text-align:center}.artwork-placeholder::after{content:'';position:absolute;width:80%;height:80%;border:2px solid var(--neon-blue);transform:rotate(45deg);opacity:.3}.artwork-placeholder::before{content:'Coming soon';position:absolute;width:80%;height:80%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--neon-blue);text-shadow:0 0 10px rgba(0,212,255,.5);z-index:2;opacity:.3}.gallery-overlay{padding:var(--spacing-md);background:var(--secondary-dark)}.gallery-overlay h3{font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-silver)}.gallery-overlay p{color:var(--bright-silver);font-size:.9rem}.contact{background:var(--secondary-dark)}.contact-subtitle{text-align:center;font-size:1.1rem;color:var(--bright-silver);margin-bottom:var(--spacing-xl)}.contact-content{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--spacing-xxl);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.contact-item{display:flex;align-items:center;gap:var(--spacing-md)}.contact-profile{display:flex;justify-content:center;align-items:flex-start}.profile-image-container{width:260px;height:260px;border-radius:50%;border:3px solid var(--neon-blue);box-shadow:0 0 20px rgba(0,212,255,.3);overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.profile-image-container:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(0,212,255,.5)}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.profile-image-container:hover .profile-image{transform:scale(1.1)}.contact-icon,.email-icon{font-family:var(--font-icon);font-size:1.5rem;color:var(--neon-blue);min-width:2.5rem;text-align:center}.contact-text h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-silver)}.contact-text p{color:var(--bright-silver)}.contact-email{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.email-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gradient-primary);border:2px solid var(--neon-blue);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:.3s;box-shadow:var(--shadow-neon);max-width:500px;width:100%}.email-link:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(0,212,255,.4);background:var(--gradient-neon)}.email-icon{font-size:2rem;color:var(--neon-blue);min-width:3rem;text-align:center}.email-content h3{font-size:1.3rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-silver)}.email-content p{font-size:1.1rem;color:var(--bright-silver);margin-bottom:var(--spacing-xs)}.email-cta{font-size:.9rem;color:var(--neon-blue);font-weight:var(--font-weight-medium)}.footer{background:var(--primary-dark);border-top:1px solid rgba(192,192,192,.1);padding:var(--spacing-lg) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center}.footer-logo-svg{height:20px;width:auto;transition:.3s;filter:brightness(.9)}.footer-logo:hover .footer-logo-svg{filter:brightness(1.2)}.footer-text{color:var(--bright-silver)}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{color:var(--primary-silver);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s}.social-link:hover{color:var(--neon-blue)}@media (min-width:769px) and (max-width:1199px){.contact-content{grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.contact-profile{justify-content:center;grid-column:1;grid-row:1}.contact-info{grid-column:2;grid-row:1;justify-content:flex-start;align-items:flex-start}.contact-email{grid-column:1/-1;grid-row:2;margin-top:var(--spacing-lg)}}@media (max-width:768px){.nav-menu{display:none}.nav-toggle{display:flex!important}.nav-logo{height:30px}.logo-svg{max-width:280px}.hero-cta{flex-direction:column;align-items:center}.about-content{grid-template-columns:1fr;text-align:center}.about-visual{order:-1}.geometric-showcase{width:250px;height:250px}.story-content{grid-template-columns:1fr;text-align:center}.puzzle-showcase{width:280px;height:280px}.contact-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-profile{justify-content:center;margin-bottom:var(--spacing-lg)}.profile-image-container{width:240px;height:240px}.footer-content{justify-content:center;text-align:center}.footer-logo-svg{height:20px}.gallery-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}.hero-title{font-size:2.5rem}.hero-subtitle,.title-by{font-size:.4em}.section-title{font-size:2rem}.geometric-showcase{width:200px;height:200px}.triangle-large,.triangle-medium,.triangle-small{border-left-width:30px;border-right-width:30px;border-bottom-width:52px}.triangle-medium{border-left-width:20px;border-right-width:20px;border-bottom-width:35px;top:30px;left:30px}.triangle-small{border-left-width:15px;border-right-width:15px;border-bottom-width:26px;top:60px;left:60px}.email-link{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md);max-width:100%;min-width:0}.email-content{align-items:center}.email-icon{min-width:auto}}@media (max-width:400px){.contact-email{margin:var(--spacing-md) 0}.email-link{padding:var(--spacing-sm) var(--spacing-md)}.email-content h3{font-size:1.1rem}.email-content p{font-size:1rem}.email-cta{font-size:.8rem}}body.product-page{overflow-x:hidden;animation:.3s pageLoadFadeIn}@keyframes pageLoadFadeIn{from{opacity:0}to{opacity:1}}.product-container{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:var(--primary-dark);overflow-y:auto;overflow-x:hidden}body.product-page .product-container{display:flex;align-items:center;justify-content:center}.product-container.active{display:flex;align-items:center;justify-content:center;animation:.3s modalFadeIn}.modal-back-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(10,10,26,.8);border:2px solid var(--neon-blue);border-radius:var(--radius-md);text-decoration:none;color:var(--primary-silver);font-weight:var(--font-weight-medium);font-size:.9rem;transition:.3s;box-shadow:0 0 15px rgba(0,212,255,.3)}.modal-back-link-mobile{display:none}@media (min-width:769px){.modal-back-link{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:2001;opacity:0;animation:.3s .2s forwards backLinkFadeIn}}@keyframes backLinkFadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.modal-back-link-mobile{display:flex;z-index:10;width:fit-content;align-items:center;gap:var(--spacing-xs);background:rgba(10,10,26,.8);border:2px solid var(--neon-blue);border-radius:var(--radius-md);text-decoration:none;color:var(--primary-silver);font-weight:var(--font-weight-medium);font-size:.9rem;box-shadow:0 0 15px rgba(0,212,255,.3);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;top:var(--spacing-md);left:calc(var(--spacing-sm) + var(--spacing-md));padding:var(--spacing-xs) var(--spacing-sm)}.modal-back-link{display:none}}.modal-back-link:hover{background:var(--neon-blue);color:var(--primary-dark);transform:translateX(-5px);box-shadow:0 0 25px rgba(0,212,255,.5)}.back-arrow{font-size:1.2rem;transition:transform .3s}.modal-back-link:hover .back-arrow{transform:translateX(-3px)}.back-text{font-size:.9rem}.modal-portal{position:fixed;z-index:1999;display:none;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.4s}@media (min-width:769px){.modal-portal{top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:180px;background:var(--gradient-primary);border:none;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 40px rgba(0,212,255,.5),inset 0 0 20px rgba(138,43,226,.3);animation:4s ease-in-out infinite portalPulse}.modal-portal .portal-text{text-transform:uppercase}.modal-portal:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 60px rgba(0,212,255,.8),inset 0 0 30px rgba(138,43,226,.5)}}@media (max-width:768px){.modal-portal{top:var(--spacing-md);left:var(--spacing-md);transform:none;width:auto;height:auto;clip-path:none;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(10,10,26,.8);border:2px solid var(--neon-blue);border-radius:var(--radius-md);text-decoration:none;font-size:.9rem;box-shadow:0 0 15px rgba(0,212,255,.3)}.modal-portal .portal-icon{font-size:1rem;margin-bottom:0}.modal-portal .portal-text{color:var(--primary-silver)}.modal-portal:hover{transform:scale(1.05)}}.modal-portal.visible{display:flex}.portal-icon{font-size:3rem;margin-bottom:var(--spacing-xs)}.portal-text{font-family:var(--font-primary);font-size:1rem;color:var(--primary-silver);letter-spacing:.1em}@keyframes portalPulse{0%,100%{opacity:.9;box-shadow:0 0 40px rgba(0,212,255,.5),inset 0 0 20px rgba(138,43,226,.3)}50%{opacity:1;box-shadow:0 0 60px rgba(0,212,255,.7),inset 0 0 30px rgba(138,43,226,.5)}}#modal-lightbar{position:fixed;top:0;left:0;width:100%;height:8px;z-index:4000;background:linear-gradient(to bottom,var(--purple-dark) 0,var(--neon-purple) 50%,rgba(255,255,255,.9) 100%);box-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px var(--neon-blue),0 0 80px rgba(0,212,255,.6),0 0 120px rgba(0,212,255,.4);opacity:0;animation:.4s lightBarOff}#modal-lightbar.lights-on{opacity:1;animation:.4s lightBarOn}@keyframes lightBarOn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lightBarOff{from{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}#modal-lightbar::after{content:'';position:absolute;top:100%;left:0;width:100%;height:300px;background:linear-gradient(to bottom,rgba(0,212,255,.25) 0,rgba(0,212,255,.1) 40%,transparent 100%);pointer-events:none;z-index:-1}.modal-background{position:fixed;top:0;left:-75px;width:calc(100% + 75px);height:100%;opacity:.15;pointer-events:none;overflow:hidden;transition:opacity .8s ease-out}.modal-background.lights-on{opacity:1;pointer-events:auto;animation:2s lightBarOnBackgroundEffect}@keyframes lightBarOnBackgroundEffect{from{opacity:.15}to{opacity:1}}.modal-geometric-pattern{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.modal-geometric-pattern .triangle-piece{position:absolute;z-index:0;width:auto;height:150px;transition:transform .8s cubic-bezier(.4, 0, .2, 1)}.modal-geometric-pattern .triangle-piece.animating{z-index:1000;transition:transform .8s cubic-bezier(.4, 0, .2, 1)}.modal-content.active{display:flex}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal-content{display:none;margin:var(--spacing-xxl) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);background-color:rgba(10,10,26,.5);border:2px solid var(--neon-blue);border-radius:var(--radius-lg);max-width:1000px;width:auto;max-height:80dvh;overflow-y:auto;position:relative;box-shadow:0 0 40px rgba(0,212,255,.3);animation:.4s modalSlideIn}@keyframes modalSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:2rem;font-weight:700;color:var(--neon-red);cursor:pointer;z-index:10;transition:.3s;line-height:1;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid rgba(255,51,102,.3);box-shadow:inset var(--shadow-neon-red),var(--shadow-neon-red);text-shadow:var(--shadow-neon-red)}.modal-close:hover{color:var(--accent-silver);background:var(--neon-red);border-color:var(--neon-red);transform:rotate(90deg);box-shadow:0 0 20px rgba(255,51,102,.5)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.modal-left{display:flex;flex-direction:column;padding:var(--spacing-xl);padding-right:var(--spacing-md);gap:var(--spacing-xl)}.modal-right{display:flex;flex-direction:column;padding:var(--spacing-xl);padding-left:var(--spacing-md);gap:var(--spacing-xl)}.modal-title{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1;text-align:center;color:var(--primary-silver);margin:0;margin-top:var(--spacing-sm);background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-title-mobile{display:none}.modal-image{display:flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:center}.modal-image img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-specs{background:var(--accent-blue);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-md);padding:var(--spacing-md)}.modal-specs-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--primary-silver);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em}.modal-specs-grid{display:grid;gap:var(--spacing-sm)}.modal-spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:rgba(0,212,255,.05);border-radius:var(--radius-sm)}.modal-spec-label{font-size:.9rem;color:var(--bright-silver);font-weight:var(--font-weight-medium)}.modal-spec-value{text-align:right;font-size:1rem;color:var(--neon-blue);font-weight:var(--font-weight-semibold)}.modal-story{background:var(--primary-dark);border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-md);padding:var(--spacing-md)}.modal-story-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--primary-silver);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em}.modal-story-text{font-size:1rem;line-height:1.7;color:var(--bright-silver);margin:0}.modal-explore-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-neon);border:2px solid var(--neon-blue);border-radius:var(--radius-lg);color:var(--primary-dark);font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:.3s;box-shadow:0 0 20px rgba(0,212,255,.4),0 0 40px rgba(138,43,226,.3);animation:3s ease-in-out infinite exploreBtnPulse;position:relative;overflow:hidden}.modal-explore-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:3s linear infinite exploreBtnShimmer}.modal-explore-btn:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,212,255,.6),0 0 60px rgba(138,43,226,.5);border-color:var(--neon-purple)}.modal-explore-btn:active{transform:scale(.98)}.explore-icon{font-size:1.3rem;animation:2s ease-in-out infinite exploreIconFloat}.explore-icon:first-child{animation-delay:0s}.explore-icon:last-child{animation-delay:1s}.explore-text{position:relative;z-index:1}@keyframes exploreBtnPulse{0%,100%{box-shadow:0 0 20px rgba(0,212,255,.4),0 0 40px rgba(138,43,226,.3)}50%{box-shadow:0 0 30px rgba(0,212,255,.6),0 0 60px rgba(138,43,226,.5)}}@keyframes exploreBtnShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes exploreIconFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.modal-footer{background:var(--primary-dark);border-top:1px solid rgba(192,192,192,.1);padding:var(--spacing-lg);margin-top:auto}.modal-footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.modal-footer-logo{display:flex;align-items:center}.modal-footer-logo-svg{height:20px;width:auto;transition:.3s;filter:brightness(.9)}.modal-footer-logo:hover .modal-footer-logo-svg{filter:brightness(1.2)}.modal-footer-text{color:var(--bright-silver);margin:0}.product-copyright{position:fixed;bottom:var(--spacing-md);left:50%;transform:translateX(-50%);z-index:1998;opacity:0;transition:opacity .3s;pointer-events:none}.product-container.active .product-copyright{opacity:.8}.product-copyright p{color:var(--bright-silver);text-align:center;font-size:.9rem;margin:0;text-shadow:0 0 10px rgba(0,0,0,.8)}.modal-content[style*="display: block"]~.product-copyright,.modal-content[style*="display: flex"]~.product-copyright{opacity:0}@media (max-width:768px){.modal-content{margin:0 var(--spacing-sm);width:auto;height:100dvh;max-height:100dvh;border:none;border-left:2px solid var(--neon-blue);border-right:2px solid var(--neon-blue);border-radius:0}.modal-background{left:-25px;width:calc(100% + 25px)}.modal-geometric-pattern .triangle-piece{height:50px!important}.modal-body{grid-template-columns:1fr;padding-top:var(--spacing-md);padding-bottom:var(--spacing-xxl);gap:0}.modal-image{order:1;flex-shrink:1;min-height:0}.modal-image img{max-height:70vh;width:100%;object-fit:contain}.modal-title{display:none}.modal-title-mobile{display:flex;order:2;flex-shrink:0;justify-content:center;text-align:center;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-left{max-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;order:1;padding:var(--spacing-md);padding-bottom:var(--spacing-md);gap:var(--spacing-md)}.modal-right{order:2;padding:var(--spacing-md);padding-top:0;gap:var(--spacing-md)}.modal-explore-btn{font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg)}.modal-close{display:none}#modal-lightbar{top:auto;bottom:0;background:linear-gradient(to top,var(--purple-dark) 0,var(--neon-purple) 50%,rgba(255,255,255,.9) 100%)}@keyframes lightBarOn{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lightBarOff{from{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}#modal-lightbar::before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:300px;background:linear-gradient(to top,rgba(0,212,255,.25) 0,rgba(0,212,255,.1) 40%,transparent 100%);pointer-events:none;z-index:-1}.modal-footer-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.modal-footer-logo-svg{height:18px}.modal-footer-text{font-size:.85rem}}.ripple-effect{position:absolute;width:100px;height:100px;border-radius:50%;pointer-events:none;z-index:999;transform:translate(-50%,-50%)}.ripple-effect::after,.ripple-effect::before{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;border:2px solid var(--neon-blue);border-radius:50%;transform:translate(-50%,-50%);animation:2s ease-out rippleExpand}.ripple-effect::after{animation-delay:.4s;border-color:var(--neon-purple)}@keyframes rippleExpand{0%{width:30px;height:30px;opacity:.8}100%{width:120px;height:120px;opacity:0}}.hand-indicator{position:absolute;font-size:3rem;z-index:1001;pointer-events:none;opacity:0;transition:1s ease-in-out;filter:drop-shadow(0 0 8px rgba(255, 255, 255, .6));transform:translate(-50%,-25%)}.hand-indicator.tapping{animation:.5s ease-in-out handTap}@keyframes handTap{0%{transform:translate(-50%,-25%) scale(1)}50%{transform:translate(-50%,-25%) scale(.8)}100%{transform:translate(-50%,-25%) scale(1.2)}}