.personal-site:has(.home-experience) .personal-header{position:sticky;top:0;z-index:40;background:var(--color-canvas)}.personal-site:has(.home-experience) .personal-nav{min-height:80px}.home-experience{overflow:clip}.home-experience [id]{scroll-margin-top:100px}.home-introduction{padding-block:48px 56px;-moz-column-gap:96px;column-gap:96px}.home-introduction .introduction-portrait{max-width:440px;isolation:isolate}.home-introduction .introduction-portrait img{position:relative;border-radius:12px;aspect-ratio:1/1.08}.home-introduction .introduction-portrait figcaption{text-align:right;padding-top:14px}.home-introduction .introduction-note a{background:var(--personal-lime);border-color:transparent}.home-introduction .introduction-note a:hover{background:#d1df77}.portfolio-showcase{padding-block:56px;background:var(--color-lilac)}.portfolio-layout{display:grid;grid-template-columns:.75fr 1.25fr;grid-template-rows:1fr auto;gap:28px 64px;align-items:stretch}.portfolio-navigation{display:flex;flex-direction:column;align-items:start;padding-block:12px}.portfolio-navigation h2{font-size:clamp(36px,4vw,52px)}.portfolio-tabs{width:100%;margin-block:32px 28px}.portfolio-tabs button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:12px 0;border-bottom:1px solid #c5bfdf;text-align:left;color:#605b79;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.025em;cursor:pointer}.portfolio-tabs button svg{flex:none;opacity:0;transform:translateX(-8px);transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .18s}.portfolio-tabs button[aria-selected=true]{color:var(--color-cobalt);border-color:var(--color-cobalt);font-weight:600}.portfolio-tabs button[aria-selected=true] svg{opacity:1;transform:none}.portfolio-tabs button:hover{color:var(--color-cobalt)}.portfolio-all{grid-area:2/1;justify-self:start;margin-bottom:12px}.portfolio-panels{display:grid;grid-area:1/2/span 2}.portfolio-panel{grid-area:1/1;min-height:500px;padding:40px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;overflow:hidden;animation:portfolio-reveal .36s cubic-bezier(.16,1,.3,1)}.portfolio-panel[hidden]{display:none}.portfolio-panel--technology{background:var(--color-cobalt);color:var(--color-canvas)}.portfolio-panel--speaking{background:var(--personal-coral);color:var(--color-ink)}.portfolio-panel--creative{background:var(--personal-lime);color:var(--color-ink)}.portfolio-panel h3{font-size:clamp(52px,5.8vw,80px);font-weight:600;line-height:1.06;letter-spacing:-.04em}.portfolio-panel h3 span{display:block}.portfolio-emphasis{transform:rotate(-4deg);transform-origin:left center;padding-top:12px}.portfolio-panel--technology .portfolio-emphasis{color:var(--personal-lime)}.portfolio-panel--speaking .portfolio-emphasis{color:#573145}.portfolio-panel--creative .portfolio-emphasis{color:#4542bc}.portfolio-panel-detail{max-width:48ch}.portfolio-panel-detail p{font-size:16px;margin-bottom:18px}.portfolio-panel .personal-text-link{color:inherit}.portfolio-panel--technology :focus-visible{outline-color:var(--personal-lime)}.home-experience .introduction-closing{padding-block:64px}@keyframes portfolio-reveal{0%{clip-path:inset(0 0 6% 0 round 16px);transform:translateY(6px)}to{clip-path:inset(0 round 16px);transform:none}}@media (max-width:1100px){.home-introduction{-moz-column-gap:56px;column-gap:56px}.portfolio-layout{gap:36px}.portfolio-panel{padding:30px}.portfolio-panel h3{font-size:clamp(40px,5.5vw,64px)}}@media (max-width:800px){.personal-site:has(.home-experience) .personal-nav{min-height:76px}.home-introduction{padding-block:30px 36px;gap:24px}.home-introduction .introduction-portrait{max-width:420px;width:100%;justify-self:center;margin-top:8px}.home-introduction .introduction-portrait img{aspect-ratio:1/.95}.home-introduction .introduction-note{margin-top:0}.portfolio-showcase{padding-block:36px}.portfolio-layout{grid-template-columns:1fr;grid-template-rows:auto;gap:22px}.portfolio-navigation{display:contents}.portfolio-navigation h2{font-size:36px}.portfolio-navigation h2 br{display:none}.portfolio-tabs{display:flex;margin:0;gap:16px}.portfolio-tabs button{justify-content:center;width:auto;flex:1;min-height:48px;padding:12px 0;font-size:17px;letter-spacing:-.02em;white-space:nowrap}.portfolio-tabs button svg{display:none}.portfolio-all{grid-area:4/1;margin:0}.portfolio-panels{grid-area:3/1}.portfolio-panel{min-height:410px;padding:28px;gap:32px}.portfolio-panel h3{font-size:clamp(40px,8.3vw,64px)}.portfolio-panel-detail p{font-size:15px}.home-experience .introduction-closing{padding-block:44px}}@media (max-width:360px){.portfolio-tabs{gap:10px}.portfolio-tabs button{font-size:15px}.portfolio-panel{padding:22px;min-height:410px}.portfolio-panel h3{font-size:35px}}@media (prefers-reduced-motion:reduce){.portfolio-panel{animation:none}.portfolio-tabs button svg{transition:none}}