:root{color:#141713;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#141713;--ink-soft:#62675f;--paper:#f4f5ef;--paper-bright:#fbfcf7;--line:#cfd3ca;--line-dark:#989e94;--blue:#1748e0;--green:#a8ee3b;--orange:#ff6b35;--mono:"IBM Plex Mono", "SFMono-Regular", monospace;background:#f4f5ef;font-family:Instrument Sans,Avenir Next,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{scroll-padding-top:100px}body{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), #1417130b 25%), var(--paper);color:var(--ink);margin:0}body,button,a{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{max-width:100%;display:block}::selection{background:var(--green);color:var(--ink)}h1,h2,h3,p,dl,dd{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.site-shell{min-height:100vh;overflow:clip}.page-shell{width:min(1240px,100% - 64px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf7f0;border:1px solid #1417132e;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;width:min(1320px,100% - 32px);min-height:68px;margin:14px auto 0;padding:8px 10px 8px 12px;display:grid;position:sticky;top:14px;box-shadow:0 10px 38px #14171314}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand__mark{background:var(--ink);width:44px;height:44px;color:var(--paper-bright);font-family:var(--mono);border-radius:3px;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.brand__copy{gap:1px;display:grid}.brand__copy strong{font-size:.94rem}.brand__copy small{color:var(--ink-soft);font-size:.75rem}.primary-nav{justify-content:center;gap:30px;display:flex}.primary-nav a{color:var(--ink-soft);padding:12px 0;font-size:.86rem;font-weight:650;position:relative}.primary-nav a:after{background:var(--blue);content:"";transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--ink)}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:8px;display:flex}.concept-switcher{border:1px solid var(--line);background:#eef0e9;border-radius:4px;grid-template-columns:repeat(2,38px);height:38px;padding:3px;display:grid}.concept-switcher a{color:var(--ink-soft);font-family:var(--mono);border-radius:2px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.concept-switcher a[aria-current=page]{background:var(--ink);color:var(--paper-bright)}.icon-link{background:var(--green);border-radius:3px;place-items:center;width:44px;height:44px;transition:transform .18s,background .18s;display:grid}.icon-link:hover{background:#b9fa51;transform:translateY(-2px)}.section-kicker,.hero-a__signal,.index-project__meta,.back-link,.next-case>span{color:var(--blue);font-family:var(--mono);text-transform:uppercase;font-size:.74rem;font-weight:700;line-height:1.5}.hero-a{flex-direction:column;justify-content:center;min-height:690px;padding-top:94px;padding-bottom:76px;display:flex}.hero-a__signal{align-items:center;gap:10px;margin-bottom:36px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #a8ee3b40}.hero-a h1{max-width:1060px;margin-bottom:54px;font-size:5.8rem;font-weight:640;line-height:.94}.hero-a__footer{grid-template-columns:minmax(0,560px) auto;align-items:end;gap:64px;display:grid}.hero-a__footer p,.hero-b__intro p{color:var(--ink-soft);margin-bottom:0;font-size:1.22rem;line-height:1.65}.text-link{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:28px;min-width:230px;padding:14px 0;font-weight:700;display:inline-flex}.text-link svg{transition:transform .18s}.text-link:hover svg{transform:translate(3px,2px)}.proof-strip{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.proof-strip div{border-right:1px solid var(--line);flex-direction:column-reverse;justify-content:center;gap:7px;min-height:118px;padding:22px 28px;display:flex}.proof-strip div:first-child{padding-left:0}.proof-strip div:last-child{border-right:0}.proof-strip dt,.project-metrics dt{color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;font-size:.68rem;font-weight:600}.proof-strip dd{margin:0;font-size:2rem;font-weight:700;line-height:1}.work-section,.index-section{padding-top:142px;padding-bottom:130px}.section-heading{grid-template-columns:minmax(160px,.36fr) minmax(0,1fr);align-items:start;gap:40px;margin-bottom:76px;display:grid}.section-heading h2,.index-section__header h2,.profile-section h2,.profile-b h2,.case-overview h2,.case-section h2,.responsive-note h2{margin-bottom:0;font-size:3.5rem;font-weight:620;line-height:1.03}.section-heading h2{max-width:820px}.story-list{grid-template-columns:minmax(0,1fr);gap:130px;display:grid}.project-story{--visual-bg:#dfeaf5;min-width:0}.project-story:nth-child(2){--visual-bg:#eaded5}.project-story:nth-child(3){--visual-bg:#dce8da}.project-story:nth-child(4){--visual-bg:#dedbd1}.project-story:nth-child(5){--visual-bg:#dfe7eb}.project-story:nth-child(6){--visual-bg:#eee0d2}.project-story__header{border-bottom:1px solid var(--line-dark);grid-template-columns:64px minmax(0,1fr) auto;align-items:end;gap:24px;padding:0 0 24px;display:grid}.project-story__header>span{color:var(--blue);font-family:var(--mono);font-size:.8rem}.project-story__header p{color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;font-size:.7rem}.project-story__header h3{margin-bottom:0;font-size:2.4rem;line-height:1}.project-story__header a{align-items:center;gap:9px;padding:12px 0;font-weight:700;display:inline-flex}.project-story__header a:hover svg{transform:translate(2px,-2px)}.project-visual{background:var(--visual-bg,#dfeaf5);min-height:620px;margin-top:28px;padding:54px 118px 70px 54px;position:relative;overflow:hidden}.project-visual:before{content:"";opacity:.26;pointer-events:none;background-image:radial-gradient(#1417132e .7px,#0000 .7px);background-size:10px 10px;position:absolute;inset:0}.project-visual__desktop{z-index:1;background:#0c0e0c;border:1px solid #14171352;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 28px 65px #14171333}.project-visual__desktop img{aspect-ratio:8/5;object-fit:cover;object-position:top;width:100%;height:auto}.browser-bar{background:#171a17;border-bottom:1px solid #ffffff24;align-items:center;gap:6px;height:32px;padding:0 11px;display:flex}.browser-bar i{background:#777d75;border-radius:50%;width:7px;height:7px}.browser-bar b{color:#aeb3ac;font-family:var(--mono);margin-left:8px;font-size:.55rem;font-style:normal;font-weight:500}.project-visual__mobile{z-index:3;background:#20231f;border:2px solid #20231f;border-radius:24px;width:min(19%,218px);padding:20px 6px 7px;position:absolute;bottom:25px;right:38px;overflow:hidden;box-shadow:0 24px 54px #1417134d}.project-visual__mobile img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:3px 3px 16px 16px;width:100%;height:auto}.phone-sensor{z-index:2;background:#666c64;border-radius:10px;width:34%;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.project-story__summary{grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:start;gap:64px;padding:40px 0;display:grid}.project-story__summary>p{margin-bottom:0;font-size:1.24rem;line-height:1.6}.project-metrics{border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.project-metrics div{border-right:1px solid var(--line);flex-direction:column-reverse;justify-content:center;gap:8px;min-height:94px;padding:12px 20px;display:flex}.project-metrics dd{overflow-wrap:anywhere;margin:0;font-size:1.12rem;font-weight:700}.project-details{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.project-details summary{cursor:pointer;min-height:62px;font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:700;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details summary svg{transition:transform .2s}.project-details[open] summary svg{transform:rotate(180deg)}.project-details__grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 0 32px;display:grid}.project-details__grid>div{border-bottom:1px solid var(--line);padding:30px 34px 12px 0}.project-details__grid>div:nth-child(odd){border-right:1px solid var(--line);padding-right:42px}.project-details__grid>div:nth-child(2n){padding-left:42px}.project-details__grid span{color:var(--blue);font-family:var(--mono);text-transform:uppercase;margin-bottom:18px;font-size:.7rem;font-weight:700;display:block}.project-details__grid p,.project-details__grid li{color:var(--ink-soft);line-height:1.65}.project-details__grid p{margin-bottom:16px}.project-details__grid ul:not(.tag-list){gap:10px;margin:0;padding-left:18px;display:grid}.tag-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line-dark);color:var(--ink);font-family:var(--mono);border-radius:3px;padding:7px 9px;font-size:.64rem;font-weight:600}.profile-section,.profile-b,.case-overview,.case-section{border-top:1px solid var(--line-dark);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px;padding-top:130px;padding-bottom:130px;display:grid}.profile-section__content>p,.profile-b__details>p{color:var(--ink-soft);margin-bottom:54px;font-size:1.32rem;line-height:1.65}.skill-groups,.profile-b__details{display:grid}.skill-groups section,.profile-b__details section{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:24px;padding:20px 0;display:grid}.skill-groups h3,.profile-b__details h3{font-family:var(--mono);text-transform:uppercase;margin:0;font-size:.7rem}.skill-groups p,.profile-b__details section p{color:var(--ink-soft);margin:0;line-height:1.55}.contact-section{background:var(--ink);width:100%;max-width:none;color:var(--paper-bright);margin-top:130px;padding:110px max(32px,50vw - 620px)}.profile-section+.contact-section,.profile-b+.contact-section{margin-top:0}.contact-section .section-kicker{color:var(--green)}.contact-section h2{max-width:920px;margin-bottom:50px;font-size:4.5rem;font-weight:620;line-height:.98}.contact-section__links,.index-project__actions,.case-hero__actions{flex-wrap:wrap;gap:10px;display:flex}.index-project__actions{z-index:2;position:relative}.index-project__actions .button{z-index:3;scroll-margin-block:120px 24px;position:relative}.button{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 17px;font-size:.88rem;font-weight:700;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--dark{background:var(--ink);color:var(--paper-bright)}.contact-section .button--dark{background:var(--green);color:var(--ink)}.button--line{background:0 0;border-color:currentColor}.contact-section .button--line{color:var(--paper-bright)}.site-footer{min-height:96px;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;font-size:.7rem;display:flex}.site-footer p{margin:0}.hero-b{min-height:680px;padding-top:116px;padding-bottom:70px}.hero-b>.section-kicker{margin-bottom:46px}.hero-b__grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:end;gap:70px;display:grid}.hero-b h1{margin-bottom:0;font-size:6.1rem;font-weight:650;line-height:.84}.hero-b h1 em{color:var(--blue);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-b__intro{gap:34px;display:grid}.index-section__header{grid-template-columns:.35fr 1fr .58fr;align-items:start;gap:38px;margin-bottom:82px;display:grid}.index-section__header>p:last-child{color:var(--ink-soft);margin:0;line-height:1.65}.project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:86px 32px;display:grid}.index-project{--visual-bg:#e4e7df;border-top:1px solid var(--line-dark);align-content:start;display:grid}.index-project:nth-child(2),.index-project:nth-child(6){--visual-bg:#ecdfd5}.index-project:nth-child(3){--visual-bg:#dde9dc}.index-project:nth-child(4){--visual-bg:#dedbd1}.index-project:nth-child(5){--visual-bg:#dfe7eb}.index-project--featured{grid-column:span 2;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);column-gap:42px}.index-project__meta{min-height:56px;color:var(--blue);justify-content:space-between;align-items:center;gap:20px;display:flex}.index-project__meta p{text-align:right;margin:0}.index-project .project-visual{min-height:360px;margin:0;padding:32px 60px 43px 28px}.index-project--featured .project-visual{grid-area:2/1;min-height:500px}.index-project--featured .index-project__meta{grid-column:1/-1}.project-visual--compact .project-visual__mobile{border-radius:18px;width:min(21%,145px);padding-top:16px;bottom:14px;right:18px}.project-visual--compact .project-visual__mobile img{border-radius:2px 2px 12px 12px}.project-visual--compact .phone-sensor{height:4px;top:6px}.index-project__body{align-content:start;gap:28px;padding:28px 0 0;display:grid}.index-project--featured .index-project__body{grid-area:2/2;padding:28px 0}.index-project__body h3{margin-bottom:14px;font-size:2.1rem;line-height:1.05}.index-project--featured .index-project__body h3{font-size:3.3rem}.index-project__body>div>p{color:var(--ink-soft);margin:0;line-height:1.66}.profile-b{margin-top:20px}.case-hero{padding-top:90px;padding-bottom:74px}.back-link{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:74px;display:inline-flex}.case-hero h1{margin-bottom:24px;font-size:6.5rem;font-weight:650;line-height:.9}.case-hero__thesis{max-width:930px;margin-bottom:38px;font-size:2rem;line-height:1.35}.case-hero__actions{align-items:center}.case-visual .project-visual{--visual-bg:#dfeaf5;margin-top:0}.case-overview{grid-template-columns:.7fr .8fr;margin-top:110px}.case-overview__copy h3{font-family:var(--mono);text-transform:uppercase;margin-bottom:12px;font-size:.72rem}.case-overview__copy p{color:var(--ink-soft);margin-bottom:38px;font-size:1.12rem;line-height:1.7}.project-metrics--case{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;margin-top:24px}.project-metrics--case div{min-height:120px}.case-sections{border-top:1px solid var(--line-dark)}.case-section{border-top:0;border-bottom:1px solid var(--line-dark);grid-template-columns:.76fr .8fr}.case-section>div:last-child>p{color:var(--ink-soft);font-size:1.15rem;line-height:1.72}.case-section>div:last-child ul{gap:12px;margin:34px 0 0;padding:0;list-style:none;display:grid}.case-section>div:last-child li{border-top:1px solid var(--line);padding:14px 0 14px 34px;line-height:1.55;position:relative}.case-section>div:last-child li:before{background:var(--green);content:"";width:9px;height:9px;position:absolute;top:19px;left:4px}.responsive-note{border-bottom:1px solid var(--line-dark);grid-template-columns:.4fr .9fr .7fr;gap:44px;padding-top:96px;padding-bottom:96px;display:grid}.responsive-note p:last-child{color:var(--ink-soft);line-height:1.72}.next-case{grid-template-columns:.4fr 1.6fr;align-items:center;gap:44px;padding-top:88px;padding-bottom:88px;display:grid}.next-case a{justify-content:space-between;align-items:center;gap:30px;font-size:3.6rem;font-weight:620;display:flex}.not-found__content{flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 180px);display:flex}.not-found h1{max-width:850px;margin-bottom:44px;font-size:5rem;line-height:.98}@media (prefers-reduced-motion:no-preference){.hero-a__signal,.hero-a h1,.hero-a__footer,.hero-b>.section-kicker,.hero-b h1,.hero-b__intro,.case-hero>*{animation:.62s both reveal-up}.hero-a h1,.hero-b h1,.case-hero>:nth-child(2){animation-delay:80ms}.hero-a__footer,.hero-b__intro,.case-hero>:nth-child(n+3){animation-delay:.15s}@keyframes reveal-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}@media (width<=1100px){.page-shell{width:min(100% - 48px,1240px)}.contact-section{padding-left:24px;padding-right:24px}.hero-a h1,.hero-b h1{font-size:4.6rem}.project-visual{min-height:520px;padding:42px 96px 58px 42px}.project-story__summary{grid-template-columns:1fr;gap:28px}.index-section__header,.responsive-note{grid-template-columns:.4fr 1fr}.index-section__header>p:last-child,.responsive-note>p:last-child{grid-column:2}.index-project--featured{grid-template-columns:1fr}.index-project--featured .project-visual,.index-project--featured .index-project__body{grid-area:auto/1}}@media (width<=820px){body{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), #1417130b 50%), var(--paper)}.site-header{grid-template-columns:1fr auto;gap:12px}.primary-nav{grid-area:2/1/auto/-1;justify-content:flex-start;gap:24px;padding:0 4px}.header-actions{grid-area:1/2}.hero-a,.hero-b{min-height:auto;padding-top:90px;padding-bottom:64px}.hero-a h1,.hero-b h1{font-size:4rem}.hero-a__footer,.hero-b__grid,.section-heading,.profile-section,.profile-b,.case-overview,.case-section,.responsive-note,.next-case{grid-template-columns:1fr;gap:34px}.hero-b__intro{max-width:580px}.proof-strip{grid-template-columns:1fr}.proof-strip div,.proof-strip div:first-child{border-right:0;border-bottom:1px solid var(--line);min-height:92px;padding:18px 0}.proof-strip div:last-child{border-bottom:0}.work-section,.index-section{padding-top:100px;padding-bottom:100px}.section-heading h2,.index-section__header h2,.profile-section h2,.profile-b h2,.case-overview h2,.case-section h2,.responsive-note h2{font-size:2.8rem}.project-visual{min-height:430px;padding:32px 70px 46px 28px}.project-visual__mobile{width:22%;bottom:16px;right:20px}.project-details__grid{grid-template-columns:1fr}.project-details__grid>div,.project-details__grid>div:nth-child(odd),.project-details__grid>div:nth-child(2n){border-right:0;padding:28px 0}.profile-section,.profile-b,.case-overview,.case-section{padding-top:90px;padding-bottom:90px}.index-section__header,.responsive-note{grid-template-columns:1fr}.index-section__header>p:last-child,.responsive-note>p:last-child{grid-column:auto}.project-index{grid-template-columns:1fr}.index-project--featured{grid-column:auto}.case-hero h1{font-size:4.8rem}.case-hero__thesis{font-size:1.6rem}.project-metrics--case{grid-column:auto}.next-case a{font-size:2.8rem}.contact-section h2{font-size:3.5rem}}@media (width<=560px){.page-shell{width:min(100% - 28px,1240px)}.site-header{width:calc(100% - 16px);margin-top:8px;position:relative;top:0}.brand__copy small{display:none}.brand__mark{width:40px;height:40px}.icon-link{display:none}.hero-a,.hero-b{padding-top:70px}.hero-a h1,.hero-b h1{margin-bottom:38px;font-size:3rem;line-height:.98}.hero-a__footer p,.hero-b__intro p{font-size:1.08rem}.text-link{width:100%}.work-section,.index-section{padding-top:76px;padding-bottom:76px}.section-heading{margin-bottom:52px}.section-heading h2,.index-section__header h2,.profile-section h2,.profile-b h2,.case-overview h2,.case-section h2,.responsive-note h2{font-size:2.25rem}.story-list{gap:96px}.project-story__header{grid-template-columns:34px 1fr;gap:12px}.project-story__header h3{font-size:1.8rem}.project-story__header a{grid-column:2;justify-self:start}.project-visual,.index-project .project-visual,.index-project--featured .project-visual{min-height:350px;padding:18px 38px 34px 14px}.browser-bar{height:25px}.browser-bar b{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.project-visual__mobile,.project-visual--compact .project-visual__mobile{border-radius:14px;width:clamp(104px,38%,150px);padding:15px 4px 5px;bottom:10px;right:9px}.project-visual__mobile img,.project-visual--compact .project-visual__mobile img{border-radius:2px 2px 9px 9px}.phone-sensor,.project-visual--compact .phone-sensor{height:3px;top:5px}.project-story__summary>p{font-size:1.1rem}.project-metrics{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr}.project-metrics div{border-right:0;border-bottom:1px solid var(--line);min-height:76px;padding:13px 0}.skill-groups section,.profile-b__details section{grid-template-columns:1fr;gap:10px}.contact-section{margin-top:90px;padding:76px 14px}.contact-section h2{font-size:2.85rem}.contact-section__links,.index-project__actions,.case-hero__actions{flex-direction:column;align-items:stretch}.button{width:100%}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:120px}.index-section__header{margin-bottom:54px}.index-project__body h3,.index-project--featured .index-project__body h3{font-size:2.2rem}.case-hero{padding-top:62px}.back-link{margin-bottom:54px}.case-hero h1{font-size:3.5rem}.case-hero__thesis{font-size:1.35rem}.next-case a{font-size:2.2rem}.not-found h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}