/* Narrative Intelligence website variation — extends the established product style. */ /* Team profiles use the original website portraits and biographies. */ #ni-meaning-network .ni-hero { position: relative; } #ni-meaning-network .ni-hero-field { position: absolute; z-index: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none; } #ni-meaning-network .ni-hero > :not(.ni-hero-field) { position: relative; z-index: 1; } #ni-meaning-network .ni-team-intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; padding-bottom:54px; } #ni-meaning-network .ni-team-intro .ni-subtitle { margin:0; } #ni-meaning-network .ni-team-intro > p:last-child { max-width:520px; margin:0; font-size:17px; line-height:1.55; } #ni-meaning-network .ni-team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px 32px; padding:32px 0 80px; border-top:1px solid var(--ni-ink); align-items:start; } #ni-meaning-network .ni-team-member { min-width:0; scroll-margin-top:130px; } #ni-meaning-network .ni-team-portrait-frame { aspect-ratio:1; overflow:hidden; background:var(--ni-paper); } #ni-meaning-network .ni-team-portrait { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--portrait-position,center 30%); filter:grayscale(1); transform:scale(var(--portrait-scale,1)); transform-origin:var(--portrait-origin,center); } /* Match head-and-shoulder framing across the source photos' different crops. */ #ni-meaning-network #adam-oosthuizen { --portrait-position:center 45%; --portrait-scale:1.25; } #ni-meaning-network #diana-velica { --portrait-scale:1.5; --portrait-origin:center top; } #ni-meaning-network #mehul-sangham { --portrait-position:center 23%; --portrait-scale:1.1; } #ni-meaning-network .ni-team-member h2 { margin:22px 0 8px; font-size:clamp(24px,2.5cqw,32px); line-height:1.08; letter-spacing:-.035em; font-weight:500; } #ni-meaning-network .ni-team-role { margin:0 0 18px; color:var(--ni-muted); font-size:13px; line-height:1.45; } #ni-meaning-network .ni-team-bio, #ni-meaning-network .ni-team-full-bio p { margin:0 0 18px; font-size:15px; line-height:1.6; } #ni-meaning-network .ni-team-details { border-top:1px solid var(--ni-line); } #ni-meaning-network .ni-team-details summary { display:flex; align-items:center; min-height:48px; gap:12px; padding:12px 0; font-size:13px; } #ni-meaning-network .ni-team-details summary::after { content:'+'; margin-left:auto; font-size:20px; line-height:1; color:#b51ba1; } #ni-meaning-network .ni-team-details[open] summary::after { content:'−'; } #ni-meaning-network .ni-team-details summary:hover { color:#b51ba1; } #ni-meaning-network .ni-team-details summary:focus-visible { outline:2px solid var(--ni-ink); outline-offset:4px; } #ni-meaning-network .ni-team-close, #ni-meaning-network .ni-team-details[open] .ni-team-read { display:none; } #ni-meaning-network .ni-team-details[open] .ni-team-close { display:inline; } #ni-meaning-network .ni-team-full-bio { padding-top:10px; } @media(max-width:1000px) { #ni-meaning-network .ni-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:800px) { #ni-meaning-network .ni-team-intro { gap:30px; } } @media(max-width:540px) { #ni-meaning-network .ni-team-intro { grid-template-columns:1fr; gap:20px; padding-bottom:32px; } #ni-meaning-network .ni-team-intro > p:last-child { font-size:15px; } #ni-meaning-network .ni-team-grid { grid-template-columns:1fr; gap:36px; padding:24px 0 48px; } #ni-meaning-network .ni-team-member h2 { font-size:28px; } } #ni-meaning-network .ni-title.ni-title--services { font-size:clamp(42px,13.8cqw,172px); } #ni-meaning-network .ni-credentials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding:25px 0 30px; } #ni-meaning-network .ni-credentials p { margin:0; } #ni-meaning-network .ni-credentials strong { display:block; font-size:24px; font-weight:500; letter-spacing:-.035em; margin-bottom:9px; } #ni-meaning-network .ni-credentials span { display:block; font-size:12px; line-height:1.5; color:#636378; } #ni-meaning-network .ni-needs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; } #ni-meaning-network .ni-need { border-top:3px solid #c1d100; padding-top:20px; } #ni-meaning-network .ni-need:nth-child(2) { border-color:#e93bd4; } #ni-meaning-network .ni-need h3 { font-size:clamp(24px,2.5cqw,32px); font-weight:500; line-height:1.15; letter-spacing:-.035em; margin:22px 0 18px; } #ni-meaning-network .ni-need p { font-size:16px; line-height:1.55; margin:0 0 18px; max-width:510px; } #ni-meaning-network .ni-product-grid.ni-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } #ni-meaning-network .ni-service-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; border-top:1px solid #00003c; border-bottom:1px solid #e3e3ea; } #ni-meaning-network .ni-service-nav a { padding:20px 0; font-size:24px; letter-spacing:-.03em; } #ni-meaning-network .ni-service-nav span { display:block; font:700 12px/1.4 NIRedaction,Georgia,serif; text-transform:uppercase; letter-spacing:.02em; color:#636378; margin-bottom:12px; } #ni-meaning-network .ni-engagement-note { font-size:13px; line-height:1.5; color:#636378; max-width:650px; margin:22px 0 40px; } #ni-meaning-network .ni-service-anchor { scroll-margin-top:24px; } @media(max-width:1000px) { #ni-meaning-network .ni-product-grid.ni-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:800px) { #ni-meaning-network .ni-needs-grid { grid-template-columns:1fr; gap:36px; } #ni-meaning-network .ni-credentials { gap:20px; } #ni-meaning-network .ni-credentials strong { font-size:21px; } } @media(max-width:540px) { #ni-meaning-network .ni-product-grid.ni-service-grid { grid-template-columns:1fr; } #ni-meaning-network .ni-credentials { grid-template-columns:1fr; gap:22px; } #ni-meaning-network .ni-credentials strong { margin-bottom:4px; } #ni-meaning-network .ni-service-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; } } #ni-meaning-network { color:#00003c; --ni-header-inset:56px; --ni-header-top:30px; } #ni-meaning-network .ni-site-header { position:sticky; top:0; z-index:20; align-items:center; margin:calc(-1 * var(--ni-header-top)) calc(-1 * var(--ni-header-inset)) 0; padding:var(--ni-header-top) var(--ni-header-inset) 22px; gap:28px; border-bottom:0; background:var(--ni-white); box-shadow:none; transition:transform 220ms ease; } #ni-meaning-network .ni-site-header.is-hidden { transform:translateY(-100%); box-shadow:none; pointer-events:none; } #ni-meaning-network .ni-site-header:focus-within { transform:none; pointer-events:auto; } body { overflow-x: clip; } body[data-page="home"] #ni-meaning-network { padding-top:0; } body[data-page="home"] #ni-meaning-network .ni-site-header { position:fixed; top:0; left:50%; width:min(1360px,100%); margin:0; translate:-50% 0; } body[data-page="home"] #ni-meaning-network .ni-site-header.is-hidden { translate:-50% -100%; transform:none; } body[data-page="home"] #ni-meaning-network .ni-site-header:focus-within { translate:-50% 0; transform:none; pointer-events:auto; } @media(max-width:900px) { #ni-meaning-network { --ni-header-inset:30px; --ni-header-top:24px; } body[data-page="home"] #ni-meaning-network .ni-site-header { width:min(780px,100%); } } @media(max-width:540px) { #ni-meaning-network { --ni-header-inset:20px; --ni-header-top:20px; } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-site-header { transition:none; } } #ni-meaning-network .ni-site-nav { display:flex; align-items:center; justify-content:flex-end; gap:26px; flex-wrap:wrap; font-size:13px; } #ni-meaning-network .ni-site-nav a { padding:8px 0; border-bottom:1px solid transparent; white-space:nowrap; } #ni-meaning-network .ni-site-nav a[aria-current="page"] { border-bottom-color:#e93bd4; } #ni-meaning-network .ni-site-nav .ni-nav-contact { color:#5b5b73; } #ni-meaning-network .ni-product-kicker { margin:30px 0 -12px; color:#636378; } #ni-meaning-network .ni-title.ni-title--course { font-size:clamp(50px,16.6cqw,205px); } #ni-meaning-network .ni-title.ni-title--audit { font-size:clamp(52px,16cqw,205px); } #ni-meaning-network .ni-subtitle { font-size:clamp(26px,3.6cqw,44px); letter-spacing:-.04em; line-height:1.12; font-weight:500; margin:0 0 52px; max-width:none; } #ni-meaning-network .ni-hero-copy { font-size:17px; line-height:1.55; max-width:640px; margin:-28px 0 52px; } #ni-meaning-network .ni-hero-copy .ni-text-link { display:inline; padding:0; margin-left:.4em; } #ni-meaning-network .ni-home-field { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; padding:44px 0 72px; align-items:center; } #ni-meaning-network .ni-field-copy h2,#ni-meaning-network .ni-section h2,#ni-meaning-network .ni-start h2 { font:500 clamp(30px,4cqw,51px)/1.04 NISharp,Arial,sans-serif; letter-spacing:-.045em; margin:22px 0 25px; } #ni-meaning-network .ni-field-copy h2:first-child,#ni-meaning-network .ni-transform-discover-intro h2:first-child { margin-top:0; } #ni-meaning-network .ni-field-copy p,#ni-meaning-network .ni-prose p,#ni-meaning-network .ni-syllabus>div>p,#ni-meaning-network .ni-measure { font-size:16px; line-height:1.55; margin:0 0 18px; max-width:490px; } #ni-meaning-network .ni-concept { min-width:0; } #ni-meaning-network .ni-concept-meta { display:flex; justify-content:flex-end; gap:12px; color:#636378; } #ni-meaning-network .ni-concept-meta .ni-mini { font-size:10px; } #ni-meaning-network .ni-concept-canvas { position:relative; width:100%; height:340px; } #ni-meaning-network .ni-concept-labels { position:absolute; inset:0; pointer-events:none; } #ni-meaning-network .ni-concept-labels button { position:absolute; transform:translate(-50%,-50%); color:#00003c; background:#fffdf9; border:1px solid #e3e3ea; padding:7px 9px; font:500 12px/1.2 NISharp,Arial,sans-serif; pointer-events:auto; white-space:nowrap; cursor:pointer; } #ni-meaning-network .ni-concept-labels button::before { content:''; display:inline-block; width:5px; height:5px; background:var(--node-color); margin-right:7px; border-radius:50%; } #ni-meaning-network .ni-concept-labels button[aria-pressed="true"] { border-color:#00003c; } #ni-meaning-network .ni-concept-reading { padding-top:16px; border-top:1px solid #e3e3ea; min-height:131px; } #ni-meaning-network .ni-concept-reading h3 { font-size:23px; line-height:1.12; font-weight:500; margin:0 0 8px; letter-spacing:-.03em; } #ni-meaning-network .ni-concept-reading p { font-size:14px; line-height:1.45; margin:0; max-width:500px; } #ni-meaning-network .ni-concept-reading .ni-text-link { padding-top:12px; } #ni-meaning-network .ni-section { padding:64px 0 74px; scroll-margin-top:24px; } #ni-meaning-network .ni-section-heading { margin-bottom:36px; } #ni-meaning-network .ni-section-heading h2:first-child { margin-top:0; } #ni-meaning-network .ni-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; } #ni-meaning-network .ni-product { display:flex; flex-direction:column; padding:20px 0 14px; border-top:1px solid #00003c; color:#00003c; } #ni-meaning-network .ni-product:hover { color:#00003c; border-top-color:#e93bd4; } #ni-meaning-network .ni-product h3 { display:flex; justify-content:space-between; gap:12px; font-size:31px; font-weight:500; line-height:1.06; letter-spacing:-.04em; margin:24px 0 18px; } #ni-meaning-network .ni-product h3 span { width:23px; height:23px; flex:0 0 23px; background:currentColor; -webkit-mask:url('assets/icons/external-link.svg') center/contain no-repeat; mask:url('assets/icons/external-link.svg') center/contain no-repeat; transition:transform .2s ease,background-color .2s ease; } #ni-meaning-network .ni-product:hover h3 span { transform:translate(3px,-3px); background-color:#b51ba1; } #ni-meaning-network .ni-product p { font-size:15px; line-height:1.5; margin:0 0 6px; } /* Two-column editorial blocks: the kicker spans both columns; the heading and the right-hand copy share a baseline. */ #ni-meaning-network .ni-purpose-section,#ni-meaning-network .ni-teaching-heading,#ni-meaning-network .ni-syllabus { display:grid; grid-template-columns:1fr 1fr; column-gap:70px; row-gap:0; align-items:baseline; } #ni-meaning-network .ni-purpose-section>.ni-mini,#ni-meaning-network .ni-teaching-heading>.ni-mini,#ni-meaning-network .ni-syllabus>.ni-mini { grid-column:1 / -1; } #ni-meaning-network .ni-outcomes { margin:25px 0 0; } #ni-meaning-network .ni-outcomes>div { border-top:1px solid #e3e3ea; padding:18px 0; } #ni-meaning-network .ni-outcomes dt { font-size:22px; letter-spacing:-.03em; margin:0 0 8px; } #ni-meaning-network .ni-outcomes dd { margin:0; font-size:15px; line-height:1.5; } #ni-meaning-network .ni-start { padding:64px 0 75px; } #ni-meaning-network .ni-start h2 { font-size:clamp(35px,5cqw,66px); } #ni-meaning-network .ni-start>p { font-size:17px; line-height:1.5; max-width:610px; margin:0 0 25px; } #ni-meaning-network .ni-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; } #ni-meaning-network .ni-actions .ni-text-link { padding-top:0; } #ni-meaning-network .ni-site-footer { align-items:center; } #ni-meaning-network .ni-footer-links { display:flex; flex-wrap:wrap; gap:18px; } #ni-meaning-network .ni-footer-links, #ni-meaning-network .ni-site-footer > span { font:500 13px/1.4 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-format-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; border-bottom:1px solid #e3e3ea; } #ni-meaning-network .ni-format-buttons button { text-align:left; background:transparent; border:0; border-bottom:3px solid transparent; margin-bottom:-1px; padding:17px 8px 17px 0; font-size:18px; line-height:1.2; } #ni-meaning-network .ni-format-buttons button span { display:block; color:#636378; font-size:12px; margin-top:7px; line-height:1.4; } #ni-meaning-network .ni-format-buttons button[aria-selected="true"] { border-bottom-color:#e93bd4; } #ni-meaning-network .ni-format-panel { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:36px 0 15px; } #ni-meaning-network [hidden] { display:none!important; } #ni-meaning-network .ni-format-panel h3 { font-size:clamp(28px,3.2cqw,40px); font-weight:500; letter-spacing:-.04em; line-height:1.06; margin:0 0 18px; } #ni-meaning-network .ni-format-panel p { font-size:16px; line-height:1.55; max-width:520px; margin:0; } #ni-meaning-network .ni-deliverables { list-style:none; padding:0; margin:0; } #ni-meaning-network .ni-deliverables li { border-bottom:1px solid #e3e3ea; padding:15px 0 15px 22px; font-size:15px; line-height:1.45; position:relative; } #ni-meaning-network .ni-deliverables li::before { content:''; position:absolute; left:0; top:17px; width:14px; height:14px; background:#b51ba1; -webkit-mask:url('assets/icons/check.svg') center/contain no-repeat; mask:url('assets/icons/check.svg') center/contain no-repeat; } /* Semantic link icons replace the former text arrows. */ #ni-meaning-network .ni-nav-contact::after, #ni-meaning-network .ni-text-link::after, #ni-meaning-network .ni-work-cta::after { content:''; display:inline-block; width:.9em; height:.9em; margin-left:.38em; vertical-align:-.06em; background:currentColor; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; } #ni-meaning-network .ni-nav-contact::after, #ni-meaning-network .ni-text-link[href^="mailto:"]::after, #ni-meaning-network .ni-work-cta[href^="mailto:"]::after { -webkit-mask-image:url('assets/icons/external-link.svg'); mask-image:url('assets/icons/external-link.svg'); } #ni-meaning-network .ni-text-link[href^="#"]::after { -webkit-mask-image:url('assets/icons/arrow-down.svg'); mask-image:url('assets/icons/arrow-down.svg'); } #ni-meaning-network .ni-text-link:not([href^="#"]):not([href^="mailto:"])::after, #ni-meaning-network .ni-work-cta:not([href^="mailto:"])::after { -webkit-mask-image:url('assets/icons/arrow-right.svg'); mask-image:url('assets/icons/arrow-right.svg'); } #ni-meaning-network .ni-research-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; list-style:none; padding:0; margin:42px 0 0; counter-reset:research-step; } #ni-meaning-network .ni-research-steps li { counter-increment:research-step; border-top:2px solid #00003c; padding-top:16px; } #ni-meaning-network .ni-research-steps strong { display:block; font-size:22px; font-weight:500; letter-spacing:-.03em; } #ni-meaning-network .ni-research-steps strong::before { content:'0' counter(research-step) ' / '; display:block; margin-bottom:9px; font:700 12px/1.4 NIRedaction,Georgia,serif; letter-spacing:.02em; color:#636378; } #ni-meaning-network .ni-research-steps span { display:block; margin-top:10px; font-size:14px; line-height:1.5; } #ni-meaning-network .ni-section-note { font-size:12px!important; line-height:1.5!important; color:#636378; margin-top:22px!important; } #ni-meaning-network summary { list-style:none; cursor:pointer; } #ni-meaning-network summary::-webkit-details-marker { display:none; } #ni-meaning-network .ni-module-list details { border-top:1px solid #e3e3ea; } #ni-meaning-network .ni-module-list details:last-child { border-bottom:1px solid #e3e3ea; } #ni-meaning-network .ni-module-list summary { display:flex; align-items:baseline; padding:20px 0; font-size:23px; line-height:1.2; letter-spacing:-.03em; } #ni-meaning-network .ni-module-list summary span { font:11px monospace; margin-right:15px; color:#636378; } #ni-meaning-network .ni-module-list summary::after { content:'+'; margin-left:auto; padding-left:16px; font:15px/1 monospace; color:#636378; } #ni-meaning-network .ni-module-list details[open] summary::after { content:'−'; } #ni-meaning-network .ni-module-list details p { padding:0 0 24px; font-size:15px; line-height:1.5; margin:0; } #ni-meaning-network .ni-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0; margin:0; list-style:none; } #ni-meaning-network .ni-process li { border-top:1px solid #00003c; padding-top:20px; } #ni-meaning-network .ni-process h3 { font-size:25px; font-weight:500; letter-spacing:-.03em; line-height:1.1; margin:20px 0 15px; } #ni-meaning-network .ni-process p { font-size:15px; line-height:1.5; margin:0; } #ni-meaning-network .ni-related-products { padding-top:45px; } #ni-meaning-network .ni-related-products h2 { margin-top:0; } @media(max-width:1050px) { #ni-meaning-network .ni-site-nav { gap:17px; } #ni-meaning-network .ni-home-field { gap:36px; } #ni-meaning-network .ni-product-grid { gap:20px; } #ni-meaning-network .ni-product h3 { font-size:27px; } } @media(max-width:800px) { #ni-meaning-network .ni-site-header { display:block; } #ni-meaning-network .ni-site-nav { justify-content:flex-start; gap:12px 23px; margin-top:17px; } #ni-meaning-network .ni-home-field { grid-template-columns:1fr; gap:35px; } #ni-meaning-network .ni-field-copy p { max-width:620px; } #ni-meaning-network .ni-concept-canvas { height:320px; } #ni-meaning-network .ni-purpose-section,#ni-meaning-network .ni-syllabus,#ni-meaning-network .ni-teaching-heading { grid-template-columns:1fr; } #ni-meaning-network .ni-purpose-section>.ni-prose,#ni-meaning-network .ni-syllabus>.ni-module-list,#ni-meaning-network .ni-teaching-heading>p { margin-top:10px; } #ni-meaning-network .ni-format-panel { gap:30px; } #ni-meaning-network .ni-process { grid-template-columns:repeat(2,minmax(0,1fr)); } #ni-meaning-network .ni-product-grid { grid-template-columns:1fr; gap:20px; } #ni-meaning-network .ni-research-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } #ni-meaning-network .ni-product p { max-width:570px; margin-bottom:20px; } #ni-meaning-network .ni-product h3 { font-size:35px; margin-top:16px; } #ni-meaning-network .ni-section,#ni-meaning-network .ni-start { padding:43px 0 48px; } #ni-meaning-network .ni-chapter-cards { grid-template-columns:1fr; } } @media(max-width:540px) { #ni-meaning-network .ni-title.ni-title--course { font-size:16.6cqw; margin-top:36px; } #ni-meaning-network .ni-title.ni-title--audit { font-size:20cqw; margin-top:36px; } #ni-meaning-network .ni-site-nav { gap:7px 17px; font-size:12px; } #ni-meaning-network .ni-footer-links, #ni-meaning-network .ni-site-footer > span { font-size:12px; } #ni-meaning-network .ni-site-nav .ni-nav-contact { display:none; } #ni-meaning-network .ni-subtitle { margin-bottom:36px; font-size:clamp(22px,7vw,32px); } #ni-meaning-network .ni-hero-copy { margin:-12px 0 36px; } #ni-meaning-network .ni-home-field { padding:35px 0 45px; } #ni-meaning-network .ni-concept-meta { flex-wrap:wrap; } #ni-meaning-network .ni-concept-canvas { height:295px; } #ni-meaning-network .ni-concept-labels button { font-size:11px; padding:7px; } #ni-meaning-network .ni-format-buttons { gap:10px; } #ni-meaning-network .ni-format-buttons button { font-size:14px; } #ni-meaning-network .ni-format-buttons button span { font-size:11px; } #ni-meaning-network .ni-format-panel { grid-template-columns:1fr; gap:25px; } #ni-meaning-network .ni-process { grid-template-columns:1fr; } #ni-meaning-network .ni-site-footer { align-items:flex-start; } #ni-meaning-network .ni-research-steps { grid-template-columns:1fr; gap:18px; margin-top:30px; } } @media(pointer:coarse) { #ni-meaning-network .ni-concept-labels button { min-height:44px; } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-product h3 span { transition:none; } } /* Real curriculum captures and recorded lesson presenters. */ #ni-meaning-network .ni-learning-field { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:52px; } #ni-meaning-network .ni-course-preview { min-width:0; } #ni-meaning-network .ni-preview-tabs { display:flex; gap:24px; border-bottom:1px solid #00003c; margin-bottom:16px; } #ni-meaning-network .ni-preview-tabs button { background:transparent; border:0; border-bottom:3px solid transparent; padding:12px 0; margin-bottom:-1px; font:500 12px/1.4 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-preview-tabs button[aria-selected="true"] { border-bottom-color:#e93bd4; } #ni-meaning-network .ni-screen { margin:0; } #ni-meaning-network .ni-screen>a { display:block; border:1px solid #00003c; box-shadow:5px 5px 0 #c1d100; } #ni-meaning-network .ni-screen img { display:block; width:100%; height:auto; } #ni-meaning-network .ni-screen figcaption { display:flex; justify-content:space-between; gap:12px; padding-top:18px; color:#636378; font-size:11px; line-height:1.5; } #ni-meaning-network .ni-screen figcaption a { flex-shrink:0; text-decoration:underline; text-underline-offset:3px; } #ni-meaning-network .ni-screen figcaption a::after { content:''; display:inline-block; width:.9em; height:.9em; margin-left:.38em; vertical-align:-.06em; background:currentColor; -webkit-mask:url('assets/icons/external-link.svg') center/contain no-repeat; mask:url('assets/icons/external-link.svg') center/contain no-repeat; } #ni-meaning-network .ni-teaching-heading { margin-bottom:32px; } #ni-meaning-network .ni-teaching-heading h2 { margin-top:0; margin-bottom:0; } #ni-meaning-network .ni-teaching-heading>p { font-size:16px; line-height:1.55; max-width:490px; margin:0; } #ni-meaning-network .ni-teaching-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; } #ni-meaning-network .ni-teaching-grid figure { margin:0; min-width:0; } #ni-meaning-network .ni-teaching-grid img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; } #ni-meaning-network .ni-lesson-player { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; background:#00003c; } #ni-meaning-network .ni-teaching-grid figcaption { padding:21px 0 0; border-top:3px solid #c1d100; } #ni-meaning-network .ni-teaching-grid figure:nth-child(2) figcaption { border-color:#e93bd4; } #ni-meaning-network .ni-teaching-grid figure:nth-child(3) figcaption { border-color:#00003c; } #ni-meaning-network .ni-teaching-grid .ni-mini { font-size:10px; color:#636378; } #ni-meaning-network .ni-teaching-grid h3 { font-size:25px; font-weight:500; letter-spacing:-.035em; line-height:1.12; margin:0 0 12px; } #ni-meaning-network .ni-teaching-grid p { font-size:14px; line-height:1.5; margin:0; } @media(max-width:1000px) { #ni-meaning-network .ni-learning-field { gap:30px; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); } #ni-meaning-network .ni-screen figcaption { flex-wrap:wrap; gap:5px; } } @media(max-width:800px) { #ni-meaning-network .ni-learning-field { grid-template-columns:1fr; } #ni-meaning-network .ni-teaching-heading>p { max-width:620px; } #ni-meaning-network .ni-teaching-grid { gap:18px; } #ni-meaning-network .ni-teaching-grid h3 { font-size:22px; } } @media(max-width:600px) { #ni-meaning-network .ni-teaching-grid { grid-template-columns:1fr; gap:32px; } #ni-meaning-network .ni-teaching-grid h3 { font-size:26px; } #ni-meaning-network .ni-teaching-grid figcaption { padding-top:17px; } #ni-meaning-network .ni-preview-tabs { gap:20px; } #ni-meaning-network .ni-preview-tabs button { font-size:11px; min-height:44px; } } /* The introduction film is the homepage's opening composition. */ #ni-meaning-network .ni-cinema { position:relative; left:50%; width:100vw; margin-left:-50vw; height:100svh; min-height:640px; max-height:1100px; overflow:hidden; background:#101a14; color:#fffdf9; --cinema-inset:max(var(--ni-header-inset), calc((100vw - 1248px) / 2)); } #ni-meaning-network .ni-cinema-film { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; } #ni-meaning-network .ni-cinema-film::cue { font:16px/1.4 Arial,sans-serif; background:rgba(0,0,0,.8); color:white; } #ni-meaning-network .ni-cinema-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(5,17,12,.55),transparent 24%,transparent 42%,rgba(5,17,12,.78) 100%); } #ni-meaning-network .ni-cinema-top,#ni-meaning-network .ni-cinema-bottom { position:absolute; z-index:2; left:var(--cinema-inset); right:var(--cinema-inset); display:flex; align-items:center; justify-content:space-between; gap:20px; } #ni-meaning-network .ni-cinema-top { top:30px; justify-content:flex-start; gap:32px; font-size:13px; } #ni-meaning-network .ni-cinema-top .ni-cinema-contact { margin-left:auto; } #ni-meaning-network .ni-cinema-top a { display:inline-flex; align-items:center; min-height:44px; padding:12px 0; white-space:nowrap; } #ni-meaning-network .ni-cinema-top a span { margin-left:18px; } #ni-meaning-network .ni-cinema-copy { position:absolute; z-index:1; left:var(--cinema-inset); right:var(--cinema-inset); bottom:132px; display:flex; justify-content:space-between; align-items:end; gap:44px; pointer-events:none; } #ni-meaning-network .ni-cinema-copy h1 { margin:0; width:min(540px,48%); flex-shrink:0; } #ni-meaning-network .ni-cinema-copy h1 img { display:block; width:100%; height:auto; } #ni-meaning-network .ni-cinema-intro { width:340px; } #ni-meaning-network .ni-cinema-intro p { font-size:clamp(19px,2.1vw,28px); line-height:1.25; letter-spacing:-.025em; margin:0 0 16px; } #ni-meaning-network .ni-cinema-intro p:last-child { font-size:16px; line-height:1.5; margin:0; } #ni-meaning-network .ni-cinema-bottom { bottom:38px; border-top:1px solid rgba(255,255,255,.35); padding-top:20px; font-size:13px; } #ni-meaning-network .ni-film-controls { display:flex; align-items:center; gap:12px; } #ni-meaning-network .ni-film-controls button { min-height:44px; padding:10px 17px; border:1px solid rgba(255,255,255,.65); border-radius:0; font-size:12px; background:rgba(5,17,12,.32); color:#fffdf9; } #ni-meaning-network .ni-cinema a:hover { color:#dce87a; } #ni-meaning-network .ni-film-controls button:hover { background:#c1d100; border-color:#c1d100; color:#00003c; } #ni-meaning-network .ni-cinema :is(a,button):focus-visible { outline:2px solid #fffdf9; outline-offset:5px; } #ni-meaning-network .ni-cinema-explore span { margin-left:20px; } #ni-meaning-network .ni-home-split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; margin-bottom:48px; } #ni-meaning-network .ni-home-split h2 { margin:0; font-size:clamp(34px,4.7cqw,60px); } #ni-meaning-network .ni-home-split h2 span { color:#737368; } #ni-meaning-network .ni-home-prose p { margin:0 0 18px; max-width:520px; font-size:17px; line-height:1.6; } #ni-meaning-network .ni-home-prose .ni-mini { font-size:12px; } #ni-meaning-network .ni-home-lead { margin:0; max-width:470px; font-size:21px; line-height:1.45; letter-spacing:-.02em; } #ni-meaning-network .ni-home-outcomes .ni-home-split { align-items:center; } #ni-meaning-network .ni-home-landscape { display:block; width:100%; height:auto; } #ni-meaning-network .ni-home-overview { padding-top:88px; } #ni-meaning-network :is(.ni-home-overview,.ni-home-outcomes,.ni-home-framework,.ni-product-system) > .ni-mini { margin:0 0 30px; } #ni-meaning-network .ni-home-frictions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; } #ni-meaning-network .ni-home-frictions article { border-top:1px solid var(--ni-ink); padding-top:18px; } #ni-meaning-network :is(.ni-home-frictions,.ni-home-outcome-grid,.ni-home-phases) h3 { font-size:26px; font-weight:500; line-height:1.1; letter-spacing:-.035em; margin:25px 0 15px; } #ni-meaning-network :is(.ni-home-frictions,.ni-home-outcome-grid,.ni-home-phases) p { margin:0; font-size:15px; line-height:1.6; } #ni-meaning-network .ni-home-meaning { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; border-block:1px solid var(--ni-line); } #ni-meaning-network .ni-home-meaning h2 { font-size:clamp(38px,5.2cqw,66px); margin-top:0; } #ni-meaning-network .ni-home-meaning .ni-meaning-lead { font-size:clamp(22px,2.5cqw,30px); line-height:1.25; letter-spacing:-.025em; margin-bottom:26px; } body[data-page="home"] #ni-meaning-network :is(.ni-mini,.ni-system-role,.ni-discover-included>span) { font-family:NISharp,Arial,sans-serif; font-weight:500; } #ni-meaning-network .ni-home-outcome-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; } #ni-meaning-network .ni-home-outcome-grid article { padding-top:18px; border-top:3px solid var(--ni-acid); } #ni-meaning-network .ni-home-outcome-grid article:nth-child(even) { border-color:var(--ni-pink); } #ni-meaning-network .ni-home-framework { margin:16px calc(-1 * var(--ni-header-inset)) 0; padding:64px var(--ni-header-inset) 72px; background:var(--ni-paper); } #ni-meaning-network .ni-home-phases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; padding:0; margin:0; list-style:none; } #ni-meaning-network .ni-home-phases li { position:relative; border-top:1px solid var(--ni-ink); padding-top:20px; } #ni-meaning-network .ni-home-phases li::before { content:''; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--ni-ink); } #ni-meaning-network .ni-home-phases h3 { font-size:32px; } body[data-page="home"] #ni-meaning-network .ni-product-system { padding-top:80px; } body[data-page="home"] #ni-meaning-network .ni-system-products { border-top:1px solid var(--ni-line); } body[data-page="home"] #ni-meaning-network .ni-system-product { transition:background-color .2s ease; } body[data-page="home"] #ni-meaning-network .ni-system-product:hover { background:var(--ni-paper); color:var(--ni-ink); } body[data-page="home"] #ni-meaning-network .ni-system-product:hover h3 { color:#b51ba1; } #ni-meaning-network .ni-home-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; border-top:1px solid var(--ni-line); } #ni-meaning-network .ni-home-faq .ni-mini { margin-top:0; } #ni-meaning-network .ni-home-faq .ni-module-list summary { font-size:20px; line-height:1.35; } #ni-meaning-network .ni-home-faq .ni-module-list p a { text-decoration:underline; text-underline-offset:3px; } @media(max-width:1000px) { #ni-meaning-network .ni-home-outcome-grid { grid-template-columns:1fr 1fr; gap:36px; } #ni-meaning-network .ni-home-phases { grid-template-columns:1fr 1fr; gap:36px; } #ni-meaning-network .ni-cinema-copy { gap:32px; } #ni-meaning-network .ni-cinema-intro { width:300px; } } @media(max-width:800px) { #ni-meaning-network .ni-home-split,#ni-meaning-network .ni-home-meaning,#ni-meaning-network .ni-home-faq { grid-template-columns:1fr; gap:28px; } #ni-meaning-network .ni-home-meaning .ni-system-art-slot { max-width:480px; margin:auto; } #ni-meaning-network .ni-home-frictions { gap:22px; } #ni-meaning-network .ni-home-frictions h3 { font-size:23px; } #ni-meaning-network .ni-cinema { height:100svh; min-height:100svh; max-height:none; } #ni-meaning-network .ni-cinema-film { object-fit:cover; } #ni-meaning-network .ni-cinema-shade { background:linear-gradient(180deg,rgba(5,17,12,.58),transparent 26%,transparent 40%,rgba(5,17,12,.84) 100%); } #ni-meaning-network .ni-cinema-top { top:max(12px, env(safe-area-inset-top, 0px)); flex-wrap:wrap; gap:0 18px; } #ni-meaning-network .ni-cinema-copy { bottom:126px; flex-direction:column; align-items:start; gap:22px; } #ni-meaning-network .ni-cinema-copy h1 { width:min(420px,78%); } #ni-meaning-network .ni-cinema-intro { width:min(340px,100%); } #ni-meaning-network .ni-cinema-bottom { bottom:max(18px, env(safe-area-inset-bottom, 0px)); flex-wrap:wrap; gap:12px 20px; } } @media(max-width:540px) { #ni-meaning-network .ni-cinema-top { gap:0 16px; } #ni-meaning-network .ni-cinema-top a { font-size:12px; min-height:40px; padding:8px 0; } #ni-meaning-network .ni-cinema-top .ni-cinema-contact { display:none; } #ni-meaning-network .ni-cinema-top a span { margin-left:5px; } #ni-meaning-network .ni-cinema-copy { bottom:118px; gap:18px; } #ni-meaning-network .ni-cinema-copy h1 { width:min(268px,82%); } #ni-meaning-network .ni-cinema-intro p { font-size:20px; margin-bottom:12px; } #ni-meaning-network .ni-cinema-intro p:last-child { font-size:14px; } #ni-meaning-network .ni-cinema-bottom { gap:12px 16px; } #ni-meaning-network .ni-film-controls { gap:8px; } #ni-meaning-network .ni-film-controls button { min-height:40px; padding:8px 14px; } #ni-meaning-network .ni-home-frictions,#ni-meaning-network .ni-home-outcome-grid,#ni-meaning-network .ni-home-phases { grid-template-columns:1fr; gap:28px; } #ni-meaning-network .ni-home-split { margin-bottom:36px; } #ni-meaning-network .ni-home-lead { font-size:19px; } #ni-meaning-network .ni-home-prose p { font-size:16px; } #ni-meaning-network .ni-home-overview { padding-top:52px; } #ni-meaning-network .ni-home-faq .ni-module-list { padding:0; } } @media(max-width:380px) { #ni-meaning-network .ni-cinema-copy { bottom:148px; } #ni-meaning-network .ni-cinema-bottom { flex-direction:column; align-items:flex-start; gap:10px; } } @media(max-width:800px) and (max-height:520px) { #ni-meaning-network .ni-cinema-copy { bottom:92px; gap:12px; } #ni-meaning-network .ni-cinema-copy h1 { width:min(220px,46%); } #ni-meaning-network .ni-cinema-intro p { font-size:16px; margin-bottom:8px; } #ni-meaning-network .ni-cinema-intro p:last-child { font-size:13px; } #ni-meaning-network .ni-cinema-bottom { padding-top:12px; } } @media(prefers-reduced-motion:reduce) { body[data-page="home"] #ni-meaning-network .ni-system-product { transition:none; } } #ni-meaning-network .ni-evidence-heading { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; margin-bottom:34px; } #ni-meaning-network .ni-evidence-heading h2 { margin-bottom:0; } #ni-meaning-network .ni-evidence-heading>p { margin:0; font-size:17px; line-height:1.5; max-width:480px; } #ni-meaning-network .ni-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; } #ni-meaning-network .ni-stat { display:flex; flex-direction:column; border-top:3px solid #c1d100; padding:20px 0 0; } #ni-meaning-network .ni-stat:nth-child(2) { border-color:#e93bd4; } #ni-meaning-network .ni-stat:nth-child(3) { border-color:#00003c; } #ni-meaning-network .ni-stat .ni-mini { color:#636378; font-size:10px; } #ni-meaning-network .ni-stat .ni-stat-number { font-size:clamp(72px,9.8cqw,135px); line-height:1; letter-spacing:-.07em; margin:28px 0 22px; } #ni-meaning-network .ni-stat-number span { font-size:.48em; letter-spacing:-.05em; } #ni-meaning-network .ni-stat h3 { font-size:24px; font-weight:500; line-height:1.1; letter-spacing:-.035em; margin:0 0 12px; } #ni-meaning-network .ni-stat>p { font-size:15px; line-height:1.5; margin:0 0 24px; max-width:355px; } #ni-meaning-network .ni-stat>a { font-size:11px; line-height:1.5; margin-top:auto; text-decoration:underline; text-underline-offset:4px; color:#636378; } #ni-meaning-network .ni-evidence-sources { font-size:11px; line-height:1.6; color:#636378; margin-top:30px; } #ni-meaning-network .ni-evidence-sources summary { cursor:pointer; } #ni-meaning-network .ni-evidence-sources p { max-width:820px; } #ni-meaning-network .ni-experience { padding-top:34px; } #ni-meaning-network .ni-bottom { justify-content:flex-end; } #ni-meaning-network .ni-product-status { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:25px 0 35px; } #ni-meaning-network .ni-product-status .ni-mini { color:#636378; } #ni-meaning-network .ni-product-status p { margin:0; font-size:14px; line-height:1.5; max-width:520px; } @media(max-width:800px) { #ni-meaning-network .ni-evidence-heading { grid-template-columns:1fr; gap:22px; } #ni-meaning-network .ni-stat-grid { gap:20px; } #ni-meaning-network .ni-stat h3 { font-size:21px; } #ni-meaning-network .ni-stat>p { font-size:14px; } } @media(max-width:600px) { #ni-meaning-network .ni-stat-grid { grid-template-columns:1fr; gap:32px; } #ni-meaning-network .ni-stat .ni-stat-number { font-size:100px; margin:18px 0; } #ni-meaning-network .ni-stat h3 { font-size:26px; } #ni-meaning-network .ni-stat>p { max-width:100%; } #ni-meaning-network .ni-product-status { grid-template-columns:1fr; gap:15px; } } /* Textures sit beside copy at a useful size, or fill a colour band. Tiny floated crops are not used. */ #ni-meaning-network .ni-with-art { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:40px 56px; align-items:center; padding:8px 0 28px; } #ni-meaning-network .ni-with-art--reverse { grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); } #ni-meaning-network .ni-with-art--reverse>:first-child { order:2; } #ni-meaning-network .ni-side-art { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; } #ni-meaning-network .ni-with-art h2 { margin:16px 0 22px; } #ni-meaning-network .ni-with-art h3 { font-size:clamp(24px,2.5cqw,32px); font-weight:500; line-height:1.15; letter-spacing:-.035em; margin:16px 0 18px; } #ni-meaning-network .ni-with-art p { font-size:16px; line-height:1.55; margin:0 0 18px; max-width:510px; } #ni-meaning-network .ni-with-art + .ni-prose { margin-top:8px; max-width:none; } #ni-meaning-network .ni-with-art + .ni-prose .ni-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:0 50px; } #ni-meaning-network .ni-need-block { border-top:3px solid #c1d100; padding-top:28px; margin-top:12px; } #ni-meaning-network .ni-need-block.ni-with-art--reverse { border-color:#e93bd4; } #ni-meaning-network .ni-syllabus { display:block; } #ni-meaning-network .ni-syllabus .ni-with-art { padding-top:0; } #ni-meaning-network .ni-syllabus .ni-module-list { margin-top:8px; } #ni-meaning-network .ni-narrative-listening { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:44px 0; } #ni-meaning-network .ni-narrative-listening h3, #ni-meaning-network .ni-method-grid h3, #ni-meaning-network .ni-measurement h3 { font-size:30px; font-weight:500; line-height:1.1; letter-spacing:-.035em; margin:18px 0; } #ni-meaning-network .ni-method-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 50px; } #ni-meaning-network .ni-method-grid article { border-top:3px solid #c1d100; padding-top:20px; } #ni-meaning-network .ni-method-grid article:nth-child(2), #ni-meaning-network .ni-method-grid article:nth-child(3) { border-color:#e93bd4; } #ni-meaning-network .ni-method-grid p, #ni-meaning-network .ni-measurement p { font-size:15px; line-height:1.55; } #ni-meaning-network .ni-method-grid .ni-method-output { font-size:13px; border-top:1px solid #e3e3ea; padding-top:16px; margin-top:22px; } #ni-meaning-network .ni-measurement { display:grid; grid-template-columns:1fr 1fr; gap:50px; background:#f6f3ea; padding:32px; margin-top:44px; } #ni-meaning-network .ni-measurement h4 { font-size:20px; font-weight:500; margin:0 0 10px; } #ni-meaning-network .ni-measurement h4:not(:first-child) { margin-top:28px; } #ni-meaning-network .ni-audit-route { padding:30px; background:#f6f3ea; } #ni-meaning-network .ni-audit-route ol { list-style:none; margin:24px 0 0; padding:0; } #ni-meaning-network .ni-audit-route li { display:flex; gap:18px; position:relative; padding-bottom:28px; } #ni-meaning-network .ni-audit-route li:not(:last-child)::before { content:''; position:absolute; left:19px; top:40px; bottom:0; width:1px; background:#00003c; } #ni-meaning-network .ni-audit-route li>span { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; background:#00003c; color:#fff; font:12px monospace; } #ni-meaning-network .ni-audit-route li:nth-child(2)>span { background:#c1d100; color:#00003c; } #ni-meaning-network .ni-audit-route li:nth-child(3)>span { background:#e93bd4; color:#00003c; } #ni-meaning-network .ni-audit-route strong { display:block; font-weight:500; font-size:20px; letter-spacing:-.02em; } #ni-meaning-network .ni-audit-route p { font-size:13px; line-height:1.5; margin:8px 0 0; } #ni-meaning-network .ni-four-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); } #ni-meaning-network .ni-four-tabs button span { margin:0 0 9px; } #ni-meaning-network .ni-audit-step { align-items:center; } #ni-meaning-network .ni-audit-document { background:#f6f3ea; padding:28px; border-left:4px solid #c1d100; } #ni-meaning-network .ni-audit-document ol { padding:0; list-style:none; margin:20px 0 0; counter-reset:document; } #ni-meaning-network .ni-audit-document li { counter-increment:document; padding:16px 0; border-top:1px solid #e3e3ea; font-size:17px; } #ni-meaning-network .ni-audit-document li::before { content:'0' counter(document); font:11px monospace; margin-right:18px; color:#636378; } @media(max-width:900px) { #ni-meaning-network .ni-with-art,#ni-meaning-network .ni-with-art--reverse { grid-template-columns:1fr; gap:24px; } #ni-meaning-network .ni-with-art--reverse>:first-child { order:0; } #ni-meaning-network .ni-side-art { max-width:420px; } #ni-meaning-network .ni-narrative-listening { grid-template-columns:1fr; gap:30px; } } @media(max-width:600px) { #ni-meaning-network .ni-with-art + .ni-prose .ni-outcomes, #ni-meaning-network .ni-outcomes--split { grid-template-columns:1fr; } #ni-meaning-network .ni-method-grid,#ni-meaning-network .ni-measurement { grid-template-columns:1fr; gap:24px; } #ni-meaning-network .ni-measurement,#ni-meaning-network .ni-audit-route { padding:24px; } #ni-meaning-network .ni-four-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } #ni-meaning-network .ni-audit-step { grid-template-columns:1fr; } #ni-meaning-network .ni-audit-route strong { font-size:18px; } #ni-meaning-network .ni-side-art { max-width:none; } } /* Banner and Dark sky / Deep forest textures exported from NI's Figma library. */ #ni-meaning-network .ni-offering-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; } #ni-meaning-network .ni-banner-art { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; } #ni-meaning-network .ni-colour-start { --banner-inset:max(var(--ni-header-inset), calc((100vw - 1248px) / 2)); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:0; align-items:stretch; position:relative; left:50%; width:100vw; margin:48px 0 0 -50vw; padding:0; color:#fffdf9; border:0; overflow:hidden; } #ni-meaning-network .ni-colour-start>div { display:flex; flex-direction:column; justify-content:center; padding:56px 40px 56px var(--banner-inset); } #ni-meaning-network .ni-colour-start--blue { background:#00003c; } #ni-meaning-network .ni-colour-start--green { background:#304827; } #ni-meaning-network .ni-colour-start .ni-mini { color:rgba(255,253,249,.72); } #ni-meaning-network .ni-colour-start h2 { font-size:clamp(32px,4.2cqw,54px); } #ni-meaning-network .ni-colour-start h2:first-child { margin-top:0; } #ni-meaning-network .ni-colour-start h2 .ni-statement-rest { display:block; margin-top:.55em; font-size:clamp(22px,2.6cqw,32px); line-height:1.22; letter-spacing:-.03em; font-weight:500; } #ni-meaning-network .ni-colour-start p { font-size:16px; line-height:1.55; max-width:490px; margin-bottom:28px; } #ni-meaning-network .ni-colour-start .ni-text-link { color:#fffdf9; } #ni-meaning-network .ni-colour-start a:hover { color:#c1d100; } #ni-meaning-network .ni-colour-start .ni-work-cta { color:#00003c; background:#c1d100; } #ni-meaning-network .ni-colour-start .ni-work-cta:hover { background:#fffdf9; color:#00003c; } #ni-meaning-network .ni-colour-start a:focus-visible { outline-color:#fffdf9; } #ni-meaning-network .ni-cta-texture { --ni-texture-crop:.3; display:block; width:100%; height:auto; align-self:stretch; aspect-ratio:calc((1 - var(--ni-texture-crop)) * 16 / 9); object-fit:cover; object-position:right center; } @media(max-width:800px) { #ni-meaning-network .ni-offering-heading { gap:28px; } } @media(max-width:600px) { #ni-meaning-network .ni-offering-heading { grid-template-columns:1fr; } #ni-meaning-network .ni-colour-start { grid-template-columns:1fr; } #ni-meaning-network .ni-colour-start>div { padding:36px var(--banner-inset) 32px; } #ni-meaning-network .ni-cta-texture { width:100%; height:auto; } #ni-meaning-network .ni-colour-start .ni-actions { gap:20px; } } /* Editorial journey: single-column essay + ZOA-style pinned scene on KnowSys. */ #ni-meaning-network .ni-serif-kicker { margin:0 0 8px; font-family:NIRedaction,Georgia,serif; font-size:15px; line-height:1.4; font-weight:700; letter-spacing:0; text-transform:none; color:#00003c; } #ni-meaning-network .ni-product-kicker.ni-serif-kicker { margin:30px 0 -12px; color:#00003c; } #ni-meaning-network .ni-toc { display:flex; flex-wrap:wrap; gap:8px 22px; position:sticky; top:0; z-index:5; padding:14px 0 12px; margin:0 0 8px; border-top:1px solid #00003c; border-bottom:1px solid #e3e3ea; background:#fff; } #ni-meaning-network .ni-toc a { font:700 13px/1.4 NIRedaction,Georgia,serif; padding:6px 0; border-bottom:2px solid transparent; white-space:nowrap; } #ni-meaning-network .ni-toc a[aria-current="location"] { border-bottom-color:#e93bd4; } #ni-meaning-network .ni-essay-flow, #ni-meaning-network .ni-essay { max-width:720px; padding:48px 0 56px; } #ni-meaning-network .ni-essay h2, #ni-meaning-network .ni-chapter h2 { font:500 clamp(30px,4cqw,51px)/1.04 NISharp,Arial,sans-serif; letter-spacing:-.045em; margin:18px 0 22px; } #ni-meaning-network .ni-essay p, #ni-meaning-network .ni-chapter p { font-size:17px; line-height:1.6; max-width:620px; margin:0 0 18px; } #ni-meaning-network .ni-chapter { padding:48px 0 8px; scroll-margin-top:24px; } #ni-meaning-network .ni-chapter:first-child { padding-top:28px; } #ni-meaning-network .ni-chapter-figure { margin:28px 0 0; max-width:420px; } #ni-meaning-network .ni-chapter-figure img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border:1px solid #00003c; box-shadow:4px 4px 0 #c1d100; } #ni-meaning-network .ni-chapter-figure figcaption { padding-top:12px; font:13px/1.5 NIRedaction,Georgia,serif; color:#636378; } #ni-meaning-network .ni-chapter-cards { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } #ni-meaning-network .ni-chapter-cards li { border:1px solid #00003c; background:#f1ebde; box-shadow:4px 4px 0 #c1d100; } #ni-meaning-network .ni-chapter-cards header { background:#00003c; color:#fffdf9; padding:12px 16px; font-size:15px; letter-spacing:-.02em; } #ni-meaning-network .ni-chapter-cards p { margin:0; padding:14px 16px 16px; font-size:15px; max-width:none; } #ni-meaning-network .ni-chapter .ni-outcomes, #ni-meaning-network .ni-essay .ni-outcomes { margin-top:8px; } #ni-meaning-network .ni-outcomes--split { display:grid; grid-template-columns:1fr 1fr; gap:0 50px; } #ni-meaning-network .ni-chapter .ni-module-list { margin-top:8px; } #ni-meaning-network .ni-system-heading>div p { max-width:460px; font-size:16px; line-height:1.55; margin:0 0 16px; } #ni-meaning-network .ni-section>p { max-width:640px; font-size:16px; line-height:1.55; margin:22px 0 0; } #ni-meaning-network .ni-system-heading .ni-actions { margin-top:8px; } #ni-meaning-network .ni-with-art figcaption { padding-top:12px; font:13px/1.5 NIRedaction,Georgia,serif; color:#636378; } @media(max-width:800px) { #ni-meaning-network .ni-chapter-cards { grid-template-columns:1fr; } } @media(max-width:600px) { #ni-meaning-network .ni-outcomes--split { grid-template-columns:1fr; } } /* Cream panels on a white page: the curriculum screen frame, extended to every interactive embed and selector. */ #ni-meaning-network .ni-panel, #ni-meaning-network .ni-concept, #ni-meaning-network .ni-scene-stage, #ni-meaning-network .ni-intro-film, #ni-meaning-network .ni-system-products, #ni-meaning-network .ni-format-picker, #ni-meaning-network .ni-module-list { background:var(--ni-paper); border:1px solid var(--ni-ink); box-shadow:5px 5px 0 var(--ni-acid); } #ni-meaning-network .ni-format-picker { padding:0 28px 20px; margin-top:8px; } #ni-meaning-network .ni-concept { padding:18px 22px 22px; } #ni-meaning-network .ni-concept-labels button { background:#fff; } #ni-meaning-network .ni-format-buttons { border-bottom-color:var(--ni-line); } #ni-meaning-network .ni-module-list { padding:0 28px; } #ni-meaning-network .ni-module-list details:first-child { border-top:0; } #ni-meaning-network .ni-module-list details:last-child { border-bottom:0; } #ni-meaning-network .ni-syllabus .ni-module-list, #ni-meaning-network .ni-chapter .ni-module-list { margin-top:28px; } #ni-meaning-network .ni-chapter-cards li { background:var(--ni-paper); } #ni-meaning-network .ni-scene { --ni-nav: 60px; height:620vh; margin:0 0 28px; position:relative; } #ni-meaning-network .ni-scene-stage { position:sticky; top:var(--ni-nav); height:calc(100vh - var(--ni-nav) - 20px); overflow:hidden; } #ni-meaning-network .ni-scene-intro { position:absolute; inset:0 auto auto 40px; z-index:4; width:min(58%, 720px); padding-top:12px; } #ni-meaning-network .ni-scene-intro .ni-title { margin:36px 0 20px; } #ni-meaning-network .ni-scene-intro .ni-subtitle { margin-bottom:18px; } #ni-meaning-network .ni-scene-intro .ni-hero-copy { margin:0; } #ni-meaning-network .ni-scene-hint { display:inline-block; margin-left:.6em; font:11px/1.5 monospace; letter-spacing:.08em; text-transform:uppercase; color:#636378; } #ni-meaning-network .ni-scene-copy { position:absolute; left:40px; top:28%; width:34%; z-index:4; pointer-events:none; } #ni-meaning-network .ni-scene-beat { position:absolute; inset:0 auto auto 0; opacity:0; visibility:hidden; pointer-events:none; } #ni-meaning-network .ni-scene-beat.is-live { pointer-events:auto; } #ni-meaning-network .ni-scene-beat h2 { margin:0; font:500 clamp(28px,3.2vw,48px)/1.12 NISharp,Arial,sans-serif; letter-spacing:-.045em; max-width:18ch; } #ni-meaning-network .ni-scene-beat .ni-text-link { pointer-events:auto; } #ni-meaning-network .ni-scene-svg { position:absolute; left:38%; top:6%; width:60%; height:82%; z-index:1; } #ni-meaning-network .ni-scene-svg .ni-edge { fill:none; stroke:#00003c; stroke-width:1.1; } #ni-meaning-network .ni-scene-svg .ni-edge--bus { stroke:#e93bd4; stroke-width:1.6; } #ni-meaning-network .ni-scene-svg .ni-edge--meaning { stroke:#8b47ba; } #ni-meaning-network .ni-scene-svg .ni-pulse { fill:#c1d100; } #ni-meaning-network .ni-scene-svg g:has(.ni-pulse) { transition:opacity .6s ease; } #ni-meaning-network .ni-scene-svg text { font:11px/1.2 NISharp,Arial,sans-serif; fill:#636378; paint-order:stroke; stroke:#f6f3ea; stroke-width:4px; stroke-linejoin:round; } #ni-meaning-network .ni-scene-progress { position:absolute; left:38%; top:18%; bottom:22%; width:1px; z-index:2; display:flex; flex-direction:column; justify-content:space-between; opacity:0; visibility:hidden; pointer-events:none; } #ni-meaning-network .ni-scene-track { position:absolute; inset:0; width:1px; background:#e3e3ea; } #ni-meaning-network .ni-scene-track > span { display:block; width:1px; height:100%; background:#c1d100; transform-origin:top; transform:scaleY(0); } #ni-meaning-network .ni-scene-progress button { position:relative; border:0; padding:0; margin-left:-15px; width:32px; min-height:32px; background:#f6f3ea; color:#636378; font:10px/1 monospace; cursor:pointer; } #ni-meaning-network .ni-scene-progress button[aria-current="step"], #ni-meaning-network .ni-scene-progress button:hover { color:#00003c; } #ni-meaning-network .ni-scene-progress button span:last-child { position:absolute; left:34px; top:10px; width:max-content; font:10px/1 NIRedaction,Georgia,serif; letter-spacing:.04em; opacity:0; } #ni-meaning-network .ni-scene-progress button:hover span:last-child, #ni-meaning-network .ni-scene-progress button:focus-visible span:last-child, #ni-meaning-network .ni-scene-progress button[aria-current="step"] span:last-child { opacity:1; } @media(max-width:900px) { #ni-meaning-network .ni-scene-intro { left:24px; width:88%; } #ni-meaning-network .ni-chapter { padding:36px 0 8px; } #ni-meaning-network .ni-chapter-figure { max-width:none; } } @media(max-width:700px) { #ni-meaning-network .ni-scene { height:540vh; --ni-nav:100px; } #ni-meaning-network .ni-scene-intro { left:20px; } #ni-meaning-network .ni-format-picker { padding:0 18px 16px; } #ni-meaning-network .ni-module-list { padding:0 18px; } #ni-meaning-network .ni-concept { padding:14px 16px 18px; } #ni-meaning-network .ni-scene-copy { left:20px; top:8%; width:86%; } #ni-meaning-network .ni-scene-beat h2 { font-size:clamp(22px,7vw,32px); max-width:22ch; } #ni-meaning-network .ni-scene-svg { left:4%; top:42%; width:94%; height:46%; } #ni-meaning-network .ni-scene-progress { left:4%; top:46%; bottom:16%; } #ni-meaning-network .ni-scene-progress button span:last-child { left:28px; } } @media(max-width:540px) { #ni-meaning-network .ni-toc { font-size:12px; gap:4px 12px; } #ni-meaning-network .ni-toc a { font-size:12px; } #ni-meaning-network .ni-title.ni-title--audit { font-size:18cqw; } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-scene-beat { transform:none!important; } #ni-meaning-network .ni-scene-svg g:has(.ni-pulse) { display:none; } } /* The product relationship is shared infrastructure, organisational practice, and learning. */ #ni-meaning-network .ni-product-system { padding-top:40px; } #ni-meaning-network .ni-system-heading { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:end; margin-bottom:48px; } #ni-meaning-network .ni-system-heading h2 { margin-top:0; margin-bottom:0; } #ni-meaning-network .ni-system-heading--home { align-items:center; } #ni-meaning-network .ni-system-heading--home h2 { margin-top:0; margin-bottom:25px; } #ni-meaning-network .ni-system-heading--home>div p { max-width:510px; } #ni-meaning-network .ni-system-art-slot { position:relative; width:100%; aspect-ratio:680/850; } #ni-meaning-network .ni-system-art { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; } #ni-meaning-network .ni-system-heading--home #meaning { scroll-margin-top:24px; } #ni-meaning-network .ni-system-heading>p { max-width:460px; font-size:18px; line-height:1.55; margin:0 0 3px; } #ni-meaning-network .ni-system-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } #ni-meaning-network .ni-system-products { margin:0 0 36px; } #ni-meaning-network .ni-system-product { position:relative; display:flex; flex-direction:column; padding:32px 28px 28px; } #ni-meaning-network .ni-system-product+ .ni-system-product { border-left:1px solid var(--ni-line); } #ni-meaning-network .ni-system-node { position:absolute; top:-6px; left:28px; width:11px; height:11px; border:1px solid var(--ni-ink); border-radius:50%; background:var(--ni-paper); } #ni-meaning-network .ni-system-product--transform .ni-system-node { background:var(--ni-pink); } #ni-meaning-network .ni-system-product h3 { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:clamp(28px,3.4cqw,43px); font-weight:500; letter-spacing:-.05em; margin:8px 0 18px; } #ni-meaning-network .ni-system-product h3>span { width:22px; height:22px; flex-shrink:0; background:currentColor; mask:url('assets/icons/arrow-right.svg') center/contain no-repeat; -webkit-mask:url('assets/icons/arrow-right.svg') center/contain no-repeat; } #ni-meaning-network .ni-system-product p { margin:0 0 22px; font-size:16px; line-height:1.55; max-width:340px; } #ni-meaning-network .ni-discover-included { display:block; border-left:2px solid var(--ni-pink); padding:3px 0 3px 14px; margin:0 0 26px; font-size:13px; line-height:1.5; } #ni-meaning-network .ni-discover-included>span { display:block; font:700 15px/1.4 NIRedaction,Georgia,serif; margin-bottom:5px; } #ni-meaning-network .ni-system-role { margin-top:auto; padding-top:20px; font:14px/1.5 NIRedaction,Georgia,serif; } #ni-meaning-network .ni-system-loop { display:flex; align-items:center; gap:20px; padding:22px 0 0; } #ni-meaning-network .ni-system-loop>span { font-size:40px; line-height:1; } #ni-meaning-network .ni-system-loop p { margin:0; font-size:15px; line-height:1.65; } #ni-meaning-network .ni-system-loop p span { color:var(--ni-muted); font-size:13px; } #ni-meaning-network .ni-title.ni-title--transform { font-size:clamp(48px,15cqw,185px); } @media(max-width:800px) { #ni-meaning-network .ni-system-heading { grid-template-columns:1fr; gap:22px; margin-bottom:36px; } #ni-meaning-network .ni-system-heading--home { gap:36px; } #ni-meaning-network .ni-system-art-slot { aspect-ratio:680/850; max-width:420px; } #ni-meaning-network .ni-system-heading>p { max-width:600px; font-size:16px; } #ni-meaning-network .ni-system-products { grid-template-columns:1fr; } #ni-meaning-network .ni-system-product,#ni-meaning-network .ni-system-product+ .ni-system-product { padding:28px 24px; border-left:0; } #ni-meaning-network .ni-system-product+ .ni-system-product { border-top:1px solid var(--ni-line); } #ni-meaning-network .ni-system-node { left:24px; } #ni-meaning-network .ni-system-product h3 { font-size:36px; margin:16px 0; } #ni-meaning-network .ni-system-product p { max-width:540px; margin-bottom:12px; } #ni-meaning-network .ni-system-role { padding-top:12px; } #ni-meaning-network .ni-discover-included { margin:6px 0 10px; } #ni-meaning-network .ni-system-loop { margin-top:16px; align-items:flex-start; } } /* Intelligence is the engagement; KnowSys is the research tooling. */ #ni-meaning-network .ni-title.ni-title--intelligence { font-size:clamp(40px,13cqw,170px); } #ni-meaning-network .ni-intelligence-links { margin:-24px 0 42px; } #ni-meaning-network .ni-scene-intro h2 { margin:30px 0 22px; font-size:clamp(32px,4.5cqw,60px); font-weight:500; line-height:1.05; letter-spacing:-.045em; } #ni-meaning-network .ni-scene-intro .ni-scene-hint { margin:20px 0 0; } #ni-meaning-network .ni-scene-beat>p { font-size:16px; line-height:1.5; max-width:380px; margin:20px 0 0; } #ni-meaning-network .ni-system-heading .ni-observatory-tagline { font:500 clamp(22px,2.6cqw,32px)/1.2 NISharp,Arial,sans-serif; margin:12px 0 0; letter-spacing:-.03em; } body[data-page="knowsys"] .ni-section,body[data-page="knowsys"] #strategy,body[data-page="knowsys"] #research { scroll-margin-top:140px; } @media(max-width:700px) { #ni-meaning-network .ni-scene-copy { top:3%; } #ni-meaning-network .ni-scene-beat h2 { font-size:clamp(22px,6.5vw,30px); } #ni-meaning-network .ni-scene-beat>p { font-size:14px; line-height:1.45; margin-top:12px; } #ni-meaning-network .ni-scene-beat .ni-text-link { padding-top:12px; } #ni-meaning-network .ni-scene-svg { top:48%; height:43%; } #ni-meaning-network .ni-scene-progress { top:53%; bottom:12%; } } /* KnowSys tooling beside the original interactive listening diagram. */ #ni-meaning-network .ni-tooling-field { scroll-margin-top:140px; } #ni-meaning-network .ni-tooling-field .ni-field-copy h2 { margin-bottom:10px; } #ni-meaning-network .ni-tooling-field .ni-observatory-tagline { font-size:clamp(22px,2.6cqw,32px); line-height:1.2; letter-spacing:-.03em; margin-bottom:26px; } #ni-meaning-network .ni-tooling-field .ni-concept-reading { min-height:160px; } @media(max-width:800px) { #ni-meaning-network .ni-tooling-field .ni-concept-reading { min-height:0; } } /* Intervention journey: NI's listening, gravity, organising and prototype artwork. */ #ni-meaning-network .ni-intervention-scene { height:620vh; scroll-margin-top:80px; } #ni-meaning-network .ni-intervention-scene .ni-scene-stage { height:calc(100svh - var(--ni-nav) - 20px); } #ni-meaning-network .ni-intervention-scene .ni-scene-intro, #ni-meaning-network .ni-intervention-scene .ni-scene-copy { left:5%; top:50%; width:39%; padding:0; transform:translateY(calc(-50% - 45px)); } #ni-meaning-network .ni-intervention-scene .ni-scene-copy { height:360px; display:flex; align-items:center; } #ni-meaning-network .ni-intervention-scene .ni-scene-beat { inset:auto 0; } #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2 { margin:0 0 24px; font-size:clamp(32px,4cqw,54px); } #ni-meaning-network .ni-intervention-scene .ni-scene-beat h2 { font-size:clamp(30px,3.6cqw,48px); } #ni-meaning-network .ni-intervention-scene .ni-hero-copy, #ni-meaning-network .ni-intervention-scene .ni-scene-beat>p { font-size:17px; line-height:1.55; max-width:400px; } #ni-meaning-network .ni-intervention-scene .ni-scene-hint { font:12px/1.5 NISharp,Arial,sans-serif; letter-spacing:0; text-transform:none; } #ni-meaning-network .ni-scene-visuals { position:absolute; left:48%; right:3%; top:10%; bottom:140px; } #ni-meaning-network .ni-scene-visual { position:absolute; inset:0; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; opacity:0; visibility:hidden; transform:translateY(16px); transition:opacity .35s ease,transform .55s ease,visibility .35s; } #ni-meaning-network .ni-scene-visual.is-live { opacity:1; visibility:visible; transform:translateY(0); } #ni-meaning-network .ni-scene-visual figcaption { font:12px/1.5 NISharp,Arial,sans-serif; text-align:center; color:var(--ni-muted); } #ni-meaning-network .ni-scene-visual--gravity>img { display:block; width:100%; height:auto; max-height:80%; object-fit:contain; mix-blend-mode:multiply; } #ni-meaning-network .ni-stage-glyph { display:block; width:52%; max-height:65%; object-fit:contain; transform:scale(calc(.92 + var(--scene-reveal,1)*.08)); } #ni-meaning-network .ni-listening-eye { display:block; position:relative; width:65%; aspect-ratio:202.874 / 106.552; } #ni-meaning-network .ni-listening-eye>img { position:absolute; inset:0; width:100%; height:100%; } #ni-meaning-network .ni-listening-tint { mask:url('assets/intervention/listening-mask.png') center/100% 100% no-repeat; } #ni-meaning-network .ni-research-glyphs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:25px; width:94%; } #ni-meaning-network .ni-research-glyphs>div { text-align:center; } #ni-meaning-network .ni-research-glyphs img { width:100%; height:120px; object-fit:contain; margin-bottom:24px; } #ni-meaning-network .ni-research-glyphs span { display:block; font:14px/1.3 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-research-glyphs>div:nth-child(2) { transform:translateY(calc((1 - var(--scene-reveal,1))*14px)); } #ni-meaning-network .ni-research-glyphs>div:nth-child(3) { transform:translateY(calc((1 - var(--scene-reveal,1))*28px)); } #ni-meaning-network .ni-learning-cycle { position:relative; width:min(100%,390px); aspect-ratio:1; } #ni-meaning-network .ni-learning-cycle::before { content:''; position:absolute; inset:18%; border:1px solid var(--ni-pink); border-radius:50%; } #ni-meaning-network .ni-learning-cycle>div { position:absolute; width:27%; height:29%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:var(--ni-paper); } #ni-meaning-network .ni-learning-cycle>div:nth-child(1) { top:0; left:36.5%; } #ni-meaning-network .ni-learning-cycle>div:nth-child(2) { top:35.5%; right:0; } #ni-meaning-network .ni-learning-cycle>div:nth-child(3) { bottom:0; left:36.5%; } #ni-meaning-network .ni-learning-cycle>div:nth-child(4) { top:35.5%; left:0; } #ni-meaning-network .ni-learning-cycle>div>img { width:70%; height:64%; object-fit:contain; } #ni-meaning-network .ni-learning-cycle .ni-listening-eye { width:100%; } #ni-meaning-network .ni-learning-cycle>div>span:last-child { font:12px/1.3 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-cycle-centre { position:absolute; inset:40% 30%; text-align:center; display:grid; place-content:center; font:500 18px/1.2 NISharp,Arial,sans-serif; letter-spacing:-.03em; } #ni-meaning-network .ni-scene-return { border:0; background:none; color:var(--ni-ink); font:14px/1.4 NISharp,Arial,sans-serif; cursor:pointer; margin-top:18px; padding:0 0 5px; border-bottom:1px solid var(--ni-ink); text-align:left; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress { top:auto; bottom:0; left:5%; right:5%; width:auto; height:94px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); opacity:1; visibility:visible; pointer-events:auto; } #ni-meaning-network .ni-intervention-scene .ni-scene-track { inset:0 0 auto; width:100%; height:1px; } #ni-meaning-network .ni-intervention-scene .ni-scene-track>span { width:100%; height:2px; background:var(--ni-pink); transform:scaleX(0); transform-origin:left; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button { display:flex; flex-direction:column; align-items:flex-start; gap:7px; width:100%; margin:0; padding:16px 8px 12px 0; background:transparent; font:500 20px/1 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button span:first-child { color:var(--ni-pink); } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button span:last-child { position:static; font:13px/1.3 NISharp,Arial,sans-serif; letter-spacing:0; opacity:1; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button[aria-current="step"] { box-shadow:inset 0 3px 0 var(--ni-pink); } #ni-meaning-network .ni-intervention-scene button:focus-visible { outline:2px solid var(--ni-ink); outline-offset:3px; } @media(max-width:800px) { #ni-meaning-network .ni-intervention-scene .ni-scene-intro, #ni-meaning-network .ni-intervention-scene .ni-scene-copy { top:6%; left:6%; width:88%; transform:none; height:auto; } #ni-meaning-network .ni-intervention-scene .ni-scene-beat { inset:0; } #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2, #ni-meaning-network .ni-intervention-scene .ni-scene-beat h2 { font-size:clamp(27px,5vw,40px); max-width:22ch; margin-bottom:0; } #ni-meaning-network .ni-intervention-scene .ni-hero-copy, #ni-meaning-network .ni-intervention-scene .ni-scene-beat>p { font-size:15px; line-height:1.45; margin-top:16px; max-width:540px; } #ni-meaning-network .ni-scene-visuals { top:44%; bottom:106px; left:8%; right:8%; } #ni-meaning-network .ni-scene-visual { gap:16px; } #ni-meaning-network .ni-scene-visual figcaption { font-size:11px; } #ni-meaning-network .ni-stage-glyph { height:75%; width:55%; } #ni-meaning-network .ni-listening-eye { max-height:65%; width:60%; } #ni-meaning-network .ni-research-glyphs { max-width:460px; gap:18px; } #ni-meaning-network .ni-research-glyphs img { height:90px; margin-bottom:14px; } #ni-meaning-network .ni-research-glyphs span { font-size:12px; } #ni-meaning-network .ni-learning-cycle { height:calc(100% - 32px); width:auto; max-height:300px; } #ni-meaning-network .ni-cycle-centre { font-size:16px; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress { height:80px; left:6%; right:6%; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button { font-size:16px; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button span:last-child { font-size:10px; } } @media(max-width:800px) and (max-height:700px) { #ni-meaning-network .ni-intervention-scene .ni-scene-intro, #ni-meaning-network .ni-intervention-scene .ni-scene-copy { top:4%; } #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2, #ni-meaning-network .ni-intervention-scene .ni-scene-beat h2 { font-size:25px; } #ni-meaning-network .ni-intervention-scene .ni-hero-copy, #ni-meaning-network .ni-intervention-scene .ni-scene-beat>p { font-size:13px; line-height:1.4; margin-top:12px; } #ni-meaning-network .ni-intervention-scene .ni-scene-hint { margin-top:12px; font-size:10px; } #ni-meaning-network .ni-scene-visuals { top:55%; bottom:83px; } #ni-meaning-network .ni-scene-visual { gap:8px; } #ni-meaning-network .ni-scene-visual figcaption { font-size:9px; } #ni-meaning-network .ni-research-glyphs img { height:52px; margin-bottom:6px; } #ni-meaning-network .ni-research-glyphs span { font-size:10px; } #ni-meaning-network .ni-learning-cycle>div>span:last-child { font-size:9px; } #ni-meaning-network .ni-cycle-centre { font-size:11px; } #ni-meaning-network .ni-scene-return { font-size:12px; margin-top:10px; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress { height:65px; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button { padding-top:12px; font-size:14px; } #ni-meaning-network .ni-intervention-scene .ni-scene-progress button span:last-child { font-size:9px; } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-scene-visual { transition:none; transform:none; } #ni-meaning-network .ni-stage-glyph, #ni-meaning-network .ni-research-glyphs>div { transform:none!important; } } #ni-meaning-network .ni-scene-visual--gravity { background:var(--ni-paper); } @media(max-width:800px) and (max-height:700px) { #ni-meaning-network .ni-intervention-scene .ni-scene-progress button span:last-child { width:auto; font-size:10px; } #ni-meaning-network .ni-scene-visual--cycle .ni-learning-cycle { display:grid; grid-template-columns:repeat(4,1fr); gap:5px 8px; width:min(100%,240px); height:auto; aspect-ratio:auto; } #ni-meaning-network .ni-scene-visual--cycle .ni-learning-cycle::before { display:none; } #ni-meaning-network .ni-scene-visual--cycle .ni-learning-cycle>div { position:static; width:auto; height:64px; gap:6px; justify-content:flex-end; } #ni-meaning-network .ni-scene-visual--cycle .ni-learning-cycle>div>img { width:36px; height:40px; } #ni-meaning-network .ni-scene-visual--cycle .ni-listening-eye { width:45px; height:40px; max-height:none; } #ni-meaning-network .ni-scene-visual--cycle .ni-listening-eye>img { object-fit:contain; } #ni-meaning-network .ni-scene-visual--cycle .ni-cycle-centre { position:static; grid-column:1/-1; display:block; font-size:10px; margin-top:3px; } #ni-meaning-network .ni-scene-visual--cycle .ni-cycle-centre br { display:none; } #ni-meaning-network .ni-scene-visual--cycle figcaption { display:none; } } @media(min-width:801px) and (max-height:650px) { #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2, #ni-meaning-network .ni-intervention-scene .ni-scene-beat h2 { font-size:30px; } #ni-meaning-network .ni-intervention-scene .ni-hero-copy, #ni-meaning-network .ni-intervention-scene .ni-scene-beat>p { font-size:13px; line-height:1.4; margin-top:12px; } #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2 { margin-bottom:12px; } #ni-meaning-network .ni-intervention-scene .ni-scene-hint { font-size:10px; margin-top:10px; } #ni-meaning-network .ni-scene-visuals { top:8%; bottom:108px; } #ni-meaning-network .ni-scene-visual { gap:12px; } #ni-meaning-network .ni-research-glyphs img { height:65px; margin-bottom:12px; } #ni-meaning-network .ni-learning-cycle { height:80%; width:auto; } #ni-meaning-network .ni-cycle-centre { font-size:12px; } #ni-meaning-network .ni-learning-cycle>div>span:last-child { font-size:9px; } #ni-meaning-network .ni-scene-return { font-size:12px; margin-top:12px; } } @media(min-width:801px) and (max-height:450px) { #ni-meaning-network .ni-intervention-scene .ni-scene-progress { height:70px; } #ni-meaning-network .ni-scene-visuals { bottom:88px; } #ni-meaning-network .ni-intervention-scene .ni-scene-intro, #ni-meaning-network .ni-intervention-scene .ni-scene-copy { transform:translateY(calc(-50% - 30px)); } #ni-meaning-network .ni-intervention-scene .ni-scene-intro h2, #ni-meaning-network .ni-intervention-scene .ni-scene-beat h2 { font-size:27px; } } /* One moving field: data, communities and the original NI assets share a scene. */ #ni-meaning-network .ni-motion-composition { opacity:1; visibility:visible; transform:none; transition:none; gap:0; } #ni-meaning-network .ni-motion-artboard { position:absolute; inset:0 0 32px; } #ni-meaning-network .ni-journey-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:1; } #ni-meaning-network .ni-motion-asset { position:absolute; display:block; height:auto; max-height:none; max-width:none; object-fit:contain; transform:translate(-50%,-50%); opacity:0; z-index:2; will-change:transform,left,top; } #ni-meaning-network .ni-motion-terrain { z-index:0; mix-blend-mode:multiply; } #ni-meaning-network .ni-motion-composition figcaption { position:absolute; bottom:0; left:0; right:0; } #ni-meaning-network .ni-motion-field { top:8%; bottom:126px; } @media(max-width:800px) { #ni-meaning-network .ni-motion-field { top:45%; bottom:102px; left:6%; right:6%; } #ni-meaning-network .ni-motion-artboard { bottom:25px; } } @media(max-width:800px) and (max-height:700px) { #ni-meaning-network .ni-motion-field { top:56%; bottom:80px; } #ni-meaning-network .ni-motion-artboard { bottom:18px; } } @media(min-width:801px) and (max-height:650px) { #ni-meaning-network .ni-motion-field { top:6%; bottom:108px; } } @media(min-width:801px) and (max-height:450px) { #ni-meaning-network .ni-motion-field { bottom:80px; } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-motion-asset { will-change:auto; } } /* The offering leads with its tagline; KnowSys lives inside the animated journey. */ #ni-meaning-network .ni-hero--offering { padding:44px 0 0; } #ni-meaning-network .ni-hero--offering .ni-hero-claim { font-family:NISharp,Arial,sans-serif; font-weight:500; max-width:960px; margin:0 0 26px; } #ni-meaning-network .ni-hero--offering .ni-hero-lead { margin:0 0 48px; max-width:740px; } #ni-meaning-network .ni-intervention-scene { --ni-nav:12px; scroll-margin-top:12px; } #ni-meaning-network .ni-section-anchor { position:absolute; top:0; scroll-margin-top:12px; } #ni-meaning-network .ni-intervention-scene .ni-tooling-intro h2 { margin-bottom:10px; } #ni-meaning-network .ni-tooling-intro .ni-observatory-tagline { font:500 clamp(22px,2.6cqw,32px)/1.15 NISharp,Arial,sans-serif; letter-spacing:-.03em; margin:0 0 24px; } #ni-meaning-network .ni-tooling-intro .ni-hero-copy + .ni-hero-copy { margin-top:16px; } body[data-page="knowsys"] #ni-meaning-network .ni-section, body[data-page="knowsys"] #ni-meaning-network #strategy, body[data-page="knowsys"] #ni-meaning-network #research { scroll-margin-top:12px; } @media(max-width:800px) { #ni-meaning-network .ni-hero--offering { padding-top:32px; } #ni-meaning-network .ni-tooling-intro .ni-observatory-tagline { margin-bottom:16px; font-size:24px; } #ni-meaning-network .ni-intervention-scene .ni-tooling-intro .ni-hero-copy { font-size:14px; line-height:1.4; margin-top:12px; } } @media(max-width:800px) and (max-height:700px) { #ni-meaning-network .ni-tooling-intro .ni-observatory-tagline { margin-bottom:12px; font-size:20px; } #ni-meaning-network .ni-intervention-scene .ni-tooling-intro .ni-hero-copy { font-size:12px; line-height:1.35; margin-top:10px; } #ni-meaning-network .ni-intervention-scene .ni-tooling-intro h2 { font-size:27px; } } @media(min-width:801px) and (max-height:650px) { #ni-meaning-network .ni-intervention-scene .ni-tooling-intro .ni-hero-copy { font-size:12px; line-height:1.35; margin-top:10px; } #ni-meaning-network .ni-tooling-intro .ni-observatory-tagline { margin-bottom:12px; font-size:20px; } } @media(max-width:800px) { #ni-meaning-network .ni-scene-stage.is-intro .ni-motion-field { top:max(45%,var(--intro-visual-top)); } } @media(min-width:801px) and (max-height:450px) { #ni-meaning-network .ni-intervention-scene .ni-tooling-intro { transform:translateY(calc(-50% - 36px)); } } /* Analysis offering, engagement package, intervention process, then KnowSys. */ #ni-meaning-network .ni-analysis-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; } #ni-meaning-network .ni-engagement-actions { margin-top:24px; } #ni-meaning-network .ni-motion-artboard { background:var(--ni-paper); isolation:isolate; } @media(max-width:800px) { #ni-meaning-network .ni-analysis-outcomes { grid-template-columns:1fr; gap:0; } } #ni-meaning-network .ni-motion-terrain { filter:grayscale(1) contrast(1.1) brightness(1.06); } /* Intelligence hero: display heading holds the left column against the network frame. */ #ni-meaning-network .ni-intelligence-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:48px 72px; align-items:start; padding:8px 0 12px; scroll-margin-top:24px; } #ni-meaning-network .ni-intelligence-copy { padding-top:2px; } #ni-meaning-network .ni-intelligence-intro h2 { font:500 clamp(32px,4cqw,51px)/1.04 NISharp,Arial,sans-serif; letter-spacing:-.045em; margin:0 0 24px; } #ni-meaning-network .ni-intelligence-intro .ni-hero-copy { max-width:26em; margin:0; font-size:18px; line-height:1.55; } #ni-meaning-network .ni-intelligence-illustration { min-width:0; margin:0; } #ni-meaning-network .ni-intelligence-illustration a { display:block; } #ni-meaning-network .ni-intelligence-illustration img { display:block; width:100%; height:auto; } #ni-meaning-network .ni-intelligence-illustration figcaption { font-size:12px; line-height:1.5; margin-top:12px; color:var(--ni-muted); } #ni-meaning-network .ni-intelligence-illustration figcaption span { display:block; } #ni-meaning-network .ni-engagement-deliverables { column-gap:50px; } #ni-meaning-network .ni-engagement-deliverables>div { position:relative; padding:24px 0 26px 72px; } #ni-meaning-network .ni-engagement-deliverables dt { font-size:24px; margin:0 0 12px; } #ni-meaning-network .ni-engagement-deliverables dt img { position:absolute; top:24px; left:0; width:44px; height:44px; object-fit:contain; } #ni-meaning-network .ni-engagement-deliverables dd { max-width:500px; } @media(max-width:800px) { #ni-meaning-network .ni-intelligence-intro { grid-template-columns:1fr; gap:28px; padding-bottom:8px; } #ni-meaning-network .ni-intelligence-copy { padding-top:0; } #ni-meaning-network .ni-intelligence-intro .ni-hero-copy { max-width:38em; font-size:16px; } #ni-meaning-network .ni-intelligence-illustration { max-width:640px; } #ni-meaning-network .ni-engagement-deliverables { grid-template-columns:1fr; } } @media(max-width:540px) { #ni-meaning-network .ni-engagement-deliverables>div { padding-left:54px; } #ni-meaning-network .ni-engagement-deliverables dt { font-size:22px; } #ni-meaning-network .ni-engagement-deliverables dt img { width:34px; height:34px; } } /* A live research preview, with optional tooling detail in an accessible dialog. */ #ni-meaning-network .ni-collection-loop { min-width:0; margin:0; } #ni-meaning-network .ni-collection-canvas { position:relative; aspect-ratio:1.65; background:var(--ni-paper); border:1px solid var(--ni-ink); box-shadow:5px 5px 0 var(--ni-acid); } #ni-meaning-network .ni-network-lenses { position:absolute; inset:0; pointer-events:none; } #ni-meaning-network .ni-network-lens { position:absolute; width:clamp(58px,14%,90px); aspect-ratio:1; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:rgba(246,243,234,.94); border:1px solid rgba(233,59,212,.5); border-radius:50%; opacity:0; } #ni-meaning-network .ni-network-lens img { width:54%; height:auto; } #ni-meaning-network .ni-network-lens span { font-size:clamp(9px,1vw,11px); line-height:1.2; color:var(--ni-ink); } #ni-meaning-network .ni-network-lens--language { left:50%; top:28%; } #ni-meaning-network .ni-network-lens--frames { left:79%; top:45%; } #ni-meaning-network .ni-network-lens--communities { left:58%; top:75%; } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-network-lens { opacity:1; } } #ni-meaning-network .ni-collection-loop figcaption { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:16px; color:var(--ni-muted); font-size:12px; line-height:1.5; } #ni-meaning-network .ni-inline-info { display:inline; font:inherit; color:inherit; background:none; padding:0; border:0; text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; cursor:pointer; } #ni-meaning-network .ni-inline-info:hover { color:#a71996; } #ni-meaning-network .ni-inline-info:focus-visible { outline:2px solid var(--ni-ink); outline-offset:3px; } #ni-meaning-network .ni-loop-toggle { border:0; border-bottom:1px solid currentColor; padding:0 0 2px; background:none; font:inherit; color:var(--ni-ink); } #ni-meaning-network .ni-engagement-term { font-size:14px; color:var(--ni-muted); margin:22px 0 0; max-width:500px; } #ni-meaning-network .ni-knowsys-modal { width:min(1160px,calc(100% - 48px)); max-width:none; max-height:calc(100svh - 48px); margin:auto; padding:0 30px 30px; background:var(--ni-white); color:var(--ni-ink); border:1px solid var(--ni-ink); box-shadow:6px 6px 0 var(--ni-acid); overflow:auto; overscroll-behavior:contain; } #ni-meaning-network .ni-knowsys-modal::backdrop { background:rgba(0,0,40,.48); } #ni-meaning-network .ni-modal-toolbar { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:18px 0; border-bottom:1px solid var(--ni-line); background:var(--ni-white); } #ni-meaning-network .ni-modal-close { display:flex; align-items:center; gap:12px; min-height:40px; padding:4px 8px; border:0; background:none; color:var(--ni-ink); font:500 14px/1.3 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-modal-close span { font-size:26px; } #ni-meaning-network .ni-modal-content { border:0; padding:30px 0 0; gap:38px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } #ni-meaning-network .ni-modal-content .ni-concept { margin:0 6px 6px 0; } html.ni-modal-open { overflow:hidden; } @media(max-width:800px) { #ni-meaning-network .ni-modal-content { grid-template-columns:1fr; } #ni-meaning-network .ni-knowsys-modal { width:calc(100% - 28px); max-height:calc(100svh - 28px); padding:0 18px 24px; } } @media(max-width:540px) { #ni-meaning-network .ni-collection-canvas { aspect-ratio:1.25; } #ni-meaning-network .ni-collection-loop figcaption { font-size:11px; } #ni-meaning-network .ni-modal-toolbar .ni-mini { font-size:10px; } #ni-meaning-network .ni-modal-content .ni-concept-meta { flex-wrap:wrap; justify-content:flex-start; } } body[data-page="knowsys"] #ni-meaning-network > .ni-intelligence-package { background:var(--ni-white); padding-top:40px; } #ni-meaning-network .ni-intelligence-package .ni-outcomes { margin-top:0; } /* Transform: one connected programme, with Discover as a compact entry point. */ #ni-meaning-network .ni-transform-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; align-items:center; padding:8px 0 56px; scroll-margin-top:24px; } #ni-meaning-network .ni-transform-intro .ni-subtitle { margin:0 0 24px; text-wrap:balance; } #ni-meaning-network .ni-transform-intro .ni-hero-copy { margin:0; max-width:490px; } #ni-meaning-network .ni-transform-art { margin:0; width:100%; aspect-ratio:3/2; overflow:hidden; } #ni-meaning-network .ni-transform-art img { display:block; width:100%; height:100%; object-fit:cover; } #ni-meaning-network .ni-transform-programme { background:var(--ni-paper); border:1px solid var(--ni-ink); box-shadow:5px 5px 0 var(--ni-acid); padding:0; margin:0 0 12px; } #ni-meaning-network .ni-transform-programme-body { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; padding:42px 40px 34px; } #ni-meaning-network .ni-transform-programme-intro h2 { margin:0 0 24px; } #ni-meaning-network .ni-transform-programme-intro>p,#ni-meaning-network .ni-transform-discover-intro>p { font-size:16px; line-height:1.55; max-width:450px; margin:0; } #ni-meaning-network .ni-transform-layers { list-style:none; padding:0; margin:0; } #ni-meaning-network .ni-transform-layers li { position:relative; display:grid; grid-template-columns:32px minmax(0,1fr); gap:22px; padding:0 0 28px; } #ni-meaning-network .ni-transform-layers li:last-child { padding-bottom:0; } #ni-meaning-network .ni-transform-layers li:not(:last-child)::before { content:''; position:absolute; left:15px; top:32px; bottom:0; width:1px; background:var(--ni-ink); opacity:.25; } #ni-meaning-network .ni-transform-layer-number { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--ni-ink); border-radius:50%; background:var(--ni-acid); font:12px/1 NISharp,Arial,sans-serif; } #ni-meaning-network .ni-transform-layers li:nth-child(2) .ni-transform-layer-number { background:var(--ni-pink); } #ni-meaning-network .ni-transform-layers li:nth-child(3) .ni-transform-layer-number { background:var(--ni-ink); color:var(--ni-white); } #ni-meaning-network .ni-transform-layers h3 { font-size:24px; font-weight:500; line-height:1.15; letter-spacing:-.035em; margin:2px 0 12px; } #ni-meaning-network .ni-transform-layers p { font-size:15px; line-height:1.55; margin:0; } #ni-meaning-network .ni-transform-discover { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; border-top:0; padding:64px 0 54px; } #ni-meaning-network .ni-transform-discover h2 { font-size:clamp(30px,3.3cqw,42px); } #ni-meaning-network .ni-transform-discovery-detail { min-width:0; } #ni-meaning-network .ni-transform-discovery-detail .ni-module-list { background:transparent; border:0; border-top:1px solid var(--ni-ink); border-bottom:1px solid var(--ni-ink); box-shadow:none; padding:0; scroll-margin-top:24px; } #ni-meaning-network .ni-transform-discovery-detail summary { cursor:pointer; font-size:23px; align-items:baseline; } #ni-meaning-network .ni-transform-discovery-detail .ni-transform-step-label { flex:1; font:inherit; color:inherit; margin:0; } #ni-meaning-network .ni-transform-discovery-detail summary small { display:block; margin-top:8px; color:var(--ni-muted); font-size:12px; line-height:1.5; letter-spacing:0; } #ni-meaning-network .ni-transform-discovery-detail summary:focus-visible { outline:2px solid var(--ni-ink); outline-offset:5px; } #ni-meaning-network .ni-transform-discovery-detail details p { padding-left:29px; } #ni-meaning-network .ni-transform-discovery-outcomes { padding-top:24px; scroll-margin-top:24px; } #ni-meaning-network .ni-transform-discovery-outcomes .ni-mini { color:var(--ni-muted); font-size:10px; } #ni-meaning-network .ni-transform-discovery-outcomes ul { list-style:none; display:flex; flex-wrap:wrap; gap:10px 20px; margin:0; padding:0; font-size:13px; line-height:1.5; } #ni-meaning-network .ni-transform-discovery-outcomes li::before { content:'↗'; color:#7b8500; margin-right:7px; } @media(max-width:1000px) { #ni-meaning-network .ni-transform-intro,#ni-meaning-network .ni-transform-discover { gap:36px; } #ni-meaning-network .ni-transform-programme-body { gap:32px; padding-left:28px; padding-right:28px; } #ni-meaning-network .ni-transform-layers li { gap:16px; } } @media(max-width:800px) { #ni-meaning-network .ni-transform-intro { gap:28px; } #ni-meaning-network .ni-transform-art { height:auto; } #ni-meaning-network .ni-transform-programme-body { grid-template-columns:1fr; gap:32px; } #ni-meaning-network .ni-transform-programme-intro h2 br { display:none; } #ni-meaning-network .ni-transform-programme-intro h2 { max-width:480px; } #ni-meaning-network .ni-transform-programme-intro>p { max-width:590px; } #ni-meaning-network .ni-transform-discover { grid-template-columns:1fr; gap:32px; } } @media(max-width:600px) { #ni-meaning-network .ni-transform-intro { grid-template-columns:1fr; padding-bottom:36px; } #ni-meaning-network .ni-transform-intro .ni-subtitle { margin-bottom:18px; } #ni-meaning-network .ni-transform-art { height:auto; } #ni-meaning-network .ni-transform-programme-body { padding:28px 20px; } #ni-meaning-network .ni-transform-layers li { grid-template-columns:28px minmax(0,1fr); gap:14px; } #ni-meaning-network .ni-transform-layer-number { width:28px; height:28px; font-size:11px; } #ni-meaning-network .ni-transform-layers li:not(:last-child)::before { left:13px; top:28px; } #ni-meaning-network .ni-transform-layers h3 { font-size:22px; } #ni-meaning-network .ni-transform-layers p { font-size:14px; } #ni-meaning-network .ni-transform-discover { padding:48px 0 32px; } #ni-meaning-network .ni-transform-discovery-detail summary { font-size:21px; } } #ni-meaning-network .ni-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } body[data-page="publication"] { background:#f6f3ea; } body[data-page="publication"] #ni-meaning-network { max-width:none; background:#f6f3ea; padding:0 0 64px; } body[data-page="publication"].ni-doc-locked { overflow:hidden; } body[data-page="publication"] #ni-meaning-network .ni-site-header, body[data-page="publication"] #ni-meaning-network .ni-site-footer { width:min(1360px,100%); margin:0 auto; padding-left:56px; padding-right:56px; } body[data-page="publication"] #ni-meaning-network .ni-site-header { width:100%; margin:0; background:#fff; padding-left:max(56px, calc((100% - 1360px) / 2 + 56px)); padding-right:max(56px, calc((100% - 1360px) / 2 + 56px)); } body[data-page="publication"] #ni-meaning-network .ni-site-footer { background:#f6f3ea; } @media(max-width:900px) { body[data-page="publication"] #ni-meaning-network .ni-site-header { padding-left:30px; padding-right:30px; } body[data-page="publication"] #ni-meaning-network .ni-site-footer { width:min(780px,100%); padding-left:30px; padding-right:30px; } } @media(max-width:540px) { body[data-page="publication"] #ni-meaning-network .ni-site-header, body[data-page="publication"] #ni-meaning-network .ni-site-footer { padding-left:20px; padding-right:20px; } } .ni-doc { color:#00003c; } .ni-doc-toc-col,.ni-doc-read { min-width:0; } .ni-doc-read { width:min(760px,calc(100% - 48px)); margin:48px auto 0; } .ni-doc-toc-list { margin:0 0 28px; padding:0; list-style:none; border-top:1px solid rgba(0,0,60,.16); } .ni-doc-toc-list a { display:block; padding:10px 0; border-bottom:1px solid rgba(0,0,60,.12); color:#00003c; font-size:15px; line-height:1.35; text-decoration:none; } .ni-doc-toc-list a:hover { color:#e93bd4; } .ni-doc-toc { display:none; } .ni-doc-frame { position:relative; margin:0 0 28px; } .ni-doc-kicker { margin:0; font:400 14px/24px NIRedaction,Georgia,serif; letter-spacing:0; text-transform:none; } .ni-doc-frame h1 { margin:0; font-size:30px; line-height:1.02; font-weight:800; letter-spacing:0; text-wrap:balance; } .ni-doc-back { position:absolute; top:4px; left:-16px; display:inline-flex; align-items:center; width:48px; height:72px; color:#f058e4; text-decoration:none; opacity:0; } .ni-doc-frame:hover .ni-doc-back,.ni-doc-frame:focus-within .ni-doc-back,.ni-doc-back:focus-visible { opacity:1; } .ni-doc-back svg { width:16px; height:53px; } .ni-doc-article { font-size:1.25rem; line-height:1.75rem; font-weight:500; } .ni-doc-article h2 { margin:2.75rem 0 1rem; font-size:1.5rem; line-height:1.2; font-weight:800; letter-spacing:-.02em; scroll-margin-top:128px; } .ni-doc-article p { margin:0 0 1.15rem; } .ni-doc-article a { color:#00003c; text-underline-offset:3px; } .ni-doc-article a:hover { color:#e93bd4; } .ni-doc-article strong { font-weight:800; } .ni-doc-article blockquote { margin:2rem 0; padding:1.25rem 1.35rem; border:1px solid #00003c; background:#fffdf9; font-size:1rem; line-height:1.55; font-weight:500; } .ni-doc-article blockquote p { margin:0; } .ni-doc-article blockquote cite { display:block; margin-top:.8rem; font-style:normal; font-size:.95rem; } .ni-doc-article sup { font-size:.65em; line-height:0; } .ni-doc-article sup a { color:#00003c; font-weight:800; text-decoration:none; } .ni-doc-article sup a:hover { color:#e93bd4; } .ni-doc-define { display:inline; padding:0; border:0; background:transparent; font:inherit; font-weight:800; color:#00003c; text-decoration:underline; text-decoration-color:#c1d100; text-decoration-thickness:2px; text-underline-offset:4px; cursor:pointer; } .ni-doc-define:hover { color:#e93bd4; text-decoration-color:#e93bd4; } .ni-doc-define-panel { position:absolute; z-index:140; padding:16px 20px 18px; border:1px solid #f6f3ea; background:#00003c; color:#f6f3ea; box-shadow:6px 6px 0 #c1d100; font-size:.95rem; line-height:1.45; font-weight:500; } .ni-doc-define-panel p { margin:0 0 .7rem; } .ni-doc-define-panel p:first-child { margin-bottom:.55rem; font-size:1.1rem; font-weight:800; line-height:1.3; } .ni-doc-define-panel .ni-doc-define-note { margin:0; color:rgba(246,243,234,.78); font-size:.82rem; line-height:1.45; } .ni-doc-lead { margin-top:0; } .ni-doc-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 28px; margin:0 0 2rem; padding:0; } .ni-doc-facts div { margin:0; } .ni-doc-facts dt { margin:0 0 4px; font:700 12px/1.3 NIRedaction,Georgia,serif; letter-spacing:.04em; text-transform:uppercase; color:#b01920; } .ni-doc-facts dd { margin:0; font-size:1rem; line-height:1.45; } .ni-doc-figure,.ni-doc-table { margin:2rem 0; } .ni-doc-zoom-trigger { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; cursor:zoom-in; text-align:left; } .ni-doc-figure-frame,.ni-doc-table-frame { background:#fffdf9; } .ni-doc-figure-frame { padding:0; } .ni-doc-figure-frame img { display:block; width:100%; height:auto; } .ni-doc-pathways { display:block; width:min(100%,520px); height:auto; margin:0 auto; } .ni-doc-pathways text { font-family:NISharp,Arial,sans-serif; font-size:15px; font-weight:800; fill:#00003c; } .ni-doc-legend { display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; font-size:15px; line-height:1.35; } .ni-doc-legend li { display:grid; grid-template-columns:14px 28px 1fr; gap:8px; align-items:center; } .ni-doc-legend i { display:block; width:14px; height:14px; } .ni-doc-legend span { font-weight:800; } .ni-doc-timeline { display:grid; gap:0; margin:0; padding:8px 8px 4px; } .ni-doc-timeline li { display:grid; grid-template-columns:92px 16px 1fr; gap:12px; align-items:start; list-style:none; } .ni-doc-timeline time { font-size:13px; line-height:1.3; font-weight:800; padding-top:1px; } .ni-doc-timeline i { display:block; width:11px; height:11px; margin-top:4px; border:1.5px solid #00003c; background:#f6f3ea; position:relative; } .ni-doc-timeline li.is-residence i { background:#2f5727; border-color:#2f5727; } .ni-doc-timeline li:not(:last-child) i::after { content:''; position:absolute; left:4px; top:12px; width:1.5px; height:42px; background:#00003c; } .ni-doc-timeline strong { display:block; font-size:15px; line-height:1.3; } .ni-doc-timeline em { display:block; margin-top:3px; font-style:normal; font-size:13px; line-height:1.35; color:rgba(0,0,60,.72); } .ni-doc-caption { padding-top:1.15rem; } .ni-doc-rule { display:block; width:50%; height:3px; color:#00003c; } .ni-doc-caption p { margin:.9rem 0 0; font-size:1rem; line-height:1.5rem; font-weight:500; } .ni-doc-caption strong { font-weight:800; } .ni-doc-table { position:relative; } .ni-doc-table-frame { overflow-x:auto; border:1px solid #00003c; background:#fffdf9; } .ni-doc-table table { width:100%; border-collapse:collapse; margin:0; font-size:.9rem; line-height:1.4; } .ni-doc-table th,.ni-doc-table td { border:1px solid #00003c; padding:10px 12px; text-align:left; vertical-align:top; } .ni-doc-table thead th { background:#00003c; color:#f6f3ea; font-weight:800; } .ni-doc-table tbody tr:nth-child(even) { background:rgba(241,235,222,.55); } .ni-doc-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } .ni-doc-expand { position:absolute; top:8px; right:8px; width:32px; height:32px; border:1px solid #00003c; background:#f6f3ea; color:#00003c; font-size:16px; line-height:1; cursor:zoom-in; } .ni-doc-expand:hover { color:#e93bd4; border-color:#e93bd4; } .ni-doc-footnotes { margin-top:3rem; } .ni-doc-footnotes h2 { font-size:1.25rem; } .ni-doc-footnotes ol { padding-left:1.3rem; } .ni-doc-footnotes li { margin:0 0 .9rem; font-size:1rem; line-height:1.5; } .ni-doc-sidenotes { display:none; } .ni-doc-next { display:flex; justify-content:flex-end; margin-top:48px; padding-top:18px; border-top:1px solid rgba(0,0,60,.16); } .ni-doc-next a { color:#00003c; font-weight:800; text-decoration:none; } .ni-doc-next a:hover { color:#e93bd4; } @media(min-width:768px) { .ni-doc-frame h1 { font-size:36px; line-height:44px; } } @media(min-width:1100px) { .ni-doc { position:relative; width:min(1280px,calc(100% - 48px)); margin:0 auto; } .ni-doc-toc-col { position:absolute; top:0; bottom:0; left:0; width:200px; } .ni-doc-toc { display:block; position:sticky; top:var(--ni-toc-top, 168px); height:calc(100vh - var(--ni-toc-top, 168px) - 24px); width:200px; margin-left:0; } .ni-doc-toc-list { display:none; } .ni-doc-toc-track { position:absolute; right:12px; top:12px; bottom:16px; width:10px; } .ni-doc-toc-fill { position:absolute; left:0; top:0; width:6px; overflow:hidden; color:#2f5727; } .ni-doc-toc-fill svg { display:block; width:6px; height:100%; } .ni-doc-toc-track::before { content:''; position:absolute; left:0; top:0; bottom:0; width:6px; background:rgba(0,0,60,.16); clip-path:polygon(38% 0,68% 0,62% 100%,32% 100%); } .ni-doc-toc-dot { position:absolute; left:-1px; width:8px; height:8px; margin-top:-4px; background:rgba(0,0,60,.35); border-radius:40% 60% 55% 45%; } .ni-doc-toc-dot.is-active { background:#00003c; box-shadow:0 0 0 2px #f6f3ea; } .ni-doc-toc-link { position:absolute; right:28px; width:min(168px, calc(100% - 36px)); transform:translateY(-50%); font-size:11px; line-height:1.2; color:rgba(0,0,60,.6); text-decoration:none; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; pointer-events:none; } .ni-doc-toc:hover .ni-doc-toc-link,.ni-doc-toc:focus-within .ni-doc-toc-link { opacity:1; pointer-events:auto; } .ni-doc-toc-link.is-title { font-size:13px; font-weight:800; } .ni-doc-toc-link.is-active { font-weight:800; color:#00003c; } .ni-doc-toc-link:hover { color:#e93bd4; } .ni-doc-read { width:760px; margin:64px auto 0; } .ni-doc-columns { position:relative; } .ni-doc-back { left:-56px; } .ni-doc.is-wide .ni-doc-footnotes { display:none; } .ni-doc.is-wide .ni-doc-sidenotes { display:block; position:absolute; left:calc(100% + 40px); top:0; width:240px; } .ni-doc-note { position:absolute; left:0; width:calc(100% - 4px); } .ni-doc-note-stub { height:56px; color:rgba(0,0,60,.28); } .ni-doc-note.is-open .ni-doc-note-stub { display:none; } .ni-doc-note-card { display:none; padding:12px 16px; border:1px solid #00003c; background:#fffdf9; box-shadow:6px 6px 0 #c1d100; font-size:13px; line-height:1.55; } .ni-doc-note.is-open { z-index:40; transform:translate(-2px,-2px); } .ni-doc-note.is-open .ni-doc-note-card,.ni-doc-note:focus-within .ni-doc-note-card { display:block; } .ni-doc-note.is-pinned { z-index:50; } .ni-doc-note.is-pinned .ni-doc-note-card { box-shadow:6px 6px 0 #00003c; } .ni-doc-note-num { margin:0 0 8px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .ni-doc-note-body p { margin:0; } } .ni-doc-zoom { position:fixed; inset:0; z-index:200; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:32px 20px 28px; background:#f6f3ea; cursor:zoom-out; } .ni-doc-zoom[hidden] { display:none; } .ni-doc-zoom-close { position:absolute; top:22px; right:22px; border:1px solid #00003c; background:#f6f3ea; color:#00003c; padding:8px 12px; font:800 13px/1 NISharp,Arial,sans-serif; cursor:pointer; } .ni-doc-zoom-stage { width:min(1100px,100%); max-height:calc(100vh - 160px); overflow:auto; cursor:auto; background:#f6f3ea; border:1px solid #00003c; box-shadow:4px 4px 0 #b01920; } .ni-doc-zoom-stage .ni-doc-table-frame { border:0; } .ni-doc-zoom-caption { width:min(1100px,100%); margin:0; font-size:1rem; line-height:1.5; cursor:auto; } @media(max-width:700px) { .ni-doc-facts { grid-template-columns:1fr; } .ni-doc-timeline li { grid-template-columns:78px 16px 1fr; } } body[data-page="publication"] .ni-site-header { z-index:30; } .ni-doc-context { position:sticky; top:0; z-index:28; width:100%; margin:0; padding:0; background:#f6f3ea; border-bottom:0; backdrop-filter:blur(8px); transition:transform 220ms ease; } .ni-doc-crumb { display:flex; align-items:center; gap:8px; width:min(1360px,100%); min-height:52px; margin:0 auto; padding:0 56px; min-width:0; color:#00003c; font-family:NIRedaction,Georgia,serif; font-size:16px; font-weight:400; line-height:1.2; } .ni-doc-crumb-divider { flex:0 0 auto; color:rgba(0,0,60,.72); } .ni-doc-crumb-project { white-space:nowrap; transition:color 160ms ease; } .ni-doc-crumb-node { position:relative; min-width:0; } .ni-doc-crumb-node::after { content:''; position:absolute; left:0; right:0; top:100%; height:14px; } .ni-doc-crumb-node button { display:flex; align-items:center; max-width:34vw; padding:6px 0; border:0; background:transparent; color:#00003c; font:inherit; cursor:pointer; transition:color 160ms ease; } .ni-doc-crumb-node button span,.ni-doc-crumb-node button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ni-doc-crumb-node.is-current button { font-weight:700; } .ni-doc-crumb-node button:hover,.ni-doc-crumb.is-open .ni-doc-crumb-node button,.ni-doc-crumb.is-open .ni-doc-crumb-project { color:#e93bd4; } .ni-doc-crumb-menu { position:absolute; left:0; top:calc(100% - 2px); z-index:40; width:min(320px,70vw); padding:8px 0 10px; border:1px solid #00003c; background:#fffdf9; box-shadow:4px 4px 0 #c1d100; opacity:0; visibility:hidden; transform:translateY(6px); pointer-events:none; transition:opacity 160ms ease, transform 160ms ease, visibility 160ms ease; } .ni-doc-crumb.is-open .ni-doc-crumb-menu { opacity:1; visibility:visible; transform:none; pointer-events:auto; } .ni-doc-crumb-menu p { margin:0; padding:8px 16px 10px; border-bottom:1px solid #00003c; font-family:NISharp,Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(0,0,60,.72); } .ni-doc-crumb-menu ul { list-style:none; margin:6px 0 0; padding:0 8px; max-height:60vh; overflow:auto; } .ni-doc-crumb-menu a { display:block; padding:8px 12px; color:rgba(0,0,60,.72); font-family:NISharp,Arial,sans-serif; font-size:14px; font-weight:500; line-height:1.35; text-decoration:none; transition:background-color 160ms ease, color 160ms ease; } .ni-doc-crumb-menu a:hover { background:#f6f3ea; color:#00003c; } .ni-doc-crumb-menu a[aria-current="page"] { background:#f6f3ea; color:#00003c; font-weight:800; } .ni-doc-forward { position:absolute; top:4px; right:-16px; display:inline-flex; align-items:center; justify-content:flex-end; width:48px; height:72px; color:#f058e4; text-decoration:none; opacity:0; transition:opacity 180ms ease, transform 180ms ease, color 180ms ease; } .ni-doc-back { transition:opacity 180ms ease, transform 180ms ease, color 180ms ease; } .ni-doc-frame:hover .ni-doc-forward,.ni-doc-frame:focus-within .ni-doc-forward,.ni-doc-forward:focus-visible { opacity:1; } .ni-doc-forward:hover,.ni-doc-forward:focus-visible { color:#e93bd4; transform:translateX(6px); } .ni-doc-back:hover,.ni-doc-back:focus-visible { color:#e93bd4; transform:translateX(-6px); } .ni-doc-forward svg { width:16px; height:53px; } .ni-doc-read { margin-top:48px; } .ni-doc-frame { margin-bottom:28px; } .ni-doc-article > :first-child { margin-top:0; } .ni-doc-figure,.ni-doc-table { margin:2.25rem 0; } .ni-doc-continue { display:grid; grid-template-columns:1fr auto; grid-template-areas:"kicker arrow" "title arrow"; gap:8px 16px; margin:56px 0 8px; padding:22px 24px; border:1px solid #00003c; background:#f6f3ea; color:#00003c; text-decoration:none; box-shadow:4px 4px 0 #c1d100; transition:transform 160ms ease, box-shadow 160ms ease, color 160ms ease; } .ni-doc-continue:hover { color:#e93bd4; transform:translate(-2px,-2px); box-shadow:6px 6px 0 #c1d100; } .ni-doc-continue-kicker { grid-area:kicker; font:700 12px/1.2 NIRedaction,Georgia,serif; letter-spacing:.04em; text-transform:uppercase; color:#b01920; } .ni-doc-continue-title { grid-area:title; font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:-.03em; line-height:1.05; } .ni-doc-continue-arrow { grid-area:arrow; align-self:center; width:22px; height:22px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2 19.9 12l-6.7 6.8-1.4-1.4 4.4-4.4H4v-2h12.2l-4.4-4.4z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2 19.9 12l-6.7 6.8-1.4-1.4 4.4-4.4H4v-2h12.2l-4.4-4.4z'/%3E%3C/svg%3E") center/contain no-repeat; transition:transform 160ms ease; } .ni-doc-continue:hover .ni-doc-continue-arrow { transform:translateX(4px); } @media(min-width:1100px) { .ni-doc-forward { right:0; } .ni-doc-frame,.ni-doc-continue,.ni-doc-toc-mobile { width:100%; max-width:760px; } } @media(max-width:900px) { .ni-doc-crumb { width:min(780px,100%); padding-left:30px; padding-right:30px; } .ni-doc-crumb-node button { max-width:42vw; } .ni-doc-read { margin-top:36px; } } @media(max-width:540px) { .ni-doc-crumb { flex-wrap:wrap; row-gap:2px; padding:10px 20px 12px; } .ni-doc-crumb-node button { max-width:100%; } } @media(prefers-reduced-motion:reduce) { .ni-doc-crumb-menu,.ni-doc-continue,.ni-doc-back,.ni-doc-forward,.ni-doc-continue-arrow { transition:none; } } @view-transition { navigation: auto; } body[data-page="publication"] .ni-site-header { view-transition-name:ni-header; } body[data-page="publication"] .ni-doc-context { view-transition-name:ni-context; } body[data-page="publication"] .ni-site-footer { view-transition-name:ni-footer; } body[data-page="publication"] .ni-doc { view-transition-name:ni-chapter; } ::view-transition-group(ni-header), ::view-transition-group(ni-context), ::view-transition-group(ni-footer) { animation-duration:0s; } ::view-transition-old(ni-chapter) { animation:180ms ease both ni-doc-leave; } ::view-transition-new(ni-chapter) { animation:240ms ease both ni-doc-enter; } @keyframes ni-doc-leave { to { opacity:0; } } @keyframes ni-doc-enter { from { opacity:0; transform:translateY(10px); } } /* Homepage chapters share an open rhythm; quiet practice links retain their context. */ body[data-page="home"] #ni-meaning-network > .ni-section { padding-top:clamp(64px,7vw,104px); padding-bottom:clamp(64px,7vw,104px); } #ni-meaning-network .ni-home-meaning { border:0; } #ni-meaning-network .ni-home-practice { padding-top:clamp(32px,4vw,56px); padding-bottom:32px; scroll-margin-top:120px; } #ni-meaning-network .ni-home-practice h2 { margin:0 0 28px; font-size:clamp(34px,4.7cqw,60px); } #ni-meaning-network .ni-practice-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } #ni-meaning-network .ni-practice-link { display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid var(--ni-line); border-radius:4px; color:var(--ni-ink); background:transparent; transition:background-color 180ms ease,border-color 180ms ease; } #ni-meaning-network .ni-practice-link h3 { margin:0 0 16px; font-size:28px; font-weight:500; line-height:1.15; letter-spacing:-.035em; } #ni-meaning-network .ni-practice-link p { margin:0 0 28px; color:var(--ni-muted); font-size:15px; line-height:1.6; } #ni-meaning-network .ni-practice-cue { margin-top:auto; font-size:13px; line-height:1.5; text-decoration:underline; text-decoration-color:#c9c6bd; text-underline-offset:4px; } #ni-meaning-network .ni-practice-link:hover,#ni-meaning-network .ni-practice-link:focus-visible { color:var(--ni-ink); background:var(--ni-paper); border-color:#c9c6bd; } #ni-meaning-network .ni-practice-link:hover .ni-practice-cue,#ni-meaning-network .ni-practice-link:focus-visible .ni-practice-cue { text-decoration-color:currentColor; } #ni-meaning-network .ni-practice-link:focus-visible { outline:2px solid var(--ni-ink); outline-offset:4px; } body[data-page] #ni-meaning-network .ni-scroll-item { opacity:1; transform:none; transition:opacity 850ms ease,transform 850ms cubic-bezier(.2,.7,.2,1); transition-delay:var(--ni-reveal-delay,0ms); } body[data-page] #ni-meaning-network .ni-scroll-item.is-waiting { opacity:0; transform:translate3d(0,48px,0); } body[data-page] #ni-meaning-network .ni-scroll-item:focus-within { opacity:1; transform:none; transition:none; } @media(max-width:800px) { #ni-meaning-network .ni-practice-links { grid-template-columns:1fr; } #ni-meaning-network .ni-practice-link { padding:24px; } body[data-page] #ni-meaning-network .ni-scroll-item.is-waiting { transform:translate3d(0,28px,0); } } @media(prefers-reduced-motion:reduce) { #ni-meaning-network .ni-practice-link { transition:none; } body[data-page] #ni-meaning-network .ni-scroll-item,body[data-page] #ni-meaning-network .ni-scroll-item.is-waiting { opacity:1; transform:none; transition:none; } } /* Shared heading / lead / body hierarchy across the main site. */ #ni-meaning-network { --ni-lead-size:clamp(22px,2.5cqw,30px); } body:not([data-page="publication"]) #ni-meaning-network :is(.ni-subtitle,.ni-lead,.ni-meaning-lead,.ni-observatory-tagline) { font-family:NISharp,Arial,sans-serif; font-size:var(--ni-lead-size); font-weight:500; line-height:1.25; letter-spacing:-.025em; } body:not([data-page="publication"]) #ni-meaning-network .ni-mini { font-family:NISharp,Arial,sans-serif; font-weight:500; } body:is([data-page="knowsys"],[data-page="audit"],[data-page="curriculum"]) #ni-meaning-network > .ni-section { padding-top:clamp(64px,7vw,104px); padding-bottom:clamp(64px,7vw,104px); border:0; } body[data-page="audit"] #ni-meaning-network .ni-transform-programme, body[data-page="curriculum"] #ni-meaning-network #formats { margin:24px calc(-1 * var(--ni-header-inset)); padding-left:var(--ni-header-inset); padding-right:var(--ni-header-inset); background:var(--ni-paper); border:0; box-shadow:none; } body[data-page="audit"] #ni-meaning-network .ni-transform-programme-body { padding:0; } body[data-page="audit"] #ni-meaning-network .ni-transform-discover { margin-top:64px; padding:0; } body[data-page="audit"] #ni-meaning-network .ni-transform-discovery-detail .ni-module-list { border-color:#d5d1c7; } body[data-page="curriculum"] #ni-meaning-network .ni-learning-field { padding-top:32px; padding-bottom:clamp(64px,7vw,104px); } body[data-page="curriculum"] #ni-meaning-network .ni-screen>a { border:0; box-shadow:none; } body[data-page="curriculum"] #ni-meaning-network .ni-format-picker { background:transparent; border:0; box-shadow:none; padding:0; } body[data-page="team"] #ni-meaning-network .ni-team-grid { border:0; padding-top:48px; row-gap:72px; } @media(max-width:800px) { body[data-page="audit"] #ni-meaning-network .ni-transform-discover { margin-top:48px; } body[data-page="team"] #ni-meaning-network .ni-team-grid { row-gap:48px; } }