.hero inner-wrapper{padding-block:var(--sp-120) var(--sp-240)}.hero h1{grid-column:span 6}.hero p{grid-column:span 5;align-self:end}.projects inner-wrapper{padding-block:var(--sp-48)}.projects list-header,.projects inner-wrapper>ul,.projects inner-wrapper>ul>li,.projects article{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center}.projects list-header{padding-block-end:var(--sp-8)}.projects list-header,.projects article{border-block-end:var(--sp-1) solid var(--white-shade-12)}.projects article{position:relative;padding-block:var(--sp-10)}.projects article h3 a:after{content:"";position:absolute;inset:0}.projects article p{justify-self:start}.projects article img{position:absolute;z-index:1;grid-column:4 / span 2;inset:0;align-self:unsafe center;opacity:0;scale:1.04;pointer-events:none}.projects article h3 a>:first-child{display:inline-block}@media(hover:hover){.projects inner-wrapper>ul:has(article:hover,article :focus-visible) article:not(:hover,:has(:focus-visible)){color:var(--black-tint-46)}.projects inner-wrapper>ul{position:relative;isolation:isolate}.projects inner-wrapper>ul:after{content:"";position:absolute;z-index:-1;position-anchor:--work-row;inset-block:anchor(start) anchor(end);inset-inline:0;pointer-events:none}.projects inner-wrapper>ul:is(:hover,:has(:focus-visible)):after{background-color:var(--white-shade-3)}.projects article:has(img):after{--corner: var(--sp-8);content:"";position:absolute;z-index:1;grid-column:4 / span 2;inset:0;align-self:unsafe center;box-sizing:content-box;aspect-ratio:219 / 147;margin:calc(-1 * var(--sp-4));padding:calc(var(--sp-4) - var(--sp-1));border:var(--border-black-1);opacity:0;scale:1.12;-webkit-mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));pointer-events:none}.projects article:is(:hover,:has(:focus-visible)){anchor-name:--work-row}.projects article:is(:hover,:has(:focus-visible)) img,.projects article:is(:hover,:has(:focus-visible)):after{opacity:1;scale:1}.projects article:is(:hover,:has(:focus-visible)) .tag{background-color:var(--white)}.projects article:is(:hover,:has(:focus-visible)) h3 a>:first-child{translate:var(--sp-16) 0}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.projects inner-wrapper>ul:after{transition:background-color var(--dur-300) var(--ease-in-out-soft),inset-block-start var(--dur-400) var(--ease-out-expo),inset-block-end var(--dur-400) var(--ease-out-expo)}@starting-style{.projects inner-wrapper>ul:after{background-color:transparent}}.projects article{transition:color var(--dur-300) var(--ease-in-out-soft),anchor-name 0s var(--dur-300) allow-discrete}.projects article img,.projects article:after{transition:opacity var(--dur-300) var(--ease-in-out-soft),scale var(--dur-600) var(--ease-out-expo)}.projects article .tag{transition:background-color var(--dur-300) var(--ease-in-out-soft)}.projects article h3 a>:first-child{transition:translate var(--dur-600) var(--ease-out-expo)}.projects inner-wrapper>ul:is(:hover,:has(:focus-visible)) article{transition:color var(--dur-300) var(--ease-in-out-soft)}.projects article:is([data-picked],[data-returning]) img{view-transition-name:case-picture}.projects article:is([data-picked],[data-returning]):after{view-transition-name:case-marks}.projects article[data-returning] img,.projects article[data-returning]:after{opacity:1;scale:1}.projects inner-wrapper>ul:has(article:hover) article[data-returning]:not(:hover) img,.projects inner-wrapper>ul:has(article:hover) article[data-returning]:not(:hover):after{opacity:0}}.projects :is(list-header,article)>:nth-child(1){grid-column:span 6}.projects :is(list-header,article)>:nth-child(2){grid-column:span 2}.projects :is(list-header,article)>:nth-child(3){grid-column:span 3}.projects :is(list-header,article)>:nth-child(4){text-align:end}@media(prefers-reduced-motion:no-preference){::view-transition-new(case-marks):only-child{inset:0;block-size:100%;animation:case-marks-grow var(--dur-600) var(--ease-out-expo) var(--dur-900) both}}@keyframes case-marks-grow{0%{inset:var(--sp-3);inline-size:calc(100% - 2 * var(--sp-3));block-size:calc(100% - 2 * var(--sp-3));opacity:0}5%{opacity:1}}@media(prefers-reduced-motion:no-preference){:root[data-reveal] .projects:not([data-seen]) list-header,:root[data-reveal] .projects inner-wrapper>ul>li:not([data-seen],:has([data-returning])){opacity:0}:root[data-reveal] .projects[data-seen] list-header{animation:reveal-rise var(--dur-600) var(--ease-out-expo) calc(var(--dur-100) / 2) backwards}:root[data-reveal] .projects inner-wrapper>ul>li[data-seen]:not(:has([data-returning])){animation:reveal-rise var(--dur-600) var(--ease-out-expo) calc(var(--step, 0) * var(--dur-100) / 2 + var(--dur-100)) backwards}:root[data-reveal] .projects inner-wrapper>ul>li[data-seen]:not(:has([data-returning])):nth-child(5n+2){--step: 1}:root[data-reveal] .projects inner-wrapper>ul>li[data-seen]:not(:has([data-returning])):nth-child(5n+3){--step: 2}:root[data-reveal] .projects inner-wrapper>ul>li[data-seen]:not(:has([data-returning])):nth-child(5n+4){--step: 3}:root[data-reveal] .projects inner-wrapper>ul>li[data-seen]:not(:has([data-returning])):nth-child(5n+5){--step: 4}}@media only screen and not (min-width:64rem){.hero inner-wrapper{row-gap:var(--sp-16);padding-block:var(--sp-48)}.hero :is(h1,p){grid-column:1 / -1}.projects list-header,.projects article>:is(:nth-child(2),time,img),.projects article:after{display:none}.projects inner-wrapper>ul{border-block-start:var(--sp-1) solid var(--white-shade-12)}.projects article{align-items:start}.projects article>:nth-child(1){grid-column:span 2}.projects article>:nth-child(3){grid-column:span 2;flex-direction:column;align-items:end}}