@import url("science-projects.css");

.research-body{background:#020202}
.research-page{min-height:calc(100vh - 92px)}
.research-classification{max-width:1180px;margin:0 auto;padding:10px 34px;border-top:1px solid #202420;border-bottom:1px solid #202420;color:#686c65;font-size:8px;letter-spacing:1.6px;text-align:right}
.research-footer{max-width:1180px;margin:0 auto;padding:28px 34px 34px;border-top:1px solid #292c29;display:flex;justify-content:space-between;gap:30px;color:#666a64;font-size:8px;line-height:1.7;letter-spacing:1.2px}
.research-footer strong{display:block;color:#aaa79f;font-weight:400;letter-spacing:1.5px}
.research-footer span:last-child{text-align:right}

.ag-shell,.ad-shell,.t{max-width:1180px;margin:0 auto;padding:0 34px 70px}
.ad-shell{padding-bottom:80px}
.ag-back,.ad-back,.back{display:inline-block;margin:22px 0;color:#8c8f88;text-decoration:none;font-size:9px;letter-spacing:1.4px}

.ag-hero,.hero{position:relative;border-bottom:1px solid #292c29;overflow:hidden}
.ag-hero img,.hero img{display:block;width:100%;max-height:650px;object-fit:cover;filter:none}
.hero img{max-height:610px}
.ag-overlay,.ov{position:absolute;left:0;right:0;bottom:0;padding:90px 38px 34px;background:linear-gradient(transparent,rgba(0,0,0,.94))}
.ov{padding:80px 38px 32px}
.ag-kicker,.k{font-size:9px;letter-spacing:2.2px;color:#9a9d95}
.ag-hero h1,.hero h1{font-size:42px;font-weight:300;letter-spacing:2.2px;margin:8px 0;color:#e1ded6}
.hero h1{font-size:40px;letter-spacing:2px}
.ag-sub,.sub{font-size:14px;color:#aaa9a2}

.adapta-hero{border-top:1px solid #292c29;border-bottom:1px solid #292c29}
.adapta-heading{padding:34px 38px 28px}
.adapta-heading h1{font-size:42px;font-weight:300;letter-spacing:2.2px;margin:8px 0;color:#e1ded6}
.adapta-artwork{display:block;border-top:1px solid #292c29;color:#777b74;text-decoration:none}
.adapta-artwork img{display:block;width:100%;height:auto;filter:none}
.adapta-artwork span{display:block;padding:11px 14px;text-align:right;font-size:8px;letter-spacing:1.35px;transition:color .18s ease}
.adapta-artwork:hover span,.adapta-artwork:focus-visible span{color:#d7b24a}

.ad-title{border-top:1px solid #292c29;border-bottom:1px solid #292c29;padding:54px 0 38px}
.ad-kicker{font-size:9px;letter-spacing:2.1px;color:#898d85}
.ad-title h1{font-size:48px;font-weight:300;letter-spacing:2.5px;margin:10px 0 8px;color:#e1ded6}
.ad-sub{font-size:16px;color:#aaa79f}

.ag-grid,.ad-grid,.g{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:58px;margin-top:34px}
.ad-grid{margin-top:38px}.g{margin-top:32px}
.ag-copy p,.ad-copy p,.c p{font-size:14px;line-height:1.85;color:#aaa9a2;margin:0 0 17px}
.ad-copy p{line-height:1.86}
.ag-copy h2,.ad-copy h2,.c h2{font-size:18px;font-weight:400;letter-spacing:1.8px;color:#d9d6ce;margin:42px 0 18px}
.ad-copy h2{margin-top:45px}
.ag-copy a,.ag-side a,.ad-copy a,.ad-side a,.c a,.s a{color:#ddd9d1;text-decoration:none;border-bottom:1px solid #666960}
.ag-side,.ad-side,.s{border-left:1px solid #292c29;padding-left:24px;font-size:9px;line-height:1.85;letter-spacing:1.05px;color:#777b74}
.ag-side strong,.ad-side strong{display:block;color:#c9c6be;font-weight:400;margin:0 0 7px}
.ag-card,.ad-card,.card{display:block!important;border:1px solid #2a2e2a!important;padding:14px;margin:12px 0;color:#b9b7b0!important}
.ag-card span,.ad-card span{display:block;color:#666a64;font-size:8px;margin-top:5px}

.ad-inline-art,.article-full-machine{margin:38px 0 44px;border:1px solid #292c29;background:#050605}
.article-full-machine{margin:42px 0 46px}
.ad-inline-art img,.article-full-machine img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none}
.ad-inline-art figcaption,.article-full-machine figcaption{padding:11px 14px;color:#666a64;font-size:8px;letter-spacing:1.35px}

@media(max-width:800px){
  .ag-grid,.ad-grid,.g{grid-template-columns:1fr}
  .ag-side,.ad-side,.s{border-left:0;border-top:1px solid #292c29;padding:20px 0}
  .ag-hero h1,.hero h1{font-size:29px}
  .adapta-heading{padding:28px 20px 23px}
  .adapta-heading h1{font-size:29px}
  .ad-title h1{font-size:34px}
  .ag-shell,.ad-shell,.t{padding-left:18px;padding-right:18px}
  .research-classification{padding-left:18px;padding-right:18px;text-align:left}
  .research-footer{padding-left:18px;padding-right:18px;flex-direction:column}
  .research-footer span:last-child{text-align:left}
}
@import url("science-projects.css");
