*{box-sizing:border-box}body{margin:0;background:#111;color:#f5f3ee;font-family:Arial,sans-serif}main{display:flex;min-height:100vh}aside{width:235px;background:#191919;border-right:1px solid #3b3b3b;padding:30px 22px}aside strong{font-size:15px}aside small{display:block;letter-spacing:4px;color:#b5c3a7;margin-top:8px}nav{margin-top:60px;line-height:3;color:#bcbcb6}section{flex:1 1;padding:40px;max-width:1400px}header{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#b5c3a7}h1{font-size:clamp(44px,6vw,88px);letter-spacing:-5px;margin:75px 0 15px}section>p{font-size:19px;color:#aaa}.notice{border:1px solid #596345;color:#b5c3a7;padding:17px;margin:35px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}article{padding:24px;min-height:180px;border:1px solid #444;background:#1c1c1c}article span{font-size:10px;color:#b5c3a7}h2{font-size:26px;margin-top:28px}article p{color:#aaa}@media(max-width:800px){aside{display:none}section{padding:24px}.grid{grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}}@media(max-width:480px){.grid{grid-template-columns:1fr}}