.works-page{padding:clamp(60px,7vw,112px) 0 120px;background:#fff}
.works-page__shell{width:min(calc(100% - 48px),1320px)}
.works-page__header{text-align:center}
/* Match the scale of the 3979px-wide Genkitai heading and its supplied leaves. */
.works-page__heading{container-type:inline-size;position:relative;display:grid;place-items:center;width:min(850px,100%);margin:0 auto 32px;color:var(--color-green);border-bottom:1px solid #aab493}
.works-page__heading::before,.works-page__heading::after{content:"";position:absolute;bottom:0;width:6.4cqw;height:13.2cqw;background-image:url('../images/genkitai.png');background-size:100cqw auto;background-repeat:no-repeat;pointer-events:none}
.works-page__heading::before{left:0;background-position:left bottom}
.works-page__heading::after{right:0;background-position:right bottom}
.works-page__heading h1{margin:0;font-size:7cqw;font-weight:400;letter-spacing:.2em;line-height:1.4}
.works-page__heading span{padding-bottom:1.8cqw;font-size:3.4cqw;letter-spacing:.17em;line-height:1}
.works-page__header h2{margin:28px 0 14px;font-size:19px;letter-spacing:.1em}
.works-page__header p{margin:0;font-size:15px;letter-spacing:.08em;line-height:2}
.works-page__tabs{display:flex;justify-content:center;gap:24px;margin:45px auto 48px}
.works-page__tab{position:relative;display:grid;place-items:center;min-width:230px;padding:12px 24px;border-radius:30px;background:var(--color-beige);color:var(--color-green);font-size:17px;font-weight:700;letter-spacing:.1em;text-align:center;transition:background .2s}
.works-page__tab:hover,.works-page__tab.is-active{background:var(--color-green);color:#fff}
.works-page__tab.is-active::after{content:"";position:absolute;top:100%;left:calc(50% - 10px);border:10px solid transparent;border-top-color:var(--color-green)}
.works-page__section>h2{text-align:center;color:var(--color-green);font-size:27px;font-weight:600;letter-spacing:.14em;margin:0 0 16px}
.works-page__lead{text-align:center;font-size:15px;letter-spacing:.04em;line-height:2;margin:0 auto 45px}
.works-page__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 34px}
.works-page__filter{padding:6px 17px;border-radius:30px;background:var(--color-beige);color:#2b2b27;font-size:13px;line-height:1.5;text-align:center}
.works-page__filter:hover,.works-page__filter.is-active{background:var(--color-green);color:#fff}
.works-page__info{width:min(800px,100%);margin:0 auto 45px;padding:18px 24px 22px;background:var(--color-beige);border-radius:16px}
.works-page__info>h3{margin:0 0 14px;color:var(--color-green);text-align:center;font-size:16px;letter-spacing:.1em}
.works-page__accordion{margin:9px 0;background:#fff;border-radius:7px}
.works-page__accordion summary{display:flex;align-items:center;gap:22px;min-height:45px;padding:8px 14px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}
.works-page__accordion summary::-webkit-details-marker{display:none}
.works-page__number{padding-right:17px;border-right:1px solid #bcc4a9;color:var(--color-green)}
.works-page__plus{margin-left:auto;color:var(--color-green);font:24px/1 var(--font-sans)}
.works-page__plus::before{content:"+"}
.works-page__accordion[open] .works-page__plus::before{content:"−"}
.works-page__answer{padding:6px 22px 22px 55px;border-top:1px solid #eee6df;font-size:14px;line-height:2}
.works-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px}
.works-page__card{display:flex;flex-direction:column;min-width:0;border:1px solid #8fa071;border-radius:6px;overflow:hidden;background:#fff}
.works-page__image{display:block;aspect-ratio:2.4;overflow:hidden;background:#f3f0eb}
.works-page__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.works-page__image:hover img{transform:scale(1.035)}
.works-page__card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px 20px;overflow-wrap:anywhere}
.works-page__badge{display:inline-block;padding:3px 13px;border-radius:20px;background:var(--color-green);color:#fff;font-size:12px;line-height:1.5}
.works-page__card h3{margin:0;font-size:18px;line-height:1.6;font-weight:600}
.works-page__card p{margin:0 0 4px;font-size:16px;line-height:1.8}
.works-page__more{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;min-height:44px;margin-top:auto;padding:8px 18px;border:1px solid #aab493;border-radius:24px;color:var(--color-green);font-size:14px;white-space:nowrap}
.works-page__more:hover{background:var(--color-green);color:#fff}
.works-page__empty{grid-column:1/-1;text-align:center;padding:60px 20px}
.works-page__pagination{display:flex;justify-content:center;gap:12px;margin:44px 0 0}
.works-page__pagination a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--color-green)}
.works-page__pagination a:hover,.works-page__pagination a[aria-current]{background:var(--color-green);color:#fff}
@media(max-width:900px){.works-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.works-page__shell{width:min(calc(100% - 32px),1320px)}.works-page__tabs{gap:10px;margin:34px auto}.works-page__tab{min-width:0;flex:1;padding:10px 6px;font-size:13px}.works-page__section>h2{font-size:21px}.works-page__header p,.works-page__lead{font-size:13px}.works-page__filters{gap:8px}.works-page__filter{font-size:12px;padding:6px 12px}.works-page__info{padding:16px 12px}.works-page__accordion summary{gap:10px;font-size:13px}.works-page__number{padding-right:10px}.works-page__answer{padding:10px 14px;font-size:12px}.works-page__grid{grid-template-columns:1fr;gap:18px}}