/* A compact reading surface; only the artwork and grid respond to scrolling. */
.idea-portal{position:relative;isolation:isolate;overflow:hidden;background:var(--yellow);color:var(--navy);--portal-progress:.5}
.idea-portal-inner{position:relative;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;min-height:380px;padding-block:44px}
.idea-portal-copy{position:relative;z-index:1}
.idea-portal-copy .eyebrow{color:var(--navy);margin-bottom:18px}
.idea-portal-copy h2{font-size:clamp(42px,4.7vw,66px);line-height:1.06;letter-spacing:-.05em}
.idea-portal-copy h2 span{color:var(--violet)}
.idea-portal-copy>p:last-of-type{color:var(--navy);max-width:490px;font-size:17px;margin-top:20px;line-height:1.6}
.idea-portal-stages{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.idea-portal-stages span+span{border-left:1px solid #00004040;padding-left:24px}
.idea-portal-art{width:min(100%,300px);justify-self:center;transform:translateY(calc((.5 - var(--portal-progress)) * 64px)) rotate(calc(-7deg + var(--portal-progress) * 14deg)) scale(calc(.94 + var(--portal-progress) * .12))}
.idea-portal-art img{width:100%;height:auto}
.idea-portal-grid{position:absolute;inset:-40px;z-index:-1;background-image:linear-gradient(#0000400c 1px,transparent 1px),linear-gradient(90deg,#0000400c 1px,transparent 1px);background-size:48px 48px;transform:translateY(calc((var(--portal-progress) - .5) * 32px))}
@media(max-width:760px){
 .idea-portal-inner{grid-template-columns:1fr;gap:0;min-height:320px;padding-block:36px}
 .idea-portal-copy h2{font-size:clamp(36px,9vw,46px)}
 .idea-portal-copy .eyebrow{max-width:245px;font-size:10px}
 .idea-portal-copy>p:last-of-type{font-size:16px;max-width:310px}
 .idea-portal-stages{gap:10px 14px;font-size:11px;margin-top:22px}
 .idea-portal-stages span+span{padding-left:14px}
 .idea-portal-art{position:absolute;right:-80px;top:40px;width:250px;opacity:.1}
 .idea-portal-art,.idea-portal-grid{transform:none}
}
@media(prefers-reduced-motion:reduce){.idea-portal-art,.idea-portal-grid{transform:none}}
[data-motion=paused] .idea-portal-art,[data-motion=paused] .idea-portal-grid{transform:none}