.home-sec{padding-block:clamp(56px,8vw,112px) 0}#experience.home-sec{padding-top:clamp(56px,6vw,80px)}.home-grid{grid-template-columns:1fr;gap:20px 64px;display:grid}.sec-title{text-align:center;border-top:1px solid var(--line);font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:28px 0 0;padding:clamp(30px,2.6vw,34px) 16px;font-size:clamp(26px,2.5vw,32px);font-weight:800;line-height:1;position:relative}.sec-title .x{color:var(--accent)}.sec-title .tv{--tvk:2.4;margin-inline:auto;padding-inline:.15em}.sec-title .tv:before{inset:0 .15em}.sec-title .tv:after{font-size:2.4em}.sec-main,.sec-hot{display:block}.sec-hot{opacity:0;pointer-events:none;place-items:center;font-size:1.45em;display:grid;position:absolute;inset:0}.sec-hot .tv{--tvk:1.7}.sec-hot .tv:after{font-size:1.7em}@media (prefers-reduced-motion:no-preference){.sec-main{animation:5s step-end infinite sec-main}.sec-hot{animation:5s step-end infinite sec-hot}}@keyframes sec-main{0%,96.6%,to{opacity:1;clip-path:none;transform:none}55.4%{opacity:1;clip-path:none;transform:skew(-12deg)}56.2%{opacity:1;clip-path:inset(0 0 50%);transform:none}57%{opacity:0;clip-path:none;transform:none}95%{opacity:1;clip-path:inset(45% 0 0);transform:none}95.8%{opacity:1;clip-path:none;transform:skew(8deg)}}@keyframes sec-hot{0%,95%,to{opacity:0;clip-path:none;transform:none}57%{opacity:1;clip-path:none;transform:skew(10deg)}57.8%{opacity:1;clip-path:none;transform:none}93.4%{opacity:1;clip-path:inset(0 0 48%);transform:none}94.2%{opacity:1;clip-path:inset(40% 0 0);transform:skew(-8deg)}}@media (width>=900px){.home-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.home-main{grid-column:2}.home-main.center{grid-column:1/-1;width:100%;max-width:720px;margin-inline:auto}}.bio p{max-width:60ch;color:var(--ink);text-wrap:pretty;margin:0 0 1em;font-size:clamp(19px,1.61vw,21px);line-height:1.5}.bio p:first-of-type{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(min(7.2vw,27px),2.7vw,36px);font-weight:700;line-height:1.22}.bio p:first-of-type b{color:var(--accent);font-weight:inherit}.bio p:first-of-type{width:fit-content}.bio p:first-of-type small{text-align:right;font-family:var(--body);letter-spacing:0;color:var(--accent);white-space:nowrap;margin-top:8px;font-size:clamp(16px,1.3vw,18px);font-weight:400;line-height:1;display:block}.bio p:last-child{margin-bottom:0}.has-ink{isolation:isolate;position:relative}.ink-bg{z-index:-1;pointer-events:none;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.bio-side{isolation:isolate;margin-top:16px;position:relative}.blot{z-index:-1;right:calc(-1 * var(--gutter));width:66%;height:210px;position:absolute;top:50%;translate:0 -50%;scale:-1 1}.blot .ink-bg{opacity:.42}.side-label{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:700;line-height:1.6}.contact{gap:14px;margin:0;padding:0;font-size:clamp(18px,1.5vw,20px);line-height:1.4;list-style:none;display:grid}.contact a{color:var(--accent);align-items:center;gap:.5em;text-decoration:none;transition:color .2s,text-shadow .2s;display:inline-flex}.contact .ico{flex:none;width:.9em;height:.9em}.contact a:hover{color:var(--ink);text-shadow:0 0 18px color-mix(in srgb, var(--ink-drop) 45%, transparent)}@media (width>=900px){.bio-side{grid-area:1/1;align-self:start;margin-top:.55em}.blot{right:auto;left:calc(-1 * max(var(--gutter), (100vw - var(--max)) / 2 + var(--gutter)));width:min(520px,42vw);height:300px;top:calc(100% - 10px);translate:none;scale:none}.blot .ink-bg{opacity:.75}}.jobs{margin:0;padding:0;list-style:none}.job{border-top:1px solid var(--line);--lit:1;--bar:min(1, calc(var(--lit) * 3));--room:max(0, calc((var(--lit) - .25) / .75));--light:var(--ink-drop);padding-block:clamp(46px,5.8vw,72px);padding-inline:clamp(14px,3.4vw,44px);position:relative}.job:last-child{padding-bottom:0}.job:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 12%, var(--light) 50%, transparent 88%);height:1px;opacity:var(--bar);transition:opacity .2s linear;position:absolute;inset:-1px 0 auto}.job:after{content:"";pointer-events:none;background:radial-gradient(30% 16px at 50% -2px, color-mix(in srgb, var(--light) 36%, transparent), transparent), radial-gradient(52% 90px at 50% -2px, color-mix(in srgb, var(--light) 10%, transparent), transparent);height:90px;opacity:var(--bar);transition:opacity .2s linear;position:absolute;inset:0 0 auto}.job>*{z-index:1;opacity:calc(.4 + .6 * var(--room));transition:opacity .2s linear;position:relative}.job-name{text-shadow:0 0 48px color-mix(in srgb, var(--light) calc(var(--room) * 32%), transparent)}.job-when{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 16px;font-size:16px}.job-when b{color:var(--accent);margin-right:.7em;font-weight:400}.job-name{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:clamp(27px,2.6vw,32px);font-weight:700;line-height:1.1}.job-role{margin:6px 0 0;font-size:clamp(17px,1.35vw,19px);font-weight:600;line-height:1.35}.job-text{max-width:60ch;color:var(--muted);margin:14px 0 0;font-size:clamp(18px,1.45vw,20px);line-height:1.5}.job-more.btn{--mt:20px;--py:11px;--px:18px;font-size:14px;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,padding .25s,margin .25s,opacity .2s linear}
