/* Faint engraved mountain ranges, a nod to the alpine hero of the original site. */
.nb-ranged{isolation:isolate}
.nb-range{position:absolute!important;z-index:-1!important;display:block!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;left:0;right:0;top:var(--top,auto);bottom:var(--bottom,0);height:var(--h,auto);pointer-events:none;background:var(--ink,#172423);opacity:var(--o,.08);-webkit-mask:var(--art) var(--at,center bottom)/var(--size,100% auto) no-repeat;mask:var(--art) var(--at,center bottom)/var(--size,100% auto) no-repeat}
.nb-range--summit{--art:url("assets/mountain-summit.webp")}
.nb-range--summit-west{--art:url("assets/mountain-summit-west.webp")}
.nb-range--long{--art:url("assets/mountain-long.webp")}
.nb-range--distant{--art:url("assets/mountain-distant.webp")}

/* Alpenglow: the old hero's coral light on the summit, ink below it. */
.nb-range--hero,.nb-range--head{--ink:linear-gradient(#b45130 4%,#172423 42%);--o:.12;--at:3% top;--size:53% auto}
/* One range across the hero: the summit above the headline, ridges behind the egg, a second peak on the right. */
.nb-range--hero{--top:16%;--at:left top;--size:100% auto}

/* The hoard's paper-light backdrop would paint over the range, so a matte cut from the picture drops it.
   The gradient restates the edge fade from hero-coil.css; both masks apply. */
.b-growth-art.nb-ranged .b-coil-media{mask-image:linear-gradient(0deg,transparent,#000 9%,#000 90%,transparent),url("assets/hero-coil-media-matte.webp");mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect}
.nb-range--head-dark{--ink:linear-gradient(#df9576 4%,#f3eddf 42%);--o:.06;--top:30px;--bottom:0;--at:3% top;--size:53% auto}

/* Reading pages mirror the summit into the right margin, clear of the text column. */
.nb-range--head{--top:var(--nav,120px);--h:760px;--o:.1;transform:scaleX(-1)}

/* Horizons along the base of a section. */
.nb-range--soft{--o:.07;--h:70%}
.nb-range--night{--ink:#f3eddf;--o:.05;--h:40%;--bottom:110px}
.nb-range--olive{--ink:#26300f;--o:.18;--h:70%}
.nb-range--rust{--ink:#5d2414;--o:.18;--h:75%}
.nb-range--team{--o:.07;--h:60%}

/* Scenes: the work dragon over a far range, the castle below the peaks, the closing summit. */
.nb-range--flight{--o:.11;--top:200px;--h:250px;--at:right bottom;--size:60% auto}
/* 151% on an oversized mask slides this range left, so its first peak rises behind the castle. */
.nb-range--castle{--o:.1;--h:62%;--at:151% bottom;--size:118% auto}
.nb-range--summit-night{--ink:linear-gradient(#df9576 6%,#f3eddf 40%);--o:.06;--top:40px;--h:600px;--at:right top;--size:66% auto}
.nb-range--summit-day{--ink:linear-gradient(#b45130 6%,#172423 40%);--o:.09;--top:30px;--h:620px;--at:right top;--size:62% auto}
.nb-range--summit-close{--ink:linear-gradient(#df9576 6%,#f3eddf 40%);--o:.06;--top:24px;--at:right top;--size:auto 100%}

@media(max-width:1100px){
.nb-range--head,.nb-range--head-dark{--size:70% auto}
}
@media(max-width:700px){
.nb-range{--size:190% auto}
.nb-range--hero{--top:auto;--bottom:0;--h:62%;--at:left top;--size:200% auto}
.nb-range--head{--h:560px}
.nb-range--head,.nb-range--head-dark{--at:12% top;--size:150% auto}
.nb-range--flight{--top:110px;--h:200px;--size:130% auto}
.nb-range--castle{--size:210% auto;--h:45%}
.nb-range--summit-night,.nb-range--summit-day{--size:170% auto;--at:60% top}
.nb-range--summit-close{--size:auto 100%;--at:70% top}
}
@media print{.nb-range{display:none!important}}