@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-primary-dark: #1a1a1a;--color-secondary: #6b6456;--color-bg: #FAF4E8;--color-bg-dark: #F3EBDA;--color-text: #000000;--color-text-muted: #6b6456;--color-border: #E5DCC8;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 80px;--radius: 16px;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--color-border-strong: #cfc3a6}[data-theme=dark]{--color-bg: #000000;--color-bg-dark: #000000;--color-text: #FAF4E8;--color-text-muted: rgba(250, 244, 232, .62);--color-border: rgba(250, 244, 232, .14);--color-border-strong: rgba(250, 244, 232, .28);--color-primary: #FAF4E8;--color-primary-dark: #e8dfc9;--color-secondary: rgba(250, 244, 232, .62)}body{font-family:Manrope,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}nav,.container,footer{position:relative;z-index:1}h1,h2,h3,h4{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.02em;text-wrap:balance}a{color:var(--color-text);text-decoration-color:var(--color-text-muted);text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{text-decoration-color:currentColor}html{scroll-behavior:smooth}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:101;transition:width .1s}nav{position:sticky;top:0;background:#faf4e8d9;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100;transition:all .3s ease;padding-top:8px;padding-bottom:8px}nav.scrolled{padding-top:2px;padding-bottom:2px}nav.scrolled .nav-container{padding:8px var(--spacing-md)}[data-theme=dark] nav{background:#000c}.nav-container{max-width:1100px;margin:0 auto;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;transition:padding .3s ease}.nav-container>*{display:flex;align-items:center}.logo{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;color:var(--color-text);text-decoration:none;transition:opacity .3s ease;display:flex;align-items:center}.logo img{display:block;transition:all .3s ease}.logo .logo-dark{display:block}.logo .logo-light,[data-theme=dark] .logo .logo-dark{display:none}[data-theme=dark] .logo .logo-light{display:block}.nav-back{color:var(--color-text-muted);text-decoration:none;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;transition:color .2s}.nav-back:hover{color:var(--color-primary)}.nav-links{display:flex;gap:var(--spacing-md);align-items:center;list-style:none;margin:0;padding:0}.nav-links li{padding:0;margin:0;list-style:none}.nav-links li:before{content:none;display:none}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;padding:0}.nav-links a:hover{color:var(--color-primary)}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;display:flex;align-items:center}.theme-toggle:hover{background:var(--color-bg-dark)}.theme-icon{width:20px;height:20px;fill:var(--color-text-muted);stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s,stroke .2s}.theme-toggle:hover .theme-icon{fill:var(--color-primary);stroke:var(--color-primary)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-controls{display:none;align-items:center;gap:8px}.mobile-theme-toggle{display:none}.hamburger{width:24px;height:2px;background:var(--color-text);position:relative;transition:background .3s;display:block}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--color-text);transition:transform .3s}.hamburger:before{top:-8px}.hamburger:after{top:8px}.mobile-menu-toggle.active .hamburger{background:var(--color-text)}.mobile-menu-toggle.active .hamburger:before{transform:rotate(45deg);top:0}.mobile-menu-toggle.active .hamburger:after{transform:rotate(-45deg);top:0}.container{max-width:1100px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.hero{padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl);position:relative;opacity:0;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(48px,8vw,72px);color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.1}.hero .subtitle{font-size:clamp(18px,3vw,24px);color:var(--color-text-muted);font-weight:400;max-width:700px;margin-bottom:var(--spacing-md)}.hero .location{font-size:16px;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:100px;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-md)}[data-theme=dark] .badge{background:var(--color-bg-dark)}.badge-dot{width:8px;height:8px;background:var(--color-secondary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-md)}.tag{display:inline-block;padding:6px 14px;background:var(--color-bg-dark);border:1.5px solid var(--color-border);border-radius:100px;font-size:13px;font-weight:500;color:var(--color-text)}[data-theme=dark] .tag{background:var(--color-bg-dark)}.tag.primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border)}[data-theme=dark] .meta-grid{background:var(--color-bg-dark)}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:500}.meta-value{font-size:18px;font-weight:500;color:var(--color-text)}.case-studies{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.case-study-card{background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none;color:inherit;display:block;opacity:0;animation:fadeInUp .6s ease forwards;position:relative}[data-theme=dark] .case-study-card{background:var(--color-bg-dark)}.case-study-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#6b64561a);opacity:0;transition:opacity .3s;z-index:1;pointer-events:none}.case-study-card:nth-child(1){animation-delay:.1s}.case-study-card:nth-child(2){animation-delay:.2s}.case-study-card:nth-child(3){animation-delay:.3s}.case-study-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:var(--color-primary)}.case-study-card:hover:before{opacity:1}.case-study-card>*{position:relative;z-index:2}.card-image{width:100%;height:240px;background:linear-gradient(135deg,#f3ebda,#faf4e8);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}.card-image span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.case-study-card:hover .card-image img{transform:scale(1.05);filter:brightness(1.1)}[data-theme=dark] .card-image{background:linear-gradient(135deg,#171717,#262626)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#6b64561a);opacity:0;transition:opacity .3s}.case-study-card:hover .card-image:after{opacity:1}.card-content{padding:var(--spacing-md)}.card-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.card-tag{font-size:12px;padding:4px 10px;background:var(--color-bg);border-radius:100px;color:var(--color-text-muted);font-weight:500}[data-theme=dark] .card-tag{background:var(--color-bg)}.card-tag.primary{background:#0000001a;color:var(--color-primary)}.card-content h3{font-size:24px;margin-bottom:var(--spacing-xs);color:var(--color-text);transition:color .3s ease}.case-study-card:hover .card-content h3{color:var(--color-primary)}.card-content p{font-size:15px;color:var(--color-text-muted);line-height:1.6;transition:color .3s ease}.case-study-card:hover .card-content p{color:var(--color-text)}.about{padding:var(--spacing-xl);background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}[data-theme=dark] .about{background:var(--color-bg-dark)}.about-content{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl);align-items:center}.about-image{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid var(--color-border);flex-shrink:0}.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(1.12);transform-origin:50% 40%;display:block}.about-text h2{margin-bottom:var(--spacing-md)}.about-text p{font-size:17px;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--spacing-md)}.about-text p:last-child{margin-bottom:0}.contact-section{padding:var(--spacing-xl);background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border);text-align:center}.contact-section h2{margin-bottom:var(--spacing-sm)}.contact-section p{font-size:17px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.cta-button{display:inline-block;padding:16px 32px;background:var(--color-primary);color:var(--color-bg);text-decoration:none;border-radius:100px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #0000004d}.cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0006}footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{max-width:1100px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-md);list-style:none;padding:0;margin:0}.social-links li{padding:0;margin:0;list-style:none}.social-links li:before{content:none;display:none}.social-links a{color:var(--color-text-muted);text-decoration:none;font-size:15px;transition:color .2s}.social-links a:hover{color:var(--color-primary)}.section{margin-bottom:var(--spacing-xl)}h2{font-size:clamp(32px,5vw,48px);color:var(--color-text);margin-bottom:var(--spacing-md)}h3{font-size:28px;color:var(--color-text);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}h4{font-size:20px;color:var(--color-text);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}p{font-size:17px;color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.7}.two-col{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin:var(--spacing-lg) 0}.accent-box{padding:var(--spacing-lg);background:var(--color-bg-dark);border-radius:var(--radius);border-left:4px solid var(--color-primary);margin:var(--spacing-lg) 0;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .accent-box{background:var(--color-bg-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.stat-card{background:linear-gradient(135deg,#000000b3,#1a1a1ab3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:var(--spacing-lg);border-radius:var(--radius);text-align:center;color:var(--color-bg);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.18);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040,0 0 30px #6b645666}.stat-card:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%236b6456' stop-opacity='.2' offset='0%25'/%3e%3cstop stop-color='%236b6456' stop-opacity='.35' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='b' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23ffffff' stop-opacity='.08' offset='0%25'/%3e%3cstop stop-color='%23ffffff' stop-opacity='.15' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23b)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='c' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%236b6456' stop-opacity='.1' offset='0%25'/%3e%3cstop stop-color='%236b6456' stop-opacity='.2' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23c)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e");background-repeat:repeat-x;background-size:1600px 100%,1400px 90%,1800px 110%;animation:waves-card1 30s ease-in-out infinite;pointer-events:none}.stat-card:nth-child(2):before{animation:waves-card2 30s ease-in-out infinite;animation-delay:-10s}.stat-card:nth-child(3):before{animation:waves-card3 30s ease-in-out infinite;animation-delay:-20s}@keyframes waves-card1{0%{background-position:0 100%,1400px 95%,0 105%}33%{background-position:533px 100%,933px 95%,600px 105%}66%{background-position:1066px 100%,467px 95%,1200px 105%}to{background-position:1600px 100%,0 95%,1800px 105%}}@keyframes waves-card2{0%{background-position:0 100%,1400px 95%,1800px 105%}33%{background-position:467px 100%,933px 95%,1200px 105%}66%{background-position:933px 100%,467px 95%,600px 105%}to{background-position:1400px 100%,0 95%,0 105%}}@keyframes waves-card3{0%{background-position:0 100%,0 95%,1400px 105%}33%{background-position:600px 100%,533px 95%,933px 105%}66%{background-position:1200px 100%,1066px 95%,467px 105%}to{background-position:1800px 100%,1600px 95%,0 105%}}.stat-number{font-size:48px;font-weight:700;font-family:Manrope,sans-serif;margin-bottom:var(--spacing-xs);position:relative}.stat-label{font-size:14px;opacity:.9;position:relative}blockquote{font-size:18px;color:var(--color-text);margin:40px 0;padding:24px 32px;border-left:4px solid var(--color-primary);background:transparent;font-style:normal;line-height:1.7;position:relative}blockquote:before{content:'"';font-size:32px;color:var(--color-primary);opacity:.3;font-family:Georgia,serif;margin-right:8px;line-height:0;vertical-align:middle}blockquote:after{content:'"';font-size:32px;color:var(--color-primary);opacity:.3;font-family:Georgia,serif;margin-left:8px;line-height:0;vertical-align:middle}.image-container{margin:var(--spacing-lg) 0;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-dark);border:1px solid var(--color-border)}[data-theme=dark] .image-container{background:var(--color-bg-dark)}.image-placeholder{padding:120px 40px;text-align:center;background:linear-gradient(135deg,#f3ebda,#faf4e8);color:var(--color-text-muted);font-size:14px;font-weight:500}[data-theme=dark] .image-placeholder{background:linear-gradient(135deg,#171717,#262626)}.image-placeholder small{display:block;margin-top:12px;font-size:12px;color:var(--color-primary)}.image-container img{width:100%;height:auto;display:block;object-fit:cover}ul{list-style:none;margin:var(--spacing-md) 0;padding:0}li{padding:var(--spacing-sm) 0 var(--spacing-sm) 32px;position:relative;color:var(--color-text-muted);font-size:17px;line-height:1.6}li:before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.principle-list,.principles-grid ul{list-style-type:none!important;padding-left:0!important;margin:0!important}.principle-list li,.principles-grid li{padding:8px 0 8px 28px!important;position:relative;margin-bottom:4px;list-style-type:none!important}.principle-list li:before,.principles-grid li:before{content:"→"!important;position:absolute;left:0;top:8px;width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;color:#000;font-weight:700;font-size:18px}.callout{padding:var(--spacing-lg);background:linear-gradient(135deg,#0000001a,#8b5cf61a);border-radius:var(--radius);margin:var(--spacing-lg) 0;border:1px solid rgba(0,0,0,.2)}.callout h3{margin-top:0;color:var(--color-primary)}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 50%,transparent 100%);margin:var(--spacing-xl) 0}.next-project{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border)}[data-theme=dark] .next-project{background:var(--color-bg-dark)}.next-label{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.next-link{display:flex;align-items:center;justify-content:space-between;font-size:24px;font-family:Manrope,sans-serif;font-weight:600;color:var(--color-text);text-decoration:none;transition:color .2s}.next-link:hover{color:var(--color-primary)}.next-link svg{transition:transform .2s}.next-link:hover svg{transform:translate(4px)}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:all .3s;z-index:99}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.back-to-top svg{width:24px;height:24px;fill:none;stroke:var(--color-bg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sus-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0}.sus-circle{position:relative;text-align:center}.circle-bg{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#f3ebda,#faf4e8);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto 16px;border:8px solid #e5e5e5}[data-theme=dark] .circle-bg{background:linear-gradient(135deg,#171717,#262626);border-color:#404040}.circle-score{font-family:Manrope,sans-serif;font-size:56px;font-weight:700;color:var(--color-text);line-height:1}.circle-change{font-size:14px;font-weight:600;color:#000;margin-top:8px}.circle-label{font-size:14px;color:var(--color-text);font-weight:600;margin-top:8px}.circle-sublabel{font-size:12px;color:var(--color-text-muted);margin-top:4px}.progress-comparison{margin:40px 0}.progress-item{margin-bottom:32px}.progress-header{display:flex;justify-content:space-between;margin-bottom:12px}.progress-title{font-weight:600;font-size:16px;color:var(--color-text)}.progress-value{font-family:Manrope,sans-serif;font-weight:700;font-size:18px;color:#000}.progress-bar{height:12px;background:var(--color-bg-dark);border-radius:100px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#000,#6b6456);border-radius:100px;transition:width 1s ease}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.principle-card{padding:32px;background:var(--color-bg-dark);border-radius:12px;border:1px solid rgba(0,0,0,.15);text-align:center;transition:all .3s ease;cursor:pointer}.principle-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;background:linear-gradient(135deg,#00000014,#6b645614);border-color:#00000040}.principle-card:hover .principle-icon{transform:scale(1.05);background:linear-gradient(135deg,#00000026,#6b645626)}.principle-icon{font-size:48px;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0000001a,#6b64561a);border-radius:50%;color:#000;transition:all .3s ease}.principle-icon svg{width:32px;height:32px}.principle-title{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px;color:#000}.principle-list{list-style:none;text-align:left;font-size:14px;color:var(--color-text-muted);line-height:1.8;padding:0;margin:0}.principle-list li{padding:8px 0 8px 28px;position:relative;margin-bottom:4px;list-style:none}.principle-list li:before{content:"→";position:absolute;left:0;top:8px;color:#000;font-weight:700;font-size:18px}.image-carousel{margin:var(--spacing-xl) 0;position:relative}.carousel-container{position:relative;background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}[data-theme=dark] .carousel-container{background:var(--color-bg-dark)}.carousel-slides{display:flex;transition:transform .5s ease;width:100%}.carousel-slide{min-width:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg);flex-shrink:0}.carousel-slide img{width:100%;height:auto;max-height:600px;display:block;object-fit:contain}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .2s;z-index:10;backdrop-filter:blur(4px)}.carousel-button:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.carousel-button svg{width:24px;height:24px}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-dots{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .3s;padding:0}.carousel-dot:hover{background:#fffc;transform:scale(1.2)}.carousel-dot.active{background:var(--color-bg-dark);width:32px;border-radius:6px}.carousel-caption{padding:var(--spacing-md);text-align:center;font-size:14px;color:var(--color-text-muted);background:var(--color-bg);border-top:1px solid var(--color-border);position:relative;z-index:1}[data-theme=dark] .carousel-caption{background:var(--color-bg)}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.image-container.wireframe{background:var(--color-bg)}[data-theme=dark] .image-container.wireframe{background:var(--color-bg-dark)}.image-container.hero-image{margin:var(--spacing-xl) 0}.image-container.detail-image{margin:var(--spacing-lg) 0}@media(max-width:768px){nav{padding-top:12px;padding-bottom:12px}nav.scrolled{padding-top:8px;padding-bottom:8px}nav.scrolled .nav-container{padding:12px var(--spacing-md)}.nav-container{position:relative;justify-content:space-between;padding:var(--spacing-md);align-items:center;display:flex}.logo{position:relative;left:auto;transform:none;z-index:100;display:flex;align-items:center}.mobile-controls{display:flex;position:relative}.desktop-theme-toggle{display:none!important}.mobile-theme-toggle{display:flex}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;z-index:100;position:relative;padding:8px}.nav-links{position:fixed;top:89px;left:0;right:0;background:var(--color-bg);flex-direction:column;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transform:translateY(-100%);transition:transform .3s ease;z-index:99;gap:0;opacity:0;visibility:hidden}nav.scrolled+* .nav-links,nav.scrolled .nav-links{top:73px}[data-theme=dark] .nav-links{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:12px 0;width:100%}.nav-links .theme-toggle{margin:0 auto}.case-study-nav,.case-study-nav.scrolled{padding-top:12px;padding-bottom:12px}.case-study-nav.scrolled .nav-container{padding:12px var(--spacing-md)}.case-study-nav .nav-container{grid-template-columns:1fr;position:relative;padding:var(--spacing-md);justify-content:center}.case-study-nav .nav-back{position:absolute;left:var(--spacing-md);font-size:14px}.case-study-nav .logo{justify-self:center;position:absolute;left:50%;transform:translate(-50%)}.case-study-nav .theme-toggle{position:absolute;right:var(--spacing-md)}.container{padding:var(--spacing-lg) var(--spacing-sm)}.hero{padding:var(--spacing-lg) 0}.two-col{grid-template-columns:1fr;gap:var(--spacing-md)}.stats-grid,.case-studies,.meta-grid,.sus-comparison{grid-template-columns:1fr}.circle-bg{width:160px;height:160px}.circle-score{font-size:48px}.principles-grid{grid-template-columns:1fr}blockquote{font-size:17px;padding:20px 24px;margin:32px 0}.image-container:not(.carousel-container){margin:var(--spacing-lg) calc(var(--spacing-sm) * -1);border-radius:0;width:calc(100% + (var(--spacing-sm) * 2))}.image-placeholder{padding:100px 20px;font-size:14px}.image-placeholder small{font-size:12px;margin-top:10px}.image-container:not(.carousel-container) img{width:100%;min-height:250px;object-fit:cover}.image-carousel{margin:var(--spacing-lg) calc(var(--spacing-sm) * -1);width:calc(100% + (var(--spacing-sm) * 2))}.carousel-container{border-radius:0}.carousel-slide{min-height:300px}.carousel-slide img{max-height:500px;width:100%;object-fit:contain}.carousel-button{width:40px;height:40px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-dots{bottom:60px;gap:8px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:24px}.carousel-caption{padding:var(--spacing-sm);font-size:13px}.image-grid{grid-template-columns:1fr}.back-to-top{bottom:20px;right:20px}.about{padding:var(--spacing-lg) var(--spacing-md)}.about-content{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.about-image{margin:0 auto var(--spacing-md);width:160px;height:160px}.about-text{text-align:left}body:before,body:after{display:none}.footer-content{flex-direction:column;text-align:center}}:root{--dur-fast: .15s;--dur-base: .25s;--dur-reveal: .5s;--ease-out: cubic-bezier(.22, 1, .36, 1);--stagger: 70ms;--rise: 14px}.js [data-reveal]{opacity:0;transform:translateY(var(--rise));transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal-stagger]>*{opacity:0;transform:translateY(var(--rise));transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.js [data-reveal-stagger].is-in>*{opacity:1;transform:none}.js [data-reveal-stagger].is-in>*:nth-child(1){transition-delay:0ms}.js [data-reveal-stagger].is-in>*:nth-child(2){transition-delay:70ms}.js [data-reveal-stagger].is-in>*:nth-child(3){transition-delay:.14s}.js [data-reveal-stagger].is-in>*:nth-child(4){transition-delay:.21s}.js [data-reveal-stagger].is-in>*:nth-child(n+5){transition-delay:.28s}.js .hero-seq>*{opacity:0;transform:translateY(var(--rise));animation:heroRise var(--dur-reveal) var(--ease-out) forwards}.js .hero-seq>*:nth-child(1){animation-delay:0ms}.js .hero-seq>*:nth-child(2){animation-delay:90ms}.js .hero-seq>*:nth-child(3){animation-delay:.18s}.js .hero-seq>*:nth-child(4){animation-delay:.27s}@keyframes heroRise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js [data-reveal],.js [data-reveal-stagger]>*,.js .hero-seq>*{opacity:1!important;transform:none!important}}nav .logo .logo-lockup{height:22px;width:auto}nav .logo .logo-mark{height:26px;width:auto}nav .logo .logo-dark.logo-lockup{display:block}nav .logo .logo-light.logo-lockup{display:none}nav .logo .logo-dark.logo-mark{display:none}nav .logo .logo-light.logo-mark{display:none}html[data-theme=dark] nav .logo .logo-dark.logo-lockup{display:none}html[data-theme=dark] nav .logo .logo-light.logo-lockup{display:block}html[data-theme=dark] nav .logo .logo-dark.logo-mark{display:none}html[data-theme=dark] nav .logo .logo-light.logo-mark{display:none}nav.scrolled .logo .logo-dark.logo-lockup,nav.scrolled .logo .logo-light.logo-lockup{display:none!important}nav.scrolled .logo .logo-dark.logo-mark{display:block}html[data-theme=dark] nav.scrolled .logo .logo-dark.logo-mark{display:none}html[data-theme=dark] nav.scrolled .logo .logo-light.logo-mark{display:block}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.mono-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.hero-clients{font-size:15px;color:var(--color-text-muted);margin-top:var(--spacing-md)}.hero-clients strong{color:var(--color-text);font-weight:600}.hero-ctas{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin-top:var(--spacing-md)}.cta-secondary{display:inline-block;padding:16px 32px;color:var(--color-text);text-decoration:none;border:1px solid var(--color-text);border-radius:100px;font-weight:500;transition:background var(--dur-fast),color var(--dur-fast)}.cta-secondary:hover{background:var(--color-text);color:var(--color-bg)}.card-fact{display:block;margin-top:10px;font-size:13px;font-weight:700;color:var(--color-text);letter-spacing:.02em}.nda-flag{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.nda-flag svg{width:11px;height:11px;stroke:currentColor}.card-tags{display:flex;align-items:center;flex-wrap:wrap}.services-prose{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.services-prose h3{margin-bottom:var(--spacing-xs);font-size:20px}.services-prose p{color:var(--color-text-muted);font-size:16px}.services-prose a{color:var(--color-text)}.availability{display:inline-flex;align-items:center;gap:10px;margin-top:var(--spacing-md);padding:10px 18px;border:1px solid var(--color-border);border-radius:100px;font-size:14px;font-weight:600}.availability:before{content:"";width:8px;height:8px;border-radius:50%;background:#3a7d44}.models{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.model{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.model:hover{transform:translateY(-3px);border-color:var(--color-text)}.model h3{font-size:19px;margin-bottom:6px}.model .model-shape{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.model p{color:var(--color-text-muted);font-size:15px}.faq{max-width:760px;margin-top:var(--spacing-lg)}.faq details{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;font-weight:400;color:var(--color-text-muted);transition:transform var(--dur-base) var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--color-text-muted);padding-top:10px;max-width:640px}.facts-block{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-md) var(--spacing-lg);border:none;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-border);border-radius:0;padding:var(--spacing-sm) 0;margin:var(--spacing-lg) 0}.facts-block>div{flex:0 0 auto}.facts-block .fact-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:4px}.facts-block .fact-value{font-family:var(--font-mono);font-size:13px;font-weight:400;white-space:nowrap}.outcomes-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.outcome{border-left:3px solid var(--color-text);padding-left:var(--spacing-sm)}.outcome .outcome-value{display:block;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.outcome .outcome-label{color:var(--color-text-muted);font-size:14px}.nda-note{font-size:14px;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:10px;padding:12px 16px;margin:var(--spacing-md) 0}.candid{position:relative;border:1px solid var(--color-text);border-radius:0;background:var(--color-bg);padding:28px;margin:var(--spacing-lg) 0}.candid:before{content:"";position:absolute;inset:6px;border:1px solid var(--color-border-strong);pointer-events:none}.candid .candid-label{position:absolute;top:-9px;left:20px;display:inline-block;background:var(--color-text);color:var(--color-bg);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;padding:3px 10px;margin:0}.candid p{position:relative}.gate-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:center}.gate-card h3{margin-bottom:var(--spacing-xs)}.gate-card p{color:var(--color-text-muted);max-width:480px;margin:0 auto var(--spacing-md)}.gate-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{height:26px;width:auto}.footer-legal{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;line-height:1.7;color:var(--color-text-muted)}.social-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.gate-form{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto}.gate-form input[type=email]{flex:1 1 220px;padding:14px 16px;border:1px solid var(--color-border);border-radius:100px;background:var(--color-bg);color:var(--color-text);font-family:Manrope,sans-serif;font-size:15px}.gate-form input[type=email]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.gate-form .cta-button{border:none;cursor:pointer}.gate-alt{margin-top:var(--spacing-sm);font-size:14px;color:var(--color-text-muted)}.gate-alt a{color:var(--color-text)}.hidden-field{display:none}.case-studies{display:flex!important;flex-direction:column;gap:var(--spacing-md);grid-template-columns:none}.case-study-card{display:grid;grid-template-columns:minmax(240px,2fr) 3fr;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.case-study-card:hover{transform:translateY(-3px);border-color:var(--color-text-muted)}.case-study-card .card-image{height:100%;min-height:200px;max-height:260px;overflow:hidden}.case-study-card .card-image img,.case-study-card .card-image span img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-base) var(--ease-out)}.case-study-card:hover .card-image img{transform:scale(1.02)}.case-study-card .card-content{padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center;gap:8px}.case-study-card .card-content h3{font-size:22px;margin:0}.case-study-card .card-content p{margin:0;max-width:560px}.case-study-card .card-fact{margin-top:4px}@media(max-width:720px){.case-study-card{grid-template-columns:1fr}.case-study-card .card-image{max-height:200px}}.case-study-card{background-color:var(--color-bg)}.case-study-card .card-fig{background:var(--color-bg);border-right:1px solid var(--color-border);position:relative;padding:26px;display:flex;align-items:center;min-height:200px;max-height:none;overflow:visible}.case-study-card .card-fig .fig-no{position:absolute;top:12px;right:14px;width:auto;height:auto;display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--color-text-muted)}.case-study-card .card-fig svg{width:100%;height:auto;display:block;color:var(--color-text);opacity:.65;transition:opacity var(--dur-fast) ease}.case-study-card .card-fig svg .anno{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.06em;fill:currentColor;fill-opacity:.5}.case-study-card .card-fig svg .knock{fill:var(--color-bg)}.case-study-card .card-fig svg .chip-text{font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;fill:var(--color-bg)}.case-study-card:hover .card-fig svg,.case-study-card:focus-visible .card-fig svg{opacity:1}.case-study-card:hover .card-fig svg .hi{stroke:currentColor;stroke-opacity:1}.case-study-card:hover .card-fig svg .hi-f{fill:currentColor;fill-opacity:1}.case-study-card:hover .card-fig .fig-no{color:var(--color-text)}.case-study-card:hover{background-color:#0000000a}[data-theme=dark] .case-study-card:hover{background-color:#faf4e812}.case-study-card:hover .card-content h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:var(--color-text-muted)}.case-study-card .card-fact:after{content:"";opacity:0}.case-study-card:hover .card-fact:after{content:" →";opacity:1}@media(hover:none){.case-study-card .card-fig svg{opacity:1}}@media(max-width:720px){.case-study-card .card-fig{border-right:none;border-bottom:1px solid var(--color-border)}}.hero.hero-seq{opacity:1;animation:none}.cta-button{box-shadow:none}.cta-button:hover{box-shadow:0 4px 14px #0000002e}@media(max-width:640px){.contact-section{padding:var(--spacing-lg) var(--spacing-md)}}@media(max-width:768px){nav .logo .logo-dark.logo-lockup,nav .logo .logo-light.logo-lockup{display:none!important}nav .logo .logo-dark.logo-mark{display:block;height:24px}html[data-theme=dark] nav .logo .logo-dark.logo-mark{display:none}html[data-theme=dark] nav .logo .logo-light.logo-mark{display:block;height:24px}}.trails{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.trails stop{stop-color:var(--color-text)}.hero,.section,.contact-section,.gate-card,.next-project,.facts-block,.outcomes-strip,.nda-note,footer{background-color:var(--color-bg)}.case-figure{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-dark);margin:var(--spacing-lg) 0;overflow:hidden}.case-figure .cf-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.case-figure .cf-body{padding:20px}.case-figure .cf-body svg{display:block;width:100%;height:auto;color:var(--color-text)}.case-figure .cf-cap{padding:12px 16px;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;line-height:1.5;color:var(--color-text-muted);margin:0}.case-figure .anno{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;fill:currentColor;fill-opacity:.55}.case-figure .anno-strong{fill-opacity:.85}.case-figure .knock{fill:var(--color-bg-dark)}.case-figure .chip{fill:currentColor}.case-figure .chip-text{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;fill:var(--color-bg-dark)}@media(max-width:640px){.case-figure .cf-body{padding:12px}}footer .footer-content{display:flex;flex-direction:column;gap:16px;align-items:flex-start}@media(min-width:768px){footer .footer-content{flex-direction:row;justify-content:space-between;align-items:center}}footer .logo-dark{display:block}footer .logo-light{display:none}[data-theme=dark] footer .logo-dark{display:none}[data-theme=dark] footer .logo-light{display:block}
