.home-experience{--pointer-x:50vw;--pointer-y:30vh;--home-progress:0;isolation:isolate;position:relative}.home-experience:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(28rem 28rem at var(--pointer-x) var(--pointer-y), color-mix(in oklab, var(--lagoon) 10%, transparent), transparent 72%);opacity:.72;position:fixed;inset:0}.home-experience-content{z-index:1;position:relative}.home-experience section[id]{scroll-margin-top:5rem}.home-skip-link{z-index:70;border:1px solid var(--line);background:var(--surface-strong);color:var(--sea-ink);border-radius:4px;padding:.75rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1);position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.home-skip-link:focus-visible{transform:translateY(0)}.home-section-nav{z-index:24;grid-template-columns:1px auto;gap:.85rem;display:grid;position:fixed;top:50%;right:max(1rem,50vw - 740px);transform:translateY(-50%)}.home-section-progress{background:var(--line);width:1px;min-height:11.5rem;display:block;position:relative;overflow:hidden}.home-section-progress>span{background:var(--lacquer);transform:scaleY(var(--home-progress));transform-origin:top;transition:transform 90ms linear;position:absolute;inset:0}.home-section-nav ol{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.home-section-nav a{min-height:2rem;color:var(--sea-ink-soft);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1.75rem auto;align-items:center;font-size:.65rem;text-decoration:none;display:grid}.home-section-nav a span{font-variant-numeric:tabular-nums;opacity:.62}.home-section-nav a strong{opacity:0;white-space:nowrap;max-width:0;font-weight:700;transition:max-width .26s cubic-bezier(.16,1,.3,1),opacity .18s ease-out,transform .26s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translate(.35rem)}.home-section-nav a:hover,.home-section-nav a.is-active{color:var(--sea-ink)}.home-section-nav a:hover strong,.home-section-nav a.is-active strong,.home-section-nav a:focus-visible strong{opacity:1;max-width:9rem;transform:translate(0)}.home-experience.is-enhanced [data-home-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(2rem)}.home-experience.is-enhanced [data-home-reveal][data-visible=true]{opacity:1;transform:translateY(0)}.kinetic-hero{min-height:calc(100svh - 4rem);padding-block:clamp(1rem,2.4vw,2rem) clamp(2.5rem,5vw,4.5rem)}.kinetic-hero .hero-bg-ambient{background:radial-gradient(56rem 48rem at 80% 26%, var(--hero-a), transparent 68%), radial-gradient(38rem 32rem at 10% 72%, var(--hero-b), transparent 72%), linear-gradient(90deg, transparent 49.94%, var(--line) 50%, transparent 50.06%);opacity:.86}.kinetic-hero-shell{gap:1rem;display:grid}.kinetic-hero-copy{z-index:3;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.72fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding:clamp(2rem,4vw,3.5rem) 0;display:grid;position:relative}.kinetic-hero .hero-title{width:min(13ch,100%);color:var(--sea-ink);letter-spacing:-.03em;text-wrap:balance;margin-top:clamp(1.25rem,3vw,2.35rem);font-size:clamp(3rem,6.1vw,6.4rem);line-height:.92}.kinetic-hero-intro-wrap{padding-bottom:.35rem}.kinetic-hero-intro{max-width:39rem;color:var(--sea-ink-soft);margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.68}.kinetic-hero .hero-actions{margin-top:clamp(1.25rem,2.4vw,2rem);padding-top:0}.kinetic-hero .hero-actions a{min-height:2.8rem}.kinetic-hero .hero-actions a:focus-visible,.project-view-toolbar button:focus-visible,.home-section-nav a:focus-visible,.hero-scroll-cue:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.hero-scroll-cue{width:fit-content;color:var(--sea-ink-soft);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.55rem;margin-top:1.85rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-scroll-cue svg{animation:1.8s cubic-bezier(.16,1,.3,1) infinite hero-scroll-pulse}@keyframes hero-scroll-pulse{0%,to{opacity:.58;transform:translateY(0)}48%{opacity:1;transform:translateY(.32rem)}}.kinetic-reveal{opacity:0;animation:.76s cubic-bezier(.16,1,.3,1) forwards kinetic-reveal;animation-delay:calc(90ms + var(--i,0) * 95ms)}@keyframes kinetic-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(1.3rem)}to{opacity:1;filter:blur();transform:translateY(0)}}.kinetic-hero-stage{z-index:1;isolation:isolate;background:url(/hero-gradient.jpg) 50%/cover;border:1px solid oklch(82% .038 190/.18);border-radius:2px;place-items:center;min-width:0;min-height:clamp(25rem,55vw,42rem);display:grid;position:relative;overflow:hidden;box-shadow:0 35px 80px oklch(23% .026 204/.18),inset 0 1px oklch(98% .01 190/.09)}.hero-gradient-wordmark{color:oklch(22% .03 240);letter-spacing:-.075em;white-space:nowrap;margin:0;font-family:Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.7rem,9.6vw,8.5rem);font-weight:800;line-height:.82}.kinetic-hero .hero-ledger{z-index:4;background:color-mix(in oklab, var(--bg-base) 88%, transparent);grid-template-columns:minmax(10rem,1fr) repeat(4,minmax(0,1fr));position:relative}.kinetic-hero .hero-place,.kinetic-hero .ledger-row{min-height:4.6rem}.home-experience .section{padding-block:clamp(5rem,10vw,8.5rem)}.home-experience .section-heading{margin-bottom:clamp(2.75rem,7vw,5rem)}.home-experience .section-title{letter-spacing:-.025em;font-size:clamp(2.55rem,6.2vw,5.25rem);line-height:.98}.home-experience #about{min-height:84svh}.home-experience .about-layout{grid-template-columns:minmax(14rem,.42fr) minmax(0,1fr);gap:clamp(2.5rem,8vw,7rem)}.home-experience .profile-plate{--profile-x:0;--profile-y:0;border-top:1px solid var(--sea-ink);perspective:900px;position:sticky;top:6.5rem}.profile-portrait-stage{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(90deg, transparent 49.8%, var(--line) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, var(--line) 50%, transparent 50.2%), var(--surface);width:min(100%,15rem);transform:rotateX(calc(var(--profile-y) * -3deg)) rotateY(calc(var(--profile-x) * 4deg));transform-style:preserve-3d;place-items:center;transition:transform .36s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.profile-portrait-stage:before,.profile-portrait-stage:after{content:"";border-top:1px solid var(--lacquer);border-left:1px solid var(--lacquer);width:.55rem;height:.55rem;position:absolute}.profile-portrait-stage:before{top:.65rem;left:.65rem}.profile-portrait-stage:after{bottom:.65rem;right:.65rem;transform:rotate(180deg)}.profile-portrait{z-index:2;transform:translate3d(calc(var(--profile-x) * .4rem), calc(var(--profile-y) * .4rem), 2.2rem);transition:transform .36s cubic-bezier(.16,1,.3,1);position:relative}.profile-portrait-orbit{z-index:1;border:1px solid color-mix(in oklab, var(--lagoon-deep) 36%, var(--line));border-radius:50%;width:76%;height:76%;position:absolute;transform:translateZ(1rem)rotate(24deg)}.profile-portrait-orbit:after{content:"";background:var(--lacquer);width:.5rem;height:.5rem;box-shadow:0 0 0 5px color-mix(in oklab, var(--lacquer) 12%, transparent);border-radius:50%;position:absolute;top:7%;left:18%}.home-experience .about-copy{border-top-color:var(--sea-ink);padding-top:clamp(1.5rem,3vw,2.5rem)}.home-experience .about-copy>p:first-child{max-width:19ch;color:var(--sea-ink);letter-spacing:-.018em;margin:0;font-family:Literata,Georgia,serif;font-size:clamp(1.8rem,3.6vw,3.65rem);font-weight:500;line-height:1.13}.home-experience .about-copy>p:last-child{max-width:52rem;color:var(--sea-ink-soft);margin-top:clamp(2rem,5vw,4.5rem);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.75}.home-experience .collaboration-section{color:oklch(92% .018 190);background:oklch(14% .022 204);position:relative;overflow:hidden}.home-experience .collaboration-section:before{content:"";pointer-events:none;background:radial-gradient(42rem 34rem at 90% 20%,oklch(43% .16 27/.13),#0000 68%),linear-gradient(90deg,#0000 11%,oklch(90% .018 190/.07) calc(11% + 1px),#0000 calc(11% + 2px) 89%,oklch(90% .018 190/.07) calc(89% + 1px),#0000 calc(89% + 2px));position:absolute;inset:0}.home-experience .collaboration-section .page-wrap{z-index:1;position:relative}.home-experience .collaboration-section .section-title,.home-experience .collaboration-section .section-heading p{color:oklch(92% .018 190)}.home-experience .collaboration-section .kicker-line{color:oklch(74% .105 86)}.collaboration-stack{border-top:1px solid oklch(88% .02 190/.2)}.collaboration-row{--row-x:70%;--row-y:50%;background:radial-gradient(24rem 18rem at var(--row-x) var(--row-y), oklch(72% .085 185/0), transparent 72%);border-bottom:1px solid oklch(88% .02 190/.2);grid-template-columns:minmax(3rem,.18fr) minmax(0,1fr) minmax(5rem,.22fr);align-items:center;gap:clamp(1rem,4vw,3.5rem);min-height:clamp(10.5rem,19vw,15rem);transition:background-color .26s ease-out;display:grid;position:relative;overflow:hidden}.collaboration-row:after{content:"";pointer-events:none;background:radial-gradient(26rem 18rem at var(--row-x) var(--row-y), oklch(72% .085 185/.12), transparent 70%);opacity:0;transition:opacity .26s ease-out;position:absolute;inset:0}.collaboration-row-index{color:oklch(74% .105 86);font-variant-numeric:tabular-nums;letter-spacing:.14em;align-self:start;padding-top:2.25rem;font-size:.72rem}.collaboration-row-copy{z-index:2;grid-template-columns:minmax(12rem,.7fr) minmax(0,1fr);align-items:baseline;gap:clamp(1rem,4vw,4rem);transition:transform .36s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.collaboration-row-copy h3{color:oklch(94% .014 190);line-height:1.08}.collaboration-row-copy p{color:oklch(76% .022 190);max-width:42rem;font-size:.95rem;line-height:1.72}.collaboration-row-object{z-index:2;aspect-ratio:1;color:oklch(88% .018 190);border:1px solid oklch(82% .038 190/.34);justify-self:center;place-items:center;width:clamp(3.8rem,7vw,5.8rem);transition:transform .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:rotate(12deg)}.collaboration-row-object>span{border:1px solid oklch(43% .16 27/.82);width:66%;height:66%;position:absolute;transform:rotate(34deg)}.collaboration-row-object svg{z-index:1;position:relative}.home-experience .collaboration-note{color:oklch(76% .022 190);border-top:0;border-bottom-color:oklch(88% .02 190/.2)}.home-experience .collaboration-link{color:oklch(82% .08 185)}.skill-instrument{border-top:1px solid var(--sea-ink)}.skill-instrument-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(12rem,.42fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(1.8rem,4vw,3.2rem);display:grid}.skill-instrument-heading{grid-template-columns:2rem 1fr;align-items:baseline;gap:.75rem;display:grid}.skill-instrument-heading span{color:var(--lacquer);font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:.7rem}.skill-instrument-heading h3{color:var(--sea-ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:750}.skill-cloud{perspective:700px;flex-wrap:wrap;gap:.55rem .75rem;display:flex}.skill-node{border:1px solid var(--line);background:color-mix(in oklab, var(--surface-strong) 82%, transparent);min-height:2.7rem;color:var(--sea-ink);align-items:center;padding:.62rem .9rem;font-size:clamp(.88rem,1.25vw,1rem);transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;transform:translateZ(0)}.project-view-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-block:.7rem;display:flex}.project-view-toolbar>p{max-width:38rem;color:var(--sea-ink-soft);font-size:.78rem;line-height:1.5}.project-view-toolbar>div{border:1px solid var(--line);border-radius:4px;flex:none;align-items:center;display:inline-flex}.project-view-toolbar button{border:0;border-right:1px solid var(--line);min-height:2.5rem;color:var(--sea-ink-soft);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.project-view-toolbar button:last-child{border-right:0}.project-view-toolbar button[aria-pressed=true]{background:var(--sea-ink);color:var(--foam)}.home-experience .projects-showcase{perspective:1500px}.home-experience .project-card-interactive{transform:perspective(1200px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d}.home-experience .project-card-interactive>*{transform:translateZ(.01px)}.home-experience .project-card-interactive .project-cover{transition:transform .32s cubic-bezier(.16,1,.3,1);transform:translateZ(1.5rem)}.projects-ledger{border-top:1px solid var(--sea-ink)}.projects-ledger>a{border-bottom:1px solid var(--line);min-height:5.75rem;color:var(--sea-ink-soft);grid-template-columns:3rem minmax(12rem,1fr) minmax(7rem,.35fr) minmax(6rem,.28fr) 1.5rem;align-items:center;gap:1rem;padding-inline:.5rem;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out,transform .3s cubic-bezier(.16,1,.3,1);display:grid}.projects-ledger>a strong{color:var(--sea-ink);font-family:Literata,Georgia,serif;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.15}.projects-ledger>a>span:not(.projects-ledger-index){font-size:.75rem}.projects-ledger-index{color:var(--lacquer);font-variant-numeric:tabular-nums;font-size:.68rem}.projects-ledger svg{justify-self:end}.home-experience .timeline-rail{border-top:1px solid var(--sea-ink);gap:0;padding-left:0;display:grid}.home-experience .timeline-rail:before{display:none}.home-experience .timeline-rail>li{border-bottom:1px solid var(--line)}.home-experience .timeline-rail .timeline-dot{width:.55rem;height:.55rem;box-shadow:0 0 0 5px color-mix(in oklab, var(--lacquer) 10%, transparent);top:50%;left:auto;right:.25rem;transform:translateY(-50%)}.home-experience .timeline-rail .surface-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(1.4rem,3vw,2.2rem) clamp(2rem,5vw,4rem) clamp(1.4rem,3vw,2.2rem) 0;transition:background-color .18s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.home-experience #blog .surface-card{box-shadow:none;background:0 0;border-width:1px 0;border-radius:0;transition:background-color .18s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.home-experience #contact{position:relative}.home-experience #contact:before{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in oklab, var(--lagoon) 13%, transparent), transparent 68%);width:min(42vw,36rem);height:min(42vw,36rem);position:absolute;bottom:0;right:0}.home-experience .contact-panel{perspective:1200px;position:relative}.home-experience .contact-panel>*{transition:transform .42s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.collaboration-row:hover:after{opacity:1}.collaboration-row:hover .collaboration-row-copy{transform:translate(.55rem)}.collaboration-row:hover .collaboration-row-object{transform:rotate(58deg)scale(1.05)}.skill-node:hover{z-index:2;border-color:var(--lacquer);background:var(--lacquer);color:oklch(97% .012 185);transform:translateY(-.35rem)translateZ(2rem)rotate(-1deg)}.home-experience .project-card-interactive:hover{transform:perspective(1200px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-.25rem)}.home-experience .project-card-interactive:hover .project-cover{transform:translateZ(2.3rem)scale(1.012)}.projects-ledger>a:hover{background:color-mix(in oklab, var(--surface-strong) 72%, var(--lagoon) 28%);color:var(--sea-ink);transform:translate(.45rem)}.home-experience .timeline-rail>li:hover .surface-card,.home-experience #blog .surface-card:hover{background:color-mix(in oklab, var(--surface-strong) 70%, transparent);transform:translate(.45rem)}.home-experience .contact-panel>:hover{transform:translateY(-.3rem)rotateX(.4deg)}}@media (width<=1320px){.home-section-nav{display:none}}@media (width<=980px){.kinetic-hero-copy{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:3rem 2.5rem}.kinetic-hero .hero-title{width:min(12ch,100%)}.kinetic-hero-stage{min-height:min(38rem,68svh)}.kinetic-hero-intro{max-width:46rem}.hero-scroll-cue{margin-top:1rem}.home-experience .about-layout{grid-template-columns:minmax(0,1fr)}.home-experience .profile-plate{grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);align-items:end;gap:1.5rem;display:grid;position:relative;top:auto}.collaboration-row-copy{grid-template-columns:minmax(0,1fr);gap:.8rem}.skill-instrument-row{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.home-experience:before{display:none}.kinetic-hero{padding-top:.75rem}.kinetic-hero-copy{padding-block:2.5rem 2rem}.kinetic-hero .hero-title{margin-top:1rem;font-size:clamp(3rem,14.5vw,4.8rem);line-height:.92}.kinetic-hero-stage{min-height:23rem}.kinetic-hero .hero-ledger{grid-template-columns:minmax(0,1fr)}.home-experience .section{padding-block:4.75rem}.home-experience .section-title{font-size:clamp(2.25rem,11vw,3.5rem)}.home-experience .profile-plate{grid-template-columns:minmax(0,1fr)}.profile-portrait-stage{width:min(78vw,15rem)}.home-experience .about-copy>p:first-child{font-size:clamp(1.65rem,7.8vw,2.55rem)}.collaboration-row{grid-template-columns:2rem minmax(0,1fr);gap:.75rem;min-height:auto;padding-block:2rem}.collaboration-row-index{padding-top:.35rem}.collaboration-row-object{display:none}.skill-instrument-row{gap:1.25rem}.project-view-toolbar{flex-direction:column;align-items:flex-start}.project-view-toolbar>div,.project-view-toolbar button{width:100%}.project-view-toolbar button{justify-content:center}.projects-ledger>a{grid-template-columns:2.2rem minmax(0,1fr) 1.25rem;gap:.7rem;min-height:5.25rem}.projects-ledger>a>span:not(.projects-ledger-index){display:none}.home-experience .timeline-rail .surface-card{padding-right:1.6rem}}@media (pointer:coarse){.home-experience .project-card-interactive,.home-experience .project-card-interactive:hover,.profile-portrait-stage,.profile-portrait{transform:none}}@media (prefers-reduced-motion:reduce){.home-experience:before{display:none}.home-experience.is-enhanced [data-home-reveal],.home-experience.is-enhanced [data-home-reveal][data-visible=true],.kinetic-reveal,.hero-scroll-cue svg{animation:none}.profile-portrait-stage,.profile-portrait,.home-experience .project-card-interactive,.home-experience .project-card-interactive:hover{transform:none}.home-section-progress>span{transition:none}}@media (prefers-reduced-motion:no-preference){html:has(.home-experience){scroll-behavior:smooth}}