.about-page{background:var(--color-paper,#fdfdfd);min-height:100svh;color:var(--color-ink);--about-rule:var(--rule,#1d1d1d1a);overflow:clip}.about-page a{color:inherit;text-decoration:none}.about-layout{width:min(100% - 4rem,60rem);margin-inline:auto;padding:clamp(8rem,12vw,10rem) 0 6rem}.about-card{min-width:0}.about-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,7vw,6rem);padding-bottom:clamp(4rem,7vw,6rem);display:grid}.about-hero h1{margin:0 0 2rem;line-height:1}.about-hero__intro,.about-hero__personal{max-width:43ch;color:var(--color-muted,#626262);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.75}.about-hero__intro{color:var(--color-ink)}.about-hero__personal{margin-top:1.5rem}.about-hero__copy>p{animation:.62s cubic-bezier(.22,1,.36,1) both about-copy-enter}body:has(.pixel-nudge-loader) .about-hero__copy>p{animation-play-state:paused}@keyframes about-copy-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.about-portrait{aspect-ratio:4/5;border-radius:3px;align-self:center;width:100%;margin:0;position:relative;overflow:hidden}.about-portrait__placeholder{background:var(--surface);border-radius:3px;width:100%;height:100%}.about-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scaleX(-1)}.about-portrait.is-revealing>img{animation:1.45s linear both portrait-base-fill}.about-portrait__tile{visibility:hidden;width:100%;height:100%;clip-path:polygon(var(--tile-x0) var(--tile-y0), var(--tile-x0) var(--tile-y0), var(--tile-x0) var(--tile-y0), var(--tile-x0) var(--tile-y0));pointer-events:none;position:absolute;inset:0}.about-portrait.is-revealing .about-portrait__tile{visibility:visible;animation:portrait-tile-reveal .85s cubic-bezier(.22, 1, .36, 1) var(--tile-delay) both}@keyframes portrait-tile-reveal{to{clip-path:polygon(var(--tile-x0) var(--tile-y0), calc(var(--tile-x1) + 0.35%) var(--tile-y0), calc(var(--tile-x1) + 0.35%) calc(var(--tile-y1) + 0.35%), var(--tile-x0) calc(var(--tile-y1) + 0.35%))}}@keyframes portrait-base-fill{0%,72%{opacity:0}86%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.about-portrait.is-revealing>img{animation:none}.about-portrait__tile{display:none}}.about-experience__brands-trigger{display:inline-block;position:relative}.about-experience__brands-trigger>button{color:var(--color-ink);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:inline-flex}.about-experience__brands-trigger>button:after{content:"+";opacity:.62;font-size:.875em;font-weight:400;line-height:1;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.about-experience__brands-trigger>button[aria-expanded=true]:after{opacity:1;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.about-experience__brands-trigger>button:after{transition:none}}.about-section-heading h2{letter-spacing:-.015em;margin:0;font-size:.9375rem;font-weight:500}.about-page :is(a,button):focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid}.about-experience{border-top:1px solid var(--about-rule);grid-template-columns:9rem minmax(0,1fr);gap:2rem;padding-top:2rem;display:grid}.about-section-heading{justify-content:space-between;gap:1rem;display:flex}.about-section-heading>span{color:var(--color-muted,#626262);font-size:.75rem}.about-experience__ledger{margin:0;padding:0;list-style:none}.about-experience__ledger li{border-bottom:1px solid color-mix(in srgb, var(--about-rule) 55%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;padding:1.5rem 0;display:grid}.about-experience__ledger li:first-child{padding-top:0}.about-experience__ledger li:last-child{border-bottom:0}.about-experience__role{grid-area:auto/1}.about-experience__organisation{grid-column:1}.about-experience__ledger li{gap:.25rem 1.5rem}.about-experience__ledger time{grid-area:1/2}.about-experience__ledger h3{margin:0;font-size:.9375rem;font-weight:500;display:inline-block;position:relative}.about-experience__ledger li:nth-child(n+3) h3{opacity:.86}.about-experience__ledger p,.about-experience__ledger time{color:var(--color-muted,#626262);margin:0;font-size:.8125rem;line-height:1.6}.about-experience__organisation p{display:none}.about-experience__ledger time{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.brand-scatter{--scatter-spread:1;--scatter-size:.65;z-index:4;pointer-events:none;visibility:hidden;width:0;height:0;transition:visibility 0s linear .9s;position:absolute;top:50%;left:100%}.brand-scatter__halo{opacity:0;-webkit-backdrop-filter:blur(20px)saturate(.82);width:260px;max-width:86vw;height:140px;transform:translate3d(calc(-50% + 160px * var(--scatter-spread)), -50%, 0) scale(.6);background:radial-gradient(72% 66%,#f3f3f3f5 0 34%,#f3f3f3d1 53%,#f3f3f35c 72%,#0000 100%);transition:opacity .46s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.brand-scatter__logo{--brand-t:0;--uparc:26px;--fx:calc(var(--ex) * var(--brand-t) * var(--scatter-spread) + var(--bowx) * 4 * var(--brand-t) * (1 - var(--brand-t)));--fy:calc(var(--ey) * var(--brand-t) - var(--uparc) * 4 * var(--brand-t) * (1 - var(--brand-t)));--fr:calc(var(--r) * var(--brand-t));--fs:calc(.28 + .72 * var(--brand-t));width:calc(var(--w) * var(--scatter-size));aspect-ratio:var(--ar);opacity:0;transform:translate3d(calc(-50% + var(--fx)), calc(-50% + var(--fy)), 0) rotate(var(--fr)) scale(var(--fs));transition:--brand-t .7s cubic-bezier(.22,1,.36,1) var(--d), opacity .24s cubic-bezier(.16,1,.3,1) var(--d);will-change:transform, opacity;position:absolute;top:0;left:0}.brand-scatter__logo img{object-fit:contain;opacity:.94;width:100%;height:100%;display:block}.brand-scatter__mark{filter:drop-shadow(0 2px 3px #1d1d1d1a)}.brand-scatter__halo{-webkit-backdrop-filter:blur(24px);background:#f3f3f31f;-webkit-mask-image:radial-gradient(#000 0 48%,#0000 74%);mask-image:radial-gradient(#000 0 48%,#0000 74%)}.brand-scatter[data-open=true]{visibility:visible;transition-delay:0s}.brand-scatter[data-open=true] .brand-scatter__halo{opacity:1;transform:translate3d(calc(-50% + 160px * var(--scatter-spread)), -50%, 0) scale(1)}.brand-scatter[data-open=true] .brand-scatter__logo{--brand-t:1;opacity:1}@property --brand-t{syntax:"<number>";inherits:false;initial-value:0}@media (max-width:700px){.about-layout{width:calc(100% - 2.5rem);padding-top:8rem;padding-bottom:3rem}.about-hero{grid-template-columns:minmax(0,1fr) clamp(7.25rem,38vw,15.5rem);align-items:start;gap:1.5rem clamp(.75rem,4vw,1.25rem);padding-bottom:3rem}.about-hero__copy{display:contents}.about-hero h1{grid-area:1/1;align-self:start;margin-bottom:0}.about-hero__intro{grid-area:2/1;align-self:start;max-width:none}.about-portrait{aspect-ratio:4/5;grid-area:1/2/span 2;width:100%}.about-hero__personal,.about-hero__copy .gallery-hud__contact{grid-column:1/-1;max-width:65ch}.about-hero__personal{margin-top:0}.about-experience{grid-template-columns:1fr;gap:2rem}.about-experience__ledger li{grid-template-columns:1fr auto;gap:.25rem 1rem}.about-experience__organisation{grid-area:1/1}.about-experience__role{text-align:left;grid-column:1}.about-experience__ledger time{grid-column:2;font-size:.75rem}.about-experience__ledger li{position:relative}.about-experience__ledger h3,.about-experience__brands-trigger{position:static}.brand-scatter{--scatter-spread:.45;--scatter-size:.52;top:2.6rem;left:40%}}@media (max-width:380px){.about-experience__ledger li{grid-template-columns:1fr}.about-experience__organisation{grid-row:auto}.about-experience__role,.about-experience__ledger time{text-align:left;grid-column:1}}@media (prefers-reduced-motion:reduce){.brand-scatter__logo,.brand-scatter__halo{transition:none}}.about-signature .portfolio-signature{width:clamp(11rem,18vw,14rem);position:static}.about-hero__copy .gallery-hud__contact{margin-top:1.75rem}@media (max-width:672px){.about-hero__copy .gallery-hud__contact{gap:.65rem .45rem}}@media (max-width:700px){.about-signature .portfolio-signature{width:min(100%,11rem)}.about-hero__copy .gallery-hud__contact{margin-top:.25rem}}@media (prefers-reduced-motion:reduce){.about-hero__copy>p{animation:none}}@keyframes experience-shimmer-cue{0%,29%{opacity:0;background-position:68% 0}30%{opacity:1;background-position:68% 0}42%{opacity:1;background-position:32% 0}43%{opacity:0;background-position:32% 0}43.01%,to{opacity:0;background-position:68% 0}}.about-experience__brands-trigger .glyph-shimmer__base{opacity:.86}.about-experience__brands-trigger .glyph-shimmer__light{--shimmer-band:var(--color-ink)}.about-experience__ledger li:first-child .about-experience__brands-trigger .glyph-shimmer__light{animation:7s linear 1.2s infinite experience-shimmer-cue}.about-experience__ledger li:nth-child(2) .about-experience__brands-trigger .glyph-shimmer__light{animation:7s linear 4.7s infinite experience-shimmer-cue}@media (prefers-reduced-motion:reduce){.about-experience__brands-trigger .glyph-shimmer>i{animation:none!important}}
.portfolio-signature{--pen-speed:.6;z-index:60;left:max(2rem,50vw - 700px);bottom:max(2rem, env(safe-area-inset-bottom));width:7rem;color:var(--color-ink);pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.portfolio-signature svg{width:100%;height:auto;display:block;overflow:visible}.portfolio-signature__stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:signature-write calc(var(--pen-duration) * var(--pen-speed)) linear calc(var(--pen-delay) * var(--pen-speed)) both}.portfolio-signature__ink{animation:signature-complete 1ms step-end calc(3.08s * var(--pen-speed)) forwards}@keyframes signature-complete{to{-webkit-mask:none;mask:none}}@keyframes signature-write{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (max-width:1199px){.portfolio-signature{left:clamp(1rem,2.6vw,2.25rem);bottom:max(1.25rem, env(safe-area-inset-bottom));width:5.75rem}}@media (prefers-reduced-motion:reduce){.portfolio-signature__stroke{animation:none}.portfolio-signature__ink{animation:none;-webkit-mask:none;mask:none}}
.signature-photos{appearance:none;vertical-align:middle;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;pointer-events:auto;text-align:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:2px;margin:0;padding:0;display:inline-block}.signature-photos:focus-visible{outline-offset:4px;outline:1px solid}.photo-stack{z-index:71;pointer-events:none;width:112px;height:84px;position:fixed}.photo-stack__card{box-sizing:border-box;background:var(--color-paper);opacity:0;border:1px solid #ffffffb3;border-radius:6px;width:64px;height:64px;transition:transform .17s cubic-bezier(.22,1,.36,1),opacity .11s ease-out;position:absolute;top:8px;left:24px;overflow:hidden;transform:translateY(8px)scale(.82);box-shadow:0 3px 9px #0000001f}.photo-stack__card img{object-fit:cover;width:100%;height:100%;display:block}.photo-stack[data-open=true] .photo-stack__card[data-visible=true]{opacity:1;transform:translateX(var(--card-x)) rotate(var(--card-angle));transition-duration:.26s,.14s}html[data-theme=dark] .photo-stack__card{border-color:#ffffff2e;box-shadow:0 3px 10px #0000003d}@starting-style{.photo-stack[data-open=true] .photo-stack__card[data-visible=true]{opacity:0;transform:translateY(8px)scale(.82)}}@media (prefers-reduced-motion:reduce){.photo-stack__card,.photo-stack[data-open=true] .photo-stack__card[data-visible=true]{transition:none}}