:root,[data-theme=light]{--bg:#f5f9fb;--surface:#ffffff;--surface-sunken:#e8f1f6;--ink:#0f1e27;--ink-muted:#4a5e6a;--line:#c9d8e1;--brand:#30abe1;--brand-ink:#0a6890;--brand-tint:#d6eef9;--on-brand:#04202d;--accent:#f08a4b;--accent-ink:#a3461a;--focus:#0a6890;--sketch:#0f1e27;--shade:#04202d73;--code-bg:#0f1e27;--code-ink:#d6eef9;--shadow-sketch:4px 4px 0 #0f1e27;--shadow-sketch-sm:2px 2px 0 #0f1e27;--shadow-lift:0 18px 40px -18px rgba(15, 30, 39, .35)}[data-theme=dark]{--bg:#0a1218;--surface:#111c24;--surface-sunken:#18262f;--ink:#e6f0f5;--ink-muted:#9cb1be;--line:#2a3c48;--brand:#30abe1;--brand-ink:#6ccbf2;--brand-tint:#123a4c;--on-brand:#04202d;--accent:#f49a62;--accent-ink:#f7b48a;--focus:#7fd6f7;--sketch:#30abe1;--shade:#000000b3;--code-bg:#05090c;--code-ink:#d6eef9;--shadow-sketch:4px 4px 0 #0b4d6a;--shadow-sketch-sm:2px 2px 0 #0b4d6a;--shadow-lift:0 18px 40px -18px rgba(0, 0, 0, .7)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--font-hand:"Architects Daughter", "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-resume:Arial, "Helvetica Neue", Helvetica, sans-serif}.type-display{font-family:var(--font-hand);font-size:64px;line-height:1.05;font-weight:400;letter-spacing:-.01em}.type-h1{font-family:var(--font-hand);font-size:44px;line-height:1.1;font-weight:400}.type-h2{font-family:var(--font-hand);font-size:32px;line-height:1.2;font-weight:400}.type-h3{font-family:var(--font-hand);font-size:22px;line-height:1.3;font-weight:400}.type-body-lg{font-family:var(--font-hand);font-size:20px;line-height:1.55;font-weight:400}.type-body{font-family:var(--font-hand);font-size:17px;line-height:1.6;font-weight:400}.type-caption{font-family:var(--font-hand);font-size:14px;line-height:1.45;font-weight:400}.type-label{font-family:var(--font-hand);font-size:13px;line-height:1.2;font-weight:400;letter-spacing:.08em}.type-code{font-family:var(--font-mono);font-size:14px;line-height:1.5;font-weight:400}.resume-name{font-family:var(--font-resume);font-size:29px;line-height:1.1;font-weight:700}.resume-headline{font-family:var(--font-resume);font-size:15px;line-height:1.3;font-weight:700}.resume-heading{font-family:var(--font-resume);font-size:14.5px;line-height:1.2;font-weight:700;letter-spacing:.06em}.resume-body{font-family:var(--font-resume);font-size:13.5px;line-height:1.38;font-weight:400}.resume-meta{font-family:var(--font-resume);font-size:13px;line-height:1.3;font-weight:400}:root{--dj-ease: cubic-bezier(.2, .8, .2, 1);--dj-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dj-dur-1: .16s;--dj-dur-2: .32s;--dj-dur-3: .56s;--dj-sketch-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--dj-blob: 58% 42% 55% 45% / 48% 56% 44% 52%;color-scheme:light}[data-theme=dark]{color-scheme:dark}@media (horizontal-viewport-segments: 2){:root{--dj-seg-w: env(viewport-segment-width 0 0);--dj-hinge: calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0)) }}@media (vertical-viewport-segments: 2){:root{--dj-seg-h: env(viewport-segment-height 0 0);--dj-hinge: calc(env(viewport-segment-top 0 1) - env(viewport-segment-bottom 0 0)) }}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased}:where([class^=dj-],[class*=" dj-"]){box-sizing:border-box}:where([class^=dj-],[class*=" dj-"]) *,:where([class^=dj-],[class*=" dj-"]) *:before,:where([class^=dj-],[class*=" dj-"]) *:after{box-sizing:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dj-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px}.dj-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}.dj-art{display:block;width:100%;height:100%}.dj-art [class*=s-]{fill:none;stroke-linecap:round;stroke-linejoin:round}.dj-art .s-ink{stroke:var(--ink);stroke-width:3}.dj-art .s-line{stroke:var(--line);stroke-width:2}.dj-art .s-brand{stroke:var(--brand);stroke-width:4}.dj-art .s-accent{stroke:var(--accent);stroke-width:4}.dj-art .s-surface{stroke:var(--surface);stroke-width:3}.dj-art .f-brand{fill:var(--brand)}.dj-art .f-tint{fill:var(--brand-tint)}.dj-art .f-accent{fill:var(--accent)}.dj-art .f-ink{fill:var(--ink)}.dj-art .f-surface{fill:var(--surface)}.dj-art .t-ink,.dj-art .t-brand{font-family:var(--font-hand);font-size:22px}.dj-art .t-ink{fill:var(--ink)}.dj-art .t-brand{fill:var(--brand-ink)}.dj-logo{--dj-logo-size: 96px;position:relative;width:var(--dj-logo-size);height:var(--dj-logo-size);flex:none;display:inline-grid;place-items:center;border-radius:50%}.dj-logo--sm{--dj-logo-size: 40px}.dj-logo--md{--dj-logo-size: 96px}.dj-logo--lg{--dj-logo-size: 160px}.dj-logo--xl{--dj-logo-size: clamp(128px, 30cqmin, 260px)}.dj-logo__img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;user-select:none}.dj-logo__img{box-shadow:0 0 0 max(1.5px,calc(var(--dj-logo-size) * .012)) var(--brand)}.dj-logo__waves{--dj-wave: 6s;--w: max(1.5px, calc(var(--dj-logo-size) * .011));position:absolute;inset:calc(var(--dj-logo-size) * -.075);pointer-events:none}.dj-logo__waves i{position:absolute;inset:0;border:var(--w) solid var(--brand);border-radius:48% 52% 50% 50%/52% 48%;opacity:.9;animation:dj-wave-spin var(--dj-wave) linear infinite,dj-wave-morph calc(var(--dj-wave) * .75) ease-in-out infinite alternate}.dj-logo__waves i:nth-child(2){inset:3%;border-color:var(--brand-ink);opacity:.7;animation-duration:calc(var(--dj-wave) * 1.35),calc(var(--dj-wave) * .95);animation-direction:reverse,alternate}.dj-logo__waves i:nth-child(3){inset:-3.5%;border-color:var(--accent);opacity:.55;animation-duration:calc(var(--dj-wave) * 1.7),calc(var(--dj-wave) * 1.15);animation-delay:-1.2s,-2.4s}.dj-logo--portrait .dj-logo__img{object-fit:cover}.dj-logo--sm .dj-logo__waves{inset:-5px;--w: 1.25px}@keyframes dj-wave-spin{to{rotate:360deg}}@keyframes dj-wave-morph{0%{border-radius:48% 52% 50% 50%/52% 48%;scale:1}33%{border-radius:55% 45% 43% 57%/45% 55% 49% 51%;scale:1.035}66%{border-radius:45% 55% 57% 43%/55% 43% 57% 45%;scale:.975}to{border-radius:52% 48% 46% 54%/47% 54% 46% 53%;scale:1.02}}.dj-logo__orbit{position:absolute;inset:-26%;width:152%;height:152%;overflow:visible;font-family:var(--font-hand);font-size:11px;fill:var(--ink-muted);animation:dj-spin 60s linear infinite;pointer-events:none}@keyframes dj-spin{to{rotate:360deg}}.dj-fw{--w: 164px;--tw: 98px;position:relative;width:var(--w);height:36px;flex:none;padding:0;border-radius:var(--radius-pill);border:2px solid var(--sketch);background:var(--surface-sunken);color:var(--ink-muted);font:13px/1 var(--font-hand);cursor:pointer}.dj-fw__ghost{position:absolute;top:50%;translate:0 -50%;font-size:12px;transition:opacity var(--dj-dur-2) var(--dj-ease)}.dj-fw__ghost--l{left:11px}.dj-fw__ghost--r{right:13px}.dj-fw--vanilla .dj-fw__ghost--l,.dj-fw--react .dj-fw__ghost--r{opacity:0}.dj-fw__thumb{position:absolute;top:2px;left:2px;height:28px;width:var(--tw);display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sketch-sm);transition:transform var(--dj-dur-2) var(--dj-ease-spring)}.dj-fw--react .dj-fw__thumb{transform:translate(calc(var(--w) - var(--tw) - 8px))}.dj-fw:hover .dj-fw__thumb{box-shadow:var(--shadow-sketch)}.dj-fw__label{white-space:nowrap}.dj-theme{position:relative;width:40px;height:40px;flex:none;padding:0;display:inline-grid;place-items:center;border-radius:50%;border:2px solid var(--sketch);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sketch-sm);transition:translate var(--dj-dur-1) var(--dj-ease)}.dj-theme:hover{translate:-1px -1px;box-shadow:var(--shadow-sketch)}.dj-theme .dj-icon{position:absolute;transition:opacity var(--dj-dur-2) var(--dj-ease),rotate var(--dj-dur-3) var(--dj-ease-spring),scale var(--dj-dur-3) var(--dj-ease-spring)}.dj-theme__moon{opacity:0;rotate:-90deg;scale:.4}.dj-theme.is-dark .dj-theme__sun{opacity:0;rotate:90deg;scale:.4}.dj-theme.is-dark .dj-theme__moon{opacity:1;rotate:0deg;scale:1;color:var(--brand-ink)}.dj-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-pill);border:2px solid var(--sketch);font:17px/1.2 var(--font-hand);text-decoration:none;cursor:pointer;transition:translate var(--dj-dur-1) var(--dj-ease),box-shadow var(--dj-dur-1) var(--dj-ease),background-color var(--dj-dur-2) var(--dj-ease)}.dj-btn--primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sketch)}.dj-btn--primary:hover{translate:-2px -2px}.dj-btn--primary:active{translate:2px 2px;box-shadow:var(--shadow-sketch-sm)}.dj-btn--sketch{background:var(--surface);color:var(--ink);border-radius:var(--dj-sketch-radius)}.dj-btn--sketch:hover{background:var(--brand-tint)}.dj-btn--ghost{background:transparent;border-color:transparent;color:var(--brand-ink)}.dj-btn--ghost:hover{text-decoration:underline;text-underline-offset:4px}.dj-btn--sm{padding:6px 14px;font-size:15px}.dj-btn[disabled]{opacity:.5;cursor:not-allowed}.dj-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--brand) 22%,transparent);font:15px/1.3 var(--font-hand);background:var(--surface-sunken);color:var(--ink);box-shadow:0 6px 14px -7px var(--shade),inset 0 1px color-mix(in oklab,white 45%,transparent)}.dj-tag--brand{background:var(--brand-tint);color:var(--brand-ink)}.dj-tag--accent{background:var(--surface);color:var(--accent-ink);border-color:var(--accent)}button.dj-tag{cursor:pointer;min-height:36px;transition:translate var(--dj-dur-1) var(--dj-ease),box-shadow var(--dj-dur-1) var(--dj-ease)}button.dj-tag:hover{translate:0 -1px;box-shadow:0 9px 18px -8px var(--shade),inset 0 1px color-mix(in oklab,white 45%,transparent)}.dj-tag.is-selected{background:var(--brand);color:var(--on-brand);border-color:color-mix(in oklab,var(--on-brand) 30%,transparent)}.dj-stat{container-type:inline-size;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.dj-stat .dj-stat__value{color:var(--brand-ink);font-size:clamp(24px,19cqi,44px);line-height:1.05;overflow-wrap:anywhere}.dj-stat__label{color:var(--ink-muted)}.dj-topbar{position:relative;z-index:5;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift)}.dj-topbar--home{position:absolute;inset:0 0 auto;background:transparent;border:0;box-shadow:none;justify-content:flex-end}.dj-topbar__home{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--ink);text-decoration:none;border-radius:var(--radius-pill);padding-right:var(--space-2)}.dj-topbar__id{display:grid;min-width:0;line-height:1.15}.dj-topbar__name{font-size:19px;white-space:nowrap}.dj-topbar__title{font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-topbar__legal{display:none;margin:0;font-size:12px;color:var(--ink-muted)}.dj-topbar__controls{margin-left:auto;display:flex;align-items:center;gap:10px}.dj-topbar:not(.dj-topbar--home)>.dj-topbar__controls{display:none}.dj-topbar__menu-controls{display:flex;align-items:center;gap:10px;margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.dj-topbar:not(.dj-topbar--home)>.dj-burger{margin-left:auto}.dj-burger{position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.dj-burger span{position:absolute;left:12px;width:18px;height:2px;border-radius:2px;background:currentColor;transition:translate var(--dj-dur-2) var(--dj-ease),rotate var(--dj-dur-2) var(--dj-ease),opacity var(--dj-dur-1) var(--dj-ease),scale var(--dj-dur-2) var(--dj-ease)}.dj-burger span:nth-child(1){top:15px}.dj-burger span:nth-child(2){top:20.5px}.dj-burger span:nth-child(3){top:26px}.dj-burger[aria-expanded=true] span:nth-child(1){translate:0 5.5px;rotate:45deg}.dj-burger[aria-expanded=true] span:nth-child(2){opacity:0;scale:0 1}.dj-burger[aria-expanded=true] span:nth-child(3){translate:0 -5.5px;rotate:-45deg}.dj-topbar__nav{position:absolute;top:100%;left:0;right:0;padding:var(--space-3) var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path var(--dj-dur-2) var(--dj-ease),visibility 0s linear var(--dj-dur-2)}.dj-topbar[data-open=true] .dj-topbar__nav{visibility:visible;clip-path:inset(0 0 -48px 0);transition:clip-path var(--dj-dur-2) var(--dj-ease)}.dj-topbar__nav ul{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.dj-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid transparent;color:var(--ink);font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color var(--dj-dur-1) var(--dj-ease),border-color var(--dj-dur-1) var(--dj-ease)}.dj-topbar__nav .dj-pill{display:flex;min-height:44px;font-size:20px;padding:8px 16px}.dj-pill:hover{border-color:var(--line);background:var(--surface-sunken)}.dj-pill.is-active{background:var(--brand);color:var(--on-brand);box-shadow:0 6px 14px -7px var(--shade)}.dj-stage-host{height:100%}.dj-stage{container:dj / size;position:relative;width:100%;height:var(--dj-stage-h, 100dvh);overflow:hidden;display:flex;flex-direction:column;color:var(--ink);font-family:var(--font-hand);background-color:var(--bg);background-image:radial-gradient(var(--line) 1.2px,transparent 1.5px);background-size:24px 24px}.dj-engine{position:absolute;left:var(--space-3);bottom:var(--space-2);margin:0;font-size:11px;color:var(--ink-muted);text-transform:uppercase;pointer-events:none;z-index:4}.dj-print-only{display:none}.dj-home .dj-bubbles{--dj-reserve: 170px}.dj-home{position:relative;flex:1;min-height:0;display:grid;place-items:center}.dj-home__intro{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-6);text-align:center;display:grid;justify-items:center;gap:var(--space-1)}.dj-home__name{margin:0}.dj-home__role{margin:0;color:var(--ink-muted)}.dj-home__hint{margin:0;color:var(--accent-ink)}.dj-home__cta{margin-top:var(--space-2)}.dj-bubbles{--R: clamp(110px, min(33cqw, calc((50cqh - var(--dj-reserve, 0px)) * .735)), 320px);--B: clamp(76px, min(19cqw, calc(var(--R) * .55)), 150px);position:relative;width:calc(var(--R) * 2.12 + var(--B) * 1.1);aspect-ratio:1;display:grid;place-items:center}.dj-bubbles__halo{position:absolute;width:calc(var(--R) * 2.3);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--brand) 30%,transparent) 0%,color-mix(in oklab,var(--brand) 10%,transparent) 38%,transparent 68%);pointer-events:none}.dj-bubbles__ring{position:absolute;width:calc(var(--R) * 2);aspect-ratio:1;border:1px solid color-mix(in oklab,var(--brand) 32%,transparent);border-radius:50%}.dj-bubbles__ring--outer{width:calc(var(--R) * 2.5);border-style:dashed;border-color:color-mix(in oklab,var(--ink-muted) 22%,transparent);animation:dj-spin 240s linear infinite}.dj-bubbles__center{position:relative;z-index:1;display:grid;place-items:center}.dj-bubbles__center .dj-logo__orbit{display:none}.dj-bubbles__center .dj-logo--xl{--dj-logo-size: calc(var(--R) * .9)}.dj-bubbles__list{position:absolute;inset:0;margin:0;padding:0;list-style:none;z-index:2}.dj-bubbles__item{--cx: cos(var(--a));--cy: sin(var(--a));position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translate(calc(var(--R) * var(--rm))) rotate(calc(var(--a) * -1)) translate(-50%,-50%)}.dj-bubble{--size: calc(var(--B) * var(--s));--hx: calc(50% - var(--cx) * 27%);--hy: calc(50% - var(--cy) * 27%);position:relative;width:var(--size);height:var(--size);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;text-align:center;border-radius:50%;border:1px solid color-mix(in oklab,var(--brand) 50%,transparent);color:var(--ink);font-size:clamp(12px,calc(var(--size) * .15),20px);line-height:1.1;text-decoration:none;isolation:isolate;background:radial-gradient(circle at var(--hx) var(--hy),rgb(255 255 255 / .55) 0,rgb(255 255 255 / 0) 34%),radial-gradient(circle at 50% 50%,color-mix(in oklab,color-mix(in oklab,var(--brand-tint) 50%,var(--surface)) 88%,transparent) 46%,color-mix(in oklab,var(--brand) 48%,var(--surface)));box-shadow:calc(var(--cx) * 16px) calc(var(--cy) * 16px) 28px -8px var(--shade),inset calc(var(--cx) * -5px) calc(var(--cy) * -5px) 12px -5px #fff9,inset calc(var(--cx) * 9px) calc(var(--cy) * 9px) 18px -9px color-mix(in oklab,var(--brand) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dj-float 9s ease-in-out infinite;animation-delay:calc(var(--i) * -1.5s);transition:scale var(--dj-dur-2) var(--dj-ease),box-shadow var(--dj-dur-2) var(--dj-ease)}.dj-bubble:before{content:"";position:absolute;z-index:-1;width:40%;height:13%;left:calc(50% - var(--cx) * 34% - 20%);top:calc(50% - var(--cy) * 34% - 6.5%);border-radius:50%;rotate:calc(var(--a) - 90deg);background:linear-gradient(to bottom,#ffffffd9,#fff0);filter:blur(.4px);pointer-events:none}.dj-bubble:after{content:"";position:absolute;z-index:-1;width:34%;height:34%;left:calc(50% + var(--cx) * 26% - 17%);top:calc(50% + var(--cy) * 26% - 17%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--brand) 45%,transparent),transparent 70%);pointer-events:none}.dj-bubble .dj-icon{color:var(--brand-ink);width:1.35em;height:1.35em}.dj-bubble:hover,.dj-bubble:focus-visible{scale:1.07;box-shadow:calc(var(--cx) * 22px) calc(var(--cy) * 22px) 34px -8px var(--shade),inset calc(var(--cx) * -5px) calc(var(--cy) * -5px) 12px -5px #ffffffb3,inset calc(var(--cx) * 9px) calc(var(--cy) * 9px) 20px -8px var(--brand)}.dj-bubble__label{color:var(--ink)}.dj-bubble__hint{display:none;font-size:.62em;color:var(--ink-muted)}@keyframes dj-float{0%,to{translate:0 0}50%{translate:0 -6px}}.dj-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4) var(--space-7);view-transition-name:dj-panel}.dj-panel:focus{outline:none}.dj-panel>.dj-section,.dj-pager{width:100%;max-width:1180px;margin-inline:auto}.dj-section{flex:1}.dj-section__head{margin-bottom:var(--space-6)}.dj-section__eyebrow{margin:0 0 var(--space-2);color:var(--brand-ink);text-transform:uppercase}.dj-section__title{margin:0;text-wrap:balance}.dj-section__title:focus{outline:none}.dj-section__scribble{width:200px;height:16px;margin-top:var(--space-2)}.dj-section__intro{margin:var(--space-4) 0 0;max-width:62ch;color:var(--ink-muted)}.dj-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-4);border-top:2px dashed var(--line)}.dj-pager__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-ink);text-decoration:none;font-size:18px;border-radius:var(--radius-pill);padding:4px 8px}.dj-pager__link:hover{background:var(--brand-tint)}.dj-pager__dots{display:flex;gap:6px}.dj-pager__dots i{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--line);transition:width var(--dj-dur-2) var(--dj-ease)}.dj-pager__dots i.is-on{width:22px;background:var(--brand)}.dj-about{display:grid;gap:var(--space-6)}.dj-about__photo{position:relative;margin:0 auto;width:min(100%,300px)}.dj-about__photo img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 18%;border:3px solid var(--sketch);border-radius:var(--dj-sketch-radius);box-shadow:10px 10px 0 var(--brand);rotate:-2deg}.dj-about__note{position:absolute;right:-6px;bottom:-22px;margin:0;padding:2px 12px;rotate:-6deg;color:var(--accent-ink);background:var(--surface);border:2px solid var(--accent);border-radius:var(--dj-sketch-radius)}.dj-about__copy p{margin:0 0 var(--space-4);max-width:64ch}.dj-about__copy .type-body{color:var(--ink-muted)}.dj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--space-3);margin:var(--space-5) 0}.dj-about__aside{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--accent-ink)}.dj-skills{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.dj-skillcard{padding:var(--space-5);border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.dj-skillcard.is-primary{border-color:var(--sketch);box-shadow:var(--shadow-sketch)}.dj-skillcard__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4)}.dj-skillcard__title .dj-icon{color:var(--brand-ink)}.dj-skillcard__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dj-timeline{position:relative;padding-left:32px}.dj-timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;border-left:2px dashed var(--line)}.dj-exp{position:relative;padding-bottom:var(--space-6);break-inside:avoid}.dj-exp__dot{position:absolute;left:-31px;top:6px;width:18px;height:18px;border-radius:50%;border:2px solid var(--sketch);background:var(--brand-tint)}.dj-exp.is-current .dj-exp__dot{background:var(--brand);box-shadow:0 0 0 5px var(--brand-tint)}.dj-exp__role{margin:0}.dj-exp__meta{margin:2px 0 var(--space-3);color:var(--ink-muted)}.dj-exp__org{color:var(--brand-ink)}.dj-exp__summary{margin:0 0 var(--space-2);max-width:70ch}.dj-exp:has(.dj-exp__details[open]) .dj-exp__summary{display:none}.dj-exp__details{max-width:70ch}.dj-exp__toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px;border-radius:var(--radius-pill);color:var(--brand-ink);cursor:pointer;list-style:none;user-select:none}.dj-exp__toggle::-webkit-details-marker{display:none}.dj-exp__toggle:hover{background:var(--brand-tint)}.dj-exp__toggle .dj-icon{transition:rotate var(--dj-dur-2) var(--dj-ease)}.dj-exp__details[open] .dj-exp__toggle .dj-icon{rotate:180deg}.dj-exp__less,.dj-exp__details[open] .dj-exp__more{display:none}.dj-exp__details[open] .dj-exp__less{display:inline}.dj-exp__list{margin:var(--space-2) 0 0;padding:0;list-style:none}.dj-exp__list li{position:relative;padding-left:22px;margin-bottom:var(--space-2)}.dj-exp__list li:before{content:"";position:absolute;left:0;top:.72em;width:12px;height:2px;border-radius:2px;background:var(--brand)}.dj-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.dj-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.dj-tile{display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-decoration:none;transition:translate var(--dj-dur-2) var(--dj-ease),border-color var(--dj-dur-2) var(--dj-ease),box-shadow var(--dj-dur-2) var(--dj-ease)}.dj-tile:hover,.dj-tile:focus-within,a.dj-tile:focus-visible{translate:0 -4px;border-color:var(--sketch);box-shadow:var(--shadow-sketch)}.dj-tile__media{position:relative;aspect-ratio:16 / 10;background:var(--brand-tint);overflow:hidden}.dj-tile--site .dj-tile__media{padding-top:22px;background:var(--surface-sunken)}.dj-tile__chrome{position:absolute;inset:0 0 auto;height:22px;display:flex;align-items:center;gap:5px;padding-left:10px;border-bottom:1.5px solid var(--line)}.dj-tile__chrome i{width:7px;height:7px;border-radius:50%;background:var(--line)}.dj-tile__img,.dj-tile__art{display:block;width:100%;height:100%;object-fit:cover;transition:scale var(--dj-dur-3) var(--dj-ease)}.dj-tile:hover .dj-tile__img,.dj-tile:hover .dj-tile__art{scale:1.04}.dj-tile__play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--sketch);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sketch-sm)}.dj-tile__play .dj-icon{fill:currentColor;translate:2px 0}.dj-tile__body{padding:var(--space-4);display:grid;gap:var(--space-1)}.dj-tile__kind{display:inline-flex;align-items:center;gap:6px;color:var(--brand-ink);text-transform:uppercase}.dj-tile__title{margin:0}.dj-tile__meta{margin:0;color:var(--ink-muted)}.dj-resume-wrap{display:grid;gap:var(--space-5)}.dj-resume-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dj-paper{width:100%;max-width:8.5in;margin-inline:auto;padding:clamp(20px,6cqw,.75in);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.dj-contact{display:grid;gap:var(--space-5);justify-items:start}.dj-contact p{margin:0;max-width:56ch;color:var(--ink-muted)}.dj-contact__who{display:flex;align-items:center;gap:var(--space-4)}.dj-contact .dj-contact__id{display:grid;gap:2px;color:var(--ink)}.dj-contact__id .type-caption{color:var(--ink-muted)}.dj-contact__mail{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--brand-ink);text-decoration:none;overflow-wrap:anywhere;font-size:clamp(20px,6cqw,32px);border-bottom:3px solid var(--accent)}.dj-contact__row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dj-resume{font-family:var(--font-resume);color:var(--ink);font-size:13.5px;line-height:1.38}.dj-resume a{color:inherit;text-decoration:none}.dj-resume__head{text-align:left}.dj-resume__name{margin:0;font-size:29px;line-height:1.1;font-weight:700;letter-spacing:-.01em}.dj-resume__headline{margin:4px 0 2px;font-size:15px;font-weight:700;color:var(--brand-ink)}.dj-resume__contact{margin:0;font-size:13px;color:var(--ink-muted)}.dj-resume__h{margin:16px 0 6px;padding-bottom:3px;border-bottom:2px solid var(--brand);font-size:14.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dj-resume p{margin:0}.dj-resume__list{margin:3px 0 0;padding-left:18px}.dj-resume__list li{margin:2px 0;padding-left:2px}.dj-resume__list--wins li::marker{color:var(--brand-ink)}.dj-resume__skills{margin:0}.dj-resume__skill{margin:2px 0}.dj-resume__skill dt{display:inline;font-weight:700}.dj-resume__skill dd{display:inline;margin:0 0 0 4px}.dj-resume__job{margin-top:10px}.dj-resume__job:first-of-type{margin-top:0}.dj-resume__role{margin:0;font-size:13.5px;font-weight:400}.dj-resume__title{font-weight:700}.dj-resume__edu{margin:0}@container dj (max-height: 720px){.dj-home__role,.dj-home__hint{display:none}}@container dj (max-width: 599px){:is(.dj-stage,.dj-site) .type-h1{font-size:32px}:is(.dj-stage,.dj-site) .type-h2{font-size:26px}:is(.dj-stage,.dj-site) .type-body-lg{font-size:18px}.dj-pager__dots{display:none}}@container dj (min-width: 600px){.dj-panel{padding:var(--space-6) var(--space-6) var(--space-7)}.dj-about{grid-template-columns:minmax(220px,5fr) 7fr;align-items:start}.dj-about__photo{margin:0}}@container dj (min-width: 600px) and (min-height: 640px){.dj-bubbles__center .dj-logo__orbit{display:block}}@container dj (min-width: 960px){.dj-topbar{padding:var(--space-3) var(--space-6)}.dj-topbar--home{padding:var(--space-5) var(--space-6)}.dj-bubbles{--R: clamp(110px, min(33cqw, 34cqh), 320px)}.dj-bubble__hint{display:block}.dj-home__intro{left:var(--space-6);right:auto;bottom:var(--space-6);max-width:320px;text-align:left;justify-items:start}.dj-about{grid-template-columns:minmax(260px,4fr) 8fr;gap:var(--space-8)}.dj-about__photo{width:100%}.dj-timeline{columns:2 420px;column-gap:var(--space-8);padding-left:0}.dj-timeline:before{display:none}.dj-exp{padding-left:32px}.dj-exp__dot{left:0}}@container dj (max-width: 420px) and (max-aspect-ratio: 10/23){.dj-bubbles{--B: 84px;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-2);justify-items:center;align-items:center;padding:0 var(--space-3)}.dj-bubbles__ring,.dj-bubbles__halo{display:none}.dj-bubbles__list{display:contents}.dj-bubbles__item{position:static;transform:none}.dj-bubbles__item:nth-child(1){grid-area:1 / 1;justify-self:end}.dj-bubbles__item:nth-child(2){grid-area:1 / 2;justify-self:start;translate:0 18px}.dj-bubbles__item:nth-child(3){grid-area:2 / 1 / 3 / 3}.dj-bubbles__center{grid-area:3 / 1 / 4 / 3;padding:var(--space-3) 0}.dj-bubbles__item:nth-child(4){grid-area:4 / 1 / 5 / 3}.dj-bubbles__item:nth-child(5){grid-area:5 / 1;justify-self:end;translate:0 -18px}.dj-bubbles__item:nth-child(6){grid-area:5 / 2;justify-self:start}.dj-bubbles__item:nth-child(7){grid-area:6 / 1 / 7 / 3;translate:0 -18px}.dj-bubbles__center .dj-logo--xl{--dj-logo-size: 132px}.dj-home__intro{bottom:var(--space-4)}.dj-home__cta{display:none}.dj-fw{--w: 150px;--tw: 92px}.dj-panel{padding-inline:var(--space-3)}:is(.dj-stage,.dj-site) .type-h1{font-size:28px}}@container dj (min-width: 600px) and (max-width: 1100px) and (min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4){.dj-panel{background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}.dj-section{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-7);align-content:start}.dj-section__head{grid-column:1}.dj-section__body{grid-column:1 / -1}.dj-about{grid-template-columns:1fr 1fr;gap:var(--space-7)}.dj-timeline{columns:2;column-gap:var(--space-7);padding-left:0}.dj-timeline:before{display:none}.dj-exp{padding-left:30px}.dj-exp__dot{left:0}.dj-skills,.dj-grid{grid-template-columns:1fr 1fr;column-gap:var(--space-7)}.dj-bubbles__center .dj-logo__orbit{display:block}}.dj-stage[data-dj-device=dual-h]{display:grid;grid-template-columns:var(--dj-seg-w, calc(50% - var(--dj-hinge, 0px) / 2)) var(--dj-hinge, 0px) 1fr;grid-template-rows:auto 1fr}.dj-stage[data-dj-device=dual-h] .dj-home{grid-column:1 / -1;grid-row:1 / -1;display:grid;grid-template-columns:subgrid;place-items:center}.dj-stage[data-dj-device=dual-h] .dj-bubbles{grid-column:1;--R: clamp(104px, 16cqw, 180px);--B: clamp(72px, 10cqw, 118px)}.dj-stage[data-dj-device=dual-h] .dj-bubbles__center .dj-logo--xl{--dj-logo-size: calc(var(--R) * .8)}.dj-stage[data-dj-device=dual-h] .dj-bubbles__center .dj-logo__orbit{display:none}.dj-stage[data-dj-device=dual-h] .dj-home__intro{position:static;grid-column:3;max-width:380px;text-align:left;justify-items:start;padding:var(--space-6)}.dj-stage[data-dj-device=dual-h] .dj-home__name{font-size:64px;line-height:1.05}.dj-stage[data-dj-device=dual-h] .dj-home__role,.dj-stage[data-dj-device=dual-h] .dj-home__hint{display:block}.dj-stage[data-dj-device=dual-h].is-section .dj-topbar{position:static;grid-column:1;grid-row:1 / -1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:var(--space-5);padding:var(--space-6);border-bottom:0;border-right:2px solid var(--line);box-shadow:none}.dj-stage[data-dj-device=dual-h].is-section .dj-burger{display:none}.dj-stage[data-dj-device=dual-h].is-section .dj-topbar__nav{position:static;visibility:visible;clip-path:none;background:none;border:0;box-shadow:none;order:0;flex:none;margin:0;padding:0;overflow:visible}.dj-stage[data-dj-device=dual-h].is-section .dj-topbar__nav ul{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.dj-stage[data-dj-device=dual-h].is-section .dj-pill{font-size:22px;padding:10px 18px}.dj-stage[data-dj-device=dual-h].is-section .dj-topbar__menu-controls{display:none}.dj-stage[data-dj-device=dual-h].is-section .dj-topbar>.dj-topbar__controls{display:flex;position:absolute;top:var(--space-3);right:var(--space-4);z-index:6}.dj-stage[data-dj-device=dual-h].is-section .dj-panel{grid-column:3;grid-row:1 / -1;padding-top:var(--space-8)}.dj-stage[data-dj-device=dual-v]{display:grid;grid-template-rows:var(--dj-seg-h, calc(50% - var(--dj-hinge, 0px) / 2)) var(--dj-hinge, 0px) 1fr;grid-template-columns:100%}.dj-stage[data-dj-device=dual-v] .dj-home{grid-row:1 / -1;grid-column:1;display:grid;grid-template-rows:subgrid;place-items:center}.dj-stage[data-dj-device=dual-v] .dj-bubbles{grid-row:1;--R: clamp(90px, 15cqh, 170px);--B: clamp(64px, 9cqh, 110px)}.dj-stage[data-dj-device=dual-v] .dj-bubbles__center .dj-logo--xl{--dj-logo-size: calc(var(--R) * .8)}.dj-stage[data-dj-device=dual-v] .dj-home__intro{position:static;grid-row:3}.dj-stage[data-dj-device=dual-v].is-section .dj-panel{grid-row:1}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar{position:static;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:start;gap:var(--space-4) var(--space-5);padding:var(--space-5);border-bottom:0;border-top:1px solid var(--line)}.dj-stage[data-dj-device=dual-v].is-section .dj-burger,.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__menu-controls{display:none}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__home{grid-column:1;grid-row:1}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__nav{grid-column:1;grid-row:2;position:static;visibility:visible;clip-path:none;background:none;border:0;box-shadow:none;padding:0;transition:none}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__nav ul{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__nav .dj-pill{display:inline-flex;font-size:20px}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar>.dj-topbar__controls{display:flex;grid-column:2;grid-row:1;margin:0}.dj-stage[data-dj-device=dual-v].is-section .dj-topbar__legal{display:block;grid-column:2;grid-row:2;text-align:right}.dj-stage[data-dj-device=dual-v] .dj-pager{display:none}.dj-logo,.dj-bubble,.dj-pill{view-transition-name:var(--vtn, none)}.dj-btn--icon{width:44px;height:44px;padding:0}.dj-btn--icon.dj-btn--sm{width:36px;height:36px}.dj-grid[data-filter=site]>:not(.dj-tile--site),.dj-grid[data-filter=photo]>:not(.dj-tile--photo),.dj-grid[data-filter=video]>:not(.dj-tile--video){display:none}@container dj (min-width: 1040px){.dj-burger{display:none}.dj-topbar__nav{position:static;flex:1 1 auto;min-width:0;padding:0;background:none;border:0;box-shadow:none;visibility:visible;clip-path:none;transition:none;display:flex;justify-content:center}.dj-topbar__nav ul{flex-direction:row;flex-wrap:nowrap;justify-content:center}.dj-topbar__nav .dj-pill{display:inline-flex;min-height:0;font-size:16px;padding:6px 14px}.dj-topbar__menu-controls{display:none}.dj-topbar:not(.dj-topbar--home)>.dj-topbar__controls{display:flex;margin-left:0}}@container dj (min-width: 1040px) and (max-width: 1239px){.dj-topbar__id{display:none}}.dj-site{container:dj / size;position:relative;width:100%;height:var(--dj-site-h, 100dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;color:var(--ink);font-family:var(--font-hand);background-color:var(--bg);background-image:radial-gradient(var(--line) 1.2px,transparent 1.5px);background-size:24px 24px;--dj-bar-h: 68px}.dj-site__bar{position:sticky;top:0;z-index:10;margin-bottom:calc(var(--dj-bar-h) * -1);min-height:var(--dj-bar-h);translate:0 -110%;visibility:hidden;transition:translate var(--dj-dur-3) var(--dj-ease),visibility 0s linear var(--dj-dur-3)}.dj-site[data-bar=on] .dj-site__bar{translate:0 0;visibility:visible;transition:translate var(--dj-dur-3) var(--dj-ease)}.dj-site[data-bar=on] .dj-hero :is(.dj-bubble,.dj-logo),.dj-site[data-bar=off] .dj-site__bar :is(.dj-pill,.dj-logo){view-transition-name:none}.dj-hero{container:dj / size;position:relative;height:100cqh;min-height:520px;scroll-snap-align:start;display:flex;flex-direction:column}.dj-hero .dj-home__intro{bottom:var(--space-4)}.dj-cue{display:inline-grid;place-items:center;width:44px;height:44px;margin-top:var(--space-2);border-radius:50%;color:var(--brand-ink);text-decoration:none;animation:dj-cue 2.4s ease-in-out infinite}.dj-cue:hover{background:var(--brand-tint)}@keyframes dj-cue{0%,to{translate:0 0}50%{translate:0 6px}}.dj-snap{min-height:100cqh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--dj-bar-h) + var(--space-6));padding-bottom:var(--space-8);padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px))}.dj-snap>.dj-section{width:100%;max-width:1180px;margin-inline:auto;flex:none}.dj-snap:nth-of-type(2n){background:color-mix(in oklab,var(--surface) 55%,transparent)}.dj-snap--resume .dj-paper{max-height:none}@container dj (max-width: 599px){.dj-site{scroll-snap-type:y proximity}.dj-snap{justify-content:flex-start}}@container dj (min-width: 600px){.dj-snap{padding-left:max(var(--space-6),env(safe-area-inset-left,0px));padding-right:max(var(--space-6),env(safe-area-inset-right,0px))}}@container dj (min-width: 600px) and (max-width: 1100px) and (min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4){.dj-snap{background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}}.dj-site[data-dj-device=dual-h] .dj-home{display:grid;grid-template-columns:var(--dj-seg-w, calc(50% - var(--dj-hinge, 0px) / 2)) var(--dj-hinge, 0px) 1fr;place-items:center}.dj-site[data-dj-device=dual-h] .dj-bubbles{grid-column:1;--R: clamp(104px, 16cqw, 180px);--B: clamp(72px, 10cqw, 118px)}.dj-site[data-dj-device=dual-h] .dj-bubbles__center .dj-logo--xl{--dj-logo-size: calc(var(--R) * .8)}.dj-site[data-dj-device=dual-h] .dj-home__intro{position:static;grid-column:3;text-align:left;justify-items:start;padding:var(--space-6)}.dj-site[data-dj-device=dual-h] .dj-home__name{font-size:64px;line-height:1.05}.dj-site[data-dj-device=dual-h] .dj-snap{padding-left:0;padding-right:0}.dj-site[data-dj-device=dual-h] .dj-snap>.dj-section{max-width:none;display:grid;grid-template-columns:var(--dj-seg-w, calc(50% - var(--dj-hinge, 0px) / 2)) var(--dj-hinge, 0px) 1fr;align-items:start}.dj-site[data-dj-device=dual-h] .dj-section__head{grid-column:1;position:sticky;top:calc(var(--dj-bar-h) + var(--space-5));padding:0 var(--space-6)}.dj-site[data-dj-device=dual-h] .dj-section__body{grid-column:3;padding:0 var(--space-6);min-width:0}.dj-site[data-dj-device=dual-h] .dj-about,.dj-site[data-dj-device=dual-h] .dj-skills,.dj-site[data-dj-device=dual-h] .dj-grid{grid-template-columns:1fr}.dj-site[data-dj-device=dual-h] .dj-timeline{columns:auto}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-burger{display:block}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-topbar__id{display:grid}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-topbar__menu-controls{display:flex}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-burger{margin-left:auto}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-topbar__nav{position:absolute;top:100%;left:0;right:auto;width:var(--dj-seg-w, 50%);padding:var(--space-3) var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);visibility:hidden;clip-path:inset(0 0 100% 0)}.dj-site[data-dj-device=dual-h] .dj-site__bar[data-open=true] .dj-topbar__nav{visibility:visible;clip-path:inset(0 -48px -48px 0)}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-topbar__nav ul{flex-direction:column}.dj-site[data-dj-device=dual-h] .dj-site__bar .dj-topbar__nav .dj-pill{display:flex;font-size:20px;min-height:44px}.dj-site[data-dj-device=dual-h] .dj-site__bar>.dj-topbar__controls{display:none}.dj-site[data-dj-device=dual-v] .dj-home{display:grid;grid-template-rows:var(--dj-seg-h, calc(50% - var(--dj-hinge, 0px) / 2)) var(--dj-hinge, 0px) 1fr;place-items:center}.dj-site[data-dj-device=dual-v] .dj-bubbles{grid-row:1;--R: clamp(90px, 15cqh, 170px);--B: clamp(64px, 9cqh, 110px)}.dj-site[data-dj-device=dual-v] .dj-bubbles__center .dj-logo--xl{--dj-logo-size: calc(var(--R) * .8)}.dj-site[data-dj-device=dual-v] .dj-home__intro{position:static;grid-row:3}::view-transition-group(*){animation-duration:var(--dj-dur-3);animation-timing-function:var(--dj-ease)}::view-transition-old(dj-panel){animation:.36s var(--dj-ease) both dj-out-l}::view-transition-new(dj-panel){animation:.52s var(--dj-ease) both dj-in-r}:root[data-dj-dir=back]::view-transition-old(dj-panel){animation-name:dj-out-r}:root[data-dj-dir=back]::view-transition-new(dj-panel){animation-name:dj-in-l}:root[data-dj-dir=theme] *,:root[data-dj-dir=swap] *{view-transition-name:none!important}:root[data-dj-dir=theme]::view-transition-old(root){animation:none}:root[data-dj-dir=theme]::view-transition-new(root){animation:.7s var(--dj-ease) both dj-reveal}.dj-no-vt .dj-panel{animation:.48s var(--dj-ease) both dj-in-r}:root.dj-no-vt[data-dj-dir=back] .dj-panel{animation-name:dj-in-l}@keyframes dj-out-l{to{opacity:0;transform:translate(-6%) scale(.97);filter:blur(4px)}}@keyframes dj-out-r{to{opacity:0;transform:translate(6%) scale(.97);filter:blur(4px)}}@keyframes dj-in-r{0%{opacity:0;transform:translate(8%) scale(.97);filter:blur(4px)}}@keyframes dj-in-l{0%{opacity:0;transform:translate(-8%) scale(.97);filter:blur(4px)}}@keyframes dj-reveal{0%{clip-path:circle(0 at calc(100% - 40px) 32px)}to{clip-path:circle(150% at calc(100% - 40px) 32px)}}.dj-recs{position:relative;max-width:820px;padding:var(--space-6) var(--space-5) var(--space-5);border:2px solid var(--sketch);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sketch)}.dj-recs--empty{padding:var(--space-5);border-style:dashed;border-color:var(--line);box-shadow:none;color:var(--ink-muted)}.dj-recs__mark{position:absolute;top:calc(var(--space-5) * -1);left:var(--space-5);width:48px;height:48px;padding:4px;border-radius:50%;background:var(--brand);color:var(--on-brand);stroke-width:1.5}.dj-recs__deck{display:grid}.dj-rec{grid-area:1 / 1;margin:0;opacity:0;visibility:hidden;translate:0 8px;transition:opacity var(--dj-dur-3) var(--dj-ease),translate var(--dj-dur-3) var(--dj-ease),visibility 0s linear var(--dj-dur-3)}.dj-rec.is-active{opacity:1;visibility:visible;translate:0 0;transition:opacity var(--dj-dur-3) var(--dj-ease),translate var(--dj-dur-3) var(--dj-ease)}.dj-rec__quote{margin:0}.dj-rec__quote p{margin:0;color:var(--ink)}.dj-recs__foot{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.dj-recs__bar{flex:1;height:2px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.dj-recs__fill{display:block;height:100%;background:var(--brand);transform-origin:left center;animation:dj-recs-fill var(--dj-dwell, 30s) linear forwards}.dj-recs:hover .dj-recs__fill,.dj-recs:focus-within .dj-recs__fill,.dj-recs.is-paused .dj-recs__fill{animation-play-state:paused}@keyframes dj-recs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dj-recs__controls{display:flex;align-items:center;gap:var(--space-2)}.dj-recs__count{min-width:3.5em;text-align:center;color:var(--ink-muted);font-variant-numeric:tabular-nums}.dj-recs__btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--sketch);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background var(--dj-dur-1) var(--dj-ease),color var(--dj-dur-1) var(--dj-ease)}.dj-recs__btn:hover{background:var(--brand);color:var(--on-brand)}.dj-recs__btn:active{box-shadow:var(--shadow-sketch-sm)}.dj-recs__i-play,.dj-recs__pause.is-paused .dj-recs__i-pause{display:none}.dj-recs__pause.is-paused .dj-recs__i-play{display:block}@container dj (max-width: 599px){.dj-recs{padding:var(--space-6) var(--space-4) var(--space-4)}.dj-recs__foot{flex-direction:column-reverse;align-items:stretch}.dj-recs__bar{flex:none}.dj-recs__controls{justify-content:center}}@media (prefers-reduced-motion: reduce){.dj-recs__fill{animation:none!important;transform:scaleX(0)}.dj-recs__bar,.dj-recs__pause{display:none}.dj-bubble,.dj-bubbles__ring,.dj-logo__orbit,.dj-logo__waves i,.dj-panel,.dj-cue{animation:none!important}.dj-site{scroll-behavior:auto}[class^=dj-],[class*=" dj-"]{transition-duration:1ms!important}}@media print{@page{size:8.5in 11in;margin:.6in .65in}:root,[data-theme]{color-scheme:light!important}html,body{background:#fff!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}body *:has(.dj-print-target):before,body *:has(.dj-print-target):after{display:none!important}body *:not(:has(.dj-print-target)):not(.dj-print-target):not(.dj-print-target *){display:none!important}body *:has(.dj-print-target){display:block!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;animation:none!important;container-type:normal!important}.dj-print-target{display:block!important;color:#000;font-family:var(--font-resume);font-size:10pt;line-height:1.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dj-print-target .dj-resume__name{font-size:22pt;color:#000}.dj-print-target .dj-resume__headline{font-size:11pt;color:#000;margin:3pt 0 2pt}.dj-print-target .dj-resume__contact{font-size:9.5pt;color:#222}.dj-print-target .dj-resume__h{font-size:10.5pt;color:#000;margin:11pt 0 4pt;border-bottom:1.5pt solid var(--brand);break-after:avoid}.dj-print-target .dj-resume__role{font-size:10pt;break-after:avoid}.dj-print-target .dj-resume__list{margin-top:2pt;padding-left:14pt}.dj-print-target .dj-resume__list li{margin:1.5pt 0;break-inside:avoid}.dj-print-target .dj-resume__list--wins li::marker{color:#000}.dj-print-target .dj-resume__job{margin-top:7pt}.dj-print-target a{color:#000;text-decoration:none}}@property --dj-dr{syntax: "<number>"; inherits: true; initial-value: 0;}@property --dj-dt{syntax: "<number>"; inherits: true; initial-value: 0;}.dj-bubble{--dj-near: calc(1 - var(--dj-dr) / 30);translate:calc((var(--cx) * var(--dj-dr) - var(--cy) * var(--dj-dt)) * 1px) calc((var(--cy) * var(--dj-dr) + var(--cx) * var(--dj-dt)) * 1px);background:radial-gradient(circle at var(--hx) var(--hy),rgb(255 255 255 / calc(.55 * var(--dj-near))) 0,rgb(255 255 255 / 0) calc(34% * var(--dj-near))),radial-gradient(circle at 50% 50%,color-mix(in oklab,color-mix(in oklab,var(--brand-tint) 50%,var(--surface)) 55%,transparent) 46%,color-mix(in oklab,var(--brand) 40%,transparent));box-shadow:calc(var(--cx) * (16px + var(--dj-dr) * 1px)) calc(var(--cy) * (16px + var(--dj-dr) * 1px)) calc(28px + var(--dj-dr) * 1.5px) -8px var(--shade),inset calc(var(--cx) * -5px) calc(var(--cy) * -5px) 12px -5px rgb(255 255 255 / calc(.6 * var(--dj-near))),inset calc(var(--cx) * 9px) calc(var(--cy) * 9px) 18px -9px color-mix(in oklab,var(--brand) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:dj-drift 9s ease-in-out infinite;animation-delay:calc(var(--i) * -1.8s)}.dj-bubble:before{scale:var(--dj-near);opacity:clamp(.35,var(--dj-near),1)}@keyframes dj-drift{0%,to{--dj-dr: 0;--dj-dt: 0}25%{--dj-dr: 8;--dj-dt: -5}50%{--dj-dr: -3;--dj-dt: 6}75%{--dj-dr: -8;--dj-dt: -3}}.dj-bubble:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.dj-bubble__hint{color:var(--ink)}.dj-bubble__label,.dj-bubble__hint{text-shadow:0 0 4px var(--bg),0 0 8px var(--bg)}@container dj (max-width: 420px) and (max-aspect-ratio: 10/23){.dj-bubbles__item:nth-child(n){justify-self:center;translate:none}.dj-bubbles__item:nth-child(1){grid-area:1 / 2}.dj-bubbles__center{grid-area:2 / 1 / 3 / 3}.dj-bubbles__item:nth-child(2){grid-area:3 / 2}.dj-bubbles__item:nth-child(3){grid-area:3 / 1}.dj-bubbles__item:nth-child(4){grid-area:1 / 1}.dj-bubbles:has(.dj-bubbles__item:nth-child(5)){.dj-bubbles__item:nth-child(1){grid-area:1 / 1 / 2 / 3}.dj-bubbles__item:nth-child(2){grid-area:2 / 2}.dj-bubbles__center{grid-area:3 / 1 / 4 / 3}.dj-bubbles__item:nth-child(3){grid-area:4 / 2}.dj-bubbles__item:nth-child(4){grid-area:4 / 1}.dj-bubbles__item:nth-child(5){grid-area:2 / 1}}}.dj-home__hint{position:absolute;z-index:6;top:var(--space-3);left:var(--space-4);max-width:calc(100% - 180px);min-height:44px;display:flex;align-items:center;margin:0;line-height:1.3;color:var(--accent-ink);animation:dj-nudge 1.4s var(--dj-ease) .8s 2 both}.dj-home__hint-touch{display:none}@media (hover: none) and (pointer: coarse){.dj-home__hint-keys{display:none}.dj-home__hint-touch{display:inline}}@container dj (max-height: 720px){.dj-home .dj-home__hint{display:flex}}@container dj (min-width: 960px){.dj-home__hint{top:var(--space-5);left:var(--space-6)}}@keyframes dj-nudge{0%,to{translate:0 0}30%{translate:-6px 0}60%{translate:4px 0}}.dj-stage .dj-home .dj-home__name{white-space:nowrap;font-size:min(32px,calc((100cqw - 2 * var(--space-4)) / 8.4))}@container dj (max-width: 599px){.dj-stage .dj-home .dj-home__name{font-size:min(26px,calc((100cqw - 2 * var(--space-4)) / 8.4))}}.dj-stage[data-dj-device=dual-h] .dj-home .dj-home__name{font-size:min(64px,calc((50cqw - var(--dj-hinge, 0px) / 2 - 2 * var(--space-6)) / 8.4))}.dj-fw{--w: 84px;--tw: 38px;height:44px}.dj-fw__thumb{top:3px;left:3px;height:34px;gap:0}.dj-fw--react .dj-fw__thumb{transform:translate(calc(var(--w) - var(--tw) - 10px))}.dj-fw__ghost{top:3px;width:var(--tw);height:34px;display:grid;place-items:center;translate:none;border-radius:var(--radius-pill);transition:opacity var(--dj-dur-2) var(--dj-ease),background-color var(--dj-dur-1) var(--dj-ease),color var(--dj-dur-1) var(--dj-ease)}.dj-fw__ghost--l{left:3px}.dj-fw__ghost--r{right:3px}.dj-fw:hover .dj-fw__thumb{box-shadow:var(--shadow-sketch-sm)}.dj-fw .dj-fw__thumb:hover{box-shadow:var(--shadow-sketch)}.dj-fw__ghost:hover,.dj-fw:focus-visible .dj-fw__ghost{background:var(--brand-tint);color:var(--brand-ink)}.dj-theme{width:44px;height:44px}.dj-about__contact{display:grid;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:2px dashed var(--line)}.dj-about__copy .dj-about__contact p{margin:0}.dj-mail-text:before{content:attr(data-u) "@" attr(data-d)}.dj-recs__deck{column-gap:var(--space-5)}.dj-recs__pg--2,.dj-recs__pg--3{display:none}.dj-rec:not(.is-active){display:none}@starting-style{.dj-rec.is-active{opacity:0;translate:0 8px}}.dj-rec__quote p+p{margin-top:.6em}@container dj (min-width: 900px){.dj-stage:not([data-dj-device^=dual]){.dj-recs{max-width:none;padding:var(--space-5) 0 0;border:0;border-radius:0;background:none;box-shadow:none}.dj-recs__deck{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dj-rec{position:relative;padding:var(--space-6) var(--space-5) var(--space-5);border:2px solid var(--sketch);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sketch)}.dj-rec__quote p{font-size:17px}.dj-rec.is-next-1{display:block;grid-area:1 / 2;opacity:1;visibility:visible;translate:0 0;transition:opacity var(--dj-dur-3) var(--dj-ease),translate var(--dj-dur-3) var(--dj-ease)}.dj-recs__mark{display:none}.dj-rec:before{content:"“";position:absolute;top:-20px;left:var(--space-5);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:var(--on-brand);font:40px/1.4 var(--font-resume)}.dj-recs__fill{animation:none}.dj-recs__bar,.dj-recs__pause{display:none}.dj-recs__foot{justify-content:center}.dj-recs__count{min-width:6em}.dj-recs__pg--1{display:none}.dj-recs__pg--2{display:inline}}}@container dj (min-width: 1240px) and (min-height: 760px){.dj-stage:not([data-dj-device^=dual]){.dj-recs__deck{grid-template-columns:repeat(3,minmax(0,1fr))}.dj-recs__pg--2{display:none}.dj-recs__pg--3{display:inline}.dj-rec.is-next-2{display:block;grid-area:1 / 3;opacity:1;visibility:visible;translate:0 0;transition:opacity var(--dj-dur-3) var(--dj-ease),translate var(--dj-dur-3) var(--dj-ease)}}}@media (prefers-reduced-motion: reduce){.dj-home__hint{animation:none}}@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/architects-daughter-latin-400-C5q-vCo3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{height:100%}#app{height:100dvh}