.works-archive{padding:32px 0 100px;background-color:#fff;color:#000}.works-archive .works-archive__head{padding:55px 0 45px}.works-archive .works-archive__heading-en{color:#00a53c;font-family:"DinC",sans-serif;font-size:clamp(52px,6vw,80px);font-weight:600;line-height:1;letter-spacing:.04em}.works-archive .works-archive__heading{margin-top:12px;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.5}.works-archive .works-archive__intro{margin-top:16px;font-size:16px;line-height:1.8}.works-archive .works-archive__count{margin-bottom:20px;font-size:14px;line-height:1.6}.works-archive .works-archive__count span{margin:0 4px 0 12px;color:#00a53c;font-size:22px;font-weight:700}.works-archive .works-archive__list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px 2px;padding-top:24px}.works-archive .works-archive__item{min-width:0}.works-archive .works-archive__item--new .works-archive__picture::before,.works-archive .works-archive__item--new .works-archive__picture::after{content:"";position:absolute;z-index:10}.works-archive .works-archive__item--new .works-archive__picture::before{bottom:0;right:0;width:3.5em;height:3.5em;background-color:#e85a70;clip-path:polygon(100% 0, 0% 100%, 100% 100%)}.works-archive .works-archive__item--new .works-archive__picture::after{content:"NEW";bottom:1.35em;right:1.4em;font-weight:700;color:#fff;transform:translate(50%, 50%) rotate(-45deg);text-align:center;line-height:1;font-size:.8em}.works-archive .works-archive__card{position:relative;display:flex;flex-direction:column;height:100%;background-color:#f0f5f0;color:#000;overflow-wrap:anywhere}.works-archive .works-archive__card:hover .works-archive__image{transform:scale(1.05)}.works-archive .works-archive__card:hover .works-archive__arrow{background-color:#000;color:#fff}.works-archive .works-archive__picture{position:relative;aspect-ratio:1.4;overflow:hidden}.works-archive .works-archive__picture--logo .works-archive__image{-o-object-fit:contain;object-fit:contain;padding:32px}.works-archive .works-archive__number-box{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:flex-end;gap:4px;width:-moz-fit-content;width:fit-content;color:#000;font-family:"DinC",sans-serif;font-weight:600;line-height:1;transform:translateY(-45%);pointer-events:none}.works-archive .works-archive__number-unit{font-size:14px;writing-mode:vertical-rl;text-orientation:sideways;transform:scale(-1);margin-bottom:.4em}.works-archive .works-archive__number{font-size:48px;font-variant-numeric:tabular-nums}.works-archive .works-archive__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease-out}.works-archive .works-archive__body{display:flex;flex-direction:column;flex:1;padding:28px 30px}.works-archive .works-archive__title{min-height:3.4em;font-size:18px;font-weight:600;line-height:1.7;letter-spacing:.02em;word-break:normal;text-wrap:wrap}.works-archive .works-archive__info{margin-top:auto;padding-top:24px}.works-archive .works-archive__info-row{display:grid;grid-template-columns:80px minmax(0, 1fr);align-items:start;gap:12px;padding:9px 6px;border-bottom:1px solid #d1d1d1}.works-archive .works-archive__info-row:first-child{border-top:1px solid #d1d1d1}.works-archive .works-archive__info-label{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.04em}.works-archive .works-archive__info-value{min-width:0;margin:0;font-size:12px;line-height:1.6;text-align:right}.works-archive .works-archive__tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px}.works-archive .works-archive__tag{max-width:100%;padding:0 4px;border:1px solid #d1d1d1;background-color:#fff;font-size:12px;line-height:1.5;text-align:left}.works-archive .works-archive__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:0;padding-top:20px}.works-archive .works-archive__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;margin-left:auto;border:1px solid #000;border-radius:50%;color:#000;background-color:#fff;transition:background-color .2s ease,color .2s ease}.works-archive .works-archive__arrow::before{content:"";border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:6px solid currentColor;margin-left:2px}.works-archive .works-archive__card:focus-visible,.works-archive .works-archive__page-link:focus-visible{outline:3px solid #000;outline-offset:4px}.works-archive .works-archive__pagination{display:grid;grid-template-columns:minmax(0, 1fr) 240px minmax(0, 1fr);align-items:center;gap:24px;margin-top:80px;padding-top:64px;border-top:1px solid #d1d1d1}.works-archive .works-archive__page-link{display:flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;height:auto;min-height:44px;font-size:16px;line-height:1.6;color:#000}.works-archive .works-archive__page-link--prev{grid-column:1;grid-row:1;justify-self:start}.works-archive .works-archive__page-link--prev .works-archive__page-arrow::before{transform:rotate(-135deg);margin-left:3px}.works-archive .works-archive__page-link--next{grid-column:3;grid-row:1;justify-self:end}.works-archive .works-archive__page-link:hover .works-archive__page-text{text-decoration:none}.works-archive .works-archive__page-text{text-decoration:underline;text-underline-offset:4px}.works-archive .works-archive__page-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:#00a53c}.works-archive .works-archive__page-arrow::before{content:"";width:6px;height:6px;margin-right:3px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}.works-archive .works-archive__page-picker{position:relative;grid-column:2;grid-row:1;height:56px;border:1px solid #d1d1d1;border-radius:8px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.works-archive .works-archive__page-picker:hover{border-color:#00a53c}.works-archive .works-archive__page-picker:focus-within{border-color:#00a53c;outline:2px solid #00a53c;outline-offset:3px;box-shadow:0 0 0 5px rgba(0,165,60,.08)}.works-archive .works-archive__page-status{display:flex;align-items:center;justify-content:center;height:100%;padding:0 52px;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}.works-archive .works-archive__page-current{color:#00a53c;font-weight:700}.works-archive .works-archive__page-total{color:rgba(0,0,0,.6)}.works-archive .works-archive__page-divider{margin:0 10px;color:#d1d1d1}.works-archive .works-archive__page-picker-arrows{position:absolute;top:50%;right:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f0f5f0;transform:translateY(-50%);pointer-events:none}.works-archive .works-archive__page-picker-arrows::before{content:"";width:7px;height:7px;margin-top:-3px;border-right:2px solid #00a53c;border-bottom:2px solid #00a53c;transform:rotate(45deg)}.works-archive .works-archive__page-trigger{display:block;height:100%;border-radius:inherit;list-style:none;cursor:pointer}.works-archive .works-archive__page-trigger::-webkit-details-marker{display:none}.works-archive .works-archive__page-trigger:focus-visible{outline:2px solid #00a53c;outline-offset:3px}.works-archive .works-archive__page-options{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:100%;max-height:240px;padding:4px 0;border:1px solid rgba(0,165,60,.24);border-radius:10px;background-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.1);overflow-y:auto}.works-archive .works-archive__page-option{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;color:#000;font-size:18px;line-height:1.5;font-variant-numeric:tabular-nums;text-align:center}.works-archive .works-archive__page-option:hover,.works-archive .works-archive__page-option[aria-current=page]{background-color:#f0f5f0}.works-archive .works-archive__page-option[aria-current=page]{font-weight:700}.works-archive .works-archive__page-option:focus-visible{outline:2px solid #00a53c;outline-offset:-3px;background-color:#f0f5f0}.works-archive .works-archive__page-picker[open]{border-color:#00a53c;background-color:#f0f5f0}.works-archive .works-archive__page-picker[open] .works-archive__page-picker-arrows{background-color:#00a53c}.works-archive .works-archive__page-picker[open] .works-archive__page-picker-arrows::before{border-color:#fff}.works-archive .works-archive__page-picker[open] .works-archive__page-picker-arrows::before{margin-top:3px;transform:rotate(225deg)}@media(prefers-reduced-motion: reduce){.works-archive .works-archive__page-picker{transition:none}}.works-archive .works-archive__empty{padding:60px 20px;background-color:#fff;text-align:center;line-height:1.8}@media(min-width: 601px){.works-archive .works-archive__item{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.works-archive .works-archive__card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.works-archive .works-archive__body{display:grid;grid-row:2/span 4;grid-template-rows:subgrid;row-gap:0}.works-archive .works-archive__title{grid-row:1}.works-archive .works-archive__info{display:grid;grid-row:2/span 2;grid-template-rows:subgrid;row-gap:0;margin-top:0}.works-archive .works-archive__info-row{grid-row:1}.works-archive .works-archive__info-row:has(.works-archive__tags){grid-row:2}.works-archive .works-archive__foot{grid-row:4}}@media(max-width: 1080px){.works-archive .works-archive__body{padding:20px 16px}.works-archive .works-archive__title{font-size:16px;letter-spacing:0}.works-archive .works-archive__info-row{grid-template-columns:minmax(0, 1fr);gap:4px;padding:8px 0}.works-archive .works-archive__info-label{font-size:11px}.works-archive .works-archive__info-value{font-size:11px;text-align:left}.works-archive .works-archive__tags{justify-content:flex-start}.works-archive .works-archive__tag{font-size:11px}.works-archive .works-archive__picture--logo .works-archive__image{padding:16px}.works-archive .works-archive__number{font-size:40px}.works-archive .works-archive__number-unit{font-size:12px}}@media(max-width: 764px){.works-archive .works-archive__list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 600px){.works-archive{padding:24px 0 60px}.works-archive .works-archive__head{padding:36px 0 30px}.works-archive .works-archive__intro{font-size:14px}.works-archive .works-archive__list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px 2px;padding-top:16px}.works-archive .works-archive__body{padding:16px 12px}.works-archive .works-archive__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.3em;font-size:14px;line-height:1.65;letter-spacing:0}.works-archive .works-archive__picture--logo .works-archive__image{padding:12px}.works-archive .works-archive__item--new .works-archive__picture::before{width:3em;height:3em}.works-archive .works-archive__item--new .works-archive__picture::after{bottom:1.125em;right:1.125em}.works-archive .works-archive__number-box{left:10px;gap:3px}.works-archive .works-archive__number-unit{font-size:10px}.works-archive .works-archive__number{font-size:30px}.works-archive .works-archive__info{display:flex;flex-direction:column;flex:1;margin-top:0;padding-top:16px}.works-archive .works-archive__info-row:last-child{display:none}.works-archive .works-archive__info-label{font-size:10px}.works-archive .works-archive__foot{margin-top:auto;padding-top:12px}.works-archive .works-archive__arrow{width:26px;height:26px}.works-archive .works-archive__pagination{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 12px;margin-top:48px;padding-top:40px}.works-archive .works-archive__page-picker{grid-column:1/-1;height:48px}.works-archive .works-archive__page-link{gap:6px;font-size:12px}.works-archive .works-archive__page-link--prev{grid-row:2}.works-archive .works-archive__page-link--next{grid-column:2;grid-row:2}.works-archive .works-archive__page-arrow{width:22px;height:22px}}/*# sourceMappingURL=archive-works.css.map */