:root{--bg-color:#f4ebe1;--accent-color:#e0937a;--rose-gold:#c87961;--client-cyan:#9df9ef;--text-color:#2f2a28;--text-light:#6d635e;--font-primary:"Outfit", sans-serif;--font-heading:"Playfair Display", serif;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-padding{padding:80px 0}.section-title{font-family:var(--font-heading);color:var(--rose-gold);text-align:center;text-shadow:2px 2px #9df9ef80;margin-bottom:40px;font-size:2.5rem;font-style:italic;font-weight:400}.top-nav{z-index:1000;justify-content:center;width:100%;transition:all .3s;display:flex;position:fixed;top:20px;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-pill{background-color:#fff;border-radius:50px;gap:5px;padding:5px 10px;display:flex;box-shadow:0 4px 20px #00000014}.nav-link{font-family:var(--font-primary);color:var(--rose-gold);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 25px;font-size:1rem;font-weight:500;transition:all .3s}.nav-link:hover,.nav-link.active{background-color:var(--rose-gold);color:#fff}.hamburger{cursor:pointer;z-index:1001;background-color:#fff;border:none;border-radius:50px;width:50px;height:50px;margin-left:auto;margin-right:20px;display:none;position:relative;box-shadow:0 4px 20px #00000014}.hamburger span{background:var(--rose-gold);width:20px;height:2px;transition:all .3s;position:absolute;left:15px}.hamburger span:first-child{top:20px}.hamburger span:nth-child(2){top:28px}.hamburger.open span:first-child{top:24px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){top:24px;transform:rotate(-45deg)}.mobile-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border-radius:20px;flex-direction:column;gap:15px;padding:20px;transition:all .3s;display:flex;position:fixed;top:80px;left:20px;right:20px;transform:translateY(-20px);box-shadow:0 10px 40px #00000026}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-link{font-family:var(--font-primary);color:var(--rose-gold);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;padding:12px 20px;font-size:1.1rem;font-weight:500;transition:all .3s}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--rose-gold);color:#fff}@media (width<=768px){.hidden-mobile{display:none!important}.hamburger.visible-mobile{appearance:none;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important}.top-nav{justify-content:space-between;padding:0 20px}.nav-container{justify-content:flex-end;width:100%;display:flex}}@media (width>=769px){.visible-mobile,.mobile-menu{display:none!important}}.custom-cursor{border:1.5px solid var(--rose-gold);pointer-events:none;z-index:9999;background-color:#e0937a1a;border-radius:50%;width:30px;height:30px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovering{background-color:#9df9ef66;border-color:#0000;width:50px;height:50px}.floating-shape{filter:blur(60px);z-index:0;opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.shape-1{background:#e0937a66;width:300px;height:300px;top:-50px;left:-50px}.shape-2{background:#c8796133;width:400px;height:400px;animation-delay:-5s;bottom:20%;right:-100px}.shape-3{background:#e0937a4d;width:250px;height:250px;animation-delay:-10s;top:40%;left:20%}.shape-4{background:#9df9ef33;width:350px;height:350px;animation-delay:-15s;bottom:10%;left:-50px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}a{color:inherit;transition:color var(--transition-speed) ease;text-decoration:none}.hero{text-align:center;background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.hero-video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:0;background:linear-gradient(135deg,#f4ebe1d9 0%,#e0937aa6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.light-rays{pointer-events:none;z-index:0;mix-blend-mode:overlay;background:repeating-conic-gradient(at 50% 20%,#fff0 0deg,#ffffff26 15deg,#fff0 30deg);width:200%;height:200%;animation:40s linear infinite alternate slowRotate;position:absolute;top:-50%;left:-50%;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 10%,#0000 60%);mask-image:radial-gradient(circle at 50% 30%,#000 10%,#0000 60%)}@keyframes slowRotate{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.1)}}.hero-content{z-index:1;max-width:800px}.hero-title{font-family:var(--font-heading);color:var(--text-color);letter-spacing:2px;margin-bottom:15px;font-size:clamp(3rem,8vw,5rem);font-weight:400}.hero-tagline{color:var(--text-color);letter-spacing:1px;margin-bottom:40px;font-size:clamp(1rem,3vw,1.5rem);font-weight:300}.cursor{color:var(--rose-gold);font-weight:100}@keyframes blink{50%{opacity:0}}.shine-text{background:linear-gradient(120deg, var(--text-color) 40%, var(--rose-gold) 48%, #fff 50%, var(--rose-gold) 52%, var(--text-color) 60%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shine;display:inline-block}@keyframes shine{to{background-position:-200%}}.cta-button{background-color:var(--client-cyan);color:var(--text-color);letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-speed) ease;border-radius:50px;padding:15px 40px;font-size:1.1rem;font-weight:600;display:inline-block;box-shadow:0 10px 20px #9df9ef4d}.cta-button:hover{background-color:var(--rose-gold);color:#fff;transform:translateY(-3px);box-shadow:0 15px 25px #c8796166}.about{text-align:center;background-color:#fff}.about-bio{max-width:800px;color:var(--text-color);margin:0 auto 15px;font-size:1.15rem;font-weight:300;line-height:1.5}.about-bio strong{color:var(--text-color);font-weight:500}.availability-rotating{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.availability-static{text-transform:uppercase;letter-spacing:3px;color:var(--text-light);font-size:.9rem;font-weight:500}.rotating-word-container{align-items:center;width:320px;height:45px;display:flex;position:relative;overflow:hidden}.rotating-word{white-space:nowrap;width:100%;height:100%;font-family:var(--font-heading);color:var(--text-color);background-color:var(--client-cyan);opacity:0;border:none;border-radius:50px;justify-content:center;align-items:center;font-size:1.4rem;font-style:italic;font-weight:500;display:flex;position:absolute;top:0;left:0}.rotating-word.active{animation:2s cubic-bezier(.4,0,.2,1) forwards rotateWord}@keyframes rotateWord{0%{opacity:0;transform:translateY(100%)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.stats{background-color:var(--bg-color)}.stats-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.stat-card{text-align:center;max-width:350px;transition:transform var(--transition-speed) ease;background:#fff;border:1px solid #e0937a33;border-radius:15px;flex:250px;padding:40px 20px;box-shadow:0 10px 30px #00000008}.stat-card:hover{border-color:var(--client-cyan);transform:translateY(-5px);box-shadow:0 15px 30px #9df9ef33}.stat-number{font-family:var(--font-heading);color:var(--rose-gold);margin-bottom:10px;font-size:3rem;font-weight:600}.stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-light);font-size:1.1rem;font-weight:500}.services{background-color:#fff}.services-accordion{flex-direction:column;gap:15px;max-width:800px;margin:0 auto;display:flex}.accordion-item{cursor:pointer;background-color:#fff;border:1px solid #9df9ef66;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000008}.accordion-item:hover,.accordion-item.active{border-color:var(--client-cyan);transform:translateY(-2px);box-shadow:0 8px 25px #9df9ef33}.accordion-header{justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.accordion-header h3{font-size:1.3rem;font-family:var(--font-heading);color:var(--rose-gold);margin-bottom:0;font-weight:600}.accordion-icon{color:var(--rose-gold);background:#b76e791a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;font-weight:300;line-height:1;transition:all .3s;display:flex}.accordion-item:hover .accordion-icon,.accordion-item.active .accordion-icon{background:var(--rose-gold);color:#fff}.accordion-content{opacity:0;max-height:0;padding:0 30px;transition:max-height .4s,padding .4s,opacity .4s;overflow:hidden}.accordion-item.active .accordion-content{opacity:1;max-height:300px;padding:0 30px 25px}.service-desc{color:var(--text-light);margin:0;font-size:1.05rem;line-height:1.6}.portfolio{background-color:var(--bg-color)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.portfolio-item{aspect-ratio:4/5;transition:transform var(--transition-speed) ease;background-color:#e0937a33;border-radius:200px 200px 15px 15px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.portfolio-item:hover{transform:translateY(-10px)}.portfolio-img{object-fit:cover;width:100%;height:100%;display:block}.brands{background-color:var(--bg-color)}.marquee-wrapper{width:100%;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee{-webkit-user-select:none;user-select:none;gap:30px;display:flex;overflow:hidden}.marquee-content{flex-shrink:0;justify-content:space-around;gap:30px;min-width:100%;animation:20s linear infinite scrollMarquee;display:flex}.marquee-logo{color:#b76e79;width:90px;height:90px;font-family:var(--font-heading);background-color:#f0e8e8;border:1px solid #e8b4b8;border-radius:50%;justify-content:center;align-items:center;padding:10px;font-size:.95rem;font-weight:600;display:flex;overflow:hidden}.brand-logo-img{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 30px))}}.reels{background-color:#fff}.reels-grid{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.smartphone{background-color:var(--text-color);width:280px;height:570px;box-shadow:0 20px 40px #0000001a, inset 0 0 0 8px var(--text-color);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;border-radius:40px;position:relative;overflow:hidden}.smartphone:hover{box-shadow:0 30px 50px #e0937a33, inset 0 0 0 8px var(--text-color);transform:translateY(-10px)}.notch{background-color:var(--text-color);z-index:10;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:120px;height:25px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{background-color:#000;border-radius:32px;position:absolute;inset:8px;overflow:hidden}.reel-img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:opacity var(--transition-speed) ease, transform 3s ease}.smartphone:hover .reel-img{opacity:.7;transform:scale(1.05)}.play-button{color:#ffffffe6;pointer-events:none;text-shadow:0 4px 15px #00000080;transition:transform var(--transition-speed) ease;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.smartphone:hover .play-button{color:var(--client-cyan);transform:translate(-50%,-50%)scale(1.1)}.contact{text-align:center;background-color:#fff}.instagram-link{margin-bottom:40px}.instagram-link a{font-size:1.5rem;font-family:var(--font-heading);color:var(--rose-gold);transition:color var(--transition-speed) ease;font-style:italic}.instagram-link a:hover{color:var(--client-cyan);text-shadow:0 0 10px #9df9ef80}.contact-form{text-align:left;max-width:700px;margin:0 auto}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.form-group{margin-bottom:20px}.contact-form input,.contact-form textarea,.contact-form select{background-color:var(--bg-color);width:100%;font-family:var(--font-primary);color:var(--text-color);transition:border-color var(--transition-speed) ease;border:1px solid #e0937a80;border-radius:8px;padding:15px 20px;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--client-cyan);background-color:#fff;outline:none;box-shadow:0 0 15px #b76e791a}.contact-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23B76E79\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:right 10px top 50%;background-repeat:no-repeat}.submit-button{background-color:var(--rose-gold);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;transition:background-color var(--transition-speed) ease;border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:500}.submit-button:hover{background-color:var(--accent-color)}.form-success{background-color:var(--client-cyan);color:var(--rose-gold);text-align:center;font-family:var(--font-body);border-radius:12px;margin-top:20px;padding:20px;font-size:1.05rem;line-height:1.5;transition:transform .3s,box-shadow .3s;animation:.6s forwards fadeIn}.form-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9df9ef66}.success-ig-link{color:#b76e79;font-weight:600;text-decoration:none;transition:-webkit-text-decoration .2s,text-decoration .2s}.success-ig-link:hover{text-decoration:underline}.hidden{display:none}.instagram-banner{background-color:var(--client-cyan);text-align:center;transition:background-color var(--transition-speed) ease;cursor:pointer;padding:25px 0}.instagram-banner:hover{background-color:var(--rose-gold)}.instagram-banner-link{color:var(--text-color);text-decoration:none;display:block}.instagram-banner:hover .instagram-banner-link{color:#fff}.banner-content{font-family:var(--font-heading);justify-content:center;align-items:center;gap:15px;font-size:1.5rem;font-style:italic;font-weight:600;display:flex}.banner-arrow{transition:transform var(--transition-speed) ease;font-size:1.8rem;font-style:normal}.instagram-banner:hover .banner-arrow{transform:translate(10px)}.footer{background-color:var(--bg-color);border-top:1px solid #b76e7926;padding:60px 0 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.footer-left{flex-direction:column;gap:10px;display:flex}.footer-brand{font-family:var(--font-heading);color:var(--rose-gold);letter-spacing:2px;margin:0;font-size:1.8rem}.footer-copyright{color:var(--text-light);margin:0;font-size:.95rem}.footer-right{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.footer-links{gap:20px;display:flex}.footer-link{color:var(--text-color);padding-bottom:2px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.footer-link:after{content:"";background-color:var(--rose-gold);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-link:hover{color:var(--rose-gold)}.footer-link:hover:after{width:100%}.footer-credit{color:var(--text-light);margin:0;font-size:.85rem}.footer-credit a{color:inherit;-webkit-text-decoration:underline #e0937a66;text-decoration:underline #e0937a66;transition:color .3s}.footer-credit a:hover{color:var(--rose-gold)}.fade-in-section{opacity:0;will-change:opacity, visibility;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:none}.staggered-item{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.staggered-item.is-visible{opacity:1;transform:none}@media (width<=768px){.section-padding{padding:60px 0}.hero-title{margin-bottom:10px;font-size:2.8rem}.hero-tagline{margin-bottom:30px;font-size:1.1rem}.footer-content{text-align:center;flex-direction:column;align-items:center}.footer-right{align-items:center}.section-title{margin-bottom:30px;font-size:2rem}.about-bio{font-size:1rem}.stat-card{flex:100%;max-width:100%;padding:30px 15px}.stat-number{font-size:2.5rem}.service-item{text-align:center;width:100%;padding:15px 25px;font-size:1rem}.cta-button,.submit-button{padding:12px 30px;font-size:1rem}.form-row{flex-direction:column;gap:0}.custom-cursor{display:none!important}.shape-1{width:200px;height:200px}.shape-2{width:250px;height:250px;right:-50px}.shape-3{width:150px;height:150px}.reels-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:20px;margin-left:-20px;margin-right:-20px;padding-bottom:20px;padding-left:20px;padding-right:20px;overflow-x:auto}.smartphone{scroll-snap-align:center;flex:none;width:250px;height:509px;transform:scale(.9)}}.sphere-root{--radius:520px;--viewer-pad:72px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y));width:100%;height:100%;position:relative}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage{width:100%;height:100%;perspective:calc(var(--radius) * 2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay,.overlay--blur{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.overlay{background-image:radial-gradient(#ebebeb00 65%, var(--overlay-blur-color,#120f17) 100%)}.overlay--blur{-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta,0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta,0deg))) translateZ(var(--radius));margin:auto;transition:transform .3s;position:absolute;inset:-999px}.item__image{border-radius:var(--tile-radius,12px);backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;background:0 0;transition:transform .3s;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image:focus{outline:none}.item__image img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none)}.viewer{z-index:20;pointer-events:none;padding:var(--viewer-pad);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer .frame{aspect-ratio:1;border-radius:var(--enlarge-radius,32px);height:100%;display:flex}@media (aspect-ratio<=1){.viewer .frame{width:100%;height:auto}}.viewer .scrim{z-index:10;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;transition:opacity .5s;position:absolute;inset:0}.sphere-root[data-enlarging=true] .viewer .scrim{opacity:1;pointer-events:all}.viewer .enlarge{z-index:30;border-radius:var(--enlarge-radius,32px);transform-origin:0 0;transition:transform .5s,opacity .5s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000059}.viewer .enlarge img{object-fit:cover;width:100%;height:100%;filter:var(--image-filter,none)}.sphere-root .enlarge-closing img{filter:var(--image-filter,none)}.edge-fade{z-index:5;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--overlay-blur-color,#120f17));height:120px;position:absolute;left:0;right:0}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}
