:root{--tag:#f3eee3;--tag-ink:#2a2824;--tag-mute:#6e685e;--tag-chip:#e6dfd0;--tag-line:#d9d1c1;--tag-ring:#cfc5b2;--f-display:"Newsreader", Georgia, serif;--f-body:"Hanken Grotesk", system-ui, sans-serif;--prompt:#f2a65a;--bg:#56614a;--fg:#f5f3eb;--muted:#d5d9c8;--accent:#ebdca9;--line:color-mix(in srgb,var(--fg) 18%,transparent);--rod:color-mix(in srgb,var(--fg) 38%,transparent);--soft:color-mix(in srgb,var(--fg) 9%,transparent);color-scheme:dark}html,body{background:var(--bg);color:var(--fg)}body{margin:0}a{color:inherit}body{font:16px/1.65 var(--f-body);transition:background-color .4s,color .4s}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}img{display:block}.site{max-width:1120px;margin:0 auto;padding-block:0 40px;padding-inline:clamp(16px,4vw,40px)}.nav{flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:22px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand{font:500 24px/1 var(--f-display);margin-right:6px;text-decoration:none}.ico{width:34px;height:34px;color:var(--fg);border:1px solid var(--line);border-radius:50%;place-items:center;transition:background-color .2s,transform .3s cubic-bezier(.3,1.4,.5,1);display:grid}.ico:hover{background:var(--soft);transform:scale(1.14)}.ico svg{fill:currentColor;width:16px;height:16px}.tabs{scrollbar-width:none;gap:4px;margin-left:auto;padding:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:15px;text-decoration:none;transition:background-color .2s,color .2s,transform .3s cubic-bezier(.3,1.4,.5,1)}.tab:hover{color:var(--fg);transform:scale(1.08)}.tab[aria-current=page]{background:var(--soft);color:var(--fg);transform:scale(1.08)}.nav.stacked{gap:28px 12px}.nav.stacked .hanger-btn{order:2;margin-top:12px;margin-left:auto;margin-right:10px}.nav.stacked .tabs{order:3;width:calc(100% + 6px);margin-left:-6px}.nav.stacked .brand-row{margin-top:12px}.nav.tight .tabs{justify-content:safe center;width:100%;margin-left:0}.nav.stacked.tight .tab[href=\/]{display:none}.nav.tight .brand[aria-current=page]{background:var(--soft);border-radius:999px;margin-left:-13px;padding:8px 13px 6px}@media (hover:none){.nav.stacked .brand-row{margin-top:27px}.hanger-btn .wardrobe{opacity:1;transform:translate(-50%)scale(1)}.hanger-btn .door{transform:scaleX(1)}}.ph{gap:6px;margin:28px 0 8px;display:grid}.ph h2{font:400 clamp(34px,5vw,46px)/1.05 var(--f-display);letter-spacing:-.01em}.ph p{color:var(--muted);max-width:56ch}.sub{font:400 26px/1.2 var(--f-display);margin:44px 0 4px}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:56px;padding-top:18px;font-size:13.5px;display:flex}.home{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,6vw,72px);padding-block:56px 24px;display:grid}.name{font:400 clamp(52px,8vw,92px)/.95 var(--f-display);letter-spacing:-.025em}.name .word{white-space:nowrap}.name .ch{transform-origin:50% 85%;transition:transform 1.1s cubic-bezier(.22,.9,.3,1);display:inline-block}.name .ch:hover{transition-duration:.45s;transform:scale(1.2)translateY(-3px)}.name .ch:hover+.ch,.name .ch:has(+.ch:hover){transition-duration:.6s;transform:scale(1.08)translateY(-1px)}.role{font:italic 400 clamp(22px,2.6vw,28px)/1.2 var(--f-display);color:var(--muted);margin-top:12px}.blurb{max-width:46ch;margin-top:24px;font-size:17px}.looking{max-width:46ch;color:var(--muted);margin-top:10px;font-size:15px}.mail{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:28px;display:flex}.mail-addr{border-bottom:1px solid var(--rod);user-select:all;overflow-wrap:anywhere;padding-bottom:2px;font-size:18px}.copy{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px}.home-photo{justify-content:center;display:flex}.home-photo .tag{width:min(340px,100%)}@media (width<=820px){.home{grid-template-columns:minmax(0,1fr);padding-block:28px 8px}.home-photo{justify-content:flex-start;margin-top:44px}}.tag{perspective:1400px;scroll-snap-align:start;flex:none;width:min(320px,100%);position:relative}.tag-in{z-index:1;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1);display:grid;position:relative}.tag.flipped .tag-in{transform:rotateY(180deg)}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--tag);color:var(--tag-ink);border-radius:22px;flex-direction:column;grid-area:1/1;gap:10px;padding:40px 22px 18px;display:flex;position:relative;box-shadow:0 1px 2px #0000001a,0 10px 28px #00000029}.face.front{transform:rotateY(0)}.face.back{visibility:hidden;transition:visibility 0s .75s;transform:rotateY(180deg)}.tag.flipped .face.back{visibility:visible;transition-delay:0s}.hole{background:var(--bg);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--tag-ring);border-radius:50%;margin-left:-7px;transition:background-color .4s;position:absolute;top:14px;left:50%}.tag[data-flip] .face{cursor:pointer}.t-eye{font:600 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tag-mute)}.t-title{font:500 26px/1.15 var(--f-display);text-wrap:balance}.t-company{align-items:center;gap:10px;display:flex}.t-logo{object-fit:cover;width:40px;height:40px;box-shadow:0 0 0 1px var(--tag-line);border-radius:10px;flex:none}.t-org{font:italic 400 19px/1.3 var(--f-display)}.t-meta{color:var(--tag-mute);gap:2px;font-size:14px;display:grid}.t-body{font-size:15px;line-height:1.55}.t-list{gap:8px;font-size:14px;line-height:1.5;display:grid}.t-list li{padding-left:14px;position:relative}.t-list li:before{content:"";background:var(--tag-mute);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{background:var(--tag-chip);color:var(--tag-ink);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.glance{color:var(--tag-mute);gap:12px;margin:0;font-size:14px;display:grid}.glance dt{color:var(--tag-ink);font-weight:600}.glance dd{margin:0}.t-link{color:var(--tag-ink);text-underline-offset:3px;font-size:14px;font-weight:600}.t-photo{aspect-ratio:3/4;object-fit:cover;background:var(--tag-chip);border-radius:14px;width:100%;height:auto}.t-photo.portrait{aspect-ratio:4/5}.t-photo.t-shot{aspect-ratio:4/3}.t-frame{position:relative}.t-cap{color:#f3eee3;text-align:center;pointer-events:none;opacity:0;background:#17181bbd;border-radius:10px;padding:7px 10px;font-size:13px;line-height:1.35;transition:opacity .2s,transform .2s;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(4px)}.t-cap:empty{display:none}.t-frame:hover .t-cap{opacity:1;transform:none}.t-stage{cursor:default;background:#17181b;flex-direction:column;justify-content:center;gap:12px;display:flex;overflow:hidden}.t-stage video{width:100%;display:block}.t-stage figcaption{color:#ece8df;font:italic 400 16px/1.3 var(--f-display);text-align:center;text-wrap:balance;padding-inline:14px}.turn{border:1px solid var(--tag-line);background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:4px 11px 4px 9px;font-size:12.5px;display:inline-flex;color:var(--tag-mute)!important}.turn svg{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}.tag[data-flip]:hover .turn{border-color:var(--tag-mute);color:var(--tag-ink)!important}.thumbs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.thumb{aspect-ratio:1;background:var(--tag-chip);border:0;border-radius:8px;flex:0 0 calc(33.3333% - 5.33333px);padding:0;position:relative}.thumbs[data-n="4"] .thumb,.thumbs[data-n="2"] .thumb{flex-basis:calc(50% - 4px)}.thumbs.compact{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.thumb-img{border-radius:8px;width:100%;height:100%;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.thumb:hover img{transform:scale(1.08)}.thumb[data-video]:before{content:"";z-index:1;background:#0000008c;border-radius:50%;width:22px;height:22px;margin:auto;position:absolute;inset:0}.thumb[data-video]:after{content:"";border-left:8px solid #fff;z-index:1;border-block:5px solid #0000;margin:-5px 0 0 -2px;position:absolute;top:50%;left:50%}.thumb-tip{z-index:3;background:var(--tag-ink);width:max-content;max-width:190px;color:var(--tag);text-align:center;pointer-events:none;opacity:0;border-radius:8px;padding:6px 9px;font-size:12px;line-height:1.35;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.thumb:hover .thumb-tip,.thumb:focus-visible .thumb-tip{opacity:1;transform:translate(-50%)}.thumb[aria-current=true]{outline:2px solid var(--tag-ink);outline-offset:1px}.about{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:40px;display:grid}.prose{gap:14px;max-width:58ch;font-size:17px;display:grid}.prose .muted{color:var(--muted);font-size:15.5px}.fit-egg{font:inherit;color:inherit;transform-origin:50% 70%;background:0 0;border:0;padding:0;transition:transform .35s cubic-bezier(.3,1.4,.5,1),color .2s;display:inline-block}.fit-egg:hover,.fit-egg:focus-visible{color:var(--fg);transform:scale(1.1)}.home .name~p:not(.role):before,.prose p:before{content:">";color:var(--prompt);margin-right:.45em;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:.92em;font-style:normal;font-weight:600;transition:color .4s}.home .name~p.looking:before,.prose p.muted:before{color:color-mix(in srgb,var(--prompt) 55%,var(--bg))}.care{border:1px solid var(--rod);border-radius:18px;gap:12px;padding:20px 22px;display:grid}.care h3{font:600 11px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.care dl{gap:10px;margin:0;display:grid}.care dt{font:italic 400 18px var(--f-display)}.care dd{margin:6px 0 0}@media (width<=820px){.about{grid-template-columns:minmax(0,1fr)}}.g{display:block;overflow:visible}.g .gb{stroke:color-mix(in srgb,var(--fg) 42%,transparent);stroke-width:1.2px;stroke-linejoin:round}.g .gd{fill:none;stroke-width:1.1px;stroke-linecap:round}.g .hg{fill:none;stroke:color-mix(in srgb,var(--fg) 70%,transparent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rack{scroll-snap-type:x proximity;background:linear-gradient(var(--rod),var(--rod)) 0 16px/100% 3px no-repeat;background-attachment:local;align-items:flex-start;gap:28px;padding:46px 4px 26px;display:flex;overflow-x:auto}.rack.even{align-items:stretch}.rack.even .tag-in{height:100%}.rack .tag:before,.home-photo .tag:before{content:"";border-left:1.5px solid var(--rod);height:52px;position:absolute;top:-30px;left:50%}.home-photo .tag:before{height:78px;top:-56px}.rack .tag,.home-photo .tag{transform-origin:50% -30px}.rack .tag:hover,.home-photo .tag:hover{animation:1.5s ease-in-out swing}@keyframes swing{0%{transform:rotate(0)}22%{transform:rotate(1.8deg)}50%{transform:rotate(-1.2deg)}76%{transform:rotate(.5deg)}to{transform:rotate(0)}}.hanger-btn{isolation:isolate;background:0 0;border:0;justify-items:center;gap:0;margin-inline:4px 22px;padding:0 4px;display:grid;position:relative}.hanger-btn .g{transform-origin:50% 3px;width:46px;height:57px}.hanger-btn small{color:var(--muted);letter-spacing:.04em;font-size:11px;transition:color .2s}.hanger-btn:hover small{color:var(--fg)}.hanger-btn:hover .g{animation:1.2s ease-in-out swing2}@keyframes swing2{0%{transform:rotate(0)}25%{transform:rotate(9deg)}55%{transform:rotate(-6deg)}80%{transform:rotate(2deg)}to{transform:rotate(0)}}.hanger-btn.nudge .g{animation:2.4s ease-in-out infinite swing2}.hanger-btn.nudge small{color:var(--accent)}.hanger-btn.nudge:after{content:"";pointer-events:none;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:2.4s ease-out infinite halo;position:absolute;top:28px;left:50%}@keyframes halo{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 65%,transparent)}to{box-shadow:0 0 0 20px #0000}}.wardrobe{z-index:-1;pointer-events:none;opacity:0;width:104px;height:114px;transition:opacity .35s,transform .45s cubic-bezier(.3,1.3,.5,1);position:absolute;top:-12px;left:50%;overflow:visible;transform:translate(-50%)scale(.92)}.wardrobe .wb{fill:var(--soft);stroke:var(--rod);stroke-width:1.5px}.wardrobe .door{fill:color-mix(in srgb,var(--fg) 6%,transparent);stroke:var(--rod);stroke-width:1.5px;transition:transform .6s cubic-bezier(.3,1.2,.5,1) 80ms;transform:scaleX(0)}.wardrobe .dl{transform-origin:14px 54px}.wardrobe .dr{transform-origin:86px 54px}.hanger-btn:hover .wardrobe,.hanger-btn:focus-visible .wardrobe{opacity:1;transform:translate(-50%)scale(1)}.hanger-btn:hover .door,.hanger-btn:focus-visible .door{transform:scaleX(1)}.fly{z-index:150;pointer-events:none;transform-origin:50%;position:fixed}.fly .g{width:100%;height:100%}@property --r{syntax:"<length>";inherits:false;initial-value:0}.intro-veil{display:none}html.intro .intro-veil{z-index:200;pointer-events:none;background:var(--tag);--fg:var(--tag-ink);-webkit-mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 1px));mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 1px));place-items:center;animation:.95s cubic-bezier(.5,0,.2,1) 1.25s forwards introHole;display:grid;position:fixed;inset:0}@keyframes introHole{to{--r:75vmax}}.intro-g .g{width:min(170px,40vw);height:auto;animation:1.5s both introG}@keyframes introG{0%{opacity:0;transform:scale(.9)}28%{opacity:1;transform:scale(1.12)}72%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.8)translateY(8px)}}.hanger-btn.out .g{animation:.22s ease-in forwards hOut}.hanger-btn.in .g{animation:.7s cubic-bezier(.3,1.4,.5,1) hIn}@keyframes hOut{to{opacity:0;transform:rotate(28deg)translateY(-6px)}}@keyframes hIn{0%{opacity:0;transform:rotate(-24deg)}to{opacity:1;transform:rotate(0)}}html.vt-clip::view-transition-old(root),html.vt-clip::view-transition-new(root){mix-blend-mode:normal;animation:none}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.55s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}