@property --line{syntax:"<length-percentage>";inherits:true;initial-value:40%}@property --l2{syntax:"<length-percentage>";inherits:true;initial-value:150%}@property --l3{syntax:"<length-percentage>";inherits:true;initial-value:150%}@property --l4{syntax:"<length-percentage>";inherits:true;initial-value:150%}@property --l5{syntax:"<length-percentage>";inherits:true;initial-value:150%}@property --l6{syntax:"<length-percentage>";inherits:true;initial-value:150%}@property --a6{syntax:"<number>";inherits:true;initial-value:.5}@property --name-y{syntax:"<length>";inherits:true;initial-value:0}@property --name-a{syntax:"<number>";inherits:true;initial-value:1}@property --sub-y{syntax:"<length>";inherits:true;initial-value:0}@property --sub-a{syntax:"<number>";inherits:true;initial-value:1}@property --lift-y{syntax:"<length>";inherits:true;initial-value:0}@property --sky-1{syntax:"<color>";inherits:true;initial-value:#0000}@property --sky-2{syntax:"<color>";inherits:true;initial-value:#0000}@property --ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --mid{syntax:"<color>";inherits:true;initial-value:#0000}@property --deep{syntax:"<color>";inherits:true;initial-value:#0000}@property --abyss{syntax:"<color>";inherits:true;initial-value:#0000}@property --sunk-ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --sub{syntax:"<color>";inherits:true;initial-value:#0000}@property --identity{syntax:"<color>";inherits:true;initial-value:#0000}@property --proof{syntax:"<color>";inherits:true;initial-value:#0000}@property --breadth{syntax:"<color>";inherits:true;initial-value:#0000}@property --ctx{syntax:"<color>";inherits:true;initial-value:#0000}@property --kicker{syntax:"<color>";inherits:true;initial-value:#0000}@property --page{syntax:"<color>";inherits:true;initial-value:#0000}@property --page-ink{syntax:"<color>";inherits:true;initial-value:#0000}@property --page-text{syntax:"<color>";inherits:true;initial-value:#0000}@property --page-kicker{syntax:"<color>";inherits:true;initial-value:#0000}@property --oar-ink{syntax:"<color>";inherits:true;initial-value:#0000}:root{--sky-1:#f6fafb;--sky-2:#dce8ed;--ink:#0b1d2a;--surface:#2386b2;--mid:#12577c;--deep:#0a3d5a;--abyss:#04182a;--sunk-ink:#0d3049;--sub:#fff;--identity:#fff;--proof:#7fdcff;--breadth:#b4d3e2;--ctx:#cfe6f0;--kicker:#8fd3ec;--page:#f6fafb;--page-ink:#0b1d2a;--page-text:#3a4a56;--page-kicker:#2386b2;--oar-ink:#010a12;--display:var(--font-unbounded,Unbounded, system-ui, sans-serif);--body:var(--font-inter,Inter, system-ui, sans-serif);--name-weight:800;--name-style:normal;--big-ls:-.03em;--mono:var(--font-jetbrains-mono,"JetBrains Mono", ui-monospace, monospace)}:root.fade{transition:--sky-1 .7s,--sky-2 .7s,--ink .7s,--surface .7s,--mid .7s,--deep .7s,--abyss .7s,--sunk-ink .7s,--sub .7s,--identity .7s,--proof .7s,--breadth .7s,--ctx .7s,--kicker .7s,--page .7s,--page-ink .7s,--page-text .7s,--page-kicker .7s,--oar-ink .7s}html:has(.ice-scene){background:var(--page);scroll-behavior:auto}body:has(.ice-scene){font-family:var(--body);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.water-host{position:relative;overflow:hidden}.water-layer{clip-path:inset(max(0%, var(--line)) 0 0 0);position:absolute;inset:0}.w-caustics{pointer-events:none;mix-blend-mode:screen;opacity:.75;z-index:1;width:100%;position:absolute;top:0;left:0}.ice-hero{--line:50%;background:linear-gradient(var(--sky-1), var(--sky-2) 40%);height:100lvh;min-height:560px}@media (width<=639px){.ice-hero{--line:45%}}.ice-hero .water-layer{background:var(--surface)}.berg-wrap{transform:translateY(var(--lift-y));will-change:transform;position:absolute;inset:0}.ice-hero .layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ice-hero .layer2{--line:var(--l2)}.ice-hero .layer3{--line:var(--l3)}.ice-hero .layer4{--line:var(--l4)}.ice-hero .layer5{--line:var(--l5)}.ice-hero .layer6{--line:var(--l6)}.ice-hero .layer2 .water-layer{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 16%) 60%, transparent)}.ice-hero .layer3 .water-layer{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 32%) 60%, transparent)}.ice-hero .layer4 .water-layer{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 48%) 60%, transparent)}.ice-hero .layer5 .water-layer{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 64%) 60%, transparent)}.ice-hero .layer6 .water-layer{background:color-mix(in oklab, color-mix(in oklab, var(--surface), var(--deep) 80%) calc(var(--a6) * 100%), transparent)}.ice-hero .layer .boat{color:var(--ink)}.ice-hero .layer .water-layer .boat{color:var(--sunk-ink);--oar:color-mix(in oklab, var(--oar-ink), #000 35%)}.berg-wrap.deep{pointer-events:none}.boat-wrap{pointer-events:none;position:absolute;inset:0}.wet-boat .boat{color:var(--sunk-ink);--oar:color-mix(in oklab, var(--oar-ink), #000 35%)}.berg-wrap.dry,.berg-wrap.wet,.berg-wrap.tap{transform:translateY(calc(var(--lift-y) + var(--name-y)))}.berg-wrap.dry .name,.berg-wrap.wet .name{opacity:var(--name-a)}.berg-wrap.dry{pointer-events:none}.name-line{white-space:nowrap;color:var(--ink);font-family:var(--display);font-weight:var(--name-weight);font-style:var(--name-style);margin:0;position:absolute}.wet .name-line{color:var(--sunk-ink)}@property --duck{syntax:"<length>";inherits:false;initial-value:0}@property --wet{syntax:"<number>";inherits:false;initial-value:0}.name-line .lt{transform:translateY(var(--duck,0px));will-change:transform;display:inline-block}@property --rip-x{syntax:"<length>";inherits:false;initial-value:0}@property --rip-y{syntax:"<length>";inherits:false;initial-value:0}.wet .name-line .lt{transform:translate(var(--rip-x,0px), calc(var(--duck,0px) + var(--rip-y,0px)))}.dry .name-line .lt{color:color-mix(in oklab, var(--ink), var(--sunk-ink) calc(var(--wet,0) * 45%))}.wet .name-line .lt{color:color-mix(in oklab, var(--sunk-ink), #000 calc(var(--wet,0) * 35%))}.sub-wrap .sub{color:var(--sub);cursor:pointer;pointer-events:auto;white-space:nowrap;line-height:1;font-family:var(--display);transform:translateY(calc(var(--sub-y) - var(--name-y)));opacity:var(--sub-a);background:0 0;border:0;align-items:center;gap:.55em;margin:0;padding:0;display:inline-flex;position:absolute}.sub-wrap .sub svg{flex:none;width:.85em;height:.85em;overflow:visible}@media (prefers-reduced-motion:no-preference){.sub-wrap .sub svg{animation:2.2s ease-in-out infinite bob}}@keyframes bob{0%,to{transform:translateY(-12%)}50%{transform:translateY(14%)}}.deep-title-wrap{pointer-events:none;height:0;position:absolute;top:0;left:0;right:0}.deep-title{white-space:nowrap;font-family:var(--display);font-weight:var(--name-weight);font-style:var(--name-style);color:color-mix(in oklab, var(--sunk-ink), #000 45%);margin:0;line-height:1.1;position:absolute}.cloud .lead{text-align:center;text-wrap:balance;font:400 clamp(1.2rem, 1.9vw, 1.6rem)/1.55 var(--body);color:var(--identity);margin:0;position:absolute}.cloud .lead.left,.cloud .lead.split{text-align:left;text-wrap:pretty}.cloud .lead.split .big{font:var(--name-weight) var(--big-size,clamp(1.7rem, 3.2vw, 2.8rem))/1.08 var(--display);font-style:var(--name-style);letter-spacing:var(--big-ls,-.02em);color:var(--identity);text-wrap:balance;margin:0 0 .6em;display:block}.cloud .lead.split .rest{color:var(--ctx);display:block}.boat{width:180px;height:70px;color:var(--ink);--oar:var(--oar-ink);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.wet .boat{color:var(--sunk-ink);--oar:color-mix(in oklab, var(--oar-ink), #000 35%)}.tap{pointer-events:none;z-index:5}.tittle{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.tittle:after{content:"";box-shadow:0 0 0 1.5px var(--ink);opacity:0;border-radius:50%;position:absolute;inset:22%;transform:scale(.8)}.tittle:focus-visible{outline:none}.tittle:focus-visible:after{opacity:.3;transform:scale(1)}.tittle.hint:after{animation:1.8s ease-out hint}@keyframes hint{0%{opacity:0;transform:scale(.8)}25%{opacity:.22;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.after{--line:0%;z-index:2;min-height:100lvh;color:var(--page-text);margin-top:-100lvh;padding:14vh 6vw 30vh;position:relative}.after .page-layer{background:var(--page)}.after-inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.after .kicker{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--page-kicker);margin:0 0 18px}.after h2{font:var(--name-weight) clamp(2.2rem, 5vw, 4rem)/1 var(--display);font-style:var(--name-style);letter-spacing:var(--big-ls,-.04em);color:var(--page-ink);margin:0 0 24px}.after .lede{font:500 clamp(1.3rem, 2.1vw, 1.7rem)/1.4 var(--body);color:var(--page-ink);max-width:30em;margin:0 0 36px}.after h3.first{margin-top:0}.after h3{border-top:2px solid color-mix(in oklab, var(--page-ink) 18%, transparent);font:var(--name-weight) clamp(1.1rem, 1.6vw, 1.35rem)/1.1 var(--display);font-style:var(--name-style);letter-spacing:var(--big-ls,-.02em);color:var(--page-kicker);margin:8vh 0 24px;padding-top:20px}.after .role{margin:0 0 32px}.after .role header{margin-bottom:0}.after h4{font:var(--name-weight) clamp(1.3rem, 2.2vw, 1.8rem)/1.1 var(--display);font-style:var(--name-style);letter-spacing:var(--big-ls,-.02em);color:var(--page-ink);margin:0 0 6px}.after .meta{font:500 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--page-text);opacity:.75;margin:0}.after ul{margin:0;padding:0 0 0 1.1em}.after li{font:400 clamp(1rem, 1.25vw, 1.1rem)/1.55 var(--body);color:var(--page-text);margin:0 0 10px}.after li::marker{color:var(--page-kicker)}.after b{color:var(--page-ink);font-weight:600}.after .earlier{margin:0}.after .earlier>div{margin:0 0 20px}.after .earlier dt{font:600 clamp(1rem, 1.3vw, 1.15rem)/1.4 var(--body);color:var(--page-ink)}.after .earlier dt .meta{margin-left:8px;display:inline}.after .earlier dd{font:400 clamp(.95rem, 1.2vw, 1.05rem)/1.55 var(--body);color:var(--page-text);margin:4px 0 0}.after .cols{grid-template-columns:1fr 1fr;gap:0 48px;display:grid}.after .cols h3{margin-top:8vh}.after .skills{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.after .skills li{font:500 .9rem/1.3 var(--body);color:var(--page-ink);background:color-mix(in oklab, var(--page-ink) 9%, transparent);border-radius:999px;margin:0;padding:6px 12px}@media (width<=640px){.after .cols{grid-template-columns:1fr}.after .earlier dt .meta{margin:4px 0 0;display:block}}@media (prefers-reduced-motion:no-preference){.ice-scene{view-timeline:--ice-dive;height:320lvh}.ice-hero{position:sticky;top:0}}@keyframes ice-drown{0%{--line:50%;--name-y:0px;--name-a:1;--sub-y:0px;--sub-a:1;--lift-y:0px}to{--line:-8%;--l2:-8%;--l3:-8%;--l4:-8%;--l5:-8%;--l6:-8%;--a6:1;--name-y:100vh;--name-a:0;--sub-y:100vh;--sub-a:0;--lift-y:calc(var(--dive,0px) * -1)}}
