@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Raleway:wght@200;300;400;600;700&display=swap";:root{--sky-deep: #020c1f;--sky-mid: #0a2a5e;--sky-bright: #1464b0;--sky-light: #4ca0d8;--sky-haze: #8dcce8;--horizon: #c8e8f4;--ocean-top: #1a7ab5;--ocean-mid: #0d4e80;--ocean-deep: #062a50;--gold: #f0c060;--teal: #00d4ff}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background:var(--sky-deep);font-family:Raleway,sans-serif}.navbar{position:fixed;top:-10px;left:-11px;right:-10px;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:7px 18px;background:#050f238c;border:1px solid rgba(0,210,255,.12);border-radius:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.side-navbar{position:fixed;top:0;left:-70%;width:30%;height:100vh;background:#000000e3;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);padding:18px 16px;transition:left .6s ease;z-index:999;display:none}.side-navbar.open{left:0}.side-navbar i{color:#fff;font-size:24px;cursor:pointer;margin-bottom:20px}.side-navbar-links{display:flex;flex-direction:column;gap:25px;margin-top:18px}.side-navbar-link a{font-size:14px;font-family:Raleway,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d2ebffd9;text-decoration:none}.side-navbar-link a:hover,.side-navbar-link a.active{color:var(--teal)}.logo{width:90px;height:auto}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{position:relative;font-size:13.5px;font-family:Raleway,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d2ebffd9;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--teal)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;background:linear-gradient(90deg,var(--teal),#0055ff);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.sky-bg{position:absolute;inset:0;background:linear-gradient(to bottom,#020c1f,#061a42 12%,#0c3470 26%,#1464b0 42%,#3090cc 55%,#6ab8df 65%,#a8d8ee 72%,#cce8f5 78%,#e0f2fa,#f5f0e8,#f0d8a0 93%,#e8b870)}.horizon-glow{position:absolute;bottom:32%;left:0;right:0;height:18%;background:radial-gradient(ellipse 70% 100% at 28% 100%,rgba(255,200,100,.38) 0%,transparent 70%);pointer-events:none;z-index:3}.photo-aura-wrapper{position:absolute;top:19%;left:5%;width:200px;height:200px;z-index:15;will-change:transform}.aura-glow-outer{position:absolute;inset:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,130,.22) 0%,rgba(255,180,80,.15) 35%,rgba(255,140,50,.08) 60%,transparent 80%);animation:auraPulse 5s ease-in-out infinite;pointer-events:none}.aura-glow-inner{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.35) 0%,rgba(255,200,100,.2) 45%,transparent 75%);animation:auraPulse 5s ease-in-out infinite reverse;pointer-events:none}.light-rays{position:absolute;inset:-50px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,220,120,.09) 4deg,transparent 8deg,transparent 18deg,rgba(255,220,120,.07) 22deg,transparent 26deg,transparent 38deg,rgba(255,220,120,.09) 42deg,transparent 46deg,transparent 58deg,rgba(255,220,120,.07) 62deg,transparent 66deg,transparent 78deg,rgba(255,220,120,.09) 82deg,transparent 86deg,transparent 98deg,rgba(255,220,120,.07) 102deg,transparent 106deg,transparent 118deg,rgba(255,220,120,.09) 122deg,transparent 126deg,transparent 138deg,rgba(255,220,120,.07) 142deg,transparent 146deg,transparent 158deg,rgba(255,220,120,.09) 162deg,transparent 166deg,transparent 178deg,rgba(255,220,120,.07) 182deg,transparent 186deg,transparent 198deg,rgba(255,220,120,.09) 202deg,transparent 206deg,transparent 218deg,rgba(255,220,120,.07) 222deg,transparent 226deg,transparent 238deg,rgba(255,220,120,.09) 242deg,transparent 246deg,transparent 258deg,rgba(255,220,120,.07) 262deg,transparent 266deg,transparent 278deg,rgba(255,220,120,.09) 282deg,transparent 286deg,transparent 298deg,rgba(255,220,120,.07) 302deg,transparent 306deg,transparent 318deg,rgba(255,220,120,.09) 322deg,transparent 326deg,transparent 338deg,rgba(255,220,120,.07) 342deg,transparent 346deg,transparent 358deg);animation:raysRotate 25s linear infinite;pointer-events:none}.aura-rings{position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(255,220,120,.2);animation:ringExpand 3.5s ease-out infinite;pointer-events:none}.aura-rings:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(255,200,100,.12);animation:ringExpand 3.5s ease-out infinite .8s}.aura-rings:after{content:"";position:absolute;inset:-36px;border-radius:50%;border:1px solid rgba(255,180,80,.07);animation:ringExpand .5s ease-out infinite .6s}@keyframes ringExpand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.photo-circle{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,230,160,.5);box-shadow:0 0 0 6px #ffd2781f,0 0 30px #ffbe5066,0 0 70px #ffa03c40,0 0 130px #ff82281f;animation:photoPulse 5s ease-in-out infinite;z-index:2}.photo-img{width:100%;height:100%;object-fit:cover;display:block}@keyframes photoPulse{0%,to{box-shadow:0 0 0 6px #ffd2781f,0 0 30px #ffbe5066,0 0 70px #ffa03c40,0 0 130px #ff82281f}50%{box-shadow:0 0 0 8px #ffdc8c2e,0 0 45px #ffc85a8c,0 0 95px #ffaa4652,0 0 180px #ff8c3229}}@keyframes auraPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes raysRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-water-reflection{position:absolute;left:13%;bottom:48%;width:180px;height:25%;background:linear-gradient(to bottom,rgba(255,200,100,.3) 0%,rgba(255,160,60,.15) 50%,transparent 100%);filter:blur(22px);border-radius:50%;pointer-events:none;z-index:9;animation:reflPulse 5s ease-in-out infinite}@keyframes reflPulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.25)}}.clouds{position:absolute;inset:0;pointer-events:none;z-index:4}.cloud{position:absolute;background:#ffffff29;border-radius:50px;filter:blur(12px);animation:cloudDrift linear infinite}.cloud-1{width:300px;height:45px;top:11%;left:-320px;opacity:.45;animation-duration:95s;animation-delay:0s}.cloud-2{width:210px;height:32px;top:16%;left:-230px;opacity:.3;animation-duration:115s;animation-delay:-28s}.cloud-3{width:360px;height:55px;top:7%;left:-380px;opacity:.38;animation-duration:80s;animation-delay:-55s}.cloud-4{width:190px;height:28px;top:22%;left:-210px;opacity:.28;animation-duration:140s;animation-delay:-75s}.cloud-5{width:270px;height:42px;top:5%;left:-290px;opacity:.4;animation-duration:90s;animation-delay:-18s}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 420px))}}.birds{position:absolute;top:38%;left:35%;z-index:8;pointer-events:none;animation:birdsMove 28s linear infinite}.bird{display:inline-block;width:20px;height:9px;border-top:2.5px solid rgba(30,20,5,.9);border-radius:50% 50% 0 0;margin:0 5px;animation:birdFlap .9s ease-in-out infinite alternate}.bird:nth-child(2){animation-delay:.15s;transform:scale(.75) translateY(7px)}.bird:nth-child(3){animation-delay:.28s;transform:scale(.6) translateY(13px)}@keyframes birdFlap{0%{transform:rotateX(0)}to{transform:rotateX(25deg)}}@keyframes birdsMove{0%{transform:translate(-150px)}to{transform:translate(120vw)}}.particles{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.particle{position:absolute;border-radius:50%;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(60vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:.4}to{transform:translateY(-8vh) translate(var(--dx, 30px));opacity:0}}.ocean{position:absolute;bottom:0;left:0;right:0;height:32%;overflow:hidden}.ocean-body{position:absolute;inset:0;background:linear-gradient(to bottom,#1a8cc8,#1070a8 15%,#0c528a 35%,#083870 58%,#052050 78%,#030e30)}.ocean-depth-1{position:absolute;top:18%;left:0;right:0;height:6px;background:#1ea0dc2e;filter:blur(4px)}.ocean-depth-2{position:absolute;top:38%;left:0;right:0;height:4px;background:#1478b41f;filter:blur(6px)}.ocean-shimmer{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,rgba(255,255,255,.015) 1px,transparent 2px,transparent 18px);animation:shimmerScroll 4s linear infinite}@keyframes shimmerScroll{0%{background-position:0 0}to{background-position:0 72px}}.wave-layer{position:absolute;width:200%;left:-50%;height:90px}.wave-layer svg{width:100%;height:100%}.wave-back{top:-35px;z-index:2;animation:waveSway1 10s ease-in-out infinite;opacity:.7}.wave-mid{top:-20px;z-index:3;animation:waveSway2 7s ease-in-out infinite;opacity:.85}.wave-front{top:-8px;z-index:4;animation:waveSway3 5s ease-in-out infinite}@keyframes waveSway1{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-4%) scaleY(1.08)}}@keyframes waveSway2{0%,to{transform:translate(3%) scaleY(1)}50%{transform:translate(-3%) scaleY(.93)}}@keyframes waveSway3{0%,to{transform:translate(-2%) scaleY(1)}50%{transform:translate(4%) scaleY(1.05)}}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px}.scroll-cue-dot{width:6px;height:6px;border-radius:50%;background:#c8e6ff99;animation:dotBounce 1.8s ease-in-out infinite}.scroll-cue-dot:before{content:"";display:block;width:1px;height:28px;background:linear-gradient(to bottom,rgba(200,230,255,.5),transparent);margin:6px auto 0}@keyframes dotBounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}.page-wrapper{padding-top:70px;min-height:100vh;background:linear-gradient(to bottom,#020c1f,#041a38)}.inner-page{max-width:1100px;margin:0 auto;padding:80px 40px 120px}.page-hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:300;color:#e8d090;letter-spacing:.04em;margin-bottom:12px;text-shadow:0 0 60px rgba(255,190,80,.3)}.page-hero-line{width:350px;height:2px;background:linear-gradient(90deg,var(--teal),transparent);margin-bottom:48px}.section-reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px}.card{background:#ffffff0a;border:1px solid rgba(0,210,255,.1);border-radius:16px;padding:32px 28px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);border-color:#00d2ff4d;box-shadow:0 20px 60px #0064c826}.card-icon{font-size:2rem;margin-bottom:16px}.card-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;color:#c8e8ff;margin-bottom:10px}.card-body{font-size:.92rem;color:#b4d2f0a6;line-height:1.75;font-weight:300}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{font-size:.72rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;border:1px solid rgba(0,210,255,.25);color:var(--teal);background:#00d2ff0f}.lead-text{font-size:1.15rem;color:#c8e1ffb8;line-height:1.85;font-weight:300;max-width:680px;margin-bottom:48px}.timeline{position:relative;padding-left:28px;border-left:1px solid rgba(0,210,255,.18)}.timeline-item{position:relative;margin-bottom:48px}.timeline-item:before{content:"";position:absolute;left:-35px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px #00d2ff80}.timeline-year{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:6px}.timeline-role{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:#c8e8ff;margin-bottom:6px}.timeline-company{font-size:.9rem;color:#b4d2f08c;margin-bottom:10px}.timeline-desc{font-size:.9rem;color:#b4d2f099;line-height:1.75;font-weight:300}.client-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:40px}.client-item{background:#ffffff08;border:1px solid rgba(0,210,255,.08);border-radius:12px;padding:24px 20px;text-align:center;font-family:Cormorant Garamond,serif;font-size:1.1rem;color:#c8e1ff99;transition:all .3s ease}.client-item:hover{border-color:#00d2ff40;color:#c8e8ff;transform:translateY(-4px)}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:560px}.form-field{display:flex;flex-direction:column;gap:7px}.form-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00d2ffb3}.form-input,.form-textarea{background:#ffffff0a;border:1px solid rgba(0,210,255,.15);border-radius:10px;padding:12px 16px;font-family:Raleway,sans-serif;font-size:.95rem;color:#c8e8ff;outline:none;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-textarea:focus{border-color:#00d2ff73;box-shadow:0 0 20px #00d2ff1a}.form-textarea{resize:vertical;min-height:130px}.form-btn{align-self:flex-start;padding:12px 36px;background:linear-gradient(135deg,#00d2ff2e,#0050ff2e);border:1px solid rgba(0,210,255,.35);border-radius:8px;color:var(--teal);font-family:Raleway,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.form-btn:hover{background:linear-gradient(135deg,#00d2ff4d,#0050ff4d);box-shadow:0 8px 30px #00d2ff33;transform:translateY(-2px)}.floating-name{position:absolute;right:6%;bottom:30%;z-index:20;display:flex;gap:4px;align-items:flex-end}.float-letter{font-family:Cormorant Garamond,serif;font-size:7.5rem;font-weight:700;color:#fff;text-shadow:0 1px 0 #c8a878,0 2px 0 #c0a070,0 3px 0 #b89068,0 4px 0 #b08860,0 5px 0 #a88058,0 6px 0 #a07850,0 7px 0 #987048,0 8px 0 #906840,0 9px 0 #886038,0 10px 0 #805830,0 11px 2px rgba(0,0,0,.25),0 14px 8px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);animation:letterBob 2s ease-in-out infinite;animation-delay:calc(var(--i) * .11s);will-change:transform;line-height:1;display:inline-block}@keyframes letterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.typewriter{position:absolute;top:clamp(18%,10vh,26%);left:clamp(16%,24vw,32%);right:clamp(4%,4vw,8%);z-index:20;pointer-events:none}.typewriter h2{font-family:Cormorant Garamond,serif;font-size:clamp(1rem,2vw,1.65rem);font-weight:300;font-style:italic;letter-spacing:.04em;line-height:1.6;color:#dcf0ffe6;text-shadow:0 0 40px rgba(0,150,255,.3),0 2px 8px rgba(0,0,0,.3);overflow:hidden;max-height:0;animation:revealText 5s steps(60,end) 1.2s forwards}.typewriter h1{font-family:Raleway,sans-serif;font-size:clamp(.95rem,1.2vw + .4rem,1.8rem);font-weight:800;letter-spacing:clamp(.05em,.15vw + .02em,.15em);color:#c8ebffd9;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;border-right:2px solid rgba(0,210,255,.8);width:0;animation:typing 2.5s steps(40,end) 1s forwards,blink-caret .75s step-end infinite}@keyframes revealText{0%{max-height:0;opacity:.3}to{max-height:200px;opacity:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00d2ffcc}}.navbar-menu-toggle{display:none}@media(max-width:1200px){.float-letter{font-size:6rem}}@media(max-width:950px){.float-letter{font-size:6rem}.photo-aura-wrapper{width:200px;left:3%}.photo-img{width:200px}}@media(max-width:730px){.float-letter{font-size:5rem}.photo-aura-wrapper{width:150px;top:25%}.aura-glow-outer{inset:-50px}.photo-circle,.photo-img{width:160px;height:160px}.light-rays{inset:-40px}.aura-rings{inset:-6px}.aura-rings:before{inset:-15px}.aura-rings:after{inset:-3px}.nav-links{display:none}.navbar-menu-toggle{display:block}.navbar-menu-toggle i{color:#fff;font-size:22px;cursor:pointer}.side-navbar{display:block}}@media(max-width:660px){.float-letter{font-size:4.5rem}.photo-aura-wrapper{width:130px;top:25%}.aura-glow-outer{inset:-30px}.photo-circle,.photo-img{width:160px;height:160px}.light-rays{inset:-30px}.aura-rings{inset:-2px}.aura-rings:before{inset:-1px}.aura-rings:after{inset:-1px}.typewriter h2{margin-top:10px;margin-left:60px}.typewriter h1{margin-top:70px;margin-left:60px}}@media(max-width:730px){.typewriter h1{animation:none;border-right:none;width:auto;white-space:normal}}@media(max-width:500px){.typewriter h2{font-size:.7rem;margin-left:80px}.typewriter h1{font-size:.8rem;margin-left:80px}.float-letter{font-size:3.5rem}.side-navbar{width:40%}}@media(max-width:395px){.typewriter h2,.typewriter h1{margin-left:100px}.float-letter{font-size:3rem}}