:root{color-scheme:light dark}[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--muted: #6b7280;--accent: #222222;--text: #0f1724;--border: rgba(0,0,0,.06);--tertiary: #f8f8f8}[data-theme=dark]{--bg:#0f1724;--card:#0b1220;--muted:#9ca3af;--accent:#ffffff;--text:#e6eef8;--border: rgba(255,255,255,.08);--tertiary: #1a1f2e}*{box-sizing:border-box}.app-root,html,body,#root{height:100%}body{margin:0;font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}[data-theme=dark] body{background:linear-gradient(180deg,#071024,#081223)}.container{max-width:100%;margin:0 auto;padding:0 120px}.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box}.nav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 120px;gap:0}.nav-logo{width:56px;height:37px;flex:none;order:0;flex-grow:0}.nav-logo--text{font-size:1.5rem;font-weight:700;color:var(--text)}.nav-links{display:flex;flex-direction:row;align-items:center;padding:0;gap:42px;margin:0;flex:none;order:1;flex-grow:0}.nav-links li{list-style:none}.nav-links a{text-decoration:none;color:#000;font-family:Inter Tight;font-style:normal;font-weight:400;font-size:15px;line-height:18px;transition:color .3s}.nav-links a:hover{color:#666}.nav-cta{display:flex;flex-direction:row;width:137px;height:39px;background:#000;text-decoration:none;color:#fff;font-family:Inter Tight;font-style:normal;font-weight:500;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;line-height:1;transition:opacity .2s ease}.nav-cta:hover{opacity:.8}.nav-actions{display:flex;flex-direction:row;align-items:center;gap:24px;flex:none;order:2;flex-grow:0}.theme-toggle{display:flex;justify-content:center;align-items:center;width:39px;height:39px;background:transparent;border:1px solid #DDDDDD;border-radius:8px;font-size:18px;cursor:pointer;transition:all .3s ease;padding:0;flex:none}.theme-toggle:hover{background:#f5f5f5;border-color:#000}.nav-cta:hover{color:var(--muted)}@media (max-width: 768px){.nav-links{display:none}.nav-container{padding:1rem}}.hero{padding:8rem 0;background:#fff8f5;min-height:72vh}[data-theme=dark] .hero{background:#1c1208}.hero .container{padding:0 120px}.hero-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;width:100%;padding:4rem 0;max-width:1100px;margin:0 auto}.hero-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text)}.stat-label{font-size:.85rem;color:var(--muted);margin-top:.25rem}.hero h1{font-size:5.5rem;margin:0 0 .3rem;font-weight:700;line-height:1.1}.hero-title{margin:0 0 .25rem}.hero-title .greeting-line{display:block;font-size:1.4rem;font-weight:400;color:var(--text);margin-bottom:.75rem}.hero-title .hero-name{display:block;font-size:6.5rem;font-weight:700;line-height:1;letter-spacing:-2px;color:var(--text);white-space:nowrap}.product-role{display:inline-block;font-size:1.5rem;color:var(--text);margin-top:1rem;font-weight:400}.hero .greeting{font-size:2rem;font-weight:600;margin-bottom:.5rem;line-height:1.2}.hero .tagline{color:var(--muted);margin-bottom:2rem;font-size:1.8rem}.hero-image{display:flex;align-items:center;justify-content:center}.image-placeholder{width:100%;aspect-ratio:3/5;background:linear-gradient(135deg,#7b7b7b,#5a5a5a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:500}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.cta{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);border-radius:8px;text-decoration:none;font-weight:500;transition:opacity .3s;width:fit-content}.cta:hover{opacity:.8}.cta-large{padding:1rem 2rem;font-size:1.1rem}@media (max-width: 768px){.hero-content{gap:1rem}.hero-title .hero-name{font-size:2.4rem}.product-role{font-size:1.1rem}.stats{flex-direction:column}}.main{min-height:100vh}.bio{padding:5rem 0;border-top:1px solid var(--border);background:var(--bg)}.bio .container{padding:0 120px}.bio-content{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.bio-content p{font-size:20px;line-height:1.7;color:#000;font-weight:500;margin:0}[data-theme=dark] .bio-content p{color:var(--text)}.email-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border:none;border-radius:8px;color:#fff;background:#000;font-family:Inter Tight,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500;text-decoration:none;width:fit-content;transition:opacity .2s ease}.email-btn:hover{opacity:.8}@media (max-width: 768px){.bio .container{padding:0 1.5rem}.bio-content{max-width:100%}}.clients{padding:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);overflow:hidden}.clients-track-wrapper{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.clients-track{display:flex;align-items:center;gap:5rem;width:max-content;animation:marquee 80s linear infinite}.client-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo img{height:48px;width:auto;object-fit:contain;display:block;filter:grayscale(1);opacity:.5;transition:filter .3s ease,opacity .3s ease}.client-logo img:hover{filter:grayscale(0);opacity:1}[data-theme=dark] .client-logo img{filter:grayscale(1) brightness(1.8);opacity:.5}[data-theme=dark] .client-logo img:hover{filter:grayscale(0) brightness(1);opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.clients{padding:1.75rem 0}.clients-track{gap:3rem}.client-logo img{height:32px}}.work{padding:5rem 0;border-top:1px solid var(--border)}.work .container{padding:0 120px}.work-heading{font-size:2.5rem;font-weight:700;color:var(--text);margin:0 0 2rem}.work-hero{display:block;text-decoration:none;margin-bottom:1.5rem;cursor:pointer}.work-hero-image{width:100%;aspect-ratio:16 / 7;border-radius:20px;overflow:hidden;transition:opacity .2s ease}.work-hero:hover .work-hero-image{opacity:.9}.work-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.work-hero-meta{padding:1.1rem 0 2rem;display:flex;flex-direction:column;gap:.3rem}.work-hero-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.work-hero-link{font-size:.95rem;font-weight:500;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.work-card{display:block;text-decoration:none;cursor:pointer}.work-card-image{width:100%;aspect-ratio:4 / 3;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .2s ease}.work-card:hover .work-card-image{opacity:.9}.work-card-image img{max-height:88%;max-width:88%;object-fit:contain}.work-card-meta{padding:1rem 0 .5rem;display:flex;flex-direction:column;gap:.3rem}.work-card-title{font-size:1.2rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.work-card-link{font-size:.9rem;color:var(--muted);font-weight:500}@media (max-width: 768px){.work .container{padding:0 1.5rem}.work-grid{grid-template-columns:1fr}}.services{padding:4rem 0;border-top:1px solid var(--border)}.services .container{padding:0 120px}.services h2{font-size:2.5rem;margin-bottom:2rem;margin-top:0;text-align:left}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.service-card{border:2px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transition:all .3s ease}.service-card:hover{border-color:#666;background:var(--tertiary)}.service-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.service-icon img{width:100%;height:100%;object-fit:contain}.service-card h3{margin:0;font-size:1.1rem;color:var(--text)}.services-quote{text-align:left;padding:2rem;font-size:1.4rem;color:var(--muted);line-height:1.6}.services-quote p{margin:0}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}}.case-studies{padding:4rem 0;border-top:1px solid var(--border)}.case-studies .container{padding:0 120px}.case-studies h2{font-size:2.5rem;margin-bottom:3rem;margin-top:0;text-align:left}.case-studies-list{display:flex;flex-direction:column;gap:4rem}.case-study-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.case-study-item:nth-child(2n){grid-template-columns:1fr 1fr}.case-study-item:nth-child(2n) .case-study-image{order:2}.case-study-item:nth-child(2n) .case-study-content{order:1}.case-study-image{width:100%;height:360px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f5f7fb,#e8eef5);display:flex;align-items:center;justify-content:center;color:#666;font-weight:500;position:relative}.case-study-image img{width:100%;height:100%;object-fit:contain;display:block;padding:2rem;background:linear-gradient(135deg,#f5f7fb,#e8eef5)}[data-theme=dark] .case-study-image{background:linear-gradient(135deg,#1a2540,#0f1a2e)}[data-theme=dark] .case-study-image img{background:linear-gradient(135deg,#0f1a2e,#1a2540)}.case-study-content{display:flex;flex-direction:column;gap:1rem}.case-study-tags{display:flex;gap:.75rem;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:.35rem .75rem;background:var(--tertiary);border:1px solid var(--border);border-radius:20px;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.tag:hover{border-color:var(--muted);background:var(--bg)}.case-study-item h3{font-size:1.6rem;margin:0;color:var(--text);line-height:1.3}.case-study-item>.case-study-content p{font-size:1rem;color:var(--muted);line-height:1.6;margin:0}.case-study-disciplines{display:flex;gap:.75rem;flex-wrap:wrap;margin:.5rem 0}.case-study-disciplines span{display:inline-flex;align-items:center;padding:.4rem .8rem;background:var(--tertiary);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text);font-weight:500;transition:all .2s ease}.case-study-disciplines span:hover{border-color:var(--muted);background:var(--bg)}.view-details{display:inline-block;color:#ef6444;text-decoration:none;font-weight:600;transition:color .3s;width:fit-content;font-size:1rem;margin-top:.5rem}.view-details:hover{color:#c94a2a}@media (max-width: 768px){.case-study-item{grid-template-columns:1fr}.case-study-item:nth-child(2n){grid-template-columns:1fr}.case-study-item:nth-child(2n) .case-study-image{order:1}.case-study-item:nth-child(2n) .case-study-content{order:2}.case-study-image{height:280px}.case-study-item h3{font-size:1.3rem}}.experience{padding:4rem 0;border-top:1px solid var(--border)}.experience .container{padding:0 120px}.experience h2{font-size:2.5rem;margin:0 0 2rem;text-align:left}.experience-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:40px}.experience-timeline:before{content:"";position:absolute;left:11px;top:20px;bottom:-20px;width:2px;background:var(--border)}.experience-item{position:relative;padding:1.5rem 0;display:flex;gap:2rem;align-items:flex-start}.timeline-dot{position:absolute;left:-29px;top:24px;width:18px;height:18px;background:var(--card);border:3px solid var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px var(--bg)}[data-theme=dark] .timeline-dot{box-shadow:0 0 0 3px var(--bg)}.experience-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.experience-header{flex:1}.experience-header h3{margin:0;font-size:1.1rem;color:var(--text);font-weight:600}.experience-header .company{margin:.25rem 0 0;color:var(--text);font-size:.95rem;font-weight:500}.experience-header .location{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.experience-item .date{color:var(--muted);font-size:.9rem;margin:0;white-space:nowrap;text-align:right;min-width:180px}@media (max-width: 768px){.experience-timeline{padding-left:30px}.experience-timeline:before{left:6px}.timeline-dot{left:-24px;width:14px;height:14px;border-width:2px}.experience-content{flex-direction:column;gap:.5rem}.experience-item .date{text-align:left;white-space:normal;min-width:auto}}.cta-section{padding:4rem 0;background:var(--accent);color:var(--bg);border-top:1px solid var(--border)}.cta-section .container{padding:0 120px}.cta-content{text-align:center}.cta-content h2{font-size:2rem;margin-bottom:1rem;color:var(--bg)}.cta-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--bg);opacity:.9}.cta-section .cta{background:var(--bg);color:var(--accent)}.latest-works{padding:4rem 0;border-top:1px solid var(--border)}.latest-works .container{padding:0 120px}.section-header{margin-bottom:3rem;display:flex;flex-direction:column}.section-label{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.section-header h2{font-size:2.5rem;margin:0 0 1rem}.view-all{text-decoration:none;color:var(--text);font-weight:500;width:fit-content}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.work-item{cursor:pointer;transition:transform .3s}.work-item:hover{transform:translateY(-4px)}.work-image{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#4a9fb5,#1a7c8f);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;margin-bottom:1rem}.work-title{font-size:1.1rem;font-weight:500;margin:0}.insights{padding:4rem 0;border-top:1px solid var(--border)}.insights .container{padding:0 120px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.insight-item{cursor:pointer;transition:transform .3s}.insight-item:hover{transform:translateY(-4px)}.insight-image{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#d4a574,#a0826d);border-radius:12px;margin-bottom:1rem}.insight-item h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.insight-meta{color:var(--muted);font-size:.9rem;margin:0}.vision-cta{padding:4rem 0;text-align:center;border-top:1px solid var(--border)}.vision-cta .container{padding:0 120px}.vision-cta h2{font-size:2rem;margin-bottom:1rem}.vision-cta p{font-size:1.1rem;color:var(--muted);margin-bottom:2rem}.site-footer{background:var(--accent);color:var(--bg);padding:2rem 0;border-top:1px solid var(--border)}.site-footer .container{padding:0 120px}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-cta{font-size:.9rem;margin-bottom:1rem;opacity:.8}.footer-email{font-size:1.25rem;font-weight:600;color:var(--bg);text-decoration:none}.footer-email:hover{opacity:.8}.theme-toggle{position:fixed;right:1rem;top:1rem;z-index:60;border:0;padding:.4rem .6rem;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:1rem;transition:color .3s}.theme-toggle:focus{outline:2px solid var(--accent)}.theme-toggle:hover{color:var(--muted)}.interactive-title{font-size:5.5rem;margin:0 0 .3rem;font-weight:700;line-height:1.1;cursor:none;position:relative}.title-line{display:inline-block;position:relative}.interactive-letter{display:inline-block;position:relative;transform-origin:center;will-change:transform;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.interactive-title{font-size:2.5rem}}.interactive-logo-container{display:flex;align-items:center;justify-content:center;width:56px;height:37px;flex:none;order:0;flex-grow:0;cursor:pointer}.interactive-logo-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.interactive-logo-inner .nav-logo{width:100%;height:100%;object-fit:contain}