.pg-science-tabs{padding-block:var(--pg-pad-top) var(--pg-pad-bottom);background:var(--pg-bg);color:var(--pg-text)}
.pg-science-tabs__intro{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:8vw;align-items:end;margin-bottom:70px}.pg-science-tabs__intro h2{margin:16px 0 0;font-family:'Marcellus','Noto Serif TC',serif;font-size:clamp(38px,4.6vw,66px);font-weight:400;line-height:1.3;letter-spacing:.055em}.pg-science-tabs__intro .pg-body{max-width:650px;margin-left:auto}
.pg-science-tabs__nav{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid color-mix(in srgb,var(--pg-gold) 34%,transparent)}.pg-science-tabs__tab{appearance:none;border:0;border-right:1px solid color-mix(in srgb,var(--pg-gold) 25%,transparent);padding:22px 26px;background:transparent;color:color-mix(in srgb,var(--pg-text) 66%,var(--pg-gold));text-align:left;cursor:pointer;transition:background .3s,color .3s}.pg-science-tabs__tab:last-child{border-right:0}.pg-science-tabs__tab small{display:block;margin-bottom:8px;color:var(--pg-gold);font-size:10px;letter-spacing:.16em}.pg-science-tabs__tab span{font-family:'Marcellus','Noto Serif TC',serif;font-size:22px;letter-spacing:.08em}.pg-science-tabs__tab:is(:hover,[aria-selected=true]){background:color-mix(in srgb,var(--pg-gold) 11%,transparent);color:var(--pg-text)}.pg-science-tabs__tab[aria-selected=true]{box-shadow:inset 0 -2px var(--pg-gold)}
.pg-science-tabs__panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);min-height:560px;border-bottom:1px solid color-mix(in srgb,var(--pg-gold) 30%,transparent)}.pg-science-tabs__panel[hidden]{display:none}.pg-science-tabs__media{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--pg-bg) 84%,#fff 16%)}.pg-science-tabs__media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,color-mix(in srgb,var(--pg-bg) 66%,transparent));pointer-events:none}.pg-science-tabs__media .pg-picture,.pg-science-tabs__media img{display:block;width:100%;height:100%;object-fit:cover}.pg-science-tabs__copy{display:flex;flex-direction:column;justify-content:center;padding:70px 6vw;background:linear-gradient(135deg,color-mix(in srgb,var(--pg-bg) 95%,var(--pg-gold)),var(--pg-bg))}.pg-science-tabs__copy h3{margin:12px 0 24px;font-family:'Marcellus','Noto Serif TC',serif;font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.35;letter-spacing:.055em}.pg-science-tabs__tech{display:grid;gap:0;margin-top:30px;border-top:1px solid color-mix(in srgb,var(--pg-gold) 32%,transparent)}.pg-science-tabs__tech p{margin:0;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--pg-gold) 20%,transparent);line-height:1.75}.pg-science-tabs__tech strong{color:var(--pg-gold);font-weight:500;letter-spacing:.04em}
@media(max-width:899px){.pg-science-tabs__intro{grid-template-columns:1fr;gap:24px;margin-bottom:46px}.pg-science-tabs__intro .pg-body{margin:0}.pg-science-tabs__nav{overflow-x:auto;grid-template-columns:repeat(3,minmax(150px,1fr));scrollbar-width:none}.pg-science-tabs__nav::-webkit-scrollbar{display:none}.pg-science-tabs__tab{padding:18px}.pg-science-tabs__panel{grid-template-columns:1fr;min-height:0}.pg-science-tabs__media{aspect-ratio:4/3}.pg-science-tabs__media:after{background:linear-gradient(0deg,var(--pg-bg),transparent 48%)}.pg-science-tabs__copy{padding:38px 7vw 54px}.pg-science-tabs__copy h3{font-size:34px}}
@media(max-width:520px){.pg-science-tabs__intro h2{font-size:36px}.pg-science-tabs__tab span{font-size:18px}.pg-science-tabs__panel{margin-inline:-7vw}.pg-science-tabs__copy{padding-inline:7vw}}
@media(prefers-reduced-motion:reduce){.pg-science-tabs__tab{transition:none}}
