.projects-hero{min-height:min(850px,100svh - 72px);padding:clamp(88px, 9vw, 140px) var(--page) clamp(42px, 5vw, 74px);border-bottom:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;display:grid;position:relative;overflow:hidden}.projects-kicker{top:clamp(34px,4vw,58px);left:var(--page);letter-spacing:.12em;text-transform:uppercase;margin:0;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.projects-hero:after{z-index:0;content:"↘";color:#11111109;pointer-events:none;font-size:min(58vw,780px);font-weight:900;line-height:.8;position:absolute;bottom:-.22em;right:-.055em}.projects-hero>:not(.projects-kicker){z-index:1;position:relative}.projects-hero h1{letter-spacing:-.09em;grid-column:1/9;max-width:1240px;margin:0;font-size:clamp(66px,9.4vw,158px);line-height:.82}.projects-hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;display:inline-block;position:relative;transform:rotate(-2deg)}.projects-hero h1 em:after{z-index:-1;content:"";background:var(--yellow);transform-origin:0;height:.24em;animation:.85s cubic-bezier(.22,1,.36,1) .3s forwards project-underline;position:absolute;bottom:.03em;left:-.03em;right:-.05em;transform:scaleX(0)}.projects-intro{max-width:430px;color:var(--muted);grid-column:9/13;align-self:end;font:clamp(16px,1.25vw,20px)/1.42 Georgia,Times New Roman,serif}.projects-intro p{margin:0}.projects-intro p+p{margin-top:24px}.projects-jump{border-bottom:1px solid;grid-column:1/3;width:max-content;margin-top:clamp(40px,7vw,100px);padding-bottom:5px;font-size:11px}.projects-jump span{margin-left:18px;transition:transform .3s;display:inline-block}.projects-jump:hover span,.projects-jump:focus-visible span{transform:translateY(5px)}.projects-marquee{border-bottom:1px solid var(--line);color:var(--paper);background:var(--ink);padding:15px 0 13px;overflow:hidden}.projects-marquee>div{width:max-content;animation:26s linear infinite projects-marquee;display:flex}.projects-marquee p{letter-spacing:-.04em;white-space:nowrap;margin:0;padding-right:.8em;font-size:clamp(18px,2vw,31px);font-weight:800}.projects-marquee i{color:var(--yellow);font-style:normal}.gallery-head{padding:18px var(--page);border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:1fr 1fr auto;gap:18px;font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.gallery-head span:nth-child(2){text-align:center}.gallery-head span:last-child{text-align:right}.gallery-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px 0;display:grid}.project-card{--accent:var(--cyan);background:var(--paper);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.project-card.accent-cyan{--accent:var(--cyan)}.project-card.accent-red{--accent:var(--red)}.project-card.accent-yellow{--accent:var(--yellow)}.project-card.accent-green{--accent:#9bd76a}.project-card:after{z-index:4;content:"";background:var(--accent);transform-origin:0;height:7px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card-story:after{transform:scaleX(1)}.project-card-wide{grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);min-height:clamp(440px,39vw,570px);display:grid}#leonard.project-card-wide,#mashme.project-card-wide{grid-template-columns:minmax(360px,.65fr) minmax(0,1.35fr)}#leonard .project-media,#mashme .project-media{order:2}.project-media{background:#161616;min-height:0;position:relative;overflow:hidden}.project-card:not(.project-card-wide) .project-media{aspect-ratio:16/9}#microgpt-studio .project-media,#leonard .project-media,#mashme .project-media{background:#090a0e}#one-shot-app-benchmarks .project-media,#chrome-built-in-ai .project-media,#kinto .project-media{background:#f7f6f1}#netwot .project-media{background:#e9e9e9}.project-picture{width:100%;height:100%;display:block}.project-picture>img{filter:grayscale()contrast(.92);width:100%;height:100%;transition:filter .7s;display:block}.project-index,.project-media>strong{z-index:2;color:var(--paper);letter-spacing:.08em;background:#111111d1;border:1px solid #f1efe98c;padding:7px 9px 6px;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:18px}.project-index{left:18px}.project-media>strong{right:18px}.project-badge{z-index:2;background:#fff;border:1px solid #11111140;width:clamp(130px,17vw,230px);position:absolute;bottom:18px;right:18px;box-shadow:0 10px 30px #00000026}.project-badge img{aspect-ratio:2.6;object-fit:cover;object-position:center 53%;width:100%;display:block}.project-copy{flex-direction:column;flex:1;min-width:0;padding:clamp(24px,3vw,44px);display:flex}.project-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:7px 18px;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.project-meta span+span:before{content:"/";color:var(--accent);margin-right:18px}.project-copy h2{overflow-wrap:anywhere;letter-spacing:-.075em;max-width:12ch;margin:clamp(34px,5vw,72px) 0 0;font-size:clamp(40px,5vw,80px);line-height:.86}.project-card-wide .project-copy h2{margin-top:auto;font-size:clamp(52px,6.2vw,104px)}#hybridium .project-copy h2{overflow-wrap:normal;max-width:none;font-size:clamp(50px,4.7vw,72px)}.project-summary{letter-spacing:-.015em;max-width:650px;margin:28px 0 0;font:clamp(17px,1.4vw,22px)/1.38 Georgia,Times New Roman,serif}.project-foot{margin-top:auto;padding-top:clamp(32px,4vw,58px)}.project-foot ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-foot li{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:5px 8px;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.project-links{flex-wrap:wrap;gap:14px 28px;margin-top:24px;display:flex}.project-links a{border-bottom:1px solid;padding-bottom:5px;font-size:11px}.project-links a span{margin-left:12px;transition:transform .3s;display:inline-block}.project-links a:hover span,.project-links a:focus-visible span{transform:translate(5px,-5px)}.project-card:hover:after,.project-card:focus-within:after,.project-card.is-visible:after{transform:scaleX(1)}.project-card:hover .project-picture>img,.project-card:focus-within .project-picture>img,.project-card.is-visible .project-picture>img{filter:grayscale(0)contrast()}@keyframes project-underline{to{transform:scaleX(1)}}@keyframes projects-marquee{to{transform:translate(-50%)}}@media (width<=900px){.projects-hero{min-height:auto;padding-top:105px;padding-bottom:62px;display:block}.projects-kicker{top:34px}.projects-hero h1{max-width:680px;font-size:clamp(62px,18vw,104px)}.projects-intro{max-width:590px;margin-top:50px}.projects-jump{margin-top:52px}.gallery-head{grid-template-columns:1fr auto}.gallery-head span:nth-child(2){display:none}.gallery-grid{background:0 0;padding:0;display:block}.project-card,.project-card-wide{border-bottom:1px solid var(--line);min-height:0;display:flex}#leonard .project-media,#mashme .project-media{order:0}.project-card .project-media,.project-card:not(.project-card-wide) .project-media{aspect-ratio:16/10;width:100%}.project-copy{padding:26px var(--page) 42px}.project-copy h2,.project-card-wide .project-copy h2{margin-top:48px;font-size:clamp(46px,13.5vw,78px)}.project-summary{font-size:18px}}@media (prefers-reduced-motion:reduce){.projects-marquee>div{animation:none}.projects-hero h1 em:after{animation:none;transform:scaleX(1)}.project-card:after{transform:scaleX(1)}.project-picture>img{filter:none;transition:none;transform:none}}