:root{--black: #355872;--white: #F7F8F0;--gray-50: #EEF3F5;--gray-100: #E1EAF0;--gray-200: #9CD5FF;--gray-300: #7AAACE;--gray-400: #5C839E;--gray-500: #496D87;--gray-600: #355872;--gray-700: #2C4B61;--gray-800: #233D50;--gray-900: #192D3B;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--fs-hero: clamp(3.5rem, 8vw, 9rem);--fs-h2: clamp(2.2rem, 4vw, 4.5rem);--fs-h3: clamp(1.3rem, 2vw, 2rem);--fs-body: clamp(.95rem, 1.1vw, 1.15rem);--fs-small: clamp(.75rem, .9vw, .9rem);--fs-label: clamp(.7rem, .8vw, .85rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--radius: 12px;--radius-lg: 20px;--transition: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--black);background:var(--white);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.section{padding:var(--space-2xl) 0}.section-header{margin-bottom:var(--space-xl)}.section-label{display:inline-block;font-family:var(--font-body);font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-400);margin-bottom:var(--space-md)}.splash{position:fixed;inset:0;z-index:9999;background:var(--gray-900);display:flex;align-items:center;justify-content:center}.splash-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.splash-flower{width:clamp(100px,20vw,160px);height:auto}.flower-stem{stroke-dasharray:80;stroke-dashoffset:80;animation:drawLine .8s ease-out .2s forwards}.flower-leaf{stroke-dasharray:80;stroke-dashoffset:80}.leaf-l{animation:drawLine .6s ease-out .7s forwards}.leaf-r{animation:drawLine .6s ease-out .9s forwards}.flower-petal{stroke-dasharray:120;stroke-dashoffset:120}.p1{animation:drawLine .7s ease-out 1.2s forwards}.p2{animation:drawLine .7s ease-out 1.35s forwards}.p3{animation:drawLine .7s ease-out 1.5s forwards}.p4{animation:drawLine .7s ease-out 1.65s forwards}.p5{animation:drawLine .7s ease-out 1.8s forwards}.p6{animation:drawLine .7s ease-out 1.95s forwards}.flower-center{animation:dotPulse .5s ease-out 2.5s forwards}.splash-brand{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800;letter-spacing:.3em;color:#fff;opacity:0;transform:translateY(10px);animation:fadeInUp .6s ease-out 2.8s forwards}.splash.fade-out{animation:splashFadeOut .8s ease-in-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes dotPulse{0%{opacity:0;r:0}60%{opacity:1;r:4}to{opacity:.8;r:3}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none;visibility:hidden}}.section-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--black)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem clamp(1.5rem,4vw,4rem);transition:var(--transition)}.navbar.scrolled{padding:.75rem clamp(1.5rem,4vw,4rem)}.nav-pill{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.6rem .6rem .6rem 1.5rem;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:100px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 30px #0000000f;transition:var(--transition)}.navbar.scrolled .nav-pill{background:#ffffffeb;box-shadow:0 8px 40px #0000001a}.nav-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.03em;color:var(--black);white-space:nowrap}.logo-dot{color:var(--gray-300)}.nav-center{display:flex;align-items:center;gap:1.8rem}.nav-center a{font-size:var(--fs-label);font-weight:500;letter-spacing:.02em;color:var(--gray-400);transition:var(--transition);position:relative}.nav-center a:after{content:"";position:absolute;bottom:-3px;left:50%;width:0;height:1.5px;background:var(--black);transition:var(--transition);transform:translate(-50%)}.nav-center a:hover{color:var(--black)}.nav-center a:hover:after{width:100%}.nav-cta{background:var(--black);color:var(--white)!important;padding:.55rem 1.4rem;border-radius:100px;font-size:var(--fs-label);font-weight:600;letter-spacing:.02em;transition:var(--transition);white-space:nowrap}.nav-cta:hover{background:var(--gray-700);transform:scale(1.03)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--black);transition:var(--transition);border-radius:2px}.nav-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:var(--white)}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.03) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);padding-top:6rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-lg);width:100%}.hero-text{z-index:2}.hero-label{font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--gray-400);margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:900;line-height:.95;letter-spacing:-.04em;color:var(--black);margin-bottom:var(--space-md)}.hero-title-accent{background:linear-gradient(135deg,var(--black) 0%,var(--gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:var(--fs-body);color:var(--gray-400);max-width:420px;margin-bottom:var(--space-lg);line-height:1.8}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero-3d{position:relative;width:100%;height:70vh;min-height:500px;display:flex;align-items:center;justify-content:center}#hero-canvas{width:100%!important;height:100%!important;display:block;cursor:grab}#hero-canvas:active{cursor:grabbing}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.hero-scroll-indicator span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gray-300)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gray-300),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.6)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.2rem;font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;letter-spacing:.03em;border-radius:100px;border:none;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:var(--gray-700);transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.btn-ghost{background:transparent;color:var(--black);border:1.5px solid var(--gray-200)}.btn-ghost:hover{border-color:var(--black);transform:translateY(-2px)}.btn-full{width:100%}.about{background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.about-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--black)}.about-text{color:var(--gray-400);margin-bottom:var(--space-md);line-height:1.9}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--gray-100)}.stat-number{display:block;font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--black) 0%,var(--gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:var(--fs-label);color:var(--gray-400);margin-top:.25rem;text-transform:uppercase;letter-spacing:.1em}.services{background:var(--gray-50)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service-card{background:var(--white);padding:clamp(2rem,3vw,3rem);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:var(--transition);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--black),var(--gray-300));transform:scaleX(0);transform-origin:left;transition:var(--transition-slow)}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014;border-color:transparent}.service-card:hover:before{transform:scaleX(1)}.service-number{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--gray-100);line-height:1;margin-bottom:var(--space-md);transition:var(--transition)}.service-card:hover .service-number{color:var(--gray-200)}.service-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--space-sm);letter-spacing:-.01em}.service-desc{color:var(--gray-400);font-size:var(--fs-small);line-height:1.8}.about-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:clamp(1.5rem,2.5vw,2rem);border:1px solid var(--gray-100);margin-bottom:var(--space-md)}.about-card-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--space-sm);letter-spacing:-.01em}.about-contact-strip{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.strip-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);color:var(--gray-400);background:var(--gray-50);padding:.5rem 1rem;border-radius:100px;border:1px solid var(--gray-100);transition:var(--transition)}.strip-item:hover{border-color:var(--gray-300);color:var(--black)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-card{background:var(--white);padding:clamp(1.5rem,2.5vw,2.5rem);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:var(--transition);text-align:center}.skill-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000000f;border-color:transparent}.skill-icon{font-size:2rem;margin-bottom:var(--space-sm)}.skill-card-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:.35rem;letter-spacing:-.01em}.skill-card-sub{font-size:var(--fs-small);color:var(--gray-400);margin-bottom:.5rem;line-height:1.6}.skill-card-detail{font-size:var(--fs-label);color:var(--gray-500);margin-bottom:var(--space-sm)}.skill-badge{display:inline-block;background:var(--black);color:var(--white);padding:.3rem 1rem;border-radius:100px;font-size:var(--fs-label);font-weight:600;letter-spacing:.02em}.ielts-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:var(--space-sm)}.ielts-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;background:var(--gray-50);border-radius:var(--radius);font-size:var(--fs-label)}.ielts-item span{color:var(--gray-400)}.ielts-item strong{font-family:var(--font-display);font-weight:700}.tech-skills-wrap{display:flex;flex-wrap:wrap;gap:.6rem}.tech-tag{display:inline-block;padding:.5rem 1.2rem;border-radius:100px;border:1px solid var(--gray-200);font-size:var(--fs-small);color:var(--gray-500);transition:var(--transition);cursor:default}.tech-tag:hover{border-color:var(--black);color:var(--black);transform:translateY(-2px)}.timeline{display:flex;gap:var(--space-lg);overflow-x:auto;padding:40px 0 var(--space-md) 0;margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm);position:relative;scrollbar-width:thin;scroll-snap-type:x mandatory}.timeline::-webkit-scrollbar{height:6px}.timeline::-webkit-scrollbar-track{background:var(--gray-50);border-radius:4px}.timeline::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.timeline:before{content:"";position:absolute;left:var(--space-sm);right:var(--space-sm);top:20px;height:2px;background:var(--gray-100);z-index:0}.timeline-item{position:relative;flex:0 0 clamp(280px,40vw,420px);display:flex;flex-direction:column;gap:var(--space-sm);scroll-snap-align:start}.timeline-item:before{content:"";position:absolute;top:-27px;left:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--gray-300);background:var(--white);z-index:1}.timeline-item:first-child:before{border-color:var(--black);background:var(--black)}.timeline-date{display:flex;flex-direction:column;gap:.25rem}.timeline-period{font-size:var(--fs-label);font-weight:600;color:var(--gray-500);letter-spacing:.02em}.timeline-type{font-size:var(--fs-label);color:var(--gray-400);background:var(--gray-50);padding:.2rem .6rem;border-radius:100px;display:inline-block;width:fit-content;border:1px solid var(--gray-100)}.timeline-content{padding-bottom:0}.timeline-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem}.timeline-role{font-size:var(--fs-small);font-weight:500;color:var(--gray-500);margin-bottom:.5rem}.timeline-desc{font-size:var(--fs-small);color:var(--gray-400);line-height:1.8}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.showcase-content h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--space-sm);color:var(--white)}.showcase-content p{font-size:var(--fs-small);line-height:1.8;color:var(--gray-300);margin-bottom:var(--space-sm)}.showcase-list{list-style:none;padding:0}.showcase-list li{position:relative;padding-left:1.5rem;margin-bottom:var(--space-sm);font-size:var(--fs-small);line-height:1.8;color:var(--gray-300)}.showcase-list li:before{content:"→";position:absolute;left:0;color:var(--gray-500)}.showcase-gallery{margin-top:var(--space-lg)}.gallery-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.gallery-header h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;color:var(--white)}.gallery-header p{font-size:var(--fs-small);color:var(--gray-400)}.gallery-track{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;scrollbar-width:thin}.gallery-track::-webkit-scrollbar{height:6px}.gallery-track::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.gallery-track::-webkit-scrollbar-thumb{background:var(--gray-500);border-radius:4px}.gallery-item{flex:0 0 clamp(220px,30vw,320px);aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;scroll-snap-align:start;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item.placeholder{border:2px dashed var(--gray-500);display:flex;align-items:center;justify-content:center;background:#ffffff08}.gallery-item.placeholder span{font-size:var(--fs-small);color:var(--gray-400);font-weight:500}.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.extra-card{background:var(--gray-50);padding:clamp(1.5rem,2.5vw,2.5rem);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:var(--transition)}.extra-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000000d}.extra-icon{font-size:1.8rem;margin-bottom:var(--space-sm)}.extra-card h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:.3rem;letter-spacing:-.01em}.extra-card p{font-size:var(--fs-small);color:var(--gray-400);line-height:1.6;margin-bottom:.5rem}.extra-org{font-size:var(--fs-label);color:var(--gray-500);font-style:italic}.corner-desc{color:var(--gray-400);max-width:600px;line-height:1.8;margin-bottom:var(--space-lg)}.corner-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);text-align:center;color:var(--gray-300)}.corner-placeholder p{margin-top:var(--space-sm);font-size:var(--fs-body);font-weight:500;color:var(--gray-300)}.work{background:var(--white)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.work-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.work-item-large{grid-column:span 2}.work-image{width:100%;height:400px;background-size:cover;background-position:center;transition:var(--transition-slow)}.work-item-large .work-image{height:500px}.work-item:hover .work-image{transform:scale(1.03)}.work-info{position:absolute;bottom:0;left:0;right:0;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:var(--white);transform:translateY(20px);opacity:0;transition:var(--transition)}.work-item:hover .work-info{opacity:1;transform:translateY(0)}.work-category{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.15em;opacity:.7}.work-name{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin:.5rem 0 .25rem}.work-tagline{font-size:var(--fs-small);opacity:.8}.testimonials{background:var(--black);color:var(--white)}.testimonials .section-label{color:var(--gray-500)}.testimonials .section-title{color:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.testimonial-card{background:var(--gray-800);border-radius:var(--radius-lg);padding:clamp(2rem,3vw,3rem);border:1px solid var(--gray-700);transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between}.testimonial-card:hover{border-color:var(--gray-500);transform:translateY(-4px)}.testimonial-quote{font-size:var(--fs-body);line-height:1.8;color:var(--gray-300);margin-bottom:var(--space-lg);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-sm)}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gray-600),var(--gray-800));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--gray-300);border:1px solid var(--gray-600)}.testimonial-name{font-weight:600;font-size:var(--fs-small)}.testimonial-role{font-size:var(--fs-label);color:var(--gray-500)}.contact{background:var(--gray-50)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-lg);align-items:center}.contact-3d{position:relative;width:100%;height:520px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);overflow:hidden}#footer-canvas{width:100%!important;height:100%!important;display:block}.contact-right-col{display:flex;flex-direction:column}.contact-right-col .section-label{margin-bottom:var(--space-sm)}.contact-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.contact-inline-info{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-md);flex-wrap:wrap}.contact-inline-info a{font-size:var(--fs-small);color:var(--gray-400);transition:var(--transition)}.contact-inline-info a:hover{color:var(--black)}.contact-divider{color:var(--gray-300);font-size:var(--fs-small)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1.5rem;font-family:var(--font-body);font-size:var(--fs-small);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius);color:var(--black);transition:var(--transition);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #0000000d}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center}.footer{background:var(--black);color:var(--white);padding:2rem 0}.footer-compact{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.footer-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--white);white-space:nowrap}.footer-logo .logo-dot{color:var(--gray-500)}.footer-nav{display:flex;align-items:center;gap:1.5rem}.footer-nav a{font-size:var(--fs-label);color:var(--gray-500);transition:var(--transition);letter-spacing:.02em}.footer-nav a:hover{color:var(--white)}.footer-social{display:flex;align-items:center;gap:1rem}.footer-social a{color:var(--gray-500);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--gray-700)}.footer-social a:hover{color:var(--white);border-color:var(--gray-500);transform:translateY(-2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--gray-800)}.footer-bottom p{font-size:var(--fs-label);color:var(--gray-600)}.footer-made{color:var(--gray-500)!important;font-size:var(--fs-label)}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:translateY(0)}.section-header,.about-left,.about-right,.service-card,.contact-left,.contact-form{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.section-header.visible,.about-left.visible,.about-right.visible,.service-card.visible,.contact-left.visible,.contact-form.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.hero-text{order:2}.hero-3d{order:1;height:50vh;min-height:350px}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.about-grid{grid-template-columns:1fr;gap:var(--space-lg)}.services-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.work-item-large{grid-column:span 1}.testimonials-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.showcase-content,.extra-grid{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;gap:var(--space-lg)}.footer-compact{flex-wrap:wrap;justify-content:center;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.nav-links{display:none;position:fixed;inset:0;background:var(--white);flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:999}.nav-links.active{display:flex}.nav-links a{font-size:1.5rem;color:var(--black)}.nav-toggle{display:flex;z-index:1001}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.services-grid,.skills-grid,.form-row{grid-template-columns:1fr}.nav-center{display:none}.nav-toggle{display:flex}.nav-pill.mobile-open{position:fixed;top:1rem;left:1rem;right:1rem;bottom:auto;flex-direction:column;align-items:stretch;padding:1.2rem 1.5rem;border-radius:var(--radius-lg);background:#fffffff7;box-shadow:0 20px 60px #00000026}.nav-pill.mobile-open .nav-logo{margin-bottom:1rem}.nav-pill.mobile-open .nav-center{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.nav-pill.mobile-open .nav-center a{font-size:var(--fs-small);padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.nav-pill.mobile-open .nav-cta{text-align:center}.about-stats{grid-template-columns:1fr;gap:var(--space-md)}.footer-compact{flex-direction:column;gap:1rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.contact-3d{height:220px}.section{padding:var(--space-xl) 0}}.hero-3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.spinner{width:40px;height:40px;border:3px solid var(--gray-100);border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-3d-loading span{font-size:var(--fs-label);color:var(--gray-400);text-transform:uppercase;letter-spacing:.15em}.logo-lily{display:inline-block;vertical-align:middle;margin-right:4px;margin-top:-2px;opacity:.6;transition:var(--transition)}.nav-logo:hover .logo-lily{opacity:1;transform:rotate(10deg) scale(1.1)}.doodle-sparkle{display:inline-block;vertical-align:middle;margin-right:6px;color:var(--gray-300);animation:sparkleRotate 4s ease-in-out infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(180deg) scale(1.2);opacity:1}}.doodle-underline{display:block;margin-top:.5rem;width:clamp(150px,30vw,280px);color:var(--black)}.section-divider{display:flex;justify-content:center;padding:var(--space-md) 0}.label-leaf{display:inline-block;vertical-align:middle;margin-left:8px;margin-top:-2px}.hero{position:relative}.hero:after{content:"";position:absolute;top:15%;left:8%;width:6px;height:6px;border-radius:50%;background:var(--gray-200);animation:floatDot 6s ease-in-out infinite;pointer-events:none}@keyframes floatDot{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.5);opacity:.8}}.about:before{content:"✿";position:absolute;top:2rem;right:5%;font-size:1.2rem;opacity:.08;animation:floatDot 8s ease-in-out infinite;pointer-events:none}.about{position:relative}.services:before{content:"❀";position:absolute;top:3rem;left:4%;font-size:1.4rem;opacity:.06;animation:floatDot 7s ease-in-out 1s infinite;pointer-events:none}.services{position:relative}.work:after{content:"✦";position:absolute;bottom:3rem;right:6%;font-size:1rem;opacity:.06;animation:sparkleRotate 5s ease-in-out infinite;pointer-events:none}.work{position:relative}