.experience-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px 16px;min-height:64px;padding:24px 0;list-style:none;transition:color .18s;display:grid}.experience-summary::-webkit-details-marker{display:none}.experience-period{grid-column:1}.experience-toggle{grid-area:1/2/span 2;width:16px;height:16px;position:relative}.experience-toggle:before,.experience-toggle:after{content:"";background:var(--accent);width:12px;height:1px;transition:transform .2s;position:absolute;top:8px;left:2px}.experience-toggle:after{transform:rotate(90deg)}.experience-detail[open] .experience-toggle:after{transform:rotate(0)}.experience-summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.experience-summary:active .experience-toggle{opacity:.6}.experience-description{margin:-4px 32px 24px 0}.experience-detail[open] .experience-period{color:var(--fg)}.about-statement{position:relative}.about-statement:after{content:"";background:var(--accent);transform-origin:0;width:48px;height:1px;margin-top:28px;display:block}@media (hover:hover) and (pointer:fine){.experience-summary:hover .experience-period{color:var(--accent)}.experience-summary:hover .experience-toggle{color:var(--fg)}}@media (min-width:1024px){.experience-summary{grid-template-columns:144px minmax(0,1fr) 20px;gap:40px}.experience-toggle{grid-area:1/3}.experience-description{margin-left:184px}}@media (prefers-reduced-motion:no-preference){.animate-rise .experience-entry{animation:.54s backwards experience-arrive;animation-delay:calc(var(--entry-order,0) * 95ms)}.animate-rise .about-statement:after{animation:.7s backwards about-rule-arrive}@keyframes experience-arrive{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes about-rule-arrive{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.experience-summary,.experience-toggle:before,.experience-toggle:after{transition:none}}
.social-pill{--pill-brand-rgb:var(--accent-rgb);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.social-pill[data-brand=email]{--pill-brand-rgb:234 67 53}.social-pill[data-brand=github]{--pill-brand-rgb:140 146 154}.social-pill[data-brand=linkedin]{--pill-brand-rgb:0 119 181}.social-pill[data-brand=x]{--pill-brand-rgb:140 146 154}.social-pill[data-brand=youtube]{--pill-brand-rgb:255 0 0}.social-pill[data-brand=resume]{--pill-brand-rgb:52 168 83}.social-pill[data-pending=true]{cursor:not-allowed;opacity:.62}.social-entry-slot{min-height:var(--space-11);justify-content:center;align-items:center;width:64px;display:inline-flex;position:relative}.social-entry-label{white-space:nowrap;transition:opacity .3s var(--ease-indent), transform .3s var(--ease-indent)}.social-entry-mark{pointer-events:none;width:var(--space-11);height:var(--space-11);place-items:center;margin:auto;display:grid;position:absolute;inset:0}.social-entry-ring,.social-entry-icon{grid-area:1/1}.social-entry-ring{width:100%;height:100%;overflow:visible}.social-entry-arc{fill:none;stroke:rgb(var(--pill-brand-rgb));stroke-width:1px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .45s var(--ease-indent), opacity .12s ease}.social-entry-fill{fill:rgb(var(--pill-brand-rgb));opacity:0;transition:opacity .26s var(--ease-indent)}.social-entry-icon{z-index:1;color:rgb(var(--pill-brand-rgb));opacity:0;transition:opacity .32s var(--ease-indent), transform .32s var(--ease-indent), color .22s var(--ease-indent);place-items:center;display:grid;transform:scale(.72)}.social-entry:is(:focus-visible,[data-charging=true]):not([data-pending=true]) .social-entry-label{opacity:0;transform:translateY(-4px)}.social-entry:is(:focus-visible,[data-charging=true]):not([data-pending=true]) .social-entry-arc{stroke-dashoffset:0;opacity:1}.social-entry:is(:focus-visible,[data-charging=true]):not([data-pending=true]) .social-entry-fill{opacity:1;transition-delay:.45s}.social-entry:is(:focus-visible,[data-charging=true]):not([data-pending=true]) .social-entry-icon{opacity:1;color:#f8fafcf5;transition:opacity .32s var(--ease-indent) 80ms, transform .32s var(--ease-indent) 80ms, color .22s var(--ease-indent) .45s;transform:scale(1)}@media (hover:hover) and (pointer:fine){.social-entry:hover:not([data-pending=true]) .social-entry-label{opacity:0;transform:translateY(-4px)}.social-entry:hover:not([data-pending=true]) .social-entry-arc{stroke-dashoffset:0;opacity:1}.social-entry:hover:not([data-pending=true]) .social-entry-fill{opacity:1;transition-delay:.45s}.social-entry:hover:not([data-pending=true]) .social-entry-icon{opacity:1;color:#f8fafcf5;transition:opacity .32s var(--ease-indent) 80ms, transform .32s var(--ease-indent) 80ms, color .22s var(--ease-indent) .45s;transform:scale(1)}}.social-entry:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion:reduce){.social-entry :is(.social-entry-label,.social-entry-icon,.social-entry-fill,.social-entry-arc){transition:none!important}.social-entry-label,.social-entry-icon{transform:none!important}}@media (forced-colors:active){.social-entry{color:linktext}.social-entry-arc{stroke:linktext}.social-entry-fill{fill:linktext}.social-entry-icon{color:canvas!important}.social-entry:focus-visible{outline-color:highlight}}
.writing-feature{border-block:1px solid var(--border-strong);padding:28px 0 32px}.writing-feature-meta{font:11px/1.7 var(--family-mono);letter-spacing:.08em;color:var(--fg-dim);flex-wrap:wrap;gap:24px;display:flex}.writing-feature h3{max-width:860px;font:500 clamp(27px,3.4vw,40px)/1.3 var(--family-display);letter-spacing:-.025em;text-wrap:pretty;margin:20px 0}.writing-feature>p:not(.writing-feature-meta){max-width:580px;color:var(--fg-soft);font-size:16px;line-height:1.75}.writing-feature-read{min-height:44px;color:var(--accent);align-items:center;gap:16px;margin-top:24px;font-size:14px;display:inline-flex}.writing-feature-read span{transition:transform .18s}.writing-destinations{flex-wrap:wrap;gap:12px 28px;margin-top:20px;display:flex}.writing-destinations a{min-height:44px;color:var(--fg-soft);text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;display:inline-flex}.writing-feature a:focus-visible,.writing-destinations a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (hover:hover) and (pointer:fine){.writing-feature-read:hover span{transform:translate(2px,-2px)}.writing-feature h3 a:hover{color:var(--accent)}.writing-destinations a:hover{text-decoration:underline}}@media (prefers-reduced-motion:reduce){.writing-feature-read span{transition:none;transform:none!important}}
.work-link{border-radius:2px;text-decoration:none;transition:background-color .18s}.work-link h3{transition:color .18s}.work-arrow{margin-left:12px;transition:transform .18s;display:inline-block}.work-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.work-link:focus-visible h3{color:var(--accent)}@media (hover:hover) and (pointer:fine){.work-link:hover h3{color:var(--accent)}.work-link:hover .work-arrow{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.work-link,.work-link h3,.work-arrow{transition:none}.work-link:hover .work-arrow{transform:none}}
.video-preview{min-height:52px}.video-preview-shade{background:#0000004d;position:absolute;inset:0}.video-play-center{place-items:center;display:grid;position:absolute;inset:0}.video-play-control{box-sizing:border-box;--play-fill:var(--bg-page);--play-stroke:#636973;width:52px;height:52px;color:var(--accent);place-items:center;transition:color .18s,background-color .18s,border-color .18s;display:grid}.video-play-shape{width:52px;height:52px;display:block;overflow:visible}.video-play-disc{fill:var(--play-fill);stroke:var(--play-stroke);stroke-width:1px;transition:fill .18s,stroke .18s}@media (hover:hover) and (pointer:fine){.video-preview:hover .video-play-control{--play-stroke:var(--accent);--play-fill:var(--accent);color:var(--bg-page)}}.video-preview:is(:focus-visible,:active) .video-play-control{--play-stroke:var(--accent);--play-fill:var(--accent);color:var(--bg-page)}.video-preview:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.video-play-control,.video-play-disc{transition:none}}@media (forced-colors:active){.video-play-control{--play-stroke:ButtonText;--play-fill:ButtonFace;color:buttontext}.video-preview:is(:focus-visible,:active) .video-play-control{--play-stroke:Highlight;--play-fill:Highlight;color:highlighttext}.video-preview:focus-visible{outline-color:highlight}.video-play-shape{forced-color-adjust:none}}@media (forced-colors:active) and (hover:hover) and (pointer:fine){.video-preview:hover .video-play-control{--play-stroke:Highlight;--play-fill:Highlight;color:highlighttext}}
.drive-hud{z-index:40;pointer-events:none;width:116px;font:10px/1.5 var(--family-mono);color:var(--fg-dim);position:fixed;top:24px;right:28px}.drive-hud p{grid-template-columns:38px 1fr;align-items:center;gap:8px;margin:0 0 10px;display:grid}.drive-hud kbd{border:1px solid var(--border-strong);text-align:center;color:var(--accent);font:inherit;border-radius:4px;padding:3px 0}.drive-hud:focus-visible{outline:2px solid var(--accent);outline-offset:6px}