:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111714;color:#f4f6f5;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffd96a;outline-offset:6px}header,main,footer{width:min(100% - 40px,960px);margin-inline:auto}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35443c;gap:24px}.brand{font-size:24px;font-weight:750}.brand span{color:#90c7a7}main{flex:1;padding-block:48px 64px}h1{font-size:36px;line-height:1.2;margin:0 0 32px}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),320px));gap:24px}.project{display:flex;flex-direction:column;border:1px solid #40584a;border-radius:8px;overflow:hidden;background:#1c2c23;transition:border-color .15s}.project:hover{border-color:#a6ddba}.visual{height:240px;display:grid;place-items:center;background:#f5f7f6}.visual img{max-width:80%;object-fit:contain}.visual.beer{background:#ecd26b}.label{min-height:76px;padding:20px;font-size:22px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:20px}.label>span{flex-shrink:0}.club{display:flex;align-items:center;gap:24px;margin-bottom:32px}.club img{object-fit:contain;background:#f5f7f6;border-radius:4px}.club h1{margin:0}footer{padding-block:24px;border-top:1px solid #35443c;color:#c5d3ca}footer a,header>a:last-child{display:inline-flex;min-height:44px;align-items:center}footer a:hover{text-decoration:underline}@media(max-width:480px){main{padding-top:32px}h1{font-size:30px}nav{grid-template-columns:1fr}.visual{height:210px}.label{font-size:20px}.club{gap:16px}}