/* Editorial and learning layer. The approved homepage globe is unchanged. */
@keyframes departure { to { opacity: 0; } }
@keyframes arrival { from { opacity: 0; transform: translateY(8px); } }
:root { --surface-edge: rgba(128,173,231,.28); --ink-light: #bfd1eb; }
[data-surface] { --px: 50%; --py: 30%; position: relative; isolation: isolate; }
[data-surface]::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(420px circle at var(--px) var(--py), #6b9fe318, transparent 65%);
  opacity: 0; transition: opacity .35s;
}
[data-surface]:hover::after { opacity: 1; }
.authorship-rail {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  gap: 25px; padding: 24px var(--gutter); border-block: 1px solid var(--line); background: #060d19;
  font-size: 11px; color: #8fa5c6;
}
.authorship-rail .micro { font-size: 8px; color: #577399; }
.authorship-rail b { font-weight: 500; color: #cadbf3; }
.authorship-rail a { color: #b4cef3; font-size: 10px; display: flex; gap: 18px; }
.dispatch-section { padding-top: 85px; padding-bottom: 95px; background: #030811f5; }
.dispatch-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; margin-bottom: 43px; }
.dispatch-heading h2, .open-learning-heading h2 {
  font-size: clamp(44px,5.5vw,84px); font-weight: 450; line-height: 1.01; letter-spacing: -.06em;
}
.dispatch-heading h2 span, .open-learning-heading h2 span { color: #718bad; }
.dispatch-heading .text-link { margin-bottom: 7px; }
.home-latest {
  display: grid; grid-template-columns: 1.13fr 1fr; border-block: 1px solid var(--line);
  background: linear-gradient(115deg,#1023456b,#070e1c 58%); min-height: 480px; overflow: hidden;
}
.dispatch-art { position: relative; display: grid; place-items: center; perspective: 900px; min-height: 470px; overflow: hidden; }
.dispatch-art::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 45% 45%,#1d4c892d,transparent 65%); }
.thought-plates { position: relative; width: 205px; height: 245px; transform-style: preserve-3d; transform: rotateY(-29deg) rotateX(24deg) rotateZ(-16deg); animation: articulate-pages 14s ease-in-out infinite; }
.thought-plates i {
  position: absolute; inset: 0; border: 1px solid #7da9e274;
  background: linear-gradient(125deg,#6f94c444,#0e2244dd 16%,#030a15 76%,#23457599);
  border-radius: 3px; box-shadow: inset 1px 0 0 #badbff77, inset -1px -2px 12px #4884c925, 0 25px 50px #0005;
}
.thought-plates i::before { content: ''; position: absolute; left: 25px; right: 25px; top: 30%; height: 36%; background: repeating-linear-gradient(0deg,transparent 0 13px,#4f87c554 13px 14px); }
.thought-plates i::after { content: ''; position: absolute; top: 25px; left: 25px; width: 20px; height: 3px; background: #aacbfb; box-shadow: 0 0 12px #2d77f08c; }
.thought-plates i:nth-child(1) { transform: translateZ(-60px) translate(-32px,25px); opacity: .4; }
.thought-plates i:nth-child(2) { transform: translateZ(-25px) translate(-10px,8px); opacity: .6; }
.thought-plates i:nth-child(3) { transform: translateZ(15px) translate(10px,-8px); }
.thought-plates i:nth-child(4) { transform: translateZ(55px) translate(30px,-25px); }
.dispatch-axis { position: absolute; width: 1px; height: 78%; background: linear-gradient(transparent,#4176b142,transparent); transform: rotate(45deg); }
.axis-a { left: 20%; }.axis-b { right: 13%; transform: rotate(-35deg); }
.dispatch-art-label { position: absolute; bottom: 28px; left: 27px; font: 8px var(--mono); color: #7594bd; letter-spacing: .09em; }
.art-reference { position: absolute; top: 26px; left: 27px; font: 8px var(--mono); color: #7692b7; letter-spacing: .1em; }
.dispatch-copy { padding: 53px 45px 45px 28px; align-self: center; }
.dispatch-copy>.micro { font-size: 8px; }
.dispatch-copy h3 { font-size: clamp(34px,3.8vw,60px); font-weight: 450; line-height: 1.04; letter-spacing: -.05em; margin: 25px 0; }
.dispatch-copy p { font-size: 13px; line-height: 1.9; max-width: 340px; margin-bottom: 25px; }
.dispatch-source { display: block; font: 7px var(--mono); letter-spacing: .1em; color: #577195; margin-top: 31px; }
.open-learning-section { background: #060d1af8; border-top: 1px solid var(--line); padding-top: 95px; }
.open-learning-heading { display: grid; grid-template-columns: 1.4fr .7fr; gap: 0 65px; align-items: end; margin-bottom: 48px; }
.open-learning-heading>.section-index { grid-column: 1/-1; }
.open-learning-heading h2 { font-size: clamp(38px,4.3vw,65px); }
.open-learning-heading p { font-size: 13px; line-height: 1.9; max-width: 310px; }
.home-learning-gateway {
  display: grid; grid-template-columns: 1.1fr 1fr; background: linear-gradient(132deg,#0d2046,#070f20 60%,#0b1a30);
  border: 1px solid #36578477; overflow: hidden;
}
.cutaway-visual { position: relative; min-height: 425px; display: grid; place-items: center; perspective: 700px; overflow: hidden; }
.system-grid { position: absolute; inset: 0; background-image: linear-gradient(#3b73b315 1px,transparent 1px),linear-gradient(90deg,#3b73b315 1px,transparent 1px); background-size: 40px 40px; mask-image: radial-gradient(ellipse,#000,transparent 70%); }
.system-stack { width: 175px; height: 175px; position: relative; transform-style: preserve-3d; transform: rotateX(58deg) rotateZ(-36deg); animation: system-articulate 12s ease-in-out infinite; }
.stack-layer { position: absolute; inset: 0; border: 1px solid #75abe28c; border-radius: 3px; background: linear-gradient(145deg,#5783bb44,#071227ee 60%); box-shadow: inset 0 0 18px #3274c233,0 0 30px #0b45a327; }
.stack-layer::before { content:''; position: absolute; inset: 17%; border: 1px solid #568fc941; }
.layer-one { transform: translateZ(-65px); }.layer-two { transform: translateZ(-15px); }.layer-three { transform: translateZ(35px); }.layer-four { transform: translateZ(85px); background: linear-gradient(140deg,#4c83c66b,#0a204067); }
.stack-core { position: absolute; left: 38%; top: 38%; width: 24%; height: 24%; transform: translateZ(105px); background: #a9ccff; box-shadow: 0 0 40px #2f80ff,0 0 9px #bfdfff; }
.system-note { position: absolute; font: 7px var(--mono); color: #819fc9; letter-spacing: .1em; padding: 5px 0; border-bottom: 1px solid #527db954; }
.note-one { left: 10%; top: 22%; }.note-two { right: 11%; top: 44%; }.note-three { left: 19%; bottom: 12%; }
.system-baseline { position: absolute; height: 1px; bottom: 7%; left: 7%; right: 7%; background: #456b9744; }
.gateway-copy { align-self: center; padding: 50px 45px 40px 20px; }
.gateway-copy h3 { font-size: clamp(32px,3.3vw,50px); line-height: 1.08; letter-spacing: -.045em; font-weight: 450; margin: 20px 0; }
.gateway-copy p { font-size: 13px; line-height: 1.9; margin-bottom: 30px; max-width: 330px; }
.gateway-copy .eyebrow { font-size: 8px; }
.gateway-formats { grid-column: 1/-1; display: flex; justify-content: space-between; padding: 20px 30px; border-top: 1px solid var(--line); background: #0309167a; font: 8px var(--mono); letter-spacing: .08em; color: #84a5d4; }
.professional-route { display: flex; justify-content: space-between; align-items: center; gap: 35px; margin-top: 27px; padding: 23px 0 0; }
.professional-route .micro { font-size: 7px; }.professional-route p { font-size: 12px; margin-top: 10px; }.professional-route b { font-weight: 400; color: #c1d5f2; }
.briefing-gateway { display: flex; align-items: center; gap: 60px; padding: 42px var(--gutter); border-block: 1px solid var(--line); background: linear-gradient(100deg,#0b1730,#040913); overflow: hidden; }
.briefing-gateway-heading { min-width: 45%; }.briefing-gateway .micro { font-size: 8px; }
.briefing-gateway h2 { font-size: clamp(22px,2.3vw,36px); font-weight: 400; letter-spacing: -.035em; margin-top: 15px; }
.gateway-wave { flex: 1; display: flex; gap: 7px; align-items: center; justify-content: center; height: 100px; mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.gateway-wave i { display: block; width: 1px; height: 25px; background: linear-gradient(transparent,#6799db,transparent); animation: pulse-wave 3s ease-in-out infinite; }
.gateway-wave i:nth-child(3n) { height: 65px; animation-delay: -.8s; }.gateway-wave i:nth-child(4n) { height: 42px; animation-delay: -1.7s; }.gateway-wave i:nth-child(5n) { height: 95px; animation-delay: -2.3s; }
.gateway-arrow { font-size: 39px; font-weight: 200; color: #80a6df; transition: transform .3s; }.briefing-gateway:hover .gateway-arrow { transform: translate(5px,-5px); }
.refined-profile-section { padding-block: 100px; }.refined-profile-section .home-profile { grid-template-columns: .67fr 1fr; gap: 105px; }.refined-profile-section .home-profile-copy .section-title { font-size: clamp(39px,4.7vw,73px); }.refined-profile-section .home-profile-copy .text-link { margin-top: 27px; }.refined-profile-section .portrait-frame { max-width: 430px; }
.refined-closing .closing-link { font-size: clamp(50px,8.7vw,137px); }.refined-closing>p { font-size: 12px; margin-top: 28px; }
/* Each destination has its own composition within the same material language. */
body:not(.home-page) #world-stage { opacity: .82; }
body[data-page=about] #world-stage,body[data-page=contact] #world-stage,body[data-page=detail] #world-stage,body[data-page=article] #world-stage { display: none; }
body:not(.home-page) .scene-fallback { width: min(24vw,320px); top: 20%; right: 10%; border-radius: 8px; transform: rotate(-20deg); opacity: .22; }
body.scene-ready:not(.home-page) .scene-fallback { opacity: 0; }
.page-intro { padding-top: 173px; padding-bottom: 61px; min-height: 440px; background: linear-gradient(90deg,#03070df5 25%,#03070d82 57%,transparent); overflow: hidden; }
.page-intro .page-title { max-width: 74%; position: relative; z-index: 2; }
.page-intro .intro-copy { max-width: 51%; position: relative; z-index: 2; font-size: 14px; }
.page-intro .eyebrow,.page-intro .page-actions { position: relative; z-index: 2; }
.page-title { font-size: clamp(59px,7.4vw,114px); }
.intro-art { position: absolute; right: 5%; bottom: 28px; width: 32%; display: flex; justify-content: space-between; align-items: flex-end; color: #527ca544; z-index: 1; }
.intro-art>span:first-child { font-size: 94px; letter-spacing: -.07em; line-height: 1; font-weight: 300; }
.intro-kicker { font: 7px var(--mono); letter-spacing: .12em; color: #7898c7; }
.archive-toolbar { padding-top: 5px; }.archive-section { padding-top: 28px!important; }
.editorial-feature { position: relative; grid-template-columns: 1fr 1fr; column-gap: 34px; row-gap: 0; min-height: 390px; border: 1px solid var(--line); padding: 0!important; background: linear-gradient(125deg,#0d213b88,#050c18); overflow: hidden; margin-bottom: 28px; }
.editorial-feature:hover { background: linear-gradient(125deg,#13325a88,#050c18); }
.editorial-feature .editorial-art { grid-column: 1; grid-row: 1/4; min-height: 390px; position: relative; display: grid; place-items: center; perspective: 700px; background: radial-gradient(ellipse,#235aa133,transparent 63%); }
.editorial-sheet { position: absolute; width: 155px; height: 212px; border: 1px solid #83acdf88; background: linear-gradient(135deg,#648bbd55,#0a172c 25%,#040a15 80%,#1f437399); transform: rotateY(-24deg) rotateZ(-17deg); box-shadow: 0 25px 40px #0005, inset 1px 1px 0 #c2dfff55; }
.editorial-sheet::after { content: ''; position: absolute; inset: 28px; background: repeating-linear-gradient(0deg,transparent 0 13px,#487bae66 13px 14px); mask-image: linear-gradient(#000,transparent); }
.editorial-sheet.sheet-back { transform: translate(-33px,14px) rotateY(-24deg) rotateZ(-17deg); opacity: .5; }
.editorial-sheet.sheet-front { animation: editorial-float 13s ease-in-out infinite; }
.editorial-art .intro-kicker { position: absolute; bottom: 29px; left: 25px; }
.editorial-feature .work-number { display: none; }
.editorial-feature .work-body { grid-column: 2; grid-row: 1/4; align-self: center; padding: 38px 36px 60px 0; }
.editorial-feature .work-body h2 { font-size: clamp(27px,3vw,44px); line-height: 1.1; max-width: 450px; }
.editorial-feature .work-body p { max-width: 430px; font-size: 12px; margin-top: 22px; }
.editorial-feature .work-date { position: absolute; bottom: 26px; right: 36px; font-size: 8px; }
.editorial-feature>.arrow { position: absolute; right: 35px; bottom: 63px; width: 37px; height: 37px; }
.work-entry:not(.editorial-feature) { padding-block: 30px; }.work-entry:not(.editorial-feature) .work-body h2 { font-size: 29px; }
/* A free library with a useful, explorable starting point. */
.learning-path-section { padding-top: 55px!important; }
.learning-path-heading { margin-bottom: 30px; }
.learning-path-heading .section-index { margin-bottom: 18px; }
.learning-path-heading h2 { font-size: 37px; font-weight: 450; letter-spacing: -.04em; line-height: 1.15; }
.learning-path-heading>p { margin-top: 14px; font-size: 13px; }
.learning-map { display: grid; grid-template-columns: 1.12fr 1fr; border: 1px solid #3d62965e; background: linear-gradient(115deg,#11264477,#050b16); overflow: hidden; }
.learning-map-diagram { position: relative; display: grid; place-items: center; min-height: 420px; padding: 15px; background: radial-gradient(ellipse at center,#104a971c,transparent 70%); }
.path-diagram { width: 100%; max-width: 650px; overflow: visible; }.path-object { transform-origin: 300px 215px; animation: path-breathe 9s ease-in-out infinite; }
.path-connections path { stroke: #446c9b; opacity: .4; transition: opacity .4s,stroke .4s; }
.path-node { fill: #0c1d36; stroke: #3b679c; stroke-width: 1; transition: stroke .4s,fill .4s; }
.path-node circle:nth-child(2) { fill: #527db2; }
.learning-map[data-selected-path=fundamental] [data-path-line=fundamental],.learning-map[data-selected-path=practice] [data-path-line=practice],.learning-map[data-selected-path=systems] [data-path-line=systems] { stroke: #adcfff; opacity: 1; stroke-dasharray: 5 6; animation: trace-route 14s linear infinite; }
.learning-map[data-selected-path=fundamental] .node-fundamental,.learning-map[data-selected-path=practice] .node-practice,.learning-map[data-selected-path=systems] .node-systems { stroke: #bedbff; fill: #143e70; }
.map-caption { position: absolute; bottom: 24px; left: 27px; font-size: 7px; color: #5a80b0; }
.learning-path-controls { padding: 35px 32px 32px 12px; align-self: center; }
.learning-path-tabs { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--line); }
.learning-path-tabs button { display: flex; align-items: center; gap: 16px; text-align: left; background: transparent; padding: 18px 11px; border-bottom: 1px solid var(--line); font-size: 12px; color: #7893b8; transition: background .25s,color .25s; }
.learning-path-tabs button>span { font: 8px var(--mono); color: #476b9b; }.learning-path-tabs button>b { margin-left: auto; font-size: 16px; font-weight: 400; }
.learning-path-tabs button[aria-pressed=true] { background: linear-gradient(90deg,#254a7a66,transparent); color: #e2edff; }.learning-path-tabs button[aria-pressed=true]>span { color: #a4caff; }
.learning-path-panel { padding: 25px 11px 0; }.learning-path-panel>.micro { font-size: 7px; }.learning-path-panel h3 { font-size: 23px; line-height: 1.2; font-weight: 450; letter-spacing: -.035em; margin: 13px 0; }.learning-path-panel p { font-size: 12px; line-height: 1.9; min-height: 69px; margin-bottom: 21px; }
html:not(.js) .learning-path-panel+.learning-path-panel { border-top: 1px solid var(--line); margin-top: 25px; }
.lesson-feature { display: grid; grid-template-columns: 1.12fr 1fr; gap: 55px; align-items: center; padding-top: 25px!important; }
.lesson-visual { position: relative; overflow: hidden; min-height: 360px; padding: 35px; display: flex; align-items: flex-end; background: radial-gradient(ellipse at 80% 0,#174a8d66,transparent 65%),linear-gradient(130deg,#17355466,#050b17); perspective: 800px; }
.lesson-visual>.intro-kicker { position: absolute; top: 26px; left: 30px; z-index: 3; }
.lesson-visual>strong { position: relative; z-index: 2; font-size: clamp(28px,3.1vw,47px); font-weight: 450; line-height: 1.07; letter-spacing: -.045em; max-width: 350px; }
.lesson-layers { position: absolute; top: 45px; right: 40px; width: 150px; height: 150px; transform-style: preserve-3d; transform: rotateX(58deg) rotateZ(-32deg); animation: system-articulate 14s ease-in-out infinite; }
.lesson-layers i { position: absolute; inset: 0; border: 1px solid #79a5e077; background: linear-gradient(150deg,#558bd144,#061227cc); box-shadow: inset 0 0 24px #75acff1c; }
.lesson-layers i:nth-child(2) { transform: translateZ(35px); }.lesson-layers i:nth-child(3) { transform: translateZ(70px); }
.lesson-copy .eyebrow { font-size: 9px; }.lesson-copy .section-title { font-size: 36px; margin: 18px 0; }.lesson-copy>p:not(.eyebrow) { font-size: 13px; line-height: 1.9; }
.lesson-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 21px 0 28px; }.lesson-meta span { font: 8px var(--mono); color: #7ea0ce; padding: 7px 10px; border: 1px solid #3b5c863f; }
.resource-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 0!important; }
.learning-resource { padding: 35px; display: flex; flex-direction: column; align-items: flex-start; min-height: 365px; }
.learning-resource>.eyebrow { border-bottom: 1px solid var(--line); padding-bottom: 20px; width: 100%; font-size: 9px; }
.learning-resource h2 { font-size: 34px; font-weight: 450; letter-spacing: -.04em; margin: 26px 0 18px; line-height: 1.1; }
.learning-resource>p:not(.eyebrow) { font-size: 13px; line-height: 1.9; max-width: 480px; }
.learning-resource .button { margin-top: auto; }.learning-resource>.text-link { margin-top: 22px; font-size: 10px; }
.learning-next { margin: 0 var(--gutter) 75px; padding: 37px!important; display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.learning-next .section-title { font-size: 34px; margin: 14px 0; }.learning-next p:not(.eyebrow) { font-size: 12px; line-height: 1.9; max-width: 670px; }.learning-next .button { flex-shrink: 0; }
.talk-dossier-label { font: 9px var(--mono); color: #829cc1; padding-top: 5px; }.talk-dossier { grid-template-columns: 140px 1fr; }.talk-appearances { margin: 23px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.talk-appearances li { display: flex; gap: 25px; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 12px; }.talk-appearances a { display: flex; gap: 25px; align-items: center; color: #bdd2f1; }.talk-appearances time { padding: 0; font-size: 9px; }
body[data-page=about] .page-intro,body[data-page=contact] .page-intro,body[data-page=detail] .page-intro,body[data-page=article] .page-intro { min-height: 0; background: radial-gradient(ellipse at 80% 30%,#1430623b,transparent 55%),#030710; }
body[data-page=about] .page-intro { padding-bottom: 35px; }.detail-intro .page-title { max-width: 100%; }.detail-intro .intro-copy { max-width: 760px; }
/* Prepared for original long-form writing; no placeholder articles are published. */
.reading-layout { display: grid; grid-template-columns: minmax(0,760px) 220px; gap: 85px; justify-content: center; padding: 60px var(--gutter) 95px; background: #040a13; position: relative; }
.reading-body { min-width: 0; }.reading-body p { color: #b8c6da; font-size: 17px; line-height: 1.9; margin: 0 0 25px; }.reading-section { scroll-margin-top: 20px; margin-bottom: 55px; }.reading-section h2 { font-size: 34px; font-weight: 500; line-height: 1.18; letter-spacing: -.04em; margin-bottom: 24px; }.reading-body h3 { font-size: 24px; margin: 30px 0 20px; font-weight: 450; }.reading-body a { color: #b1cfff; text-decoration: underline; }.reading-body li { color: #b8c6da; font-size: 16px; line-height: 1.9; margin-bottom: 10px; }.reading-body blockquote { border-left: 2px solid #659bdb; margin: 36px 0; padding: 8px 0 8px 28px; font-size: 23px; color: #b8d0f2; line-height: 1.55; }.reading-toc { align-self: start; position: sticky; top: 115px; border-top: 1px solid var(--line); padding-top: 21px; }.reading-toc .eyebrow { font-size: 8px; }.reading-toc ol { padding: 0; list-style: none; margin: 20px 0; }.reading-toc li { margin-bottom: 18px; font-size: 11px; color: #7894ba; line-height: 1.5; }.reading-toc a[aria-current] { color: #cfdef8; }.article-byline { font: 10px var(--mono); color: #89a4cd; margin-top: 27px; }.article-source-links { border-top: 1px solid var(--line); padding-top: 25px; }.article-source-links li { font-size: 13px; }.article-next { padding: 35px var(--gutter); border-top: 1px solid var(--line); background: #071020; }
.reading-body { grid-column: 1; grid-row: 1; }
.reading-toc { grid-column: 2; grid-row: 1; }
.reading-toc h2 { font: 9px var(--mono); text-transform: uppercase; letter-spacing: .12em; color: #8ca8cd; }
.reading-body ul { padding-left: 22px; }
.article-byline { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.reading-intro .page-title { max-width: 1100px; font-size: clamp(44px,5.5vw,84px); }
.reading-intro .intro-copy { max-width: 760px; }
.article-next { display: flex; flex-wrap: wrap; gap: 16px; }
.reading-progress { position: fixed; left: 0; top: 0; right: 0; height: 2px; z-index: 150; background: #93bdfd; transform: scaleX(0); transform-origin: left; pointer-events: none; box-shadow: 0 0 8px #4277bf; }
@keyframes articulate-pages { 0%,100% { transform: rotateY(-29deg) rotateX(24deg) rotateZ(-16deg); } 50% { transform: rotateY(-18deg) rotateX(30deg) rotateZ(-11deg) translateY(-7px); } }
@keyframes system-articulate { 0%,100% { transform: rotateX(58deg) rotateZ(-36deg); } 50% { transform: rotateX(52deg) rotateZ(-28deg) translateY(-8px); } }
@keyframes editorial-float { 0%,100% { transform: rotateY(-24deg) rotateZ(-17deg); } 50% { transform: translateY(-10px) rotateY(-17deg) rotateZ(-12deg); } }
@keyframes path-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes trace-route { to { stroke-dashoffset: -220; } }
@keyframes pulse-wave { 0%,100% { transform: scaleY(.6); opacity: .3; } 50% { transform: scaleY(1.1); opacity: .9; } }
@media(max-width:1100px) {
 .authorship-rail { gap: 15px; font-size: 10px; }.authorship-rail>.micro { display: none; }
 .dispatch-copy { padding-right: 30px; }.dispatch-copy h3 { font-size: 41px; }
 .dispatch-art { min-height: 425px; }.thought-plates { width: 170px; height: 210px; }
 .gateway-copy { padding-right: 30px; }.gateway-copy h3 { font-size: 37px; }
 .open-learning-heading { gap: 30px; grid-template-columns: 1.2fr .8fr; }
 .learning-map { grid-template-columns: 1fr 1fr; }.learning-path-controls { padding-right: 25px; }
 .lesson-feature { gap: 35px; }.lesson-visual { min-height: 340px; }.lesson-copy .section-title { font-size: 30px; }
 .learning-next { gap: 35px; padding: 30px!important; }.learning-next .button { font-size: 11px; gap: 20px; }
 .refined-profile-section .home-profile { gap: 60px; }
 .reading-layout { grid-template-columns: minmax(0,1fr) 190px; gap: 40px; }
}
@media(max-width:900px) {
 .authorship-rail { font-size: 9px; padding-block: 21px; }.authorship-rail a { font-size: 9px; }
 .dispatch-section,.open-learning-section { padding-block: 70px; }
 .dispatch-heading h2 { font-size: 60px; }.dispatch-heading .text-link { font-size: 10px; }
 .home-latest { grid-template-columns: 1fr 1fr; }.dispatch-art { min-height: 410px; }.thought-plates { width: 145px; height: 185px; }
 .dispatch-copy { padding: 35px 24px 35px 5px; }.dispatch-copy h3 { font-size: 34px; }.dispatch-copy p { font-size: 12px; }.dispatch-copy>.micro { font-size: 7px; }
 .dispatch-art-label { font-size: 6px; left: 20px; }
 .open-learning-heading h2 { font-size: 42px; }.open-learning-heading p { font-size: 12px; }
 .cutaway-visual { min-height: 390px; }.system-stack { width: 145px; height: 145px; }.gateway-copy { padding: 30px 24px 30px 0; }.gateway-copy h3 { font-size: 32px; }.gateway-copy p { font-size: 12px; }.gateway-copy .button { font-size: 10px; padding: 16px; gap: 20px; }
 .professional-route { gap: 25px; }.professional-route p { font-size: 10px; }.professional-route .text-link { font-size: 10px; }
 .briefing-gateway { gap: 30px; }.briefing-gateway h2 { font-size: 25px; }.gateway-wave { gap: 5px; }.gateway-arrow { font-size: 32px; }
 .page-intro { min-height: 385px; padding-top: 145px; }.page-title { font-size: 73px; }.page-intro .intro-copy { font-size: 13px; max-width: 56%; }.intro-art>span:first-child { font-size: 68px; }.intro-art .intro-kicker { font-size: 6px; }
 .editorial-feature { gap: 17px; }.editorial-feature .work-body { padding-right: 25px; }.editorial-feature .work-body h2 { font-size: 30px; }.editorial-sheet { width: 133px; height: 187px; }.editorial-feature>.arrow { bottom: 26px; right: 24px; }.editorial-feature .work-date { right: auto; left: 54%; bottom: 30px; }
 .learning-map { grid-template-columns: .9fr 1fr; }.learning-map-diagram { padding: 0; }.learning-path-controls { padding-left: 0; padding-right: 20px; }.learning-path-tabs button { font-size: 10px; gap: 10px; }.learning-path-panel h3 { font-size: 22px; }.learning-path-panel p { font-size: 11px; }.learning-path-heading h2 { font-size: 33px; }
 .resource-grid { gap: 18px; }.learning-resource { padding: 28px; }.learning-resource h2 { font-size: 29px; }.learning-resource p { font-size: 12px; }.learning-resource .button { font-size: 11px; gap: 20px; }
 .lesson-visual { padding: 25px; }.lesson-visual strong { font-size: 35px; }.lesson-layers { right: 25px; width: 120px; height: 120px; }.lesson-copy .section-title { font-size: 28px; }.lesson-copy p:not(.eyebrow) { font-size: 12px; }.lesson-meta span { font-size: 7px; }.lesson-copy .button { font-size: 11px; padding: 16px; }
 .learning-next { align-items: flex-start; flex-direction: column; gap: 20px; }.learning-next .section-title { font-size: 31px; }
 .refined-profile-section { padding-block: 80px; }.refined-profile-section .home-profile { gap: 35px; }.refined-profile-section .home-profile-copy .section-title { font-size: 44px; }
}
@media(max-width:700px) {
 .authorship-rail { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 18px; font-size: 10px; padding-block: 23px; }.authorship-rail>span:nth-child(2) { grid-column: 1; }.authorship-rail>a { grid-column: 2; grid-row: 1; justify-self: end; }.authorship-rail>span:nth-child(4) { text-align: right; }
 .dispatch-heading { align-items: flex-start; flex-direction: column; gap: 26px; margin-bottom: 31px; }.dispatch-heading h2 { font-size: 56px; }.dispatch-heading h2 br { display: none; }.dispatch-heading h2>span { display: block; }
 .dispatch-section,.open-learning-section { padding-block: 55px; }
 .home-latest { grid-template-columns: 1fr; min-height: 0; }.dispatch-art { min-height: 280px; }.thought-plates { width: 133px; height: 176px; }.dispatch-copy { padding: 30px 25px 34px; border-top: 1px solid var(--line); }.dispatch-copy h3 { font-size: 38px; }.dispatch-copy p { max-width: 335px; }.dispatch-source { margin-top: 23px; }
 .open-learning-heading { display: block; margin-bottom: 32px; }.open-learning-heading h2 { font-size: 40px; }.open-learning-heading p { margin-top: 22px; max-width: 300px; }
 .home-learning-gateway { grid-template-columns: 1fr; }.cutaway-visual { min-height: 280px; }.system-stack { width: 140px; height: 140px; }.note-one { left: 13%; top: 17%; }.note-two { right: 10%; top: 44%; }.note-three { left: 15%; bottom: 10%; }.gateway-copy { padding: 29px 25px 33px; border-top: 1px solid var(--line); }.gateway-copy h3 { font-size: 35px; }.gateway-copy p { font-size: 12px; }.gateway-formats { font-size: 6px; padding: 17px 20px; gap: 10px; }
 .professional-route { flex-direction: column; align-items: flex-start; gap: 20px; padding-top: 0; }.professional-route p { font-size: 11px; line-height: 1.8; }.professional-route p b { display: block; }.professional-route .micro { font-size: 6px; }
 .briefing-gateway { gap: 20px; padding-block: 35px; }.briefing-gateway-heading { min-width: 0; }.briefing-gateway .micro { font-size: 7px; }.briefing-gateway h2 { font-size: 26px; max-width: 250px; line-height: 1.1; }.gateway-wave { display: none; }.gateway-arrow { font-size: 30px; margin-left: auto; }
 .refined-profile-section .home-profile { grid-template-columns: 1fr; gap: 34px; }.refined-profile-section { padding-block: 55px; }.refined-profile-section .portrait-frame { max-width: 430px; }.refined-profile-section .home-profile-copy .section-title { font-size: 43px; }.refined-profile-section .home-profile-copy>p { margin-top: 25px; }.refined-closing .closing-link { font-size: 11vw; letter-spacing: -.06em; }.refined-closing>p { font-size: 11px; line-height: 1.8; }
 .page-intro { padding-top: 127px; padding-bottom: 45px; min-height: 395px; background: linear-gradient(90deg,#03070df2 32%,#03070d9c,transparent); }.page-title { font-size: 54px; }.page-intro .page-title { max-width: 100%; }.page-intro .intro-copy { max-width: 92%; font-size: 12px; line-height: 1.9; }.page-intro .eyebrow { font-size: 8px; }.intro-art { bottom: 14px; right: var(--gutter); width: 35%; opacity: .6; }.intro-art>span:first-child { font-size: 37px; }.intro-art .intro-kicker { display: none; }
 body:not(.home-page) #world-stage { opacity: .3; }
 .archive-toolbar { gap: 22px; }.filter-group button { padding-inline: 11px; font-size: 7px; }.archive-section { padding-top: 24px!important; }
 .editorial-feature { display: flex; flex-direction: column; gap: 0; min-height: 0; margin-bottom: 0; }.editorial-feature .editorial-art { min-height: 250px; width: 100%; }.editorial-sheet { width: 132px; height: 180px; }.editorial-art .intro-kicker { font-size: 6px; bottom: 20px; left: 22px; }.editorial-feature .work-body { padding: 27px 24px 66px; border-top: 1px solid var(--line); }.editorial-feature .work-body h2 { font-size: 31px; }.editorial-feature .work-body p { font-size: 11px; }.editorial-feature .work-date { left: 24px; bottom: 28px; font-size: 7px; }.editorial-feature>.arrow { right: 22px; bottom: 22px; }.work-entry:not(.editorial-feature) .work-body h2 { font-size: 24px; }.work-entry:not(.editorial-feature) { padding-block: 26px; }
 .learning-path-section { padding-top: 36px!important; }.learning-path-heading .section-index { font-size: 7px; }.learning-path-heading h2 { font-size: 31px; }.learning-path-heading>p { font-size: 12px; }
 .learning-map { grid-template-columns: 1fr; }.learning-map-diagram { min-height: 255px; padding: 4px; }.path-diagram { max-height: 255px; }.map-caption { font-size: 6px; bottom: 16px; left: 22px; }.learning-path-controls { padding: 0 23px 30px; }.learning-path-tabs button { font-size: 11px; padding-block: 18px; }.learning-path-panel { padding: 23px 0 0; }.learning-path-panel h3 { font-size: 25px; }.learning-path-panel p { font-size: 12px; min-height: 0; }.learning-path-panel>.micro { font-size: 6px; }
 .lesson-feature { grid-template-columns: 1fr; gap: 29px; padding-top: 8px!important; }.lesson-visual { min-height: 315px; }.lesson-visual>strong { font-size: 37px; }.lesson-layers { width: 140px; height: 140px; right: 33px; }.lesson-copy .section-title { font-size: 33px; }.lesson-copy>p:not(.eyebrow) { font-size: 12px; }.lesson-meta { margin: 20px 0 25px; }.lesson-meta span { font-size: 7px; }
 .resource-grid { grid-template-columns: 1fr; gap: 21px; padding-top: 5px!important; }.learning-resource { min-height: 0; padding: 28px 25px; }.learning-resource h2 { font-size: 31px; }.learning-resource>p:not(.eyebrow) { font-size: 12px; }.learning-resource>.text-link { margin-top: 20px; font-size: 10px; }
 .learning-next { margin-bottom: 50px; padding: 27px!important; }.learning-next .section-title { font-size: 30px; }.learning-next p:not(.eyebrow) { font-size: 11px; }.learning-next .eyebrow { font-size: 8px; }
 .talk-dossier { grid-template-columns: 1fr; }.talk-dossier-label { font-size: 8px; }.talk-appearances li { flex-direction: column; align-items: flex-start; gap: 9px; }.talk-appearances a { font-size: 11px; gap: 17px; }.talk-appearances time { font-size: 8px; }
 body[data-page=detail] .intro-copy { max-width: 100%; }.detail-intro .page-title { font-size: 35px; }
 .reading-layout { display: flex; flex-direction: column; padding-top: 30px; gap: 28px; }.reading-toc { order: -1; position: static; padding-top: 20px; width: 100%; }.reading-toc ol { display: flex; flex-wrap: wrap; gap: 12px 20px; }.reading-toc li { margin: 0; font-size: 10px; }.reading-body p { font-size: 15px; line-height: 1.9; }.reading-section h2 { font-size: 29px; }.reading-body blockquote { font-size: 21px; padding-left: 20px; }.reading-body li { font-size: 14px; }.article-byline { font-size: 8px; line-height: 1.8; }
}
@media(max-width:360px) { .page-title { font-size: 47px; }.dispatch-heading h2 { font-size: 49px; }.open-learning-heading h2 { font-size: 35px; }.filter-group { gap: 4px; }.filter-group button { font-size: 6px; padding-inline: 10px; }.gateway-formats { font-size: 5px; } }
html[data-motion=paused]::view-transition-old(root),html[data-motion=paused]::view-transition-new(root) { animation: none!important; }
@media(prefers-reduced-motion:reduce) { @view-transition { navigation: none; } html:not([data-motion=running]) :is(.path-object,.path-connections path,.thought-plates,.system-stack,.lesson-layers,.editorial-sheet.sheet-front,.gateway-wave i) { animation: none!important; } }