/* Page-specific rules extracted from technology.html. */

.tech-hero-visual{filter:none!important}.tech-image img{filter:none!important}

.tech-intro-priority{
  display:grid!important;
  grid-template-columns:220px minmax(0,780px)!important;
  gap:54px!important;
  padding-top:48px!important;
  padding-bottom:52px!important;
  margin-bottom:8px;
  border-top:1px solid #2a2e2a;
  border-bottom:1px solid #2a2e2a;
}
.tech-intro-priority .tech-intro-label{
  padding-top:7px;
  color:#777b74;
  font-size:9px;
  letter-spacing:1.7px;
  line-height:1.5;
}
.tech-intro-statement h2{
  margin:0 0 21px;
  color:#dedbd4;
  font-size:32px;
  line-height:1.14;
  font-weight:300;
  letter-spacing:2px;
}
.tech-intro-priority .tech-intro-statement p{
  max-width:760px;
  margin:0 0 16px;
  color:#989b94;
  font-size:13px;
  line-height:1.8;
}
.tech-intro-priority .tech-intro-statement .tech-intro-lead{
  color:#c0beb7;
  font-size:16px;
  line-height:1.75;
}
.tech-intro-note{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:20px;
  margin-top:31px;
  padding:17px 0 0;
  border-top:1px solid #303430;
}
.tech-intro-note strong{
  color:#777b74;
  font-size:8px;
  line-height:1.5;
  letter-spacing:1.4px;
  font-weight:400;
}
.tech-intro-note span{
  color:#6f736c;
  font-size:10px;
  line-height:1.65;
}
@media(max-width:760px){
  .tech-intro-priority{grid-template-columns:1fr!important;gap:20px!important}
  .tech-intro-statement h2{font-size:27px}
  .tech-intro-note{grid-template-columns:1fr}
}
.planetary-systems{padding-top:62px}
.programme-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.programme-card{display:grid;grid-template-rows:auto 1fr;border:1px solid #2a2e2a;background:#070907;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.programme-card:hover,.programme-card:focus-visible{border-color:#666b63;transform:translateY(-2px)}
.programme-card img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#030403;filter:none}
.programme-card>div{display:flex;flex-direction:column;padding:24px;min-height:205px}
.programme-card span{color:#777b74;font-size:8px;letter-spacing:1.45px}
.programme-card h3{margin:10px 0 12px;color:#ddd;font-size:22px;font-weight:300;letter-spacing:1.5px}
.programme-card p{margin:0;color:#969991;font-size:12px;line-height:1.7}
.programme-card em{margin-top:auto;padding-top:22px;color:#d3d0c8;font-size:9px;font-style:normal;letter-spacing:1.4px}
.programme-card-wide{grid-column:1/-1;grid-template-columns:1.25fr .75fr;grid-template-rows:none}
.programme-card-wide img{height:auto;min-height:0;align-self:center}
.programme-card-wide>div{min-height:300px;padding:32px}
@media(max-width:760px){.programme-grid{grid-template-columns:1fr}.programme-card-wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr}.programme-card-wide img{width:100%;height:auto;min-height:0}.programme-card-wide>div{min-height:205px;padding:24px}}

/* Programme hierarchy — strategic scale, functional directory, systems context */
.strategic-programmes,.project-library,.productive-world{border-top:1px solid #343834;padding-top:48px;margin-top:28px}
.programme-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:44px;align-items:end;margin-bottom:25px}
.programme-section-head span{display:block;color:#747870;font-size:8px;letter-spacing:1.8px;margin-bottom:9px}
.programme-section-head h2{margin:0;color:#ddd9d1;font-size:29px;font-weight:300;letter-spacing:2px}
.programme-section-head p{margin:0;color:#858981;font-size:12px;line-height:1.75}
.strategic-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;border:1px solid #303430;background:#050605}
.strategic-card{position:relative;display:grid;grid-template-rows:210px 1fr;min-width:0;color:inherit;text-decoration:none;border-left:1px solid #303430;overflow:hidden;transition:background .18s ease}
.strategic-card:first-child{border-left:0}
.strategic-card:hover,.strategic-card:focus-visible{background:#0b0d0b}
.strategic-card img{display:block;width:100%;height:210px;object-fit:cover;filter:none;transition:transform .35s ease,opacity .2s ease}
.strategic-card:hover img,.strategic-card:focus-visible img{transform:scale(1.018);opacity:.88}
.strategic-card-primary{grid-template-rows:255px 1fr}
.strategic-card-primary img{height:255px}
.strategic-card-copy{display:flex;flex-direction:column;min-height:220px;padding:25px}
.strategic-card-copy span,.directory-card span{color:#777b74;font-size:8px;letter-spacing:1.45px;line-height:1.5}
.strategic-card-copy h3,.directory-card h3{margin:11px 0 13px;color:#ddd9d2;font-size:21px;font-weight:300;letter-spacing:1.45px}
.strategic-card-copy p,.directory-card p{margin:0;color:#969991;font-size:11px;line-height:1.75}
.strategic-card-copy em,.directory-card em{margin-top:auto;padding-top:23px;color:#d0cdc5;font-size:8px;font-style:normal;letter-spacing:1.4px}
.library-head{margin-bottom:20px}
.project-filters{display:flex;flex-wrap:wrap;gap:0;margin-bottom:18px;border-top:1px solid #2d312d;border-left:1px solid #2d312d}
.project-filters button{appearance:none;border:0;border-right:1px solid #2d312d;border-bottom:1px solid #2d312d;background:#060806;color:#747870;padding:12px 16px;font:inherit;font-size:8px;letter-spacing:1.25px;cursor:pointer}
.project-filters button:hover,.project-filters button:focus-visible,.project-filters button.is-active{background:#d6d3cb;color:#080a08}
.project-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.directory-card{display:grid;grid-template-rows:145px 1fr;min-width:0;border:1px solid #292d29;background:#060806;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.directory-card:hover,.directory-card:focus-within{border-color:#666b63;transform:translateY(-2px)}
.directory-card[hidden]{display:none}
.directory-card>img{display:block;width:100%;height:145px;object-fit:cover;filter:none}
.directory-card>div{display:flex;flex-direction:column;min-height:200px;padding:20px}
.directory-card h3{font-size:18px}
.titan-family nav{display:grid;gap:8px;margin-top:auto;padding-top:20px}
.titan-family nav a{border-top:1px solid #292d29;padding-top:8px;color:#d0cdc5;text-decoration:none;font-size:8px;letter-spacing:1.2px}
.productive-world{padding-bottom:6px}
.systems-bands{display:grid;grid-template-columns:repeat(7,minmax(0,auto));align-items:stretch;border:1px solid #303430;background:#060806}
.systems-bands>div{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px}
.systems-bands>div span{color:#777b74;font-size:8px;letter-spacing:1.5px;border-bottom:1px solid #2a2e2a;padding-bottom:10px}
.systems-bands>div strong{color:#b5b3ac;font-size:9px;line-height:1.45;letter-spacing:1px;font-weight:400}
.systems-bands>i{align-self:center;color:#555a53;font-size:15px;font-style:normal}
@media(max-width:1050px){
  .strategic-grid{grid-template-columns:1fr 1fr}.strategic-card-primary{grid-column:1/-1;grid-template-columns:1.35fr 1fr;grid-template-rows:none}.strategic-card-primary img{height:100%;min-height:285px}.strategic-card:nth-child(2){border-left:0;border-top:1px solid #303430}.strategic-card:nth-child(3){border-top:1px solid #303430}
  .project-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
  .systems-bands{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr}
}
@media(max-width:760px){
  .programme-section-head{grid-template-columns:1fr;gap:13px}.programme-section-head h2{font-size:24px}
  .strategic-grid{grid-template-columns:1fr}.strategic-card,.strategic-card-primary{grid-column:auto;grid-template-columns:1fr;grid-template-rows:190px 1fr;border-left:0;border-top:1px solid #303430}.strategic-card:first-child{border-top:0}.strategic-card img,.strategic-card-primary img{height:190px;min-height:0}.strategic-card-copy{min-height:190px}
  .project-matrix{grid-template-columns:1fr 1fr}.systems-bands{grid-template-columns:1fr}.systems-bands>i{padding:0;transform:rotate(90deg)}
}
@media(max-width:520px){.project-matrix{grid-template-columns:1fr}.project-filters button{flex:1 1 50%}}

/* Research Atlas — one programme in focus, full artwork preserved */
.research-atlas{border-top:1px solid #343834;padding-top:48px;margin-top:28px}
.atlas-heading{margin-bottom:25px}
.atlas-shell{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid #303430;background:#030403;min-height:720px}
.atlas-index{border-right:1px solid #303430;background:#060806}
.atlas-group{border-top:1px solid #292d29;padding-top:14px}
.atlas-group:first-child{border-top:0}
.atlas-group>span{display:block;padding:0 17px 10px;color:#60645e;font-size:7px;letter-spacing:1.6px}
.atlas-group button{position:relative;display:grid;grid-template-columns:25px 1fr;grid-template-areas:"number name" "number detail";width:100%;gap:3px 8px;padding:11px 17px;border:0;border-top:1px solid #171a17;background:transparent;color:#8c8f88;text-align:left;font:inherit;cursor:pointer;transition:background .18s ease,color .18s ease}
.atlas-group button b{grid-area:number;color:#4f534d;font-size:8px;font-weight:400;letter-spacing:1px;padding-top:2px}
.atlas-group button strong{grid-area:name;color:inherit;font-size:10px;font-weight:400;letter-spacing:1.1px;line-height:1.3}
.atlas-group button small{grid-area:detail;color:#555a53;font-size:6px;letter-spacing:1.15px;line-height:1.4}
.atlas-group button::after{content:"";position:absolute;top:0;right:-1px;width:2px;height:100%;background:transparent}
.atlas-group button:hover,.atlas-group button:focus-visible{background:#0d100d;color:#d5d2ca;outline:0}
.atlas-group button.is-active{background:#d5d2ca;color:#080a08}
.atlas-group button.is-active b,.atlas-group button.is-active small{color:#55584f}
.atlas-group button.is-active::after{background:#d5d2ca}
.atlas-group-featured{padding-bottom:12px;background:linear-gradient(135deg,#11150f 0%,#070907 78%)}
.atlas-group-featured>span{color:#a88948}
.atlas-group-featured button{border-top-color:#6f603d;border-bottom:1px solid #3b3526;padding-top:15px;padding-bottom:15px}
.atlas-group-featured button strong{font-size:11px;color:#d7cdaF}
.atlas-panel-featured .atlas-copy{background:linear-gradient(125deg,#11140e 0%,#060706 72%)}
.atlas-panel-featured .atlas-copy>span{color:#a88948}
.atlas-index-subfiles{padding:5px 0 11px 42px;background:#030503;border-top:1px solid #171a17}
.atlas-index-subfiles button{padding:9px 12px!important;border-top:1px solid #202420!important}
.atlas-index-subfiles button:first-child{border-top:0!important}
.atlas-index-subfiles button strong{font-size:8px}.atlas-index-subfiles button small{font-size:6px}
.atlas-stage{position:relative;min-width:0;overflow:hidden}
.atlas-panel{display:none;min-height:100%;grid-template-rows:auto 1fr;animation:atlasReveal .28s ease}
.atlas-panel.is-active{display:grid}
.atlas-art{display:block;position:relative;background:#020302;border-bottom:1px solid #303430;overflow:hidden}
.atlas-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;filter:none}
.atlas-art>span{position:absolute;right:18px;bottom:17px;padding:11px 15px;background:rgba(4,6,4,.9);border:1px solid rgba(215,212,204,.7);color:#ebe8e0;font-size:8px;letter-spacing:1.5px;transition:background .18s ease,color .18s ease}
.atlas-art:hover>span,.atlas-art:focus-visible>span{background:#d8d5cd;color:#080a08}
.atlas-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:28px 34px 30px;background:linear-gradient(125deg,#070907 0%,#050605 70%)}
.atlas-copy>span{color:#747870;font-size:8px;letter-spacing:1.6px}
.atlas-copy h3{margin:12px 0 13px;color:#dedbd4;font-size:28px;font-weight:300;letter-spacing:1.7px}
.atlas-copy h3 a{color:inherit;text-decoration:none}.atlas-copy h3 a:hover,.atlas-copy h3 a:focus-visible{color:#fff}
.atlas-copy p{max-width:720px;margin:0 0 22px;color:#9a9d96;font-size:12px;line-height:1.8}
.atlas-copy>a.atlas-article-button{display:flex;justify-content:space-between;align-items:center;min-width:290px;margin-top:auto;padding:12px 15px;border:1px solid #cbc8c0;background:#d5d2ca;color:#080a08;text-decoration:none;font-size:8px;letter-spacing:1.5px}
.atlas-copy>a.atlas-article-button:hover,.atlas-copy>a.atlas-article-button:focus-visible{background:#fff;border-color:#fff}
.atlas-article-button b{font-size:12px;font-weight:400}
.atlas-subfiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:24px}
.atlas-subfiles a{display:grid;grid-template-columns:1fr auto;gap:7px 15px;border:1px solid #4a4f48;padding:15px 16px;color:#bbb9b2;text-decoration:none;font-size:8px;letter-spacing:1.2px}
.atlas-subfiles a:hover,.atlas-subfiles a:focus-visible{border-color:#d5d2ca;background:#0d100d;color:#fff}
.atlas-subfiles small{color:#5f635c;font-size:6px;letter-spacing:1.3px}
.atlas-subfiles strong{grid-column:1/-1;color:#d2cfc7;font-size:10px;font-weight:400;letter-spacing:1.1px}.atlas-subfiles b{grid-column:2;grid-row:1;color:#8c9088;font-size:7px;font-weight:400}
@keyframes atlasReveal{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:950px){
  .atlas-shell{grid-template-columns:230px minmax(0,1fr);min-height:650px}
  .atlas-group button{padding:10px 12px}.atlas-copy{padding:25px}.atlas-copy h3{font-size:24px}
}
@media(max-width:700px){
  .atlas-shell{grid-template-columns:1fr;min-height:0}.atlas-index{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #303430;scrollbar-width:thin}.atlas-group{display:flex;flex:0 0 auto;border-top:0;border-left:1px solid #292d29;padding:0}.atlas-group:first-child{border-left:0}.atlas-group>span{display:none}.atlas-group button{display:block;width:auto;min-width:125px;padding:13px 14px;border-top:0;border-left:1px solid #171a17}.atlas-group button b{display:block;margin-bottom:5px}.atlas-group button small{display:none}.atlas-group button::after{top:auto;right:0;bottom:-1px;width:100%;height:2px}.atlas-index-subfiles{display:flex;padding:0}.atlas-index-subfiles button{min-width:145px!important;padding:13px 14px!important;border-top:0!important;border-left:1px solid #202420!important}.atlas-panel{grid-template-rows:auto 1fr}.atlas-copy{min-height:230px}.atlas-subfiles{grid-template-columns:1fr}.atlas-copy>a.atlas-article-button{min-width:0;width:100%}
}