/* Engaging portfolio sections: native controls, generous type, and vivid color. */
.about-name .about-gradient{background:linear-gradient(105deg,#0071e3 4%,#5856d6 42%,#bf5af2 68%,#ff2d55 98%);background-clip:text;-webkit-background-clip:text;color:transparent}
.experience-section{margin-top:38px;font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.experience-heading{margin-bottom:20px}.experience-heading .page-eyebrow{margin:0 0 8px;font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--accent-ink,var(--accent,#0071e3))}
.experience-heading h2{font-family:var(--font-display,var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));font-size:clamp(24px,3.1vw,34px);line-height:1.15;letter-spacing:-.045em;font-weight:700;margin:0 0 10px;color:var(--ink,#182139)}
.experience-heading>p:last-child:not(.page-eyebrow){font-size:15px;line-height:1.6;color:var(--muted,#677085);margin:0;max-width:56ch}
.project-paths{padding:25px;border:1px solid var(--line,#e0e5ef);border-radius:22px;background:linear-gradient(135deg,#0071e308,#bf5af208 55%,#ff2d5506),var(--surface,#fff)}
.path-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0 0 20px;border:0;min-width:0}
.path-choice{position:relative;cursor:pointer;min-width:0}.path-choice>input{position:absolute;width:1px;height:1px;opacity:0;left:15px;top:20px;margin:0}
.path-choice-content{display:flex;align-items:center;gap:11px;box-sizing:border-box;min-height:81px;padding:13px 12px;border:1px solid var(--line,#dfe5ef);border-radius:14px;background:var(--surface,#fff);transition:border-color .16s,box-shadow .16s,transform .16s}
.path-choice-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;color:#fff;box-shadow:inset 0 1px 1px #ffffff70;background:linear-gradient(145deg,#64d2ff,#0071e3)}
.path-store .path-choice-icon{background:linear-gradient(145deg,#ff9f0a,#ff6b35)}.path-application .path-choice-icon{background:linear-gradient(145deg,#bf5af2,#5856d6)}.path-improve .path-choice-icon{background:linear-gradient(145deg,#00c7be,#00a896)}
.path-choice strong{display:block;font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.015em;color:var(--ink,#182139)}.path-choice small{display:block;font-size:12px;color:var(--muted,#677085);line-height:1.35;margin-top:4px}
.path-choice-check{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1.5px solid var(--line,#d5dce8);border-radius:50%;margin-left:auto;color:transparent}.path-choice-check svg{width:12px;height:12px}
.path-choice>input:checked+.path-choice-content{border-color:var(--accent-ink,var(--accent,#0071e3));box-shadow:0 0 0 1px var(--accent,#0071e3),0 5px 16px #0071e30a}
.path-choice>input:checked+.path-choice-content .path-choice-check{background:var(--accent,#0071e3);border-color:var(--accent-ink,var(--accent,#0071e3));color:#fff}
.path-choice>input:focus-visible+.path-choice-content{outline:3px solid var(--accent,#0071e3);outline-offset:4px}.path-choice:hover .path-choice-content{transform:translateY(-2px);border-color:var(--accent-ink,var(--accent,#0071e3))}
.path-details{padding:22px;background:var(--surface,#fff);border:1px solid var(--line,#e0e5ef);border-radius:16px}
.path-detail-kicker{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink,var(--accent,#0071e3))}
.path-detail h3{font-family:var(--font-display,var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 10px;font-weight:680;color:var(--ink,#182139)}
.path-detail>p{font-size:15px;line-height:1.65;margin:0;color:var(--muted,#677085)}
.path-detail ul{list-style:none;padding:0;margin:19px 0;display:grid;gap:9px}.path-detail li{position:relative;padding-left:23px;font-size:14px;line-height:1.5;color:var(--ink,#182139)}.path-detail li::before{content:"✓";position:absolute;left:0;color:#008c81;font-weight:700}
.path-detail .tag-list{gap:6px}.path-detail .tag{font-size:12px;padding:5px 9px;border-radius:7px;background:var(--hover,#f0f3f9);color:var(--muted,#677085);border:1px solid var(--line,#e0e5ef)}
.project-paths .path-detail{display:none}.project-paths:has([name=intent][value=website]:checked) [data-path-detail=website],.project-paths:has([name=intent][value=store]:checked) [data-path-detail=store],.project-paths:has([name=intent][value=application]:checked) [data-path-detail=application],.project-paths:has([name=intent][value=improve]:checked) [data-path-detail=improve],.project-paths.path-enhanced .path-detail:not([hidden]){display:block}
@supports not selector(:has(*)){.project-paths:not(.path-enhanced) .path-detail{display:block}.project-paths:not(.path-enhanced) .path-detail+.path-detail{margin-top:22px;padding-top:22px;border-top:1px solid var(--line,#e0e5ef)}}
.path-next{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:19px}.path-next>span{font-size:12px;line-height:1.5;color:var(--muted,#677085);max-width:20ch}.path-next .button{font-size:14px;min-height:46px;white-space:nowrap;padding:12px 17px;border-radius:11px;gap:10px}
.workspace-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.workspace-card{--card-color:#0071e3;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:22px;box-sizing:border-box;text-decoration:none;border:1px solid var(--line,#dde5f2);border-radius:19px;background:linear-gradient(140deg,#0071e30a,transparent 80%),var(--surface,#fff);transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--ink,#182139);overflow:hidden}
.workspace-card-experience{--card-color:#c94d16;background:linear-gradient(140deg,#ff9f0a13,transparent 80%),var(--surface,#fff)}.workspace-card-skills{--card-color:#7d3dda;background:linear-gradient(140deg,#bf5af212,transparent 80%),var(--surface,#fff)}.workspace-card-services{--card-color:#007c75;background:linear-gradient(140deg,#00c7be12,transparent 80%),var(--surface,#fff)}
.workspace-card:hover{transform:translateY(-4px);border-color:var(--card-color);box-shadow:0 12px 24px #15244e0c}.workspace-card:focus-visible{outline:3px solid var(--accent,#0071e3);outline-offset:4px}
.workspace-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#64d2ff,#0071e3);color:#fff;box-shadow:inset 0 1px 1px #ffffff70,0 5px 12px #0071e320}
.workspace-card-experience .workspace-card-icon{background:linear-gradient(145deg,#ffd60a,#ff6b35);box-shadow:inset 0 1px 1px #ffffff70,0 5px 12px #ff6b3520}.workspace-card-skills .workspace-card-icon{background:linear-gradient(145deg,#bf5af2,#5856d6);box-shadow:inset 0 1px 1px #ffffff70,0 5px 12px #5856d620}.workspace-card-services .workspace-card-icon{background:linear-gradient(145deg,#00c7be,#00a896);box-shadow:inset 0 1px 1px #ffffff70,0 5px 12px #00a89620}
.workspace-card h3{font-family:var(--font-display,var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));font-size:21px;letter-spacing:-.035em;font-weight:650;line-height:1.25;margin:18px 0 9px}.workspace-card p{font-size:14px;line-height:1.6;color:var(--muted,#677085);margin:0 0 19px}.workspace-card-action{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:auto;font-size:13px;font-weight:650;color:var(--card-color)}.workspace-card-action>span{font-size:19px}
.working-process{padding-top:28px;border-top:1px solid var(--line,#e0e5ef)}.process-steps{display:grid;gap:10px}.process-step{border:1px solid var(--line,#e0e5ef);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.process-step summary{display:flex;align-items:center;gap:14px;min-height:76px;box-sizing:border-box;padding:16px 19px;cursor:pointer;list-style:none}.process-step summary::-webkit-details-marker{display:none}.process-step summary:focus-visible{outline:3px solid var(--accent,#0071e3);outline-offset:-4px;border-radius:13px}
.process-number{font-family:var(--font-rounded,var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));font-size:16px;font-weight:700;color:var(--accent-ink,var(--accent,#0071e3));display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:var(--accent-soft,#0071e310);border-radius:11px}.process-title{font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.02em;color:var(--ink,#182139)}.process-title small{display:block;font-size:12px;font-weight:400;color:var(--muted,#677085);letter-spacing:0;margin-top:4px}.process-chevron{margin-left:auto;color:var(--muted,#677085);transition:transform .16s}.process-step[open] .process-chevron{transform:rotate(90deg)}.process-description{padding:0 20px 20px 69px}.process-description p{font-size:15px;line-height:1.7;color:var(--muted,#677085);margin:0}
.app-services .project-paths{margin:0 0 32px}.app-services .working-process{margin-bottom:30px}
[data-theme=dark] .about-name .about-gradient{background-image:linear-gradient(105deg,#64d2ff,#a4a2ff 42%,#d99bff 68%,#ff6482)}[data-theme=dark] .workspace-card{--card-color:#64d2ff}[data-theme=dark] .workspace-card-experience{--card-color:#ffb66b}[data-theme=dark] .workspace-card-skills{--card-color:#d39bff}[data-theme=dark] .workspace-card-services{--card-color:#5ffbf1}[data-theme=dark] .path-detail li::before{color:#00c7be}
@media(max-width:600px){.experience-section{margin-top:32px}.project-paths{padding:18px;border-radius:18px}.path-choices{grid-template-columns:1fr;gap:9px}.path-choice-content{min-height:72px;padding:13px}.path-choice strong{font-size:15px}.path-choice small{font-size:12px}.path-details{padding:18px}.path-detail h3{font-size:23px}.path-next{align-items:flex-start;flex-direction:column;gap:12px}.path-next>span{max-width:none}.path-next .button{width:100%;justify-content:center;box-sizing:border-box}.workspace-cards{grid-template-columns:1fr;gap:12px}.workspace-card{min-height:0;padding:22px}.workspace-card h3{font-size:23px;margin-top:16px}.workspace-card p{font-size:15px;max-width:40ch}.workspace-card-action{font-size:14px;min-height:30px}.process-step summary{gap:11px;padding:15px}.process-number{width:32px;height:32px;flex-basis:32px;font-size:14px}.process-title{font-size:15px}.process-description{padding:0 17px 19px 58px}.process-description p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.workspace-card,.path-choice-content,.process-chevron{transition:none}.workspace-card:hover,.path-choice:hover .path-choice-content{transform:none}}[data-motion=false] .workspace-card,[data-motion=false] .path-choice-content,[data-motion=false] .process-chevron{transition:none}[data-motion=false] .workspace-card:hover,[data-motion=false] .path-choice:hover .path-choice-content{transform:none}