:root{color-scheme:light;--bg:#fff7fa;--surface:#fffdfd;--ink:#371d2b;--ink-2:#664556;--muted:#947184;--line:#efd7e1;--line-strong:#dcaec1;--accent:#e44f86;--accent-deep:#b92d63;--accent-soft:#ffd9e7;--petal:#f6a3c2;--font-display:"Clash Display",ui-sans-serif,system-ui,sans-serif;--font-text:"Satoshi",ui-sans-serif,system-ui,sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-pop:cubic-bezier(0.34,1.56,0.64,1);--maxw:1200px}:root[data-theme=dark]{color-scheme:dark;--bg:#21141c;--surface:#2b1a24;--ink:#fff2f7;--ink-2:#e8cbd7;--muted:#b78fa1;--line:#482b3a;--line-strong:#704058;--accent:#ff7cab;--accent-deep:#ffadca;--accent-soft:#54283c;--petal:#d95c8e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-text);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--accent-soft) 70%,transparent) 0,transparent 24%),radial-gradient(circle at 88% 28%,color-mix(in srgb,var(--accent-soft) 55%,transparent) 0,transparent 22%),radial-gradient(circle at 42% 92%,color-mix(in srgb,var(--accent-soft) 40%,transparent) 0,transparent 28%)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.02}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:16px;padding:14px 26px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border:1px solid transparent;border-radius:999px;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent);cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease}.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:translateY(-2px)}.btn:active{transform:scale(.98)}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s ease}.header.scrolled{border-bottom-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.02em}.brand:after{content:"✿";color:var(--accent);font-size:.72em;margin-left:7px}.nav-links{gap:30px}.nav-actions,.nav-links{display:flex;align-items:center}.nav-actions{gap:24px}.nav-links a{font-size:15.5px;color:var(--ink-2);font-weight:400;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s ease,border-color .15s ease}.nav-links a:hover{color:var(--ink);border-color:var(--ink)}.nav-links .nav-contact{color:var(--accent);font-weight:500}.nav-links .nav-contact:hover{color:var(--accent-deep);border-color:var(--accent-deep)}.theme-toggle{width:30px;height:30px;display:grid;place-items:center;background:none;cursor:pointer;border:1px solid var(--line-strong);color:var(--ink-2);border-radius:50%;transition:color .15s ease,border-color .15s ease,transform .1s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{width:15px;height:15px;display:block}.theme-toggle .ic-sun,:root[data-theme=dark] .theme-toggle .ic-moon{display:none}:root[data-theme=dark] .theme-toggle .ic-sun{display:block}.menu-toggle{display:none}:root[data-variant=classic]{--bg:#f4f4f2;--surface:#fbfbfa;--ink:#111216;--ink-2:#43454c;--muted:#6f727b;--line:#d9dad5;--line-strong:#b9bab4;--accent:#2645d4;--accent-deep:#1d36ab;--accent-soft:#e5e9ff}:root[data-variant=classic][data-theme=dark]{--bg:#141519;--surface:#1b1c21;--ink:#f1f1ee;--ink-2:#c6c7cb;--muted:#8e9098;--line:#2b2c31;--line-strong:#404148;--accent:#7d92f6;--accent-deep:#9dadf8;--accent-soft:#252a43}:root[data-variant=classic] .hero:before,:root[data-variant=classic] body:before{display:none}:root[data-variant=classic] .brand:after{content:none}:root[data-variant=classic] .btn{background:var(--ink);color:var(--bg);border-color:var(--ink);border-radius:0;box-shadow:none}:root[data-variant=classic] .btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-variant=classic] .theme-toggle{border-radius:0}:root[data-variant=classic] .work-row:hover{background:transparent;box-shadow:none;padding-left:14px;padding-right:0}:root[data-variant=classic] .about-photo{padding:0}:root[data-variant=classic] .about-photo:before{content:none}:root[data-variant=classic] .about-photo img{border-radius:0;filter:saturate(.92)}:root[data-variant=classic] .field input,:root[data-variant=classic] .field textarea{border-radius:0}:root[data-variant=classic] .footer{background:transparent}:root[data-variant=classic] .rail-dot:after,:root[data-variant=classic] .stray{border-radius:0}:root[data-variant=classic] .pd h1:after,:root[data-variant=classic] .sec-title.dotted:after{content:"";width:.17em;height:.17em;background:var(--accent);margin-left:.14em;color:transparent;font-size:inherit;vertical-align:baseline}:root[data-variant=classic] .pd h1:after{width:.16em;height:.16em}@keyframes rise-in{0%{transform:translateY(112%)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes dot-jump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-.55em) scaleX(.92) scaleY(1.08)}52%{transform:translateY(-.6em) scale(1)}72%{transform:translateY(0) scaleX(1.25) scaleY(.75)}86%{transform:translateY(-.14em) scale(1)}to{transform:translateY(0) scale(1)}}@keyframes dot-hop{0%{transform:translateX(0) scale(1)}35%{transform:translateX(9px) scaleX(1.1) scaleY(.9)}58%{transform:translateX(9px) scale(1)}80%{transform:translateX(0) scaleX(.85) scaleY(1.15)}to{transform:translateX(0) scale(1)}}@keyframes flower-drift{0%,to{transform:translateZ(0) rotate(var(--tilt))}45%{transform:translate3d(8px,-18px,0) rotate(calc(var(--tilt) + 12deg))}70%{transform:translate3d(-5px,-8px,0) rotate(calc(var(--tilt) - 5deg))}}@keyframes flower-breathe{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}.floral-sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.flower{--size:34px;--tilt:0deg;position:absolute;width:var(--size);height:var(--size);opacity:.42;filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--accent) 18%,transparent));animation:flower-drift 9s ease-in-out infinite}.flower:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 17%,var(--petal) 0 18%,transparent 19%),radial-gradient(ellipse at 80% 40%,var(--petal) 0 18%,transparent 19%),radial-gradient(ellipse at 68% 75%,var(--petal) 0 18%,transparent 19%),radial-gradient(ellipse at 32% 75%,var(--petal) 0 18%,transparent 19%),radial-gradient(ellipse at 20% 40%,var(--petal) 0 18%,transparent 19%);animation:flower-breathe 4.8s ease-in-out infinite}.flower:after{content:"";position:absolute;left:40%;top:40%;width:20%;height:20%;border-radius:50%;background:var(--accent-deep)}.flower-1{left:3%;top:14%;--size:46px;--tilt:-16deg;animation-delay:-2s}.flower-2{right:5%;top:19%;--size:28px;--tilt:18deg;animation-delay:-6s}.flower-3{left:7%;top:67%;--size:24px;--tilt:8deg;animation-delay:-4s}.flower-4{right:3%;top:73%;--size:50px;--tilt:-12deg;animation-delay:-8s}.flower-5{left:43%;top:7%;--size:18px;--tilt:20deg;animation-delay:-3s}.flower-6{left:25%;bottom:4%;--size:30px;--tilt:-25deg;animation-delay:-7s}.flower-7{right:25%;bottom:9%;--size:21px;--tilt:12deg;animation-delay:-1s}.flower-8{right:14%;top:48%;--size:17px;--tilt:-5deg;animation-delay:-5s}.flower-9{left:15%;top:39%;--size:16px;--tilt:15deg;animation-delay:-9s}.hero{padding:88px 0 96px;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;width:min(44vw,560px);aspect-ratio:1;right:-10%;top:-16%;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--accent-soft) 82%,transparent),transparent 68%)}.hero h1{font-size:clamp(56px,10.5vw,132px);font-weight:600;letter-spacing:-.03em;line-height:1;max-width:11ch}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}.hero h1 .line-in{display:inline-block;transform:translateY(112%);animation:rise-in .9s var(--ease-out) .1s forwards}.hero h1 .line:nth-child(2) .line-in{animation-delay:.24s}.hero h1 .accent{color:var(--accent);display:inline-block}html:not(.entered) .hero h1 .accent{animation:pop-in .55s var(--ease-pop) 1s backwards}.hero h1 .line-in:hover .accent{animation:dot-jump .65s var(--ease-pop)}.hero-sub{margin-top:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;animation:fade-up .8s var(--ease-out) .55s backwards}.hero-sub p{font-size:20px;color:var(--ink-2);max-width:42ch;line-height:1.5}.hero-sub .btn{flex-shrink:0}.rail{position:fixed;left:24px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:26px;z-index:30}@media (min-width:1240px){.rail{display:flex}}.rail a{width:9px;height:9px;border:1px solid var(--line-strong);transition:border-color .2s ease}.rail a:hover{border-color:var(--accent)}.rail-dot{position:absolute;left:0;top:0;width:9px;height:9px;transition:transform .55s var(--ease-out);pointer-events:none}.rail-dot:after{content:"";display:block;width:100%;height:100%;background:var(--accent);border-radius:50%}.rail:hover .rail-dot:after{animation:dot-hop .6s var(--ease-pop)}section{padding:84px 0}.sec-title{font-size:clamp(28px,4vw,40px);margin-bottom:48px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:48px}.sec-head .sec-title{margin-bottom:0}.sec-head .see-all{font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--ink-2);border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.sec-head .see-all:hover{color:var(--accent);border-color:var(--accent)}.sec-title.dotted:after{content:"";display:inline-block;content:"✿";width:auto;height:auto;background:none;margin-left:.16em;color:var(--accent);font-size:.56em;vertical-align:.25em}html.js .sec-title.dotted:not(.settled):after{transform:scale(0)}html.js .in .sec-title.dotted:not(.settled):after,html.js .sec-title.dotted.in:not(.settled):after{animation:pop-in .55s var(--ease-pop) .35s forwards}.sec-title.dotted:hover:after{animation:dot-jump .65s var(--ease-pop)}.work,.work-list{border-top:1px solid var(--line)}.work-row{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,9fr) minmax(150px,4fr) 20px;gap:12px 56px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:padding-left .22s ease,background .22s ease,box-shadow .22s ease}.work-row:hover{padding-left:16px;padding-right:16px;background:color-mix(in srgb,var(--accent-soft) 55%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.work-row .name{font-family:var(--font-display);font-size:clamp(21px,2.6vw,28px);font-weight:600;letter-spacing:-.02em;transition:color .15s ease}.work-row:hover .name{color:var(--accent)}.work-row .desc{font-size:15.5px}.work-row .desc,.work-row .meta{color:var(--muted);line-height:1.5}.work-row .meta{font-size:14px}.work-row .meta b{display:block;font-weight:500;color:var(--ink-2);font-family:var(--font-display);font-size:14px}.work-row .arr{color:var(--line-strong);justify-self:end;transition:color .15s ease,transform .22s ease}.work-row:hover .arr{color:var(--accent);transform:translateX(4px)}.work-row .arr svg{width:18px;height:18px;display:block}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}.about-photo{position:relative;padding:12px}.about-photo:before{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:48% 48% 20px 20px;transform:rotate(-2.5deg);opacity:.5}.about-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;filter:saturate(.96);border-radius:48% 48% 18px 18px;position:relative}.about-text .sec-title{margin-bottom:28px}.about-text p{color:var(--ink-2);margin-bottom:16px;max-width:60ch}.stack-cols{margin-top:36px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.stack-cols h3{font-size:15px;font-weight:600;margin-bottom:8px}.stack-cols p{font-size:15.5px;color:var(--muted);margin:0;line-height:1.7}.contact{border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:6fr 5fr;gap:72px;align-items:start}.contact-left .sec-title{margin-bottom:20px}.contact-left>p{color:var(--ink-2);max-width:44ch}.email-link{display:inline-block;margin-top:30px;font-family:var(--font-display);font-size:clamp(21px,3vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:3px;transition:color .15s ease,border-color .15s ease}.email-link:hover{color:var(--accent-deep);border-color:var(--accent-deep)}.contact-loc{margin-top:22px;font-size:15.5px;color:var(--muted)}.field{margin-bottom:20px}.field label{display:block;font-family:var(--font-display);font-size:14.5px;font-weight:500;margin-bottom:7px}.field input,.field textarea{width:100%;font-family:var(--font-text);font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);padding:13px 14px;transition:border-color .15s ease,box-shadow .15s ease;border-radius:14px}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.footer{border-top:1px solid var(--line);padding:30px 0;background:color-mix(in srgb,var(--accent-soft) 24%,transparent)}.footer-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14.5px;color:var(--muted)}.footer a{color:var(--ink-2);border-bottom:1px solid transparent}.footer a:hover{border-color:var(--ink-2)}.pd{padding:72px 0 40px}.back{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--muted);transition:color .15s ease}.back:hover{color:var(--accent)}.back svg{width:15px;height:15px}.pd h1{font-size:clamp(34px,4.6vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.04}.pd h1:after{content:"✿";display:inline-block;width:auto;height:auto;background:none;color:var(--accent);margin-left:.14em;font-size:.44em;vertical-align:.34em}html:not(.entered) .pd h1:after{animation:pop-in .55s var(--ease-pop) .85s backwards}.pd h1:hover:after{animation:dot-jump .65s var(--ease-pop)}.stray{position:fixed;left:0;top:0;width:10px;height:10px;background:var(--accent);border-radius:50%;z-index:60;pointer-events:none;will-change:transform}html.runaway .pd h1:after{animation:none;transform:scale(0)}html.runaway.arrived .pd h1:after{animation:pop-in .45s var(--ease-pop) forwards}.pd-tagline{margin-top:18px;font-size:19px;color:var(--ink-2);max-width:56ch;line-height:1.5}.pd-cat{margin-top:14px;font-size:15px;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line)}.pd-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:56px;margin-top:44px;align-items:start}.pd-main h2{font-size:21px;font-weight:600;margin:38px 0 14px}.pd-main>h2:first-child{margin-top:0}.pd-main p{color:var(--ink-2);margin-bottom:14px;max-width:62ch}.pd-main ul{margin:4px 0 0 20px}.pd-main li{color:var(--ink-2);margin-bottom:9px;max-width:58ch}.pd-main li::marker{color:var(--accent)}.pd-side{border-left:1px solid var(--line);padding-left:32px;position:sticky;top:92px}.pd-side h3{font-size:15px;font-weight:600;margin-bottom:10px}.pd-side h3+h3{margin-top:26px}.pd-side .stack{font-size:15.5px;color:var(--muted);line-height:1.8;margin-bottom:28px}.pd-side .btn{width:100%;justify-content:center;font-size:15px;padding:13px 20px}.pd-side .src-note{margin-top:14px;font-size:14.5px;color:var(--muted)}.pd-side .src-link{display:inline-block;margin-top:14px;font-size:15px;color:var(--ink-2);border-bottom:1px solid var(--line-strong)}.pd-side .src-link:hover{color:var(--accent);border-color:var(--accent)}.pd-nav{margin-top:72px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.pd-nav a{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--ink-2)}.pd-nav a:hover{color:var(--accent)}.prose{max-width:68ch}.prose p{color:var(--ink-2);margin-bottom:18px;line-height:1.7}.prose h2{font-size:24px;font-weight:600;margin:40px 0 14px}.prose h3{font-size:19px;font-weight:600;margin:30px 0 10px}.prose ol,.prose ul{margin:4px 0 20px 22px}.prose li{color:var(--ink-2);margin-bottom:8px;line-height:1.6}.prose li::marker{color:var(--accent)}.prose a{color:var(--accent);border-bottom:1px solid var(--accent)}.prose a:hover{color:var(--accent-deep);border-color:var(--accent-deep)}.prose strong{color:var(--ink);font-weight:600}.prose blockquote{margin:24px 0;padding-left:22px;border-left:2px solid var(--accent);color:var(--ink);font-size:19px;font-family:var(--font-display);font-weight:500}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface);border:1px solid var(--line);padding:1px 6px}.post-meta{margin-top:14px;font-size:15px;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line)}.post-meta .sep{margin:0 8px;color:var(--line-strong)}html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}html.js .reveal.in{opacity:1;transform:none}.pd .back{animation:fade-up .5s var(--ease-out) backwards}.pd h1{animation:fade-up .7s var(--ease-out) .06s backwards}.pd-tagline{animation:fade-up .7s var(--ease-out) .14s backwards}.pd-cat,.post-meta{animation:fade-up .7s var(--ease-out) .2s backwards}.pd-side{animation:fade-up .7s var(--ease-out) .34s backwards}@media (max-width:860px){section{padding:72px 0}.hero{padding:64px 0 76px}.hero-sub{flex-direction:column;align-items:flex-start;gap:32px;margin-top:38px}.sec-head,.sec-title{margin-bottom:40px}.work-row{grid-template-columns:minmax(0,1fr) 18px;gap:12px 18px;padding:28px 0}.work-row .desc{grid-column:1/-1}.work-row .meta{display:none}.about-grid{grid-template-columns:1fr;gap:48px}.about-photo{max-width:380px}.contact-grid{gap:56px}.contact-grid,.pd-grid{grid-template-columns:1fr}.pd-grid{gap:44px}.pd-side{border-left:none;padding-left:0;position:static;border-top:1px solid var(--line);padding-top:28px}.stack-cols{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:32px}}@media (max-width:720px){.header{overflow:visible}.nav{height:68px}.nav-actions{gap:12px}.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:6px;background:var(--surface);border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);cursor:pointer;position:relative;z-index:22}:root[data-variant=classic] .menu-toggle{border-radius:0}.menu-toggle span{width:18px;height:1.5px;background:currentColor;transition:transform .2s ease}.menu-toggle.open span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.theme-toggle{width:42px;height:42px;position:relative;z-index:22}.theme-toggle svg{width:16px;height:16px}.nav-links{position:absolute;left:0;right:0;top:100%;display:grid;gap:0;padding:14px 20px 22px;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 18px 36px color-mix(in srgb,var(--ink) 10%,transparent);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.nav-links.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-links a{display:flex;align-items:center;min-height:52px;padding:8px 4px;font-size:17px;border-bottom:1px solid var(--line)}.nav-links a:last-child{border-bottom:0}}@media (max-width:560px){body{font-size:16px}.wrap{padding:0 20px}.brand{font-size:16px}section{padding:68px 0}.hero{padding:56px 0 70px}.hero h1{font-size:clamp(48px,16vw,72px)}.hero-sub p{font-size:18px}.btn{min-height:48px;padding:13px 24px}.field{margin-bottom:24px}.footer{padding:36px 0}.flower-3,.flower-5,.flower-7,.flower-8,.flower-9{display:none}.flower{opacity:.28}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}