.project-archive{padding:120px 0 70px}.project-archive__header{width:var(--layout-content);margin-inline:auto;margin-bottom:24px}.project-archive__filter{display:flex;justify-content:center}.project-archive__filter-toggle{display:none}.project-archive__filter-content{display:flex;justify-content:center}.project-archive__filter-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0}.project-archive__filter-item{display:inline-flex;align-items:center;gap:10px}.project-archive__filter-link{color:#262724;font-size:16px;line-height:1.2;transition:color 0.2s ease}.project-archive__filter-link.is-current,.project-archive__filter-link:hover,.project-archive__filter-link:focus-visible{color:#e51f2d}.project-archive__filter-sep{color:#898989}.project-archive__grid{width:var(--layout-wide);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.project-empty{width:var(--layout-wide);margin-inline:auto}.project-card{margin:0}.project-card__link{position:relative;display:block;aspect-ratio:5 / 4;overflow:hidden}.project-card__link img{width:100%;height:100%;object-fit:cover;display:block}.project-card__overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px;background:var(--category-overlay);color:var(--category-text);opacity:0;transition:opacity 0.26s ease}.project-card:hover .project-card__overlay,.project-card:focus-within .project-card__overlay{opacity:1}.project-card__category{display:block;margin-bottom:8px;font-family:var(--font-header);font-size:14px;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;font-weight:200}.project-card__title{display:block;font-family:var(--font-header);font-size:24px;line-height:1.15}.project-empty{background:#fff;border:1px solid var(--line);padding:30px}.project-single{--project-single-width:min(900px, calc(100% - 48px));padding:80px 0 0}.project-single__head{display:grid;grid-template-columns:1fr minmax(260px,520px) 1fr;align-items:center;gap:14px;margin:0 auto 16px;width:var(--project-single-width);max-width:none;padding-inline:0}.project-single__heading{display:flex;align-items:center;justify-content:center;text-align:center}.project-single__heading h1{margin:0;font-family:var(--font-header);font-size:clamp(20px, 2.2vw, 30px);font-weight:200;line-height:1}.project-single__hero{margin:0;aspect-ratio:18 / 9;overflow:hidden;background:#f4f4f4;position:relative}.project-single__hero .js-project-main-image{position:relative;width:100%;height:100%;background-color:#f4f4f4;display:block;overflow:hidden}.project-single__main-image-layer{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center center;background-color:#f4f4f4;opacity:1;transform:translateZ(0);backface-visibility:hidden;pointer-events:none}.project-single__main-image-layer--current{z-index:1}.project-single__main-image-layer--next{z-index:2;opacity:0;transition:opacity 1s linear;will-change:opacity}.project-single__main-image-layer--next.is-visible{opacity:1}.project-single__gallery,.project-single__content,.project-single__plans{width:var(--project-single-width);margin-inline:auto}.project-single__thumbs-shell{position:relative}.project-single__thumbs-wrap{overflow-x:auto;overflow-y:hidden;margin-top:20px;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none;cursor:default;user-select:none;touch-action:pan-x}.project-single__thumbs-wrap::-webkit-scrollbar{display:none}.project-single__thumbs{display:flex;gap:0;min-width:max-content}.project-single__thumb{position:relative;border:0;background:#f4f4f4;padding:0;flex:0 0 auto;height:120px;width:auto;min-width:82px;opacity:.75;transition:opacity 0.2s ease;cursor:pointer;display:grid;place-items:center}.project-single__thumb::after{content:'';position:absolute;inset:0;background:rgb(255 255 255 / .4);pointer-events:none;transition:opacity 0.2s ease}.project-single__thumb.is-active{opacity:1}.project-single__thumb.is-active::after{opacity:0}.project-single__thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.project-single__gallery-arrow{position:absolute;top:50%;z-index:2;display:inline-grid;place-items:center;width:60px;height:60px;border:0;background:#fff0;transform:translateY(-50%);cursor:pointer}.project-single__gallery-arrow--prev{left:12px}.project-single__gallery-arrow--next{right:12px}.project-single__gallery-arrow-icon-wrap{position:relative;width:11px;height:19px;display:inline-block;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .32))}.project-single__gallery-arrow-icon-wrap--prev{transform:none}.project-single__gallery-arrow-icon-wrap--next{transform:rotate(180deg)}.project-single__gallery-arrow-icon{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform 0.22s ease}.project-single__gallery-arrow:hover .project-single__gallery-arrow-icon,.project-single__gallery-arrow:focus-visible .project-single__gallery-arrow-icon{transform:translateX(4px)}.project-single__content{display:grid;width:var(--layout-content);grid-template-columns:180px minmax(0,1.4fr) minmax(280px,1fr) 170px;align-items:start;column-gap:20px;row-gap:0;padding:52px 0 70px}.project-single__description{grid-column:2;padding-right:25px}.project-single__team{grid-column:3;padding-left:0}.project-single__description-content>*:first-child{margin-top:0}.project-single__description-content>*:last-child{margin-bottom:0}.project-single__meta-list p,.project-single__team p{margin:0 0 8px;font-size:16px}.project-single__meta-list{margin-top:25px}.project-single__description-title,.project-single__team h2{margin:0 0 16px;font-size:16px;font-weight:500;line-height:1.2}.project-single__plans{padding:0 0 70px}.project-single__plans-button{min-width:180px;padding:14px 24px;border:1px solid #262724;background:#fff;color:#262724;font-family:var(--font-body);font-size:15px;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color 0.22s ease,color 0.22s ease,border-color 0.22s ease}.project-single__plans-button:hover,.project-single__plans-button:focus-visible{background:#262724;color:#fff}.project-plan-modal[hidden]{display:none}.project-plan-modal{position:fixed;inset:0;z-index:130}.project-plan-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .58)}.project-plan-modal__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1120px, calc(100% - 24px));height:min(88vh, 920px);background:#fff;border:1px solid #d8d8d8;padding:22px 22px 20px;display:flex;flex-direction:column}.project-plan-modal__close{position:absolute;top:8px;right:10px;border:0;background:#fff0;padding:4px;cursor:pointer;font-size:26px;line-height:1;color:#262724}.project-plan-modal__title{margin:0 28px 14px 0;font-size:24px;line-height:1.15}.project-plan-modal__viewer{min-height:0;flex:1 1 auto;border:1px solid #e1e1e1;background:#f3f3f3}.project-plan-modal__viewer iframe{width:100%;height:100%;border:0;display:block}body.has-project-plan-modal-open{overflow:hidden}.project-archive__description{margin-top:16px;max-width:720px;text-align:center;margin-inline:auto}.project-archive__description>*:first-child{margin-top:0}.project-archive__description>*:last-child{margin-bottom:0}@media (max-width:900px){.project-archive{padding-top:108px}.project-archive__header,.project-archive__description{width:var(--layout-content-mobile)}.project-archive__filter{display:flex;flex-direction:column;align-items:flex-start}.project-archive__filter-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:10px 16px;border:1px solid #262724;background:#fff;color:#262724;font-size:15px;line-height:1;cursor:pointer}.project-archive__filter-content{width:min(320px, 100%);margin-top:12px;padding:12px 14px;border:1px solid #d6d6d6;background:#fff;justify-content:flex-start;display:none}.project-archive__filter.is-open .project-archive__filter-content{display:flex}.project-archive__filter-list{width:100%;flex-direction:column;align-items:flex-start;gap:0}.project-archive__filter-item{width:100%;gap:10px;padding:7px 0}.project-archive__filter-sep{display:none}.project-archive__grid{width:var(--layout-wide-mobile);grid-template-columns:1fr 1fr}.project-card__link{aspect-ratio:15 / 8}.project-empty{width:var(--layout-wide-mobile)}.project-single{--project-single-width:var(--layout-content-mobile);padding-top:108px}.project-single__head{grid-template-columns:32px minmax(0,1fr) 32px;column-gap:10px;row-gap:0;margin-bottom:10px}.project-single__nav--prev{order:1;grid-column:1;justify-self:start}.project-single__heading{order:2;grid-column:2}.project-single__nav--next{order:3;grid-column:3;justify-self:end;text-align:right}.project-single__nav a{gap:8px;font-size:12px}.project-single__content{grid-template-columns:1fr;gap:28px;padding:38px 0 50px}.project-single__description,.project-single__team{grid-column:auto;padding-left:0;padding-right:0}.project-single__plans{padding-bottom:50px}.project-plan-modal__dialog{width:min(1120px, calc(100% - 20px));height:min(84vh, 840px);padding:18px 18px 16px}}@media (max-width:480px){.project-archive__filter-content{width:100%}.project-single__plans-button{width:100%}.project-plan-modal__dialog{width:calc(100% - 16px);height:min(82vh, 760px);padding:16px 14px 14px}.project-plan-modal__title{font-size:20px;margin-right:24px}.project-archive__grid{grid-template-columns:1fr}.project-card__title{font-size:26px}.project-single__thumb{min-width:72px;height:80px}}