@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans.woff2) format("woff2")}:root{--dl-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dl-display: "Bricolage Grotesque", "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dl-brand-navy: #1F2A44;--dl-brand-lime: #E1FF7C;--dl-brand-mint: #4AD1B0;--dl-brand-charcoal: #2E2E2E;--dl-brand-white: #DBDBDB;--dl-dark: var(--dl-brand-navy);--dl-paper: var(--dl-brand-white);--dl-paper-rich: color-mix(in srgb, var(--dl-brand-white) 92%, var(--dl-brand-navy));--dl-light: var(--dl-brand-white);--dl-light-muted: color-mix(in srgb, var(--dl-brand-white) 84%, var(--dl-brand-navy));--dl-ink: var(--dl-brand-charcoal);--dl-muted: color-mix(in srgb, var(--dl-brand-charcoal) 78%, var(--dl-brand-white));--dl-accent: var(--dl-brand-lime);--dl-accent-ink: var(--dl-brand-navy);--dl-light-line: color-mix(in srgb, var(--dl-brand-white) 24%, transparent);--dl-line: color-mix(in srgb, var(--dl-brand-charcoal) 28%, transparent);--dl-shade: #08050388;--dl-brand-shadow: color-mix(in srgb, var(--dl-brand-navy) 20%, var(--dl-shade));--dl-fog: color-mix(in srgb, var(--dl-brand-mint) 29%, transparent);--dl-tv-stage: #181512;--dl-tv-cream: #f9f0df;--dl-tv-focus: #ffa977;--dl-tv-muted: #c9bcb0;--dl-shell: #353028;--dl-shell-bottom: #24211d;--dl-shell-line: #706354;--dl-glass: #21190f;--dl-tv-ink: #ffcf8e;--dl-tv-light: #ae542c;--dl-tv-mid: #572c24;--dl-tv-cold: #285353;--dl-tv-green: #55501d;--dl-tv-scan: #29140540;--dl-food: #fff0d4;--dl-food-shadow: #e4b296;--dl-food-accent: #b63d27;--dl-food-track: #b63d273a;--dl-mint: #d1edc8;--dl-mint-light: #e4f4da;--dl-mint-shadow: #9bc297;--dl-mint-ink: #1e3d28;--dl-mint-mark: #39724d;--dl-mint-track: #39724d32;--dl-blue: #dce9f8;--dl-blue-light: #e9f1fc;--dl-blue-shadow: #9ab2d1;--dl-blue-ink: #203951;--dl-blue-one: #35679e;--dl-blue-two: #6f8fbd;--dl-blue-three: #a5bad4;--dl-blue-track: #20395122;--duration-snappy: .3s;--spring-snappy: linear(0, .0405, .1347, .2524, .3749, .491, .5949, .6841, .7583, .8185, .8663, .9034, .9317, .9529, .9684, .9796, .9875, .993, .9966, .9989, 1.0003, 1.0011, 1.0014, 1.0015, 1);--duration-default: .5s;--spring-default: linear(0, .0685, .2085, .3616, .5019, .6199, .7146, .7883, .8443, .8863, .9174, .9403, .9569, .969, .9778, .9841, .9886, .9919, .9942, .9959, .9971, .9979, .9985, .9989, 1);--duration-bouncy: .52s;--spring-bouncy: linear(0, .0811, .2636, .4766, .6756, .8369, .953, 1.026, 1.0637, 1.0758, 1.0714, 1.0583, 1.0422, 1.0268, 1.014, 1.0047, .9987, .9955, .9943, .9945, .9954, .9966, .9978, .9988, 1)}html[data-result-transition]{view-transition-name:none}html[data-result-transition]::view-transition{pointer-events:none}html[data-result-transition]::view-transition-group(portfolio-action-result){animation-duration:var(--duration-snappy);animation-timing-function:var(--spring-snappy)}@media(prefers-reduced-motion:reduce){html[data-result-transition]::view-transition-group(portfolio-action-result){animation:none}}html,body{margin:0}.portfolio{background:var(--dl-dark);color:var(--dl-light);overflow:clip;isolation:isolate;font:400 16px/1.5 var(--dl-font);container:devlabs / inline-size}.portfolio *,.portfolio *:before,.portfolio *:after{box-sizing:border-box}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p,.portfolio dl,.portfolio dd{margin:0}.portfolio h1,.portfolio h2,.portfolio h3{min-width:0;overflow-wrap:break-word;font-family:var(--dl-display)}.portfolio a{color:inherit;text-decoration:none}.portfolio button{font:inherit;color:inherit}.portfolio button:disabled{color:var(--dl-muted);background:var(--dl-paper-rich);cursor:not-allowed}.portfolio h2{text-wrap:balance}.portfolio :focus-visible{outline:2px solid var(--dl-accent-ink);outline-offset:5px}.portfolio .opening :is(.masthead,.hero,.hire,.footer) :focus-visible{outline-color:var(--dl-accent)}.portfolio .wrap{max-width:1320px;margin-inline:auto;width:calc(100% - (2*clamp(24px,6cqw,88px)))}.portfolio .wordmark{white-space:nowrap;font:500 25px/.95 var(--dl-display);letter-spacing:-.055em}.portfolio .wordmark b{font-weight:800}.portfolio .wordmark b span,.portfolio .hire h2:after{color:var(--dl-accent)}.portfolio .hire h2:after{content:".";content:"." / ""}.portfolio .hero-action{display:inline-flex;width:max-content;min-height:48px;align-items:center;gap:24px;margin-top:32px;padding:12px 16px 12px 20px;border-radius:8px;color:var(--dl-dark);background:var(--dl-accent);font-size:14px;font-weight:800;transition:transform var(--duration-snappy) var(--spring-snappy),background-color var(--duration-snappy) var(--spring-snappy)}.portfolio .hero-action:hover{background:var(--dl-brand-mint);transform:translateY(-3px)}.portfolio .hero-action:active{transform:translateY(1px)}.portfolio .hero-action span{font-size:19px;line-height:1}html{background:var(--dl-dark)}button{cursor:pointer}.portfolio a.skip-link{position:fixed;z-index:20;inset:8px auto auto 8px;transform:translateY(calc(-100% - 12px));padding:10px 16px;border-radius:6px;background:var(--dl-accent);color:var(--dl-dark)}.portfolio a.skip-link:focus{transform:none;outline-color:var(--dl-accent)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html[data-motion-scroll=lenis]{scroll-behavior:auto}.portfolio .masthead{position:relative;z-index:5;min-height:92px;display:flex;align-items:center;gap:clamp(20px,4cqw,64px);border-bottom:1px solid var(--dl-light-line)}.portfolio .mastnav{display:flex;align-items:center;gap:clamp(16px,3.5cqw,52px);margin-left:auto;color:var(--dl-light-muted);font-size:14px;font-weight:600}.portfolio .mastnav a:hover,.portfolio .footer a:hover{color:var(--dl-accent)}.portfolio .contact-top{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--dl-light-line);border-radius:999px;padding:8px 16px;font-size:14px;white-space:nowrap;font-weight:700;transition:border-color var(--duration-snappy) var(--spring-snappy)}.portfolio .contact-top:hover{border-color:var(--dl-accent)}.portfolio .contact-top span{color:var(--dl-accent)}.portfolio .footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding-block:16px;border-top:1px solid var(--dl-light-line);font-size:13px;color:var(--dl-light-muted)}.portfolio .footer .wordmark{color:var(--dl-light)}.portfolio .hire{background:radial-gradient(ellipse at 10% 113%,var(--dl-fog),transparent 58%),var(--dl-brand-charcoal)}.portfolio .hire-wrap{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-block:clamp(60px,9cqw,128px)}.portfolio .hire h2{font-size:clamp(56px,8.8cqw,125px);font-weight:800;line-height:.86;letter-spacing:-.036em}.portfolio .hire p{margin-top:16px;color:var(--dl-light);max-width:37ch}.portfolio .hire .hero-action{flex-shrink:0;margin-top:0}@container devlabs (max-width: 780px){.portfolio .masthead{min-height:75px}}@container devlabs (max-width: 600px){.portfolio .wrap{width:calc(100% - 40px)}.portfolio .masthead{justify-content:space-between;gap:8px;min-height:65px}.portfolio .mastnav{display:none}.portfolio .contact-top{min-height:44px;padding:8px 12px}.portfolio .hire-wrap{display:block}.portfolio .hire .hero-action{margin-top:24px}.portfolio .footer>span{display:none}}@media(prefers-reduced-motion:reduce){.portfolio *,.portfolio *:before,.portfolio *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.portfolio .hero-action:is(:hover,:active){transform:none}}.portfolio [data-exhibit-sound][hidden]{display:none}.portfolio .exhibit-sound{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding-inline:10px;border:0;border-radius:6px;background:#dbdbdb10;color:var(--dl-light-muted);font:650 .875rem/1.2 var(--dl-font);white-space:nowrap}.portfolio .exhibit-sound[aria-pressed=false] [data-sound-active],.portfolio .exhibit-sound[aria-pressed=true] [data-sound-muted]{display:none}.portfolio .exhibit-sound:is(:hover,:focus-visible,[aria-pressed=true]){background:#dbdbdb1c;color:var(--dl-light)}.portfolio .exhibition{--exhibition-gutter: clamp(22px, 5cqw, 82px);--exhibition-lime: #e1ff7c;--exhibition-mint: #4ad1b0;--exhibition-header-height: 64px}.portfolio .exhibition-wrap{width:min(1240px,calc(100% - var(--exhibition-gutter) * 2));margin-inline:auto}.portfolio .exhibition-header{position:sticky;top:0;z-index:10;background:var(--dl-dark);border-bottom:1px solid var(--dl-light-line)}.portfolio .exhibition-header-inner{min-height:var(--exhibition-header-height);display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(10px,2cqw,32px)}.portfolio .exhibition-header .wordmark{justify-self:start}.portfolio .exhibition-header-actions{display:flex;align-items:center;justify-content:end;gap:clamp(8px,1.4cqw,22px);min-width:0}.portfolio .exhibition-contact{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--dl-light);font-size:.875rem;font-weight:700;white-space:nowrap}.portfolio .exhibition-contact span{color:var(--exhibition-lime)}.portfolio .exhibition-header :focus-visible,.portfolio .exhibition .footer :focus-visible{outline-color:var(--exhibition-lime)}html:has([data-exhibition]){scroll-padding-top:66px}@container devlabs (max-width: 820px){.portfolio .exhibition{--exhibition-gutter: clamp(18px, 5cqw, 36px);--exhibition-header-height: 48px}.portfolio .exhibition-header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";grid-template-rows:48px;gap:0 8px}.portfolio .exhibition-header .wordmark{grid-area:brand;font-size:23px}.portfolio .exhibition-header-actions{grid-area:actions;gap:10px}.portfolio .exhibition-header .exhibit-sound{flex:0 0 44px;width:44px;padding-inline:0;justify-content:center}.portfolio .exhibition-header .exhibit-sound>span{display:none}.portfolio .exhibition-contact{min-height:38px}}@media(max-width:820px){html:has([data-exhibition]){scroll-padding-top:54px}}@container devlabs (max-width: 360px){.portfolio .exhibition-header .wordmark{font-size:21px}.portfolio .exhibition-header-actions{gap:6px}.portfolio .exhibition-contact{gap:4px;font-size:.8125rem}}[data-journey-icon-hidden]{visibility:hidden}.portfolio-journey-icon{position:fixed;z-index:20;object-fit:contain;pointer-events:none;margin:0}.portfolio .contact-period{display:inline-block;width:.18em;height:.18em;margin-inline-start:.045em;vertical-align:.02em;border-radius:50%;background:#e1ff7c}.portfolio .hire h2:has(.contact-period):after{content:none}[data-signature-total]{position:relative;display:inline-block}[data-signature-total]>.signature-original{opacity:0}.signature-number{position:absolute;inset:0;text-align:inherit;white-space:nowrap;font:inherit}.derived-candidate-chip{display:inline-block;width:.7rem;height:.6rem;margin-inline-end:.38rem;border-radius:2px;border:1px solid #8fb3c9;background:#4d9fa0}.derived-candidate:has(input:checked) .derived-candidate-chip{opacity:.45;background:#294361}.derived-candidate.is-protected .derived-candidate-chip{opacity:.5;background:#435062}.derived-scan-trace{position:relative;display:block;width:100%;height:1px;background:#6289b966;pointer-events:none}[data-derived-scan-pulse]{position:absolute;inset:-2px auto auto 0;width:22px;height:4px;border-radius:99px;background:#97ccff;opacity:0}
