@charset "UTF-8";:root{--color-paper: #f3ede1;--color-paper-2: #ece4d4;--color-ink: #16120c;--color-ink-soft: #4a443a;--color-spot: #e8431f;--color-spot-deep: #c3360f;--color-rule: rgba(22, 18, 12, .18);--color-rule-strong: rgba(22, 18, 12, .4);--color-ink-bg: #14110c;--color-paper-on-ink: #ece4d4;--color-rule-on-ink: rgba(236, 228, 212, .2);--color-success: #1f7a1f;--color-error: #b3261e;--bg: var(--color-paper);--fg: var(--color-ink);--rule: var(--color-rule);--muted: var(--color-ink-soft);--font-display: Gloock, "Times New Roman", serif;--font-body: Comfortaa, "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--space-4xl: 8rem;--radius-sm: 0px;--radius-md: 0px;--radius-pill: 0px;--measure: 62ch;--max-content: 1100px;--max-wide: 1400px;--page-gutter: clamp(1.25rem, 5vw, 5rem);--page-padding-top: 8rem;--motion-fast: .25s;--motion-base: .5s;--motion-slow: .9s;--ease-editorial: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0!important;font-family:var(--font-body);touch-action:manipulation;background-color:var(--bg);color:var(--fg)}#root{min-height:100vh}.app-home,.app-bio,.app-projects,.app-project-detail,.app-contact{--bg: var(--color-paper);--fg: var(--color-ink);--rule: var(--color-rule);--muted: var(--color-ink-soft);min-height:100vh;position:relative;background-color:var(--bg);color:var(--fg)}.app-creative{--bg: var(--color-ink-bg);--fg: var(--color-paper-on-ink);--rule: var(--color-rule-on-ink);--muted: rgba(236, 228, 212, .55);min-height:100vh;position:relative;background-color:var(--bg);color:var(--fg)}::selection{background:var(--color-spot);color:var(--color-paper)}.app-home #container{text-align:center}.cursor-pointer{cursor:pointer}.display-inline-flex{display:inline-flex}.edit-link{position:relative;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;color:var(--fg);padding-bottom:2px}.edit-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--color-spot);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-base) var(--ease-editorial)}.edit-link:hover:after,.edit-link:focus-visible:after{transform:scaleX(1)}.rule{border:none;border-top:1px solid var(--rule);margin:var(--space-2xl) 0}.edit-block{border-top:2px solid var(--fg);padding-top:var(--space-lg)}.btn-submit{margin-top:var(--space-xl);padding:14px 32px;border-radius:0;border:1.5px solid var(--fg);color:var(--fg);background:transparent;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.btn-submit:not(:disabled):hover{background:var(--color-spot);border-color:var(--color-spot);color:var(--color-paper)}.btn-submit:disabled{opacity:.4;cursor:not-allowed}.mt8{margin-top:8px!important}.mt16{margin-top:16px!important}.mt32{margin-top:32px!important}.mt64{margin-top:64px!important}.mt100{margin-top:100px!important}.mt150{margin-top:150px!important}.mt200{margin-top:200px!important}.mt232{margin-top:232px!important}.mt250{margin-top:250px!important}.mt-8{margin-top:-8px!important}.mt-16{margin-top:-16px!important}.mt-32{margin-top:-32px!important}.mt-64{margin-top:-64px!important}.mt-100{margin-top:-100px!important}.mb8{margin-bottom:8px!important}.mb10{margin-bottom:10px!important}.mb16{margin-bottom:16px!important}.mb32{margin-bottom:32px!important}.mb64{margin-bottom:64px!important}.mb100{margin-bottom:100px!important}.mb150{margin-bottom:150px!important}.mb200{margin-bottom:200px!important}.mb232{margin-bottom:232px!important}.mb250{margin-bottom:250px!important}.mr32{margin-right:32px!important}@media only screen and (min-width: 800px){.mt64-lg-up{margin-top:64px!important}}@media only screen and (max-width: 400px){.mt50-xs-down{margin-top:50px!important}}@media only screen and (max-width: 600px){.mt150-sm-down{margin-top:150px!important}}@media only screen and (max-width: 600px){.mt200-sm-down{margin-top:200px!important}}@media only screen and (max-width: 600px){.mt400-sm-down{margin-top:400px!important}}body{font-family:var(--font-body);font-weight:400;color:var(--fg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0!important;font-weight:400;line-height:.95;letter-spacing:-.02em}h1{font-size:clamp(2.75rem,9vw,7rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--fg)}a{font-family:var(--font-body);color:var(--fg);text-decoration:none}.mono{font-family:var(--font-mono);letter-spacing:.02em}.mono-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.measure{max-width:var(--measure)}.material-icons{font-family:Material Icons!important}.kinetic{margin:0}.kinetic__line{display:block;overflow:hidden;padding-bottom:.22em}.kinetic__line:not(:last-child){margin-bottom:-.22em}.kinetic__inner{display:block}.marquee{overflow:hidden;width:100%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--space-md) 0}.marquee__track{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;width:max-content;animation-name:marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.marquee__item{display:inline-flex;align-items:center;white-space:nowrap}.marquee__text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.75rem);letter-spacing:-.01em}.marquee__sep{color:var(--color-spot);margin:0 var(--space-xl);font-family:var(--font-mono);font-size:1.5rem}.marquee--static .marquee__track{animation:none;flex-wrap:wrap;width:100%;gap:var(--space-sm)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-home{display:flex;flex-direction:column;min-height:100vh;--wave-x: 0%;--wave-y: 0%}.home-cover{flex:1;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"title title" "meta metrics";align-content:center;gap:var(--space-3xl) var(--space-3xl);padding:var(--page-padding-top) var(--page-gutter) var(--space-2xl)}@media (max-width: 900px){.home-cover{grid-template-columns:1fr;grid-template-areas:"title" "meta" "metrics";padding-top:7rem;gap:var(--space-2xl)}}.home-cover__mark{position:absolute;top:clamp(6rem,13vh,9.5rem);right:var(--page-gutter);height:clamp(96px,13vw,180px);aspect-ratio:500/660;width:auto;z-index:1;pointer-events:none;background-image:url(/images/wavey-effect.png),linear-gradient(145deg,#3d4fd4,#8b3fd9 28%,#e8438f,#ff8c12 82%,#f2d705);background-repeat:no-repeat,no-repeat;background-size:165% auto,100% 100%;background-position:calc(38% + var(--wave-x)) calc(48% + var(--wave-y)),center;-webkit-mask:url(/images/aj-logo-black.png) center/contain no-repeat;mask:url(/images/aj-logo-black.png) center/contain no-repeat;transition:background-position .5s var(--ease-editorial)}@media (max-width: 900px){.home-cover__mark{top:4.5rem;height:72px}}.home-cover__meta{grid-area:meta;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-lg);align-self:start}.home-cover__intro{font-size:1.05rem;line-height:1.6;margin:0}.home-cover__ctas{display:flex;gap:var(--space-xl);margin-top:var(--space-sm)}.home-cover__title{grid-area:title;position:relative;z-index:1}.home-cover__title .kinetic{font-family:var(--font-display);font-size:clamp(3rem,12vw,9.5rem);line-height:.82;letter-spacing:-.04em}.home-cover__title .kinetic__line:last-child .kinetic__inner{color:var(--color-spot);font-style:italic}.home-cover__title--wave .kinetic__line:last-child .kinetic__inner{font-style:italic;color:transparent;-webkit-text-fill-color:transparent;background-image:url(/images/wavey-effect-orange.png),linear-gradient(100deg,var(--color-spot) 0%,#ff5a1f 40%,#ff8c12 72%,#f2b705 100%);background-repeat:no-repeat,no-repeat;background-size:150% auto,100% 100%;background-position:calc(72% + var(--wave-x)) calc(42% + var(--wave-y)),center;-webkit-background-clip:text;background-clip:text;transition:background-position .5s var(--ease-editorial);padding-bottom:.2em}.home-cover__metrics{grid-area:metrics;position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:var(--space-2xl)}.home-metric{display:flex;flex-direction:column;gap:var(--space-xs)}.home-metric__value{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);line-height:1;letter-spacing:-.02em}.home-metric__label{font-size:.65rem}.folio{display:inline-flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.folio__index{color:var(--color-spot)}.folio__label{color:var(--muted)}.app-bio{padding-bottom:var(--space-4xl)}.bio-hero{display:grid;grid-template-columns:1.6fr .8fr;gap:var(--space-2xl);align-items:end;padding:var(--page-padding-top) var(--page-gutter) var(--space-3xl);border-bottom:1px solid var(--rule)}@media (max-width: 900px){.bio-hero{grid-template-columns:1fr;align-items:start}}.bio-hero__folio{margin-bottom:var(--space-xl)}.bio-hero__quote{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);line-height:.98;letter-spacing:-.02em}.bio-hero__quote .kinetic__line:last-child .kinetic__inner{color:var(--color-spot)}.bio-hero__currently{margin-top:var(--space-xl)}.bio-hero__portrait img{width:100%;display:block;filter:grayscale(1) contrast(1.05);transform:rotate(2deg);border:1px solid var(--rule);transition:filter var(--motion-base),transform var(--motion-base) var(--ease-editorial)}.bio-hero__portrait:hover img{filter:grayscale(0);transform:rotate(0)}@media (max-width: 900px){.bio-hero__portrait{max-width:320px;margin-top:var(--space-xl)}}.bio-body{padding:0 var(--page-gutter)}.bio-section{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);gap:var(--space-2xl);padding:var(--space-3xl) 0;border-bottom:1px solid var(--rule)}@media (max-width: 768px){.bio-section{grid-template-columns:1fr;gap:var(--space-lg)}}.bio-section__aside .folio{margin-bottom:var(--space-md)}.bio-section__title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.75rem);position:sticky;top:var(--space-3xl)}.bio-section__copy{max-width:var(--measure)}.bio-section__copy p{font-size:1.05rem;line-height:1.7}.bio-section__copy p+p{margin-top:var(--space-lg)}.bio-section__lede{font-size:1.3rem!important;line-height:1.5!important}.bio-section__lede:first-letter{font-family:var(--font-display);font-size:3.2em;float:left;line-height:.7;padding:.05em .1em 0 0;color:var(--color-spot)}.bio-skills{margin-top:var(--space-3xl)}.bio-skills__head{padding:0 var(--page-gutter) var(--space-lg)}.bio-skills .marquee+.marquee{border-top:none}.page-hero{margin-bottom:var(--space-3xl)}.page-hero--center{text-align:center}.page-hero--center .page-hero__subtitle{margin-left:auto;margin-right:auto}.page-hero__folio{margin-bottom:var(--space-lg)}.page-hero__title{font-family:var(--font-display);font-size:clamp(2.75rem,9vw,6.5rem);line-height:.92;letter-spacing:-.03em;margin:0}.page-hero__subtitle{margin-top:var(--space-lg)}.page-hero__subtitle p{font-size:1.1rem;line-height:1.6;color:var(--fg);margin:0}.ledger-row{position:relative;display:grid;grid-template-columns:3rem minmax(0,1.4fr) minmax(0,1fr) 2rem;align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0;border-top:1px solid var(--rule);color:var(--fg);transition:padding-left var(--motion-base) var(--ease-editorial);overflow:hidden}.ledger-row:last-child{border-bottom:1px solid var(--rule)}.ledger-row__index{font-size:.8rem;color:var(--color-spot)}.ledger-row__title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.5rem);line-height:1;letter-spacing:-.02em;transition:transform var(--motion-base) var(--ease-editorial)}.ledger-row__meta{display:flex;flex-direction:column;gap:2px;font-size:.72rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.ledger-row__year{color:var(--fg)}.ledger-row__wip{color:var(--color-spot)}.ledger-row__peek{position:absolute;right:5rem;top:50%;width:220px;height:140px;transform:translateY(-50%) rotate(-4deg) scale(.9);opacity:0;pointer-events:none;border:1px solid var(--rule);overflow:hidden;transition:opacity var(--motion-base) var(--ease-editorial),transform var(--motion-base) var(--ease-editorial);z-index:2}.ledger-row__peek img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4)}@media (max-width: 768px){.ledger-row__peek{display:none}}.ledger-row__arrow{justify-self:end;font-size:1.5rem;color:var(--muted);transition:transform var(--motion-base) var(--ease-editorial),color var(--motion-base)}.ledger-row:hover{padding-left:var(--space-lg)}.ledger-row:hover .ledger-row__title{transform:translate(8px);color:var(--color-spot)}.ledger-row:hover .ledger-row__peek{opacity:1;transform:translateY(-50%) rotate(-4deg) scale(1)}.ledger-row:hover .ledger-row__arrow{transform:translate(4px,-4px);color:var(--color-spot)}@media (max-width: 768px){.ledger-row{grid-template-columns:2rem 1fr 1.5rem}.ledger-row__meta{grid-column:2}}.projects-index{max-width:var(--max-wide);margin:0 auto;padding:var(--page-padding-top) var(--page-gutter) var(--space-4xl)}.projects-ledger{margin-top:var(--space-2xl)}.projects-ledger .ledger-row{border-bottom:none}.projects-ledger>div:last-child .ledger-row{border-bottom:1px solid var(--rule)}.project-container{position:relative;margin:0 auto;margin-top:var(--space-2xl);min-height:70vh;max-width:60vw;width:100%;padding-bottom:var(--space-3xl)}@media only screen and (max-width: 1000px){.project-container{max-width:100%;margin-top:var(--space-xl)}}.project-hint{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}.project-hint--mobile{display:none}.project-hint--desktop{display:block}@media only screen and (max-width: 992px){.project-hint--mobile{display:block}.project-hint--desktop{display:none}.project-satellite--desktop{display:none!important}}@media only screen and (min-width: 993px){.project-satellite--mobile{display:none!important}}@keyframes projectFadeIn{0%{opacity:0}to{opacity:1}}.project-satellite--desktop{animation:projectFadeIn 1.2s var(--ease-editorial);position:absolute}@media only screen and (max-width: 1000px){.project-satellite--desktop{top:120%}}.project-satellite--pos-1{left:0;top:-50px;transform:rotate(-6deg)}.project-satellite--pos-2{right:0;top:-50px;transform:rotate(6deg)}.project-satellite--pos-3{left:0;bottom:0;transform:rotate(-6deg)}.project-satellite--pos-4{right:0;bottom:0;transform:rotate(6deg)}.project-satellite--pos-5{left:50%;bottom:-60px;transform:translate(-50%)}.inner-satellite{height:200px;width:200px;position:relative;border:1px solid var(--rule)}.inner-satellite img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;filter:grayscale(.3);transition:opacity var(--motion-base),filter var(--motion-base)}.inner-satellite.laptop-image{width:300px}.inner-satellite .satellite-text-overlay{opacity:0;transition:opacity var(--motion-fast) ease-out;padding:var(--space-md);width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;display:flex;align-items:center;background:var(--color-spot)}.inner-satellite .satellite-text-overlay p{color:var(--color-paper);font-size:.72rem;line-height:1.5;margin:0}.inner-satellite:hover img{opacity:0}.inner-satellite:hover .satellite-text-overlay{opacity:1}.project-satellites-container{position:relative;margin-top:var(--space-xl)}@media only screen and (min-width: 993px){.project-satellites-container{display:none}}.project-satellite-sm{position:relative;margin-bottom:var(--space-2xl);border-top:1px solid var(--rule);padding-top:var(--space-lg)}.inner-satellite-sm img{width:100%;object-fit:cover;border:1px solid var(--rule)}.project-satellite-sm__img{flex:0 0 40%;max-width:40%}@media only screen and (max-width: 600px){.project-satellite-sm__img{flex:0 0 100%;max-width:100%}}.inner-satellite-text-sm{font-size:.85rem;line-height:1.6;flex:1}.project-satellite-small{display:flex;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.project-detail{max-width:var(--max-wide);margin:0 auto;padding:var(--page-padding-top) var(--page-gutter) var(--space-4xl)}.project-detail__back{display:inline-block;margin-bottom:var(--space-3xl)}.project-detail__header{border-bottom:2px solid var(--fg);padding-bottom:var(--space-xl);margin-bottom:var(--space-2xl)}.project-detail__folio{margin-bottom:var(--space-lg)}.project-detail__title{font-family:var(--font-display);font-size:clamp(3rem,11vw,8rem);line-height:.9;letter-spacing:-.03em}.project-detail__tagline p{font-size:1.2rem;margin:var(--space-lg) 0 0}.project-detail__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid var(--rule)}@media (max-width: 900px){.project-detail__grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.project-detail__copy p{font-size:1.1rem;line-height:1.7}.project-detail__copy p+p{margin-top:var(--space-lg)}.project-detail__links{display:flex;gap:var(--space-xl);margin-top:var(--space-2xl)}.project-detail__aside{display:flex;flex-direction:column;gap:var(--space-2xl)}.project-detail__metrics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.project-detail__metrics li{border-top:1px solid var(--rule);padding-top:var(--space-sm)}.project-detail__metric-value{display:block;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.02em;color:var(--color-spot)}.project-detail__metric-label{display:block;margin-top:var(--space-xs)}.project-detail__stack ul{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-detail__stack li{font-family:var(--font-mono);font-size:.78rem;border:1px solid var(--rule);padding:4px 10px}.project-detail__highlights{padding:var(--space-3xl) 0;border-bottom:1px solid var(--rule)}.project-detail__highlights ul{list-style:none;padding:0;margin:var(--space-xl) 0 0}.project-detail__highlights li{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.85rem);line-height:1.3;padding:var(--space-md) 0;border-top:1px solid var(--rule)}.project-detail__highlights li:before{content:"→";color:var(--color-spot);margin-right:var(--space-md);font-family:var(--font-mono);font-size:.8em}.project-detail__gallery{display:grid;gap:var(--space-2xl);padding:var(--space-3xl) 0}.project-detail__figure{margin:0}.project-detail__figure img{width:100%;display:block;border:1px solid var(--rule)}.project-detail__figure figcaption{margin-top:var(--space-sm)}.project-detail__feature{padding-top:var(--space-3xl)}.lazy-embed{position:relative;width:100%;margin:var(--space-xl) 0 0;padding-top:var(--embed-ratio, 52.73%);overflow:hidden;border:1px solid var(--rule)}.lazy-embed__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;cursor:pointer;background:var(--color-ink-bg);color:var(--color-paper-on-ink);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);transition:color var(--motion-fast)}.lazy-embed__poster:hover{color:var(--color-spot)}.lazy-embed__poster:hover .lazy-embed__play{border-color:var(--color-spot);color:var(--color-spot)}.lazy-embed__play{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:1.5px solid var(--color-paper-on-ink);transition:border-color var(--motion-fast),color var(--motion-fast)}.lazy-embed__frame{position:absolute;top:0;right:0;bottom:0;left:0}.lazy-embed__frame iframe{width:100%;height:100%;border:0}.app-creative{padding-bottom:var(--space-4xl);scroll-snap-type:y proximity}.creative-hero{padding:var(--page-padding-top) var(--page-gutter) var(--space-2xl);border-bottom:1px solid var(--rule)}.creative-hero__folio{margin-bottom:var(--space-lg)}.creative-hero__title{font-family:var(--font-display);font-size:clamp(3.5rem,16vw,12rem);line-height:.85;letter-spacing:-.04em}.creative-hero__intro{margin-top:var(--space-xl)}.creative-hero__intro p{font-size:1.15rem;line-height:1.6;margin:0}.creative-block{padding:var(--space-4xl) 0;scroll-snap-align:start;border-bottom:1px solid var(--rule)}.creative-container{position:relative;margin:0 auto;width:min(90vw,960px)}.creative-container.music-container{min-height:70vh}@media (max-width: 800px){.creative-container.music-container{min-height:1100px}}.creative-section-header{position:relative;margin-bottom:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-sm)}.creative-section-header__big{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);line-height:.9;letter-spacing:-.03em;color:var(--fg)}.now-playing{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-sm) 0;border-top:1px solid var(--color-spot);border-bottom:1px solid var(--color-spot)}.now-playing__track{font-family:var(--font-display);font-size:1.5rem;color:var(--color-spot)}.now-playing__stop{border:none;background:transparent;color:var(--fg);font-size:.8rem;cursor:pointer}.now-playing__stop:hover{color:var(--color-spot)}.tracks-stage{position:relative;min-height:420px;margin-top:var(--space-xl)}.track-box{animation:trackFadeIn 2s forwards;position:absolute;width:100px;height:100px;left:calc(50% + var(--item-number-difference) * 10% - 30px);top:calc(var(--item-number-difference) * var(--item-number-difference) * 1%);transform:scale(1) rotate(0);transition:transform 2s}.track-box svg{transition:transform 2s;fill:var(--fg)}.track-box svg.is-playing{transform:scale(1.5) rotate(50deg)}@media (max-width: 800px){.track-box{animation:trackFadeInSmall 2s forwards;left:calc(50% - 30px);top:calc(var(--item-number) * 100px + 80px)}}@keyframes trackFadeIn{0%{opacity:0;left:50%;top:50%}to{opacity:1;left:calc(50% + var(--item-number-difference) * 10% - 30px);top:calc(var(--item-number-difference) * var(--item-number-difference) * 1%)}}@keyframes trackFadeInSmall{0%{opacity:0;left:calc(50% - 30px);top:70%}to{opacity:1;left:calc(50% - 30px);top:calc(var(--item-number) * 100px + 80px)}}.circle-container{position:absolute;width:60px;height:60px;background:var(--color-paper-on-ink);border-radius:50%;transform:scale(1);transition:transform 1s}.circle-container.is-playing{transform:scale(1.5)}.circle-container .circle .item,.circle-container .circle .fill{width:60px;height:60px;position:absolute;border-radius:50%}.circle-container .circle .item{clip:rect(0px,60px,60px,30px)}.circle-container .circle .item .fill{clip:rect(0px,30px,60px,0px);background-color:var(--color-spot)}.circle-container .circle .item.layer-1.fill,.circle-container .circle .item.layer-1 .fill.is-playing{transform:rotate(var(--current-time, 0deg))}.inside-content{width:50px;height:50px;border-radius:50%;background:var(--color-ink-bg);text-align:center;margin-top:5px;margin-left:5px;position:absolute}.track-control{height:50px;width:50px;position:absolute;top:0;left:0;border:none;background:transparent;cursor:pointer;padding:0}.track-control:focus-visible{outline:2px solid var(--color-spot);outline-offset:2px;border-radius:50%}.track-icon{position:absolute;font-size:1.25rem;line-height:1;top:50%;left:50%;transform:translate(-45%,-50%);color:var(--color-paper-on-ink)}.track-icon--play{color:var(--color-spot)}.track-icon--stop{color:var(--color-paper-on-ink);transform:translate(-50%,-50%)}.track-box svg text{font-size:.7rem;fill:var(--color-spot);font-family:var(--font-mono)}.track-box svg{position:absolute;top:-20px;left:-20px;transform:rotate(50deg)}.dj-section{padding-bottom:var(--space-2xl)}.contact{max-width:var(--max-wide);margin:0 auto;padding:var(--page-padding-top) var(--page-gutter) var(--space-4xl)}.contact__header{border-bottom:2px solid var(--fg);padding-bottom:var(--space-lg);margin-bottom:var(--space-3xl)}.contact__folio{margin-bottom:var(--space-lg)}.contact__title{font-family:var(--font-display);font-size:clamp(3.5rem,14vw,10rem);line-height:.85;letter-spacing:-.04em}.contact__title .kinetic__line:last-child .kinetic__inner{color:var(--color-spot);font-style:italic}.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-4xl)}@media (max-width: 900px){.contact__grid{grid-template-columns:1fr;gap:var(--space-3xl)}}.contact__lede{font-size:1.2rem;line-height:1.6;margin:0 0 var(--space-2xl)}.contact__details{margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.contact__details div{border-top:1px solid var(--rule);padding-top:var(--space-sm)}.contact__details dt{margin-bottom:var(--space-xs)}.contact__details dd{margin:0;font-size:1.05rem}.contact__social{display:flex;gap:var(--space-xl)}.contact__status-line{display:flex;align-items:center;gap:var(--space-sm)}.contact__dot{width:8px;height:8px;border-radius:50%;background:var(--color-spot);animation:contact-pulse 2s ease infinite}.contact__form{display:flex;flex-direction:column}.contact__intents{border:none;padding:0;margin:0 0 var(--space-2xl)}.contact__intents legend{margin-bottom:var(--space-md)}.contact__intents-row{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.contact__intent{border:none;background:transparent;padding:0;font-family:var(--font-display);font-size:1.5rem;color:var(--muted);cursor:pointer;position:relative;transition:color var(--motion-fast)}.contact__intent:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--color-spot);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-base) var(--ease-editorial)}.contact__intent:hover,.contact__intent.is-active{color:var(--fg)}.contact__intent.is-active:after{transform:scaleX(1)}.contact__field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xl)}.contact__field input,.contact__field textarea{width:100%;box-sizing:border-box;border:none;border-bottom:1.5px solid var(--rule);background:transparent;color:var(--fg);font-family:var(--font-body);font-size:1.15rem;padding:var(--space-sm) 0;transition:border-color var(--motion-fast)}.contact__field input:focus,.contact__field textarea:focus{outline:none;border-color:var(--color-spot)}.contact__field textarea{resize:vertical}.contact__count{align-self:flex-end;font-size:.7rem;color:var(--muted);margin-top:var(--space-xs)}.contact__status{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem;margin:0 0 var(--space-md)}.contact__status--success{color:var(--color-success)}.contact__status--error{color:var(--color-error)}.contact__tick{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-spot)}@keyframes contact-pulse{0%,to{opacity:1}50%{opacity:.3}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--page-gutter);pointer-events:none;--nav-fg: var(--color-ink)}.navbar>*{pointer-events:auto}.navbar.navbar--invert{--nav-fg: var(--color-paper)}.navbar__mark{display:inline-flex;align-items:center}.navbar__logo{display:block;height:32px;aspect-ratio:500/660;background-color:var(--nav-fg);-webkit-mask:url(/images/aj-logo-black.png) center/contain no-repeat;mask:url(/images/aj-logo-black.png) center/contain no-repeat;transition:background-color var(--motion-fast)}.navbar__links{display:flex;align-items:center;gap:var(--space-xl);margin-left:auto}.navbar__link{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--nav-fg);position:relative}.navbar__link .navbar__num{font-size:.6rem;opacity:.6}.navbar__link .navbar__name{position:relative}.navbar__link .navbar__name:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:var(--color-spot);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-base) var(--ease-editorial)}.navbar__link:hover .navbar__name:after,.navbar__link.is-active .navbar__name:after{transform:scaleX(1)}.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.navbar__toggle span{display:block;height:1.5px;width:28px;margin-left:auto;background:var(--nav-fg);transition:transform var(--motion-fast),opacity var(--motion-fast)}.navbar__toggle.is-open span:nth-child(1){transform:translateY(4px) rotate(45deg)}.navbar__toggle.is-open span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.navbar__backdrop{display:none}@media (max-width: 768px){.navbar__toggle{display:flex;position:relative;z-index:1002}.navbar__toggle.is-open span{background:var(--color-paper)}.navbar__links{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-lg);padding:var(--page-gutter);background:var(--color-ink);opacity:0;visibility:hidden;transition:opacity var(--motion-base),visibility var(--motion-base)}.navbar__links--open{opacity:1;visibility:visible}.navbar__links .navbar__link{color:var(--color-paper)}.navbar__links .navbar__link .navbar__name{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,4rem);letter-spacing:-.02em}.navbar__links .navbar__link .navbar__num{font-size:.8rem;color:var(--color-spot)}}