:root{--black:#111;--white:#f7f7f4;--lime:#d9ff43}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:var(--white);color:var(--black);font:16px/1.45 Arial,sans-serif}aside{padding:32px;position:sticky;top:0;height:100vh;background:var(--black);color:#fff;display:flex;flex-direction:column}aside>a{font-size:38px;font-weight:900;text-decoration:none;color:var(--lime)}aside p{margin-top:auto}main{padding:0 48px}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #111}nav{display:flex;gap:30px}a{color:inherit}.hero{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:end;min-height:56vh;border-bottom:2px solid #111;padding:60px 0}.number{font-size:clamp(90px,16vw,240px);font-weight:900;line-height:.75;margin:0;color:var(--lime);-webkit-text-stroke:2px #111}.hero h1{font-size:clamp(48px,8vw,110px);line-height:.85;margin:0 0 30px}.hero div p{max-width:560px;font-size:20px}.index a{display:grid;grid-template-columns:80px 1fr auto;padding:24px 0;border-bottom:1px solid #777;text-decoration:none}.index i{font-style:normal;color:#666}@media(max-width:760px){body{display:block}aside{position:static;height:auto;min-height:180px}main{padding:0 20px}header{display:block;padding:24px 0}nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.number{font-size:100px}.index a{grid-template-columns:45px 1fr}.index i{grid-column:2}}