/* =====================================================================
   NAJD AURUM: THE MOVING PARTS OF THE SITE
   The homepage's sections and the pieces other pages borrow from it (the
   satellite scene, live pictures, the dark end card). The rest of the
   site's stylesheet still applies (header, menu, footer, tape, map); every
   rule here is under the nh- prefix or .na-live, so nothing can leak.

   One accent, the brand's own amber. One family, Google Sans Flex, in two
   jobs: display (600, tight) and reading (400). The film stage and the
   satellite stage are dark in both themes -- they are screens, not paper.
   ===================================================================== */
:root{--nh-stage:#1f1e1d;--nh-ink:#faf9f5;--nh-mut:rgba(250,249,245,.66);--nh-acc:#d97757;--nh-acc2:#e08a6a;
 --nh-line:rgba(250,249,245,.14)}
html{scroll-padding-top:84px}
.nh main{display:block}

/* ------------------------------------------------------------- shared */
.nh-kick{font:500 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--pri);margin:0 0 20px}
.nh-head{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;margin-bottom:56px}
.nh-head h2{font:400 clamp(36px,4.4vw,60px)/1.04 var(--sans);letter-spacing:-.035em;color:var(--mut);margin:0}
.nh-head h2 em{font-style:normal;color:var(--ink);font-weight:500}
.nh-lede{font:400 18px/1.6 var(--sans);color:var(--mut);margin:0;padding-bottom:6px;max-width:46ch}
.nh-btn{height:52px;padding:0 26px;border-radius:26px;display:inline-flex;align-items:center;gap:10px;
 font:500 15.5px/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;border:0;
 transition:background .2s ease,color .2s ease,border-color .2s ease}
.nh-btn svg{width:18px;height:18px;flex:0 0 18px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nh-btn:hover svg{transform:translateX(3px)}
.nh-btn.pri{background:var(--nh-acc);color:#1c1503}
.nh-btn.pri:hover{background:var(--nh-acc2)}
.nh-btn.sec{background:transparent;color:var(--nh-ink);box-shadow:inset 0 0 0 1px rgba(250,249,245,.34)}
.nh-btn.sec:hover{background:rgba(250,249,245,.08)}
.nh-btn.ink{background:var(--pri);color:var(--pri-ink)}
.nh-btn.ink:hover{background:var(--pri-2)}
.nh-btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.nh-btn.line:hover{background:var(--soft)}
.nh-btn:focus-visible,.nh-ch:focus-visible,.nh-pp:focus-visible,.nh-play:focus-visible{outline:2px solid var(--nh-acc);outline-offset:3px}

/* --------------------------------------------------------------- hero */
.nh-hero{position:relative;padding:0;background:var(--nh-stage);color:var(--nh-ink);overflow:hidden;isolation:isolate;
 height:calc(100vh - 72px);min-height:620px;max-height:1000px}
@supports (height:100svh){.nh-hero{height:calc(100svh - 72px)}}
.nh-hero canvas.na-film{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.nh-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(0deg,rgba(14,12,9,.62) 0%,rgba(14,12,9,0) 24%),
  linear-gradient(90deg,rgba(14,12,9,.72) 0%,rgba(14,12,9,.34) 38%,rgba(14,12,9,0) 62%)}
.nh-hero .nh-in{position:relative;z-index:2;height:100%;max-width:1280px;margin:0 auto;padding:0 40px 120px;
 display:flex;flex-direction:column;justify-content:center}
.nh-copy{max-width:620px}
.nh-eyebrow{font:500 13px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--nh-acc);margin:0}
.nh-h1{font:600 clamp(52px,7.2vw,108px)/.96 var(--sans);letter-spacing:-.045em;color:var(--nh-ink);margin:22px 0 0}
.nh-h1 .nh-g{color:var(--nh-acc)}
.nh-sub{font:400 clamp(17px,1.45vw,20px)/1.55 var(--sans);color:rgba(250,249,245,.84);margin:26px 0 0;max-width:44ch}
.nh-ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;align-items:center}
.nh-play{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 6px;background:0;border:0;color:var(--nh-ink);
 font:500 15px/1 var(--sans);cursor:pointer}
.nh-play i{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(250,249,245,.34);
 transition:background .2s}
.nh-play:hover i{background:rgba(250,249,245,.1)}
.nh-play small{color:var(--nh-mut);font-size:13px}
.nh-play[hidden]{display:none}
.nh-play-s{display:none}

/* the chapters: where the film is, and a way to go there */
.nh-chap{position:absolute;left:0;right:0;bottom:0;z-index:3}
.nh-chin{max-width:1280px;margin:0 auto;padding:0 40px 30px;display:flex;align-items:flex-end;gap:22px}
.nh-pp{flex:0 0 40px;width:40px;height:40px;border-radius:20px;border:0;background:rgba(250,249,245,.08);color:var(--nh-ink);
 display:grid;place-items:center;cursor:pointer;margin-bottom:-2px}
.nh-pp:hover{background:rgba(250,249,245,.16)}
.nh-pp .pl{display:none}
.nh-pp[aria-pressed=true] .pa{display:none}
.nh-pp[aria-pressed=true] .pl{display:block}
.nh-ch{flex:1 1 0;min-width:0;background:0;border:0;padding:10px 0 0;margin:0;text-align:left;cursor:pointer;
 color:rgba(250,249,245,.5);font:500 13.5px/1.3 var(--sans);transition:color .25s}
.nh-ch:hover{color:rgba(250,249,245,.85)}
.nh-ch.on{color:var(--nh-ink)}
.nh-ch i{display:block;height:2px;border-radius:2px;background:rgba(250,249,245,.18);overflow:hidden;margin-bottom:12px}
.nh-ch i b{display:block;height:100%;background:var(--nh-acc);transform-origin:0 50%;transform:scaleX(0)}
.nh-ch span{font:500 12.5px/1 var(--mono);color:var(--nh-acc);margin-right:9px}
.nh-ch em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-cap{display:none}

/* ------------------------------------------------------------- intro */
.nh-intro{padding:120px 0 96px}
.nh-say{font:400 clamp(26px,3.1vw,44px)/1.24 var(--sans);letter-spacing:-.025em;color:var(--ink);margin:0;max-width:27ch}
.nh-say .sw{transition:color .2s linear}
html.na-m .nh-say .sw{color:color-mix(in srgb,var(--ink) 22%,var(--bg))}
html.na-m .nh-say .sw.lit{color:var(--ink)}
.nh-say .acc{color:var(--pri)}
html.na-m .nh-say .sw.acc{color:color-mix(in srgb,var(--pri) 30%,var(--bg))}
html.na-m .nh-say .sw.acc.lit{color:var(--pri)}
.nh-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line2)}
.nh-facts>div{padding:28px 26px 4px 0}
.nh-facts>div+div{padding-left:26px;border-left:1px solid var(--line2)}
.nh-facts b{display:block;font:400 clamp(36px,3.6vw,52px)/1 var(--sans);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.nh-facts span{display:block;font:400 14.5px/1.45 var(--sans);color:var(--mut);margin-top:12px}

/* ----------------------------------------------------------- services */
.nh-svc{padding:40px 0 120px}
.nh-stack{display:grid;gap:28px}
.nh-card{position:sticky;top:calc(96px + var(--i,0)*16px);display:grid;grid-template-columns:1.05fr .95fr;
 min-height:min(560px,calc(100vh - 150px));border-radius:32px;overflow:hidden;background:var(--card);
 border:1px solid var(--line2);box-shadow:0 30px 60px -40px rgba(20,17,12,.45);transform-origin:50% 0;will-change:transform}
.nh-card .nh-dim{position:absolute;inset:0;background:#0e0c09;opacity:0;pointer-events:none;z-index:3;border-radius:inherit}
.nh-card:nth-child(even){grid-template-columns:.95fr 1.05fr}
.nh-card:nth-child(even) .nh-pic{order:2}
.nh-pic{position:relative;overflow:hidden;background:var(--nh-stage);min-height:300px}
.nh-pic img,.nh-pic canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nh-pic .nh-ptag{position:absolute;left:18px;bottom:18px;z-index:2;font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;
 color:#fff;background:rgba(14,12,9,.62);padding:8px 12px;border-radius:14px;backdrop-filter:blur(6px)}
.nh-body{padding:52px 52px 48px;display:flex;flex-direction:column}
.nh-tag{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.nh-tag i{width:9px;height:9px;border-radius:50%}
.nh-body h3{font:500 clamp(28px,2.6vw,38px)/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:20px 0 0}
.nh-body p{font:400 16.5px/1.62 var(--sans);color:var(--mut);margin:16px 0 0;max-width:46ch}
.nh-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.nh-list li{display:flex;gap:12px;align-items:flex-start;font:400 15.5px/1.45 var(--sans);color:var(--ink2)}
.nh-list li:before{content:"";flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;
 background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a67c11' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}
html[data-theme=charcoal] .nh-list li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8bf5a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E")}
.nh-go{margin-top:auto;padding-top:34px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nh-go .note{font:400 14px/1.4 var(--sans);color:var(--faint)}

/* ---------------------------------------------------------- satellite */
.nh-sat{background:var(--nh-stage);color:var(--nh-ink);padding:0;position:relative}
.nh-track{height:420vh;position:relative}
.nh-pin{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden}
@supports (height:100svh){.nh-pin{height:calc(100svh - 72px)}}
.nh-satin{max-width:1280px;height:100%;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.nh-steps .nh-kick{color:var(--nh-acc)}
.nh-steps h2{font:400 clamp(34px,3.6vw,52px)/1.06 var(--sans);letter-spacing:-.035em;color:var(--nh-mut);margin:0}
.nh-steps h2 em{font-style:normal;color:var(--nh-ink);font-weight:500}
.nh-sl{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:4px;counter-reset:none}
.nh-sl li{position:relative;padding:14px 0 14px 22px;cursor:default}
.nh-sl li:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:rgba(250,249,245,.14)}
.nh-sl li i{position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--nh-acc);transform-origin:50% 0;transform:scaleY(0)}
.nh-sl b{display:flex;align-items:baseline;gap:12px;font:500 20px/1.2 var(--sans);letter-spacing:-.02em;color:rgba(250,249,245,.42);transition:color .3s}
.nh-sl b span{font:500 12.5px/1 var(--mono);color:rgba(217,119,87,.55)}
.nh-sl p{font:400 15.5px/1.55 var(--sans);color:var(--nh-mut);margin:0;max-height:0;overflow:hidden;opacity:0;
 transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .35s,margin .5s}
.nh-sl li.on b{color:var(--nh-ink)}
.nh-sl li.on b span{color:var(--nh-acc)}
.nh-sl li.on p{max-height:140px;opacity:1;margin-top:8px}
.nh-steps .nh-btn{margin-top:30px}
.nh-stage{position:relative;height:100%;min-height:0}
.nh-stage canvas{position:absolute;inset:4% 0;width:100%;height:92%;display:block}
.nh-sathint{position:absolute;right:0;bottom:26px;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(250,249,245,.4)}
.nh-satstats{max-width:1280px;margin:0 auto;padding:30px 40px 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--nh-line)}
.nh-satstats>div{padding:34px 26px 0 0}
.nh-satstats>div+div{padding-left:26px;border-left:1px solid var(--nh-line)}
.nh-satstats b{display:block;font:400 clamp(40px,4vw,60px)/1 var(--sans);letter-spacing:-.04em;color:var(--nh-ink);font-variant-numeric:tabular-nums}
.nh-satstats span{display:block;font:400 15px/1.5 var(--sans);color:var(--nh-mut);margin-top:12px;max-width:26ch}
.nh-satmore{max-width:1280px;margin:-60px auto 0;padding:0 40px 110px;display:flex;gap:14px;flex-wrap:wrap}

/* ------------------------------------------------------------- fleet */
.nh-fleet{padding:120px 0 110px}
.nh-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:0 auto;padding:0 40px}
.nh-m{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--card);border:1px solid var(--line2);
 text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.nh-m:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(20,17,12,.5)}
.nh-mpic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
.nh-mpic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.nh-m:hover .nh-mpic img{transform:scale(1.05)}
.nh-mb{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.nh-mb h3{font:500 19px/1.25 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:0}
.nh-mb p{font:400 14.5px/1.5 var(--sans);color:var(--mut);margin:0}
.nh-chips{display:flex;gap:6px;margin-top:6px}
.nh-chips span{font:500 12px/1 var(--sans);padding:7px 11px;border-radius:13px;background:var(--soft);color:var(--ink2)}
.nh-chips span:first-child{background:var(--tint);color:var(--pri)}
.nh-mgo{margin-top:auto;padding-top:12px;font:500 14.5px/1 var(--sans);color:var(--pri)}
.nh-fnote{max-width:1280px;margin:34px auto 0;padding:0 40px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.nh-fnote p{font:400 16px/1.5 var(--sans);color:var(--mut);margin:0}

/* ---------------------------------------------------------- gallery */
.nh-gal{padding:120px 0}
.nh-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:14px}
.nh-ph{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--soft)}
.nh-ph .px{position:absolute;inset:-8% 0;will-change:transform}
.nh-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nh-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 15px;color:#fff;
 background:linear-gradient(180deg,rgba(10,9,7,0),rgba(10,9,7,.72));z-index:2}
.nh-ph figcaption b{display:block;font:500 15px/1.3 var(--sans)}
.nh-ph figcaption span{display:block;font:400 12.5px/1.4 var(--sans);color:rgba(255,255,255,.76);margin-top:3px}
.nh-ph.a{grid-column:span 7;grid-row:span 4}
.nh-ph.b{grid-column:span 5;grid-row:span 4}
.nh-ph.c{grid-column:span 4;grid-row:span 3}
.nh-ph.d{grid-column:span 4;grid-row:span 3}
.nh-ph.e{grid-column:span 4;grid-row:span 3}
.nh-ph.f{grid-column:span 5;grid-row:span 3}
.nh-ph.g2{grid-column:span 7;grid-row:span 3}

/* --------------------------------------------------------- the end */
.nh-end{padding:40px 0 120px}
.nh-endin{position:relative;border-radius:36px;overflow:hidden;background:var(--nh-stage);color:var(--nh-ink);
 display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:80px 72px;isolation:isolate}
.nh-endin canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}
.nh-endin h2{font:400 clamp(36px,4.2vw,58px)/1.04 var(--sans);letter-spacing:-.035em;color:var(--nh-mut);margin:0}
.nh-endin h2 em{font-style:normal;color:var(--nh-ink);font-weight:500}
.nh-endin p{font:400 17px/1.6 var(--sans);color:var(--nh-mut);margin:22px 0 0;max-width:44ch}
.nh-endin .nh-ctas{margin-top:34px}
.nh-endin .nh-kick{color:var(--nh-acc)}
.nh-card2{align-self:center;justify-self:end;width:100%;max-width:380px;border-radius:24px;padding:28px 30px;
 background:rgba(250,249,245,.06);box-shadow:inset 0 0 0 1px rgba(250,249,245,.12);backdrop-filter:blur(10px)}
.nh-card2 .l{font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(250,249,245,.5)}
.nh-card2 .v{font:500 17px/1.4 var(--sans);color:var(--nh-ink);margin:8px 0 22px;word-break:break-word}
.nh-card2 .v:last-child{margin-bottom:0}
.nh-card2 a{color:var(--nh-acc);text-decoration:none}
.nh-card2 a:hover{text-decoration:underline}

/* --------------------------------------------------------- the film, full */
.nh-dlg{border:0;padding:0;background:transparent;max-width:min(1200px,94vw);width:100%;color:#fff}
.nh-dlg::backdrop{background:rgba(8,7,5,.86)}
.nh-dlg video{display:block;width:100%;height:auto;border-radius:18px;background:#000;aspect-ratio:16/9}
.nh-dlg .x{position:absolute;top:-52px;right:0;width:44px;height:44px;border-radius:22px;border:0;background:rgba(255,255,255,.12);color:#fff;
 display:grid;place-items:center;cursor:pointer}
.nh-dlg .x:hover{background:rgba(255,255,255,.2)}
.nh-dlg[open]{display:block;position:fixed;inset:0;margin:auto;height:fit-content}

/* ----------------------------------------------------------- tablet */
@media(max-width:1080px){
 .nh-hero{height:calc(100vh - 56px);min-height:560px}
 @supports (height:100svh){.nh-hero{height:calc(100svh - 56px)}}
 .nh-hero .nh-in{padding:0 28px 116px}
 .nh-chin{padding:0 28px 26px;gap:16px}
 .nh-ch em{display:none}
 .nh-cap{display:block;position:absolute;left:28px;right:28px;bottom:84px;font:500 15px/1.3 var(--sans);color:var(--nh-ink)}
 .nh-cap span{font:500 12.5px/1 var(--mono);color:var(--nh-acc);margin-right:9px}
 .nh-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
 .nh-card{grid-template-columns:1fr 1fr}
 .nh-card:nth-child(even){grid-template-columns:1fr 1fr}
 .nh-body{padding:40px 36px}
 .nh-pin{top:56px;height:calc(100vh - 56px)}
 @supports (height:100svh){.nh-pin{height:calc(100svh - 56px)}}
 .nh-satin{grid-template-columns:1fr 1fr;gap:24px;padding:0 28px}
 .nh-rail{grid-template-columns:repeat(2,1fr);padding:0 28px}
 .nh-fnote{padding:0 28px}
 .nh-satstats,.nh-satmore{padding-left:28px;padding-right:28px}
 .nh-endin{grid-template-columns:1fr;padding:60px 40px}
 .nh-card2{justify-self:start}
}
/* a tablet held upright: the words at the top, the film below them */
@media(max-width:1080px) and (min-width:761px) and (orientation:portrait){
 .nh-hero .nh-in{justify-content:flex-start;padding-top:64px}
}
/* ------------------------------------------------------------ phone */
@media(max-width:760px){
 .nh-hero{min-height:600px;max-height:none}
 .nh-shade{background:linear-gradient(180deg,rgba(14,12,9,.78) 0%,rgba(14,12,9,.35) 34%,rgba(14,12,9,0) 46%,rgba(14,12,9,0) 72%,rgba(14,12,9,.7) 100%)}
 .nh-hero .nh-in{padding:26px 20px 128px;justify-content:flex-start}
 .nh-eyebrow{font-size:11.5px;letter-spacing:.14em}
 .nh-h1{font-size:clamp(42px,12vw,56px);margin-top:14px}
 .nh-sub{font-size:15.5px;line-height:1.5;margin-top:14px;max-width:34ch}
 .nh-hero .nh-ctas{position:absolute;left:20px;right:20px;bottom:96px;margin:0;gap:10px;flex-wrap:nowrap}
 .nh-hero .nh-ctas .nh-btn{flex:1 1 0;justify-content:center;height:50px;padding:0 14px;font-size:15px}
 .nh-hero .nh-ctas .nh-play{display:none}
 .nh-cap{left:20px;right:20px;bottom:60px;font-size:14px}
 .nh-play-s:not([hidden]){display:inline-flex;position:absolute;right:16px;bottom:46px;z-index:4;height:44px;font-size:14px;gap:8px}
 .nh-play-s i{width:34px;height:34px;border-radius:17px}
 .nh-chin{padding:0 20px 22px;gap:8px}
 .nh-pp{flex-basis:34px;width:34px;height:34px}
 .nh-ch{padding-top:0}
 .nh-ch i{margin-bottom:0}
 .nh-ch span{display:none}
 .nh-intro{padding:72px 0 64px}
 .nh-say{font-size:25px;line-height:1.3}
 .nh-facts{grid-template-columns:1fr 1fr;margin-top:48px}
 .nh-facts>div{padding:22px 14px 20px 0}
 .nh-facts>div+div{padding-left:14px}
 .nh-facts>div:nth-child(3){padding-left:0;border-left:0}
 .nh-facts>div:nth-child(n+3){border-top:1px solid var(--line2)}
 .nh-facts span{font-size:14px}
 .nh-svc{padding:24px 0 72px}
 .nh-stack{gap:18px}
 .nh-card,.nh-card:nth-child(even){position:relative;top:auto;grid-template-columns:1fr;min-height:0;border-radius:26px}
 .nh-card:nth-child(even) .nh-pic{order:0}
 .nh-pic{aspect-ratio:4/3;min-height:0}
 .nh-body{padding:26px 22px 26px}
 .nh-body h3{margin-top:14px}
 .nh-body p{font-size:15.5px}
 .nh-go{padding-top:24px}
 .nh-go .nh-btn{flex:1 1 auto;justify-content:center}
 .nh-track{height:360vh}
 .nh-satin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;padding:0 20px;align-items:start;align-content:center}
 .nh-steps{order:2;padding:10px 0 18px;display:flex;flex-direction:column;min-height:0}
 .nh-steps .nh-kick,.nh-steps h2{display:none}
 .nh-sl{margin:0;gap:0}
 .nh-sl li{display:none;padding:6px 0 0 18px}
 .nh-sl li.on{display:block}
 .nh-sl li:before,.nh-sl li i{top:8px}
 .nh-sl b{font-size:19px}
 .nh-sl li.on p{max-height:none;font-size:15px;margin-top:6px}
 .nh-steps .nh-btn{display:none}
 .nh-stage{order:0;width:100%;height:min(56vh,calc(100vw - 30px));min-height:0;margin-top:0}
 .nh-stage canvas{inset:0;height:100%}
 .nh-sathint{display:none}
 .nh-satphone{display:flex!important;order:1}
 .nh-satstats{grid-template-columns:1fr;padding:10px 20px 40px}
 .nh-satstats>div,.nh-satstats>div+div{padding:24px 0;border-left:0;border-bottom:1px solid var(--nh-line)}
 .nh-satstats>div:last-child{border-bottom:0}
 .nh-satmore{margin:0;padding:0 20px 72px}
 .nh-satmore .nh-btn{flex:1 1 auto;justify-content:center}
 .nh-fleet{padding:72px 0 64px}
 .nh-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 20px 6px;scroll-padding:0 20px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
 .nh-rail::-webkit-scrollbar{display:none}
 .nh-m{flex:0 0 78%;scroll-snap-align:start}
 .nh-m:hover{transform:none;box-shadow:none}
 .nh-fnote{padding:0 20px;margin-top:22px}
 .nh-fnote .nh-btn{width:100%;justify-content:center}
 .nh-gal{padding:72px 0}
 .nh-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:10px}
 .nh-ph,.nh-ph.a,.nh-ph.b,.nh-ph.c,.nh-ph.d,.nh-ph.e,.nh-ph.f,.nh-ph.g2{grid-column:span 1;grid-row:auto;aspect-ratio:1/1;border-radius:18px}
 .nh-ph.a,.nh-ph.f,.nh-ph.g2{grid-column:span 2;aspect-ratio:4/3}
 .nh-ph figcaption{padding:30px 12px 11px}
 .nh-ph figcaption b{font-size:14px}
 .nh-ph figcaption span{font-size:12px}
 .nh-end{padding:8px 0 72px}
 .nh-endin{padding:44px 24px;border-radius:28px;gap:28px}
 .nh-endin .nh-ctas{flex-direction:column;align-items:stretch}
 .nh-endin .nh-ctas .nh-btn{justify-content:center}
 .nh-card2{max-width:none;padding:22px 22px}
 .nh-dlg .x{top:-50px}
}
/* the phone gets its step dots under the stage */
.nh-satphone{display:none;gap:6px;margin-top:12px}
.nh-satphone i{flex:1;height:3px;border-radius:2px;background:rgba(250,249,245,.16);overflow:hidden;position:relative}
.nh-satphone i b{position:absolute;inset:0;background:var(--nh-acc);transform-origin:0 50%;transform:scaleX(0)}

/* short laptop screens: the stacking cards would cover their own buttons */
@media(max-height:720px) and (min-width:761px){
 .nh-card,.nh-card:nth-child(even){position:relative;top:auto;min-height:0}
}

/* ------------------------------------------------- reduced motion */
@media(prefers-reduced-motion:reduce){
 .nh-track{height:auto}
 .nh-pin{position:relative;top:auto;height:auto;min-height:0;padding:96px 0}
 .nh-satin{height:auto}
 .nh-stage{height:auto;aspect-ratio:1/1}
 .nh-stage canvas{inset:0;height:100%}
 .nh-sl li{display:block!important}
 .nh-sl li b{color:var(--nh-ink)}
 .nh-sl li p{max-height:none;opacity:1;margin-top:8px}
 .nh-card,.nh-card:nth-child(even){position:relative;top:auto}
 .nh-m,.nh-mpic img,.nh-btn svg{transition:none}
 .nh-pp{display:none}
}
@media print{
 .nh-hero{height:auto;min-height:0;background:#fff;color:#000}
 .nh-hero canvas,.nh-shade,.nh-chap,.nh-sat canvas,.nh-endin canvas{display:none}
 .nh-h1,.nh-sub{color:#000}
 .nh-track{height:auto}.nh-pin{position:static;height:auto}
 .nh-card{position:static}
}
html[data-theme=charcoal] .nh-endin{box-shadow:inset 0 0 0 1px var(--line)}

/* ------------------------------------------- live pictures on any page */
.na-live{position:relative;overflow:hidden;background:var(--nh-stage)}
.na-live>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fig .na-live{border-radius:inherit;aspect-ratio:4/3;width:100%}
.pbanner .bg.na-live{background:var(--nh-stage)}
.tcard.photo .well{padding:0;background:var(--soft)}
.tcard.photo .well img{object-fit:cover}
.tcard .well.na-live{aspect-ratio:16/10}
@media(max-width:720px){ .tcard .well.na-live{aspect-ratio:4/3} }
/* the satellite scene on an inner page sits between two light sections */
.psec+.nh-sat,.nh-sat+.psec{margin-top:0}

/* ------------------------------------------ operations: a satellite tour
   The real ground under a drawn layer (js/na-ops.js). Dark in both themes:
   it is a screen. The map fills the section; the words sit on the left over
   a scrim, the card rides beside the site in view. */
.nh-ops{position:relative;padding:0;background:var(--nh-stage);color:var(--nh-ink);overflow:hidden;isolation:isolate;
 height:calc(100vh - 72px);min-height:680px;max-height:960px}
@supports (height:100svh){.nh-ops{height:calc(100svh - 72px)}}
.nh-opsstage{position:absolute;inset:0;z-index:0}
.nh-opsmap{position:absolute;inset:0;z-index:0;background:var(--nh-stage)}
.nh-ops .leaflet-container{background:var(--nh-stage);font:inherit;outline:0}
.nh-ops .leaflet-container:focus-visible{box-shadow:inset 0 0 0 2px var(--nh-acc)}
.nh-ops .nh-tiles{filter:brightness(.68) saturate(.78) contrast(1.08)}
.nh-ops .nh-ref{transition:opacity .8s ease}
.nh-ops.no-tiles .nh-opsmap{opacity:0}
.nh-opsfx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;display:block}
.nh-opsshade{position:absolute;inset:0;z-index:2;pointer-events:none;background:
 linear-gradient(90deg,rgba(14,12,9,.92) 0%,rgba(14,12,9,.7) 22%,rgba(14,12,9,.16) 42%,rgba(14,12,9,0) 54%),
 linear-gradient(0deg,rgba(14,12,9,.5) 0%,rgba(14,12,9,0) 20%),
 linear-gradient(180deg,rgba(14,12,9,.55) 0%,rgba(14,12,9,0) 16%)}
.nh-opszoom{position:absolute;top:22px;right:22px;z-index:4;display:flex;flex-direction:column;gap:6px}
.nh-opszoom button{width:40px;height:40px;border-radius:20px;border:0;cursor:pointer;display:grid;place-items:center;
 background:rgba(14,12,9,.66);color:var(--nh-ink);box-shadow:inset 0 0 0 1px rgba(250,249,245,.18);
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:400 21px/1 var(--sans)}
.nh-opszoom button:hover{background:rgba(14,12,9,.88)}
.nh-opszoom button:focus-visible{outline:2px solid var(--nh-acc);outline-offset:2px}
.nh-ops.drawn-map .nh-opszoom,.nh-ops.drawn-map .nh-opsmap{display:none}
.nh-opsattr{position:absolute;right:18px;bottom:10px;z-index:4;margin:0;font:400 10.5px/1.3 var(--sans);color:rgba(250,249,245,.5);pointer-events:none}
.nh-opshead{position:absolute;z-index:3;top:56px;left:max(40px,calc((100% - 1280px)/2 + 40px));width:min(430px,40%);pointer-events:none}
.nh-opshead .nh-kick{color:var(--nh-acc)}
.nh-opshead h2{font:400 clamp(34px,3.4vw,50px)/1.06 var(--sans);letter-spacing:-.035em;color:var(--nh-mut);margin:0}
.nh-opshead h2 em{font-style:normal;color:var(--nh-ink);font-weight:500}
.nh-opslede{font:400 16px/1.55 var(--sans);color:var(--nh-mut);margin:16px 0 0;max-width:38ch}
.nh-opsnav{position:absolute;z-index:3;bottom:36px;left:max(40px,calc((100% - 1280px)/2 + 40px));width:min(360px,34%)}
.nh-opsch{display:grid;gap:0}
.nh-och{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:baseline;
 width:100%;text-align:left;background:0;border:0;margin:0;padding:13px 0 11px;cursor:pointer;color:rgba(250,249,245,.5);font:inherit;transition:color .25s}
.nh-och i{position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:rgba(250,249,245,.13);overflow:hidden}
.nh-och i b{display:block;height:100%;background:var(--nh-acc);transform-origin:0 50%;transform:scaleX(0)}
.nh-och span{grid-row:1/3;font:500 12.5px/1.4 var(--mono);color:rgba(217,119,87,.55)}
.nh-och em{font:500 17px/1.25 var(--sans);font-style:normal;letter-spacing:-.01em}
.nh-och small{display:block;font:400 13px/1.35 var(--sans);color:rgba(250,249,245,.42);margin-top:2px}
.nh-och:hover{color:rgba(250,249,245,.85)}
.nh-och.on{color:var(--nh-ink)}
.nh-och.on span{color:var(--nh-acc)}
.nh-och.on small{color:rgba(250,249,245,.66)}
.nh-och:focus-visible{outline:2px solid var(--nh-acc);outline-offset:4px;border-radius:6px}
.nh-opp{margin-top:12px;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 6px;border-radius:20px;border:0;
 background:rgba(250,249,245,.08);color:var(--nh-ink);font:500 14px/1 var(--sans);cursor:pointer}
.nh-opp:hover{background:rgba(250,249,245,.14)}
.nh-opp:focus-visible{outline:2px solid var(--nh-acc);outline-offset:3px}
.nh-opp i{width:28px;height:28px;border-radius:14px;background:rgba(250,249,245,.1);display:grid;place-items:center}
.nh-opp em{font-style:normal}
.nh-opp .pl{display:none}
.nh-opp[aria-pressed=true] .pa{display:none}
.nh-opp[aria-pressed=true] .pl{display:block}
.nh-opp[hidden]{display:none}
.nh-opscard{position:absolute;left:0;top:0;z-index:4;width:330px;padding:18px 20px 16px;border-radius:20px;
 background:rgba(14,12,9,.76);box-shadow:inset 0 0 0 1px rgba(250,249,245,.14),0 30px 60px -30px rgba(0,0,0,.8);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform}
.nh-oc-k{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nh-oc-reg{font:500 11px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--nh-acc)}
.nh-oc-live{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--sans);color:#8fdcae;white-space:nowrap}
.nh-oc-live i{width:7px;height:7px;border-radius:50%;background:#d97757}
.nh-oc-name{display:block;font:600 26px/1.15 var(--sans);letter-spacing:-.02em;margin-top:8px;color:var(--nh-ink)}
.nh-oc-text{font:400 14px/1.5 var(--sans);color:var(--nh-mut);margin:8px 0 0}
.nh-oc-hud{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(250,249,245,.12)}
.nh-oc-hud dt{font:500 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(250,249,245,.45)}
.nh-oc-hud dd{margin:5px 0 0;font:500 13.5px/1.35 var(--mono);color:var(--nh-ink);font-variant-numeric:tabular-nums}
.nh-oc-hud dd small{font:400 11.5px var(--sans);color:rgba(250,249,245,.55)}
.nh-oc-dist small{display:block;margin-top:1px}
.nh-oc-time span{display:inline-block;margin-right:8px;white-space:nowrap}
.nh-opscard.swap .nh-oc-swap{animation:nhOcIn .6s cubic-bezier(.2,.8,.2,1) both}
.nh-opscard.swap .nh-oc-name{animation-delay:.05s}
.nh-opscard.swap .nh-oc-text{animation-delay:.1s}
@keyframes nhOcIn{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1080px){
 .nh-ops{height:calc(100vh - 56px);min-height:640px}
 @supports (height:100svh){.nh-ops{height:calc(100svh - 56px)}}
 .nh-opshead{top:40px;left:28px;width:min(420px,46%)}
 .nh-opsnav{left:28px;bottom:28px;width:min(330px,42%)}
 .nh-opscard{width:300px}
}
@media(max-width:760px){
 .nh-ops{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:0 0 40px}
 .nh-opshead{position:relative;order:1;top:auto;left:auto;width:auto;padding:64px 20px 20px}
 .nh-opsstage{position:relative;order:2;inset:auto;height:min(60svh,500px);min-height:340px}
 .nh-opsshade{background:linear-gradient(180deg,rgba(14,12,9,.55) 0%,rgba(14,12,9,0) 18%,rgba(14,12,9,0) 70%,rgba(14,12,9,.9) 100%)}
 .nh-opszoom{top:12px;right:12px}
 .nh-opszoom button{width:38px;height:38px}
 .nh-opsattr{bottom:auto;top:14px;right:auto;left:14px}
 /* on a phone the countries sit on the bottom edge of the map, so a tap
    and the flight it starts are in the same place */
 .nh-opsnav{position:relative;order:3;left:auto;bottom:auto;width:auto;margin-top:-58px;padding:0 12px;z-index:5;
  display:flex;align-items:flex-end;gap:8px}
 .nh-opsch{flex:1;grid-template-columns:repeat(4,1fr);column-gap:8px}
 .nh-och{grid-template-columns:1fr;padding:11px 0 9px}
 .nh-och span,.nh-och small{display:none}
 .nh-och em{font-size:0;line-height:1}
 .nh-och em::after{content:attr(data-short);font-size:13.5px;line-height:1.2;white-space:nowrap}
 .nh-opp{flex:0 0 38px;width:38px;height:38px;margin:0 0 4px;padding:0;justify-content:center;border-radius:19px}
 .nh-opp em{display:none}
 .nh-opp i{background:none}
 .nh-opscard{position:relative;order:4;transform:none!important;width:auto;margin:16px 20px 0;will-change:auto}
 .nh-opsattr{right:12px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .nh-opscard.swap .nh-oc-swap{animation:none}
}
@media print{ .nh-ops{height:auto;background:#fff;color:#000} .nh-opsstage{display:none} .nh-opscard{position:static;transform:none!important} }

/* ------------------------------------------------------------- hiring */
.nh-hire{padding:30px 0 110px}
.nh-jobs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nh-job{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:28px;overflow:hidden;background:var(--card);border:1px solid var(--line2);
 text-decoration:none;color:inherit;min-height:310px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.nh-job:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(20,17,12,.5)}
.nh-job:focus-visible{outline:2px solid var(--pri);outline-offset:3px}
.nh-jvis{position:relative;overflow:hidden;background:var(--nh-stage)}
.nh-jvis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.nh-job:hover .nh-jvis img{transform:scale(1.05)}
.nh-jb{padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.nh-jtag{display:flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.nh-jtag i{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.nh-jb h3{font:500 22px/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:4px 0 0}
.nh-jb p{font:400 15px/1.55 var(--sans);color:var(--mut);margin:0}
.nh-jmeta{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nh-jmeta span:first-child{font:500 12.5px/1 var(--sans);padding:8px 12px;border-radius:14px;background:var(--tint);color:var(--pri)}
.nh-jgo{display:inline-flex;align-items:center;gap:6px;font:500 14.5px/1 var(--sans);color:var(--pri)}
.nh-jgo svg{width:16px;height:16px;transition:transform .25s}
.nh-job:hover .nh-jgo svg{transform:translateX(3px)}
.nh-jall{margin-top:26px;display:flex;justify-content:flex-end}
/* the accountant's month: the 7th and the 20th */
.nh-jcal{position:absolute;inset:0;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;color:var(--nh-ink);
 background:radial-gradient(120% 90% at 0% 0%,rgba(217,119,87,.16),rgba(217,119,87,0) 60%),var(--nh-stage)}
.nh-jcm b{display:block;font:500 15px/1.2 var(--sans)}
.nh-jcm span{display:block;font:400 12px/1.3 var(--sans);color:var(--nh-mut);margin-top:3px}
.nh-jgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;flex:1;align-content:center}
.nh-jgrid i{font:500 11.5px/1 var(--mono);font-style:normal;color:rgba(250,249,245,.42);display:grid;place-items:center;aspect-ratio:1;
 border-radius:8px;background:rgba(250,249,245,.045)}
.nh-jgrid i.d7,.nh-jgrid i.d20{color:#1c1503;background:var(--nh-acc);position:relative}
.nh-jgrid i.d20{background:#d97757;color:#fff}
.nh-jgrid i.d7:after,.nh-jgrid i.d20:after{content:"";position:absolute;inset:-4px;border-radius:11px;border:2px solid var(--nh-acc);opacity:0;
 animation:nh-ping 2.6s ease-out infinite}
.nh-jgrid i.d20:after{border-color:#d97757;animation-delay:1.3s}
@keyframes nh-ping{0%{opacity:.85;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.35)}}
.nh-jkey{display:flex;flex-direction:column;gap:6px;font:500 11.5px/1.2 var(--sans);color:var(--nh-mut)}
.nh-jkey span{display:flex;align-items:center;gap:8px}
.nh-jkey i{width:9px;height:9px;border-radius:3px;background:var(--nh-acc);flex:0 0 9px}
.nh-jkey i.v{background:#d97757}
@media(max-width:1240px) and (min-width:1081px){header .hiring{display:none!important}}
@media(max-width:1080px){.nh-jobs{grid-template-columns:1fr}}
@media(max-width:760px){
 .nh-hire{padding:0 0 80px}
 .nh-job{grid-template-columns:1fr;min-height:0}
 .nh-jvis{min-height:236px}
 .nh-jvis.cal{min-height:292px}
 .nh-jgrid i{aspect-ratio:auto;height:24px}
 .nh-jb{padding:22px 20px 20px}
 .nh-jall{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.nh-jgrid i:after{animation:none!important;opacity:0!important}}
@media print{.nh-hire{padding:20px 0}.nh-jvis{display:none}.nh-job{grid-template-columns:1fr}}

/* ------------------------------------------------- the mine, explained */
.nh-mine{padding:110px 0 100px}
.nh-minein{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.nh-minetx{min-width:0}
.nh-mine h2{font:400 clamp(36px,4.2vw,58px)/1.04 var(--sans);letter-spacing:-.035em;color:var(--mut);margin:0}
.nh-mine h2 em{font-style:normal;color:var(--ink);font-weight:500}
.nh-mine .nh-lede{margin-top:22px;max-width:52ch}
.nh-ml{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:2px;counter-reset:none}
.nh-ml li{position:relative;padding:12px 0 12px 22px}
.nh-ml li:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:2px;background:var(--line2)}
.nh-ml li i{position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:2px;background:var(--pri);transform-origin:50% 0;transform:scaleY(0)}
.nh-ml button{all:unset;cursor:pointer;display:flex;gap:11px;align-items:baseline;font:500 17px/1.3 var(--sans);color:var(--faint);transition:color .3s;border-radius:6px}
.nh-ml button span{font:500 12px/1 var(--mono);color:var(--faint);transition:color .3s}
.nh-ml button:hover{color:var(--ink2)}
.nh-ml button:focus-visible{outline:2px solid var(--pri);outline-offset:4px}
.nh-ml li.on button{color:var(--ink)}
.nh-ml li.on button span{color:var(--pri)}
.nh-ml p{font:400 15px/1.55 var(--sans);color:var(--mut);margin:0;max-height:0;overflow:hidden;opacity:0;
 transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s,margin .35s}
.nh-ml li.on p{max-height:96px;opacity:1;margin-top:7px}
.nh-mine .nh-ctas{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.nh-minefig{margin:0;min-width:0}
.nh-minecv{position:relative;aspect-ratio:1.18/1;border-radius:30px;overflow:hidden;background:var(--nh-stage);
 box-shadow:0 30px 60px -40px rgba(20,17,12,.55)}
.nh-minecv canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.nh-minefig figcaption{font:400 13px/1.45 var(--sans);color:var(--mut);margin-top:12px}
@media(max-width:1080px){.nh-minein{grid-template-columns:1fr;gap:34px}.nh-minefig{order:-1}}
@media(max-width:760px){
 .nh-mine{padding:64px 0 56px}
 .nh-minecv{aspect-ratio:1/1.04;border-radius:24px}
 .nh-ml button{font-size:16.5px}
 .nh-mine .nh-ctas .nh-btn{flex:1 1 auto;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.nh-ml p,.nh-ml button{transition:none}}
@media print{.nh-minefig{display:none}.nh-ml p{max-height:none;opacity:1}}

/* ---- the Najd Aurum Exploration System: any coordinates in Tanzania, go or no-go (13 Oct 2026) ----
   three steps, then the drawn map beside the form; one column on a phone */
.ck-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ck-steps li{background:var(--soft);border-radius:20px;padding:22px 22px 24px}
.ck-steps .n{display:block;font:500 13px/1 var(--sans);letter-spacing:.07em;color:var(--pri)}
.ck-steps b{display:block;font:500 17px/1.3 var(--sans);color:var(--ink);margin:12px 0 6px}
.ck-steps li>span:not(.n){display:block;font:400 15px/1.55 var(--sans);color:var(--mut)}
.ck{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;background:var(--card);
 border:1px solid var(--line);border-radius:24px;padding:28px}
.ck-map{margin:0;position:sticky;top:96px;min-width:0}
.ck-svg{display:block;width:100%;height:auto;cursor:crosshair;touch-action:manipulation}
.ck-grid line{stroke:var(--line2);stroke-width:1.5}
.ck-land{fill:var(--soft);stroke:var(--ink2);stroke-width:2.4;stroke-linejoin:round}
.ck-lbl text{font:500 22px var(--sans);fill:var(--faint)}
.ck-pin{visibility:hidden}
.ck-pin.on{visibility:visible}
.ck-pin line{stroke:var(--pri);stroke-width:1.6;stroke-dasharray:7 7;opacity:.75}
.ck-halo{fill:var(--pri);opacity:.2}
.ck-dot{fill:var(--pri);stroke:var(--card);stroke-width:3.5}
.ck-pin.out line{stroke:var(--faint)}
.ck-pin.out .ck-dot,.ck-pin.out .ck-halo{fill:var(--faint)}
.ck-read{font:400 14px/1.5 var(--sans);color:var(--mut);margin-top:12px;min-height:3em}
.ck-read b{color:var(--ink);font-weight:500}
.ck-read .bad{color:var(--pri-2)}
.ck-read .ck-nt{display:block;margin-top:4px}
.ck-form{margin:0}
.ck-form .opt{text-transform:none;letter-spacing:0;font-weight:400}
.ck-form .ck-help{margin-top:8px;line-height:1.45}
.ck-form .status.bad{color:var(--pri-2)}
.ck-form .ck-bad{border-color:var(--pri-2)!important;box-shadow:0 0 0 3px rgba(217,119,87,.2)!important}
.ck-copy{font:inherit;font-size:12.5px;padding:2px 9px;margin-left:2px;border:1px solid currentColor;border-radius:99px;background:none;color:inherit;cursor:pointer}
.ck-note{grid-column:span 2;font:400 13px/1.5 var(--sans);color:var(--faint);margin:0}
.ck-note a{color:var(--pri)}
@media(prefers-reduced-motion:no-preference){
 .ck-pin.on .ck-halo{animation:ck-pulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
}
@keyframes ck-pulse{0%{transform:scale(.55);opacity:.4}100%{transform:scale(1.7);opacity:0}}
@media(max-width:1080px){.ck{grid-template-columns:1fr;gap:24px}.ck-map{position:static;max-width:520px;width:100%;margin:0 auto}}
@media(max-width:900px){.ck-steps{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.ck{padding:18px;border-radius:20px}.ck-note{grid-column:span 1}.ck-lbl text{font-size:26px}}
@media print{.ck-map{position:static}}