.project-detail{overflow-x:hidden;background:#fff;color:#1a1a1a}.project-detail__hero{background:#fff}.project-detail__hero-inner{width:min(100% - 192px,1248px);margin:0 auto;padding:64px 0}.project-detail__breadcrumbs{margin-bottom:34px}.project-detail__hero-grid{display:grid;grid-template-columns:604px 588px;justify-content:space-between;gap:56px;align-items:start}.project-detail__hero-copy{display:grid;gap:20px}.project-detail__hero-copy h1{margin:0;font-family:Funnel Sans,Inter,sans-serif;font-size:64px;font-weight:900;line-height:.98;letter-spacing:0}.project-detail__hero-copy p{margin:0;color:#5d6266;font-size:18px;line-height:1.45}.project-detail__status{width:max-content;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid #d8dde1;background:#f5f6f7;font-size:14px;font-weight:800}.project-detail__status span{width:9px;height:9px;background:#f04a19}.project-detail__media{position:relative;width:588px;min-width:0;display:grid;justify-items:center;gap:12px}.project-detail__main-media{display:block;width:552px;height:330px;overflow:hidden;border:1px solid #1a1a1a;background:#f5f6f7}.project-detail__main-media img,.project-detail__main-media picture,.project-detail__main-media video{display:block;width:100%;height:100%}.project-detail__main-media img,.project-detail__main-media video{object-fit:cover}.project-detail__thumbs{width:552px;height:90px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.project-detail__thumbs::-webkit-scrollbar{display:none}.project-detail__media-arrow{position:absolute;top:369px;z-index:3;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #1a1a1a;border-radius:50%;background:#fff;color:#1a1a1a;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.project-detail__media-arrow svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.project-detail__media-arrow:hover{background:#1a1a1a;color:#fff;transform:translateY(-1px)}.project-detail__media-arrow:focus-visible{outline:3px solid rgba(240,74,25,.35);outline-offset:3px}.project-detail__media-arrow--prev{left:0}.project-detail__media-arrow--next{right:0}.project-detail__thumb{position:relative;width:144px;height:90px;flex:0 0 144px;padding:0;border:1px solid #d8dde1;background:#fff;cursor:pointer;overflow:hidden}.project-detail__thumb img{display:block;width:100%;height:100%;object-fit:cover}.project-detail__thumb--active{border:2px solid #f04a19}.project-detail__thumb:focus-visible{outline:3px solid rgba(240,74,25,.35);outline-offset:3px}.project-detail__thumb-play{position:absolute;top:50%;left:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#f04a19;color:#fff;transform:translate(-50%,-50%)}.project-detail__thumb-play svg{width:18px;height:18px;fill:currentcolor}.project-detail__thumb-placeholder{display:block;width:100%;height:100%;background:#1a1a1a}.project-detail__metrics{width:100%;min-height:126px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0 max(96px,(100% - 1248px)/2);border-top:1px solid #d8dde1;border-bottom:1px solid #d8dde1;background:#f5f6f7}.project-detail__metric{min-height:124px;display:grid;align-content:start;gap:8px;padding:24px 22px;border:0;border-right:1px solid #d8d8d8}.project-detail__metric+.project-detail__metric{border-left:0}.project-detail__metric:last-child{border-right:0}.project-detail__metric strong{font-family:Geist Mono,IBM Plex Mono,monospace;font-size:30px;font-weight:900;line-height:1.1}.project-detail__metric span{color:#5d6266;font-size:13px;line-height:1.25}.project-detail__summary{width:min(100% - 192px,1248px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:0 auto;padding:64px 0}.project-detail__summary article{padding:28px;border:1px solid #d8dde1;background:#f5f6f7}.project-detail__summary h2{margin:0;font-family:Funnel Sans,Inter,sans-serif;font-size:40px;font-weight:900;line-height:1.05}.project-detail__summary p{margin:18px 0 0;color:#5d6266;font-size:17px;line-height:1.5}.project-detail__process{position:relative;display:grid;grid-template-columns:420px minmax(0,1fr);gap:50px;padding:64px max(96px,(100% - 1248px)/2);background:#1a1a1a;color:#fff}.project-detail__process ol{display:grid;gap:14px;margin:0;padding:0;list-style:none}.project-detail__process li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:0 0 18px;border-bottom:1px solid #3a3f42}.project-detail__process li>span{color:#f04a19;font-family:Geist Mono,IBM Plex Mono,monospace;font-size:18px;font-weight:900}.project-detail__process li h3{margin:0;font-family:Funnel Sans,Inter,sans-serif;font-size:20px;font-weight:900;line-height:1.1}.project-detail__process li p{margin:5px 0 0;color:#b8bec2;font-size:14px;line-height:1.45}.project-detail__section-head{width:100%;margin:0}.project-detail__section-head h2{max-width:680px;margin:0;font-family:Funnel Sans,Inter,sans-serif;font-size:46px;font-weight:900;line-height:1.05}.project-detail__section-head .animated-border-text{margin:16px 0 0;color:#b8bec2}.project-detail__process ol,.project-detail__works-grid{width:min(100%,1248px);margin-right:auto;margin-left:auto}.project-detail__works{padding:40px max(96px,(100% - 1248px)/2) 96px;background:#fff}.project-detail__works .project-detail__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;width:min(100%,1248px);margin:0 auto}.project-detail__works .project-detail__section-head h2{width:500px}.project-detail__works .project-detail__section-head p{width:460px;color:#5d6266}.project-detail__works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.project-detail__work{min-width:0;min-height:210px;padding:22px;border:1px solid #d8dde1;background:#f5f6f7}.project-detail__work>span{color:#f04a19;font-family:Geist Mono,IBM Plex Mono,monospace;font-size:14px;font-weight:900}.project-detail__work h3{min-width:0;margin:12px 0 0;font-family:Funnel Sans,Inter,sans-serif;font-size:25px;font-weight:900;line-height:1.05;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.project-detail__work p{min-width:0;margin:10px 0 0;color:#5d6266;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.project-detail__state{width:min(100% - 40px,720px);min-height:480px;display:grid;align-content:center;margin:0 auto;padding:56px 0}.project-detail__state>p{margin:0 0 14px;color:#f04a19;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.project-detail__state h1{margin:0;font-family:Funnel Sans,Inter,sans-serif;font-size:48px;font-weight:900;line-height:1}.project-detail__state>span{margin-top:16px;color:#5d6266;font-size:17px;line-height:1.45}.project-detail__state div{display:flex;gap:12px;margin-top:28px}.project-detail__state a,.project-detail__state button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid #f04a19;background:#f04a19;color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:800;text-decoration:none}.project-detail__state a{border-color:#1a1a1a;background:#fff;color:#1a1a1a}.project-detail__skeleton{display:block;overflow:hidden;background:#e3e7ea}.project-detail__skeleton:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:project-detail-loading 1.2s ease-in-out infinite}.project-detail__skeleton--crumbs{width:310px;height:14px}.project-detail__skeleton--title{width:min(100%,620px);height:118px;margin-top:36px}.project-detail__skeleton--text{width:min(100%,520px);height:78px;margin-top:20px}.project-detail__skeleton--media{width:100%;height:370px;margin-top:36px}@keyframes project-detail-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:1320px){.project-detail__hero-inner,.project-detail__summary{width:calc(100% - 64px)}.project-detail__hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,588px)}.project-detail__metrics,.project-detail__process{padding-right:32px;padding-left:32px}.project-detail__process ol,.project-detail__section-head,.project-detail__works-grid{width:100%}.project-detail__works{padding-right:32px;padding-left:32px}}@media(max-width:980px){.project-detail__hero-grid,.project-detail__summary{grid-template-columns:1fr}.project-detail__main-media,.project-detail__media,.project-detail__thumbs{width:100%}.project-detail__metrics,.project-detail__works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__metric:nth-child(3){border-left:1px solid #d8dde1}.project-detail__process{display:block}.project-detail__process ol{margin-top:28px}.project-detail__works .project-detail__section-head{display:block}.project-detail__works .project-detail__section-head h2,.project-detail__works .project-detail__section-head p{width:auto}}@media(max-width:767px){.project-detail__hero-inner{width:100%;padding:34px 20px 22px}.project-detail__breadcrumbs{margin-bottom:18px}.project-detail__hero-copy,.project-detail__hero-grid{gap:18px}.project-detail__hero-copy h1{font-size:36px;line-height:1.02}.project-detail__hero-copy p{font-size:15px}.project-detail__status{min-height:36px;font-size:13px}.project-detail__media{width:100%}.project-detail__main-media{height:210px}.project-detail__thumbs{display:flex;overflow-x:auto;padding-bottom:2px}.project-detail__media-arrow{display:none}.project-detail__thumb{width:84px;height:72px;flex:0 0 84px}.project-detail__metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 22px;border-top:0;background:#fff}.project-detail__metric{min-height:94px;padding:18px 14px;border:1px solid #d8dde1;background:#f5f6f7}.project-detail__metric:nth-child(odd){border-left:1px solid #d8dde1}.project-detail__metric strong{font-size:22px}.project-detail__metric span{font-size:12px}.project-detail__summary{width:100%;gap:12px;padding:22px 20px}.project-detail__summary article{padding:18px}.project-detail__summary h2{font-size:26px}.project-detail__summary p{font-size:14px}.project-detail__process{padding:34px 20px}.project-detail__section-head{width:100%}.project-detail__section-head h2{font-size:32px}.project-detail__section-head p{font-size:14px}.project-detail__process ol{width:100%;margin-top:22px}.project-detail__process li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:14px}.project-detail__process li h3{font-size:19px}.project-detail__works{padding:24px 20px 54px}.project-detail__works-grid{width:100%;grid-template-columns:1fr;gap:10px;margin-top:22px}.project-detail__work{min-height:auto;padding:16px}.project-detail__work h3{font-size:22px}.project-detail__state{min-height:420px}.project-detail__state h1{font-size:36px}.project-detail__state div{flex-direction:column}.project-detail__skeleton--title{height:108px}.project-detail__skeleton--media{height:210px}}.project-detail__main-media{animation:project-photo-in .35s ease-out}.project-detail[data-project=outdoor-stairs-tula] .project-detail__main-media{height:auto}.project-detail[data-project=outdoor-stairs-tula] .project-detail__main-media img{object-fit:contain}.project-detail[data-project] .project-detail__main-media{height:auto;max-width:100%}.project-detail[data-project] .project-detail__main-media img,.project-detail[data-project] .project-detail__main-media picture{height:auto;width:100%;object-fit:contain}.project-detail[data-project] .project-detail__thumb img{object-fit:contain}.project-detail[data-project] .project-detail__metric{min-width:0;overflow-wrap:anywhere}.project-detail[data-project] .project-detail__metric a{color:inherit;text-underline-offset:5px}@keyframes project-photo-in{0%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.project-detail__main-media{animation:none}}