v1 of an overhaul for my portfolio

dist/assets/index-CngdJY0o.css

@@ -0,0 +1 @@
+@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Syne+Tactile&display=swap";:root{font-optical-sizing:auto;font-variation-settings:"wdth" 100, "YTLC" 500;color:#f4f4f4;font-synthesis:none;background:#090909;font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{background:#090909}a{color:inherit;text-decoration:none}img,video{max-width:100%}.page{background:#090909;min-height:100vh}.header,main,footer{width:min(1600px,100% - 48px);margin-inline:auto}.header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:88px;display:flex}.brand,nav,.eyebrow,.section-heading,.stack,.project-number,.footer-meta{text-transform:uppercase;letter-spacing:.14em;font-family:Nunito Sans,sans-serif}.brand{font-size:13px;font-weight:700}nav{color:#999;gap:30px;font-size:10px;display:flex}nav a:hover{color:#fff}.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 88px);padding:90px 0;display:flex}.eyebrow{color:#aaa;margin:0 0 24px;font-size:10px}h1,footer h2{font-family:Syne Tactile,system-ui;font-style:normal;font-weight:400}h1{letter-spacing:-.07em;max-width:1060px;margin:0;font-size:clamp(3.5rem,8.2vw,7.4rem);font-weight:400;line-height:.96}h1 span{color:#777}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:54px;display:flex}.hero-cta{flex-direction:column;align-items:flex-end;gap:18px;display:flex;transform:translateY(-300px)}.hero-portrait{width:300px;height:auto}.intro{color:#aaa;max-width:510px;margin:0;font-size:17px;line-height:1.7}.button{text-transform:uppercase;letter-spacing:.1em;border:1px solid #444;border-radius:4px;justify-content:space-between;align-items:center;gap:34px;min-width:250px;padding:15px 18px;font:10px Nunito Sans,sans-serif;transition:background .2s,color .2s;display:inline-flex}.button:hover{color:#111;background:#fff}.split-section{border-top:1px solid #292929;height:300vh;position:relative}.split-sticky{perspective:1200px;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.project-row{width:min(900px,100% - 32px);height:400px;transform-style:preserve-3d;margin:auto;padding-inline:8px;display:flex;position:absolute;inset:0}.project-row-primary{z-index:2}.project-row-secondary{z-index:1}.split-card{min-width:0;height:100%;transform-style:preserve-3d;flex:1;position:relative}.split-front,.split-back{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.split-front{z-index:2}.split-image{background:url(/projects-cover.png) 50%/100% 100% no-repeat;width:300%;position:absolute;inset-block:0}.split-back{z-index:1;border:1px solid #ffffff26;flex-direction:column;justify-content:space-between;padding:30px;display:flex;transform:rotateY(180deg)}.split-media{object-fit:cover;border-radius:8px;width:100%;height:120px}.split-back h2{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.split-back h2 a:hover{opacity:.65}.split-back p{opacity:.72;margin:0;font-size:13px;line-height:1.55}.split-link{text-transform:uppercase;letter-spacing:.1em;margin-top:20px;font:9px Nunito Sans,sans-serif;display:inline-block}.more-project-card{color:#111;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:400px;padding:30px;display:flex;box-shadow:0 25px 50px -24px #0000004d}.more-project-media{object-fit:contain;background:#ffffff73;border-radius:8px;width:100%;height:120px;padding:32px}.more-project-card h2{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.more-project-card h2 a:hover{opacity:.6}.more-project-card p{opacity:.72;max-width:36ch;margin:0;font-size:13px;line-height:1.55}footer{border-top:1px solid #292929;grid-template-columns:1fr auto;align-content:center;align-items:end;gap:40px;min-height:520px;padding:100px 0 34px;display:grid}footer h2{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.95}.button.light{color:#111;background:#fff}.button.light:hover{background:#ddd}.footer-meta{color:#888;grid-column:1/-1;justify-content:space-between;align-self:end;padding-top:80px;font-size:9px;display:flex}@media (width<=760px){.header,main,footer{width:calc(100% - 32px)}.hero{min-height:auto;padding:100px 0 90px}h1{font-size:clamp(3.1rem,15vw,5.5rem)}.hero-bottom{flex-direction:column;align-items:flex-start;margin-top:40px}.hero-cta{align-items:flex-start;transform:none}.hero-portrait{width:160px;height:160px}.project-row{width:100%;height:340px;padding-inline:0}.split-back{padding:18px}.split-media{height:96px}.split-back p{font-size:11px}.more-project-card{height:340px;padding:18px}.more-project-media{height:96px;padding:24px}footer{grid-template-columns:1fr;align-items:start;min-height:480px}.footer-meta{grid-column:1}}