/* Screen-aware rhythm. Heights grow with content; nothing is clipped to a viewport. */
.edition-tech-2 .section,.edition-tech-2 .approach,.njord-page .section{padding-block:clamp(40px,7svh,72px)}
.edition-tech-2 .tech-hero{min-height:calc(100svh - 151px);display:flex;align-items:center}
.edition-tech-2 .tech-hero-content{padding-block:clamp(38px,7svh,72px) 78px}
.edition-tech-2 .tech-hero h1{font-size:clamp(3.2rem,5.7vw,5.6rem)}
.edition-tech-2 .product-hero{padding-block:clamp(32px,5svh,56px)}
.edition-tech-2 .product-hero>.wrap{min-height:0}
.edition-tech-2 .product-hero h1{font-size:clamp(2.7rem,4.7vw,4.5rem)}
.edition-tech-2 .product-hero .hero-description{font-size:1rem;line-height:1.75;max-width:490px}
.edition-tech-2 .evidence-stage{max-width:560px;padding-top:24px}
.edition-tech-2 .evidence-stage-inner{min-height:350px}
.edition-tech-2 .depth-document{padding:16px 22px}
.edition-tech-2 .depth-label{font-size:.6875rem;margin-bottom:8px}
.edition-tech-2 .depth-document>strong{font-size:1.0625rem}
.edition-tech-2 .depth-rule{padding-top:10px;margin-top:10px}
.edition-tech-2 .depth-rule>b{font-size:1.4rem}
.edition-tech-2 .depth-meta{font-size:.6875rem;margin-top:8px}
.edition-tech-2 .invoice-document{top:132px}
.edition-tech-2 .depth-finding{padding:15px 21px}
.edition-tech-2 .depth-caption{margin-top:20px}
.edition-tech-2 .demo-heading{margin-bottom:26px}
.edition-tech-2 .example-toolbar{margin-bottom:18px}
.edition-tech-2 .contact{padding-block:clamp(45px,8svh,80px)}
.edition-tech-2 .section-heading{margin-bottom:32px}

/* Reveal petroleum around the cutaway without changing any building/flow pixels. */
.narrative-njord .product-film,.njord-film{background:radial-gradient(ellipse at 50% 60%,#173C40 0%,#0A2026 72%)}
.narrative-njord .product-film video,.njord-film video{object-fit:contain;mask:url('/assets/products/njord-silhouette.svg') center/contain no-repeat;-webkit-mask:url('/assets/products/njord-silhouette.svg') center/contain no-repeat}
.narrative-njord .product-film-edge{display:none}
.njord-film{aspect-ratio:16/9;background:transparent}
.njord-hero-grid{min-height:0;padding-block:clamp(26px,5svh,54px);grid-template-columns:1fr 1.1fr;gap:24px}
.njord-hero h1{font-size:clamp(2.6rem,4.1vw,4.2rem)}
.njord-hero .hero-description{font-size:1rem;line-height:1.7;margin-top:22px;max-width:490px}
.njord-hero .hero-actions{margin-top:22px;gap:22px}
.njord-hero-figure{margin-inline:-25px -55px}
.njord-hero-figure figcaption{margin:8px 30px 0;gap:8px;font-size:.65rem}
.njord-wordmark{margin-bottom:20px}
.njord-access{margin-top:12px}
.njord-scope{padding-block:18px}
.njord-editorial,.njord-section-head{gap:50px}
.njord-page h2{font-size:clamp(2rem,3.15vw,3rem)}
.njord-page .eyebrow{margin-bottom:16px}
.njord-section-head{margin-bottom:28px;grid-template-columns:1.2fr 1fr}
.njord-section-head>p{font-size:.9375rem;line-height:1.7}

/* A single responsive diagram: demand → shared source → calculated flow. */
.njord-demo-top{padding:11px 22px;min-height:44px}
.njord-demo-grid{grid-template-columns:1.5fr 1fr}
.njord-schematic{padding:20px 22px}
.njord-diagram-heading{flex-direction:row;font-size:.8125rem}
.njord-load-map{margin:18px 0 16px}
.njord-load-branches{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.njord-load-node{border:1px solid var(--line);background:#10292E;padding:12px 16px}
.njord-load-map span{display:block;color:var(--muted);font-size:.8125rem}
.njord-load-map strong{display:block;font-size:1.5rem;line-height:1.3;margin-top:3px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.njord-load-connection{height:36px;position:relative;margin:0 25%;border-inline:1px solid #65E1D3}
.njord-load-connection:before{content:'';position:absolute;top:17px;width:100%;height:1px;background:#65E1D3}
.njord-load-connection:after{content:'';position:absolute;top:17px;bottom:0;left:50%;width:1px;background:#65E1D3}
.njord-load-connection span{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:1;background:#081D22;padding-inline:8px;white-space:nowrap;font-size:.65rem;color:var(--accent)}
.njord-load-source{border:1px solid var(--accent);background:#10292E;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.njord-load-source small{font-size:.6875rem;color:var(--muted);display:block;margin-top:4px}
.njord-load-source strong{color:var(--accent);white-space:nowrap}
.njord-demo-actions{grid-template-columns:1fr 1fr;gap:10px}
.njord-demo-actions button{padding:10px 12px;min-height:48px;font-size:.8125rem;gap:5px}
.njord-results{padding:20px 24px;display:block}
.njord-results .eyebrow{font-size:.65rem;margin-bottom:12px}
.njord-primary-result strong{font-size:2.8rem;line-height:1.3}
.njord-results dl{margin-top:14px}
.njord-results dl>div{padding:9px 0}
.njord-result-status{min-height:38px;margin-top:10px;line-height:1.6!important}
.njord-reset{margin-top:0;min-height:44px;padding:8px 0}
.njord-calculation{padding-inline:22px}
.njord-calculation summary{padding:11px 0;min-height:44px;font-size:.8125rem}
.njord-demo-note{padding:8px 22px;font-size:.6875rem}
.njord-connected-foot{margin-top:18px;gap:30px}
.njord-connected-foot p{font-size:.8125rem;line-height:1.6}
.njord-workflow .index{margin-bottom:25px}
.njord-workflow h3{font-size:1.35rem}
.njord-workflow article{padding-block:25px}
.njord-work-detail{padding-top:20px}
.edition-tech-2 .njord-connected{padding-block:28px}
.edition-tech-2 #connected-design{scroll-margin-top:0}
.njord-connected .njord-section-head{margin-bottom:20px}
.njord-connected h2{font-size:clamp(1.8rem,2.7vw,2.5rem)}
.njord-connected .njord-load-node{padding-block:10px}
.njord-connected .njord-load-source{padding-block:10px}
.njord-connected .njord-schematic{padding-block:16px}
.njord-connected .njord-results{padding-block:16px}

/* A Runway metaphor with exact roles supplied as accessible, selectable text. */
.njord-ai-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:34px;align-items:center}
.njord-ai-copy>p:not(.eyebrow){color:var(--muted);font-size:.9375rem;line-height:1.7;margin-top:18px}
.njord-ai-copy .njord-engine-rule{border-left:2px solid var(--accent);padding-left:16px;font-size:.8125rem}
.njord-engine-rule strong{font-weight:500;color:var(--ink)}
.njord-ai-figure{min-width:0;margin:0}
.njord-driver-film{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);background:#173C40}
.njord-driver-film video{width:100%;height:100%;object-fit:contain;display:block}
.njord-ai-figure figcaption{font:.625rem/1.6 ui-monospace,monospace;letter-spacing:.05em;color:var(--muted);text-align:center;padding-top:12px}
.njord-ai-roles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--line)}
.njord-ai-roles>div{padding:20px 20px 0 0}
.njord-ai-roles>div+div{border-left:1px solid var(--line);padding-left:20px}
.njord-ai-roles span{color:var(--accent);font:.625rem/1.6 ui-monospace,monospace;letter-spacing:.05em}
.njord-ai-roles strong{display:block;font-size:.9375rem;margin-top:8px;font-weight:600}
.njord-ai-roles p{font-size:.8125rem;color:var(--muted);margin-top:7px;line-height:1.65}

@media(min-width:801px) and (max-height:800px){
 .edition-tech-2 .tech-hero h1{font-size:clamp(3rem,5vw,4.8rem)}
 .edition-tech-2 .tech-hero-content{padding-block:36px 65px}
 .njord-hero-grid{padding-block:26px}
 .njord-hero h1{font-size:clamp(2.6rem,3.75vw,3.8rem)}
 .njord-hero .hero-description{margin-top:16px}
 .edition-tech-2 .product-hero .eyebrow{margin-bottom:18px}
}
@media(max-width:1000px){
 .njord-demo-grid{grid-template-columns:1.4fr 1fr}
 .njord-demo-actions button{flex-wrap:wrap}
 .njord-demo-actions small{width:100%;margin-left:21px}
 .njord-ai-grid{grid-template-columns:1fr 1.1fr;gap:24px}
 .njord-ai-roles{grid-template-columns:1fr 1fr}
 .njord-ai-roles>div:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:800px){
 .njord-hero-grid{grid-template-columns:1fr;gap:8px}
 .njord-hero-copy{max-width:620px}
 .njord-hero-figure{margin:0 auto;width:min(100%,550px)}
 .njord-film{max-height:260px}
 .njord-hero-figure figcaption{margin-inline:0;flex-direction:row}
 .njord-editorial,.njord-section-head,.njord-revit-grid{grid-template-columns:1fr;gap:24px}
 .njord-ai-grid{grid-template-columns:1fr;gap:20px}
 .njord-ai-figure{max-width:650px;margin:auto;width:100%}
 .njord-ai-copy .njord-engine-rule{display:none}
 .njord-demo-grid{grid-template-columns:1fr}
 .njord-results{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:15px 20px;border-left:0;border-top:1px solid var(--line)}
 .njord-results .eyebrow{grid-column:1/-1;margin-bottom:8px}
 .njord-results dl{grid-row:2;grid-column:2;margin:0}
 .njord-primary-result strong{font-size:2.35rem}
 .njord-results dl>div{font-size:.75rem;padding:6px 0}
 .njord-result-status{grid-column:1;min-height:0;margin:8px 0 0;font-size:.6875rem}
 .njord-reset{grid-column:2;justify-self:end;align-self:end;font-size:.75rem}
}
@media(max-width:680px){
 .edition-tech-2 .section,.edition-tech-2 .approach,.njord-page .section{padding-block:38px}
 .edition-tech-2 .njord-connected{padding-block:22px}
 .edition-tech-2 .tech-hero{min-height:calc(100svh - 135px);align-items:flex-start}
 .edition-tech-2 .tech-hero-content{padding-top:30px;padding-bottom:74px}
 .edition-tech-2 .tech-hero h1{font-size:clamp(2.7rem,9vw,3.6rem)}
 .edition-tech-2 .hero-description{line-height:1.65!important}
 .edition-tech-2 .tech-hero .hero-description{margin-top:22px}
 .edition-tech-2 .hero-actions{gap:12px 20px;margin-top:21px}
 .edition-tech-2 .product-hero{padding-block:24px 25px}
 .edition-tech-2 .product-hero h1{font-size:clamp(2.25rem,8.6vw,3.2rem)}
 .edition-tech-2 .product-hero>.wrap{gap:18px}
 .edition-tech-2 .product-hero .eyebrow{margin-bottom:14px}
 .edition-tech-2 .product-hero .hero-description{font-size:.9375rem!important;margin-top:18px}
 .edition-tech-2 .product-hero .hero-actions{gap:12px;flex-wrap:nowrap}
 .edition-tech-2 .product-hero .button{font-size:.8125rem;padding:12px 15px;gap:16px;min-height:46px;white-space:nowrap}
 .edition-tech-2 .product-hero .text-link{font-size:.8125rem;gap:9px;white-space:nowrap}
 .edition-tech-2 .evidence-stage{padding:16px 5px 0;max-width:410px}
 .edition-tech-2 .evidence-stage-inner{min-height:285px}
 .edition-tech-2 .depth-document{padding:12px 16px;width:83%}
 .edition-tech-2 .depth-document>strong{font-size:1rem}
 .edition-tech-2 .depth-label{font-size:.625rem;margin-bottom:6px}
 .edition-tech-2 .depth-rule{padding-top:8px;margin-top:8px}
 .edition-tech-2 .depth-rule>b{font-size:1.3rem}
 .edition-tech-2 .depth-rule>span{font-size:.75rem}
 .edition-tech-2 .depth-meta{font-size:.625rem;margin-top:8px}
 .edition-tech-2 .invoice-document{top:94px}
 .edition-tech-2 .depth-finding{padding:10px 17px;left:9%;gap:12px}
 .edition-tech-2 .depth-finding span{font-size:.75rem}
 .edition-tech-2 .depth-finding strong{font-size:1.1rem}
 .edition-tech-2 .depth-caption{font-size:.625rem;margin-top:14px}
 .njord-hero-grid{padding-block:25px 16px}
 .njord-hero h1{font-size:clamp(2.2rem,8.5vw,3rem)}
 .njord-hero .hero-description{font-size:.9375rem!important;margin-top:16px}
 .njord-page .njord-wordmark{margin-bottom:13px}
 .njord-hero .hero-actions{gap:10px 18px;margin-top:17px}
 .njord-hero .button{font-size:.8125rem;padding:12px 16px;gap:15px;min-height:46px}
 .njord-hero .text-link{font-size:.8125rem;gap:8px}
 .njord-access{margin-top:7px}
 .njord-hero-figure{max-width:420px}
 .njord-film{max-height:175px}
 .njord-hero-figure figcaption{font-size:.5625rem;margin-top:4px}
 .njord-scope{padding-block:14px;gap:7px 14px}
 .njord-scope>span{width:auto;font-size:.625rem}
 .njord-scope p{width:100%;flex:auto;font-size:.8125rem;order:3}
 .njord-scope>a{font-size:.75rem;margin-left:auto}
 .njord-mobile-break{display:none}
 .njord-page h2{font-size:clamp(1.8rem,7.3vw,2.4rem)}
 .njord-page .eyebrow{font-size:.625rem;margin-bottom:11px}
 .njord-section-head{gap:14px;margin-bottom:18px}
 .njord-section-head>p{font-size:.875rem;line-height:1.6}
 .njord-demo-top{padding:9px 14px;font-size:.625rem;min-height:38px}
 .njord-schematic{padding:13px 14px}
 .njord-diagram-heading{font-size:.6875rem;gap:8px}
 .njord-example-state{font-size:.5625rem}
 .njord-load-map{margin:13px 0}
 .njord-load-branches{gap:12px}
 .njord-load-node{padding:10px 12px}
 .njord-load-map span{font-size:.75rem}
 .njord-load-map strong{font-size:1.25rem}
 .njord-load-connection{height:30px}
 .njord-load-connection:before,.njord-load-connection:after{top:14px}
 .njord-load-connection span{top:6px;font-size:.5625rem}
 .njord-load-source{padding:10px 12px}
 .njord-load-source small{font-size:.625rem}
 .njord-demo-actions{grid-template-columns:1fr 1fr;gap:8px}
 .njord-demo-actions button{padding:8px;font-size:.6875rem;min-height:46px;gap:3px}
 .njord-demo-actions button>span{font-size:1rem}
 .njord-demo-actions small{font-size:.625rem;margin-left:18px}
 .njord-results{padding:13px 14px;gap:0 12px}
 .njord-results .eyebrow{font-size:.5625rem;margin-bottom:7px}
 .njord-primary-result>span{font-size:.75rem}
 .njord-primary-result strong{font-size:2.1rem}
 .njord-primary-result small{font-size:.8125rem}
 .njord-results dl>div{font-size:.6875rem;gap:6px}
 .njord-calculation{padding-inline:14px}
 .njord-calculation summary{font-size:.75rem;padding-block:9px}
 .njord-calculation>div{font-size:.8125rem}
 .njord-demo-note{font-size:.625rem;padding:7px 14px}
 .njord-connected-foot{grid-template-columns:1fr;gap:7px;margin-top:16px}
 .njord-connected-foot>span{font-size:.625rem}
 .njord-connected .njord-section-head{gap:10px;margin-bottom:16px}
 .njord-connected .njord-section-head>p{font-size:.8125rem;line-height:1.6}
 .njord-connected .njord-schematic,.njord-connected .njord-results{padding-block:12px}
 .njord-connected .njord-load-node,.njord-connected .njord-load-source{padding-block:8px}
 .njord-connected .njord-demo-actions button{flex-wrap:nowrap;line-height:1.4}
 .njord-connected .njord-demo-actions small{width:auto;margin-left:auto}
 .njord-results dl>div{line-height:1.5}
 .njord-ai-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.65;margin-top:14px}
 .njord-ai-roles{margin-top:18px}
 .njord-ai-roles>div{padding-top:14px;padding-right:12px}
 .njord-ai-roles>div+div{padding-left:12px}
 .njord-ai-roles>div:nth-child(3){padding-left:0}
 .njord-ai-roles span{font-size:.5625rem}
 .njord-ai-roles strong{font-size:.8125rem;margin-top:6px}
 .njord-ai-roles p{font-size:.75rem;line-height:1.6}
 .njord-ai-figure figcaption{font-size:.5rem;padding-top:8px;letter-spacing:.015em}
 .njord-workflow article,.njord-workflow article+article{padding-block:22px}
 .njord-workflow .index{margin-bottom:16px}
}

/* Fade the media bounds themselves, including the contained film's letterboxing. */
.narrative-veritas .product-film,.narrative-mimer .product-film{background:radial-gradient(ellipse at 50% 60%,#123137 0%,#0A2026 72%)}
.narrative-veritas .product-film video,.narrative-mimer .product-film video{mask:url('/assets/products/product-soft-edge.svg') center/contain no-repeat;-webkit-mask:url('/assets/products/product-soft-edge.svg') center/contain no-repeat}
.narrative-veritas .product-film-edge,.narrative-mimer .product-film-edge{display:none}