/* Northstar case study: a quieter, night-sky variation of the Scrolls system. */
.northstar-case-page{--scrolls-terra:#d8a84e;--scrolls-brass:#c8b27a;--scrolls-blue:#7d9db5;--scrolls-sand:#e4ddcf}
.northstar-case-page .scrolls-hero{background:#0a1018}
.northstar-case-page .scrolls-hero .eyebrow,.northstar-case-page .scrolls-slide-copy h3 em,.northstar-case-page .scrolls-article-header h2 em{color:var(--scrolls-terra)}
.northstar-case-page .scrolls-meta{color:var(--scrolls-brass)}
.northstar-case-page .scrolls-hero .button.primary,.northstar-case-page .scrolls-footer-cta .button.primary{background:var(--scrolls-terra);border-color:var(--scrolls-terra);color:#0a1018}
.northstar-case-page .northstar-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)}
.northstar-hero-visual{position:relative;min-height:530px;margin:0;border:1px solid rgba(245,241,234,.18);background:radial-gradient(circle at 50% 50%,rgba(216,168,78,.21),transparent 26%),linear-gradient(145deg,#182c40,#070e16);overflow:hidden}
.northstar-hero-visual:before,.northstar-hero-visual:after{content:"";position:absolute;border:1px solid rgba(200,178,122,.3);border-radius:50%;inset:10%;transform:rotate(23deg) scaleY(.42)}
.northstar-hero-visual:after{inset:25%;transform:rotate(-38deg) scaleY(.5);border-color:rgba(216,168,78,.48)}
.northstar-hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.73;filter:saturate(.8) contrast(1.08)}
.northstar-hero-visual figcaption{position:absolute;left:25px;bottom:22px;color:rgba(245,241,234,.64);font:9px var(--mono);letter-spacing:.11em}
.northstar-case-page .scrolls-kpi-band strong{color:var(--scrolls-terra)}
.northstar-case-page .scrolls-scope-strip>div b{color:var(--scrolls-terra)}
.northstar-case-page .scrolls-cover .scrolls-slide-copy h3 em{color:var(--scrolls-terra)}
.northstar-starfield{background:radial-gradient(circle at 54% 46%,rgba(216,168,78,.24),transparent 18%),repeating-radial-gradient(circle at 54% 46%,transparent 0 68px,rgba(200,178,122,.13) 69px 70px),linear-gradient(145deg,#1b3043,#070e16)!important}
.ns-star-word{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:clamp(52px,8vw,124px);font-weight:700;letter-spacing:-.13em;line-height:.8;color:#f5f1ea}
.ns-star-sub{position:absolute;left:50%;top:57%;transform:translateX(-50%);color:var(--scrolls-brass);font:9px var(--mono);letter-spacing:.14em;white-space:nowrap}
.ns-star-core{position:absolute;left:52%;top:46%;transform:translate(-50%,-50%);font-size:20px;color:var(--scrolls-terra);text-shadow:0 0 20px rgba(216,168,78,.75)}
.ns-orbit{position:absolute;left:50%;top:46%;width:70%;height:29%;border:1px solid rgba(216,168,78,.46);border-radius:50%;transform:translate(-50%,-50%) rotate(23deg)}
.ns-orbit-b{width:46%;height:66%;transform:translate(-50%,-50%) rotate(-41deg);border-color:rgba(200,178,122,.35)}
.northstar-noise{background:linear-gradient(145deg,#f5eee2,#d8c7aa)!important}.northstar-noise span{position:absolute;padding:11px 14px;border:1px solid rgba(11,15,20,.28);background:rgba(255,250,241,.67);font:10px var(--mono);letter-spacing:.08em}.northstar-noise span:nth-child(1){left:16%;top:21%}.northstar-noise span:nth-child(2){right:14%;top:17%}.northstar-noise span:nth-child(3){left:9%;bottom:24%}.northstar-noise span:nth-child(4){right:11%;bottom:30%}.northstar-noise span:nth-child(5){left:46%;top:12%}.northstar-noise b{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#0b0f14;color:var(--scrolls-terra);font-size:32px;box-shadow:0 0 0 15px rgba(216,168,78,.14)}.northstar-noise p{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);margin:0;color:#555;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.northstar-entity{background:radial-gradient(circle at center,rgba(216,168,78,.24),transparent 21%),repeating-radial-gradient(circle at center,transparent 0 76px,rgba(11,15,20,.12) 77px 78px),#d8c7ab!important}.ns-entity-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#0b0f14;color:#f5f1ea;text-align:center;font:10px/1.1 var(--mono);letter-spacing:.09em;box-shadow:0 0 0 14px rgba(216,168,78,.15)}.ns-entity-core b{font-size:31px;letter-spacing:-.1em;color:var(--scrolls-terra)}.ns-entity-node{position:absolute;padding:9px 11px;border:1px solid rgba(11,15,20,.4);background:rgba(255,250,241,.8);font:9px var(--mono);letter-spacing:.06em}.n-a{left:11%;top:22%}.n-b{right:11%;top:21%}.n-c{left:12%;bottom:21%}.n-d{right:8%;bottom:23%;color:#735a1f;border-color:var(--scrolls-terra)}.ns-entity-line{position:absolute;left:50%;top:50%;width:39%;border-top:1px dashed rgba(11,15,20,.6);transform-origin:left}.l-a{transform:rotate(-149deg)}.l-b{transform:rotate(-31deg)}.l-c{transform:rotate(149deg)}.l-d{transform:rotate(28deg)}
.northstar-cohort{background:radial-gradient(circle at 50% 49%,rgba(216,168,78,.2),transparent 19%),#0d1723!important}.ns-cohort-ring{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(200,178,122,.33);border-radius:50%;color:rgba(245,241,234,.7);font:9px var(--mono);letter-spacing:.1em}.ring-one{width:75%;height:75%}.ring-two{width:54%;height:54%;border-color:rgba(216,168,78,.48)}.ring-three{width:31%;height:31%;background:rgba(216,168,78,.9);border-color:var(--scrolls-terra);color:#0b0f14;line-height:1;text-align:center}.ring-three b{font-size:25px;letter-spacing:-.12em}.ring-three span{font-size:7px;color:#0b0f14}.northstar-cohort>p{position:absolute;left:12%;right:12%;bottom:13%;margin:0;color:rgba(245,241,234,.62);font:9px var(--mono);letter-spacing:.05em;text-align:center;text-transform:uppercase}
.northstar-trajectory{background:linear-gradient(145deg,#f7efe2,#d8c29a)!important}.ns-axis{position:absolute;left:12%;right:10%;top:64%;border-top:1px dashed rgba(11,15,20,.42)}.ns-path{position:absolute;left:14%;width:72%;height:2px;background:var(--scrolls-terra);transform-origin:left}.ns-path span{position:absolute;right:-18px;top:-15px;color:#0b0f14;font:9px var(--mono)}.path-a{top:64%;transform:rotate(-9deg)}.path-b{top:51%;background:#8b6e34;transform:rotate(-23deg)}.path-c{top:35%;background:#0b0f14;transform:rotate(14deg)}.northstar-trajectory>small{position:absolute;bottom:14%;color:#555;font:8px var(--mono);letter-spacing:.05em}.northstar-trajectory>small:nth-last-child(3){left:12%}.northstar-trajectory>small:nth-last-child(2){left:39%}.northstar-trajectory>small:last-child{right:10%}
.northstar-explanation{background:linear-gradient(145deg,#f7e8c6,#d8ae58)!important}.northstar-explanation>span{padding:10px 12px;border:1px solid #0b0f14;background:rgba(255,250,241,.62);font:9px var(--mono);letter-spacing:.07em}.northstar-explanation>i{font:17px Arial;font-style:normal;color:#0b0f14}.northstar-explanation>b{margin-top:15px;color:#0b0f14;font:9px/1.5 var(--mono);letter-spacing:.1em;text-align:center}
.northstar-layers{padding:clamp(35px,6vw,70px);display:flex;flex-direction:column;justify-content:center;gap:13px;background:radial-gradient(circle at 68% 20%,rgba(216,168,78,.18),transparent 33%),#0d1723!important}.northstar-layers>div{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:17px;padding:16px 18px;border:1px solid rgba(245,241,234,.25);background:rgba(8,15,24,.72)}.northstar-layers b{color:var(--scrolls-terra);font:10px var(--mono);letter-spacing:.08em}.northstar-layers span{color:rgba(245,241,234,.72);font:10px var(--mono);text-transform:uppercase}
.northstar-doors{background:linear-gradient(145deg,#f5ead8,#d5c0a2)!important}.northstar-doors>span{padding:11px 14px;border:1px solid #0b0f14;background:rgba(255,250,241,.62);font:10px var(--mono);letter-spacing:.08em}.northstar-doors>i{font-style:normal;color:var(--scrolls-terra);font-size:17px}.northstar-doors>b{margin-top:17px;color:#0b0f14;font:10px/1.5 var(--mono);letter-spacing:.08em;text-align:center}
.northstar-caveat{padding:17px 19px;border-left:3px solid var(--scrolls-terra);background:rgba(255,250,241,.55);color:#495555!important;font:11px/1.5 var(--mono)!important}
@media(max-width:800px){.northstar-case-page .northstar-hero{grid-template-columns:1fr}.northstar-hero-visual{min-height:360px}.northstar-hero-visual figcaption{left:18px;bottom:17px;font-size:7px}.ns-star-word{font-size:17vw}.ns-star-sub{font-size:7px}.ns-entity-core{width:95px;height:95px}.ns-entity-core b{font-size:25px}.northstar-layers{padding:25px 18px}.northstar-layers>div{grid-template-columns:100px 1fr;padding:13px 12px;gap:10px;font-size:8px}.northstar-caveat{font-size:9px!important}}