@font-face{font-family:Geist;src:url(/fonts/Geist-subset.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-subset.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined-subset.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:block}.msym{letter-spacing:normal;text-transform:none;white-space:nowrap;vertical-align:middle;font-optical-sizing:auto;font-variation-settings:"FILL" 0, "GRAD" 0;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:300;line-height:1;display:inline-block}[data-theme=dark] .msym{font-variation-settings:"FILL" 0, "GRAD" -25}:root,[data-theme=light]{--ground-paper:oklch(96.8% .004 250);--ground-grey:oklch(86.2% .005 250);--ground-grey-deep:oklch(78% .006 250);--ground-charcoal:oklch(24.5% .007 250);--ground-charcoal-deep:oklch(17.5% .008 250);--surface:var(--ground-paper);--ink:oklch(22% .006 250);--ink-muted:oklch(44.5% .008 250);--ink-label:oklch(51.5% .008 250);--ink-faint:oklch(61.5% .008 250);--rule:oklch(88% .005 250);--rule-faint:oklch(92.5% .004 250);--fill-100:oklch(90% .004 250);--fill-200:oklch(81.5% .005 250);--fill-300:oklch(66.5% .005 250);--fill-400:oklch(52% .006 250);--fill-500:oklch(40% .005 250);--accent:oklch(58% .22 255);--accent-text:oklch(48% .2 258);--accent-on:oklch(98% .004 250);--accent-wash:oklch(58% .22 255/.1);--geo-line:oklch(22% .006 250/.08);--geo-blur:oklch(22% .006 250/.04);--rating-low:oklch(62.7% .17 25);--rating-mid:oklch(70% .14 75);--rating-high:oklch(62% .13 150)}[data-theme=dark]{--surface:var(--ground-charcoal);--ink:oklch(97% .003 250);--ink-muted:oklch(76% .006 250);--ink-label:oklch(68% .006 250);--ink-faint:oklch(60% .006 250);--rule:oklch(32% .008 250);--rule-faint:oklch(28.5% .008 250);--fill-100:oklch(31% .005 250);--fill-200:oklch(40% .005 250);--fill-300:oklch(52% .006 250);--fill-400:oklch(69% .006 250);--fill-500:oklch(82% .005 250);--accent:oklch(72% .17 250);--accent-text:oklch(78% .14 250);--accent-on:oklch(17.5% .008 250);--accent-wash:oklch(72% .17 250/.14);--geo-line:oklch(97% .003 250/.08);--geo-blur:oklch(97% .003 250/.04);--rating-low:oklch(70% .15 25);--rating-mid:oklch(78% .13 75);--rating-high:oklch(74% .12 150)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:192px;--radius-none:0;--radius-sm:2px;--radius-pill:999px;--dur-state:.22s;--dur-reveal:.52s;--dur-stagger:60ms;--dur-ambient:60s;--ease:cubic-bezier(.4, 0, .2, 1);--font-display:Geist, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, monospace;--measure:48ch;--rail:170px;--frame:1280px}.display-xxl{font-family:var(--font-display);letter-spacing:-.035em;font-size:140px;font-weight:600;line-height:.92}.display-xl{font-family:var(--font-display);letter-spacing:-.03em;font-size:96px;font-weight:600;line-height:.94}.display-l{font-family:var(--font-display);letter-spacing:-.025em;font-size:64px;font-weight:600;line-height:.98}.display-m{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:1.06}.heading{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:1.3}.subheading{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.45}.body{font-family:var(--font-display);font-size:17px;font-weight:400;line-height:1.65}.body-small{font-family:var(--font-display);font-size:15px;font-weight:400;line-height:1.6}.label{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;font-weight:400;line-height:1.4}.numeral{font-family:var(--font-mono);font-size:44px;font-weight:300;line-height:1}.figure{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:400;line-height:1}@media (width<=900px){.display-xxl{font-size:clamp(56px,13vw,140px)}.display-xl{font-size:clamp(44px,10vw,96px)}.display-l{font-size:clamp(36px,8vw,64px)}.display-m{font-size:clamp(28px,6vw,40px)}.figure{font-size:clamp(36px,9vw,56px)}.numeral{font-size:clamp(32px,8vw,44px)}}@media (prefers-reduced-motion:reduce){:root{--dur-state:1ms;--dur-reveal:1ms;--dur-stagger:0s}.geo-layer *,.geo-blob{animation:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--ground-paper);color:var(--ink-muted);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65;overflow-x:hidden}.container{max-width:740px;margin:0 auto;padding:0 24px}.page{display:none}.page.active{display:block}::view-transition-old(page-content){animation:.25s ease-out forwards fade-out}::view-transition-new(page-content){animation:.35s ease-out 50ms both fade-in}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#page-container{view-transition-name:page-content}.page-transition-out{animation:.25s ease-out forwards fade-out}.page-transition-in{animation:.35s ease-out both fade-in}h1{color:var(--ink);letter-spacing:-.02em;font-size:clamp(42px,6vw,58px);font-weight:700;line-height:1.1}h2{color:var(--ink);letter-spacing:-.01em;font-size:clamp(24px,3.5vw,32px);font-weight:700;line-height:1.3}h3{color:var(--ink);font-size:16px;font-weight:600}.page-title{letter-spacing:-.02em;color:var(--ink);font-size:clamp(42px,6vw,58px);font-weight:700;line-height:1.1}.section-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);margin-bottom:8px;font-size:12px;font-weight:500}.bold-statement{color:var(--ink);font-size:clamp(18px,2.2vw,21px);font-weight:600;line-height:1.55}.body-text{color:var(--ink-muted);font-size:15px;line-height:1.7}header{z-index:100;background:oklch(from var(--ground-paper) l c h / .92);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}header.scrolled{border-bottom-color:var(--rule)}.wide-page footer .container{max-width:1200px}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.logo{color:var(--ink);letter-spacing:.02em;font-size:15px;font-weight:600;text-decoration:none}nav{align-items:center;gap:28px;display:flex}nav a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);font-size:12px;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:var(--ink)}nav .nav-home{align-items:center;gap:4px;display:flex}section{padding:80px 0}.divider{background:var(--rule);max-width:740px;height:1px;margin:0 auto}.hero{padding-top:72px;padding-bottom:32px}.hero-text{--hero-measure:100%}.hero .tagline{color:var(--ink-muted);max-width:min(726px, var(--hero-measure));font-size:17px;line-height:1.7}.hero-proof{color:var(--ink-label);max-width:min(711px, var(--hero-measure));margin-top:16px;font-size:14px;line-height:1.7}.case-dates{color:var(--ink-label);margin-top:4px;font-size:13px}.project-status{color:var(--ink-label);font-size:14px;font-style:italic;font-weight:500}.hero-layout{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:48px;padding-top:20px;display:grid}.hero-text{grid-area:1/1/span 5;grid-template-rows:subgrid;display:grid}.hero-text h1{margin-bottom:20px}.portrait-wrapper{grid-area:3/2;align-self:center;align-items:center;width:243px;height:0;margin-right:110px;display:flex}.portrait-wrapper img{mix-blend-mode:multiply;width:100%;height:auto;display:block}@media (width<=640px){.hero-layout{flex-direction:column-reverse;gap:24px;display:flex}.hero-text{display:block}.portrait-wrapper{align-self:start;width:140px;height:auto;margin-right:0;display:block}}.status-cards{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-top:48px;display:grid}@media (width<=760px){.status-cards{grid-template-columns:1fr}}.status-card{background:var(--fill-100);border-radius:12px;padding:28px 32px}.status-card .card-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.status-card .card-label svg{opacity:.7;width:16px;height:16px}.status-card p{color:var(--ink-muted);font-size:15px;line-height:1.7}.status-list{margin:14px 0 0;padding:0 0 0 20px;list-style:outside}.status-list li{color:var(--ink-muted);padding:5px 0;font-size:15px;line-height:1.6}.status-list li::marker{color:var(--ink-faint)}.philosophy .bold-statement{margin-bottom:40px}.two-col{grid-template-columns:1fr 1fr;gap:32px 48px;display:grid}@media (width<=640px){.two-col{grid-template-columns:1fr}}.two-col .approach-subhead{grid-column:1/-1;margin:24px 0 -24px}.logos-section{padding:48px 0}.logos-row{flex-wrap:wrap;align-items:center;gap:28px;margin-top:16px;display:flex}.logo-item{color:var(--ink);opacity:.7;font-size:14px;font-weight:600}.logo-bbc{letter-spacing:.04em;font-family:serif;font-weight:700}.logo-skype{font-style:italic}.case-study{padding:40px 0 8px}.case-header{grid-template-columns:200px 1fr;gap:40px;display:grid}.case-number{color:var(--ink);font-weight:600}.case-company{color:var(--ink-label);margin-top:2px;font-size:14px}.case-block{margin-bottom:28px}.case-block-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);margin-bottom:8px;font-size:12px;font-weight:600}.case-block p{color:var(--ink-muted);font-size:15px;line-height:1.7}@media (width<=640px){.case-header{grid-template-columns:1fr;gap:16px}}.expertise-intro{margin-bottom:56px}.expertise-intro p{max-width:560px;margin-top:12px}.skill-group{border-top:1px solid var(--rule);grid-template-columns:200px 1fr;gap:40px;padding:36px 0;display:grid}.skill-group h3{font-size:15px}.skill-list{list-style:none}.skill-list li{color:var(--ink-muted);align-items:baseline;gap:10px;padding:5px 0;font-size:15px;display:flex}.skill-list li:before{content:"◆";color:var(--ink-faint);flex-shrink:0;font-size:8px;position:relative;top:-1px}@media (width<=640px){.skill-group{grid-template-columns:1fr;gap:12px}}#projects h2{margin-bottom:8px}.project-card{padding:36px 0}.project-header{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:48px;display:grid}@media (width<=760px){.project-header{grid-template-columns:1fr;gap:24px}}.product-frame{max-width:420px;margin:0}.product-frame>div{border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 10px 30px #0000001f}.product-frame img{aspect-ratio:1172/628;object-fit:fill;width:100%;height:auto;display:block}.product-frame figcaption{flex-direction:column;gap:4px;padding-top:10px;display:flex}.product-frame figcaption span:first-child{color:var(--ink);font-size:12.5px;font-weight:500;line-height:1.5}.product-frame figcaption span:last-child{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);font-size:12px;line-height:1.5}.project-name{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:600}.project-description{color:var(--ink-muted);max-width:560px;margin-bottom:16px;font-size:15px;line-height:1.7}.project-index{max-width:733px;margin-top:24px}.project-row{border-top:1px solid var(--rule);padding:20px 0}.project-row:last-child{border-bottom:1px solid var(--rule)}.project-row .project-name{margin-bottom:4px}.project-row .project-name a{color:inherit;text-decoration:none;transition:color .3s}.project-row .project-name a:hover{color:var(--ink-label)}.project-row .project-description{margin-bottom:0}.project-link{color:var(--ink-label);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.project-link:hover{color:var(--ink)}.project-link svg{transition:transform .3s}.project-link:hover svg{transform:translate(2px,-2px)}.writing-intro{margin-bottom:48px}.writing-intro p{max-width:520px;margin-top:12px}.article-row{border-top:1px solid var(--rule);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto 20px;align-items:center;gap:16px;margin:0 -16px;padding:24px 16px;text-decoration:none;transition:background-color .3s,box-shadow .3s;display:grid}.article-row:hover{background:oklch(from var(--fill-100) l c h / .6);box-shadow:0 0 0 1px oklch(from var(--fill-200) l c h / .3)}.article-row:last-child{border-bottom:1px solid var(--rule)}.article-title-text{color:var(--ink);font-size:16px;font-weight:600;line-height:1.4}.article-meta{text-align:right}.article-category{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);font-size:12px;font-weight:500}.article-read-time{color:var(--ink-label);font-size:13px}.article-thumb{object-fit:cover;background:var(--rule);border-radius:8px;width:72px;height:52px}.article-arrow{color:var(--ink-faint);flex-shrink:0;transition:transform .3s,color .3s}.article-row:hover .article-arrow{color:var(--ink);transform:translate(2px,-2px)}.article-row:hover .article-title-text{color:var(--ink)}@media (width<=640px){.article-row{grid-template-columns:1fr 20px}.article-thumb,.article-meta{display:none}}.back-link{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);cursor:pointer;align-items:center;gap:6px;padding:12px 0;font-size:12px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.back-link:hover{color:var(--ink)}.article-header{margin-top:32px;margin-bottom:32px}.article-tag-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.article-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-label);border:1px solid var(--rule);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500}.article-readtime{color:var(--ink-label);font-size:14px}.article-subtitle{color:var(--ink-muted);margin-top:16px;font-size:17px;font-style:italic;line-height:1.6}.article-subtitle:empty{display:none}#article-page h1{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(32px,5vw,44px);line-height:1.2}.article-hero{max-width:calc(100% + 48px);margin:0 -24px 40px}.article-hero img{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:420px}@media (width>=740px){.article-hero{max-width:100%;margin:0 0 40px}}.article-body{padding-bottom:48px}.article-body img{border-radius:10px;width:100%;height:auto;margin:28px 0}.article-body p{color:var(--ink-muted);margin-bottom:20px;font-size:16px;line-height:1.8}.article-body blockquote{border-left:3px solid var(--ground-grey);color:var(--ink);margin:32px 0;padding:8px 0 8px 24px;font-size:17px;font-style:italic;font-weight:500;line-height:1.6}.article-body .attribution{color:var(--ink-label);margin-top:-16px;margin-bottom:28px;padding-left:27px;font-size:14px}.article-body ul{margin:16px 0 24px;list-style:none}.article-body ul li{color:var(--ink-muted);padding:4px 0 4px 20px;font-size:16px;line-height:1.8;position:relative}.article-body ul li:before{content:"◆";color:var(--ink-faint);font-size:8px;position:absolute;top:8px;left:0}.article-body ol{margin:16px 0 24px;padding-left:24px}.article-body ol li{color:var(--ink-muted);padding:4px 0;font-size:16px;line-height:1.8}.article-body h2{margin-top:40px;margin-bottom:16px;font-size:22px}.article-body .note{color:var(--ink-label);border-top:1px solid var(--rule);margin-top:32px;padding-top:24px;font-size:14px;font-style:italic}.article-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:24px 0 80px;display:flex}.contact{padding:80px 0 40px}.contact .bold-statement{margin-bottom:20px}.contact a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline;transition:text-decoration-color .3s}.contact a:hover{text-decoration-color:var(--accent)}.article-body a,.body-text a,.case-block a,.status-card a,.article-subtitle a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.contact{position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(ellipse at 100% 55%, var(--accent-wash) 0%, transparent 62%);pointer-events:none;width:52%;position:absolute;top:-30%;bottom:-30%;right:-18%}.contact>*{position:relative}footer{padding:24px 0 40px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--ink-label);font-size:13px}.footer-social{gap:16px;display:flex}.footer-social a{color:var(--ink-faint);transition:color .3s}.footer-social a:hover{color:var(--ink)}.reveal{opacity:1}@media (prefers-reduced-motion:reduce){.reveal{transition:opacity .3s ease-out;transform:none}}.hero-animate .section-label,.hero-animate h1,.hero-animate .tagline,.hero-animate .status-cards,.hero-animate .portrait-wrapper{opacity:0;animation:.25s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-enter .back-link{opacity:0;animation:.5s 50ms forwards fadeUp}.article-enter .article-tag-row{opacity:0;animation:.5s .1s forwards fadeUp}.article-enter h1{opacity:0;animation:.5s .15s forwards fadeUp}.article-enter .article-hero{opacity:0;animation:.5s .25s forwards fadeUp}.article-enter .article-body{opacity:0;animation:.5s .35s forwards fadeUp}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=980px){.featured-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.featured-grid{grid-template-columns:1fr}}.featured-card{background:var(--fill-100);cursor:pointer;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.featured-card-img{object-fit:cover;width:100%;height:200px}.featured-card-body{padding:24px}.featured-card-category{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:500}.featured-card-title{color:var(--ink);margin-top:8px;font-size:18px;font-weight:600;line-height:1.4}.featured-card-meta{color:var(--ink-muted);margin-top:12px;font-size:13px}.view-all-link{color:var(--ink-label);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.view-all-link:hover{color:var(--ink)}a.featured-card{text-decoration:none;display:block}a.article-row{color:inherit}#home-page .container,#home-page .divider{max-width:1200px}#home-page .case-header>div:last-child{max-width:733px}#home-page .contact .body-text{max-width:720px}#writing-page .container,#article-page .container{max-width:1200px}@media (width>=820px){#article-page article>.container>*{max-width:692px}}