/* Real public product imagery. This stylesheet does not alter the cinematic hero. */
.io-portal-showcase{position:relative;padding:44px;background:radial-gradient(ellipse at 15% 0%,#263e624a,transparent 65%),#0e1725;border:1px solid #425571;border-radius:12px;color:#f4f1e9;box-shadow:0 24px 50px -35px #07111f}
.io-portal-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:35px}
.io-portal-intro .io-kicker{color:#a7c3f4;font-size:10px;line-height:1.8}
.io-portal-intro h3{font-size:clamp(29px,3.1vw,43px);font-weight:600;line-height:1.1;letter-spacing:-.045em;margin:20px 0 0;color:#f7f3eb}
.io-portal-intro h3 em{color:#a6bded;font-style:normal}
.io-portal-intro p{font-size:14px;line-height:1.8;color:#c6d3e7;margin:0 0 20px;max-width:480px}
.io-portal-intro .io-link{color:#c2d7ff;font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.io-portal-gallery{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:start}
.io-portal-card{margin:0;min-width:0;border:1px solid #60738d;background:#111e31;border-radius:7px;overflow:hidden;box-shadow:0 14px 32px #02081133}
.io-portal-card:first-child{grid-row:span 2;align-self:stretch;display:flex;flex-direction:column}
.io-portal-card figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;align-items:center;padding:15px 17px;color:#f1f3f8;border-bottom:1px solid #425773;min-height:62px}
.io-portal-card figcaption>span{font-size:13px;font-weight:600}
.io-portal-card figcaption b{font-weight:400;font-size:10px;color:#b1c4e5;margin-right:9px;font-variant-numeric:tabular-nums}
.io-portal-card figcaption small{font-size:10px;color:#b9c9e1;line-height:1.6}
.io-portal-card>a{display:block;position:relative;overflow:hidden;background:#08101b;flex:1;min-height:0}
.io-portal-card img{display:block;width:100%;height:auto;aspect-ratio:2.18;object-fit:cover;object-position:top;transition:filter .25s ease}
.io-portal-card:first-child img{aspect-ratio:auto;height:100%;min-height:350px;object-fit:cover;object-position:top}
.io-portal-expand{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;color:#edf3ff;background:#10213ae8;border:1px solid #a0b8df;border-radius:50%;font-size:17px;transition:background .2s ease}
.io-portal-card a:hover .io-portal-expand{background:#234faf}
.io-portal-card a:focus-visible{outline:3px solid #bed3ff;outline-offset:-4px}
.io-portal-provenance{color:#b7c8e1;font-size:11px;line-height:1.8;margin:20px 0 0}
.w-ecosystem-grid.io-ecosystem-support{display:block;margin-top:22px}
.io-ecosystem-support .w-ecosystem-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.io-ecosystem-support .w-eco-assistant,.io-ecosystem-support .w-eco-lab{min-height:220px}
.io-ecosystem-support .w-assistant-orb{width:63px;height:63px;margin-bottom:20px}
.io-ecosystem-case>.io-portal-case-gallery{grid-column:1/-1;margin-top:0;padding:26px;background:#0e192b;border:1px solid #55719a;border-radius:9px;min-width:0}
.io-projects .w-project-switch button{border-radius:5px}
.io-projects .w-case{border-radius:12px;border-color:#425b7c;background:radial-gradient(ellipse at 0% 10%,#25457a4a,transparent 75%),#0c1727}
.io-projects .w-case-screen{transform:none;border-radius:7px;box-shadow:0 22px 50px #0006}
.io-projects .w-window-bar{min-height:45px}
.io-projects .w-case-copy>h3{font-size:clamp(33px,3.1vw,44px)}
@media(max-width:1050px){.io-portal-showcase{padding:30px}.io-portal-intro{gap:30px}.io-portal-gallery{gap:13px;grid-template-columns:1.2fr 1fr}.io-portal-card figcaption{padding:12px;min-height:75px}.io-portal-card:first-child img{min-height:330px}.io-portal-card img{aspect-ratio:2.1}}
@media(max-width:760px){.io-portal-showcase{padding:25px 20px}.io-portal-intro{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.io-portal-intro h3{font-size:34px}.io-portal-intro p{font-size:13px}.io-portal-gallery{grid-template-columns:1fr;gap:19px}.io-portal-card:first-child{grid-row:auto;display:block}.io-portal-card figcaption{min-height:64px;padding:13px 14px}.io-portal-card img,.io-portal-card:first-child img{width:100%;height:auto;min-height:0;aspect-ratio:1.46;object-fit:cover;object-position:top}.io-portal-card figcaption small{font-size:10px}.io-portal-provenance{font-size:11px;margin-top:19px}.io-ecosystem-support .w-ecosystem-side{grid-template-columns:1fr}.io-ecosystem-case>.io-portal-case-gallery{padding:17px}.io-projects .w-case-copy>h3{font-size:33px}}
@media(max-width:360px){.io-portal-showcase{padding:23px 15px}.io-portal-intro h3{font-size:29px}.io-portal-card figcaption{padding:12px}.io-portal-card figcaption>span{font-size:12px}.io-portal-card figcaption small{font-size:10px}.io-portal-expand{width:30px;height:30px;right:8px;bottom:8px}.io-ecosystem-case>.io-portal-case-gallery{padding:12px}}
@media(prefers-reduced-motion:reduce){.io-portal-card img,.io-portal-expand{transition:none}}
.io-motion-off .io-portal-card img,.io-motion-off .io-portal-expand{transition:none}
