/* CNPS visual journal — shared navy, cyan and silver design tokens. */
.hero-stage{aspect-ratio:1.05;isolation:isolate;min-height:22rem;margin-block:1rem 2rem}.hero-stage .orb-canvas{opacity:.62;transform:scale(1.2);pointer-events:none}.hero-display{position:relative;width:88%;margin-inline-start:10%;border:1px solid #82d8e74d;background:#0b2035;border-radius:1.4rem;overflow:hidden;box-shadow:0 2rem 5rem #020d1a70;transform:rotate(-3deg)}.stage-caption{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.8rem;color:#bcdee1;background:#102a3ee6;border-bottom:1px solid #ffffff12}.signal-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 .25rem #6ce5df15;flex-shrink:0}.stage-main{position:relative;display:block;text-decoration:none}.stage-main img{width:100%;aspect-ratio:1.16;object-fit:cover}.stage-product-name{position:absolute;inset-block-end:.8rem;inset-inline:1rem;display:flex;justify-content:space-between;font:500 1.25rem var(--display);color:#e0fbfb;text-shadow:0 1px 5px #000}.stage-satellite{position:absolute;inset-inline-start:0;inset-block-end:4%;width:31%;background:linear-gradient(145deg,#eff6f6,#92b6c4);border:1px solid #b5d5da;box-shadow:0 .9rem 2rem #020d1a55;border-radius:1rem;text-decoration:none;color:#142f42;transform:rotate(5deg);padding:.65rem .65rem .55rem;z-index:3}.stage-satellite img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .4rem .3rem #10273d44)}.stage-satellite span{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700}.stage-note{position:absolute;inset-inline-end:-.3rem;inset-block-start:3%;background:#133546ed;border:1px solid #6ce5df4a;box-shadow:0 1rem 3rem #020d1a50;backdrop-filter:blur(12px);border-radius:.7rem;padding:.7rem .9rem;max-width:58%;z-index:4;font-size:.78rem;color:#b8dfdf;transform:rotate(2deg)}.stage-note svg{width:6rem;height:1.4rem;stroke:var(--aqua);stroke-width:2;stroke-linecap:round;margin-bottom:.3rem}.hero-stage .orbit-control{inset-block-end:-1.5rem;z-index:5;font-size:.8rem}.hero-stage .orbit-control:hover{color:white}.stage-note,.stage-satellite{animation:stage-arrive .85s both}.stage-satellite{animation-delay:.15s}@keyframes stage-arrive{from{opacity:0;translate:0 .8rem}to{opacity:1;translate:0 0}}
.editorial-card-image img{width:100%;aspect-ratio:1.7;height:auto;object-fit:cover;mix-blend-mode:normal}.editorial-card-image{position:relative}.visual-label{position:absolute;inset-inline-end:.7rem;inset-block-end:.6rem;font-size:.72rem;background:#071e2bc9;color:#d9efef;padding:.15rem .45rem;border-radius:.25rem}.experience-section{background:#e7eff2}.workflow-explorer{border:1px solid #c3d8df;border-radius:1.3rem;overflow:hidden;background:#fff}.experience-tabs{display:flex;gap:.4rem;padding:.6rem;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.experience-tabs a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex:1;min-width:max-content;padding:.7rem .85rem;border-radius:.65rem;min-height:2.75rem;text-decoration:none;font-size:.9rem;font-weight:700;color:var(--muted)}.experience-tabs a[aria-selected=true]{background:var(--space);color:var(--aqua)}.experience-tabs a:hover{background:#e8f3f4}.experience-tabs a[aria-selected=true]:hover{background:var(--ocean)}.experience-panel{display:grid}.experience-photo{position:relative;min-width:0;overflow:hidden;min-height:19rem;background:var(--space)}.experience-photo>.scene-photo{width:100%;height:100%;min-height:19rem;object-fit:cover;position:absolute;inset:0}.experience-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a2de8,transparent 70%);pointer-events:none}.experience-photo .visual-label{inset-block-start:.8rem;inset-block-end:auto;z-index:2}.scene-flow{position:absolute;inset-inline:1.2rem;inset-block-end:1.2rem;display:grid;gap:.4rem;z-index:2;max-width:22rem;pointer-events:none}.scene-flow span{background:#0d2c41b8;backdrop-filter:blur(8px);border:1px solid #91e0e540;padding:.5rem .8rem;color:#d5eded;display:flex;align-items:center;gap:.6rem;font-size:.8rem;border-radius:.4rem}.scene-flow i{width:.4rem;height:.4rem;background:var(--aqua);border-radius:50%;box-shadow:0 0 .5rem #6ce5df55}.experience-copy{padding:1.5rem}.experience-copy h3{font:500 clamp(1.6rem,2.7vw,2.35rem)/1.25 var(--display);letter-spacing:-.04em;margin:0 0 1rem}.experience-copy p{color:var(--muted);max-width:47ch}.experience-copy .eyebrow{font-size:.8rem;color:#287582}.workflow-steps{padding:0;list-style:none;margin:1.5rem 0}.workflow-steps li{display:flex;gap:.9rem;padding:.6rem 0;border-top:1px solid var(--line);font-size:.9rem}.workflow-steps span{font-family:'Space Grotesk',sans-serif;color:#488192;font-size:.8rem;align-self:center}.page-scene{position:relative;margin:0 0 1.5rem;overflow:hidden;border-radius:1rem;background:var(--space)}.page-scene img{width:100%;aspect-ratio:2;object-fit:cover}.page-scene figcaption,.journal-hero-art figcaption,.blog-cover figcaption{position:absolute;inset-inline-end:.8rem;inset-block-end:.7rem;background:#0a1f30d4;color:#d6e6ec;border-radius:.3rem;font-size:.75rem;padding:.2rem .5rem}.has-scene .container{display:flow-root}
.journal-hero{background:#e6eef1;padding-block:1rem 3rem}.journal-hero-grid{display:grid;gap:2rem;align-items:center}.journal-hero h1{font:500 clamp(2.3rem,5vw,4.4rem)/1.1 var(--display);letter-spacing:-.055em;max-width:16ch;margin:0 0 1.2rem}.journal-hero .lead{font-size:1.05rem;color:var(--muted);max-width:46ch}.journal-hero-art{position:relative;margin:0;border-radius:1.2rem;overflow:hidden;background:var(--space);box-shadow:0 1.5rem 4rem #18344920}.journal-hero-art img{width:100%;aspect-ratio:1.3;object-fit:cover}.journal-card{padding:0;overflow:hidden;display:flex}.journal-image{display:block;overflow:hidden;background:var(--space)}.journal-image img{width:100%;aspect-ratio:1.6;object-fit:cover}.journal-card-copy{padding:1.4rem;display:flex;flex-direction:column;flex:1}.journal-meta{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.journal-card h3{font-size:1.3rem;line-height:1.4;margin:.9rem 0}.journal-card p{margin-bottom:1.5rem}.journal-card .text-link{margin-top:auto}.blog-header{padding-top:1rem}.blog-headline{max-width:62rem;margin-inline:auto;padding-block:1rem 2.5rem}.blog-headline h1{font:500 clamp(2.2rem,4.8vw,4rem)/1.14 var(--display);letter-spacing:-.04em;margin:0 0 1.3rem}.blog-headline>.lead{max-width:54rem;color:var(--muted);font-size:1.1rem;line-height:1.8}.article-byline{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;font-size:.875rem;color:var(--muted);margin-top:1.5rem}.article-byline span:first-child{color:var(--ink);font-weight:700}.blog-cover{position:relative;margin:0;overflow:hidden;border-radius:1.2rem;background:var(--space)}.blog-cover img{width:100%;aspect-ratio:1.6;object-fit:cover}.blog-prose{font-size:1.06rem;line-height:1.9}.blog-prose h2{margin-top:3rem}.article-tools{padding:1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem}.article-tools button{border:0;background:none;color:#256a7d;text-align:start;padding:.35rem 0;min-height:2.75rem}.article-tools p{font-size:.8rem;color:var(--muted);margin:0}.motion-toggle{background:none;border:1px solid #accbd344;border-radius:2rem;color:#a6bdc8;min-height:2.75rem;padding:.4rem .85rem;font-size:.8rem}.motion-toggle:hover{color:white;border-color:var(--aqua)}.motion-toggle:disabled{cursor:default;opacity:.7}
html[lang=ar] .experience-copy h3,html[lang=ar] .journal-hero h1,html[lang=ar] .blog-headline h1,html[lang=ar] .journal-card h3{letter-spacing:0;line-height:1.6}html[lang=ar] .journal-hero h1{font-size:clamp(2.2rem,4vw,3.3rem)}html[lang=ar] .stage-note{font-size:.73rem}html[lang^=zh] .journal-hero h1,html[lang^=zh] .blog-headline h1{line-height:1.3}.main-nav{display:none}.menu-toggle{display:grid}
@media(min-width:640px){.hero-stage{min-height:31rem}.experience-copy{padding:2rem}.blog-cover img{aspect-ratio:2.3}.journal-card h3{font-size:1.4rem}}
@media(min-width:768px){.experience-panel{grid-template-columns:1.1fr 1fr}.experience-photo{min-height:30rem}.experience-tabs{padding:.7rem;gap:.7rem}.experience-tabs a{padding:.75rem 1.2rem}.journal-hero-grid{grid-template-columns:1.05fr 1fr;gap:3rem}.journal-hero{padding-block:2rem 3.5rem}.journal-hero-art img{aspect-ratio:1}.hero-stage{min-height:0;margin-block:1rem 2rem}.stage-note{max-width:67%}.page-scene{float:right;width:38%;margin-block:1rem;margin-inline:2rem 0}.page-scene img{aspect-ratio:1.25}[dir=rtl] .page-scene{float:left}.has-scene h1{max-width:21ch}.has-scene .lead{max-width:54ch}.blog-cover img{aspect-ratio:2.7}}
@media(min-width:1024px){.main-nav{display:none}.menu-toggle{display:grid}.header-tools{margin-inline-start:auto}.hero-stage{margin-inline-end:0}.hero-display{width:86%}.stage-note{inset-block-start:5%;font-size:.8rem}.stage-satellite{inset-block-end:4%}.experience-copy{padding:2.5rem 3rem}.scene-flow{inset-inline:2rem;inset-block-end:2rem}.journal-hero-art img{aspect-ratio:1.25}.blog-layout{grid-template-columns:17rem minmax(0,1fr);gap:3rem}.blog-prose{padding:3rem;max-width:58rem}.blog-layout .report-toc{max-height:calc(100vh - 8rem);overflow:auto}.blog-layout .report-toc nav{max-height:45vh}.blog-cover img{aspect-ratio:3}.hero-grid{padding-block:3.5rem 2.5rem}}
@media(min-width:1280px){.main-nav{display:flex;gap:1.35rem}.menu-toggle{display:none}.header-tools{margin-inline-start:0}.hero-grid{grid-template-columns:1.06fr 1fr;gap:2rem}.hero h1{font-size:5.7rem}.hero-stage{margin-inline-end:0}.stage-caption{padding:1rem 1.2rem}.stage-product-name{inset-inline:1.2rem;inset-block-end:1.2rem}.stage-note{font-size:.875rem}.stage-satellite span{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.stage-note,.stage-satellite{animation:none}.hero-stage .orb-canvas{transform:none}}
@media print{.journal-hero-art,.article-tools,.motion-toggle,.blog-cover,.journal-image{display:none!important}.blog-header{padding:0}.blog-headline{padding:0}.blog-headline h1{font-size:25pt}.article-byline{font-size:9pt}.blog-prose{padding:0;border:0}.blog-layout{display:block}.has-scene .page-scene{display:none}.stage-note,.stage-satellite{animation:none}}
@media(prefers-reduced-motion:no-preference){
 .stage-note svg path{animation:voice-cue 2.4s ease-in-out infinite;animation-delay:calc(var(--bar,0)*90ms);animation-play-state:paused}
 .hero-stage[data-scene-active=true] .stage-note svg path{animation-play-state:running}
 .scene-flow i{animation:flow-cue 3.6s ease-in-out infinite;animation-delay:calc(var(--step)*1.2s);animation-play-state:paused}
 .experience-photo[data-scene-active=true] .scene-flow i{animation-play-state:running}
 @keyframes voice-cue{0%,100%{opacity:.3}50%{opacity:1}}
 @keyframes flow-cue{0%,65%,100%{opacity:.35;box-shadow:0 0 0 #6ce5df00}20%{opacity:1;box-shadow:0 0 .8rem #6ce5df}}
}

.journal-image{position:relative}
.orbit-control{display:none}html[data-motion] .orbit-control{display:block}
html[data-motion=paused] .stage-note,html[data-motion=paused] .stage-satellite{animation:none!important;opacity:1}

.scene-flow{display:none}@media(min-width:768px){.scene-flow{display:grid}}
.journal-hero h1,.blog-headline h1,.experience-copy h3,.section-heading h2{text-wrap:balance}
/* Give the journal its own visual identity: a useful topic index. */
.journal-directory{background:#fff;border:1px solid #c9dbe0;border-radius:1.2rem;padding:1.2rem;box-shadow:0 1.5rem 4rem #1834490d;min-width:0}.directory-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding:.3rem 0 1rem;border-bottom:1px solid var(--line);align-items:center}.directory-heading .eyebrow{margin:0;font-size:.8rem;letter-spacing:.04em}.directory-mark{font:500 .75rem var(--display);color:var(--muted)}.directory-row{display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto;gap:.85rem;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding:1.3rem .15rem;border-radius:.3rem;transition:background .2s}.directory-symbol{display:grid;place-items:center;aspect-ratio:1;background:#e7f2f4;border-radius:.6rem;color:#226273}.directory-symbol svg{width:2.4rem;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.directory-copy{display:grid;gap:.3rem;min-width:0}.directory-copy strong{font-size:1rem;line-height:1.45}.directory-copy>span{color:var(--muted);font-size:.85rem}.directory-count{grid-column:2;font-size:.8rem;color:var(--muted);line-height:1.3}.directory-count b{color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:500}.directory-row>.arrow{grid-column:3;grid-row:1 / span 2;align-self:center;color:#477582}.directory-row:hover{background:#f2f8f9}.directory-row:focus-visible{outline-offset:2px}.directory-note{color:var(--muted);font-size:.85rem;margin:1.1rem 0 .2rem;max-width:44ch}.experience-map{display:grid;min-width:0;background:#e6eff1;padding:1.2rem;align-items:center;overflow:hidden}.experience-map .semantic-visual{width:100%;box-shadow:0 1rem 3rem #193e4f0d;border:1px solid #bcd4dc;border-radius:1rem}.page-semantic{background:transparent;border-radius:1rem}.semantic-card-image{background:#f0f5f7}.journal-grid .journal-image img{aspect-ratio:1.5;object-fit:cover}
@media(min-width:640px){.journal-directory{padding:1.5rem}.directory-row{grid-template-columns:3.25rem minmax(0,1fr) auto auto;gap:1rem}.directory-count{grid-column:auto;white-space:nowrap}.directory-row>.arrow{grid-row:auto;grid-column:auto}.directory-symbol svg{width:2.6rem}.experience-map{padding:2rem}}
@media(min-width:1024px){.journal-directory{padding:2rem}.directory-row{padding-block:1.7rem}.directory-copy strong{font-size:1.05rem}.experience-map{padding:2.5rem}.experience-map .semantic-visual{min-height:23rem}.directory-note{margin-top:1.5rem}}
@media print{.journal-directory{box-shadow:none}.experience-map{break-inside:avoid}}