/* Bounded content refinement within the approved character-card identity. */
#selected-work{scroll-margin-top:116px}.text-project{scroll-margin-top:100px}
body[data-theme="light"] .hud::before{content:"";position:absolute;top:calc(-1 * var(--inset) - 1px);left:calc(-1 * var(--inset) - 1px);right:calc(-1 * var(--inset) - 1px);height:var(--inset);background:#fff;pointer-events:none;z-index:-1}
.contact{scroll-margin-top:0}
.selected-work-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:64px 0 26px}
.selected-work-intro h3{font-family:var(--font-display);font-weight:400;font-style:oblique 8deg;font-size:38px;line-height:1.25;font-synthesis:none;letter-spacing:.02em}
.selected-work-intro p{font:400 14px/1.8 var(--font-ui);color:#62666b;max-width:34em}
.portfolio-tool-row{display:grid;grid-template-columns:46px minmax(0,1fr) 270px 34px;gap:20px;align-items:center;min-height:96px;padding:22px 0;border-bottom:1px solid #10111438;color:#101114}
.portfolio-tool-row .project-row-title{font-size:clamp(26px,1.96vw,34px)}
.portfolio-tool-row svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;transition:translate .25s ease}
.portfolio-tool-row:hover{background:#10111405}.portfolio-tool-row:hover svg{translate:3px -3px}
.text-project .case-content{max-width:1180px;padding-top:26px;padding-bottom:38px}
.case-responsibility{margin:0 0 28px}
.case-responsibility>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;margin-top:12px;font:400 15px/1.85 var(--font-ui)}
.case-responsibility dt{color:#62666b}.case-responsibility dd{margin:0;color:#101114}
.text-project .process-grid{display:block;margin:0 0 26px}
.text-project .process-grid>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid #1011141c}
.text-project .process-grid h5{font-size:15px;line-height:1.85;margin:0;font-weight:500}
.text-project .process-grid p{margin:0;font-size:14px;line-height:1.9;max-width:58em}
.text-project .case-heading h4{max-width:24em;margin-bottom:24px;text-wrap:balance}
.text-project .case-result{padding:20px 0 0;margin-top:0;border-top:1px solid #10111438;color:#101114;font-weight:500}
.case-evidence{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px}
.case-evidence .authorship-note{margin:0;color:#62666b;font-size:12px}
.case-evidence .text-link{flex:none;font-size:13px}
.about-focus{font:400 15px/1.9 var(--font-ui);color:#62666b;max-width:39em;margin:-16px 0 32px}
.experience h3 a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#10111438;text-underline-offset:6px;text-decoration-thickness:1px}
.contact-email-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}
.contact-email-row .contact-email{margin:0;overflow-wrap:anywhere}
#contact-copy-email{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:none;padding:8px 12px;border:1px solid #ffffff50;background:#ffffff08;color:#fff;border-radius:0;font:400 12px/1.5 var(--font-ui);cursor:pointer;transition:background .2s,border-color .2s}
#contact-copy-email svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
#contact-copy-email:hover{background:#ffffff14;border-color:#ffffffa0}
.contact-copy-status{min-height:24px;margin:9px 0 0;color:#ffffffc4;font:400 12px/1.8 var(--font-ui)}
.portfolio-tool-row:focus-visible,.experience h3 a:focus-visible{outline:2px solid #101114;outline-offset:5px}
#contact-copy-email:focus-visible{outline:2px solid #d9f870;outline-offset:5px}
@media(max-width:900px){.selected-work-intro{display:block}.selected-work-intro p{margin-top:12px}.portfolio-tool-row{grid-template-columns:28px minmax(0,1fr) 220px 28px;gap:14px}.case-evidence{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){#selected-work{scroll-margin-top:102px}.text-project{scroll-margin-top:94px}.selected-work-intro{margin:44px 0 18px}.selected-work-intro h3{font-size:30px}.selected-work-intro p{font-size:13px;max-width:25em}.portfolio-tool-row{grid-template-columns:22px minmax(0,1fr) 26px;gap:6px 12px;min-height:104px;padding:22px 0}.portfolio-tool-row .project-row-title{font-size:27px}.portfolio-tool-row .project-row-description{grid-column:2;font-size:12px}.portfolio-tool-row svg{grid-column:3;grid-row:1/3;width:22px}.text-project .case-content{padding-left:0;padding-top:22px}.text-project .case-heading h4{font-size:26px;line-height:1.45}.case-responsibility>div{grid-template-columns:72px minmax(0,1fr);gap:14px;font-size:14px;margin-top:10px}.text-project .process-grid>div{display:block;padding:18px 0}.text-project .process-grid h5{margin-bottom:8px;font-size:14px}.text-project .process-grid p{font-size:13px;line-height:1.9}.text-project .case-result{font-size:13px}.case-evidence .authorship-note{font-size:11px}.about-focus{font-size:14px;line-height:1.85;margin:-12px 0 26px}.contact-email-row{gap:12px;flex-wrap:wrap}.contact-email-row .contact-email{font-size:16px}.contact-copy-status{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portfolio-tool-row svg,#contact-copy-email{transition:none}.portfolio-tool-row:hover svg{translate:none}}