.production.expert-materials main .wrap.article-wrap{width:calc(100% - var(--page-gutter)*2);max-width:1240px;margin-inline:auto}
.expert-materials .article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:48px}
.expert-materials .article-catalog{max-width:1000px;margin-inline:auto}
.article-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.article-filter{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #cadce6;border-radius:24px;color:#17415a;font-size:15px;font-weight:600;text-decoration:none}
.article-filter:hover,.article-filter[aria-current="true"]{background:#086eac;border-color:#086eac;color:#fff}
.article-filter:focus-visible{outline:3px solid #208dcc;outline-offset:3px}
.article-count{font-size:15px;color:#526978;margin:0 0 20px}.article-card+.article-card{margin-top:24px}
.article-card[hidden]{display:none!important}
.production .nav-articles .nav-panel{width:360px;max-width:calc(100vw - 32px)}
.nav-article-detail{margin-left:12px;border-left:2px solid #dce7ed}
.service-objects{margin-top:34px}.service-objects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-objects .project-card{width:100%;min-width:0;margin:0}
.service-objects .project-card>a{display:grid;grid-template-columns:40% minmax(0,1fr);height:100%}
.service-objects .project-visual{height:100%;min-height:220px;aspect-ratio:auto}
.service-objects .project-photo{width:100%;height:100%;object-fit:cover}
.service-objects .project-body{padding:20px}.service-objects .project-body h3{font-size:22px;margin:8px 0 12px;line-height:1.3}
.service-objects .project-work{font-size:15px;line-height:1.5;margin:0 0 10px;color:#526978}
.service-objects .project-summary{font-size:16px;line-height:1.55;margin:0 0 12px}
.service-article-link{margin:26px 0 0;padding-top:20px;border-top:1px solid #dce5e9;font-size:17px;line-height:1.6}
[data-case-project="tanit"] #tanit-video .video-card{display:block;max-width:1000px;height:auto;margin:0;border-radius:16px}
[data-case-project="tanit"] #tanit-video .video-poster{display:block;aspect-ratio:4/3;width:100%;align-self:center}
[data-case-project="tanit"] #tanit-video .video-poster-photo{object-fit:contain}
[data-case-project="tanit"] #tanit-video .video-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:0;border-top:0;padding:28px}
[data-case-project="tanit"] #tanit-video .video-copy b{font-size:20px;line-height:1.35}
[data-case-project="tanit"] #tanit-video .video-summary{flex-basis:auto;font-size:16px;line-height:1.6;margin:0}
[data-case-project="tanit"] #tanit-video .video-watch{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:600;color:#006eab;line-height:1.4;margin:0}
.video-watch svg{width:18px;height:18px;flex:none}
@media(max-width:1000px){.expert-materials .article-layout{display:flex;gap:26px}.service-objects-grid{grid-template-columns:1fr}}
@media(max-width:767px){[data-case-project="tanit"] #tanit-video .video-card{display:flex;flex-direction:column;max-width:440px}[data-case-project="tanit"] #tanit-video .video-copy{padding:20px;gap:12px}}
@media(max-width:600px){.service-objects .project-card>a{display:block}.service-objects .project-visual{height:auto;min-height:0;aspect-ratio:4/3}.service-objects .project-body{padding:20px}.article-filter{font-size:15px;padding-inline:15px}}

[data-case-project="tanit"] #tanit-video .video-external{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);color:inherit;text-decoration:none}
[data-case-project="tanit"] #tanit-video .video-external:focus-visible{outline:3px solid #0076bd;outline-offset:-3px}
@media(max-width:767px){[data-case-project="tanit"] #tanit-video .video-external{display:flex;flex-direction:column}}

.service-objects .project-visual{min-width:0;width:100%;height:auto;align-self:stretch;aspect-ratio:auto}.service-objects .project-visual picture{position:absolute;inset:0;width:100%;height:100%}.service-objects .project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-objects .project-body{min-width:0}
@media(max-width:600px){.service-objects .project-visual{height:auto;aspect-ratio:4/3;min-height:0}}