.field-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.field-card{min-width:0}.field-card a{display:block}.field-cover{position:relative;overflow:hidden;background:#e7e7dc;aspect-ratio:4/3}.field-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.field-card a:hover img{transform:scale(1.025)}
.field-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;background:#f8f6f0e8;font-size:22px;color:#405445}
.field-tag{font-size:12px;line-height:1.7;letter-spacing:.6px;color:#74816b;margin:20px 0 8px}.concept-a .field-card h3{font-size:21px;line-height:1.55;letter-spacing:-.5px;font-weight:500;margin:0 0 12px;color:#303a32;word-break:keep-all}.field-card p:not(.field-tag){font-size:15px;line-height:1.85;color:#687161;word-break:keep-all;margin:0}.field-read{display:inline-block;margin-top:18px;padding-bottom:5px;border-bottom:1px solid #bcc5b5;font-size:13px;color:#405445}
.field-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.field-notice{font-size:12px!important;line-height:1.8!important;color:#7b8273!important;margin:16px 0!important}.field-list-bottom .text-link{font-size:13px}
.field-detail{max-width:1240px!important;padding-top:34px}.field-back{font-size:14px;display:inline-block;padding:10px 0;color:#65735d}.field-intro{max-width:750px;padding:32px 0 30px}.concept-a .field-intro h1{font-family:'MaruBuri',serif;font-size:clamp(30px,3.4vw,46px);line-height:1.5;font-weight:400;letter-spacing:-1px;margin:12px 0 18px;word-break:keep-all}.field-intro>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#687161}.field-hero{margin:0}.field-hero img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block}
.field-summary{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding:60px 0;border-bottom:1px solid #d9dcd0}.concept-a .field-detail h2{font-family:'MaruBuri',serif;font-size:30px;font-weight:400;line-height:1.55;letter-spacing:-.7px;margin:10px 0 18px;word-break:keep-all}.field-summary p{font-size:15px;line-height:1.9;color:#687161}.field-summary ol{list-style:none;margin:0;padding:0}.field-summary li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #d9dcd0}.field-summary li:first-child{padding-top:0}.field-summary li:last-child{border-bottom:0}.field-summary li>span{color:#829376;font-size:13px;padding-top:5px}.field-summary h3{font-size:16px;line-height:1.6;margin:0 0 6px;font-weight:600}.field-summary li p{margin:0;font-size:14px}
.field-process{padding:46px 0 0}.field-process-heading{margin-bottom:24px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field-pair figure{margin:0}.field-pair img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.field-pair figcaption{font-size:13px;color:#75806e;line-height:1.7;margin-top:12px}
.field-blog-link{background:#edf0e7;padding:36px 40px;margin-top:56px;display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:center}.field-blog-link p{font-size:15px;line-height:1.8;color:#687161;margin:0}.field-blog-button{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#405445;color:#fff;padding:18px 22px;font-size:14px;min-height:52px}.field-blog-link .field-link-note{grid-column:1/-1;font-size:12px;color:#7b8273}.field-related{padding:54px 0 64px}.field-related .field-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.blog-review-bar{background:#405445;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.7}.blog-article{max-width:760px;width:calc(100% - 48px);margin:0 auto;padding:50px 0 64px}.blog-brand{color:#5d7757;font-size:16px;margin-bottom:30px}.concept-a .blog-article h1{font-size:32px;line-height:1.55;letter-spacing:-.6px;font-weight:500;margin:14px 0;word-break:keep-all}.blog-meta{font-size:13px;color:#858c7e}.blog-article header{padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid #ddd}.blog-article p{font-size:16px;line-height:2;color:#626d61;margin:22px 0;word-break:keep-all}.concept-a .blog-article h2{font-size:22px;line-height:1.65;letter-spacing:-.4px;margin:48px 0 24px;font-weight:500}.blog-article img{display:block;width:100%;height:auto}.blog-article footer{padding:32px;margin-top:46px;background:#edf0e7}.blog-article footer p{margin:0 0 22px}
@media(max-width:980px){.field-cards{gap:18px}.concept-a .field-card h3{font-size:19px}.field-summary{gap:32px}.field-blog-link{grid-template-columns:1fr;padding:28px}.field-blog-button{max-width:350px}}
@media(max-width:700px){.field-cards{grid-template-columns:1fr;gap:34px}.field-list-bottom{align-items:start;flex-direction:column;gap:8px}.field-detail{padding-top:22px}.field-intro{padding:22px 0}.concept-a .field-intro h1{font-size:30px}.field-summary{grid-template-columns:1fr;padding:36px 0;gap:22px}.concept-a .field-detail h2{font-size:25px}.field-pair{grid-template-columns:1fr;gap:24px}.field-process{padding-top:34px}.field-blog-link{margin-top:36px;padding:24px;gap:18px}.field-blog-button{max-width:none;width:100%}.field-related .field-cards{grid-template-columns:1fr}.blog-review-bar{padding:12px 20px;flex-wrap:wrap;gap:4px}.blog-article{padding-top:30px}.concept-a .blog-article h1{font-size:27px}.blog-article footer{padding:24px}}
@media(prefers-reduced-motion:reduce){.field-cover img{transition:none}}
