:root{--color-bg:#fff;--color-bg-alt:#f5f5f5;--color-surface:#f8f8f8;--color-surface-hover:#f0f0f0;--color-surface-light:#fafafa;--color-primary:#c9a87c;--color-primary-hover:#d4b88e;--color-primary-dark:#b8956a;--color-primary-muted:#c9a87c1a;--color-primary-border:#c9a87c4d;--color-text:#111;--color-text-secondary:#555;--color-text-muted:#999;--color-text-dark:#333;--color-border:#e5e5e5;--color-border-light:#0000000d;--color-border-hover:#0000001a;--gradient-primary:linear-gradient(135deg, #c9a87c, #b8956a);--gradient-hero:linear-gradient(180deg, #fff0 0%, #fff 100%);--gradient-card-1:linear-gradient(135deg, #f0edf5 0%, #f5f5f7 100%);--gradient-card-2:linear-gradient(135deg, #edf2f5 0%, #f5f5f7 100%);--gradient-card-3:linear-gradient(135deg, #f5f2ed 0%, #f5f5f7 100%);--gradient-card-4:linear-gradient(135deg, #edeef5 0%, #f5f5f7 100%);--gradient-card-5:linear-gradient(135deg, #f5edf0 0%, #f5f5f7 100%);--gradient-card-6:linear-gradient(135deg, #edf5f2 0%, #f5f5f7 100%);--font-heading:"Comfortaa", sans-serif;--font-body:"Comfortaa", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:42px;--text-5xl:52px;--text-6xl:64px;--text-hero:72px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-5xl:100px;--space-6xl:120px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 30px #c9a87c26;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.6s cubic-bezier(.16, 1, .3, 1);--container-width:1200px;--container-narrow:900px;--container-wide:1400px;--nav-height:70px}[data-theme=dark]{--color-bg:#0f0f0f;--color-bg-alt:#1a1a1a;--color-surface:#1e1e1e;--color-surface-hover:#2a2a2a;--color-surface-light:#161616;--color-primary:#c9a87c;--color-primary-hover:#d4b88e;--color-primary-dark:#ddc49e;--color-primary-muted:#c9a87c1f;--color-primary-border:#c9a87c40;--color-text:#f0f0f0;--color-text-secondary:#aaa;--color-text-muted:#777;--color-text-dark:#ddd;--color-border:#2a2a2a;--color-border-light:#ffffff0f;--color-border-hover:#ffffff1f;--gradient-hero:linear-gradient(180deg, #0f0f0f00 0%, #0f0f0f 100%);--gradient-card-1:linear-gradient(135deg, #1a181f 0%, #1a1a1a 100%);--gradient-card-2:linear-gradient(135deg, #181c1f 0%, #1a1a1a 100%);--gradient-card-3:linear-gradient(135deg, #1f1c18 0%, #1a1a1a 100%);--gradient-card-4:linear-gradient(135deg, #18191f 0%, #1a1a1a 100%);--gradient-card-5:linear-gradient(135deg, #1f181a 0%, #1a1a1a 100%);--gradient-card-6:linear-gradient(135deg, #181f1c 0%, #1a1a1a 100%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px #c9a87c1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text);font-weight:400;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:var(--container-width);padding:0 var(--space-xl);margin:0 auto}.container-narrow{max-width:var(--container-narrow)}.container-wide{max-width:var(--container-wide)}.section{padding:var(--space-5xl) 0}.section-alt{color:#fff;background-color:#1a1a1a}.section-alt .section-heading-title,.section-alt .cta-heading{color:#fff}.section-alt .section-heading-subtitle{color:var(--color-primary)}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;padding:14px 28px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{box-shadow:var(--shadow-lg);opacity:.9;transform:translateY(-2px)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-text);background:var(--color-surface)}.btn-ghost{color:var(--color-text);background:0 0;padding:8px 0;font-weight:500}.btn-ghost:hover{color:var(--color-primary-dark)}.btn-ghost:after{content:"→";transition:transform var(--transition-fast);margin-left:6px;display:inline-block}.btn-ghost:hover:after{transform:translate(4px)}.tag{color:var(--color-text-dark);font-size:var(--text-xs);letter-spacing:.5px;border-radius:var(--radius-full);white-space:nowrap;background:#1111110d;align-items:center;padding:4px 12px;font-weight:500;display:inline-flex}.page{min-height:100vh;padding-top:var(--nav-height)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1024px){:root{--text-hero:52px;--text-6xl:48px;--text-5xl:40px;--text-4xl:34px}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--text-hero:38px;--text-6xl:36px;--text-5xl:32px;--text-4xl:28px;--text-3xl:24px;--nav-height:60px}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=480px){:root{--text-hero:32px;--text-5xl:28px;--text-4xl:24px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--color-text-muted);background:var(--color-surface-hover);transform:scale(1.05)}.theme-icon{width:18px;height:18px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.theme-icon-sun{animation:.4s sunEnter}.theme-icon-moon{animation:.4s moonEnter}@keyframes sunEnter{0%{opacity:0;transform:rotate(-90deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes moonEnter{0%{opacity:0;transform:rotate(90deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#ffffffe6;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .navbar{background:#0f0f0fe6}.navbar-logo{color:var(--color-text);align-items:center;text-decoration:none;transition:opacity .3s,transform .3s;display:flex}.navbar-logo-text{color:currentColor;letter-spacing:1px;font-family:Great Vibes,cursive;font-size:32px;line-height:1}.navbar-logo:hover{opacity:.8;transform:scale(1.05)}.navbar-links{align-items:center;gap:36px;margin:0;padding:0;list-style:none;display:flex}.navbar-link{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2px;font-family:Comfortaa,sans-serif;font-size:14px;text-decoration:none;transition:color .3s;position:relative}.navbar-link:hover{color:var(--color-text)}.navbar-link.active{color:#c9a87c}.navbar-link.active:after{content:"";opacity:.6;background:#c9a87c;height:1px;position:absolute;bottom:-4px;left:0;right:0}.navbar-actions{align-items:center;gap:12px;display:flex}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:8px;display:none;position:relative}.hamburger-line{background:var(--color-text);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{z-index:999;background:#fffffff7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .mobile-overlay{background:#0f0f0ff7}.mobile-nav{flex-direction:column;align-items:center;gap:40px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-link{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:4px;font-family:Comfortaa,sans-serif;font-size:24px;text-decoration:none;transition:color .3s}.mobile-nav-link:hover{color:var(--color-text)}.mobile-nav-link.active{color:#c9a87c}@media (width<=768px){.navbar{padding:0 20px}.navbar-links{display:none}.hamburger{display:flex}}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);text-align:center;padding:40px}.footer-logo{color:var(--color-text);justify-content:center;align-items:center;margin-bottom:16px;text-decoration:none;transition:opacity .3s,transform .3s;display:inline-flex}.footer-logo-text{color:currentColor;letter-spacing:1px;font-family:Great Vibes,cursive;font-size:28px;line-height:1}.footer-logo:hover{opacity:.8;transform:scale(1.05)}.footer-text{color:var(--color-text-muted);max-width:480px;margin:0 auto 16px;font-family:Comfortaa,sans-serif;font-size:13px;line-height:1.6}.footer-copyright{color:var(--color-text-muted);margin:0;font-family:Comfortaa,sans-serif;font-size:12px}.footer-socials{justify-content:space-between;align-items:center;max-width:280px;margin:16px auto 0;display:flex}.footer-social-link{color:var(--color-text);transition:opacity .25s,transform .25s;display:inline-flex}.footer-social-link:hover{opacity:.6;transform:scale(1.1)}.custom-cursor-dot{background:var(--color-text);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:width .3s,height .3s,background .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{border:1.5px solid var(--color-text-muted);pointer-events:none;z-index:9998;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s;display:flex;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring.active{border-color:var(--color-text);background:#80808014;width:80px;height:80px}.custom-cursor-label{letter-spacing:.12em;color:var(--color-text);font-size:9px;font-weight:700;font-family:var(--font-body);text-transform:uppercase}@media (pointer:coarse){.custom-cursor-dot,.custom-cursor-ring{display:none!important}}a,button,[data-cursor]{cursor:none}.horizontal-gallery{position:relative}.hg-sticky-viewport{background:var(--color-bg);height:100vh;position:sticky;top:0;overflow:hidden}.hg-chrome{z-index:10;justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:absolute;top:0;left:0;right:0}.hg-chrome-label{font-family:var(--font-body);color:var(--color-text);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.hg-chrome-line{background:var(--color-text);opacity:.5;width:24px;height:1px;display:inline-block}.hg-chrome-dots{align-items:center;gap:16px;display:flex}.hg-dots-row{align-items:center;gap:5px;display:flex}.hg-dot{cursor:pointer;border:none;border-radius:100px;height:6px;padding:0;transition:width .4s cubic-bezier(.34,1.56,.64,1),background .3s}.hg-counter{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.12em;font-size:11px;font-weight:600}.hg-progress-track{background:var(--color-border);z-index:10;height:2px;position:absolute;bottom:0;left:0;right:0}.hg-progress-bar{background:var(--color-accent,#c9a87c);width:0%;height:100%}.hg-spinner-wrap{z-index:10;width:100px;height:100px;transition:opacity .35s;position:absolute;bottom:clamp(60px,10vw,120px);left:clamp(40px,6vw,80px)}.hg-spinner-text{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;font-size:9.5px;font-weight:700}.hg-spinner-text--track{fill:var(--color-text);opacity:.2}.hg-spinner-text--fill{fill:var(--color-accent,#c9a87c)}.hg-track{will-change:transform;height:100%;display:flex;position:absolute;top:0;left:0}.hg-panel{flex-shrink:0;grid-template-columns:44% 56%;width:100vw;height:100%;display:grid}.hg-text-panel{background:var(--color-bg);flex-direction:column;justify-content:center;padding:clamp(40px,6vw,80px);display:flex;position:relative}.hg-text-meta{align-items:center;gap:14px;margin-bottom:28px;display:flex}.hg-text-counter{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.18em;font-size:11px;font-weight:700}.hg-panel-tag{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:11px;font-weight:600;font-family:var(--font-body);letter-spacing:.04em;border-radius:100px;padding:3px 12px}.hg-text-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,4.5vw,56px);font-weight:700;line-height:1.08}.hg-text-desc{font-family:var(--font-body);color:var(--color-text-secondary);max-width:400px;margin-bottom:36px;font-size:clamp(14px,1.4vw,17px);line-height:1.65}.hg-text-tools{flex-wrap:wrap;gap:6px;margin-bottom:36px;display:flex}.hg-tool-chip{background:var(--color-primary-muted);border:1px solid var(--color-primary);color:var(--color-primary-dark);font-size:11px;font-family:var(--font-body);border-radius:100px;padding:3px 10px}.hg-text-link{font-family:var(--font-body);color:var(--color-text);letter-spacing:.04em;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .25s;display:inline-flex}.hg-text-link:hover{opacity:.7}a.hg-image-panel,.hg-image-panel{background:var(--color-bg-alt);cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.hg-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.hg-mobile-fallback{padding:var(--space-5xl,80px) 0}.hg-mobile-fallback .hg-heading-title{font-family:var(--font-heading);font-size:var(--text-3xl,30px);color:var(--color-text);margin-bottom:8px}.hg-mobile-fallback .hg-heading-subtitle{font-family:var(--font-body);font-size:var(--text-base,16px);color:var(--color-text-secondary);margin-bottom:var(--space-2xl,32px)}.hg-mobile-grid{gap:var(--space-lg,24px);grid-template-columns:1fr;display:grid}.hg-mobile-card{color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden}.hg-mobile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hg-mobile-card-img-wrap{aspect-ratio:16/10;width:100%;overflow:hidden}.hg-mobile-card-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.hg-mobile-card-body{padding:20px}.hg-mobile-card-body h3{font-family:var(--font-heading);color:var(--color-text);margin-bottom:8px;font-size:20px}.hg-mobile-card-body p{font-family:var(--font-body);color:var(--color-text-secondary);font-size:14px;line-height:1.6}@media (width<=768px){.horizontal-gallery{display:none!important}}.section-heading{text-align:center;margin-bottom:60px}.section-heading-title{color:var(--color-text);margin:0;font-family:Comfortaa,sans-serif;font-size:42px;font-weight:400;line-height:1.2}.section-heading-subtitle{color:var(--color-text-secondary);max-width:600px;margin:16px auto 0;font-family:Comfortaa,sans-serif;font-size:16px;line-height:1.6}@media (width<=768px){.section-heading{margin-bottom:40px}.section-heading-title{font-size:32px}.section-heading-subtitle{font-size:14px}}.service-item{border-left:2px solid #c9a87c;border-radius:0 8px 8px 0;margin-bottom:24px;padding:20px 0 20px 24px;transition:background .3s,padding-left .3s}.service-item:hover{background:var(--color-border-light);padding-left:28px}.service-item:last-child{margin-bottom:0}.service-item-title{color:var(--color-text);margin:0 0 8px;font-family:Comfortaa,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.service-item-description{color:var(--color-text-secondary);margin:0;font-family:Comfortaa,sans-serif;font-size:15px;line-height:1.6}@media (width<=768px){.service-item{padding:16px 0 16px 20px}.service-item-title{font-size:16px}.service-item-description{font-size:14px}}.section-alt .service-item-title{color:#fff}.section-alt .service-item-description{color:#ffffffa6}.section-alt .service-item:hover{background:#ffffff0f}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;height:100%;padding:40px;transition:border-color .4s;display:flex}.testimonial-card:hover{border-color:#c9a87c66}.testimonial-quote-icon{color:#c9a87c;opacity:.6;-webkit-user-select:none;user-select:none;margin-bottom:16px;font-family:Comfortaa,sans-serif;font-size:64px;line-height:1;display:block}.testimonial-text{color:var(--color-text-dark);flex:1;margin:0 0 28px;font-family:Comfortaa,sans-serif;font-size:18px;font-style:italic;line-height:1.7}.testimonial-author{flex-direction:column;gap:4px;display:flex}.testimonial-author-name{color:var(--color-text);margin:0;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700}.testimonial-author-title{color:var(--color-text-secondary);margin:0;font-family:Comfortaa,sans-serif;font-size:14px}@media (width<=768px){.testimonial-card{padding:28px}.testimonial-quote-icon{font-size:48px}.testimonial-text{font-size:16px}}.cta-section{text-align:center;color:#fff;background:#1a1a1a;padding:100px 40px;position:relative;overflow:hidden}.cta-section .cta-heading{color:#fff}.cta-section:before{content:"";background:linear-gradient(90deg,#0000,#c9a87c,#0000);width:60px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-heading{color:var(--color-text);max-width:700px;margin:0 auto 32px;font-family:Comfortaa,sans-serif;font-size:48px;font-weight:400;line-height:1.2}.cta-link{color:#c9a87c;text-transform:uppercase;letter-spacing:2px;border:1px solid #c9a87c4d;border-radius:40px;padding:16px 40px;font-family:Comfortaa,sans-serif;font-size:15px;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.cta-link:before{content:"";opacity:0;background:linear-gradient(135deg,#c9a87c,#b8956a);border-radius:40px;transition:opacity .4s;position:absolute;inset:0}.cta-link:hover{color:var(--color-text);border-color:#c9a87c;transform:translateY(-2px);box-shadow:0 8px 30px #c9a87c33}.cta-link:hover:before{opacity:1}.cta-link-text{z-index:1;position:relative}.cta-decorative-line{background:linear-gradient(90deg,#0000,#c9a87c,#0000);width:60px;height:1px;margin:40px auto 0}@media (width<=768px){.cta-section{padding:60px 20px}.cta-heading{font-size:32px}.cta-link{padding:14px 32px;font-size:13px}}.scatter-section{background:#0a0a0a;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}[data-theme=dark] .scatter-section{background:#111}.scatter-container{width:100%;max-width:1400px;padding:0 var(--space-xl);text-align:center}.scatter-line{color:#fff;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;text-align:center;font-family:Comfortaa,sans-serif;font-size:clamp(44px,9vw,140px);font-weight:700;line-height:1.1}.scatter-line--muted{color:#ffffff4d}.scatter-char{will-change:transform, opacity;display:inline-block}@media (width<=768px){.scatter-line{white-space:normal;font-size:clamp(22px,8vw,40px)}}.home-hero{background:var(--color-bg);padding:92px 0 56px;overflow:hidden}.hero-inner{min-height:620px;position:relative}.hero-title{letter-spacing:-.01em;color:var(--color-text);z-index:1;max-width:60%;margin-bottom:32px;font-family:Comfortaa,sans-serif;font-size:clamp(36px,5vw,72px);font-weight:400;line-height:1.05;position:relative}.hero-photo-area{z-index:0;position:absolute;top:clamp(20px,5vw,70px);left:57%}.hero-photo-blob{z-index:0;background:#f8f5f0;border-radius:100px;width:clamp(180px,18.9vw,272px);height:clamp(165px,17.4vw,250px);position:absolute;top:clamp(-75px,-5.2vw,-40px);left:clamp(40px,5vw,72px)}[data-theme=dark] .hero-photo-blob{background:#1f1a12}.hero-portrait{z-index:1;object-fit:cover;object-position:center top;filter:grayscale();border-radius:18px;width:clamp(180px,18.9vw,272px);height:clamp(165px,17.4vw,250px);display:block;position:relative}.hero-badge-row{gap:var(--space-sm);z-index:2;flex-wrap:wrap;margin-bottom:32px;display:flex;position:relative}.hero-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.5px;align-items:center;gap:6px;padding:8px 18px;font-weight:400;display:inline-flex}.hero-badge .dot{background:var(--color-text);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-designer-label{letter-spacing:-.02em;color:var(--color-text);z-index:1;margin-bottom:32px;font-family:Comfortaa,sans-serif;font-size:clamp(56px,9.5vw,128px);font-weight:700;line-height:1.05;position:relative}.hero-cta-row{gap:var(--space-md);z-index:2;flex-wrap:wrap;justify-content:center;display:flex;position:relative}.trusted-section{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}.trusted-label{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-xl);font-weight:500}.trusted-marquee{white-space:nowrap;align-items:center;gap:80px;animation:25s linear infinite marquee;display:flex}.trusted-marquee-wrapper{display:flex;overflow:hidden}.trusted-item{white-space:nowrap;opacity:.6;transition:opacity var(--transition-base), filter var(--transition-base);filter:grayscale();flex-shrink:0;justify-content:center;align-items:center;min-width:200px;display:inline-flex}.trusted-item:hover{opacity:1;filter:grayscale(0%)}.trusted-logo{width:auto;height:70px;display:block}[data-theme=dark] .trusted-logo{filter:brightness(0)invert();opacity:.7}.tools-marquee-section{padding:var(--space-xl) 0;border-bottom:1px solid var(--color-border);overflow:hidden}.tools-marquee-wrapper{display:flex;overflow:hidden}.tools-marquee{gap:var(--space-lg);white-space:nowrap;animation:30s linear infinite marquee;display:flex}.tool-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-base);align-items:center;padding:8px 20px;display:inline-flex}.tool-pill:hover{border-color:var(--color-text);color:var(--color-text)}.portfolio-section{padding:var(--space-5xl) 0}.portfolio-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(2,1fr);display:grid}.see-more-row{justify-content:center;display:flex}.services-section{padding:var(--space-5xl) 0}.services-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.services-see-more{text-align:center;margin-top:var(--space-2xl)}.services-see-more-link{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fff;border-radius:var(--radius-full);border:1px solid #ffffff40;padding:14px 36px;font-size:13px;font-weight:700;text-decoration:none;transition:background .3s,border-color .3s;display:inline-block}.services-see-more-link:hover{background:#ffffff14;border-color:#ffffff80}.testimonials-section{padding:var(--space-5xl) 0}.testimonials-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.portfolio-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home-hero{padding:var(--space-3xl) 0 var(--space-xl);overflow:visible}.hero-inner{min-height:auto;padding-top:200px}.hero-title{max-width:100%}.hero-photo-area{top:0;left:auto;right:0}.hero-portrait{width:180px;height:165px}.hero-photo-blob{width:180px;height:165px;top:-30px;left:40px}.portfolio-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}}.project-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;flex-direction:column;height:520px;text-decoration:none;transition:transform .4s,box-shadow .4s,border-color .4s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:#c9a87c4d;transform:translateY(-8px)}.project-card.no-link{cursor:default}.project-card.no-link:hover{transform:translateY(-4px)}.project-card-image{justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.project-card-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;padding:16px}.project-card-body{flex-direction:column;flex:1;padding:28px;display:flex}.project-card-title{color:var(--color-text);margin:0 0 10px;font-family:Comfortaa,sans-serif;font-size:22px;font-weight:400;line-height:1.3}.project-card-description{color:var(--color-text-secondary);flex:1;margin:0 0 20px;font-family:Comfortaa,sans-serif;font-size:14px;line-height:1.6}.project-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.project-card-tag{color:#c9a87c;background:var(--color-primary-muted);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-family:Comfortaa,sans-serif;font-size:11px}.project-card-footer{justify-content:flex-end;display:flex}.project-card-link{color:#c9a87c;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-family:Comfortaa,sans-serif;font-size:13px;text-decoration:none;transition:opacity .3s;display:inline-flex}.project-card-link:hover{opacity:.7}.project-card-link-arrow{font-size:16px;transition:transform .3s}.project-card:hover .project-card-link-arrow{transform:translate(4px)}@media (width<=768px){.project-card-image{height:200px}.project-card-body{padding:20px}.project-card-title{font-size:18px}}.section-alt .project-card{background:#ffffff0f;border-color:#ffffff1a}.section-alt .project-card:hover{border-color:#c9a87c4d;box-shadow:0 8px 30px #0006}.section-alt .project-card-title{color:#fff}.section-alt .project-card-description{color:#ffffffa6}.portfolio-hero{text-align:center;padding:var(--space-6xl) var(--space-xl) var(--space-4xl);flex-direction:column;align-items:center;display:flex}.portfolio-hero-title{font-size:var(--text-hero);color:var(--color-text);margin-bottom:var(--space-md);line-height:1.05}.portfolio-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:1.7;font-family:var(--font-body);font-weight:300}.portfolio-listing-section{padding:var(--space-3xl) 0 var(--space-5xl)}.portfolio-passion-section{padding-top:var(--space-5xl)}.portfolio-listing-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1024px){.portfolio-listing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.portfolio-hero{padding:var(--space-4xl) var(--space-md) var(--space-3xl)}.portfolio-listing-grid{grid-template-columns:1fr}}@media (width<=480px){.portfolio-hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}}.about-hero{text-align:center;padding:var(--space-6xl) var(--space-xl) var(--space-4xl);flex-direction:column;align-items:center;display:flex;position:relative}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(#c9a87c0a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.about-hero-title{font-size:var(--text-hero);color:var(--color-text);margin-bottom:var(--space-sm);z-index:1;line-height:1.05;position:relative}.about-hero-role{font-size:var(--text-2xl);color:var(--color-primary);font-family:var(--font-heading);margin-bottom:var(--space-xl);z-index:1;position:relative}.about-hero-intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:900px;line-height:1.8;font-family:var(--font-body);z-index:1;font-weight:300;position:relative}.about-section{padding:var(--space-5xl) 0}.about-section-alt{color:#fff;background-color:#1a1a1a}.about-section-alt .section-heading-title,.about-section-alt .about-skill-title,.about-section-alt .about-timeline-company,.about-section-alt .about-certification-degree,.about-section-alt .about-interest-text{color:#fff}.about-section-alt .about-column-label,.about-section-alt .section-heading-subtitle{color:var(--color-primary)}.about-section-alt .section-heading-subtitle,.about-section-alt .about-skill-description,.about-section-alt .about-timeline-role,.about-section-alt .about-timeline-period,.about-section-alt .about-certification-school,.about-section-alt .about-certification-period{color:#ffffffa6}.about-section-alt .about-skill-card,.about-section-alt .about-certification-card,.about-section-alt .about-interest-card{background:#ffffff0f;border-color:#ffffff1a}.about-section-alt .about-skill-card:hover,.about-section-alt .about-certification-card:hover,.about-section-alt .about-interest-card:hover{box-shadow:0 8px 30px #0006}.about-section-alt .about-tool-pill,.about-section-alt .about-focus-tag{color:var(--color-primary);background:#c9a87c1a;border-color:#c9a87c40}.about-section-alt .about-timeline:before{background:#ffffff26}.about-section-alt .about-timeline-dot{border-color:var(--color-primary);background:#1a1a1a}.about-background-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:1fr 1fr;max-width:800px;margin-left:auto;margin-right:auto;display:grid}.about-column-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-bottom:var(--space-xl);font-weight:600}.about-education-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(2,1fr);display:grid}.about-education-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:box-shadow var(--transition-base)}.about-education-card:hover{box-shadow:var(--shadow-md)}.about-education-period{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-weight:500}.about-education-degree{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-xs);font-family:var(--font-heading)}.about-education-school{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about-education-focus{gap:var(--space-sm);flex-wrap:wrap;display:flex}.about-focus-tag{background:var(--color-primary-muted);border:1px solid var(--color-primary-border);color:var(--color-primary-dark);font-size:var(--text-xs);letter-spacing:.5px;border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:4px 14px;font-weight:500;display:inline-flex}.about-timeline{padding-left:var(--space-2xl);margin-top:var(--space-2xl);position:relative}.about-timeline-item:before{content:"";left:calc(-1 * var(--space-2xl) + 7px);background:var(--color-border);width:2px;position:absolute;top:18px;bottom:-4px}.about-timeline-item:last-child:before{display:none}.about-timeline-item{padding-bottom:var(--space-2xl);position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-dot{left:calc(-1 * var(--space-2xl) + 1px);background:var(--color-bg);border:3px solid var(--color-primary);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:4px}.about-timeline-content{padding-left:var(--space-md)}.about-timeline-company{font-size:var(--text-xl);color:var(--color-text);font-family:var(--font-heading);margin-bottom:2px}.about-timeline-role{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:2px}.about-timeline-period{font-size:var(--text-sm);color:var(--color-text-muted)}.about-skills-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.about-skill-card{background:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-xl);transition:box-shadow var(--transition-base)}.about-skill-card:hover{box-shadow:var(--shadow-md)}.about-skill-icon{margin-bottom:var(--space-md);display:inline-flex}.about-skill-title{font-size:var(--text-md);color:var(--color-text);font-family:var(--font-heading);margin-bottom:var(--space-sm)}.about-skill-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.about-certifications-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.about-certification-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:box-shadow var(--transition-base);flex-direction:column;display:flex}.about-certification-card:hover{box-shadow:var(--shadow-md)}.about-certification-degree{font-size:var(--text-lg);color:var(--color-text);font-family:var(--font-heading);margin-bottom:var(--space-xs)}.about-certification-school{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.about-certification-period{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.about-certification-focus{gap:var(--space-sm);flex-wrap:wrap;display:flex}.about-tools-grid{gap:var(--space-sm);margin-top:var(--space-2xl);flex-wrap:wrap;justify-content:center;max-width:850px;margin-left:auto;margin-right:auto;display:flex}.about-tool-pill{background:var(--color-primary-muted);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary-dark);font-family:var(--font-body);cursor:default;align-items:center;padding:10px 22px;font-weight:400;display:inline-flex}.about-tool-pill:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-primary-muted)}.about-interests-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.about-interest-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.about-interest-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-interest-emoji{margin-bottom:var(--space-md);font-size:40px;display:block}.about-interest-text{font-size:var(--text-base);color:var(--color-text);font-family:var(--font-heading);font-weight:400}.about-cta-section{padding:var(--space-6xl) 0}.about-section-alt.about-cta-section .about-cta-heading{color:#fff}.about-section-alt.about-cta-section .btn-primary{background:var(--color-primary);color:#1a1a1a;border-color:var(--color-primary)}.about-cta-light .cta-section{background:var(--color-bg)}.about-cta-light .cta-heading{color:var(--color-text)}.about-cta-content{text-align:center;flex-direction:column;align-items:center;display:flex}.about-cta-heading{font-size:var(--text-4xl);color:var(--color-text);max-width:600px;margin-bottom:var(--space-xl);line-height:1.2}@media (width<=1024px){.about-skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-hero{padding:var(--space-4xl) var(--space-md) var(--space-3xl)}.about-education-grid,.about-background-grid,.about-skills-grid,.about-certifications-grid,.about-interests-grid{grid-template-columns:1fr}.about-section{padding:var(--space-3xl) 0}.about-cta-section{padding:var(--space-4xl) 0}}@media (width<=480px){.about-hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}}.contact-hero{text-align:center;padding:var(--space-3xl) var(--space-xl) var(--space-3xl);flex-direction:column;align-items:center;display:flex}.contact-hero-title{font-size:var(--text-hero);color:var(--color-text);line-height:1.05}.contact-content-section{padding:0 0 var(--space-2xl)}.contact-layout{gap:var(--space-4xl);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.contact-form-wrapper{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.contact-field{flex-direction:column;gap:4px;display:flex}.contact-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);font-weight:500}.contact-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.contact-input::placeholder{color:var(--color-text-muted);font-weight:300}.contact-input:focus{border-color:var(--color-text)}.contact-textarea{resize:vertical;min-height:90px}.contact-submit{background:var(--color-text);width:100%;color:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all var(--transition-base);border:none;padding:12px;font-weight:500}.contact-submit:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-status{margin-top:var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;padding:12px 16px;font-weight:500}.contact-status-success{color:#2ea043;background:#2ea04314;border:1px solid #2ea04333}.contact-status-error{color:#dc3545;background:#dc354514;border:1px solid #dc354533}.contact-info{gap:var(--space-xl);padding-top:var(--space-md);flex-direction:column;display:flex}.contact-info-block{gap:var(--space-xs);flex-direction:column;display:flex}.contact-info-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);font-weight:500}.contact-info-link{font-size:var(--text-base);color:var(--color-text);transition:color var(--transition-fast);font-weight:400;text-decoration:none}.contact-info-link:hover{color:var(--color-primary-dark)}.contact-info-value{font-size:var(--text-base);color:var(--color-text)}.contact-availability-badge{border-radius:var(--radius-full);font-size:var(--text-sm);color:#2ea043;background:#2ea04314;border:1px solid #2ea04333;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-weight:500;display:inline-flex}.contact-availability-dot{background:#2ea043;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.contact-footer-section{padding:0 0 var(--space-4xl);text-align:center}.contact-footer-text{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=768px){.contact-hero{padding:var(--space-4xl) var(--space-md) var(--space-2xl)}.contact-layout{gap:var(--space-2xl);grid-template-columns:1fr}.contact-info{border-top:1px solid var(--color-border);padding-top:0;padding-top:var(--space-2xl)}}@media (width<=480px){.contact-hero{padding:var(--space-3xl) var(--space-md) var(--space-xl)}.contact-form-wrapper{padding:var(--space-lg)}}[data-theme=dark] .contact-form-wrapper{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .contact-input{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .contact-input::placeholder{color:var(--color-text-muted)}[data-theme=dark] .contact-input:focus{border-color:var(--color-primary)}[data-theme=dark] .contact-submit{background:var(--color-primary);color:var(--color-bg)}.project-meta{flex-direction:column;display:flex}.project-meta.row{flex-flow:wrap;gap:0}.project-meta-item{border-bottom:1px solid var(--color-border);padding:20px 0}.project-meta-item:first-child{padding-top:0}.project-meta-item:last-child{border-bottom:none;padding-bottom:0}.project-meta.row .project-meta-item{border-bottom:none;border-right:1px solid var(--color-border);flex:1;min-width:140px;padding:0 24px}.project-meta.row .project-meta-item:first-child{padding-left:0}.project-meta.row .project-meta-item:last-child{border-right:none;padding-right:0}.project-meta-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;margin:0 0 6px;font-family:Comfortaa,sans-serif;font-size:11px;line-height:1}.project-meta-value{color:var(--color-text);margin:0;font-family:Comfortaa,sans-serif;font-size:16px;line-height:1.4}.project-meta-tools{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.project-meta-tool-pill{background:var(--color-primary-muted);border:1px solid var(--color-primary);color:var(--color-primary-dark);border-radius:20px;align-items:center;padding:6px 14px;font-family:Comfortaa,sans-serif;font-size:13px;font-weight:400;display:inline-flex}@media (width<=768px){.project-meta.row{flex-direction:column}.project-meta.row .project-meta-item{border-right:none;border-bottom:1px solid var(--color-border);padding:16px 0}.project-meta.row .project-meta-item:first-child{padding-top:0}.project-meta.row .project-meta-item:last-child{border-bottom:none;padding-bottom:0}}.project-not-found{min-height:calc(100vh - var(--nav-height));text-align:center;padding:var(--space-4xl) var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.project-not-found-title{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-md)}.project-not-found-text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:500px}.project-detail-header{padding:var(--space-6xl) 0 var(--space-4xl)}.project-detail-header .container{max-width:1440px}.project-detail-back{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);transition:color var(--transition-fast);letter-spacing:.5px;align-items:center;text-decoration:none;display:inline-flex}.project-detail-back:hover{color:var(--color-text);text-decoration:underline}.project-detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:3px;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:500}.project-detail-title{font-size:var(--text-5xl);color:var(--color-text);margin-bottom:var(--space-2xl);line-height:1.15;font-family:var(--font-heading)}.project-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,4vw,60px);display:grid}.project-detail-text{min-width:0}.project-detail-cta-row{margin-top:var(--space-xl)}.project-detail-content-section{padding:var(--space-4xl) 0}.project-detail-article{max-width:1000px;margin:0 auto}.project-detail-h2{font-size:var(--text-3xl);color:var(--color-text);font-family:var(--font-heading);margin-top:var(--space-3xl);margin-bottom:var(--space-md)}.project-detail-h2:first-child{margin-top:0}.project-detail-p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.8;font-family:var(--font-body)}.section-alt .project-detail-h2{color:#fff}.section-alt .project-detail-p{color:#ffffffa6}.project-detail-research-section{padding:var(--space-5xl) 0;background-color:var(--color-bg)}.project-detail-research{max-width:800px;padding:var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);margin:0 auto;transition:transform .3s,box-shadow .3s}.project-detail-research:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.project-detail-research-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:3px;color:var(--color-primary-dark);margin-bottom:var(--space-sm);font-weight:500}.project-detail-research-title{font-size:var(--text-2xl);color:var(--color-text);font-family:var(--font-heading);line-height:1.3}.project-detail-research-view{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-primary-dark);letter-spacing:.5px;font-weight:600;transition:color .2s;display:inline-block}.project-detail-research:hover .project-detail-research-view{color:var(--color-text)}.project-detail-cover{justify-content:center;align-items:center;padding:0;display:flex}.project-detail-cover-img{object-fit:contain;border-radius:var(--radius-lg);width:100%;height:auto;max-height:700px;display:block}.project-detail-video-section{padding:var(--space-2xl) 0;background-color:var(--color-bg)}.project-detail-videos-grid{gap:var(--space-xl);grid-template-columns:1fr;align-items:start;max-width:1000px;margin:0 auto;display:grid}.project-detail-videos-grid.single{grid-template-columns:1fr}.project-detail-video-wrapper{border-radius:var(--radius-lg);max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 8px 40px #0000001a}.project-detail-video-wrapper.video-phone{border-radius:40px;max-width:300px}.project-detail-video{object-fit:contain;width:100%;display:block}.video-phone .project-detail-video{border-radius:40px}.project-detail-gallery-section{padding:var(--space-4xl) 0;background-color:var(--color-bg)}.project-detail-gallery{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;margin:0 auto;display:grid}.project-detail-gallery-item{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);justify-content:center;align-items:center;height:350px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.project-detail-gallery-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.project-detail-gallery-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;padding:12px;display:block}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.2s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;border-radius:8px;max-width:85vw;max-height:85vh;box-shadow:0 20px 80px #00000080}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;z-index:10;background:0 0;border:none;font-size:36px;line-height:1;transition:opacity .2s;position:absolute;top:20px;right:28px}.lightbox-close:hover{opacity:1}.lightbox-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3;border-color:#fff6}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{color:#fff9;font-size:14px;font-family:var(--font-body);letter-spacing:1px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=768px){.project-detail-header{padding:var(--space-4xl) 0 var(--space-2xl)}.project-detail-grid{grid-template-columns:1fr}.project-detail-title{font-size:var(--text-3xl)}.project-detail-content-section{padding:var(--space-2xl) 0}.project-detail-h2{font-size:var(--text-2xl);margin-top:var(--space-2xl)}.project-detail-research-section{padding:var(--space-3xl) 0}}@media (width<=480px){.project-detail-header{padding:var(--space-3xl) 0 var(--space-xl)}.project-detail-title{font-size:var(--text-2xl)}.project-detail-research{padding:var(--space-lg)}}.ux-hero{padding:var(--space-3xl) var(--space-xl) var(--space-2xl);text-align:center}.ux-hero-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-md);font-size:11px;font-weight:600}.ux-hero-title{font-family:var(--font-heading);font-size:var(--text-hero);color:var(--color-text);margin-bottom:var(--space-md);line-height:1.05}.ux-hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.ux-featured-section{padding:0 var(--space-xl) var(--space-3xl)}.ux-featured-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(32px,4vw,56px);transition:box-shadow .3s;position:relative}.ux-featured-card:hover{box-shadow:var(--shadow-lg)}.ux-featured-badge{border-radius:var(--radius-full);background:var(--color-primary-muted);border:1px solid var(--color-primary);color:var(--color-primary-dark);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-md);margin-right:var(--space-md);padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.ux-article-category{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm);font-size:11px;font-weight:600;display:inline-block}.ux-featured-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-md);font-size:clamp(24px,3vw,36px);line-height:1.2}.ux-featured-title a{color:inherit;text-decoration:none;transition:color .3s}.ux-featured-title a:hover{color:var(--color-primary)}.ux-featured-excerpt{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-md);line-height:1.7}.ux-article-meta{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:var(--space-md);align-items:center;gap:6px;font-size:12px;display:flex}.ux-meta-dot{opacity:.4}.ux-read-link{font-family:var(--font-body);color:var(--color-text);letter-spacing:.04em;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .25s}.ux-read-link:hover{opacity:.7}.ux-articles-section{padding:var(--space-3xl) var(--space-xl)}.ux-articles-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.ux-article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;padding:clamp(24px,3vw,36px);transition:box-shadow .3s,transform .3s;display:flex}.ux-article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ux-article-card-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3}.ux-article-card-title a{color:inherit;text-decoration:none;transition:color .3s}.ux-article-card-title a:hover{color:var(--color-primary)}.ux-article-card-excerpt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);flex:1;line-height:1.7}.section-alt .ux-article-card{background:#ffffff0a;border-color:#ffffff14}.section-alt .ux-article-card-title a{color:#fff}.section-alt .ux-article-card-title a:hover{color:var(--color-primary)}.section-alt .ux-article-card-excerpt{color:#fff9}.section-alt .ux-article-meta{color:#fff6}.section-alt .ux-read-link{color:#fff}.ux-cta-light .cta-section{background:var(--color-bg)}.ux-cta-light .cta-heading{color:var(--color-text)}@media (width<=768px){.ux-articles-grid{grid-template-columns:1fr}}.article-header{padding:var(--space-3xl) var(--space-xl) var(--space-2xl);text-align:center;border-bottom:1px solid var(--color-border);background:#faf7f2}.article-back{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.04em;margin-bottom:var(--space-2xl);font-size:13px;font-weight:600;text-decoration:none;transition:color .25s;display:inline-block}.article-back:hover{color:var(--color-primary)}.article-header-meta{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.article-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xl);max-width:800px;margin-left:auto;margin-right:auto;font-size:clamp(32px,5vw,56px);line-height:1.1}.article-lead{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:1.7}.article-content-section{padding:var(--space-3xl) var(--space-xl) var(--space-3xl)}.article-body{max-width:800px;margin:0 auto}.article-h2{font-family:var(--font-heading);color:var(--color-text);margin:var(--space-2xl) 0 var(--space-lg);font-size:clamp(22px,2.5vw,30px);line-height:1.3}.article-paragraph{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:clamp(15px,1.1vw,17px);line-height:1.9}.article-nav-section{padding:var(--space-2xl) var(--space-xl)}.article-nav{gap:var(--space-xl);grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto;display:grid}.article-nav-link{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;text-decoration:none;transition:background .3s,box-shadow .3s;display:flex}.article-nav-link:hover{box-shadow:var(--shadow-md)}.article-nav-prev{text-align:left}.article-nav-next{text-align:right}.article-nav-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);font-size:11px;font-weight:600}.article-nav-title{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-text);line-height:1.4}[data-theme=dark] .article-header{background:#222}@media (width<=768px){.article-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.article-content-section{padding:0 var(--space-lg) var(--space-2xl)}.article-nav{grid-template-columns:1fr}.article-nav-next{text-align:left}}.services-hero{padding:var(--space-3xl) var(--space-xl) var(--space-2xl);text-align:center}.services-hero-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-md);font-size:11px;font-weight:600}.services-hero-title{font-family:var(--font-heading);font-size:var(--text-hero);color:var(--color-text);margin-bottom:var(--space-md);line-height:1.05}.services-hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.services-detail-section{padding:var(--space-xl) var(--space-xl) var(--space-3xl)}.services-detail-list{gap:var(--space-xl);flex-direction:column;display:flex}.service-detail-card{gap:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:clamp(28px,3.5vw,48px);transition:box-shadow .3s;display:flex}.service-detail-card:hover{box-shadow:var(--shadow-lg)}.service-detail-icon{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.service-detail-content{flex:1}.service-detail-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:4px;font-size:clamp(20px,2.5vw,28px);line-height:1.3}.service-detail-tagline{font-family:var(--font-body);color:var(--color-primary);letter-spacing:.04em;margin-bottom:var(--space-md);font-size:13px;font-weight:600}.service-detail-description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.service-detail-deliverables-label{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:11px;font-weight:700}.service-detail-deliverables-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.service-detail-deliverables-list li{font-family:var(--font-body);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);padding:5px 14px;font-size:12px;transition:border-color .25s}.service-detail-deliverables-list li:hover{border-color:var(--color-primary)}.services-process-section{padding:var(--space-3xl) var(--space-xl)}.process-steps{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.process-step{text-align:center;padding:var(--space-xl) var(--space-md)}.process-step-number{font-family:var(--font-heading);color:var(--color-primary);opacity:.3;margin-bottom:var(--space-md);font-size:clamp(36px,4vw,56px);line-height:1;display:block}.process-step-title{font-family:var(--font-heading);font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-sm)}.process-step-desc{font-family:var(--font-body);font-size:var(--text-sm);color:#fff9;line-height:1.7}.services-cta-light .cta-section{background:var(--color-bg)}.services-cta-light .cta-heading{color:var(--color-text)}@media (width<=1024px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.service-detail-card{gap:var(--space-md);flex-direction:column}.process-steps{grid-template-columns:1fr}}