:root{color-scheme:dark;--theme-bg:#05041a;--theme-surface:#0c0b33;--theme-fg:#f3f4ff;--theme-muted:#9296cc;--theme-border:#23206a;--theme-accent:#2f2bf2;--theme-accent-fg:#fff;--theme-highlight:#a8f25e;--theme-highlight-fg:#05041a;--theme-font-sans:var(--font-general-sans), ui-sans-serif, system-ui, sans-serif;--theme-font-display:var(--font-general-sans), ui-sans-serif, system-ui, sans-serif;--theme-display-weight:600;--theme-radius:1.5rem;--poster:var(--font-anton), Impact, "Arial Narrow", sans-serif;--iris:conic-gradient(from 210deg, #2f2bf2, #7a5cff, #ff6ad5, #ffd66e, #a8f25e, #42e2ff, #2f2bf2);--electric-blue:#2f2bf2;--electric-navy:#05041a;--electric-lime:#a8f25e;--electric-pink:#ff6ad5;--wrap:72rem;--gutter:1rem;--soft:color-mix(in oklab, var(--theme-accent-fg) 10%, transparent);--softer:color-mix(in oklab, var(--theme-accent-fg) 5%, transparent);--edge:color-mix(in oklab, var(--theme-accent-fg) 18%, transparent);@media (width>=40rem){--gutter:2rem}}body{background:var(--theme-bg);color:var(--theme-fg);font-family:var(--theme-font-sans)}::selection{background:var(--theme-highlight);color:var(--theme-highlight-fg)}:focus-visible{outline:2px solid var(--theme-highlight);outline-offset:3px}.shape,.gallery__art{display:none}.eyebrow{color:var(--theme-highlight);align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.section-title{font-family:var(--poster);text-transform:uppercase;text-wrap:balance;margin-block-start:.5rem;font-size:clamp(3.25rem,8vw,7rem);font-weight:400;line-height:.88}.section-lede{color:var(--theme-muted);margin-block-start:.5rem}.empty{color:var(--theme-muted);text-align:center;margin-block-start:2.5rem}.button{border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;&:hover{background:var(--theme-highlight);color:var(--theme-highlight-fg)}}.button--accent{background:var(--theme-accent);color:var(--theme-accent-fg)}.button--light{background:var(--theme-accent-fg);color:var(--theme-accent)}.button--ghost{border:1px solid color-mix(in oklab, currentColor 25%, transparent);&:hover{border-color:var(--theme-highlight);color:var(--theme-highlight);background:0 0}}.badge{aspect-ratio:1;background:var(--theme-highlight);inline-size:7rem;color:var(--theme-highlight-fg);border-radius:50%;place-items:center;transition:scale .3s ease-out;display:grid;&:hover{scale:1.1}&:hover .icon-arrow{rotate:45deg}& .icon-arrow{margin-block-end:.125rem;transition:rotate .3s}}.badge__label{text-align:center;flex-direction:column;align-items:center;font-weight:600;line-height:1.25;display:flex}.round-arrow{aspect-ratio:1;border:1px solid var(--theme-border);border-radius:50%;flex-shrink:0;place-items:center;inline-size:2.75rem;transition:background-color .2s,border-color .2s,color .2s;display:grid}:is(.job__link,.article-row__link):hover .round-arrow{border-color:var(--theme-highlight);background:var(--theme-highlight);color:var(--theme-highlight-fg)}:is(.about,.facts,.experience,.gallery,.talks,.articles){max-inline-size:var(--wrap);padding-inline:var(--gutter);margin-inline:auto;padding-block-end:clamp(6rem,10vw,8rem)}.site-header{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid;position:relative}.site-logo{aspect-ratio:1;background:var(--soft);inline-size:2.875rem;font-family:var(--theme-font-display);letter-spacing:-.025em;border-radius:1rem;justify-self:start;place-items:center;font-size:1.125rem;font-weight:700;transition:background-color .2s,color .2s;display:grid;&:hover{background:var(--theme-highlight);color:var(--theme-highlight-fg)}}.site-nav{justify-self:end;display:none;@media (width>=64rem){display:block}}.site-nav__list{border:1px solid var(--edge);background:var(--softer);backdrop-filter:blur(8px);border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.site-nav__link{border-radius:999px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s;display:block;&:hover{background:var(--soft)}}:is(.menu-toggle,.theme-trigger){border:1px solid var(--edge);background:var(--softer);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;block-size:2.875rem;padding-inline:1rem;font-size:.875rem;transition:border-color .2s;display:inline-flex;& svg{inline-size:1rem}}.theme-trigger{padding-inline-start:.75rem;&:hover{border-color:var(--theme-highlight)}}.menu-toggle{justify-self:end;@media (width>=64rem){display:none}}.mobile-menu{border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-surface);inline-size:14rem;color:var(--theme-fg);margin-block-start:.75rem;padding:.5rem;position:absolute;inset-block-start:100%;inset-inline-end:0;box-shadow:0 25px 50px -12px #00000080;& a{border-radius:.75rem;padding:.75rem 1rem;display:block;&:hover{background:var(--theme-bg)}}@media (width>=64rem){display:none!important}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes float{0%,to{translate:0;rotate:0deg}25%{translate:.9rem -1.4rem;rotate:7deg}50%{translate:-.4rem -2.1rem;rotate:-3deg}75%{translate:-1rem -.6rem;rotate:-8deg}}@keyframes wobble{0%,to{translate:0;rotate:0deg}50%{translate:-.75rem -1.25rem;rotate:10deg}}@keyframes spin{to{--spin:360deg}}:is(.hero__art .shape--1,.hero__art .shape--4,.about__art .shape--2,.talk__art .shape--1,.online__art .ring:first-child,.online__art .ring:nth-child(3)){aspect-ratio:1;background:radial-gradient(circle at 32% 26%, #fffffff2 0 4%, #fff0 22%), radial-gradient(circle at 70% 78%, #05041a99, transparent 55%), conic-gradient(from var(--spin), #2f2bf2, #7a5cff, #ff6ad5, #ffd66e, #a8f25e, #42e2ff, #2f2bf2);box-shadow:inset -.75rem -1.25rem 2.5rem #05041a80, inset .5rem .75rem 1.5rem #ffffff59, 0 2rem 4rem -1.5rem color-mix(in oklab, var(--theme-accent) 80%, transparent);border:0;border-radius:50%;animation:13s ease-in-out infinite float,23s linear infinite spin;display:block;position:absolute}:is(.hero__art .shape--2,.about__art .shape--1,.talk__art .shape--2,.online__art .ring:nth-child(2)){aspect-ratio:1;background:radial-gradient(circle at 50% 22%, #fffc, transparent 35%), conic-gradient(from var(--spin), #2f2bf2, #7a5cff, #ff6ad5, #ffd66e, #a8f25e, #42e2ff, #2f2bf2);filter:drop-shadow(0 1.5rem 2rem #05041a99);border:0;border-radius:50%;animation:9s linear infinite spin,17s ease-in-out infinite wobble;display:block;position:absolute;transform:perspective(40rem)rotateX(58deg)rotate(-18deg);mask:radial-gradient(closest-side,#0000 50%,#000 52% 97%,#0000 100%)}:is(.hero__art .shape--3,.online__art .ring:nth-child(4)){aspect-ratio:1;background:linear-gradient(135deg, #fff6, #ffffff0a 55%), var(--iris);opacity:.9;border:1px solid #ffffff73;border-radius:1.5rem;animation:15s ease-in-out infinite reverse float;display:block;position:absolute;transform:perspective(40rem)rotateX(16deg)rotateY(-34deg)rotate(14deg);box-shadow:inset 0 0 2rem #ffffff40,0 2rem 4rem -1.5rem #05041acc}.talk:nth-child(2) .shape{animation-delay:-4s,-9s}.talk:nth-child(3) .shape{animation-delay:-7s,-3s}.talk:nth-child(4) .shape{animation-delay:-10s,-14s}.hero__art .shape--3{animation-delay:-6s}@media (prefers-reduced-motion:reduce){.shape,.ring{animation:none!important}}.hero{isolation:isolate;min-block-size:min(100svh,64rem);padding:1.25rem var(--gutter) clamp(6rem, 10vw, 8rem);background:radial-gradient(60% 50% at 85% 10%, oklab(74.1881% .201832 -.0732101/.22), transparent), radial-gradient(70% 60% at 10% 30%, color-mix(in oklab, var(--theme-accent-fg) 12%, transparent), transparent), linear-gradient(to bottom, var(--theme-accent), color-mix(in oklab, var(--theme-accent) 30%, var(--theme-bg)));color:var(--theme-accent-fg);border-end-end-radius:2.5rem;border-end-start-radius:2.5rem;position:relative;overflow:hidden}.hero__art{z-index:-1;pointer-events:none;position:absolute;inset:0;& .shape--1{inline-size:clamp(4rem,9vw,8rem);animation-delay:-2s;inset-block-start:16%;inset-inline-start:6%}& .shape--2{inline-size:clamp(14rem,30vw,28rem);inset-block-end:4%;inset-inline-end:-4rem}& .shape--3{inline-size:clamp(6rem,13vw,11rem);inset-block-start:44%;inset-inline-start:-2.5rem}& .shape--4{inline-size:clamp(2.5rem,5vw,4.5rem);animation-delay:-5s;inset-block-start:12%;inset-inline-end:12%}}.hero__inner{max-inline-size:var(--wrap);margin-inline:auto}.hero__title{font-family:var(--poster);letter-spacing:-.005em;text-transform:uppercase;margin-block-start:clamp(3rem,7vw,5rem);font-size:clamp(4.75rem,18.5vw,16.5rem);font-weight:400;line-height:.82;display:grid;position:relative}.hero__word{z-index:2;color:var(--theme-accent-fg);text-shadow:0 .05em .25em #05041a59;grid-area:2/1;justify-self:end;position:relative}.hero__word--highlight{z-index:0;color:var(--theme-highlight);text-shadow:none;grid-row:1;justify-self:start}.hero__photo{z-index:1;aspect-ratio:4/5;inline-size:clamp(7.5rem,20vw,17.5rem);box-shadow:0 0 0 clamp(4px, .5vw, 7px) var(--theme-highlight), 0 2.5rem 5rem -1.5rem #05041ad9;background:radial-gradient(40% 30% at 0 100%,#292a29 30%,#0000),radial-gradient(28% 14% at 76% 60%,#7d8494 30%,#0000),radial-gradient(40% 30% at 100% 100%,#235a82 30%,#0000),radial-gradient(30% 35% at 35% 85%,#9c827f 25%,#0000),radial-gradient(45% 15% at 5%,#a4d2fa 20%,#0000),linear-gradient(#6b9bd8,#71a5e0 25%,#8fbde9 50%,#787f96 72%,#4c667f);border-radius:clamp(1rem,2vw,1.75rem);position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;translate:12% 16%;rotate:-6deg;& picture{display:contents}& img{object-fit:cover;block-size:100%;inline-size:100%;display:block}}@keyframes photo-tilt{0%{rotate:-14deg;scale:.85}}@media (prefers-reduced-motion:no-preference){.hero__photo{animation:1.1s cubic-bezier(.2,.8,.2,1) .2s both photo-tilt}}.hero__body{gap:2.5rem;margin-block-start:clamp(2.5rem,6vw,4.5rem);display:grid;@media (width<48rem){margin-block-start:calc(3.5rem + 22vw)}@media (width>=48rem){grid-template-columns:minmax(0,30rem) 1fr;align-items:end}}.hero__greeting{font-family:var(--poster);text-transform:uppercase;font-size:clamp(2rem,4vw,3rem);line-height:1}.hero__text{color:color-mix(in oklab, var(--theme-accent-fg) 78%, transparent);margin-block-start:.75rem}.hero__badge{margin-block-start:2rem}.hero__aside{flex-direction:column;align-items:start;gap:1rem;display:flex;@media (width>=48rem){align-items:end}}.profile-links{flex-wrap:wrap;gap:.5rem;display:flex;& a{border:1px solid var(--edge);background:var(--softer);backdrop-filter:blur(8px);border-radius:999px;padding:.5rem 1rem;transition:background-color .2s,border-color .2s,color .2s;display:block;&:hover{border-color:var(--theme-highlight);background:var(--theme-highlight);color:var(--theme-highlight-fg)}}}.hero__ghost{z-index:-1;font-family:var(--poster);text-align:center;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in oklab, var(--theme-accent-fg) 18%, transparent);pointer-events:none;user-select:none;font-size:24vw;line-height:1;position:absolute;inset-block-end:-.12em;inset-inline:0}.about{isolation:isolate;text-align:center;gap:2.5rem;padding-block-start:clamp(6rem,10vw,8rem);scroll-margin-block-start:2rem;display:grid;position:relative}.about__art{z-index:-1;pointer-events:none;position:absolute;inset:0;@media (width<76rem){overflow:clip}& .shape--1{inline-size:clamp(10rem,20vw,18rem);inset-block-start:8%;inset-inline-end:-6rem}& .shape--2{inline-size:clamp(3.5rem,7vw,6rem);animation-delay:-3s;inset-block-end:18%;inset-inline-start:-2rem}}.about__quote{color:#7f83c9;max-inline-size:64rem;font-family:var(--theme-font-display);letter-spacing:-.035em;text-wrap:balance;margin-inline:auto;font-size:clamp(2rem,4.6vw,4rem);font-weight:600;line-height:1.12}.about__quote-highlight{color:var(--theme-highlight)}.about__text{max-inline-size:36rem;color:var(--theme-muted);margin:clamp(1.5rem,3vw,2.5rem) auto 2rem}.facts__head{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.facts__badge{flex-shrink:0;display:none;@media (width>=40rem){display:grid}}.facts__grid{gap:1rem;margin-block-start:2.5rem;display:grid;position:relative;@media (width>=48rem){grid-template-columns:1fr 1fr;&:after{content:"";z-index:3;aspect-ratio:1;background:radial-gradient(circle at 50% 22%, #fffc, transparent 35%), conic-gradient(from var(--spin), #2f2bf2, #7a5cff, #ff6ad5, #ffd66e, #a8f25e, #42e2ff, #2f2bf2);filter:drop-shadow(0 1rem 1.5rem #05041ab3);pointer-events:none;border-radius:50%;inline-size:clamp(8rem,13vw,11rem);animation:9s linear infinite spin,19s ease-in-out infinite wobble;position:absolute;inset-block-start:100%;inset-inline-start:4%;transform:translate(-50%,-50%)perspective(40rem)rotateX(58deg)rotate(24deg);mask:radial-gradient(closest-side,#0000 50%,#000 52% 97%,#0000 100%)}}}.fact{--ghost:var(--theme-border);--tilt:0deg;isolation:isolate;border-radius:var(--theme-radius);rotate:var(--tilt);padding:clamp(1.5rem,3vw,2.25rem);transition:rotate .4s cubic-bezier(.2,.8,.2,1),scale .4s;position:relative;overflow:hidden;&:hover{rotate:0deg;scale:1.02}}.fact--current{--ghost:color-mix(in oklab, var(--theme-accent-fg) 25%, transparent);--tilt:-1.5deg;background:radial-gradient(80% 70% at 100% 0%, oklab(74.1881% .201832 -.0732101/.35), transparent), var(--theme-accent);color:var(--theme-accent-fg);flex-direction:column;justify-content:space-between;gap:2.5rem;display:flex;@media (width>=48rem){grid-row:span 2}& .fact__value{margin-block-start:.5rem;font-size:clamp(5rem,11vw,9rem)}& .fact__label{margin-block-start:.5rem;font-size:1.25rem}}.fact--talks,.fact--badges{border:1px solid var(--theme-border);background:var(--theme-surface);& .fact__value{color:var(--theme-highlight)}}.fact--talks{--tilt:1.5deg}.fact--previous{--ghost:color-mix(in oklab, var(--theme-highlight-fg) 20%, transparent);--tilt:-1deg;background:var(--theme-highlight);color:var(--theme-highlight-fg);& .fact__value{margin-block-start:.5rem;font-size:clamp(3rem,6vw,4.75rem)}}.fact--badges{--tilt:.75deg;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;@media (width>=48rem){grid-column:span 2}& .fact__label{max-inline-size:7ch;color:var(--theme-highlight);font-family:var(--poster);text-transform:uppercase;margin:0;font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:.88}}.certs{gap:clamp(1rem,3vw,2rem);padding-block:.5rem 1rem;display:flex}.cert{filter:drop-shadow(0 1.25rem 1.25rem #05041a8c);inline-size:clamp(8rem,36vw,11rem);transition:rotate .4s cubic-bezier(.2,.8,.2,1),scale .4s cubic-bezier(.2,.8,.2,1);rotate:-5deg;&:nth-child(2){translate:0 .75rem;rotate:6deg}&:hover{rotate:0deg;scale:1.06}& img{block-size:auto;inline-size:100%;display:block}}.cert__text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.fact__ghost{font-family:var(--poster);text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--ghost);pointer-events:none;user-select:none;font-size:clamp(8rem,16vw,13rem);line-height:1;position:absolute;inset-block-start:-.15em;inset-inline-end:-.05em}.fact__meta{opacity:.75}.fact__value{font-family:var(--poster);text-transform:uppercase;font-size:clamp(4.5rem,9vw,7rem);font-weight:400;line-height:.85}.fact__label{margin-block-start:.5rem;font-weight:500}.experience,.articles{scroll-margin-block-start:2rem}.jobs,.article-list{border-block:1px solid var(--theme-border);margin-block-start:2.5rem;&>li+li{border-block-start:1px solid var(--theme-border)}}.job__link,.article-row__link{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2rem);padding-block:1.5rem;display:grid}.article-row__link{grid-template-columns:1fr auto}.job__link{grid-template-columns:auto 1fr auto auto;transition:color .2s;&:hover{color:var(--theme-highlight)}}.job__index{inline-size:2.5rem;color:var(--theme-muted);font-variant-numeric:tabular-nums}.job__company{font-family:var(--poster);text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px var(--theme-fg);font-size:clamp(3.25rem,10vw,8.5rem);font-weight:400;line-height:.9;transition:color .3s,-webkit-text-stroke-color .3s,translate .4s cubic-bezier(.2,.8,.2,1);display:block;.job__link:hover &{color:var(--theme-highlight);-webkit-text-stroke-color:var(--theme-highlight);translate:.15em}}:is(.job__role,.article-row__meta,.article-row__desc){color:var(--theme-muted);margin-block-start:.25rem;display:block}.job__period{color:var(--theme-muted);display:none;@media (width>=40rem){display:block}}.articles__head{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.articles__note{color:var(--theme-muted);display:none;@media (width>=40rem){display:block}}.article-row__title{font-family:var(--theme-font-display);letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;line-height:1.2;transition:color .2s;display:block;.article-row__link:hover &{color:var(--theme-highlight)}}.article-row__desc{max-inline-size:42rem;margin-block-start:.5rem}.articles__more{text-align:center;margin-block-start:2.5rem}[data-tone=a]{--tone-tilt:-1deg;--tone-ink:#fff;--tone-bg:radial-gradient(70% 90% at 100% 0%, color-mix(in oklab, var(--electric-pink) 40%, transparent), transparent), radial-gradient(60% 60% at 0% 100%, color-mix(in oklab, var(--electric-lime) 22%, transparent), transparent), linear-gradient(160deg, var(--electric-blue), color-mix(in oklab, var(--electric-blue) 45%, var(--electric-navy)))}[data-tone=b]{--tone-tilt:1.5deg;--tone-ink:var(--electric-navy);--tone-bg:radial-gradient(70% 80% at 100% 0%, #ffffff59, transparent), var(--electric-lime)}[data-tone=c]{--tone-tilt:-1.5deg;--tone-ink:#fff;--tone-bg:radial-gradient(90% 80% at 0% 100%, color-mix(in oklab, var(--electric-pink) 70%, transparent), transparent), linear-gradient(160deg, #5b3df5, var(--electric-blue))}[data-tone=d]{--tone-tilt:1deg;--tone-ink:var(--theme-fg);--tone-bg:radial-gradient(80% 70% at 100% 0%, color-mix(in oklab, var(--electric-blue) 40%, transparent), transparent), var(--theme-surface)}.talks{scroll-margin-block-start:2rem}.talks__head{text-align:center}.talk-list{counter-reset:talk;gap:1.5rem;margin-block-start:3rem;display:grid;@media (width>=48rem){grid-template-columns:1fr 1fr;gap:2rem 2.25rem;padding-block-end:3rem}}.talk{--tilt:0deg;--shift:0rem;--card:var(--theme-surface);--ink:var(--theme-fg);isolation:isolate;background:var(--card);min-block-size:24rem;color:var(--ink);counter-increment:talk;rotate:var(--tilt);translate:0 var(--shift);border-radius:2rem;flex-direction:column;padding:clamp(1.75rem,3vw,2.5rem);transition:rotate .45s cubic-bezier(.2,.8,.2,1),translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 2.5rem 4rem -2rem #000000bf;&:before{content:counter(talk, decimal-leading-zero) / "";z-index:-1;font-family:var(--poster);color:#0000;-webkit-text-stroke:2px currentColor;opacity:.22;font-size:clamp(9rem,18vw,15rem);line-height:.8;transition:opacity .45s,translate .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset-block-end:-.14em;inset-inline-end:.04em}&:hover{rotate:0deg;translate:0 calc(var(--shift) - .5rem);box-shadow:0 3rem 5rem -2rem #000000d9, 0 0 3rem -1rem color-mix(in oklab, var(--theme-highlight) 45%, transparent);&:before{opacity:.4;translate:-.1em}}&[data-tone]{--tilt:var(--tone-tilt);--card:var(--tone-bg);--ink:var(--tone-ink)}&[data-tone=d]{border:1px solid var(--theme-border)}@media (width>=48rem){&:nth-child(odd):not(.talk--featured){--shift:3rem}}}.talk--featured{@media (width>=48rem){grid-column:1/-1;min-block-size:30rem}&:before{font-size:clamp(12rem,26vw,22rem)}& .talk__title{max-inline-size:14ch;font-size:clamp(4rem,10vw,8.5rem)}& .talk__desc{max-inline-size:36rem;font-size:1.25rem}}.talk__art{z-index:-1;pointer-events:none;position:absolute;inset:0;& .shape--1{inline-size:clamp(3rem,6vw,4.5rem);inset-block-start:1.25rem;inset-inline-end:1.5rem}& .shape--2{opacity:.85;inline-size:clamp(10rem,18vw,15rem);inset-block-end:-4rem;inset-inline-end:-3rem}.talk--featured & .shape--1{inline-size:clamp(4rem,8vw,7rem);inset-block-start:12%;inset-inline-end:22%}.talk--featured & .shape--2{inline-size:clamp(16rem,30vw,26rem);inset-block-end:-6rem;inset-inline-end:-2rem}}.talk__meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.talk__event{background:color-mix(in oklab, currentColor 14%, transparent);border-radius:999px;padding:.25rem .875rem;font-weight:600}.talk__date{opacity:.75;font-weight:500}.talk__title{font-family:var(--poster);text-transform:uppercase;text-wrap:balance;margin-block-start:1.5rem;font-size:clamp(3rem,6vw,4.75rem);font-weight:400;line-height:.88;& a{transition:color .2s}}.talk__desc{opacity:.85;max-inline-size:30rem;margin-block-start:1rem}.talk__actions{flex-wrap:wrap;gap:.5rem;margin-block-start:auto;padding-block-start:2rem;display:flex}.talk[data-tone=b] .button--accent:hover{background:var(--theme-highlight-fg);color:var(--theme-highlight)}.gallery{scroll-margin-block-start:2rem}.gallery__head{text-align:center}.gallery__grid{margin:2.5rem calc(var(--gutter) * -1) 0;padding:2rem var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}@media (width>=48rem){justify-content:center;align-items:center;margin-inline:0;padding:3rem 0 4rem;overflow:visible}}.photo{--r:-4deg;--y:0rem;--from:0;z-index:1;scroll-snap-align:center;rotate:var(--r);translate:0 var(--y);flex:0 0 min(72%,18rem);transition:rotate .45s cubic-bezier(.2,.8,.2,1),scale .45s cubic-bezier(.2,.8,.2,1),translate .45s;position:relative;@media (width>=48rem){flex:0 0 clamp(12rem,21vw,18.5rem);margin-inline:clamp(-3.5rem,-3vw,-1.5rem)}&:first-child{--r:-9deg;--y:1.5rem;--from:2}&:nth-child(2){--r:5deg;--y:-1.5rem;--from:1;z-index:2}&:nth-child(3){--r:-2deg;--y:1rem;--from:0;z-index:3}&:nth-child(4){--r:7deg;--y:-1rem;--from:-1;z-index:2}&:nth-child(5){--r:-6deg;--y:1.75rem;--from:-2}&:hover{z-index:10;rotate:0deg;scale:1.08}& figure{background:var(--theme-highlight);border-radius:.75rem;padding:.625rem .625rem 0;position:relative;box-shadow:0 2rem 3rem -1.5rem #000c}}.photo__frame{aspect-ratio:4/5;background:var(--theme-surface);border-radius:.375rem;position:relative;overflow:hidden;& picture{display:contents}}.photo__img{object-fit:cover;block-size:100%;inline-size:100%;transition:scale .6s cubic-bezier(.2,.8,.2,1);display:block;.photo:hover &{scale:1.06}}.photo--mountain-bike .photo__img{object-position:50% 25%}.photo__caption{color:var(--theme-highlight-fg);grid-template-columns:auto 1fr;column-gap:.625rem;padding:.625rem .25rem .75rem;display:grid}.photo__index{font-family:var(--poster);grid-row:span 2;align-self:center;font-size:2rem;line-height:1}.photo__title{font-family:var(--theme-font-display);letter-spacing:-.02em;font-weight:600;line-height:1.2}.photo__meta{opacity:.75;line-height:1.3}@keyframes fan-out{0%{translate:calc(var(--from) * 70%) 3rem;rotate:0deg}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@media (width>=48rem){.photo{animation:cubic-bezier(.2,.8,.2,1) both fan-out view();animation-range:entry cover 45%}}}}.online{background:var(--theme-accent);padding:.75rem .75rem 0;scroll-margin-block-start:2rem;@media (width>=40rem){padding:1.5rem 1.5rem 0}}.online__panel{isolation:isolate;max-inline-size:var(--wrap);background:radial-gradient(60% 60% at 50% 100%, color-mix(in oklab, var(--theme-accent) 35%, transparent), transparent), var(--theme-bg);text-align:center;border-start-start-radius:2rem;border-start-end-radius:2rem;margin-inline:auto;padding:clamp(6rem,12vw,9rem) 1.5rem;position:relative;overflow:hidden}.online__art{z-index:-1;pointer-events:none;position:absolute;inset:0;& .ring:first-child{inline-size:clamp(4rem,8vw,7rem);inset-block-start:10%;inset-inline-start:8%}& .ring:nth-child(2){inline-size:clamp(14rem,28vw,24rem);inset-block-end:-5rem;inset-inline-end:-3rem}& .ring:nth-child(3){inline-size:clamp(2.5rem,4vw,3.5rem);animation-delay:-4s;inset-block-start:16%;inset-inline-end:18%}& .ring:nth-child(4){inline-size:clamp(6rem,11vw,9rem);inset-block-end:12%;inset-inline-start:-2rem}}.online__title{font-family:var(--poster);text-transform:uppercase;text-wrap:balance;font-size:clamp(4rem,13vw,11rem);font-weight:400;line-height:.85}.online__highlight{color:var(--theme-highlight)}.online__text{max-inline-size:28rem;color:var(--theme-muted);margin:1.5rem auto 0}.online__links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2.5rem;display:flex}.online__link{border:1px solid var(--edge);background:color-mix(in oklab, var(--theme-surface) 70%, transparent);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,rotate .3s;display:inline-flex;box-shadow:0 10px 15px -3px #0000004d;&:hover{border-color:var(--theme-highlight);background:var(--theme-highlight);color:var(--theme-highlight-fg);rotate:-3deg}}.site-footer{background:var(--theme-accent);padding-inline:.75rem;@media (width>=40rem){padding-inline:1.5rem}}.site-footer__inner{max-inline-size:var(--wrap);border-block-start:1px solid var(--theme-border);background:var(--theme-bg);color:var(--theme-muted);margin-inline:auto;padding:1.5rem}:root{--drawer-bg:radial-gradient(80% 120% at 50% 0%, color-mix(in oklab, var(--theme-accent) 35%, transparent), transparent), var(--theme-surface);--drawer-fg:var(--theme-fg);--drawer-muted:var(--theme-muted);--drawer-line:var(--theme-border);--drawer-font:var(--theme-font-sans);--drawer-title-font:var(--theme-font-display);--drawer-radius:2rem;--drawer-card-radius:1rem;--drawer-active:var(--theme-highlight);--drawer-active-fg:var(--theme-highlight-fg);--drawer-edge:1px solid var(--theme-border);--drawer-backdrop:color-mix(in oklab, var(--theme-bg) 60%, transparent);--astro-code-foreground:#e6e8ff;--astro-code-background:#03021a;--astro-code-token-keyword:#a8f25e;--astro-code-token-string:#ffd37a;--astro-code-token-string-expression:#ffd37a;--astro-code-token-function:#8f9bff;--astro-code-token-constant:#7ee0ff;--astro-code-token-parameter:#e6e8ff;--astro-code-token-punctuation:#9296cc;--astro-code-token-comment:#6a6ea8;--astro-code-token-link:#a8f25e}.read-progress{background:linear-gradient(90deg, var(--theme-accent), var(--theme-highlight));box-shadow:0 0 12px var(--theme-highlight)}.hero--page{min-block-size:auto;padding-block-end:clamp(7rem,12vw,9rem);& .hero__title{text-align:center;text-wrap:balance;margin-block-start:1.5rem;font-size:clamp(3.75rem,12vw,10rem);display:block}& .hero__word{display:inline}& .hero__ghost{font-size:13vw}}.crumbs{margin-block-start:clamp(2.5rem,6vw,4rem);& ol{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}& li+li:before{content:"/" / "";opacity:.5;margin-inline-end:.5rem}& a{color:color-mix(in oklab, var(--theme-accent-fg) 75%, transparent);transition:color .2s;&:hover{color:var(--theme-highlight)}}}.page-kicker{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:1.5rem;display:flex;& span{border:1px solid var(--edge);background:var(--softer);border-radius:999px;padding:.25rem .875rem}& span:first-child{background:var(--theme-highlight);color:var(--theme-highlight-fg);border-color:#0000;font-weight:500}}.page-subtitle{color:color-mix(in oklab, var(--theme-accent-fg) 85%, transparent);font-family:var(--theme-font-display);text-align:center;text-wrap:balance;margin-block-start:1rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500}.page-intro{text-align:center;max-inline-size:40rem;margin:2rem auto 0}.page-summary{color:color-mix(in oklab, var(--theme-accent-fg) 75%, transparent);text-wrap:pretty}.page-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem;display:flex}.hero .button--ghost{border-color:var(--edge);color:var(--theme-accent-fg)}.hero--talk{background:var(--tone-bg);color:var(--tone-ink);&:before{content:attr(data-number) / "";z-index:-1;font-family:var(--poster);color:#0000;-webkit-text-stroke:2px currentColor;opacity:.2;pointer-events:none;font-size:clamp(14rem,34vw,30rem);line-height:.8;position:absolute;inset-block-end:-.12em;inset-inline-end:.02em}& .hero__ghost{display:none}}.hero--talk[data-tone=d]{border:1px solid var(--theme-border);border-block-start:0}.hero--talk[data-tone=b]{--theme-accent:var(--electric-lime);--theme-accent-fg:var(--electric-navy);--theme-highlight:var(--electric-blue);--theme-highlight-fg:#fff;--soft:color-mix(in oklab, var(--electric-navy) 10%, transparent);--softer:color-mix(in oklab, var(--electric-navy) 6%, transparent);--edge:color-mix(in oklab, var(--electric-navy) 25%, transparent);& .hero__word{text-shadow:none}}.talk-media{z-index:2;max-inline-size:var(--wrap);padding-inline:var(--gutter);margin:-5rem auto 0;scroll-margin-block-start:2rem;position:relative}.slideshow{--slide-width:min(82%, 52rem);--slide-gap:1rem;@media (width<40rem){--slide-width:88%;--slide-gap:.5rem}border:1px solid var(--theme-border);background:radial-gradient(70% 60% at 50% 0%, color-mix(in oklab, var(--theme-accent) 30%, transparent), transparent), var(--theme-surface);border-radius:2rem;padding-block-end:2rem;overflow:hidden;box-shadow:0 40px 80px -40px #000c;&:fullscreen{--slide-width:min(90%, calc((100dvh - 12rem) * 16 / 9));border-radius:0}}.slideshow__track{perspective:1600px;padding-block:2.5rem 1.5rem}.slide__frame{background:var(--theme-bg);box-shadow:0 0 0 1px var(--edge), 0 30px 60px -25px #000000e6;border-radius:1.25rem;transition:box-shadow .4s}.slide__number{background:color-mix(in oklab, var(--theme-bg) 70%, transparent);backdrop-filter:blur(8px);color:var(--theme-highlight);font-family:var(--theme-font-display);font-variant-numeric:tabular-nums;border-radius:999px;padding:.125rem .75rem;font-weight:600;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem}@keyframes coverflow{entry 0%{opacity:.3;filter:brightness(.45)saturate(.6);rotate:y 38deg;scale:.78}contain 50%{opacity:1;filter:none;rotate:y 0deg;scale:1}exit 100%{opacity:.3;filter:brightness(.45)saturate(.6);rotate:y -38deg;scale:.78}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.slide{animation:linear both coverflow view(inline)}}}.slideshow__nav{z-index:3;aspect-ratio:1;background:var(--theme-highlight);inline-size:3.25rem;color:var(--theme-highlight-fg);box-shadow:0 0 2rem -.25rem color-mix(in oklab, var(--theme-highlight) 60%, transparent);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:scale .2s;display:grid;position:absolute;inset-block-start:50%;translate:0 -50%;& svg{inline-size:1.5rem}&:hover{scale:1.1}&:focus-visible{outline:2px solid var(--theme-accent-fg)}}.slideshow__nav{@media (width<40rem){display:none}}.slideshow__nav--prev{inset-inline-start:1rem}.slideshow__nav--next{inset-inline-end:1rem}.slideshow__bar{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding-inline:clamp(1.25rem,4vw,2.5rem);display:flex}.slideshow__count{font-family:var(--theme-font-display);font-variant-numeric:tabular-nums}.slideshow__current{color:var(--theme-highlight);letter-spacing:-.04em;font-size:2.5rem;font-weight:600}.slideshow__of{color:var(--theme-muted)}.slideshow__chapter{font-family:var(--theme-font-display);flex:1;font-size:1.375rem;font-weight:600}.slideshow__fullscreen{border:1px solid var(--theme-border);color:var(--theme-fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;transition:border-color .2s,color .2s;&:hover{border-color:var(--theme-highlight);color:var(--theme-highlight)}}.slideshow__progress{background:var(--theme-border);border-radius:999px;block-size:4px;margin:1rem clamp(1.25rem,4vw,2.5rem) 0;overflow:hidden;& span{background:linear-gradient(90deg, var(--theme-accent), var(--theme-highlight));box-shadow:0 0 12px var(--theme-highlight)}}.slideshow__chapters{padding:1.5rem clamp(1.25rem,4vw,2.5rem) 0;@media (width>=40rem){grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem;display:grid;&>li{flex:none}}}.slideshow__chapter-link{border:1px solid var(--theme-border);border-radius:1rem;grid-template-columns:auto 1fr;column-gap:.75rem;block-size:100%;padding:.75rem 1rem;transition:background-color .2s,border-color .2s,color .2s;display:grid;&:hover{border-color:var(--theme-highlight)}&[aria-current=step]{background:var(--theme-accent);color:var(--theme-accent-fg);border-color:#0000;& .slideshow__chapter-index,& .slideshow__chapter-count{color:var(--theme-highlight)}}}.slideshow__chapter-index{color:var(--theme-highlight);font-family:var(--theme-font-display);grid-row:span 2;font-weight:600}.slideshow__chapter-title{font-weight:500}.slideshow__chapter-count{color:var(--theme-muted)}.talk-media .video{border:1px solid var(--theme-border);border-radius:2rem;box-shadow:0 40px 80px -40px #000c}.video__poster{background:radial-gradient(60% 80% at 50% 40%, color-mix(in oklab, var(--theme-accent-fg) 16%, transparent), transparent), linear-gradient(160deg, var(--theme-accent), color-mix(in oklab, var(--theme-accent) 30%, var(--theme-bg)));color:var(--theme-accent-fg);&:hover .video__play{scale:1.08}}.video__art .shape{aspect-ratio:1;border:1px solid var(--edge);border-radius:50%;display:block;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.video__art .shape--1{inline-size:22rem}.video__art .shape--2{inline-size:38rem}.video__art .shape--3{inline-size:56rem}@keyframes play-pulse{to{box-shadow:0 0 0 1.75rem #0000}}.video__play{aspect-ratio:1;background:var(--theme-highlight);inline-size:clamp(5rem,10vw,7rem);color:var(--theme-highlight-fg);box-shadow:0 0 0 0 color-mix(in oklab, var(--theme-highlight) 60%, transparent);border-radius:50%;place-items:center;transition:scale .3s;animation:2s ease-out infinite play-pulse;display:grid}.video__label{font-family:var(--theme-font-display);letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.video__title,.video__note{max-inline-size:34rem;color:color-mix(in oklab, var(--theme-accent-fg) 70%, transparent)}.video__note{display:none;@media (width>=40rem){display:block}}.talk-body{max-inline-size:var(--wrap);padding:clamp(4rem, 8vw, 6rem) var(--gutter);gap:3rem;margin-inline:auto;display:grid;@media (width>=64rem){grid-template-columns:15rem minmax(0,44rem);justify-content:center;column-gap:4rem}}.toc{border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-surface);align-self:start;padding:1.5rem;@media (width>=64rem){position:sticky;inset-block-start:2rem}}.toc__title{color:var(--theme-highlight);font-weight:500}.toc__list{counter-reset:toc;gap:.5rem;margin-block-start:.75rem;display:grid;& a{color:var(--theme-muted);counter-increment:toc;transition:color .2s,translate .2s;display:block;&:before{content:counter(toc, decimal-leading-zero) "  " / "";color:var(--theme-highlight);font-variant-numeric:tabular-nums}&:hover{color:var(--theme-fg);translate:.25rem}}}.prose{color:color-mix(in oklab, var(--theme-fg) 85%, transparent);counter-reset:section;line-height:1.75;&>*+*{margin-block-start:1.25rem}&>p:first-child,&>h2:first-child+p{color:var(--theme-fg);font-size:1.375rem;line-height:1.6}& h2{color:var(--theme-fg);font-family:var(--theme-font-display);letter-spacing:-.025em;counter-increment:section;margin-block-start:3.5rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.15;&:first-child{margin-block-start:0}&:before{content:counter(section, decimal-leading-zero) / "";color:var(--theme-highlight);letter-spacing:0;margin-block-end:.5rem;font-size:1.125rem;display:block}}& strong{color:var(--theme-fg)}& a{color:var(--theme-highlight);text-underline-offset:.25em;text-decoration:underline 1px;&:hover{text-decoration-thickness:2px}}& ul{gap:.75rem;display:grid}& li{padding-inline-start:1.5rem;position:relative;&:before{content:"";aspect-ratio:1;background:var(--theme-highlight);inline-size:.5rem;box-shadow:0 0 10px var(--theme-highlight);border-radius:50%;position:absolute;inset-block-start:.7em;inset-inline-start:0}}& :not(pre)>code{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-highlight);border-radius:.4rem;padding:.1em .4em;font-size:1em}& pre{border:1px solid var(--theme-border);border-radius:1rem;margin-block:2rem;padding:1.25rem 1.5rem;font-size:1.125rem;line-height:1.6;overflow-x:auto}}.talk-pager{max-inline-size:var(--wrap);padding:0 var(--gutter) clamp(6rem, 10vw, 8rem);text-align:center;margin-inline:auto}.talk-pager__grid{text-align:start;gap:1rem;margin-block-start:1.5rem;display:grid;@media (width>=48rem){grid-template-columns:1fr 1fr}}.pager-card{border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-surface);gap:.25rem;padding:clamp(1.5rem,3vw,2.25rem);transition:translate .3s,border-color .3s,box-shadow .3s;display:grid;&:hover{border-color:var(--theme-highlight);box-shadow:0 0 3rem -1rem color-mix(in oklab, var(--theme-highlight) 50%, transparent);translate:0 -.25rem}}.pager-card--next{text-align:end}.pager-card__dir{color:var(--theme-highlight);font-weight:500;.pager-card--prev &:before{content:"← " / ""}.pager-card--next &:after{content:" →" / ""}}.pager-card__title{font-family:var(--theme-font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.pager-card__sub{color:var(--theme-muted)}.talk-pager__all{color:var(--theme-highlight);text-underline-offset:.3em;margin-block-start:2rem;text-decoration:underline 1px;display:inline-block}.talk__title a:hover{text-underline-offset:.08em;text-decoration:underline .06em}