*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-gutter:stable;font-size:100%}body{color:#1d1d1f;background:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .3s cubic-bezier(.44,0,.56,1)}.col-body a[href]:not(.btn){text-underline-offset:3px;color:#06c;text-decoration:underline}.col-body a[href]:not(.btn):hover{color:#049}.section-dark .col-body a[href]:not(.btn){color:#6cb4ff}.section-dark .col-body a[href]:not(.btn):hover{color:#a0d0ff}h1,h2,h3,h4,h5{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2}h1{letter-spacing:-1.5px;font-size:clamp(1.7rem,3.2vw,2.4rem)}h2{letter-spacing:-1px;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:500}h3{letter-spacing:-.7px;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:600}h4{letter-spacing:-.4px;font-size:clamp(.92rem,1.2vw,1.08rem);font-weight:500}p,li{color:#6e6e73;letter-spacing:-.1px;font-size:1rem;line-height:1.6}.large{letter-spacing:-.1px;font-size:1.125rem}.text-secondary{color:#86868b}.text-light{color:#b3b3b3}.container{max-width:960px;margin:0 auto;padding:0 40px}@media (width<=809px){.container{padding:0 24px}}.social-links{align-items:center;gap:8px;display:flex}.social-links a{color:#ffffff73;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .3s,background .3s;display:flex}.social-links a:hover{color:#fff;background:#ffffff1a}.social-links svg{fill:currentColor;width:16px;height:16px}.site-header{z-index:100;background:#161617;flex-direction:column;align-items:center;padding:12px 0 0;display:flex;position:fixed;top:0;left:0;right:0}body{padding-top:56px}body:has(.sub-nav){padding-top:92px;animation:.35s cubic-bezier(.16,1,.3,1) both content-push-down}@keyframes content-push-down{0%{padding-top:56px}to{padding-top:92px}}@keyframes content-push-up{0%{padding-top:92px}to{padding-top:56px}}body.page-exit{pointer-events:none}body.page-exit .sub-nav{animation:.3s cubic-bezier(.4,0,1,1) both subnav-slide-up}body.page-exit .sub-nav a{animation:.15s cubic-bezier(.4,0,1,1) both pill-shrink}nav{width:100%;padding:8px 24px;position:relative}nav .nav-inner{justify-content:center;align-items:center;gap:28px;display:flex}nav .nav-inner .social-links{position:absolute;left:24px}nav a{color:#ffffff80;letter-spacing:-.2px;padding:3px 0;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:color .3s cubic-bezier(.44,0,.56,1)}nav a:hover{color:#fff}nav a.active{color:#fff;border-bottom:2px solid #fff;padding-bottom:1px}@media (width<=809px){nav{padding:14px 24px}nav .nav-inner{justify-content:flex-start}nav .nav-inner .social-links{position:static}}.sub-nav{animation:.3s cubic-bezier(.16,1,.3,1) both subnav-slide-down;overflow:hidden}.no-intro .sub-nav,.no-intro .sub-nav a,.no-intro.page-exit .sub-nav a{animation:none!important}.no-intro,.no-intro body{padding-top:76px!important;animation:none!important}.sub-nav-inner{align-items:center;gap:24px;padding:6px 20px 10px;display:flex}.sub-nav a{color:#ffffff80;letter-spacing:-.2px;border-radius:8px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;transition:color .3s cubic-bezier(.44,0,.56,1),background .3s cubic-bezier(.44,0,.56,1);animation:.2s cubic-bezier(.34,1.56,.64,1) .2s both pill-pop}@keyframes subnav-slide-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:60px}}@keyframes subnav-slide-up{0%{opacity:1;max-height:60px}to{opacity:0;max-height:0}}@keyframes pill-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes pill-shrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.sub-nav a:hover{color:#fff;background:#ffffff1a}.sub-nav a.active{color:#fff;background:#1d1d1f;font-weight:600}.sub-nav a:after{content:attr(data-text);visibility:hidden;height:0;font-weight:600;display:block;overflow:hidden}@media (width<=809px){.sub-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-left:24px;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.sub-nav::-webkit-scrollbar{display:none}.sub-nav-inner{white-space:nowrap;gap:16px;padding-right:24px}}.portfolio-hero{padding:12px 0 16px}.portfolio-hero .subtitle{color:#6e6e73;max-width:520px;margin-top:16px;font-size:1rem;line-height:1.6}.home-intro{align-items:center;min-height:calc(100vh - 56px);padding:40px 0 64px;display:flex}.home-layout{align-items:center;gap:56px;display:flex}.home-photo{flex-shrink:0}.home-headshot{object-fit:cover;border-radius:50%;width:200px;height:200px}.home-bio h1{margin-bottom:6px}.home-role{letter-spacing:-.3px;margin-bottom:20px;font-family:Outfit,sans-serif;font-weight:500;color:#86868b!important;font-size:1rem!important}.home-text{max-width:480px;margin-bottom:24px}.home-links{gap:20px;display:flex}.home-links a{color:#6e6e73;letter-spacing:-.2px;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:color .3s;display:inline-flex}.home-links a:hover{color:#1d1d1f}.home-links svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}@media (width<=809px){.home-layout{text-align:center;flex-direction:column;gap:32px}.home-headshot{width:160px;height:160px}.home-links{justify-content:center}}.btn{letter-spacing:-.3px;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.44,0,.56,1);display:inline-flex}.btn-primary{color:#fff;background:#1d1d1f}.btn-primary:hover{background:#333}.btn-outline{color:#1d1d1f;background:0 0;border:1.5px solid #dbdbdb}.btn-outline:hover{border-color:#1d1d1f}.btn-light{color:#fff;background:#ffffff26;border:1.5px solid #ffffff40}.btn-light:hover{background:#ffffff40}.section{padding:8px 0}.section-dark{color:#fff;background:#161617}.section-dark p,.section-dark li{color:#ffffffa6}.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}.section-light{background:#f5f5f7}.section-label{text-transform:uppercase;letter-spacing:1.5px;color:#86868b;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.section-dark .section-label{color:#fff6}.statement{border-top:1px solid #dbdbdb;padding:64px 0}.statement-text{letter-spacing:-.6px;color:#1d1d1f;max-width:700px;font-family:Outfit,sans-serif;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:500;line-height:1.4}.products-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.products-grid .product-card:last-child{grid-column:1/-1}@media (width<=809px){.products-grid{grid-template-columns:1fr}}.product-card{cursor:pointer;background:#f5f5f7;border-radius:14px;transition:transform .4s cubic-bezier(.44,0,.56,1);position:relative;overflow:hidden}.product-card:hover{transform:scale(.985)}.product-card .card-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.product-card:first-child .card-image{aspect-ratio:21/9}.product-card .card-overlay{color:#fff;background:linear-gradient(#0000 0%,#000000bf 100%);padding:24px 20px;position:absolute;bottom:0;left:0;right:0}.product-card .card-overlay h3{color:#fff;margin-bottom:8px}.product-card .card-overlay p{color:#fffc;font-size:.875rem}.product-card .card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#00000080;border-radius:100px;padding:5px 11px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;position:absolute;top:18px;left:18px}.writing-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:32px;display:grid}.writing-card{background:#fff;border:1px solid #e8e8ed;border-radius:12px;padding:24px;transition:transform .3s cubic-bezier(.44,0,.56,1),box-shadow .3s cubic-bezier(.44,0,.56,1);display:block}.writing-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000014}.writing-card .writing-date{text-transform:uppercase;letter-spacing:1px;color:#86868b;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.writing-card h4{color:#1d1d1f;margin-bottom:8px}.writing-card p{color:#6e6e73;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.writing-loading,.writing-error{color:#86868b;font-size:1rem}.stats-row{border-top:1px solid #dbdbdb;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;padding:48px 0;display:grid}.section-dark .stats-row{border-top-color:#ffffff1f}.stat h3{margin-bottom:8px}.stat p{font-size:.875rem}.product-hero{padding:12px 0 0}.page-compact .section{padding:16px 0}.page-compact .content-block{margin:0;padding:16px 0}.page-compact .content-block .two-col{gap:8px}.page-compact .content-block .two-col .col-body ul:first-child{margin-top:0}.product-hero .breadcrumb{color:#86868b;align-items:center;gap:8px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:.875rem;display:flex}.product-hero .breadcrumb a{color:#86868b}.product-hero .breadcrumb a:hover{color:#1d1d1f}.product-hero .breadcrumb .sep{color:#dbdbdb}.product-hero h1{margin-bottom:8px}.product-hero .role-tag{letter-spacing:.5px;color:#6e6e73;border:1.5px solid #dbdbdb;border-radius:100px;margin-bottom:24px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.product-hero .lead{color:#6e6e73;max-width:560px;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.5}.product-screenshot{border-radius:12px;width:100%;box-shadow:0 2px 8px #00000014,0 8px 32px #00000014}.content-block{padding:16px 0}.content-block+.content-block{border-top:1px solid #dbdbdb}.section-dark .content-block+.content-block{border-top-color:#ffffff1f}.content-block .two-col{grid-template-columns:1fr;gap:12px;display:grid}.content-block .two-col .col-body p+p{margin-top:20px}.content-block .two-col .col-body ul{letter-spacing:-.1px;margin-top:12px;padding-left:20px;list-style:outside}.content-block .two-col .col-body ul li{margin-bottom:8px;line-height:1.6}.content-block .two-col .col-body ul+p{margin-top:20px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:28px;display:grid}.col-body .results-grid{margin-top:1rem;margin-bottom:1.5rem}.result-card{background:#f5f5f7;border-radius:10px;padding:22px}.section-light .result-card{background:#fff;box-shadow:0 1px 4px #00000014}.section-dark .result-card{background:#ffffff0f}.result-card .result-number{letter-spacing:-1px;color:#1d1d1f;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700}.section-dark .result-card .result-number{color:#fff}.result-card p{font-size:.875rem}.product-nav{border-top:1px solid #dbdbdb;grid-template-columns:1fr 1fr;gap:16px;padding:48px 0;display:grid}.product-nav a{background:#f5f5f7;border-radius:10px;padding:20px;transition:background .3s}.product-nav a:hover{background:#ebebed}.product-nav a:last-child{text-align:right}.product-nav .nav-label{text-transform:uppercase;letter-spacing:1.5px;color:#86868b;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.product-nav .nav-title{letter-spacing:-.5px;color:#1d1d1f;font-family:Outfit,sans-serif;font-size:1.0625rem;font-weight:600}@media (width<=809px){.product-nav{grid-template-columns:1fr}}footer{color:#fff;background:#161617;padding:48px 0}footer .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:32px;display:flex}footer h3{color:#fff;margin-bottom:10px}footer p{color:#ffffff80}footer a{color:#ffffffb3}footer a:hover{color:#fff}footer .footer-links{gap:32px;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.sub-nav,.sub-nav a,.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}body:has(.sub-nav){opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.placeholder-img{color:#86868b;background:linear-gradient(135deg,#e8e8ed 0%,#d2d2d7 100%);justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;display:flex}.lightbox{z-index:9999;cursor:zoom-out;opacity:0;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.lightbox.visible{opacity:1;pointer-events:auto}.lightbox img,.lightbox video{object-fit:contain;border-radius:8px;max-width:92vw;max-height:92vh}img[data-lightbox],video[data-lightbox]{cursor:zoom-in}