@font-face{font-family:Congar Hand;src:url(/fonts/handwriting/caveat-latin-500.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}.home-intro.personal-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(22px,3vw,50px);padding-block:56px 60px}.personal-hero .hero-greeting{color:#53604f;transform-origin:0;margin-bottom:20px;font-family:Congar Hand,cursive;font-size:31px;line-height:1.25;transform:rotate(-4deg)}.hero-greeting>span[aria-hidden]{margin-inline-start:14px;display:inline-block;transform:rotate(-25deg)}.hero-written-hello{vertical-align:-10px;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:94px;height:42px;margin-inline-end:7px;display:inline-block}.hero-hello-underline{stroke-width:1.35px}.personal-hero h1{letter-spacing:-.065em;font-size:clamp(48px,5.6vw,82px);line-height:1.05}.personal-hero h1 .hero-name-last{color:#17231f;white-space:nowrap;display:inline-block;position:relative}.personal-hero h1 .hero-name-dot{color:#6c8360}.hero-name-last>svg{fill:none;stroke:#839779;stroke-width:2px;stroke-linecap:round;width:98%;height:18px;position:absolute;bottom:-17px;left:1%}.personal-hero .home-intro-bottom{gap:24px;margin-top:42px}.personal-hero .home-intro-bottom>p{max-width:46ch;font-size:16px;line-height:1.8}.hero-intro-actions{flex-wrap:wrap;align-items:center;gap:16px 27px;display:flex}.hero-hand-link{color:#263e33;align-items:center;gap:12px;min-height:48px;font-family:Congar Hand,cursive;font-size:29px;font-weight:500;line-height:1.2;display:inline-flex}.hero-hand-link svg{width:45px;transform:rotate(-50deg)}.hero-hand-link path,.hero-desk-action path,.hero-desk-note path{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.hero-about-link{color:#53604f;align-items:center;gap:12px;min-height:44px;font-size:12px;display:inline-flex}.hero-location{color:#53604f;margin-top:34px;font-size:11px}.hero-location span{padding-inline:8px}.hero-desk{min-width:0;margin:0}.hero-desk-stage{isolation:isolate;aspect-ratio:1.07;perspective:1300px;position:relative}.hero-desk-depth{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:17% -1% 7%}.hero-desk-illustration{align-items:center;width:100%;height:100%;display:grid}.hero-desk-illustration img{width:100%;height:auto;display:block}.hero-margin-sketch{color:#748368;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:24%;height:auto;position:absolute;top:7%;left:35%;transform:rotate(-8deg)}.hero-sketch-pencil{stroke:#536b48;fill:#e0e6d4}.hero-written-hello path,.hero-name-last>svg path,.hero-sketch-ink path,.hero-desk-note path,.hero-desk-action path,.hero-hand-link path{stroke-dasharray:1;stroke-dashoffset:0}.hero-desk-note{color:#53604f;font-family:Congar Hand,cursive;font-size:clamp(21px,2vw,28px);line-height:1.1;position:absolute;top:3%;left:7%;transform:rotate(-6deg)}.hero-desk-note svg{width:53px;height:38px;margin-left:60%;display:block;transform:rotate(8deg)}.hero-desk-action{z-index:1;color:#263e33;border-radius:4px;align-items:center;min-height:44px;padding:4px 8px;font-family:Congar Hand,cursive;font-size:clamp(21px,2vw,28px);font-weight:500;line-height:1.15;text-decoration:none;display:inline-flex;position:absolute}.hero-desk-work{flex-direction:column;align-items:end;top:6%;right:0;transform:rotate(5deg)}.hero-desk-work svg{width:48px;height:39px;margin-right:42px;transform:rotate(60deg)}.hero-desk-writing{flex-direction:column;align-items:start;bottom:0;left:0;transform:rotate(-5deg)}.hero-desk-writing svg{width:42px;height:36px;margin-left:25px;transform:rotate(-117deg)}.hero-desk-contact{bottom:8%;right:0;transform:rotate(4deg)}.hero-desk-contact svg{width:39px;height:34px;transform:rotate(-100deg)}.hero-desk figcaption{border-top:1px solid #d8dfd1;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:11px;display:flex}.hero-desk figcaption>a{color:#53604f;align-items:center;gap:8px;min-height:44px;font-size:11px;display:inline-flex}.personal-hero a:focus-visible{outline-offset:5px;outline:2px solid #263e33}@media (prefers-reduced-motion:no-preference){.hero-desk-action,.hero-hand-link{transition:color .22s,background-color .22s}.hero-desk-action svg,.hero-hand-link svg{transition:translate .45s cubic-bezier(.22,1,.36,1)}.hero-desk-action:focus-visible svg,.hero-hand-link:focus-visible svg{translate:3px -2px}}@media (hover:hover) and (pointer:fine){.hero-desk-action:hover{color:#17231f;background:#e0e6d47a}.hero-hand-link:hover{color:#17231f}.hero-desk-action:hover svg,.hero-hand-link:hover svg{translate:3px -2px}}@media (max-width:1000px) and (min-width:761px){.personal-hero h1{font-size:clamp(40px,5.3vw,55px)}.hero-desk-stage{aspect-ratio:.93}.hero-desk-note{font-size:22px;left:0}.hero-desk-note svg{display:none}.hero-margin-sketch{width:25%;top:13%;left:25%}.hero-desk-work{top:15%}.hero-desk-contact{bottom:14%}}@media (max-width:760px){.home-intro.personal-hero{grid-template-columns:1fr;gap:25px;padding-block:38px 34px}.personal-hero .hero-greeting{margin-bottom:18px;font-size:27px}.personal-hero h1{font-size:clamp(43px,10.5vw,74px)}.personal-hero .home-intro-bottom{gap:16px;margin-top:36px}.personal-hero .home-intro-bottom>p{font-size:15px}.hero-intro-actions{gap:8px 25px}.hero-hand-link{font-size:27px}.hero-location{margin-top:20px}.hero-desk{width:100%;max-width:550px;margin-inline:auto}.hero-desk-stage{aspect-ratio:.81}.hero-desk-note{font-size:23px;top:5%;left:0}.hero-desk-note svg{display:none}.hero-margin-sketch{width:28%;top:13%;left:14%}.hero-desk-work{font-size:23px;top:15%;right:-3px}.hero-desk-work svg{width:36px;height:28px;margin-right:15px}.hero-desk-depth{inset:22% -2% 19%}.hero-desk-writing{font-size:23px;bottom:0}.hero-desk-contact{padding-right:0;font-size:23px;bottom:2%}.hero-desk-contact svg{width:27px}.hero-desk figcaption{gap:10px;margin-top:24px}.hero-desk figcaption>a{font-size:10px}}@media (prefers-reduced-motion:reduce){.personal-hero *,.personal-hero :before,.personal-hero :after{transition:none!important;animation:none!important}.hero-desk-action svg,.hero-hand-link svg{translate:none!important}.personal-hero path[pathLength="1"]{stroke-dashoffset:0!important}.hero-desk-illustration,.hero-sketch-pencil{transform:none!important}}
