*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#193653;font:17px/1.75 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:40px 24px}nav{margin-bottom:36px}a{color:#2563a6;text-underline-offset:4px}a:focus-visible{outline:3px solid #2563a6;outline-offset:5px}.eyebrow{font-size:13px;letter-spacing:.8px;color:#64768a;margin:0 0 12px}h1{font-size:clamp(34px,7vw,58px);line-height:1.2;margin:0 0 20px}h2{font-size:24px;line-height:1.4;margin:0 0 8px}.intro{max-width:860px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{padding:5px 13px;border-radius:20px;background:#e2eaf3;font-size:14px}.note{font-size:15px;color:#506174;margin-bottom:30px}.gallery{display:grid;gap:30px}figure{margin:0;border:1px solid #dbe3ed;border-radius:16px;overflow:hidden;background:white;box-shadow:0 8px 30px #19365308}figure>a{display:block;background:#eef2f6}figure img{display:block;width:100%;height:auto}figcaption{position:relative;padding:24px 76px 24px 24px}.number{position:absolute;right:24px;top:25px;color:#69829c;font-size:22px;font-weight:600}figcaption p{margin:0;color:#506174}footer{padding:34px 0 8px}@media(max-width:600px){main{padding:24px 14px}nav{margin-bottom:24px}figcaption{padding:20px 60px 20px 16px}.number{right:16px;top:20px}h2{font-size:21px}}