@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrumentserif-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibmplexsans-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibmplexsans-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibmplexmono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibmplexmono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper:#fcfcfd;--paper-2:#f3f4f6;--paper-3:#e9ebef;--ink:#16161a;--ink-soft:#55555e;--ink-faint:#686a72;--rule:#dfe1e5;--live:#2e7d4f;--release:#946c18;--project:var(--ink);--display:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--body:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--content:1180px;--wide:1360px;--measure:66ch;--gutter:clamp(20px, 5vw, 56px);--header-h:68px}.p-iching{--project:#7b5cd6}.p-stircery{--project:#2f7d4e}.p-riverboat{--project:#a8791c}.p-cargo{--project:#0e7c86}.p-studio{--project:#b8860f}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:300;background:var(--ink);color:var(--paper);font-family:var(--mono);padding:10px 16px;font-size:12px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(var(--content), 100% - var(--gutter) * 2);margin-inline:auto}.shell-wide{width:min(var(--wide), 100% - var(--gutter) * 2);margin-inline:auto}h1,h2,h3,h4{letter-spacing:0;margin:0;font-weight:400;line-height:1.08}h1,h2{font-family:var(--display)}h3,h4{font-family:var(--body);letter-spacing:0;font-weight:600;line-height:1.3}p{overflow-wrap:break-word;margin:0}.u-text-center{text-align:center}.u-justify-center{justify-content:center}.u-mt-0{margin-top:0}.u-mt-4{margin-top:4px}.u-mt-10{margin-top:10px}.u-mt-22{margin-top:22px}.u-mt-26{margin-top:26px}.u-mt-30{margin-top:30px}.u-mb-6{margin-bottom:6px}.u-heading-section{margin:14px 0 20px}.u-heading-tight{margin:14px 0 8px}.u-heading-service{max-width:14ch;margin:14px 0 22px}.u-heading-about{margin:16px 0 22px}.u-heading-catalogue{margin:14px 0 28px}.u-cards-spaced{margin-top:clamp(28px,3vw,42px)}.u-plate-spaced{margin-bottom:clamp(30px,4vw,52px)}.u-link-plain{text-decoration:none}.u-cargo-zoom{--zoom:1.22}.u-cargo-plate{--zoom:1.22;margin-bottom:clamp(30px,4vw,52px)}.u-mark-home{object-fit:contain;padding:14%}.u-mark-case{object-fit:contain;padding:16%}.u-studio-plate{aspect-ratio:1;justify-self:center;max-width:400px}.d-xl{letter-spacing:0;font-size:92px;line-height:1.02}.d-lg{letter-spacing:0;font-size:56px}.d-md{letter-spacing:0;font-size:36px}.lead{max-width:var(--measure);color:var(--ink-soft);font-size:20px;line-height:1.62}.prose>*+*{margin-top:1.05em}.prose p{max-width:var(--measure);color:var(--ink-soft)}.label{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11.5px;font-weight:500;line-height:1.5;display:block}.label-project{color:var(--project)}.status{align-items:center;gap:8px;display:inline-flex}.status:before{background:var(--live);content:"";border-radius:50%;flex:none;width:7px;height:7px}.status-release:before{background:var(--release)}.band{padding-block:clamp(64px,8vw,128px)}.band-tight{padding-block:clamp(48px,5vw,80px)}.band-2{background:var(--paper-2)}.band-ruled{border-top:1px solid var(--rule)}.band-head{gap:18px;max-width:780px;margin-bottom:clamp(36px,4vw,64px);display:grid}.masthead{z-index:90;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(14px)saturate(1.1);border-bottom:1px solid #0000;transition:border-color .2s,background-color .2s;position:sticky;top:0}.masthead[data-scrolled]{background:color-mix(in srgb, var(--paper) 97%, transparent);border-bottom-color:var(--rule)}.masthead-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:24px;display:flex}.wordmark{color:var(--ink);font-family:var(--display);letter-spacing:0;white-space:nowrap;align-items:center;gap:8px;font-size:21px;text-decoration:none;display:inline-flex}.wordmark-mark{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.wordmark span{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:500}.site-nav{align-items:center;gap:4px;display:flex}.site-nav>a:not(.nav-cta){min-height:42px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;align-items:center;padding:0 13px;font-size:12px;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.site-nav>a:not(.nav-cta):hover,.site-nav>a:not(.nav-cta)[aria-current]{color:var(--ink)}.site-nav>a[aria-current]:after{background:var(--ink);content:"";height:1.5px;position:absolute;bottom:8px;left:13px;right:13px}.work-menu{position:relative}.work-menu-trigger{min-height:42px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.work-menu-trigger img{object-fit:contain;border-radius:6px;width:22px;height:22px}.work-menu-trigger:after{content:"";opacity:.72;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .18s;transform:translateY(-2px)rotate(45deg)}.work-menu-trigger:hover{color:var(--ink)}.work-menu-trigger[aria-current]{color:var(--project)}.work-menu-panel{border:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 98%, transparent);border-radius:6px;padding:6px}.work-menu-item{color:var(--ink);border-radius:4px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:9px 12px;text-decoration:none;transition:background-color .16s;display:grid;position:relative}.work-menu-item:before{background:var(--project);content:"";border-radius:2px;width:2px;transition:transform .18s;position:absolute;top:9px;bottom:9px;left:2px;transform:scaleY(0)}.work-menu-item:hover,.work-menu-item[aria-current]{background:color-mix(in srgb, var(--project) 8%, var(--paper))}.work-menu-item:hover:before,.work-menu-item[aria-current]:before{transform:scaleY(1)}.work-menu-item img{object-fit:contain;border-radius:9px;width:36px;height:36px}.work-menu-item strong{font-family:var(--body);font-size:14px;font-weight:600;line-height:1.25;display:block}.work-menu-item[aria-current] strong{color:var(--project)}.work-menu-item small{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;margin-top:2px;font-size:9.5px;line-height:1.4;display:block}.work-menu-all{border-top:1px solid var(--rule);color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;margin-top:5px;padding:10px 12px 8px;font-size:10.5px;font-weight:500;text-decoration:none;transition:color .16s;display:block}.work-menu-all:hover{color:var(--ink)}@media (width>=861px){.work-menu-panel{z-index:80;opacity:0;visibility:hidden;backdrop-filter:blur(18px);width:318px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 9px);left:0;transform:translateY(-6px);box-shadow:0 24px 56px #16161a29}.work-menu-panel:before{content:"";height:11px;position:absolute;top:-11px;left:0;right:0}.work-menu:hover>.work-menu-panel,.work-menu:focus-within>.work-menu-panel{opacity:1;visibility:visible;transform:none}.work-menu:hover>.work-menu-trigger:after,.work-menu:focus-within>.work-menu-trigger:after{transform:translateY(1px)rotate(-135deg)}.work-menu[data-dismissed]>.work-menu-panel{opacity:0;visibility:hidden;transition:none;transform:translateY(-6px)}}.nav-cta{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--paper);font-family:var(--mono);letter-spacing:0;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:0 18px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.nav-cta:hover{color:var(--ink);background:0 0}.nav-toggle{border:1px solid var(--rule);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle span{background:currentColor;width:17px;height:1.5px;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:currentColor;width:17px;height:1.5px;transition:transform .18s,top .18s;position:absolute;left:0}.nav-toggle span:before{top:-5.5px}.nav-toggle span:after{top:5.5px}.nav-toggle[aria-expanded=true] span{background:0 0}.nav-toggle[aria-expanded=true] span:before,.nav-toggle[aria-expanded=true] span:after{top:0}.nav-toggle[aria-expanded=true] span:before{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{transform:rotate(-45deg)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);font-family:var(--mono);letter-spacing:0;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.btn:hover{color:var(--ink);background:0 0}.btn-ghost{border-color:var(--rule);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:0 0}.tlink{border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--mono);letter-spacing:0;align-items:center;gap:7px;padding-bottom:2px;font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .16s,border-width .16s;display:inline-flex}.tlink:hover{border-bottom-color:var(--project);color:var(--project)}.tlink:after{content:"→";transition:transform .18s}.tlink:hover:after{transform:translate(3px)}.tlink-out:after{content:"↗"}.tlink-out:hover:after{transform:translate(2px,-2px)}.hero{padding-block:clamp(48px,6vw,88px) clamp(32px,4vw,52px)}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);align-items:center;gap:clamp(40px,4vw,68px);display:grid}.hero-copy h1{max-width:16ch}.hero-lead{max-width:56ch;color:var(--ink-soft);margin-top:clamp(22px,2.5vw,32px);font-size:21px;line-height:1.6}.hero-meta{border-top:1px solid var(--rule);flex-wrap:wrap;gap:10px 32px;margin-top:clamp(28px,3vw,44px);padding-top:22px;display:flex}.hero-proof{width:min(620px,100%);color:inherit;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:end;align-items:end;gap:clamp(10px,1vw,16px);display:grid}.hero-product-link{--proof-y:0px;--proof-rotate:0deg;min-width:0;color:inherit;transform:translateY(var(--proof-y)) rotate(var(--proof-rotate));transform-origin:50% 72%;text-decoration:none;transition:transform .24s cubic-bezier(.2,.75,.25,1);display:block}.hero-product-link:first-of-type{--proof-y:18px;--proof-rotate:-3deg}.hero-product-link:nth-of-type(3){--proof-y:6px;--proof-rotate:-1deg}.hero-product-link:last-of-type{--proof-y:12px;--proof-rotate:2deg}.hero-product-link figure{aspect-ratio:760/1645;border:1px solid var(--rule);background:var(--paper-3);border-radius:7px;margin:0;transition:border-color .24s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 18px 38px #16161a21}.hero-product-link img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.hero-product-link:hover,.hero-product-link:focus-visible{z-index:2;transform:translateY(calc(var(--proof-y) - 10px)) rotate(var(--proof-rotate)) scale(1.055)}.hero-product-link:hover figure,.hero-product-link:focus-visible figure{border-color:var(--ink-faint);box-shadow:0 28px 52px #16161a33}.hero-product-link:hover img,.hero-product-link:focus-visible img{transform:scale(1.012)}.hero-product-link:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.hero-proof-caption{max-width:58ch;color:var(--ink-soft);font-family:var(--mono);grid-column:1/-1;margin-top:24px;font-size:12px;line-height:1.6}.index-item{scroll-margin-top:calc(var(--header-h) + 18px);border-top:1px solid var(--rule);color:inherit;padding-block:clamp(30px,3.6vw,52px);text-decoration:none;display:block}.index-item:first-of-type{border-top-color:var(--ink)}.index-grid{grid-template-columns:58px minmax(0,1fr) minmax(0,.92fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.index-num{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;padding-top:6px;font-size:12px;font-weight:500}.index-copy>*+*{margin-top:14px}.index-item h3{font-family:var(--display);letter-spacing:0;font-size:46px;font-weight:400;line-height:1.05}.index-item p{max-width:46ch;color:var(--ink-soft)}.index-visual{aspect-ratio:4/3;border:1px solid var(--rule);background:var(--paper-3);border-radius:3px;position:relative;overflow:hidden}.index-visual img{object-fit:cover;width:100%;height:100%;transform:scale(var(--zoom,1));transition:transform .7s cubic-bezier(.2,.7,.3,1)}.index-visual img.u-mark-home{object-fit:contain;padding:14%}.index-item:hover .index-visual img,.index-item:focus-visible .index-visual img{transform:scale(calc(var(--zoom,1) * 1.04))}.index-item:hover .index-visual{border-color:var(--project)}.index-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.index-tags li{border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10.5px}.ledger{border-top:1px solid var(--rule);margin:0;padding:0}.ledger>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:6px 28px;padding:13px 0;display:grid}.ledger dt{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.9}.ledger dd{color:var(--ink);margin:0}.figures{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(16px,2.4vw,32px);margin-top:clamp(22px,2.6vw,34px);padding-top:clamp(22px,2.6vw,30px);display:grid}.figures div{gap:4px;display:grid}.figures strong{font-family:var(--display);letter-spacing:0;font-size:46px;font-weight:400;line-height:1}.figures span{color:var(--ink-soft);font-size:14px;line-height:1.4}.proof-note{max-width:60ch;color:var(--ink-faint);margin-top:20px;font-size:14.5px}.release-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin-top:24px;display:grid}.release-grid div{gap:2px;padding:14px 18px 14px 0;display:grid}.release-grid div+div{border-left:1px solid var(--rule);padding-left:18px}.release-grid strong{font-size:15px;font-weight:600}.release-grid span{color:var(--ink-soft);font-size:14px}.badges{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.badges a{border-radius:7px;transition:transform .18s,opacity .18s;display:inline-flex}.badges a:hover{opacity:.82;transform:translateY(-2px)}.badges img{width:auto;height:40px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2vw,26px);display:grid}@media (width>=1001px){.proof-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.proof-cards>.card{grid-column:span 2}.proof-cards>.card:nth-last-child(2){grid-column:2/span 2}.proof-cards>.card:last-child{grid-column:4/span 2}}@media (width>=621px) and (width<=1000px){.proof-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-cards>.card{grid-column:span 2}.proof-cards>.card:last-child{grid-column:2/span 2}}.card{border:1px solid var(--rule);background:var(--paper);color:inherit;border-radius:3px;align-content:start;gap:12px;padding:clamp(22px,2.4vw,30px);text-decoration:none;display:grid}.card h3{font-size:19px}.card p{color:var(--ink-soft);font-size:15.5px}a.card{transition:border-color .18s,transform .18s}a.card:hover{border-color:var(--ink);transform:translateY(-3px)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(20px,2.6vw,36px);display:grid}.steps article{border-top:2px solid var(--ink);align-content:start;gap:10px;padding-top:18px;display:grid}.steps h3{font-size:18px}.steps p{color:var(--ink-soft);font-size:15.5px}.about-grid{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.portrait{border:1px solid var(--rule);background:var(--paper-3);border-radius:3px;overflow:hidden}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center top;width:100%}.contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,72px);display:grid}.brief{border:1px solid var(--rule);background:var(--paper);border-radius:4px;gap:18px;padding:clamp(24px,3vw,36px);display:grid}.brief fieldset{border:0;margin:0;padding:0}.brief legend{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;padding:0 0 10px;font-size:11.5px;font-weight:500}.type-options{flex-wrap:wrap;gap:8px;display:flex}.type-options label{position:relative}.type-options input{opacity:0;pointer-events:none;position:absolute}.type-options span{border:1px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;min-height:38px;padding:6px 15px;font-size:14px;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.type-options input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.type-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.brief-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.brief label:not(.type-options label){color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;gap:6px;font-size:11.5px;font-weight:500;display:grid}.brief input[type=text],.brief input[type=email],.brief select,.brief textarea{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);font-family:var(--body);letter-spacing:0;text-transform:none;border-radius:3px;padding:11px 13px;font-size:16px}.brief textarea{resize:vertical;min-height:108px}.brief input:focus,.brief select:focus,.brief textarea:focus{border-color:var(--ink);outline:none}.brief-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.brief-note{color:var(--ink-faint);font-size:13.5px;line-height:1.5}.contact-aside{align-content:start;gap:22px;display:grid}.call-option{border-top:1px solid var(--rule);gap:6px;padding:18px 0;display:grid}.call-option:last-of-type{border-bottom:1px solid var(--rule)}.call-option h3{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:17px;display:flex}.call-option h3 em{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11.5px;font-style:normal}.call-option p{color:var(--ink-soft);font-size:15px}.case-hero{padding-block:clamp(40px,5vw,72px) clamp(40px,5vw,64px)}.case-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.case-back{color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;text-decoration:none;display:inline-flex}.case-back:hover{color:var(--ink)}.case-hero h1{margin:14px 0 20px}.case-devices{justify-content:center;align-items:center;gap:clamp(10px,1.6vw,20px);display:flex;position:relative}.case-devices img{border:1px solid var(--rule);background:var(--paper-3);border-radius:18px;width:auto;height:clamp(260px,34vw,420px);box-shadow:0 22px 50px #16161a24}.case-devices img:first-child{transform:translateY(14px)rotate(-3deg)}.case-plate{aspect-ratio:4/3;border:1px solid var(--rule);background:var(--paper-3);border-radius:4px;width:100%;overflow:hidden}.case-plate img{object-fit:cover;width:100%;height:100%;transform:scale(var(--zoom,1))}.case-plate.u-studio-plate{aspect-ratio:1}.case-plate img.u-mark-case{object-fit:contain;padding:12%}.case-section{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,44px);display:grid}.case-points{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(20px,2.6vw,34px);margin-top:clamp(26px,3vw,40px);display:grid}.case-points article{border-top:1px solid var(--rule);align-content:start;gap:8px;padding-top:16px;display:grid}.case-points h3{font-size:17px}.case-points p{color:var(--ink-soft);font-size:15.5px}.stack{flex-wrap:wrap;gap:7px;margin-top:clamp(24px,3vw,34px);display:flex}.stack span{border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;border-radius:999px;padding:5px 12px;font-size:11.5px}.next-case{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.site-footer{border-top:1px solid var(--rule);background:var(--paper-2)}.footer-inner{grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,4vw,60px);padding-block:clamp(40px,5vw,60px);display:grid}.footer-brand p{max-width:40ch;color:var(--ink-soft);margin-top:12px;font-size:15px}.footer-links{grid-template-columns:repeat(2,minmax(120px,auto));align-content:start;gap:2px 40px;display:grid}.footer-links a{min-height:34px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:0;align-items:center;font-size:12px;text-decoration:none;display:flex}.footer-links a:hover{color:var(--ink)}.footer-legal{border-top:1px solid var(--rule);color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;padding-block:20px;font-size:11px}.footer-legal p+p{margin-top:8px}.brief-status{border:1px solid var(--rule);color:var(--ink-soft);border-left-width:3px;border-radius:3px;padding:12px 15px;font-size:15px;line-height:1.5}.brief-status:empty{display:none}.brief-status.is-pending{border-left-color:var(--ink-faint)}.brief-status.is-success{border-left-color:var(--live);color:var(--ink)}.brief-status.is-error{color:#8c1d18;border-left-color:#b3261e}.consent{z-index:200;border:1px solid var(--ink);background:var(--paper);border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,24px);max-width:960px;margin-inline:auto;padding:12px 14px;display:grid;position:fixed;bottom:clamp(10px,2vw,22px);left:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);box-shadow:0 12px 34px #16161a29}.consent[hidden]{display:none}.consent__summary{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.consent__summary strong{font-size:14px;font-weight:600}.consent__summary span{color:var(--ink-soft);font-size:13px;line-height:1.4}.consent__details{color:var(--ink-faint);margin-top:2px;font-size:11.5px}.consent__details summary{width:max-content;color:var(--ink-faint);font-family:var(--mono);cursor:pointer}.consent__details summary:hover{color:var(--ink)}.consent__details p{max-width:68ch;color:var(--ink-soft);margin-top:7px;font-size:12px;line-height:1.45}.consent__actions{gap:10px;display:flex}.consent__actions .btn{white-space:nowrap;min-height:38px;padding:8px 15px;font-size:12px}.consent-toggle{border:0;border-top:1px solid var(--rule);width:100%;color:var(--ink-faint);font-family:var(--mono);letter-spacing:0;text-align:center;cursor:pointer;background:0 0;padding:14px 0;font-size:11.5px;display:block}.consent-toggle[hidden]{display:none}.consent-toggle:hover{color:var(--ink)}@media (width<=620px){.consent{grid-template-columns:1fr;gap:9px;padding:11px 12px}.consent__summary,.consent__summary strong,.consent__summary span{display:block}.consent__summary strong{margin-bottom:1px}.consent__details{margin-top:4px}.consent__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.consent__actions .btn{width:100%}}.lost{min-height:calc(100svh - var(--header-h) - 220px);text-align:center;place-items:center;padding-block:clamp(64px,9vw,120px);display:grid}.lost-inner{place-items:center;gap:20px;max-width:560px;display:grid}@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(14px)}.js [data-reveal].is-in{opacity:1;transition:opacity .64s,transform .64s cubic-bezier(.2,.7,.3,1);transform:none}html:not(.js) [data-reveal]{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1120px){.hero-layout{grid-template-columns:1fr}.hero-proof{justify-self:start;width:min(720px,100%)}}@media (width<=1000px){.d-xl{font-size:72px}.d-lg{font-size:48px}.d-md{font-size:34px}.index-item h3{font-size:40px}.hero-layout{grid-template-columns:1fr}.hero-proof{width:min(680px,100%)}.index-grid{grid-template-columns:44px minmax(0,1fr)}.index-visual{aspect-ratio:16/9;grid-column:1/-1;margin-top:8px}.about-grid,.contact-grid,.case-hero-grid{grid-template-columns:1fr}.portrait{max-width:320px}.case-devices{justify-content:flex-start}}@media (width<=860px){.nav-toggle{display:inline-flex}.site-nav{top:var(--header-h);max-height:calc(100svh - var(--header-h));padding:6px var(--gutter) 18px;background:var(--paper);border-bottom:1px solid var(--rule);display:none;position:absolute;left:0;right:0;overflow-y:auto}.site-nav[data-open=true]{display:grid}.site-nav>a{border-bottom:1px solid var(--rule);min-height:48px;padding:0;font-size:13px}.site-nav>a[aria-current]:after{width:14px;bottom:12px;left:0;right:auto}.work-menu-trigger{border-bottom:1px solid var(--rule);min-height:48px;padding:0;font-size:13px;display:flex}.work-menu-trigger:after{display:none}.work-menu-panel{background:var(--paper-2);margin:9px 0 12px;padding:4px}.nav-cta{justify-content:center;margin:12px 0 0}.case-section{grid-template-columns:1fr;gap:14px}.footer-inner{grid-template-columns:1fr}}@media (width<=620px){body{font-size:16px}.d-xl{font-size:48px}.d-lg{font-size:36px}.d-md{font-size:28px}.lead{font-size:17px}.hero-lead{font-size:18px}.index-item h3{font-size:32px}.figures strong{font-size:36px}.index-grid{grid-template-columns:1fr;gap:14px}.index-num{padding-top:0}.ledger>div{grid-template-columns:1fr;gap:2px}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-proof{width:100%;max-width:520px;margin-inline:auto}.hero-proof-caption{margin-top:14px}.release-grid{grid-template-columns:1fr}.release-grid div+div{border-top:1px solid var(--rule);border-left:0;padding-left:0}.case-devices img{height:clamp(220px,52vw,300px)}.row .btn{width:100%}.footer-links{grid-template-columns:1fr}}@media (width<=360px){.wordmark span{display:none}}