:root{--font-display: "Newsreader", Georgia, serif;--font-body: "Instrument Sans", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--reveal-dist: 14px;--reveal-dur: .7s;--settle-dur: .5s;--elev: 0 22px 50px -20px oklch(0 0 0 / .55), 0 3px 10px oklch(0 0 0 / .3), inset 0 1px 0 oklch(1 0 0 / .07);--elev-lift: 0 34px 64px -24px oklch(0 0 0 / .7), 0 6px 16px oklch(0 0 0 / .35), inset 0 1px 0 oklch(1 0 0 / .09);--paper: oklch(.215 .012 75);--paper-deep: oklch(.275 .012 75);--ink: oklch(.93 .01 85);--ink-soft: oklch(.71 .012 85);--accent: oklch(.72 .13 265);--accent-hover: oklch(.8 .11 265);--rule: oklch(.33 .012 75);--shell: 62rem;--gutter: clamp(1.25rem, 5vw, 2rem)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark;scrollbar-color:var(--rule) var(--paper);accent-color:var(--accent)}::selection{background:#7ca2f659;color:var(--ink)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}.page{max-width:var(--shell);margin-inline:auto;padding:clamp(1.5rem,4vw,3rem) var(--gutter) clamp(3rem,8vw,5rem)}.masthead{display:flex;align-items:baseline;justify-content:space-between;padding-block:.75rem}.wordmark{font-family:var(--font-body);font-weight:700;font-size:.9375rem;letter-spacing:.22em}.wordmark-dot{color:var(--accent)}.masthead-nav{display:flex;align-items:baseline;gap:1.25rem}.masthead-link{position:relative;display:inline-flex;align-items:baseline;gap:.45em;font-size:.875rem;color:var(--ink-soft);text-decoration:none;white-space:nowrap;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:color .16s ease,background-size .22s var(--ease-out)}.masthead-link:before{content:"";position:absolute;inset:-.85rem -.35rem}.masthead-link-label{line-height:1}.masthead-link .icon{flex:none}@media(max-width:31.99rem){.masthead-nav .masthead-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.masthead-link:hover,.masthead-link:focus-visible{color:var(--accent-hover);background-size:100% 1px}.hero{padding-block:clamp(4rem,12vh,7.5rem) clamp(1rem,2.5vh,1.5rem);display:grid;gap:clamp(1.5rem,3vw,2.5rem)}@media(max-width:31.99rem){.hero{padding-block-start:2rem}.role br{display:none}}@media(min-width:46rem){.hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.portrait{display:block;width:100%;height:auto;border-radius:12px;box-shadow:var(--elev)}@media(min-width:46rem){.portrait{width:11.5rem;rotate:1.4deg}}.page-top{padding-bottom:0}.statement{font-family:var(--font-display);font-optical-sizing:auto;font-weight:400;font-size:clamp(2.5rem,7.2vw,3.6rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}.role{max-width:34rem;margin-top:1.75rem;color:var(--ink);text-wrap:pretty}.lede{max-width:38rem;margin-top:.75rem;font-size:1.25rem;color:var(--ink-soft);text-wrap:pretty}.rule{border:0;border-top:1px solid var(--rule)}.product-link{display:inline-flex;align-items:center;gap:.3em;margin-top:1.25rem;font-weight:600;color:var(--accent);text-decoration:none}.product-link:hover{color:var(--accent-hover)}.product-link .icon{transition:translate .18s var(--ease-out)}.product-link:hover .icon{translate:2px 0}.colophon{padding-top:clamp(2.5rem,6vh,4rem);color:var(--ink-soft);font-size:.9375rem}.colophon-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3.5vw,2.125rem);letter-spacing:-.01em;color:var(--ink)}.colophon-mail{display:inline-block;margin-top:.5rem;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.01em;color:var(--accent);text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 2px;transition:color .16s ease,background-size .26s var(--ease-out)}.colophon-mail:hover,.colophon-mail:focus-visible{color:var(--accent-hover);background-size:100% 2px}.colophon-note{margin-top:1.5rem}.legal{margin-top:1rem;font-size:.8125rem}html:not(.entered) .reveal{opacity:0;transform:translateY(var(--reveal-dist));animation:reveal var(--reveal-dur) var(--ease-out) forwards}.r1{animation-delay:80ms}.r2{animation-delay:.16s}.r3{animation-delay:.24s}.r4{animation-delay:.32s}.r5{animation-delay:.4s}.r6{animation-delay:.48s}.r7{animation-delay:.56s}@keyframes reveal{to{opacity:1;transform:none}}html:not(.entered) .reveal-focus{opacity:0;filter:blur(12px);scale:1.04;animation:reveal-focus .6s var(--ease-out) .2s forwards}@keyframes reveal-focus{to{opacity:1;filter:blur(0);scale:1}}@media(prefers-reduced-motion:reduce){html:not(.entered) .reveal,html:not(.entered) .reveal-focus{animation:none;opacity:1;transform:none;filter:none;scale:1}}html [data-settle].js{animation:none;opacity:0;transform:none;translate:0 var(--reveal-dist);transition:opacity var(--settle-dur) var(--ease-out),translate var(--settle-dur) var(--ease-out)}html [data-settle].in{opacity:1;translate:0 0}.page-foot .colophon.js{transition-delay:.11s}.work-band{scroll-margin-top:1.5rem;margin-top:clamp(2rem,5vh,3.5rem);padding-block:clamp(2.5rem,6vh,4rem) clamp(3rem,7vh,4.5rem);background:var(--paper-deep)}.work-label-wrap{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.work-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.875rem,4vw,2.5rem);letter-spacing:-.01em;color:var(--ink);margin-bottom:1.75rem}.stack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.card{display:block;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.card:nth-child(2n){margin-top:clamp(1.5rem,4vw,3rem)}.cover{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;aspect-ratio:16 / 10;padding:clamp(1.1rem,2.5vw,1.6rem);border-radius:12px;box-shadow:var(--elev);overflow:hidden;transition:rotate .42s var(--ease-out),translate .42s var(--ease-out),scale .42s var(--ease-out),box-shadow .42s var(--ease-out)}.cover{rotate:var(--tilt, 0deg)}.card-storkie{--tilt: -1.8deg}.card-launch{--tilt: 1.4deg}.card-ctx{--tilt: 1.1deg}.card-overlap{--tilt: -1.3deg}@media(hover:hover)and (pointer:fine){.card:hover .cover{rotate:0deg;translate:0 -8px;scale:1.015;box-shadow:var(--elev-lift)}}.card:focus-visible .cover{rotate:0deg;translate:0 -8px;scale:1.015;box-shadow:var(--elev-lift)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.stack .cover{animation:fan linear both;animation-timeline:view();animation-range:entry 5% entry 65%}}}@keyframes fan{0%{transform:rotate(calc(-1 * var(--tilt, 0deg))) translateY(32px) scale(.97)}to{transform:none}}.card:active .cover{scale:.985;transition:scale .14s var(--ease-out)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:12px}.cover-designed{background:linear-gradient(155deg,#232f4c,#101828)}.cover-kicker{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.cover-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1;letter-spacing:-.01em;color:var(--ink)}.cover-note{font-size:.8125rem;color:var(--ink-soft)}.cover-still,.cover-video{display:block;width:100%;height:auto;object-fit:cover;padding:0}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding-inline:.25rem}.card-name{font-family:var(--font-display);font-size:1.375rem;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.card-kind{display:inline-flex;font-size:1.125rem;color:var(--ink-soft);transition:color .2s ease}.card-kind .icon{transition:translate .2s var(--ease-out)}.card-status{font-family:var(--font-body);font-size:.8125rem;color:var(--accent);margin-left:.4em}.card-blurb{display:block;margin-top:.6rem;padding-inline:.25rem;font-size:.9375rem;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}.card-stack{display:block;margin-top:.6rem;padding-inline:.25rem;font-size:.8125rem;color:var(--ink-soft)}@media(hover:hover)and (pointer:fine){.card:hover .card-kind{color:var(--accent-hover)}.card:hover .card-kind .icon{translate:3px 0}}.cs-hero{margin-top:clamp(1.5rem,4vh,3rem)}.cs-hero .cover{aspect-ratio:16 / 10;rotate:0deg}.cs-hero .cover-title{font-size:clamp(2.4rem,7vw,3.6rem)}.card-storkie .cover,.cs-hero-storkie .cover{view-transition-name:project-storkie}.card-launch .cover,.cs-hero-launch .cover{view-transition-name:project-launch}.card-ctx .cover,.cs-hero-ctx .cover{view-transition-name:project-ctx}.card-overlap .cover,.cs-hero-overlap .cover{view-transition-name:project-overlap}.card-name,.cs-title{view-transition-class:title}::view-transition-group(project-storkie),::view-transition-group(project-launch),::view-transition-group(project-ctx),::view-transition-group(project-overlap),::view-transition-group(.title){animation-duration:.42s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}.wordmark-link{text-decoration:none;color:var(--ink)}.cs-head{margin-top:clamp(2rem,5vh,3rem)}.cs-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,6vw,3.25rem);letter-spacing:-.015em;line-height:1.08}.cs-meta{margin-top:.5rem;font-size:.9375rem;color:var(--ink-soft)}.pills{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.pills li{font-size:.8125rem;color:var(--ink-soft);background:var(--paper-deep);border:1px solid var(--rule);padding:.22rem .7rem;border-radius:99px}.cs-story{margin-top:clamp(2rem,5vh,3rem)}.cs-story p{color:var(--ink-soft);text-wrap:pretty}.cs-story p+p{margin-top:1.25rem}.cs-story p:first-child{color:var(--ink);font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.4}.cs .product-link{margin-top:2rem}.cs-decisions{margin-top:clamp(2.5rem,6vh,3.5rem)}.cs-h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,3vw,1.875rem);letter-spacing:-.01em;color:var(--ink);margin-bottom:1.25rem}.cs-decisions dl{display:grid;gap:1.75rem}.cs-decisions dt{font-family:var(--font-display);font-size:1.25rem;color:var(--ink)}.cs-decisions dd{margin-top:.35rem;color:var(--ink-soft);text-wrap:pretty}.cs-shots{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.75rem,2vw,1.25rem);margin-top:clamp(2rem,5vh,3rem)}.cs-shots .cs-shot:first-child{grid-column:1 / -1}@media(min-width:40rem){.cs-shots{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cs-shot{margin:0;overflow:hidden;border-radius:10px;border:1px solid oklch(1 0 0 / .08)}.cs-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.cs-shot img.is-pending{opacity:0}.cs-shot img.is-loaded{opacity:1;transition:opacity .3s var(--ease-out),scale .3s var(--ease-out)}.cs-shot-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.cs-shot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}@media(hover:hover)and (pointer:fine){.cs-shot-btn img{transition:opacity .3s var(--ease-out),scale .3s var(--ease-out)}.cs-shot-btn:hover img{scale:1.02}}.cs-hero-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.cs-hero-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}@media(hover:hover)and (pointer:fine){.cs-hero-btn:hover .cover{scale:1.005}}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;display:none;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);border:0;background:#0a0704eb;color:var(--ink);opacity:0;transition:opacity .16s var(--ease-out),display .16s allow-discrete,overlay .16s allow-discrete}.lightbox[open]{display:flex;opacity:1;transition:opacity .24s var(--ease-out),display .24s allow-discrete,overlay .24s allow-discrete}@starting-style{.lightbox[open]{opacity:0}}.lightbox::backdrop{background:none}body:has(.lightbox[open]){overflow:hidden}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:100%;scale:.97;transition:scale .16s var(--ease-out)}.lightbox[open] .lightbox-figure{scale:1;transition:scale .24s var(--ease-out)}@starting-style{.lightbox[open] .lightbox-figure{scale:.97}}.lightbox-figure img{display:block;max-width:100%;max-height:calc(100dvh - clamp(2rem,8vw,6rem) - 3rem);width:auto;height:auto;border-radius:10px;border:1px solid oklch(1 0 0 / .1);transition:opacity .18s var(--ease-out)}@starting-style{.lightbox-figure img{opacity:0}}.lightbox-figure figcaption{font-size:.875rem;color:var(--ink-soft);text-align:center;text-wrap:pretty;max-width:48ch}.lightbox-close,.lightbox-nav{position:absolute;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid oklch(1 0 0 / .12);border-radius:999px;background:#231f19cc;color:var(--ink);font-size:1.125rem;line-height:1;cursor:pointer;transition:background .15s ease,scale .14s var(--ease-out)}.lightbox-close:hover,.lightbox-nav:hover{background:#312d27e6}.lightbox-close:active,.lightbox-nav:active{scale:.94}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox-close{top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);font-size:1.375rem}.lightbox-nav{top:50%;translate:0 -50%}.lightbox-prev{left:clamp(.5rem,2.5vw,1.5rem)}.lightbox-next{right:clamp(.5rem,2.5vw,1.5rem)}@media(max-width:40rem){.lightbox{padding-bottom:4.5rem}.lightbox-figure img{max-height:calc(100dvh - clamp(1rem,4vw,3rem) - 7.5rem)}.lightbox-nav{top:auto;bottom:1rem;translate:0 0}.lightbox-prev{left:calc(50% - 3.5rem)}.lightbox-next{right:calc(50% - 3.5rem)}}.cs-gated{margin-top:2rem;font-family:var(--font-display);font-style:italic;color:var(--ink-soft)}.cs .rule{margin-top:clamp(2.5rem,6vh,4rem)}.cs-next{margin-top:clamp(2rem,5vh,3rem)}.cs-next-link{display:flex;align-items:center;gap:clamp(1rem,3vw,1.5rem);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.01em;color:var(--ink);text-decoration:none;transition:color .2s ease}.cs-next-thumb{flex:none;width:clamp(5rem,12vw,7rem);aspect-ratio:16 / 10;height:auto;object-fit:cover;border-radius:8px;box-shadow:var(--elev);rotate:-2deg;transition:rotate .24s var(--ease-out),translate .24s var(--ease-out),box-shadow .24s var(--ease-out)}.cs-next-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 .4em}.cs-next-pre{color:var(--ink-soft)}.cs-next-link .icon{transition:translate .22s var(--ease-out)}.cs-next-link:hover{color:var(--accent-hover)}.cs-next-link:hover .cs-next-thumb{rotate:0deg;translate:0 -4px;box-shadow:var(--elev-lift)}.cs-next-link:hover .icon{translate:4px 0}.cs .colophon{padding-top:clamp(2rem,5vh,3rem)}@media(max-width:40rem){.stack{grid-template-columns:1fr;gap:2rem}.card:nth-child(2n){margin-top:0}.card-storkie{--tilt: -1deg}.card-launch{--tilt: .8deg}.card-ctx{--tilt: .7deg}.card-overlap{--tilt: -.8deg}}@media(prefers-reduced-motion:reduce){html [data-settle].js{opacity:1;translate:0 0;transition:none}.cs-shot img.is-pending{opacity:1}.cs-shot img.is-loaded{transition:none}.lightbox-figure,.lightbox[open] .lightbox-figure{scale:1;transition:none}.cs-shot-btn:hover img,.cs-hero-btn:hover .cover{scale:1}.lightbox-close,.lightbox-nav{transition:background .15s ease}.lightbox-close:active,.lightbox-nav:active{scale:1}.cover,.card-kind .icon,.cs-next-link .icon,.product-link .icon,.cs-next-thumb,.lightbox-figure img{transition:none}.cs-next-link:hover .cs-next-thumb{rotate:-2deg;translate:0 0}.card:hover .cover,.card:focus-visible .cover,.card:active .cover{rotate:var(--tilt, 0deg);translate:0 0;scale:1}::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none!important}}