:root{font-family:Manrope,Arial,sans-serif;color:#171714;background:#e7eceb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171714;--paper: #e7eceb;--line: rgba(23, 23, 20, .2)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}header,main,footer{width:min(calc(100% - 80px),1240px);margin:0 auto}header{position:relative;padding:54px 0 100px;border-top:1px solid var(--line);margin-top:32px}header:after{position:absolute;right:0;bottom:55px;left:0;height:1px;background:var(--line);content:""}header h1{position:relative;z-index:1;width:fit-content;margin:0 auto;padding:0 32px;background:var(--paper);text-align:center}h1,h2{margin:0;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(48px,6.5vw,88px);line-height:.95}main{padding-bottom:72px}.project{margin-bottom:92px}.project:last-child{margin-bottom:0}h2{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:22px;font-size:clamp(25px,2.4vw,34px);line-height:1.1;text-align:center}h2:before,h2:after{height:1px;flex:1;background:var(--line);content:""}.project a{display:block;overflow:hidden;border:1px solid rgba(23,23,20,.14);border-radius:12px;background:#e7e5df;box-shadow:0 18px 48px #1f1c1412}.project img{display:block;width:100%;height:auto;aspect-ratio:1.84 / 1;object-fit:cover;object-position:top center}.project a:focus-visible{outline:3px solid #191919;outline-offset:6px}footer{display:grid;padding:52px 0 64px;place-items:center;border-top:1px solid var(--line)}.footer-logo{display:block;width:64px;height:64px}.footer-logo-link{display:block;border-radius:12px;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.footer-logo-link:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.footer-logo-link:active{background:transparent}@media(max-width:680px){header,main,footer{width:calc(100% - 36px)}header{margin-top:18px;padding:38px 0 72px}header:after{bottom:38px}main{padding-bottom:54px}.project{margin-bottom:58px}h2{gap:15px;margin-bottom:14px;font-size:23px}.project a{border-radius:8px;box-shadow:0 10px 30px #1f1c140f}footer{padding:38px 0 44px}.footer-logo{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}