.single-screen{--reference-width:1540px;--card-border:#68686e;--reference-rule:#a5a5aa;--reference-gutter:clamp(20px, 2.4vw, 40px)}.single-screen[data-theme=light],:root[data-theme=light] .single-screen{--card-border:#aaaab1;--reference-rule:#85858d}.single-screen .header{background:0 0;border:0;position:static}.single-screen .nav-shell,.single-screen main{width:min(var(--reference-width), calc(100% - var(--reference-gutter) * 2));margin-inline:auto}.single-screen main{grid-template-rows:auto 1fr;display:grid}.single-screen .nav-shell{border-bottom:1px solid var(--reference-rule);grid-template-columns:minmax(0,40.2fr) minmax(0,59.8fr);align-items:start;gap:0;padding:32px 10px 24px;display:grid;position:relative}.single-screen .identity-group{min-width:0;padding:5px 22px 0 0}.single-screen .identity{white-space:normal;gap:14px;width:fit-content}.single-screen .identity h1{letter-spacing:-.035em;font-size:clamp(25px,2.5vw,38px);line-height:1.15}.single-screen .spade-mark{width:40px;height:46px}.identity-details{margin-top:15px;padding-inline-start:14px}.identity-details p:first-child{font-size:clamp(17px,1.45vw,23px);line-height:1.35}.identity-details p:last-child{margin-top:8px;font-size:clamp(13px,1.18vw,18px);line-height:1.45}.identity-details span{padding-inline:5px}.header-skills{border-left:1px solid var(--reference-rule);min-width:0;padding-inline:clamp(22px,3.25vw,50px) 40px}.header-skills h2{letter-spacing:-.035em;margin-bottom:7px;font-size:clamp(23px,1.9vw,29px)}.header-skills dl{gap:4px;margin:0;display:grid}.header-skills dl>div{grid-template-columns:clamp(125px,11.8vw,180px) minmax(0,1fr);gap:4px;display:grid}.header-skills dt,.header-skills dd{font-size:clamp(12px,1.12vw,17px);line-height:1.27}.header-skills dd{margin:0}.single-screen .nav-actions{position:absolute;top:18px;right:0}.single-screen .theme-toggle{border-color:var(--reference-rule);background:0 0;width:46px;height:46px}.single-screen .theme-toggle svg{width:24px;height:24px}.featured-work{padding-top:13px}.work-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding-inline:8px 4px;display:flex}.work-title h2{letter-spacing:-.025em;font-size:clamp(27px,2.25vw,34px)}.work-title a{color:var(--accent);align-items:center;gap:6px;min-height:44px;font-size:clamp(14px,1.3vw,20px);display:inline-flex}.featured-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 18px;display:grid}.reference-card{grid-column:span 2;min-width:0}.reference-card-featured{grid-column:span 3}.reference-card-link{border:1px solid var(--card-border);background:var(--bg);border-radius:13px;grid-template-columns:minmax(0,1fr);align-items:center;height:100%;padding:13px 14px 13px clamp(14px,1.5vw,23px);display:grid}.reference-card-featured .reference-card-link{grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:18px}.reference-card-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.reference-card-copy{min-width:0}.reference-card-title{flex-wrap:wrap;align-items:center;gap:5px 10px;display:flex}.reference-card-title h3{letter-spacing:-.025em;font-size:clamp(18px,1.58vw,25px);line-height:1.12}.reference-card:first-child h3{font-size:clamp(20px,1.9vw,29px)}.reference-card .competition{color:var(--muted);margin-top:7px;font-size:clamp(12px,1vw,15.5px);line-height:1.35}.reference-card .project-summary{margin-top:8px;font-size:clamp(13px,1.14vw,17.5px);line-height:1.24}.reference-preview{aspect-ratio:1.6;border-radius:10px;min-width:0;overflow:hidden}.reference-preview img{object-fit:contain;width:100%;height:100%;display:block}.reference-contact{text-align:center;border-top:1px solid var(--reference-rule);align-content:center;justify-items:center;margin-top:20px;padding-block:22px;display:grid}.reference-contact h2{letter-spacing:-.02em;margin-bottom:7px;font-size:clamp(18px,1.5vw,23px)}.reference-contact .email{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(19px,2vw,31px)}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-top:16px;display:flex}.contact-buttons a{border:1px solid var(--reference-rule);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:8px 21px;font-size:clamp(14px,1.25vw,19px);display:inline-flex}.contact-buttons .download-resume{background:var(--text);color:var(--bg)}.contact-buttons svg{flex:none;width:22px;height:22px}.linkedin-mark{letter-spacing:-.05em;font-size:22px;line-height:1}.reference-footer{width:min(1268px, calc(100% - var(--reference-gutter) * 2));border-top:1px solid var(--reference-rule);flex-wrap:wrap;justify-content:center;align-items:center;row-gap:8px;margin-inline:auto;padding-block:16px 20px;font-size:clamp(12px,.98vw,15px);display:flex}.reference-footer>*{padding:0 24px;line-height:1.6}.reference-footer>*+*{border-left:1px solid var(--reference-rule)}@media (width>=1100px) and (height<=940px){.single-screen .nav-shell{padding-block:20px 17px}.featured-work{padding-top:8px}.work-title{margin-bottom:9px}.featured-grid{gap:12px 14px}.reference-card-link{padding-block:11px}.reference-contact{padding-block:15px}.contact-buttons{margin-top:10px}.reference-footer{padding-block:12px}}@media (width>=1100px) and (height<=800px){.single-screen .nav-shell{padding-block:15px 13px}.identity-details{margin-top:9px}.header-skills dl{gap:2px}.reference-card .project-summary{font-size:14px}.reference-card .competition{margin-top:5px;font-size:12px}.reference-card-title h3{font-size:20px}.reference-preview{max-height:131px}.reference-contact .email{font-size:23px}.contact-buttons a{min-height:38px;padding-block:5px;font-size:15px}}@media (width<=1099px){.single-screen .nav-shell{grid-template-columns:1fr 1.2fr;padding-inline:0}.identity-details{padding-inline-start:0}.header-skills{padding-inline:20px 44px}.header-skills dl>div{grid-template-columns:116px 1fr}.reference-card{grid-column:span 3}.reference-card-featured .reference-card-link{grid-template-columns:minmax(0,1fr) minmax(0,35%);gap:12px}.reference-footer>*{padding-inline:13px}}@media (width<=680px){.single-screen .nav-shell{grid-template-columns:1fr;gap:23px;padding-top:18px}.single-screen .identity-group{padding-right:42px}.single-screen .spade-mark{width:31px;height:36px}.single-screen .identity{gap:9px}.single-screen .identity h1{font-size:clamp(21px,5.4vw,28px)}.single-screen .theme-toggle{width:39px;height:39px}.header-skills{border-left:0;padding:0}.header-skills dl>div{grid-template-columns:106px minmax(0,1fr);gap:8px}.header-skills dt,.header-skills dd{font-size:13px;line-height:1.45}.featured-grid{grid-template-columns:minmax(0,1fr);gap:14px}.reference-card,.reference-card-featured{grid-column:1}.reference-card-link,.reference-card-featured .reference-card-link{grid-template-columns:minmax(0,1fr);padding:16px}.reference-card-title h3{font-size:22px}.reference-card .project-summary{font-size:15px;line-height:1.45}.reference-card .competition{font-size:13px}.reference-preview{aspect-ratio:1.65}.contact-buttons{gap:10px}.contact-buttons a{padding-inline:13px}.reference-footer{padding-block:16px}.reference-footer>*{padding-inline:9px}.reference-footer>span{text-align:center;border-left:0;width:100%}.reference-footer>span+a{border-left:0}}@media (width>=1100px) and (height<=800px){.reference-card-link,.reference-footer{padding-block:9px}.single-screen .nav-shell{padding-block:12px 11px}.reference-contact{padding-block:9px}.contact-buttons{margin-top:8px}}@media (width>=1100px){.reference-card-copy{align-self:start}}
