@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f5f5ef;--ink:#243d34;--muted:#58675e;--rule:#d6ddd3;--sage:#e2e9dc;--blue:#2344df;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc641f;outline-offset:5px;border-radius:3px}::selection{background:#c8d8b8;color:#173326}h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-weight:500;letter-spacing:-.04em;line-height:1.04}h2{font-size:38px;line-height:1.18;letter-spacing:-.035em;font-weight:500}h3{font-weight:600;letter-spacing:-.03em;line-height:1.25}p{max-width:65ch}svg.icon{width:20px;height:20px;fill:currentColor;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.fieldwork{max-width:1600px;margin:0 auto;padding:0 64px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.identity{display:flex;gap:14px;align-items:center;font-weight:600}.monogram{font-size:30px;letter-spacing:-.04em;font-weight:800;width:40px;height:40px;line-height:34px}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav>a{min-height:44px;display:flex;align-items:center;gap:4px}.nav-contact{margin-left:20px;border-bottom:1px solid var(--ink)}.hero-a{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:center;padding:70px 0 80px}.hero-copy h1{font-size:clamp(52px,5.35vw,80px);margin-bottom:28px}.hero-copy h1 span{color:#5c7757}.hero-copy>p{font-size:17px;max-width:390px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:38px}.hero-actions>span{font-size:11px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:600;transition:transform 160ms var(--ease),background-color 160ms ease}.primary{background:var(--ink);color:#fff}.button:active,.copy-email:active,.segmented button:active{transform:scale(.97)}.hero-artifact{background:var(--sage);padding:25px 29px 26px;border-radius:12px}.artifact-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:29px;color:#4c624c}.artifact-topline .icon{width:24px;height:24px}.artifact-caption{display:flex;justify-content:space-between;align-items:center;padding-top:25px}.artifact-caption strong{font-size:18px;display:block;line-height:1.4}.artifact-caption span{font-size:11px;color:#4c624c}.artifact-caption a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8c9ae;border-radius:50%}.demo{background:#fcfcf8;color:#243d34;border-radius:9px;overflow:hidden;box-shadow:0 12px 30px #3d57311c;animation:artifact-in 550ms var(--ease);min-width:0}.demo-toolbar{height:49px;border-bottom:1px solid #e4e8df;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px}.demo-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.demo-brand .icon{width:18px;height:18px}.demo-file{color:#687468}.demo-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 17px}.demo-caption{font-size:10px;color:#62705f}.demo-heading h3{font-size:23px;font-weight:500;margin-top:4px;letter-spacing:-.035em}.file-badge{font-size:10px;padding:7px;background:#edf0e8;border-radius:4px}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px 18px}.segmented{display:flex;padding:3px;border-radius:6px;background:#eef1e9;gap:2px}.segmented button{padding:7px 10px;border-radius:4px;min-height:36px;font-size:10px;background:transparent;transition:background-color 150ms ease,transform 160ms var(--ease)}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #243d3417}.demo-row-count{font-size:9px;color:#65705f}.table-viewport{min-height:158px;padding:0 18px;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px;white-space:nowrap}th{font-weight:500;font-size:9px;color:#677363;background:#f0f2eb}td,th{padding:11px 9px;border-bottom:1px solid #e5e9df}td{font-variant-numeric:tabular-nums}td:first-child{font-weight:600}tr:last-child td{border-bottom:0}.demo[data-current=before] tbody tr:nth-child(3){color:#895020;background:#fff4e8}.demo-result{display:flex;align-items:center;gap:7px;font-size:9px;padding:12px 18px;color:#4e6946}.demo-result .icon{width:13px;height:13px}.demo-footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;padding:12px 18px;border-top:1px solid #e5e9df;color:#697460}.section{padding:55px 0 65px;border-top:1px solid var(--rule)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:38px}.section-heading p{font-size:13px;color:var(--muted)}.featured-text{display:grid;grid-template-columns:1fr auto;gap:15px 40px;border-bottom:1px solid var(--rule);padding-bottom:32px;margin-bottom:42px;scroll-margin-top:40px}.featured-text h3{font-size:28px;margin-bottom:9px}.featured-text p{color:var(--muted);font-size:14px}.project-evidence{text-align:right}.project-evidence strong{font-size:29px;letter-spacing:-.025em;font-weight:500}.project-evidence span{display:block;color:var(--muted);font-size:11px}.project-stack{font-size:11px;color:var(--muted)}.featured-text>.project-stack,.featured-text>.case-detail{grid-column:1/-1}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}.project-visual{height:310px;border-radius:12px;overflow:hidden;padding:30px}.video-visual{background:#dfcfc1;color:#513c2e}.video-frame{height:100%;background:#f5ebe2;padding:20px 24px;border-radius:8px}.video-top,.video-bottom{display:flex;justify-content:space-between;font-size:10px}.video-top span:first-child{font-weight:700;font-size:13px}.video-center{display:flex;align-items:center;gap:24px;padding:31px 0 24px}.video-center>.icon{width:40px;height:40px;background:#513c2e;color:#fff;padding:12px;border-radius:50%}.video-center>span{font-size:27px;line-height:1.15;letter-spacing:-.025em}.video-line{height:3px;background:#ddcbbd;margin:0 0 14px}.video-line span{display:block;width:77%;height:100%;background:#715543}.scope-visual{background:#dce3e7;color:#344959;display:flex;flex-direction:column;justify-content:space-between}.scope-top,.scope-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px}.scope-top span:first-child{font-weight:700}.system-flow{display:flex;align-items:center;justify-content:center}.system-flow>div{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;font-size:10px}.system-flow .icon{width:35px;height:35px}.flow-line{height:1px;width:35px;background:#9dadb8;margin-top:-27px}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 9px}.project-meta h3{font-size:26px}.project-meta span{font-size:10px;color:var(--muted)}.project>p{color:var(--muted);font-size:14px;margin-bottom:14px}.case-detail{border-top:1px solid var(--rule);margin-top:20px}.case-detail summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;min-height:48px}.case-detail summary::-webkit-details-marker{display:none}.case-detail summary .icon{width:16px;height:16px}.case-detail[open] summary .icon{transform:rotate(45deg)}.case-body{padding:15px 0 20px;font-size:14px;color:var(--muted);line-height:1.8}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.decision-grid h4{color:var(--ink);font-size:12px;margin-bottom:9px}.source-note{font-size:10px;color:var(--muted);margin-top:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:75px;padding-bottom:80px}.about h2{font-size:43px;max-width:500px}.about p{font-size:14px;color:var(--muted);margin-bottom:20px}.about .about-lead{font-size:20px;color:var(--ink);line-height:1.6}.stack-list{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:11px;padding-top:10px}.contact{background:var(--ink);color:var(--paper);border-radius:12px;padding:52px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact p{font-size:12px;color:#c2d0be;margin-bottom:12px}.contact h2{font-size:45px}.contact-email{display:flex;gap:16px;align-items:center;font-size:17px;padding:8px 0}.copy-email{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 0;background:transparent;min-height:44px}.copy-email .icon{width:14px;height:14px}.copy-status{display:block;font-size:11px;min-height:18px}.page-footer{padding:25px 0 100px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.page-footer a{display:flex;gap:5px;align-items:center}.page-footer .icon{width:14px;height:14px}.concept-switch{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);padding:5px 6px 5px 15px;border:1px solid #dadad5;background:#fff;color:#272d28;box-shadow:0 4px 25px #00000014;border-radius:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.concept-switch>span{font-size:10px;color:#666d65;margin-right:9px}.concept-switch a{min-height:38px;display:flex;align-items:center;padding:8px 13px;border-radius:6px}.concept-switch a[aria-current]{background:#253d34;color:#fff}.build-log{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100dvh}.studio-rail{height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;padding:45px 30px 100px;background:#f5f5ef;color:#252d36}.studio-identity{font-size:42px;line-height:.95;letter-spacing:-.04em;font-weight:700}.studio-identity span{color:var(--blue)}.studio-rail>p{margin-top:30px;font-size:12px;color:#5c6269;line-height:1.7}.studio-rail nav{margin-top:65px;display:flex;flex-direction:column;gap:8px;font-size:12px}.studio-rail nav a{min-height:44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6d9dd}.studio-rail nav .icon{width:16px;height:16px}.rail-bottom{margin-top:auto;padding-top:50px;font-size:11px;display:flex;flex-direction:column;gap:25px}.rail-bottom span{color:#696f75;font-size:10px}.rail-bottom .icon{width:15px;height:15px}.studio-main{background:var(--blue);color:#fff;padding:48px 56px 0;--rule:#ffffff3d;--muted:#d6ddff;--ink:#fff}.studio-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:end;padding-bottom:58px}.studio-hero h1{font-size:clamp(54px,6.5vw,94px);font-weight:600;line-height:1;letter-spacing:-.04em}.studio-hero h1 span{color:#cdd6ff}.studio-intro{padding-bottom:8px}.studio-intro p{font-size:14px;line-height:1.8;color:#e0e5ff}.studio-intro>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a7b5fa;padding:13px 0;margin-top:24px;font-size:12px}.studio-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:24px 0}.studio-heading h2{font-size:17px;letter-spacing:-.025em}.studio-heading span{font-size:10px;color:#d5dcff}.studio-feature{background:#f5f5ef;color:#202831;border-radius:12px;padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:22px 30px;--rule:#d5d9d9;--muted:#565f67;--ink:#202831}.studio-feature-copy{align-self:center}.studio-feature-copy h3{font-size:34px;font-weight:500;letter-spacing:-.04em;margin-bottom:20px}.studio-feature-copy>p:nth-of-type(1){font-size:15px;font-weight:700;margin-bottom:8px}.studio-feature-copy>p:nth-of-type(2){font-size:12px;line-height:1.8;color:#59616a;margin-bottom:20px}.studio-feature-copy>a{display:inline-flex;align-items:center;gap:25px;font-size:12px;padding:12px 0;margin-top:12px}.studio-feature>#janitor-story{grid-column:1/-1}.studio-feature .case-detail{margin:0}.studio-feature .demo{background:#202831;color:#f7f9ff;box-shadow:none;border-radius:7px}.studio-feature .demo-toolbar{border-color:#434a53}.studio-feature .demo-file,.studio-feature .demo-caption,.studio-feature .demo-row-count,.studio-feature .demo-footer{color:#b7c1d0}.studio-feature .file-badge,.studio-feature .segmented{background:#353e4a}.studio-feature .segmented button[aria-pressed=true]{color:#202831;background:#eff3ff}.studio-feature .demo-heading h3{font-size:22px}.studio-feature th{background:#2a3440;color:#c7d0de}.studio-feature td,.studio-feature th,.studio-feature .demo-footer{border-color:#434a53}.studio-feature .demo-result{color:#d4ddf5}.studio-feature .demo[data-current=before] tbody tr:nth-child(3){background:#513c2e;color:#ffe0be}.studio-project-row{padding:40px 0 26px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}.studio-project-row h3{font-size:15px;margin-bottom:16px;color:#d2dcff}.studio-project-row>div:first-child>p{font-size:27px;line-height:1.3;letter-spacing:-.025em}.studio-project-row>div:nth-child(2){padding-top:30px}.studio-project-row>div:nth-child(2)>p{font-size:13px;line-height:1.8}.studio-project-row>div:nth-child(2)>span{font-size:10px;display:block;color:#d3dcff;margin-top:14px}.studio-project-row>.case-detail{grid-column:1/-1;margin:0;border:0}.studio-main .about{border:0;gap:45px;padding:65px 0}.studio-main .about h2{font-size:37px}.studio-main .about .about-lead{font-size:17px}.studio-main .about p{font-size:13px}.studio-main .contact{background:#f5f5ef;color:#233ddb;border-radius:10px;padding:35px}.studio-main .contact p{color:#4256ad}.studio-main .contact h2{font-size:36px}.studio-main .contact-email{font-size:14px}.studio-main .page-footer{color:#d6deff;font-size:10px}.studio-main .page-footer>span:last-child{display:none}body[data-concept=b] .concept-switch a[aria-current]{background:var(--blue)}body[data-concept=b] ::selection{background:#d6e0ff;color:#1733c6}body{scrollbar-color:#9aa795 var(--paper)}body[data-concept=b]{scrollbar-color:#8c9def var(--blue)}
@keyframes artifact-in{from{transform:translateY(10px);opacity:.75}to{transform:translateY(0);opacity:1}}
@media(hover:hover) and (pointer:fine){a:hover{text-decoration:underline;text-underline-offset:5px}.button:hover{background:#385b49;text-decoration:none}.concept-switch a:hover{text-decoration:none;background:#e6ece2;color:#23392e}.segmented button:hover{background:#dfe7d7}.studio-feature .segmented button:hover{background:#63718b;color:#fff}.artifact-caption a:hover{background:#ccdac1}.copy-email:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1600px){.studio-main{padding-left:75px;padding-right:75px}.studio-hero{padding-bottom:70px}.studio-hero h1{font-size:96px}}
@media(max-width:1150px){.fieldwork{padding:0 36px}.hero-a{gap:30px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-artifact{padding:20px}.hero-copy h1{font-size:62px}.project-visual{height:285px;padding:20px}.video-frame{padding:20px}.about{gap:50px}.build-log{grid-template-columns:195px 1fr}.studio-rail{padding:35px 24px 95px}.studio-main{padding:40px 35px 0}.studio-hero{grid-template-columns:1fr}.studio-intro{max-width:440px;display:flex;gap:30px;align-items:center}.studio-intro>a{min-width:150px;margin:0}.studio-feature{grid-template-columns:1fr;padding:25px}.studio-feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.studio-feature-copy h3{grid-row:span 3;margin:0}.studio-feature-copy>a{grid-column:2}.studio-feature .demo{max-width:none}.studio-main .contact{flex-direction:column;align-items:flex-start}.contact h2{font-size:38px}}
@media(max-width:760px){.fieldwork{padding:0 22px}.site-header{height:82px}.identity{font-size:12px;gap:7px}.monogram{font-size:26px;width:34px}.site-header nav{gap:18px;font-size:11px}.site-header nav>a:nth-child(2),.nav-contact{display:none!important}.hero-a{grid-template-columns:1fr;gap:35px;padding:45px 0}.hero-copy h1{font-size:48px;line-height:1.03;max-width:400px;margin-bottom:22px}.hero-copy>p{font-size:15px;max-width:420px}.hero-actions{flex-direction:row;align-items:center;margin-top:26px;gap:16px}.hero-actions>span{font-size:9px}.button{font-size:11px;gap:20px;min-height:48px;padding:10px 16px}.hero-artifact{padding:20px 17px}.artifact-topline{margin-bottom:19px}.demo-toolbar{padding:0 14px}.demo-heading{padding:19px 14px 15px}.demo-heading h3{font-size:21px}.demo-controls{padding:0 14px 14px}.segmented button{min-height:40px;font-size:9px;padding:7px 8px}.demo-row-count{font-size:8px}.table-viewport{padding:0 10px;min-height:156px}table{font-size:9px}td,th{padding:12px 7px}.demo-result{padding:11px 14px;font-size:8px}.demo-footer{padding:11px 14px;font-size:7px}.artifact-caption{padding-top:20px}.artifact-caption strong{font-size:17px}.artifact-caption span{font-size:10px}.section{padding:38px 0}.section-heading{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:30px}h2{font-size:31px}.section-heading p{font-size:12px}.featured-text{grid-template-columns:1fr;gap:15px}.featured-text h3{font-size:24px}.featured-text p{font-size:13px}.project-evidence{text-align:left}.project-evidence strong{font-size:24px}.project-evidence span{display:inline-block;margin-left:8px;font-size:10px}.project-pair{grid-template-columns:1fr;gap:35px}.project-visual{height:270px;padding:24px}.video-frame{padding:20px}.video-center{padding:24px 0}.project-meta h3{font-size:24px}.project-meta span{font-size:9px}.project>p{font-size:13px}.project-stack{font-size:10px}.decision-grid{grid-template-columns:1fr;gap:20px}.case-body{font-size:13px}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:35px}.about .about-lead{font-size:18px}.about p{font-size:13px}.contact{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:20px}.contact h2{font-size:32px}.contact-email{font-size:15px}.page-footer{padding:25px 0 110px;flex-wrap:wrap;gap:18px;font-size:10px}.page-footer>span:last-child{flex-basis:100%}.concept-switch{bottom:12px;padding:5px;gap:3px}.concept-switch>span{display:none}.concept-switch a{font-size:11px;padding:8px 17px;min-height:42px}.build-log{display:block}.studio-rail{position:relative;height:auto;padding:23px 22px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#f5f5ef}.studio-identity{font-size:26px}.studio-identity br{display:none}.studio-identity span{margin-left:2px}.studio-rail>p,.rail-bottom{display:none}.studio-rail nav{margin:0;flex-direction:row;gap:22px;font-size:11px}.studio-rail nav a{border:0;min-height:34px}.studio-rail nav a:nth-child(2){display:none}.studio-rail nav a:first-child{font-size:0}.studio-rail nav a:first-child:before{content:'Work';font-size:11px}.studio-rail nav a .icon{display:none}.studio-main{padding:35px 22px 0}.studio-hero{gap:25px;padding-bottom:35px}.studio-hero h1{font-size:64px;line-height:1.01}.studio-intro{display:block;padding:0}.studio-intro p{font-size:13px;max-width:300px}.studio-intro>a{max-width:220px;margin-top:12px;font-size:11px}.studio-heading{padding:20px 0}.studio-heading h2{font-size:15px}.studio-heading span{font-size:8px}.studio-feature{padding:22px 17px;gap:24px;border-radius:10px}.studio-feature-copy{display:block}.studio-feature-copy h3{font-size:32px;margin-bottom:20px}.studio-feature-copy>p:nth-of-type(1){font-size:14px}.studio-feature-copy>p:nth-of-type(2){font-size:12px;margin-bottom:14px}.studio-feature-copy>a{padding-bottom:0;margin-top:2px}.studio-feature .demo{margin:0 -5px}.studio-feature .demo-heading h3{font-size:19px}.studio-project-row{grid-template-columns:1fr;gap:18px;padding:30px 0 20px}.studio-project-row h3{font-size:12px;margin-bottom:12px}.studio-project-row>div:first-child>p{font-size:27px}.studio-project-row>div:nth-child(2){padding:0}.studio-project-row>div:nth-child(2)>p{font-size:12px}.studio-main .about{gap:25px;padding:40px 0}.studio-main .about h2{font-size:32px}.studio-main .about .about-lead{font-size:17px}.studio-main .contact{padding:25px 22px}.studio-main .contact h2{font-size:30px}.studio-main .contact-email{font-size:13px}.studio-main .page-footer{font-size:9px;padding-bottom:100px}}
@media(max-width:360px){.hero-copy h1{font-size:43px}.hero-actions>span{display:none}.studio-hero h1{font-size:57px}.demo-row-count{display:none}.studio-heading span{display:none}.studio-main{padding-left:17px;padding-right:17px}.contact-email{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:active,.copy-email:active,.segmented button:active{transform:none}}
.keyboard-mode *{animation:none!important;transition:none!important}