.dock{z-index:85;pointer-events:none;visibility:hidden;color:color-mix(in srgb, var(--ink) calc(var(--c,0) * 100%), var(--bone));position:fixed;top:0;left:0}.dock[data-in-page]{position:absolute}.dock[data-ready]{visibility:visible}.dock[data-glide]{transition:color .52s cubic-bezier(.22,1,.36,1)}.dock[data-hidden],.dock[data-menu]{visibility:hidden}.dock__move{transform-origin:0 0}.dock__name{pointer-events:auto;cursor:pointer}.dock[data-hidden] .dock__name,.dock[data-menu] .dock__name{pointer-events:none}.dock__ring{box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) calc(var(--c,0) * 100%), #fff);pointer-events:none;border-radius:2px;display:none;position:fixed;top:0;left:0}.dock[data-ring] .dock__ring{display:block}
.hero{--inset:clamp(32px, 2.78vw, 48px);--bottom:clamp(32px, 6svh, 72px);--g-lead:16px;--g-name:34px;--rule-gap:8px;--name-fs:min(calc(83vw / 5.215), calc(1360px / 5.215));--on-photo:var(--bone);height:100svh;min-height:560px;margin-top:calc(-1 * (var(--header-h) + 1px));background:var(--ink);color:var(--on-photo);isolation:isolate;position:relative;overflow:clip}@media (max-height:700px){.hero{--name-fs:min(calc(83vw / 5.215), calc(1360px / 5.215), calc(24svh / .92))}}.hero__photo{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__photo--pending{background:var(--ink)}.hero__settle,.hero__settle picture{display:block;position:absolute;inset:0}.hero__settle{transform-origin:var(--settle-desk,50% 50%)}.hero__img{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--op-laptop,60% 60%);object-position:var(--op-laptop,60% 60%);width:100%;max-width:none;height:100%;display:block}@media (min-width:1280px){.hero__img{-o-object-position:var(--op-desktop,60% 60%);object-position:var(--op-desktop,60% 60%)}}.hero__shade{pointer-events:none;background:linear-gradient(#0000 60%,#00000038 100%),linear-gradient(#00000057 0,#0000 140px);position:absolute;inset:0}.hero__sig:before{content:"";z-index:-1;left:calc(-1 * var(--inset));top:-120px;right:-100vw;bottom:calc(-1 * (var(--bottom) + env(safe-area-inset-bottom,0px)));pointer-events:none;background:linear-gradient(0deg,#00000080 0,#00000070 calc(100% - 120px),#0000 100%);position:absolute}.hero__group{z-index:2;left:var(--inset);right:var(--inset);bottom:calc(var(--bottom) + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-start;display:flex;position:absolute}.hero__lead{align-items:flex-start;gap:var(--g-lead);opacity:calc(1 - var(--away,0));flex-direction:column;order:0;display:flex}.hero[data-away] .hero__lead:not(:focus-within){visibility:hidden}.hero[data-glide] .hero__lead,.hero[data-glide] .hero__rule{transition:opacity .52s var(--settle), visibility 0s linear .52s}.hero[data-glide]:not([data-away]) .hero__lead{transition:opacity .52s var(--settle)}.hero__lead:focus-within{opacity:1}.hero__prof{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.01em;text-transform:none;margin:0;font-size:14px;font-weight:600;line-height:1.4}.hero__h1{margin:calc(var(--g-name) - .16em) 0 0;font-size:var(--name-fs);font-weight:inherit;order:1;line-height:0}.hero__sig{vertical-align:top;padding-bottom:var(--rule-gap);display:inline-block;position:relative}.hero__name{font-family:var(--font-condensed), "Arial Narrow", sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-kerning:none;font-size:1em;font-weight:600;line-height:.92;display:block;overflow:clip}.hero[data-dock] .hero__name{visibility:hidden}@supports (animation-timeline:scroll()){html[data-dockable] .hero:not([data-dock]) .hero__name{animation:linear both hero-name-step;animation-timeline:scroll(root);animation-range:11px 12px}}html[data-dockable] .hero[data-prelive]:not([data-dock]) .hero__name{opacity:0}@keyframes hero-name-step{0%{opacity:1}to{opacity:0}}.hero__rule{background:var(--detail);transform-origin:0;height:1px;opacity:calc(1 - var(--away,0));position:absolute;bottom:0;left:0;right:.04em}.hero__links{flex-wrap:wrap;gap:12px;display:flex}.hero__links .btn{flex:none;height:48px}.hero .btn--photo{--btn-bg:var(--bone);--btn-fg:var(--ink);--btn-hover-bg:var(--ink);--btn-hover-fg:var(--bone)}.hero .btn--photo-outline{--btn-bg:transparent;--btn-fg:var(--on-photo);--btn-border:var(--on-photo);--btn-hover-bg:var(--bone);--btn-hover-fg:var(--ink)}.hero .btn--photo:focus-visible,.hero .btn--photo-outline:focus-visible{outline-color:var(--on-photo)}.hc{display:inline}@media (orientation:portrait) and (max-width:1023.98px),(orientation:portrait) and (min-width:1024px) and (pointer:coarse){.hero{--band-fade:140px;--scrim-h:min(96px, calc(max(100svh, 560px) * var(--face-top) / var(--src-h) - 4px))}.hero__settle{transform-origin:50% var(--face-y,35%)}.hero__img{-o-object-position:50% 50%;object-position:50% 50%}.hero__shade{background:linear-gradient(to top, #00000038 0%, #0000 40%), linear-gradient(to bottom, #0000006b 0, #0000005c calc(var(--header-h) * .5 + 16px), #0000 var(--scrim-h,96px))}.hero__sig:before{content:none}.hero__group:before{content:"";z-index:-1;left:calc(-1 * var(--inset));right:calc(-1 * var(--inset));top:calc(-1 * var(--band-fade));bottom:calc(-1 * (var(--bottom) + env(safe-area-inset-bottom,0px)));background:linear-gradient(to top, #00000080 0, #00000075 calc(100% - var(--band-fade)), #0000 100%);pointer-events:none;position:absolute}}@media (orientation:portrait) and (max-width:767.98px){.hero{--inset:20px;--bottom:24px;--g-lead:12px;--g-name:28px;--rule-gap:5px;--name-fs:calc((100vw - 40px) / 5.215)}.hero__h1{margin:0 0 var(--g-name);order:0}.hero__lead{opacity:1;order:1;width:100%}.hero__rule{opacity:1}.hero[data-away] .hero__lead:not(:focus-within){visibility:visible}.hero__links{flex-wrap:nowrap;gap:8px;width:100%}.hero__links .btn{flex:1 1 0;min-width:0;height:44px;padding-inline:10px}}@media (orientation:portrait) and (max-width:767.98px) and (max-height:700px){.hero{--bottom:16px;--g-lead:8px;--g-name:24px;--rule-gap:4px;--band-fade:96px}}@media (orientation:portrait) and (min-width:768px) and (max-width:1023.98px),(orientation:portrait) and (min-width:1024px) and (pointer:coarse){.hero{--inset:24px;--g-lead:16px;--g-name:32px;--rule-gap:8px;--name-fs:min(calc(83vw / 5.215), calc(1360px / 5.215))}}@media (orientation:landscape) and (max-width:1023.98px),(orientation:landscape) and (min-width:1024px) and (pointer:coarse){.hero{--inset:24px;--glass-gap:24px;--g-lead:16px;--g-name:32px;--rule-gap:8px;--hero-h:max(100svh, calc(100vw / var(--land-ratio)));--s:max(calc(var(--hero-h) / var(--src-h)), calc(100vw / var(--sym-w)));--stack-l:calc(50vw + var(--glass-r) * var(--s) + var(--glass-gap));--name-fs:calc((100vw - var(--stack-l) - var(--inset)) / 5.215);height:var(--hero-h);min-height:0}.hero__settle{transform-origin:50% 35%}.hero__img{width:auto;height:calc(var(--src-h) * var(--s));-o-object-fit:fill;object-fit:fill;translate:calc(-1 * var(--face-touch)) 0;left:50%;top:clamp(calc(var(--hero-h) - var(--src-h) * var(--s)), calc(var(--hero-h) / 2 - var(--mid-y) * var(--src-h) * var(--s)), 0px);position:absolute}.hero__shade{background:linear-gradient(to bottom, #0000006b 0, #0000005c calc(var(--header-h) * .5 + 16px), #0000 140px)}.hero__group{left:var(--stack-l)}.hero__sig:before{content:none}.hero__group:before{content:"";z-index:-1;left:-12px;right:calc(-1 * var(--inset));top:-120px;bottom:calc(-1 * (var(--bottom) + env(safe-area-inset-bottom,0px)));pointer-events:none;background:linear-gradient(0deg,#00000080 0,#00000075 calc(100% - 120px),#0000 100%);position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 80px);mask-image:linear-gradient(90deg,#0000 0,#000 80px)}}@media (orientation:landscape) and (max-width:1023.98px) and (max-height:500px),(orientation:landscape) and (min-width:1024px) and (pointer:coarse) and (max-height:500px){.hero{--inset:20px;--glass-gap:16px;--bottom:20px;--g-lead:12px;--g-name:24px}.hero__links .btn{height:44px}}@media (prefers-reduced-motion:no-preference){html[data-intro=running] .hero__settle{animation:1.1s cubic-bezier(.2,0,0,1) .54s both hero-settle}html[data-intro=running] .hero__rule{animation:.56s cubic-bezier(.65,0,.35,1) .88s both hero-rule}html[data-intro=running] .hc{animation:hero-char .62s var(--settle) calc(1.16s + var(--i) * 40ms) both;display:inline-block}html[data-intro=running] .hero__prof{animation:hero-up .42s var(--settle) 1.86s both}html[data-intro=running] .hero__links{animation:hero-up .42s var(--settle) 1.96s both}html[data-intro=running] .hero:not([data-go]) .hero__settle,html[data-intro=running] .hero:not([data-go]) .hero__rule,html[data-intro=running] .hero:not([data-go]) .hero__prof,html[data-intro=running] .hero:not([data-go]) .hc,html[data-intro=running] .hero:not([data-go]) .hero__links,html[data-intro=running] .dock:not([data-go]) .hc{animation-play-state:paused}html[data-curtain=cover] .hero__rule,html[data-curtain=out] .hero__rule{animation:.56s cubic-bezier(.65,0,.35,1) .33s both hero-rule}html[data-curtain=cover] .hc,html[data-curtain=out] .hc{animation:hero-char .52s var(--settle) calc(.55s + var(--i) * 32ms) both;display:inline-block}html[data-curtain=cover] .hero__prof,html[data-curtain=out] .hero__prof{animation:hero-up .36s var(--settle) 1.13s both}html[data-curtain=cover] .hero__links,html[data-curtain=out] .hero__links{animation:hero-up .36s var(--settle) 1.21s both}html[data-curtain=cover] .hero__rule,html[data-curtain=cover] .hero__prof,html[data-curtain=cover] .hc,html[data-curtain=cover] .hero__links{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){html[data-intro=running] .hero__group,html[data-curtain] .hero__group{animation:.2s linear .7s both hero-fade}}@keyframes hero-settle{0%{transform:scale(1.025)}to{transform:none}}@keyframes hero-rule{0%{transform:scaleX(0)}to{transform:none}}@keyframes hero-char{0%{transform:translateY(110%)}to{transform:none}}@keyframes hero-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}
