/* Art direction and progressive motion layer. Content remains readable without JS. */
html,body{scroll-padding-top:6rem}section,details{scroll-margin-top:1.5rem}
@media(prefers-reduced-motion:no-preference){html,body{scroll-behavior:smooth}}
.hero{padding-top:3.5rem;padding-bottom:4.5rem}
.hero-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:3rem;align-items:center}
.hero-copy h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.04em}
.hero-copy .lead{margin-top:2rem;font-size:1.125rem;line-height:1.6}
.hero-copy .actions{gap:.75rem}
.hero-copy .button{padding-inline:1rem}
.hero-signature{display:flex;gap:.75rem;align-items:center;margin-top:2.5rem}
.hero-signature p{font-size:.875rem;color:var(--pb-color-text-secondary)}
.hero-signature .note-rule{margin:0;width:1.5rem;height:2px;flex-shrink:0}
.intelligence-art{margin:0;min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column}
.art-window{position:relative;min-height:29rem;flex:1;overflow:hidden;border-radius:.75rem;background:#00133e;isolation:isolate}
.art-window>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:64% center;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.06);transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
.art-grid{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(#3dc6f433 1px,transparent 1px),linear-gradient(90deg,#3dc6f433 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(0deg,#000,transparent 50%)}
.art-corner{position:absolute;width:1.5rem;height:1.5rem;border-color:#3dc6f4;opacity:.75;pointer-events:none}
.corner-a{top:1.5rem;left:1.5rem;border-top:1px solid;border-left:1px solid}
.corner-b{bottom:1.5rem;right:1.5rem;border-bottom:1px solid;border-right:1px solid}
.intelligence-art figcaption{display:flex;gap:1rem;justify-content:space-between;padding-top:.75rem;color:#4b4b4b;font-size:.75rem;line-height:1.5}
.intelligence-art figcaption span:last-child{text-align:right}
.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:201;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;background:#0152ab;transform:scaleX(0);transform-origin:left}
.header nav>a[aria-current="location"]:not(.button){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45rem}
.fine-grid{position:relative;background-image:linear-gradient(#00133e05 1px,transparent 1px),linear-gradient(90deg,#00133e05 1px,transparent 1px);background-size:2rem 2rem}
.fine-grid .prose{background:#f5f7fa;padding:1.5rem;border-left:1px solid #d8dfe8}
.research-map{padding:2rem 2rem 1.5rem;border:1px solid #d8dfe8;border-radius:.75rem;margin-bottom:3rem;background:#f5f7fa}
.map-label{text-align:center}
.map-label .eyebrow{color:#0152ab}
.map-label p{max-width:none;margin-top:.5rem;font-size:1.25rem;font-weight:500}
.map-branches{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding-top:4rem}
.connection-lines{position:absolute;top:0;left:0;width:100%;height:4rem;overflow:visible}
.connection-lines path{fill:none;stroke:#74839b;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:0}
.map-branches a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:5rem;padding:.75rem;background:#fff;border:1px solid #74839b;border-radius:.375rem;color:#00133e;text-decoration:none;font-weight:500;transition:color 180ms,border-color 180ms,background-color 180ms,transform 180ms}
.map-branches a span{font-size:.75rem;color:#0152ab;font-variant-numeric:tabular-nums}
.map-branches a:hover,.map-branches a[aria-current="true"]{border-color:#0152ab;background:#eaf4ff;transform:translateY(-3px)}
.research-list details{position:relative}
.research-list details[open]{border-bottom-color:#0152ab}
.research-list details[open] summary{background:#f5f7fa}
.research-list details[open] .number{font-weight:600}
.research-detail{padding-top:1.5rem}
.expand{transition:transform 260ms cubic-bezier(.2,.7,.2,1),background-color 180ms,color 180ms}
details[open] .expand{background:#0152ab;border-color:#0152ab;color:#fff}
.principles{position:relative;overflow:hidden;isolation:isolate}
.textured::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(#3dc6f43d .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(100deg,transparent 15%,#000)}
.principles>.container{position:relative}
.principles-graphic{position:absolute;right:0;top:-1rem;display:grid;grid-template-columns:repeat(4,2rem);gap:.625rem;transform:skewY(-9deg);opacity:.6;pointer-events:none}
.principles-graphic span{height:1.5rem;background:#132f5c;border:1px solid #30486f;transform:translateY(calc(var(--tile,0) * 3px))}
.principles-graphic span:nth-child(3n){background:#0152ab;border-color:#0152ab}
.principles-graphic span:nth-child(5n){background:#3dc6f4;border-color:#3dc6f4}
.principle-grid article{position:relative;transition:border-color 200ms}
.principle-grid article::before{content:"";position:absolute;top:-1px;left:0;width:2.5rem;height:2px;background:#3dc6f4;transition:width 300ms cubic-bezier(.2,.7,.2,1)}
.principle-grid article:hover::before{width:100%}
.collab-card{transition:transform 240ms cubic-bezier(.2,.7,.2,1),border-color 240ms}
.collab-card:focus-within,.collab-card:hover{transform:translateY(-4px);border-color:#0152ab}
.button{transition:background-color 180ms,transform 180ms}
.button:active{transform:translateY(1px)}
.header nav{view-transition-name:none}
@media(min-width:1280px){.hero-copy h1{font-size:3.75rem}.hero .eyebrow{margin-bottom:2rem}}
@media(min-width:768px) and (max-width:1023px){.hero-stage{gap:2rem;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:3rem}.art-window{min-height:31rem}.hero-copy .actions{flex-direction:column;align-items:stretch}.intelligence-art figcaption{display:block}.intelligence-art figcaption span{display:block;text-align:left!important}.principles-graphic{opacity:.3}.map-branches{gap:.5rem}.research-map{padding:1.5rem}}
@media(max-width:767px){.hero{padding-top:2.5rem;padding-bottom:3rem}.hero-stage{grid-template-columns:1fr;gap:2rem}.hero-copy h1{font-size:2.5rem}.hero-copy .lead{margin-top:1.5rem}.hero-copy .actions{margin-top:1.5rem}.hero-signature{margin-top:1.5rem}.art-window{min-height:0;aspect-ratio:4/3}.art-window>img{object-position:center}.intelligence-art figcaption{font-size:.75rem}.fine-grid .prose{padding:1.25rem}.research-map{padding:1.25rem;margin-bottom:2rem}.map-label{text-align:left}.map-label p{font-size:1.125rem}.map-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:1.5rem}.map-branches a{flex-direction:row;justify-content:start;gap:.75rem;min-height:3rem;font-size:.875rem}.map-branches a:last-child{grid-column:1/-1}.connection-lines{display:none}.principles-graphic{top:0;right:-2rem;opacity:.2;grid-template-columns:repeat(4,1.5rem)}.principles h2{position:relative;z-index:1}.research-detail{padding-top:1rem}}
@media(prefers-reduced-motion:reduce){.art-window>img{transform:none!important}.map-branches a:hover,.collab-card:hover,.collab-card:focus-within,.button:active{transform:none}.reading-progress span{transition:none}.connection-lines path{stroke-dashoffset:0!important}}
