/* Главная начинается с работ. Направления — отдельная короткая навигация. */
.portfolio-home{background:#fafaf9;color:#171717}
.portfolio-home .site-header,.index-main,.portfolio-home .site-footer{width:min(1660px,calc(100% - 80px));margin-inline:auto}
.portfolio-home .site-header{height:82px;border:0}
.portfolio-home .wordmark{font-size:21px;letter-spacing:-1px}
.portfolio-home .site-header nav{gap:32px;font-size:13px}
.portfolio-home .site-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.portfolio-home .site-header nav>a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-home .site-header .home-contact{border:1px solid #bbb;border-radius:30px;padding:0 20px;margin-left:10px;font-size:12px;transition:background .2s,color .2s,border-color .2s}
.portfolio-home .site-header .home-contact:hover{background:#171717;border-color:#171717;color:white;text-decoration:none}
.index-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:25px 0 30px}
.index-label{font-size:10px;letter-spacing:1.3px;line-height:1.6;color:#686865;margin:0 0 17px}
.index-intro h1{font-size:clamp(38px,4.2vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0}
.index-intro>p{font-size:13px;line-height:1.7;margin:0 0 2px;color:#353532}
.index-intro>p>span{color:#797976}
.index-work{scroll-margin-top:25px}
.index-section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px;padding-top:17px;border-top:1px solid #d6d6d1}
.index-section-head h2{font-size:12px;font-weight:500;line-height:1.5;margin:0}
.index-section-head h2>span{font-size:10px;color:#797976;padding-left:10px}
.index-section-head>a{display:inline-flex;align-items:center;min-height:35px;font-size:12px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#bbb}
.index-section-head>a:hover{text-decoration-color:#171717}
.index-projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}
.index-project{min-width:0}
.index-project>a{display:block}
.index-project-image{aspect-ratio:1470/670;background:#eee;overflow:hidden;position:relative}
.index-project-image img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.index-project a:hover img{opacity:.88}
.index-project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 0}
.index-project-caption h3{font-size:23px;line-height:1.1;letter-spacing:-.7px;font-weight:500;margin:0 0 7px}
.index-project-caption p{font-size:11px;line-height:1.5;color:#747471;margin:0}
.index-project-caption>span{font-size:11px;border-bottom:1px solid #b7b7b2;padding:7px 0;white-space:nowrap;line-height:1.4}
.index-project a:hover .index-project-caption>span{border-color:#171717}
.index-project-flowshot .index-project-image{background:#202020;padding:15px}
.index-project-flowshot img{object-fit:contain}
.index-services{display:grid;grid-template-columns:.75fr 1.65fr;gap:80px;padding:65px 0 60px;margin-top:65px;border-top:1px solid #d6d6d1;scroll-margin-top:25px}
.index-services-intro h2{font-size:clamp(33px,3.3vw,49px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 22px}
.index-services-intro>p:not(.index-label){font-size:13px;line-height:1.7;color:#747471;margin:0}
.index-service-list>a{display:grid;grid-template-columns:25px 1fr auto;align-items:center;column-gap:23px;padding:24px 0;border-bottom:1px solid #d6d6d1;transition:color .2s}
.index-service-list>a:first-child{padding-top:0;min-height:51px}
.index-service-list>a:last-child{border-bottom:0;padding-bottom:0}
.index-service-number{font-size:10px;color:#797976}
.index-service-list h3{font-size:clamp(21px,1.8vw,28px);font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0}
.index-service-detail{font-size:11px;line-height:1.5;color:#747471}
.index-service-list>a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.index-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:33px 36px;background:#eaeae6;margin-bottom:22px}
.index-contact p{font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin:0}
.index-contact>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:28px;background:#171717;color:#fff;font-size:12px;white-space:nowrap;transition:background .2s}
.index-contact>a:hover{background:#41413d}
.portfolio-home .site-footer{height:62px;color:#747471}
.portfolio-home .site-footer>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.portfolio-home .site-header,.index-main,.portfolio-home .site-footer{width:calc(100% - 56px)}.index-intro{gap:35px}.index-intro h1{max-width:700px}.index-intro>p{font-size:12px}.index-projects{gap:32px 22px}.index-services{grid-template-columns:.75fr 1.65fr;gap:40px}.index-service-list>a{column-gap:15px}.index-service-detail{max-width:130px;text-align:right}}
@media(max-width:760px){
 .portfolio-home .site-header,.index-main,.portfolio-home .site-footer{width:calc(100% - 40px)}.portfolio-home .site-header{height:65px}.portfolio-home .wordmark{font-size:19px}.portfolio-home .site-header nav{gap:20px;font-size:12px}.portfolio-home .site-header .home-contact{padding:0 16px;margin-left:0;font-size:11px}.portfolio-home .site-header nav>a:nth-child(3){display:none}
 .index-intro{display:block;padding:16px 0 21px}.index-label{font-size:9px;margin-bottom:15px}.index-intro h1{font-size:clamp(37px,6.2vw,48px);max-width:650px}.index-intro>p{font-size:12px;margin-top:17px}.index-intro>p br{display:none}.index-intro>p>span{display:block}
 .index-section-head{margin-bottom:17px;padding-top:13px}.index-section-head h2,.index-section-head>a{font-size:11px}.index-projects{gap:29px 20px}.index-project-caption{padding-top:13px;gap:15px}.index-project-caption h3{font-size:21px;margin-bottom:6px}.index-project-caption p{font-size:10px}.index-project-caption>span{font-size:10px}.index-project-flowshot .index-project-image{padding:10px}
 .index-services{grid-template-columns:1fr;gap:28px;padding:33px 0;margin-top:38px}.index-services-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:end}.index-services-intro>.index-label{grid-column:1 / -1;margin-bottom:17px}.index-services-intro h2{font-size:36px;margin:0}.index-services-intro>p:not(.index-label){font-size:12px;text-align:right}.index-service-list>a{padding:21px 0;column-gap:13px;grid-template-columns:22px 1fr auto}.index-service-list h3{font-size:22px}.index-service-detail{font-size:10px;max-width:140px}.index-service-list>a:first-child{padding-top:15px;border-top:1px solid #d6d6d1;min-height:65px}
 .index-contact{padding:25px 22px;gap:20px;margin-bottom:12px}.index-contact p{font-size:26px;max-width:250px}.index-contact>a{font-size:11px;padding:0 20px}.portfolio-home .site-footer{height:55px;font-size:9px}
}
@media(max-width:570px){
 .portfolio-home .site-header nav{gap:18px}.portfolio-home .site-header nav>a:first-child{display:none}.portfolio-home .site-header .home-contact{min-height:44px;padding:0 13px;font-size:10px}.portfolio-home .wordmark{font-size:18px}
 .index-intro h1{max-width:330px;font-size:43px}.index-intro>p>span{display:none}.index-projects{grid-template-columns:1fr}.index-project-caption h3{font-size:23px}.index-project-caption p{font-size:11px}.index-project-caption>span{font-size:11px}.index-project-flowshot .index-project-image{padding:9px}
 .index-service-list>a{grid-template-columns:22px 1fr;row-gap:7px}.index-service-number{grid-row:1 / 3;align-self:start;padding-top:5px}.index-service-list h3{font-size:23px}.index-service-detail{grid-column:2;max-width:none;text-align:left;font-size:11px}.index-contact{display:block}.index-contact p{font-size:29px;max-width:none}.index-contact>a{margin-top:20px}
}
@media(max-width:360px){.portfolio-home .site-header nav{gap:12px}.portfolio-home .site-header .home-contact{padding-inline:10px}.portfolio-home .wordmark{font-size:16px}.index-intro h1{font-size:38px}.index-services-intro{grid-template-columns:1fr}.index-services-intro>p:not(.index-label){display:none}.index-service-list h3{font-size:21px}}
/* Блок «Who is behind Delsity»: портрет и короткие факты. */
.index-about{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr);gap:80px;align-items:end;padding:65px 0;border-top:1px solid #d6d6d1;scroll-margin-top:25px}
.index-about-photo{margin:0;aspect-ratio:3/4;overflow:hidden;background:#eaeae6}
.index-about-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.index-about-copy h2{font-size:clamp(33px,3.3vw,49px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 22px}
.index-about-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.55;letter-spacing:-.01em;color:#353532;max-width:640px;margin:0 0 38px}
.index-about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 38px;padding-top:24px;border-top:1px solid #d6d6d1}
.index-about-facts dt{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.04em;margin:0 0 8px}
.index-about-facts dd{font-size:12px;line-height:1.55;color:#747471;margin:0;max-width:200px}
.index-about-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #171717;font-size:13px}
.index-about-link:hover{color:#686865}
@media(max-width:1100px){.index-about{gap:40px}}
@media(max-width:760px){.index-about{grid-template-columns:1fr;gap:28px;padding:38px 0}.index-about-photo{max-width:260px}.index-about-copy h2{font-size:36px}.index-about-lead{font-size:16px;margin-bottom:28px}.index-about-facts{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.index-about-facts>div{display:grid;grid-template-columns:110px 1fr;align-items:baseline;gap:12px}.index-about-facts dt{font-size:24px;margin:0}}