.portfolio-home{--home-gap: clamp(1.25rem, 3vw, 2rem);--home-gutter: max(3rem, calc((100vw - 72rem)/2) );--work-width: min(38rem, 72vw)}.intro{padding-block:clamp(3.5rem,6vw,5.5rem) 4.5rem;text-align:center}.intro-name{margin:0 auto 1.4rem;font-size:.95rem;font-weight:500;color:var(--secondary)}.intro h1{font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.07;letter-spacing:-.045em;font-weight:600}.intro-description{margin:1.45rem auto 0;max-width:34rem;color:var(--secondary);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6}.intro-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem 1.6rem;margin-top:1.7rem;font-size:.95rem}.intro-links .button{font-size:.95rem}.intro-resume{display:inline-flex;align-items:center;min-height:2.75rem}.work-gallery{padding-block:2.75rem 3.25rem;background:var(--surface);scroll-margin-top:0}.work-heading,.experience-heading,.work-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.work-heading{margin-bottom:1.65rem}.work-heading h2{font-size:clamp(1.65rem,2.6vw,2rem);font-weight:600;letter-spacing:-.025em}.work-heading>a,.experience-heading>a{font-size:.9rem;white-space:nowrap}.work-rail{display:flex;align-items:stretch;gap:var(--home-gap);padding:.35rem var(--home-gutter) .75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--home-gutter);overscroll-behavior-x:contain;scrollbar-width:none}.work-rail::-webkit-scrollbar{display:none}.work-rail:focus-visible{outline-offset:-3px}.work-item{flex:0 0 var(--work-width);min-width:0;scroll-snap-align:start}.work-item:last-child{scroll-snap-align:end}.work-cover-link{display:block;border-radius:1rem;text-decoration:none}.work-cover-link:focus-visible{outline-offset:3px}.work-caption{padding:1.25rem .15rem 0}.work-title-line h3{font-size:1.4rem;font-weight:600;letter-spacing:-.025em}.work-title-line a{color:var(--ink)}.work-title-line>span{color:var(--secondary);font-size:.85rem}.work-caption>p:not(.work-role){margin-top:.65rem;max-width:55ch;color:var(--secondary);font-size:.95rem;line-height:1.55}.work-caption .work-role{margin-top:1rem;font-size:.8rem;color:var(--ink)}.work-status{display:block;font-size:.8rem;margin-top:.25rem;color:var(--muted)}.work-controls{display:flex;align-items:center;justify-content:end;gap:.5rem;margin-top:1.6rem}.work-controls>span{font-size:.8rem;color:var(--secondary);margin-right:.6rem;font-variant-numeric:tabular-nums}.work-controls button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--soft);transition:background-color var(--motion-fast) ease}.work-controls button:hover:not(:disabled){background:var(--line)}.home-background{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);padding-block:clamp(4.5rem,8vw,7rem)}.home-background h2,.home-contact h2{font-size:1.85rem;font-weight:600;letter-spacing:-.025em}.background-intro p{font-size:1.04rem;line-height:1.7;color:var(--secondary);margin-top:1.25rem}.background-intro>a{display:inline-block;font-size:.9rem;margin-top:1.35rem;padding-block:.35rem}.experience-heading{margin-bottom:.35rem}.experience-heading h2{font-size:1.1rem;letter-spacing:-.015em}.experience-list{list-style:none;padding:0;margin:0}.experience-list li{padding-block:1.2rem;border-bottom:1px solid var(--line);margin:0}.experience-list li:last-child{border-bottom:0;padding-bottom:0}.experience-list h3{font-size:1rem;line-height:1.5;font-weight:600;letter-spacing:-.01em}.experience-list p{font-size:.9rem;margin-top:.15rem;color:var(--secondary)}.experience-list span{display:block;font-size:.78rem;color:var(--muted);margin-top:.4rem}.home-contact{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-block:3rem 0}.home-contact p{margin-top:.8rem;font-size:1rem;color:var(--secondary);max-width:31rem}.contact-email-link{font-size:1rem;text-underline-offset:.3em;overflow-wrap:anywhere}@media(max-width:900px){.portfolio-home{--home-gutter: 1.5rem}.home-background{gap:3rem}.home-contact{align-items:start;flex-direction:column;gap:1.25rem}}@media(max-width:600px){.portfolio-home{--home-gutter: 1.25rem;--work-width: calc(100vw - 3.5rem) }.intro{padding-block:3rem 3.25rem}.intro-name{font-size:.82rem;margin-bottom:1.2rem}.intro h1{font-size:clamp(2.35rem,9.7vw,3.5rem);line-height:1.1}.intro-description{font-size:1rem;max-width:27rem}.intro-links{gap:.5rem 1.15rem;margin-top:1.5rem}.intro-links .button,.intro-resume{font-size:.87rem}.work-gallery{padding-block:2.25rem}.work-heading{margin-bottom:1.2rem;gap:.75rem}.work-heading h2{font-size:1.4rem}.work-heading>a{font-size:.78rem}.work-caption{padding-top:1rem}.work-title-line h3{font-size:1.2rem}.work-title-line>span{font-size:.8rem}.work-caption>p:not(.work-role){font-size:.9rem}.work-controls{margin-top:1.1rem}.home-background{grid-template-columns:1fr;gap:3rem;padding-block:3.5rem}.background-intro p{font-size:1rem}.home-background h2,.home-contact h2{font-size:1.6rem}.experience-heading h2{font-size:1.1rem}.home-contact{padding-top:2.5rem}.contact-email-link{font-size:.95rem}}@media print{.intro{padding-block:2rem}.work-rail{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:visible}.work-item{break-inside:avoid}.work-item:last-child{margin:0}.work-controls{display:none}.home-background{padding-block:2rem}}
