*{box-sizing:border-box}body{margin:0;background:#f4f5f1;color:#233d35;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}header{padding:24px 4vw;display:flex;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe5dc;font-size:12px}a{color:inherit;text-decoration:none}header span{letter-spacing:2px;color:#849287}main{padding:32px 4vw}h1{font-size:28px;font-weight:550;margin:0 0 12px}p{font-size:14px;line-height:1.7;color:#67786e}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}button{padding:10px 16px;background:white;border:1px solid #d4ded3;border-radius:30px;color:#345641;cursor:pointer}button[aria-pressed=true]{background:#244f39;color:white}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0;background:#fff;border:1px solid #e0e5df;border-radius:12px;overflow:hidden}figcaption{font-size:12px;padding:15px;border-bottom:1px solid #edf0ea}.frame{aspect-ratio:1.331;overflow:hidden;position:relative;background:white}.frame img{position:absolute;width:100%;height:100%;object-fit:contain;transform-origin:0 0}section{max-width:900px;margin-top:24px}h2{font-size:18px}.note{font-size:12px;color:#859187}@media(max-width:560px){.pair{grid-template-columns:1fr}main{padding:24px 16px}h1{font-size:23px}}