.science-exploration-main{
width:min(1180px,calc(100% - 40px));
margin:0 auto;
padding:34px 0 78px;
}

.science-detail-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 220px;
align-items:center;
gap:50px;
min-height:350px;
padding:clamp(35px,6vw,70px);
overflow:hidden;
border-radius:28px;
background:
radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--detail-color) 55%,transparent),transparent 18rem),
linear-gradient(120deg,#073746,#095d69);
box-shadow:0 28px 65px rgba(7,55,70,.19);
color:#fff;
}

.science-detail-hero>div{position:relative;z-index:1}

.science-detail-hero>div>a{
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:34px;
color:rgba(255,255,255,.74);
font-weight:800;
text-decoration:none;
}

.science-detail-hero p{
margin:0 0 10px;
color:#cde977;
font-size:.74rem;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
}

.science-detail-hero h1{
margin:0;
font-size:clamp(2.7rem,6vw,5.2rem);
line-height:.96;
letter-spacing:-.05em;
}

.science-detail-hero strong{
display:block;
margin-top:16px;
color:#dff398;
}

.science-detail-hero span{
display:block;
max-width:700px;
margin-top:20px;
color:rgba(255,255,255,.78);
font-size:1.05rem;
line-height:1.7;
}

.science-detail-hero>i{
position:relative;
z-index:1;
color:rgba(255,255,255,.2);
font-size:clamp(7rem,14vw,12rem);
text-align:center;
}

.science-list-section{padding-top:70px}

.science-list-heading{margin-bottom:30px}

.science-list-heading p{
margin:0 0 9px;
color:var(--science-teal);
font-size:.72rem;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
}

.science-list-heading h2{
margin:0;
font-size:clamp(2rem,4vw,3.3rem);
line-height:1;
letter-spacing:-.04em;
}

.science-content-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}

.science-content-card{
display:flex;
flex-direction:column;
min-height:280px;
padding:28px;
border:1px solid rgba(8,127,140,.15);
border-radius:22px;
background:#fff;
box-shadow:0 15px 35px rgba(16,42,52,.08);
color:inherit;
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease;
}

.science-content-card:hover{
transform:translateY(-4px);
box-shadow:0 22px 44px rgba(16,42,52,.13);
}

.science-content-card>i{
margin-bottom:28px;
color:var(--science-teal);
font-size:1.65rem;
}

.science-content-card small{
color:var(--science-teal);
font-weight:900;
text-transform:uppercase;
}

.science-content-card h3{margin:9px 0;font-size:1.35rem}
.science-content-card p{margin:0;color:var(--science-muted);line-height:1.6}

.science-content-card span{
display:flex;
align-items:center;
gap:9px;
margin-top:auto;
padding-top:24px;
color:var(--science-teal);
font-size:.83rem;
font-weight:900;
}

.science-timeline{
position:relative;
display:grid;
gap:20px;
padding-left:30px;
}

.science-timeline::before{
content:"";
position:absolute;
top:10px;
bottom:10px;
left:9px;
width:2px;
background:linear-gradient(var(--science-lime),var(--science-teal));
}

.science-timeline-item{
position:relative;
display:grid;
grid-template-columns:130px minmax(0,1fr);
gap:28px;
padding:25px 28px;
border:1px solid rgba(8,127,140,.14);
border-radius:20px;
background:#fff;
box-shadow:0 13px 30px rgba(16,42,52,.07);
}

.science-timeline-item::before{
content:"";
position:absolute;
top:32px;
left:-27px;
width:13px;
height:13px;
border:4px solid #eff9f7;
border-radius:50%;
background:var(--science-teal);
}

.science-timeline-item.is-rupture::before{background:#b2d83e}
.science-timeline-item time{color:var(--science-teal);font-size:1.18rem;font-weight:900}
.science-timeline-item small{color:var(--science-teal);font-weight:900;text-transform:uppercase}
.science-timeline-item h3{margin:7px 0;font-size:1.3rem}
.science-timeline-item p{margin:0;color:var(--science-muted);line-height:1.65}

.science-state-page{margin:80px 0;min-height:250px}
.science-state a{color:var(--science-teal);font-weight:800}

@media(max-width:850px){
.science-detail-hero{grid-template-columns:1fr}
.science-detail-hero>i{display:none}
.science-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
.science-exploration-main{width:calc(100% - 24px);padding-top:12px}
.science-detail-hero{padding:36px 24px;border-radius:20px}
.science-content-grid{grid-template-columns:1fr}
.science-timeline-item{grid-template-columns:1fr;gap:9px}
.science-timeline{padding-left:24px}
}