@view-transition{navigation:none}.hero-actions{display:flex;justify-content:center;width:100%}.desktop-entry{position:relative;display:grid;place-items:center;width:390px;max-width:100%;min-height:94px;padding:16px 76px;background:linear-gradient(135deg,#ffffff50,transparent 45%,#ffffff18),#f2f1eb;color:#171b1d;border:1px solid #ffffffb8;border-radius:999px;box-shadow:0 8px 26px #00000012,0 2px 5px #00000008,inset 0 1px #fffffff0,inset 0 -1px #00000008;text-align:center;white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.desktop-entry strong{font-size:23px;font-weight:650;display:block;letter-spacing:-.025em}.desktop-entry small{font-size:11px;color:#515b60;display:block;margin-top:5px;letter-spacing:0}.desktop-entry b{position:absolute;right:25px;display:grid;place-items:center;font-weight:400;transition:transform .3s ease}.desktop-entry b svg{width:23px;height:23px}.desktop-entry:focus-visible{outline:2px solid #c92b2d;outline-offset:5px}.desktop-entry:active{transform:scale(.98)}.entry-computer{position:absolute;left:21px;display:grid;place-items:center;width:45px;height:42px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.entry-computer svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 2px #26302a16)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.desktop-entry{background-color:#f7f7f09c;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}}@media(hover:hover){.desktop-entry:hover{transform:translateY(-3px);background-color:#fafaf3c7;box-shadow:0 12px 30px #00000016,0 2px 5px #00000008,inset 0 1px #fff,inset 0 -1px #00000008}.desktop-entry:hover .entry-computer{transform:translateY(-2px)}.desktop-entry:hover b{transform:translate(2px,-2px)}}.hero-title{top:38%;font-size:clamp(130px,min(24vw,34svh),430px)}.hero-sub{top:64%;display:flex;flex-direction:column;align-items:center;gap:22px;width:560px;max-width:calc(100% - 2*var(--pad));text-align:center}.hero-sub p{max-width:none;font-size:clamp(18px,1.6vw,23px)}.hero-sub .hero-interests{margin-top:9px}.intro-bottom .portrait-toggle{grid-column:-2/-1;grid-row:1;justify-self:end}.intro-bottom .portrait-toggle>span:last-child{transform:none;background:transparent;color:inherit}.portrait-toggle .ui-icon{width:20px;height:20px;transition:transform .3s ease}.portrait-toggle[aria-pressed=true] .ui-icon{transform:rotate(180deg)}@media(hover:hover){.portrait-toggle:not([aria-pressed=true]):hover .ui-icon{transform:translate(2px)}}.desktop-leaving{position:fixed;inset:0;z-index:20000;background:#111923;transform-origin:center;pointer-events:none;animation:enter-desktop .48s cubic-bezier(.65,0,.2,1) both}@keyframes enter-desktop{0%{opacity:0;clip-path:inset(38% 38% round 20px)}to{opacity:1;clip-path:inset(0 round 0)}}@media(max-width:600px){.hero-title{top:37%;font-size:29vw}.hero-sub{top:54%;gap:23px}.desktop-entry{min-height:88px;padding:15px 65px}.desktop-entry strong{font-size:21px}.desktop-entry small{font-size:10px}.entry-computer{left:19px;width:38px;height:38px}.desktop-entry b{right:23px}.desktop-entry b svg{width:21px;height:21px}.hero-sub p{font-size:18px}.hero-sub .hero-interests{margin-top:8px;font-size:10px}.intro-stage{min-height:740px}}@media(max-width:360px){.desktop-entry{padding-inline:52px}.desktop-entry strong{font-size:18px}.desktop-entry small{font-size:9px}.entry-computer{left:16px;width:29px;height:32px}.desktop-entry b{right:18px}.desktop-entry b svg{width:18px;height:18px}}@media(min-width:601px)and (max-height:700px){.intro-bottom{bottom:23px}.intro-stage{min-height:680px}}@media(min-width:601px)and (max-height:800px){.intro-bottom .scroll-prompt{display:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.desktop-entry{background:#f2f1eb;border-color:#14161955;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.desktop-entry,.entry-computer,.desktop-entry b{transition:none}.desktop-entry:is(:hover,:active),.desktop-entry:hover .entry-computer,.desktop-entry:hover b{transform:none}.desktop-leaving{animation:none!important}}
