.ktw-science { --science-ink:#231f20; --science-teal:#087f87; --science-blue:#dceff2; --science-cream:#fbf5ed; color:var(--science-ink); }
.ktw-science-hero { background:#c6e0e5; overflow:hidden; padding:72px 0; }
.ktw-science-hero__grid { align-items:center; display:grid; gap:64px; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); }
.ktw-science-hero h1 { font-size:clamp(44px,5.4vw,78px); letter-spacing:-.055em; line-height:.96; margin:12px 0 24px; max-width:790px; }
.ktw-science-hero p:not(.ktw-eyebrow) { font-size:21px; line-height:1.55; max-width:720px; }
.ktw-science-orbit { aspect-ratio:1; border:2px solid rgba(35,31,32,.18); border-radius:50%; display:grid; place-items:center; position:relative; }
.ktw-science-orbit i { background:var(--science-ink); border:12px solid #fff; border-radius:50%; height:128px; width:128px; }
.ktw-science-orbit span { background:#fff; border:1px solid rgba(35,31,32,.16); border-radius:999px; font-weight:800; padding:12px 18px; position:absolute; }
.ktw-science-orbit span:nth-child(1){left:3%;top:20%}.ktw-science-orbit span:nth-child(2){right:-2%;top:22%}.ktw-science-orbit span:nth-child(3){bottom:12%;left:8%}.ktw-science-orbit span:nth-child(4){bottom:8%;right:5%}
.ktw-science-depth,.ktw-science-chain,.ktw-science-worlds { padding:76px 0; }
.ktw-science-depth header,.ktw-science-chain header,.ktw-science-worlds header { margin-bottom:30px; max-width:800px; }
.ktw-science-depth h2,.ktw-science-chain h2,.ktw-science-worlds h2 { font-size:clamp(34px,4vw,54px); letter-spacing:-.04em; line-height:1.02; margin:8px 0 14px; }
.ktw-science-depth__tabs { background:#fff; border:1px solid #c7c2bb; border-radius:999px; display:grid; grid-template-columns:repeat(3,1fr); padding:5px; }
.ktw-science-depth__tabs button { background:transparent; border:0; border-radius:999px; color:var(--science-ink); cursor:pointer; font:inherit; font-weight:800; min-height:52px; padding:10px 18px; }
.ktw-science-depth__tabs button[aria-selected="true"] { background:var(--science-ink); color:#fff; }
.ktw-science-depth__panels { background:var(--science-cream); border-radius:22px; margin-top:20px; min-height:260px; padding:44px; }
.ktw-science-depth__panels article[hidden],.ktw-science-chain__panels article[hidden] { display:none; }
.ktw-science-depth__panels h3,.ktw-science-chain__panels h3 { font-size:34px; letter-spacing:-.03em; margin:0 0 14px; }
.ktw-science-depth__panels p,.ktw-science-chain__panels p { font-size:19px; line-height:1.65; max-width:780px; }
.ktw-science-depth__panels a,.ktw-science-chain__panels a { color:var(--science-teal); display:inline-flex; font-weight:800; margin-top:12px; text-decoration:none; }
.ktw-science-chain { background:var(--science-ink); color:#fff; }
.ktw-science-chain__layout { display:grid; gap:22px; grid-template-columns:340px minmax(0,1fr); }
.ktw-science-chain__rail { display:grid; gap:8px; }
.ktw-science-chain__rail button { align-items:center; background:transparent; border:1px solid rgba(255,255,255,.25); border-radius:12px; color:#fff; cursor:pointer; display:flex; font:inherit; font-size:18px; font-weight:800; gap:14px; min-height:66px; padding:12px 16px; text-align:left; }
.ktw-science-chain__rail button span { color:#7fc6cc; font-size:13px; }
.ktw-science-chain__rail button[aria-selected="true"] { background:#fff; color:var(--science-ink); }
.ktw-science-chain__panels { background:#fff; border-radius:20px; color:var(--science-ink); min-height:330px; padding:48px; }
.ktw-science-worlds { background:#fff; }
.ktw-science-worlds__grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }
.ktw-science-worlds__grid a { background:var(--science-cream); border-top:5px solid var(--science-teal); border-radius:0 0 16px 16px; color:var(--science-ink); display:flex; flex-direction:column; min-height:310px; padding:30px; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.ktw-science-worlds__grid a:hover,.ktw-science-worlds__grid a:focus-visible { box-shadow:0 14px 34px rgba(35,31,32,.12); transform:translateY(-4px); }
.ktw-science-worlds__grid i { color:var(--science-teal); font-size:30px; margin-bottom:40px; }
.ktw-science-worlds__grid h3 { font-size:27px; letter-spacing:-.025em; line-height:1.05; margin:0 0 14px; }
.ktw-science-worlds__grid p { line-height:1.55; margin:0 0 22px; }
.ktw-science-worlds__grid span { color:var(--science-teal); font-weight:800; margin-top:auto; }
@media (max-width:900px){.ktw-science-hero__grid,.ktw-science-chain__layout{grid-template-columns:1fr}.ktw-science-orbit{margin:0 auto;max-width:460px;width:100%}.ktw-science-worlds__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.ktw-science-hero{padding:44px 0}.ktw-science-hero__grid{gap:40px}.ktw-science-hero h1{font-size:44px}.ktw-science-hero p:not(.ktw-eyebrow){font-size:18px}.ktw-science-orbit i{height:92px;width:92px}.ktw-science-orbit span{font-size:13px;padding:9px 12px}.ktw-science-depth,.ktw-science-chain,.ktw-science-worlds{padding:52px 0}.ktw-science-depth__tabs{border-radius:16px;grid-template-columns:1fr;padding:6px}.ktw-science-depth__tabs button{border-radius:12px;min-height:46px}.ktw-science-depth__panels,.ktw-science-chain__panels{min-height:0;padding:28px 22px}.ktw-science-depth__panels h3,.ktw-science-chain__panels h3{font-size:29px}.ktw-science-chain__rail{grid-template-columns:repeat(2,1fr)}.ktw-science-chain__rail button{font-size:15px;min-height:74px}.ktw-science-worlds__grid{grid-template-columns:1fr}.ktw-science-worlds__grid a{min-height:245px}.ktw-science-worlds__grid i{margin-bottom:28px}}
