*{box-sizing:border-box}body{margin:0;background:#f5f3ec;color:#2c352d;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto}header{padding:35px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d7cb}.brand{font-size:25px;letter-spacing:.19em;font-weight:600}.brand small{font-size:9px;display:block;letter-spacing:.28em;margin-top:6px;font-weight:400}nav{display:flex;gap:28px;font-size:12px}main{padding:50px 36px 70px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#65725d}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding:12px 0 60px}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(32px,4.3vw,51px);font-weight:500;line-height:1.65;letter-spacing:.04em;margin:23px 0}p{font-size:13px;line-height:2.15;color:#69715f}.hero-art{height:330px;position:relative;background:#d7dcc9;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:45px 20% -45px 20%;background:repeating-linear-gradient(90deg,#9daa88 0 3px,#bcc5ac 3px 18px);transform:rotate(-18deg);border:14px solid #c8d0b9}.hero-art:after{content:"";position:absolute;width:130px;height:130px;border:23px solid #ece8d9;background:#d7c9ae;border-radius:50%;right:30px;bottom:30px;box-shadow:6px 12px 0 #b1bba3}.caption{font-size:10px;letter-spacing:.1em;color:#6a765f;margin-top:13px}.section-title{border-top:1px solid #c9d0bf;display:flex;align-items:baseline;justify-content:space-between;padding-top:23px;margin-bottom:30px}h2{font-size:20px;font-weight:500;letter-spacing:.1em}.section-title span{font-size:10px;letter-spacing:.13em}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.thumb{height:160px;position:relative;overflow:hidden;background:#e5dfcf}.thumb:before{content:"";position:absolute;height:135px;width:110px;left:calc(50% - 55px);top:35px;background:#f3f1e9;transform:rotate(-12deg);box-shadow:10px 10px 0 #c9c8b6}.b{background:#dce1d3}.b:before{width:80px;height:100px;border-radius:0 0 30px 30px;background:#a5b596;transform:rotate(8deg);top:45px}.c{background:#dbdedb}.c:before{width:180px;height:90px;background:repeating-linear-gradient(0deg,#e9e8df 0 10px,#c7cfc2 10px 11px);transform:rotate(-8deg)}.meta{font-size:10px;color:#7b826e;margin:21px 0 12px;letter-spacing:.06em}h3{font-size:16px;font-weight:500;line-height:1.8;margin:0}.articles p{font-size:12px}.about{margin-top:55px;padding:26px 0;border-top:1px solid #d4d7cb}.about a{font-size:12px;border-bottom:1px solid #89957e;padding-bottom:5px}footer{border-top:1px solid #d4d7cb;padding:28px 36px;display:flex;justify-content:space-between;font-size:10px;color:#7b826e}.article{max-width:680px;margin:0 auto;padding-bottom:50px}.article h1{font-size:34px}.article p{font-size:14px;margin:25px 0}.article h2{margin-top:40px}.back{font-size:12px;border-bottom:1px solid #89957e}@media(max-width:700px){header{padding:24px}.brand{font-size:21px}nav{gap:17px;font-size:11px}main{padding:30px 24px 45px}.hero{grid-template-columns:1fr;gap:20px;padding-bottom:35px}h1{font-size:34px;margin:17px 0}.hero-art{height:240px}.articles{grid-template-columns:1fr;gap:28px}.thumb{height:200px}.articles p{margin-bottom:0}.section-title{margin-bottom:23px}.article h1{font-size:27px}footer{padding:24px;font-size:9px}}