:root{
  --black:#080706; --ink:#12100d; --gold:#c99645; --gold2:#e1bd72; --ivory:#fff8ea; --muted:#d8cdbb;
  --bar:rgba(5,5,4,.94); --glass:rgba(10,8,6,.72); --line:rgba(217,171,91,.42);
}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--black);color:var(--ivory)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}
.hidden{display:none!important}
.entry-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050403;overflow:hidden}.door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#070605,#17110c 45%,#030302);transition:transform 1.35s cubic-bezier(.77,0,.18,1)}.door-left{left:0;border-right:1px solid rgba(223,184,113,.4)}.door-right{right:0;border-left:1px solid rgba(223,184,113,.4)}.entry-screen.open .door-left{transform:translateX(-102%)}.entry-screen.open .door-right{transform:translateX(102%)}.entry-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(229,184,96,.34),transparent 17%),linear-gradient(90deg,transparent 49.7%,rgba(234,199,125,.65),transparent 50.3%);filter:blur(.2px)}.entry-content{position:relative;z-index:2;text-align:center;padding:24px;max-width:760px}.entry-mark,.case-mark{width:78px;height:78px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-family:Georgia,serif;font-size:38px;background:rgba(255,255,255,.03)}.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:13px;color:var(--gold2);margin:0 0 10px}.entry-content h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,11vw,140px);letter-spacing:.14em;margin:0}.tagline{font-family:Georgia,serif;font-size:clamp(20px,3vw,32px);line-height:1.45;color:var(--ivory)}.tagline em{color:var(--gold2)}.primary-btn,.outline-btn{border:1px solid var(--line);border-radius:999px;padding:17px 28px;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#d3a351,#f1cc82);color:#140e07;border:0;font-weight:800}.outline-btn{background:transparent;color:var(--ivory)}.small{font-size:12px;padding:14px 20px}
.district-screen{position:fixed;inset:0;background:#f3eee3;overflow:hidden}.panorama-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.panorama-viewport.dragging{cursor:grabbing}.panorama-world{position:absolute;top:0;left:0;height:100%;width:auto;will-change:transform;transform:translate3d(0,0,0)}.panorama-world img{height:100%;width:auto;max-width:none;display:block;user-select:none;pointer-events:none}.hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);border:0;background:transparent;border-radius:8px;cursor:pointer;transform:translate(-0%, -0%)}.hotspot::after{content:"";position:absolute;inset:0;border-radius:10px;border:0;box-shadow:none;background:transparent}.hotspot:focus-visible::after{outline:2px solid rgba(201,150,69,.35);outline-offset:4px}.hotspot:hover::after,.hotspot.active::after{border:0;box-shadow:none;background:transparent}.menu-click{position:fixed;right:18px;top:18px;width:78px;height:78px;border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:12}.district-controls{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:15;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(6,5,4,.78);backdrop-filter:blur(18px);box-shadow:0 12px 38px rgba(0,0,0,.22)}.round-arrow{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:#0b0908;color:var(--gold2);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 0 20px rgba(201,150,69,.15)}.directory-main{min-width:220px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,16,13,.96),rgba(6,5,4,.96));color:var(--ivory);padding:12px 24px;display:flex;gap:14px;align-items:center;justify-content:center;cursor:pointer;text-transform:uppercase;letter-spacing:.12em}.directory-main small{display:block;font-size:11px;color:var(--gold2);letter-spacing:.18em;margin-top:3px}.grid-icon{font-size:28px;color:var(--gold2)}
.directory-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);z-index:40;background:rgba(7,6,5,.96);border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(0,0,0,.45);padding:34px 24px;transform:translateX(105%);transition:transform .45s cubic-bezier(.22,.8,.2,1);overflow:auto}.directory-drawer.open{transform:translateX(0)}.close-btn,.close-case{position:absolute;right:22px;top:22px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);font-size:32px;cursor:pointer}.directory-drawer h2{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:20px 70px 26px 0}.directory-list{display:grid;gap:10px}.directory-item{display:flex;align-items:center;gap:14px;width:100%;border:1px solid rgba(217,171,91,.24);background:rgba(255,255,255,.035);border-radius:18px;padding:14px;text-align:left;cursor:pointer}.directory-item:hover{border-color:var(--gold2);background:rgba(217,171,91,.09)}.directory-item .mark{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;color:var(--gold2);flex:0 0 auto}.directory-item strong{display:block;font-size:15px}.directory-item small{display:block;color:var(--muted);margin-top:3px}.gold{color:var(--gold2)}
.walk-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,rgba(219,171,88,.18),transparent 24%),rgba(3,3,2,.22);pointer-events:none}.walk-path{display:flex;flex-direction:column;gap:16px;align-items:center}.walk-path span{width:80px;height:9px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);box-shadow:0 0 20px var(--gold);animation:pulse .8s infinite alternate}.walk-overlay p{position:absolute;bottom:24%;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:var(--ivory)}@keyframes pulse{to{opacity:.35;transform:scale(.85)}}
.case-study{position:fixed;inset:0;z-index:45;background:#070605;color:var(--ivory);overflow:auto}.case-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(24px,5vw,72px);background:rgba(8,7,6,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.case-header h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,76px);margin:0}.case-body{max-width:1180px;margin:0 auto;padding:48px clamp(22px,4vw,48px) 80px}.case-hero{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:30px;padding:clamp(28px,5vw,56px);box-shadow:inset 0 0 80px rgba(217,171,91,.05)}.case-mark{margin:0;width:92px;height:92px;font-size:42px}.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:10px 18px;color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-size:12px}.case-hero h1{font-family:Georgia,serif;font-size:clamp(48px,8vw,96px);font-weight:400;line-height:.98;margin:20px 0}.case-subtitle{text-transform:uppercase;letter-spacing:.22em;color:var(--gold2);font-size:14px}.case-description{font-size:clamp(19px,2.4vw,28px);line-height:1.55;color:#e9e1d5;max-width:850px}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.case-meta div,.case-sections article{border:1px solid rgba(217,171,91,.22);border-radius:22px;background:rgba(255,255,255,.025);padding:22px}.case-meta strong{display:block;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-size:12px;margin-bottom:10px}.case-meta span{color:#eee;font-size:16px;line-height:1.5}.case-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.preview-card{border:1px solid var(--line);border-radius:26px;padding:16px;background:rgba(255,255,255,.035);margin:30px 0}.preview-screen{height:360px;border-radius:18px;background:linear-gradient(135deg,#f8eee9,#f8d8d8 50%,#fff8f2);overflow:hidden;color:#231b18;position:relative}.preview-top{height:42px;background:#160d0b}.preview-content{padding:42px}.preview-content h3{font-family:Georgia,serif;font-size:54px;margin:0 0 14px}.case-sections{display:grid;gap:22px}.case-sections h3{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:0 0 14px}.case-sections p,.case-sections li{font-size:21px;line-height:1.55;color:#e3dbd0}.case-sections ul{margin:0;padding-left:22px}
@media(max-width:760px){.entry-content h1{font-size:58px}.district-controls{bottom:12px;gap:8px;padding:10px}.round-arrow{width:48px;height:48px;font-size:26px}.directory-main{min-width:172px;padding:10px 14px}.directory-main strong{font-size:13px}.directory-main small{font-size:9px}.case-hero{grid-template-columns:1fr}.case-mark{width:78px;height:78px}.case-meta{grid-template-columns:1fr}.preview-screen{height:280px}.preview-content h3{font-size:38px}.case-header{padding:18px 20px}.case-header h2{font-size:38px}.close-case{width:48px;height:48px}.menu-click{width:62px;height:62px;right:12px;top:12px}}

/* V5.1 final POV adjustment: pull the mobile camera back slightly without changing the district image or interactions. */
@media (max-width: 760px){
  .panorama-world{
    height:90%;
    top:5%;
  }
  .panorama-world img{
    height:100%;
  }
}

@media (min-width: 761px){
  .panorama-world{
    height:96%;
    top:2%;
  }
  .panorama-world img{
    height:100%;
  }
}

/* V6 production polish */
.district-controls{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  gap:10px !important;
  bottom:calc(10px + env(safe-area-inset-bottom)) !important;
}
.directory-main{
  min-width:190px;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.round-arrow{
  box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 18px rgba(201,150,69,.14);
}
.project-hero-media{
  margin:30px 0 18px;
  border:1px solid var(--line);
  border-radius:28px;
  overflow:hidden;
  background:#111;
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}
.project-hero-media img{
  width:100%;
  max-height:620px;
  object-fit:cover;
  display:block;
}
.case-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:22px 0 32px;
}
.gallery-item{
  margin:0;
  border:1px solid rgba(217,171,91,.28);
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
.gallery-item img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}
.gallery-item figcaption{
  padding:12px 16px;
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.case-actions .primary-btn[href="#"]{
  background:transparent;
  color:var(--gold2);
  border:1px solid var(--line);
}
@media(max-width:760px){
  .case-gallery{grid-template-columns:1fr;gap:14px}
  .gallery-item img{height:auto;max-height:none;object-fit:contain;background:#111}
  .project-hero-media img{max-height:none;object-fit:contain;background:#111}
  .district-controls{gap:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .directory-main{min-width:166px!important;padding:10px 12px!important}
  .round-arrow{width:50px;height:50px}
}


/* V6.5 final mobile/district/admin polish */
html, body, #app { overflow-x: hidden !important; }
.district-screen{ background:#000 !important; }
.panorama-viewport{ inset:0 !important; }
.panorama-world{ top:0 !important; height:100% !important; }
.panorama-world img{ height:100% !important; }

@media(max-width:760px){
  .panorama-world{ top:0 !important; height:100% !important; }
  .panorama-world img{ height:100% !important; }
}

/* V7 NotéLune HQ polish */
.case-actions .hq-action{box-shadow:0 10px 30px rgba(201,150,69,.14)}
.hq-panels.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}
.hq-panel{border:1px solid rgba(217,171,91,.28);border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 0 55px rgba(217,171,91,.045)}
.hq-panel span{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--gold2);font-family:Georgia,serif;margin-bottom:18px}
.hq-panel h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,48px);margin:0 0 14px;color:var(--ivory)}
.hq-panel p{font-size:18px;line-height:1.6;color:#e7ded0;margin:0}
@media(max-width:760px){.hq-panels.case-gallery{grid-template-columns:1fr}.case-actions{gap:10px}.case-actions .primary-btn,.case-actions .outline-btn{width:100%;justify-content:center}}

/* V8 Conversion Upgrade */
.conversion-hero{max-width:980px}
.entry-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}.entry-secondary{background:rgba(6,5,4,.35);backdrop-filter:blur(12px);min-width:190px}.trust-strip{margin:30px auto 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;max-width:850px}.trust-strip span{border:1px solid rgba(225,189,114,.3);background:rgba(255,248,234,.06);border-radius:999px;padding:10px 14px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--muted)}
.project-modal{position:fixed;inset:0;z-index:80;background:rgba(4,3,3,.78);backdrop-filter:blur(14px);display:grid;place-items:center;padding:22px;overflow:auto}.modal-card{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(16,13,10,.98),rgba(5,4,3,.98));box-shadow:0 30px 90px rgba(0,0,0,.55);padding:34px}.modal-card h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,7vw,64px);line-height:.95;margin:0 60px 16px 0}.modal-intro{color:var(--muted);line-height:1.65;max-width:600px}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.project-form label{display:flex;flex-direction:column;gap:8px;color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid rgba(225,189,114,.27);border-radius:16px;background:rgba(255,255,255,.04);color:var(--ivory);padding:14px 15px;font:inherit;text-transform:none;letter-spacing:0}.project-form textarea,.project-form button{grid-column:1/-1}.project-form select option{background:#100d0a;color:#fff}.close-btn{position:absolute;right:20px;top:20px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.35);cursor:pointer;font-size:24px}.directory-drawer .directory-cta{width:100%;margin:0 0 18px;border-radius:18px;text-align:center}
@media(max-width:720px){.entry-content h1{font-size:clamp(48px,16vw,76px);letter-spacing:.08em}.entry-actions{gap:10px}.entry-actions .primary-btn,.entry-actions .outline-btn{width:min(330px,92vw);padding:15px 18px}.trust-strip{display:none}.project-form{grid-template-columns:1fr}.modal-card{padding:28px 20px}.modal-card h2{margin-right:50px}.project-modal{align-items:start}}

/* V10.1: restore visible Admin Portal inside NOTÉLUNE HQ */
.case-actions .hq-action[href="admin.html"]{
  order:2;
  border-color:rgba(240,210,139,.45);
  background:rgba(255,255,255,.035);
}
.case-actions #caseLive{order:1}
.case-actions .outline-btn:not(.hq-action){order:3}
.case-actions .primary-btn.hq-action{order:4}

/* Studio OS v1.2 — expanded district, desktop cinematic pan, ambient life */
.district-screen{background:#f6f0e5!important;}
.panorama-world{height:100%!important;top:0!important;}
.panorama-world img{height:100%!important;width:auto!important;max-width:none!important;}
@media (min-width: 761px){
  .panorama-world img{
    min-height:100vh!important;
  }
  .hotspot:hover::after,
  .hotspot.active::after{
    background:radial-gradient(circle at 50% 58%, rgba(238,204,129,.18), transparent 58%)!important;
    box-shadow:0 0 38px rgba(225,189,114,.16)!important;
    border:0!important;
  }
}
.ambient-sky{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;}
.bird{position:absolute;top:12%;left:-8%;font-size:28px;color:rgba(45,35,18,.58);filter:blur(.15px);transform:scaleX(1.7);animation:bird-fly 34s linear infinite;}
.bird-b{top:18%;animation-delay:9s;font-size:22px;opacity:.55;}
.bird-c{top:8%;animation-delay:17s;font-size:18px;opacity:.42;}
.bird-d{top:22%;animation-delay:25s;font-size:24px;opacity:.45;}
@keyframes bird-fly{
  0%{transform:translateX(-10vw) translateY(0) scaleX(1.7);opacity:0;}
  8%{opacity:.7;}
  50%{transform:translateX(55vw) translateY(-16px) scaleX(1.7);}
  92%{opacity:.55;}
  100%{transform:translateX(115vw) translateY(8px) scaleX(1.7);opacity:0;}
}
.sun-dust{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(226,184,92,.45);box-shadow:0 0 18px rgba(226,184,92,.35);animation:dust-drift 18s ease-in-out infinite;}
.dust-a{left:31%;top:30%;animation-delay:1s}.dust-b{left:57%;top:22%;animation-delay:7s}.dust-c{left:73%;top:34%;animation-delay:12s}
@keyframes dust-drift{0%,100%{transform:translate3d(0,0,0);opacity:.25}50%{transform:translate3d(18px,-22px,0);opacity:.75}}
@media (max-width:760px){
  .ambient-sky{display:none;}
  .hotspot:hover::after,.hotspot.active::after{background:transparent!important;box-shadow:none!important;}
}
@media (prefers-reduced-motion: reduce){
  .bird,.sun-dust{animation:none!important;display:none!important;}
}


/* V2.1 refinement: cleaner back controls, corrected sign overlays, HQ creator popups */
.case-header{gap:14px;align-items:center}.case-back{border:1px solid rgba(217,171,91,.38);background:rgba(255,255,255,.04);color:var(--ivory);border-radius:999px;padding:10px 14px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;cursor:pointer;white-space:nowrap}.case-back:hover{border-color:var(--gold2);color:var(--gold2)}
.sign-fix{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#12100d,#060504);border:1px solid rgba(225,189,114,.78);box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 20px rgba(217,171,91,.06);color:#f5dfaa;font-family:Georgia,serif;letter-spacing:.08em;line-height:1.04;text-shadow:0 1px 8px rgba(0,0,0,.55);border-radius:3px;padding:.65vw .85vw;min-width:7.5vw;min-height:3.5vw;font-size:clamp(14px,1.25vw,28px)}.sign-fix small{font-family:Inter,system-ui,sans-serif;font-size:clamp(7px,.48vw,11px);letter-spacing:.16em;margin-top:.3em;color:#f4d994}.sign-mel{left:72.2%;top:21.7%;width:11.4%;height:7.2%}.sign-soleil{left:72.6%;top:57.8%;width:8.9%;height:7.5%}.sign-coming-r{left:79.55%;top:61.3%;width:4.95%;height:17.4%;font-size:clamp(10px,.75vw,17px)}.sign-coming-l{left:21.95%;top:61.2%;width:5.1%;height:17.4%;font-size:clamp(10px,.75vw,17px)}
.info-card{max-width:880px}.info-content{display:grid;gap:18px}.creator-profile{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start}.creator-profile img{width:190px;aspect-ratio:3/4;object-fit:cover;border-radius:24px;border:1px solid rgba(217,171,91,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}.creator-profile p,.info-content p{font-size:18px;line-height:1.65;color:#eadfce;margin:0}.info-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.info-list li{border:1px solid rgba(217,171,91,.24);border-radius:16px;padding:14px;background:rgba(255,255,255,.035);line-height:1.5}.hq-creator-card{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;border:1px solid rgba(217,171,91,.28);border-radius:28px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 0 55px rgba(217,171,91,.045)}.hq-creator-card img{width:160px;aspect-ratio:1/1.18;object-fit:cover;border-radius:22px;border:1px solid rgba(217,171,91,.35)}.hq-creator-card h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,52px);margin:0 0 10px}.hq-creator-card p{font-size:18px;line-height:1.58;color:#e7ded0;margin:0}.case-study.is-hq .case-meta{display:none}.case-study.is-hq .case-actions{margin-top:26px}.case-study.is-hq .case-actions a,.case-study.is-hq .case-actions button{cursor:pointer}
@media(max-width:760px){.case-header{display:grid;grid-template-columns:1fr auto}.case-back{grid-column:1/-1;width:max-content}.sign-fix{padding:6px 8px;min-height:38px}.sign-mel{left:72.4%;top:20.7%;width:14.5%;height:6.8%;font-size:15px}.sign-soleil{left:72.6%;top:57.8%;width:12%;height:6.8%;font-size:16px}.sign-coming-r{left:79.8%;top:61.4%;width:7.2%;height:16.8%;font-size:10px}.sign-coming-l{left:21.8%;top:61.3%;width:7.2%;height:16.8%;font-size:10px}.creator-profile,.hq-creator-card{grid-template-columns:1fr}.creator-profile img,.hq-creator-card img{width:100%;max-width:260px}.info-content p{font-size:16px}.modal-card.info-card{padding:28px 20px}}

/* V2.2 environmental correction: cover mirrored/generated signage with intentional storefront signage */
.sky-cover{
  position:absolute;z-index:7;pointer-events:none;
  background:linear-gradient(90deg,rgba(218,235,246,.78),rgba(196,222,239,.66));
  border-radius:999px;filter:blur(2px);opacity:.94;
}
.menu-cover-a{left:79.4%;top:2.35%;width:4.2%;height:7.2%;}
.menu-cover-b{left:84.7%;top:2.35%;width:4.2%;height:7.2%;}
.menu-click{
  background:rgba(255,250,239,.72)!important;
  border:1px solid rgba(171,128,64,.58)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
}
.menu-click::before{content:'☰';position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#16110d;line-height:1;}
.sign-fix{
  background:linear-gradient(180deg,#17130f,#050403)!important;
  color:#f7dd9a!important;
  border:1px solid rgba(233,194,112,.9)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34), inset 0 0 22px rgba(214,170,78,.09)!important;
  text-transform:uppercase;
  overflow:hidden;
}
.sign-fix small{line-height:1.25!important;text-transform:uppercase;}
.sign-honey-far{left:7.55%;top:42.3%;width:7.2%;height:9.4%;font-size:clamp(13px,1.05vw,24px)}
.sign-runway-far{left:7.3%;top:62.0%;width:8.2%;height:9.8%;font-size:clamp(13px,1.05vw,24px)}
.sign-coming-far{left:18.55%;top:63.9%;width:4.4%;height:15.9%;font-size:clamp(9px,.7vw,15px)}
.sign-roof-future{left:86.45%;top:24.6%;width:12.2%;height:7.9%;font-size:clamp(13px,1vw,23px);transform:translate(-50%,-50%) rotate(6deg);}
.sign-side-future{left:90.7%;top:63.6%;width:7.2%;height:13.2%;font-size:clamp(10px,.75vw,16px);}
.sign-coming-r{left:80.9%!important;top:63.5%!important;width:5.5%!important;height:16.7%!important;}
.sign-coming-l{left:21.8%!important;top:63.6%!important;width:5.2%!important;height:16.3%!important;}
.sign-soleil{left:72.4%!important;top:58.2%!important;width:9.6%!important;height:8.3%!important;}
.sign-mel{left:72.25%!important;top:22.5%!important;width:12.3%!important;height:7.7%!important;}
@media(max-width:760px){
  .menu-cover-a{left:79.15%;top:2.6%;width:4.8%;height:6.7%;}
  .menu-cover-b{left:84.7%;top:2.6%;width:4.8%;height:6.7%;}
  .menu-click::before{font-size:27px;}
  .sign-honey-far{left:7.5%;top:42.0%;width:10.4%;height:8.5%;font-size:13px;}
  .sign-runway-far{left:7.35%;top:61.8%;width:11.2%;height:8.6%;font-size:13px;}
  .sign-coming-far{left:18.7%;top:63.7%;width:7%;height:14.8%;font-size:9px;}
  .sign-roof-future{left:86.6%;top:24.5%;width:15.7%;height:6.6%;font-size:12px;}
  .sign-side-future{left:90.9%;top:63.6%;width:9%;height:13%;font-size:9px;}
}


/* V2.3: new true wide district image — no mirrored sign overlays needed */
.sign-fix,.sky-cover{display:none!important;}
.district-screen{background:#f6f0e8!important;}
@media (min-width: 761px){
  .panorama-world img{height:100vh!important;width:auto!important;max-width:none!important;}
}

/* V2 brand board case study upgrade */
.case-study:not(.is-hq) .case-meta,
.case-study:not(.is-hq) .case-gallery{
  display:none !important;
}
.case-study:not(.is-hq) .project-hero-media{
  margin-top:24px;
  border-radius:28px;
  border:1px solid rgba(217,171,91,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  padding:clamp(10px,2vw,22px);
  overflow:hidden;
}
.case-study:not(.is-hq) .project-hero-media img{
  width:100%;
  max-height:none;
  object-fit:contain;
  display:block;
  border-radius:22px;
  background:#080706;
}
.case-study:not(.is-hq) .case-sections{
  margin-top:24px;
}
.case-study:not(.is-hq) .case-hero{
  border-bottom:1px solid rgba(217,171,91,.18);
  padding-bottom:20px;
}
@media (max-width:760px){
  .case-study:not(.is-hq) .project-hero-media{padding:8px;border-radius:20px}
  .case-study:not(.is-hq) .project-hero-media img{border-radius:16px}
}

/* V3 — Golden Hour Living District
   Adds atmosphere without changing the site structure. */
:root{
  --v3-amber: rgba(255, 191, 92, .42);
  --v3-warm-window: rgba(255, 208, 128, .55);
  --v3-shadow: rgba(64, 38, 14, .22);
}
.district-screen{
  background:#0c0906!important;
}
.panorama-viewport::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 10%, rgba(255,215,135,.28), transparent 30%),
    linear-gradient(105deg, rgba(255,188,88,.18) 0%, transparent 30%, transparent 62%, rgba(255,224,157,.16) 100%),
    linear-gradient(180deg, rgba(255,247,220,.04) 0%, transparent 45%, rgba(65,34,8,.14) 100%);
  mix-blend-mode:soft-light;
  animation:golden-breathe 12s ease-in-out infinite alternate;
}
.panorama-viewport::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:10;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 84%, rgba(255,221,139,.22), transparent 38%),
    radial-gradient(ellipse at 45% 45%, transparent 52%, rgba(5,5,5,.14) 100%);
  mix-blend-mode:multiply;
  opacity:.62;
}
@keyframes golden-breathe{from{opacity:.7;filter:saturate(1)}to{opacity:1;filter:saturate(1.15)}}

/* Keep the real controls clean; the district art already has its own top-right marker. */
.menu-click{display:none!important;}
.district-controls{
  background:rgba(6,5,4,.70)!important;
  border:1px solid rgba(225,189,114,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 0 40px rgba(255,199,106,.06)!important;
}
.round-arrow,.directory-main{box-shadow:0 0 24px rgba(226,184,92,.16), inset 0 0 20px rgba(226,184,92,.045)!important;}

/* Ambient layer sits over the panorama but under navigation/case-study UI. */
.ambient-sky{z-index:6!important;mix-blend-mode:normal;}
.cloud-shadow{
  position:absolute;
  width:28%;height:18%;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(50,34,13,.18), rgba(50,34,13,.06) 44%, transparent 68%);
  filter:blur(18px);
  opacity:.28;
  animation:cloud-shadow-drift 34s linear infinite;
}
.cloud-a{left:20%;top:44%;animation-delay:-8s}.cloud-b{left:63%;top:39%;animation-delay:-18s;animation-duration:46s;opacity:.18}
@keyframes cloud-shadow-drift{0%{transform:translateX(-12%) translateY(0)}50%{transform:translateX(24%) translateY(3%)}100%{transform:translateX(62%) translateY(0)}}

.bird{color:rgba(31,25,17,.7)!important;text-shadow:0 1px 3px rgba(255,255,255,.28);}
.sun-dust{z-index:8!important;background:rgba(247,209,118,.58)!important;box-shadow:0 0 22px rgba(247,209,118,.45)!important;}
.dust-d{left:44%;top:50%;animation-delay:4s}

.leaf{
  position:absolute;
  width:10px;height:5px;
  border-radius:10px 0 10px 0;
  background:rgba(86,102,42,.55);
  filter:blur(.15px);
  animation:leaf-fall 18s ease-in-out infinite;
}
.leaf-a{left:18%;top:20%;animation-delay:0s}.leaf-b{left:58%;top:18%;animation-delay:6s}.leaf-c{left:88%;top:24%;animation-delay:11s}
@keyframes leaf-fall{0%{transform:translate3d(0,-8px,0) rotate(0deg);opacity:0}12%{opacity:.55}48%{transform:translate3d(-28px,120px,0) rotate(180deg)}100%{transform:translate3d(42px,250px,0) rotate(360deg);opacity:0}}

.steam{
  position:absolute;
  width:38px;height:88px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(255,255,245,.46), rgba(255,255,245,.16) 42%, transparent 70%);
  filter:blur(10px);
  opacity:0;
  animation:steam-rise 7s ease-in-out infinite;
}
.steam-cafe{left:66.8%;top:41.8%;animation-delay:1s}.steam-kitchen{left:24.4%;top:53%;animation-delay:3.5s;animation-duration:8.5s}
@keyframes steam-rise{0%{transform:translateY(24px) scale(.45);opacity:0}25%{opacity:.38}70%{opacity:.18}100%{transform:translateY(-86px) scale(1.28);opacity:0}}

.street-reflection{
  position:absolute;
  height:2px;width:14%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,221,139,.38),transparent);
  filter:blur(3px);
  opacity:.48;
  animation:reflection-shimmer 8s ease-in-out infinite alternate;
}
.reflection-a{left:42%;top:80%;width:16%}.reflection-b{left:68%;top:76%;width:12%;animation-delay:3s}
@keyframes reflection-shimmer{from{transform:translateX(-8px) scaleX(.72);opacity:.22}to{transform:translateX(10px) scaleX(1.18);opacity:.58}}

.window-glow{
  position:absolute;
  border-radius:8px;
  background:radial-gradient(ellipse at center, var(--v3-warm-window), rgba(255,180,75,.14) 50%, transparent 74%);
  filter:blur(13px);
  opacity:.2;
  animation:window-flicker 6s ease-in-out infinite alternate;
}
.glow-hq{left:43.5%;top:22%;width:15%;height:30%;}.glow-left{left:16%;top:40%;width:12%;height:18%;animation-delay:2s}.glow-right{left:73%;top:40%;width:15%;height:22%;animation-delay:4s}
@keyframes window-flicker{0%,100%{opacity:.14}40%{opacity:.36}60%{opacity:.22}85%{opacity:.42}}

.mini-car{
  position:absolute;
  width:42px;height:16px;
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(180deg,#1a1815,#050505);
  box-shadow:12px 7px 16px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.16);
  top:76.6%;left:-4%;opacity:.55;
  animation:car-drive 32s linear infinite;
}
.mini-car::before,.mini-car::after{content:"";position:absolute;bottom:-3px;width:7px;height:7px;border-radius:50%;background:#090909;box-shadow:inset 0 0 0 1px #333}.mini-car::before{left:7px}.mini-car::after{right:7px}
@keyframes car-drive{0%{transform:translateX(-6vw) scale(.78);opacity:0}8%{opacity:.42}55%{opacity:.42}100%{transform:translateX(106vw) scale(.78);opacity:0}}

.walker{
  position:absolute;
  width:7px;height:18px;
  border-radius:999px;
  background:rgba(22,20,17,.56);
  box-shadow:0 7px 8px rgba(0,0,0,.2);
  opacity:.5;
  animation:walk-drift 24s ease-in-out infinite alternate;
}
.walker::before{content:"";position:absolute;top:-4px;left:1px;width:5px;height:5px;border-radius:50%;background:rgba(22,20,17,.62)}
.walker-a{left:49.2%;top:63.5%;}.walker-b{left:69%;top:58.7%;animation-delay:6s;animation-duration:28s}
@keyframes walk-drift{from{transform:translateX(-10px) translateY(2px)}to{transform:translateX(34px) translateY(-9px)}}

/* Cinematic hover polish */
.hotspot:hover::after,.hotspot.active::after{
  background:radial-gradient(circle at 50% 58%, rgba(255,211,130,.18), transparent 62%)!important;
  box-shadow:0 0 46px rgba(241,205,130,.22)!important;
}

@media (max-width:760px){
  .panorama-viewport::before{opacity:.42;}
  .panorama-viewport::after{opacity:.34;}
  .cloud-shadow,.leaf,.steam,.street-reflection,.window-glow,.mini-car,.walker{display:none!important;}
  .district-controls{bottom:calc(10px + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion: reduce){
  .cloud-shadow,.bird,.sun-dust,.leaf,.steam,.street-reflection,.window-glow,.mini-car,.walker{animation:none!important;}
}

/* V3 Living Village: expanded animation pass */
.neon-pulse{
  position:absolute;border-radius:16px;pointer-events:none;mix-blend-mode:screen;opacity:.28;
  background:radial-gradient(ellipse at center, rgba(118,196,255,.75), rgba(118,196,255,.22) 42%, transparent 72%);
  filter:blur(10px);animation:neonPulse 2.8s ease-in-out infinite alternate;
}
.neon-mel{left:1.5%;top:24.5%;width:12%;height:15%;}
.neon-afterbite{left:88%;top:22.5%;width:11%;height:19%;background:radial-gradient(ellipse at center, rgba(190,66,255,.85), rgba(190,66,255,.22) 48%, transparent 74%);animation-delay:.8s;}
.neon-alist{left:8%;top:71.5%;width:21%;height:20%;background:radial-gradient(ellipse at center, rgba(255,204,95,.68), rgba(255,204,95,.18) 45%, transparent 74%);animation-delay:1.1s;}
@keyframes neonPulse{from{opacity:.12;transform:scale(.96)}to{opacity:.48;transform:scale(1.03)}}

.door-light{
  position:absolute;width:7%;height:13%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(255,219,139,.72), rgba(255,161,64,.16) 50%, transparent 74%);
  filter:blur(12px);opacity:.18;animation:doorOpenFlash 7s ease-in-out infinite;
}
.door-vivant{left:5%;top:49%;animation-delay:1.7s}.door-honey{left:18%;top:35%;animation-delay:3.8s}.door-velvet{left:74%;top:80%;animation-delay:5.2s}
@keyframes doorOpenFlash{0%,72%,100%{opacity:.14;transform:scale(.9)}78%{opacity:.58;transform:scale(1.15)}84%{opacity:.24;transform:scale(1)}}

.fountain-sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.86);box-shadow:0 0 16px rgba(255,235,177,.75);opacity:0;animation:fountainSparkle 3.8s ease-in-out infinite;}
.fountain-a{left:50%;top:56%;}.fountain-b{left:48.4%;top:51.5%;animation-delay:1.2s}.fountain-c{left:52%;top:53.5%;animation-delay:2.1s}
@keyframes fountainSparkle{0%{transform:translateY(20px) scale(.3);opacity:0}35%{opacity:.9}100%{transform:translateY(-56px) scale(1.2);opacity:0}}

.cloud-c{left:42%;top:27%;animation-duration:58s;animation-delay:-24s;opacity:.12}
.car-b{top:78.8%;left:102%;animation-name:car-drive-reverse;animation-duration:38s;animation-delay:7s;}
@keyframes car-drive-reverse{0%{transform:translateX(8vw) scale(.74);opacity:0}10%{opacity:.34}60%{opacity:.34}100%{transform:translateX(-112vw) scale(.74);opacity:0}}
.walker-c{left:43%;top:57%;animation-delay:3s;animation-duration:31s}.walker-d{left:55%;top:58%;animation-delay:9s;animation-duration:34s}
.steam-cafe{left:66.5%!important;top:48.5%!important}.steam-kitchen{left:22.7%!important;top:52%!important}
.glow-left{left:8%!important;top:42%!important;width:19%!important;height:26%!important}.glow-right{left:68%!important;top:40%!important;width:28%!important;height:31%!important}.glow-hq{left:43%!important;top:19%!important;width:18%!important;height:38%!important}

/* More cinematic hover response for destination buildings */
.hotspot:hover::after,.hotspot.active::after{
  background:radial-gradient(circle at 50% 58%, rgba(255,218,143,.2), transparent 62%)!important;
  box-shadow:0 0 64px rgba(241,205,130,.34), inset 0 0 36px rgba(255,245,215,.08)!important;
}

@media (max-width:760px){
  .neon-pulse,.door-light,.fountain-sparkle{display:none!important;}
}
@media (prefers-reduced-motion: reduce){
  .neon-pulse,.door-light,.fountain-sparkle{animation:none!important;}
}

/* V3.1 fullscreen fix: the district image now covers the entire viewport on every screen.
   No black bars on desktop, no white gaps, no browser-side overflow. */
html, body, #app{
  width:100%;
  height:100%;
  margin:0;
  background:#050403 !important;
  overflow:hidden !important;
}
.district-screen,
.panorama-viewport{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  background:#050403 !important;
  overflow:hidden !important;
}
.panorama-world{
  top:0 !important;
  left:0 !important;
  height:100vh !important;
  height:100dvh !important;
  width:max(100vw, calc(100dvh * 1.682366)) !important;
  min-width:100vw !important;
  max-width:none !important;
}
.panorama-world > img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
@supports not (height: 100dvh){
  .district-screen,
  .panorama-viewport{height:100vh !important;}
  .panorama-world{height:100vh !important;width:max(100vw, calc(100vh * 1.682366)) !important;}
}
@media (min-width: 761px){
  .panorama-world{
    width:max(100vw, calc(100dvh * 1.682366)) !important;
  }
  .panorama-world > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}
@media (max-width:760px){
  .panorama-world{
    width:max(100vw, calc(100dvh * 1.682366)) !important;
    height:100dvh !important;
  }
  .panorama-world > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* V3.2 Case Study Hero Background Upgrade */
.case-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:clamp(360px, 54vh, 620px);
  align-items:flex-end;
  background:linear-gradient(135deg, rgba(0,0,0,.72), rgba(0,0,0,.38));
}
.case-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--case-bg);
  background-size:cover;
  background-position:center;
  filter:saturate(1.08) contrast(1.04);
  transform:scale(1.04);
  opacity:.46;
}
.case-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 22% 20%, rgba(218,173,92,.26), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.52) 46%, rgba(0,0,0,.18));
  backdrop-filter:blur(1px);
}
.case-hero .case-mark,
.case-hero > div{position:relative; z-index:1;}
.case-hero .case-description,
.case-hero .case-subtitle{max-width:760px;text-shadow:0 10px 30px rgba(0,0,0,.62);}
.case-hero h1{text-shadow:0 14px 40px rgba(0,0,0,.8);}
@media(max-width:720px){
  .case-hero{min-height:70vh; padding-top:120px;}
  .case-hero::after{background:linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.9));}
}

/* V3.3: full-screen faded case-study backgrounds */
.case-study{
  position:fixed!important;
  inset:0!important;
  background:#060504!important;
  isolation:isolate;
}
.case-study::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:var(--case-page-bg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.22;
  filter:saturate(1.05) contrast(1.02) blur(.4px);
  transform:scale(1.02);
  pointer-events:none;
}
.case-study::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 24% 20%, rgba(232,188,104,.22), transparent 30%),
    linear-gradient(180deg, rgba(6,5,4,.72), rgba(6,5,4,.94) 52%, rgba(6,5,4,.98));
  pointer-events:none;
}
.case-study .case-header,
.case-study .case-body{position:relative;z-index:1;}
.case-hero{
  min-height:clamp(540px, 78vh, 860px)!important;
  display:grid!important;
  align-items:end!important;
  background:rgba(0,0,0,.18)!important;
}
.case-hero::before{
  opacity:.68!important;
  filter:saturate(1.08) contrast(1.05)!important;
  transform:scale(1.02)!important;
}
.case-hero::after{
  background:
    radial-gradient(circle at 72% 30%, rgba(255,218,150,.14), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.58) 42%, rgba(0,0,0,.18) 72%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.72))!important;
}
.case-description{max-width:900px!important;}
@media(max-width:720px){
  .case-study::before{opacity:.18;background-position:center top;}
  .case-hero{min-height:76vh!important;padding-top:96px!important;}
  .case-hero::after{
    background:linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.9) 68%, rgba(0,0,0,.96))!important;
  }
}

/* V3.4 storefront relabel: replaces the former Mel Go Hard sign visually */
.tmrgold-storefront-sign{
  position:absolute;
  left:1.25%;
  top:25.6%;
  width:10.7%;
  height:8.6%;
  z-index:5;
  pointer-events:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(137,190,255,.48);
  border-radius:2px;
  background:
    radial-gradient(circle at 20% 20%, rgba(49,116,214,.18), transparent 38%),
    linear-gradient(145deg, rgba(3,8,16,.98), rgba(8,14,24,.97));
  box-shadow:0 0 18px rgba(45,119,255,.22), inset 0 0 15px rgba(255,255,255,.035);
  transform:perspective(600px) rotateY(-1deg);
  color:#dbe9ff;
  text-align:center;
  overflow:hidden;
}
.tmrgold-storefront-sign::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg, transparent 20%, rgba(255,255,255,.11) 48%, transparent 72%);
  animation:tmrSignSweep 5.5s ease-in-out infinite;
}
.tmrgold-storefront-sign strong{
  position:relative;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(8px,1.16vw,22px);
  font-weight:500;
  letter-spacing:.09em;
  text-shadow:0 0 9px rgba(71,148,255,.85);
}
.tmrgold-storefront-sign span{
  position:relative;
  margin-top:.22em;
  font-size:clamp(4px,.39vw,8px);
  letter-spacing:.2em;
  color:#eef4ff;
}
@keyframes tmrSignSweep{
  0%,62%,100%{transform:translateX(-120%)}
  78%{transform:translateX(120%)}
}
/* =========================================================
   NOTÉLUNE HQ — NEW EXPERIENCE
   Added as an isolated HQ layer so existing District styles
   remain untouched.
   ========================================================= */

   #nlHQPage{
    position:fixed;
    inset:0;
    z-index:46;
    overflow-y:auto;
    overflow-x:hidden;
    background:
      radial-gradient(circle at 18% 12%, rgba(180,128,55,.12), transparent 30%),
      linear-gradient(180deg,#080706 0%,#0d0b09 55%,#070706 100%);
    color:#f4eee4;
    font-family:Arial,Helvetica,sans-serif;
  }
  
  #nlHQPage.hidden{
    display:none !important;
  }
  
  #nlHQPage *{
    box-sizing:border-box;
  }
  
  #nlHQPage .nlhq-shell{
    width:min(1440px,94%);
    margin:0 auto;
  }
  
  #nlHQPage .nlhq-nav{
    min-height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:18px 4%;
    border-bottom:1px solid rgba(201,150,69,.28);
    background:rgba(4,4,4,.96);
    position:sticky;
    top:0;
    z-index:10;
  }
  
  #nlHQPage .nlhq-brand{
    color:#ead1a4;
    font-family:Georgia,'Times New Roman',serif;
    font-size:28px;
    letter-spacing:.08em;
    line-height:.9;
  }
  
  #nlHQPage .nlhq-brand small{
    display:block;
    margin-top:8px;
    color:#ddd4c6;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    letter-spacing:.25em;
  }
  
  #nlHQPage .nlhq-navlinks{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:32px;
    flex:1;
  }
  
  #nlHQPage .nlhq-navlinks a{
    color:#ddd5ca;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:11px;
  }
  
  #nlHQPage .nlhq-navlinks a:hover{
    color:#d7a558;
  }
  
  #nlHQPage .nlhq-nav-btn,
  #nlHQPage .nlhq-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 26px;
    border:1px solid #b77d32;
    background:transparent;
    color:#f2e9db;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:11px;
    cursor:pointer;
  }
  
  #nlHQPage .nlhq-btn.gold{
    background:linear-gradient(135deg,#d29a4d,#efc176);
    color:#120d07;
    font-weight:700;
  }
  
  #nlHQPage .nlhq-hero{
    min-height:620px;
    display:grid;
    grid-template-columns:minmax(320px,.85fr) 1.4fr;
    align-items:center;
    position:relative;
    border-bottom:1px solid rgba(201,150,69,.24);
    background:
      linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.83) 35%,rgba(5,5,5,.2) 68%,rgba(5,5,5,.42) 100%),
      var(--nlhq-hero-image, none);
    background-size:cover;
    background-position:center;
  }
  
  #nlHQPage .nlhq-hero-copy{
    position:relative;
    z-index:2;
    padding:70px 8%;
    max-width:650px;
  }
  
  #nlHQPage .nlhq-eyebrow{
    margin:0 0 18px;
    color:#d5a252;
    text-transform:uppercase;
    letter-spacing:.22em;
    font-size:12px;
  }
  
  #nlHQPage h1,
  #nlHQPage h2,
  #nlHQPage h3{
    font-family:Georgia,'Times New Roman',serif;
    font-weight:400;
  }
  
  #nlHQPage .nlhq-hero h1{
    margin:0;
    max-width:650px;
    color:#f7f1e8;
    font-size:clamp(48px,5vw,82px);
    line-height:1.02;
  }
  
  #nlHQPage .nlhq-hero h1 em{
    display:block;
    color:#c8944e;
    font-weight:400;
  }
  
  #nlHQPage .nlhq-hero-copy > p:not(.nlhq-eyebrow){
    max-width:520px;
    margin:26px 0 32px;
    color:#c9c2b8;
    font-size:17px;
    line-height:1.8;
  }
  
  #nlHQPage .nlhq-section{
    padding:76px 0;
    border-bottom:1px solid rgba(201,150,69,.2);
  }
  
  #nlHQPage .nlhq-section-title{
    margin:0 0 12px;
    text-align:center;
    color:#f0e7da;
    font-size:clamp(34px,4vw,54px);
    letter-spacing:.08em;
  }
  
  #nlHQPage .nlhq-section-subtitle{
    max-width:720px;
    margin:0 auto 42px;
    text-align:center;
    color:#a9a198;
    line-height:1.7;
  }
  
  #nlHQPage .nlhq-experiences{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  
  #nlHQPage .nlhq-card{
    min-height:500px;
    padding:26px;
    border:1px solid rgba(194,139,61,.5);
    background:
      linear-gradient(180deg,rgba(30,25,19,.72),rgba(8,8,8,.96));
    box-shadow:0 18px 60px rgba(0,0,0,.28);
  }
  
  #nlHQPage .nlhq-card-number{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin:0 auto 18px;
    border-radius:50%;
    background:#c58b42;
    color:#100c07;
    font-family:Georgia,'Times New Roman',serif;
  }
  
  #nlHQPage .nlhq-card h3{
    margin:0 0 16px;
    text-align:center;
    color:#f2e9dd;
    font-size:30px;
  }
  
  #nlHQPage .nlhq-card > p{
    min-height:58px;
    color:#bdb5aa;
    text-align:center;
    line-height:1.65;
  }
  
  #nlHQPage .nlhq-includes{
    margin:26px 0;
    padding:22px 0;
    border-top:1px solid rgba(201,150,69,.18);
  }
  
  #nlHQPage .nlhq-includes strong{
    display:block;
    margin-bottom:15px;
    color:#d6a55b;
    text-transform:uppercase;
    letter-spacing:.15em;
    font-size:11px;
  }
  
  #nlHQPage .nlhq-includes ul{
    margin:0;
    padding:0;
    list-style:none;
  }
  
  #nlHQPage .nlhq-includes li{
    position:relative;
    margin:12px 0;
    padding-left:26px;
    color:#c9c2b8;
    font-size:14px;
  }
  
  #nlHQPage .nlhq-includes li::before{
    content:'✓';
    position:absolute;
    left:0;
    color:#d5a252;
  }
  
  #nlHQPage .nlhq-process{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
  }
  
  #nlHQPage .nlhq-step{
    position:relative;
    text-align:center;
    padding:20px 12px;
  }
  
  #nlHQPage .nlhq-step-icon{
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    margin:0 auto 20px;
    border:1px solid #bd8138;
    border-radius:50%;
    color:#dca85c;
    font-family:Georgia,'Times New Roman',serif;
    font-size:20px;
  }
  
  #nlHQPage .nlhq-step h3{
    margin:0 0 10px;
    color:#eee5d8;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.12em;
  }
  
  #nlHQPage .nlhq-step p{
    color:#9f988f;
    font-size:13px;
    line-height:1.65;
  }
  
  #nlHQPage .nlhq-cta{
    padding:54px 6%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:
      linear-gradient(90deg,rgba(23,18,13,.98),rgba(15,14,12,.92));
  }
  
  #nlHQPage .nlhq-cta h2{
    margin:0 0 8px;
    color:#f0e6d8;
    font-size:36px;
  }
  
  #nlHQPage .nlhq-cta p{
    margin:0;
    color:#aaa299;
  }
  
  @media(max-width:900px){
    #nlHQPage .nlhq-navlinks{
      display:none;
    }
  
    #nlHQPage .nlhq-hero{
      min-height:620px;
      grid-template-columns:1fr;
    }
  
    #nlHQPage .nlhq-experiences{
      grid-template-columns:1fr;
    }
  
    #nlHQPage .nlhq-card{
      min-height:auto;
    }
  
    #nlHQPage .nlhq-process{
      grid-template-columns:1fr 1fr;
    }
  
    #nlHQPage .nlhq-cta{
      flex-direction:column;
      align-items:flex-start;
    }
  }
  
  @media(max-width:600px){
    #nlHQPage .nlhq-nav{
      min-height:70px;
      padding:12px 18px;
    }
  
    #nlHQPage .nlhq-brand{
      font-size:21px;
    }
  
    #nlHQPage .nlhq-nav-btn{
      padding:0 14px;
      min-height:40px;
      font-size:9px;
    }
  
    #nlHQPage .nlhq-hero{
      min-height:560px;
    }
  
    #nlHQPage .nlhq-hero-copy{
      padding:70px 24px 50px;
    }
  
    #nlHQPage .nlhq-hero h1{
      font-size:46px;
    }
  
    #nlHQPage .nlhq-section{
      padding:56px 0;
    }
  
    #nlHQPage .nlhq-shell{
      width:90%;
    }
  
    #nlHQPage .nlhq-process{
      grid-template-columns:1fr;
    }
  
    #nlHQPage .nlhq-cta{
      padding:42px 24px;
    }
  }

  /* =========================================================
   NOTÉLUNE HQ — FINAL PAGE STYLING
   Isolated from the rest of the District
   ========================================================= */

#nLHQPage{
  position:fixed;
  inset:0;
  z-index:46;
  overflow-y:auto;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(180,128,55,.13), transparent 32%),
    linear-gradient(180deg,#080706 0%,#0d0b09 55%,#070706 100%);
  color:#f4eee4;
  font-family:Arial,Helvetica,sans-serif;
}

#nLHQPage.hidden{
  display:none !important;
}

#nLHQPage *{
  box-sizing:border-box;
}

#nLHQPage .nlhq-shell{
  width:min(1440px,94%);
  margin:0 auto;
}

#nLHQPage .nlhq-nav{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:18px 4%;
  border-bottom:1px solid rgba(201,150,69,.28);
  background:rgba(4,4,4,.97);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(18px);
}

#nLHQPage .nlhq-brand{
  flex:0 0 auto;
  color:#ead1a4;
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  letter-spacing:.08em;
  line-height:.9;
}

#nLHQPage .nlhq-brand small{
  display:block;
  margin-top:8px;
  color:#ddd4c6;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  letter-spacing:.25em;
  white-space:nowrap;
}

#nLHQPage .nlhq-navlinks{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  flex:1;
}

#nLHQPage .nlhq-navlinks a{
  color:#ddd5ca;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  transition:.25s ease;
}

#nLHQPage .nlhq-navlinks a:hover{
  color:#d7a558;
}

#nLHQPage .nlhq-nav-btn,
#nLHQPage .nlhq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 26px;
  border:1px solid #b77d32;
  background:transparent;
  color:#f2e9db;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  cursor:pointer;
  transition:
    transform .2s ease,
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

#nLHQPage .nlhq-nav-btn:hover,
#nLHQPage .nlhq-btn:hover{
  transform:translateY(-2px);
  background:rgba(197,139,66,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}

#nLHQPage .nlhq-btn.gold{
  background:linear-gradient(135deg,#d29a4d,#efc176);
  color:#120d07;
  font-weight:700;
  border-color:#e4b667;
}

#nLHQPage .nlhq-btn.gold:hover{
  background:linear-gradient(135deg,#e0a85d,#f2ca83);
}

#nLHQPage .nlhq-hero{
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(320px,.86fr) 1.4fr;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(201,150,69,.24);
  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,.98) 0%,
      rgba(5,5,5,.86) 33%,
      rgba(5,5,5,.42) 57%,
      rgba(5,5,5,.14) 74%,
      rgba(5,5,5,.36) 100%
    ),
    var(--nlhq-hero-image);
  background-size:cover;
  background-position:center;
}

#nLHQPage .nlhq-hero::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 60%,rgba(7,6,5,.68) 100%);
}

#nLHQPage .nlhq-hero-copy{
  position:relative;
  z-index:2;
  padding:78px 8%;
  max-width:680px;
}

#nLHQPage .nlhq-eyebrow{
  margin:0 0 18px;
  color:#d5a252;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:600;
}

#nLHQPage h1,
#nLHQPage h2,
#nLHQPage h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}

#nLHQPage .nlhq-hero h1{
  margin:0;
  max-width:660px;
  color:#f7f1e8;
  font-size:clamp(50px,5vw,84px);
  line-height:1.02;
  letter-spacing:-.025em;
}

#nLHQPage .nlhq-hero h1 em{
  display:block;
  margin-top:6px;
  color:#c8944e;
  font-weight:400;
  font-style:italic;
}

#nLHQPage .nlhq-hero-copy > p:not(.nlhq-eyebrow){
  max-width:540px;
  margin:28px 0 34px;
  color:#c9c2b8;
  font-size:17px;
  line-height:1.8;
}

#nLHQPage .nlhq-section{
  padding:82px 0;
  border-bottom:1px solid rgba(201,150,69,.18);
}

#nLHQPage .nlhq-section-title{
  margin:0 0 14px;
  text-align:center;
  color:#f0e7da;
  font-size:clamp(36px,4vw,56px);
  line-height:1.08;
  letter-spacing:.03em;
}

#nLHQPage .nlhq-section-subtitle{
  max-width:760px;
  margin:0 auto 44px;
  text-align:center;
  color:#a9a198;
  font-size:16px;
  line-height:1.75;
}

#nLHQPage .nlhq-experiences{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

#nLHQPage .nlhq-card{
  position:relative;
  min-height:500px;
  padding:28px;
  border:1px solid rgba(194,139,61,.48);
  background:
    radial-gradient(circle at 50% 0%,rgba(193,137,63,.08),transparent 32%),
    linear-gradient(180deg,rgba(30,25,19,.72),rgba(8,8,8,.96));
  box-shadow:
    0 18px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}

#nLHQPage .nlhq-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.02),
      transparent 30%,
      rgba(201,150,69,.03) 80%
    );
}

#nLHQPage .nlhq-card-number{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin:0 auto 20px;
  border-radius:50%;
  background:#c58b42;
  color:#100c07;
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
  box-shadow:0 8px 24px rgba(197,139,66,.2);
}

#nLHQPage .nlhq-card h3{
  position:relative;
  margin:0 0 16px;
  text-align:center;
  color:#f2e9dd;
  font-size:31px;
  line-height:1.15;
}

#nLHQPage .nlhq-card > p{
  position:relative;
  min-height:72px;
  margin:0;
  color:#bdb5aa;
  text-align:center;
  line-height:1.7;
  font-size:14px;
}

#nLHQPage .nlhq-includes{
  position:relative;
  margin:26px 0;
  padding:22px 0 4px;
  border-top:1px solid rgba(201,150,69,.18);
}

#nLHQPage .nlhq-includes strong{
  display:block;
  margin-bottom:16px;
  color:#d6a55b;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:11px;
}

#nLHQPage .nlhq-includes ul{
  margin:0;
  padding:0;
  list-style:none;
}

#nLHQPage .nlhq-includes li{
  position:relative;
  margin:12px 0;
  padding-left:28px;
  color:#c9c2b8;
  font-size:14px;
  line-height:1.45;
}

#nLHQPage .nlhq-includes li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,150,69,.6);
  border-radius:50%;
  color:#d5a252;
  font-size:10px;
}

#nLHQPage .nlhq-card .nlhq-btn{
  position:relative;
  width:100%;
  margin-top:16px;
}

#nLHQPage .nlhq-process{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  position:relative;
}

#nLHQPage .nlhq-process::before{
  content:'';
  position:absolute;
  top:33px;
  left:9%;
  right:9%;
  height:1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,150,69,.35) 10%,
      rgba(201,150,69,.35) 90%,
      transparent
    );
}

#nLHQPage .nlhq-step{
  position:relative;
  z-index:1;
  text-align:center;
  padding:20px 12px;
}

#nLHQPage .nlhq-step-icon{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border:1px solid #bd8138;
  border-radius:50%;
  background:#0c0a08;
  color:#dca85c;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
}

#nLHQPage .nlhq-step h3{
  margin:0 0 10px;
  color:#eee5d8;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

#nLHQPage .nlhq-step p{
  margin:0;
  color:#9f988f;
  font-size:13px;
  line-height:1.65;
}

#nLHQPage #nlhqInvestment .nlhq-card{
  background:
    radial-gradient(circle at 50% 0%,rgba(202,148,73,.11),transparent 36%),
    linear-gradient(180deg,rgba(22,18,14,.88),rgba(7,7,7,.98));
}

#nLHQPage #nlhqInvestment .nlhq-card h3{
  color:#f4ebdf;
}

#nLHQPage .nlhq-cta{
  margin-bottom:54px;
  padding:56px 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border:1px solid rgba(201,150,69,.38);
  background:
    linear-gradient(
      90deg,
      rgba(31,23,16,.98),
      rgba(15,14,12,.94)
    );
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

#nLHQPage .nlhq-cta h2{
  margin:0 0 10px;
  color:#f0e6d8;
  font-size:clamp(32px,4vw,46px);
  line-height:1.1;
}

#nLHQPage .nlhq-cta p{
  margin:0;
  color:#aaa299;
  line-height:1.65;
}

#nLHQPage::-webkit-scrollbar{
  width:10px;
}

#nLHQPage::-webkit-scrollbar-track{
  background:#090807;
}

#nLHQPage::-webkit-scrollbar-thumb{
  background:#7d552b;
  border:2px solid #090807;
  border-radius:10px;
}

body.nlhq-open{
  overflow:hidden;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  #nLHQPage .nlhq-navlinks{
    gap:16px;
  }

  #nLHQPage .nlhq-navlinks a{
    font-size:9px;
  }

  #nLHQPage .nlhq-hero{
    grid-template-columns:1fr;
    min-height:620px;
  }

  #nLHQPage .nlhq-hero-copy{
    max-width:650px;
  }

  #nLHQPage .nlhq-experiences{
    grid-template-columns:1fr;
    max-width:760px;
    margin:0 auto;
  }

  #nLHQPage .nlhq-card{
    min-height:auto;
  }

  #nLHQPage .nlhq-process{
    grid-template-columns:repeat(2,1fr);
  }

  #nLHQPage .nlhq-process::before{
    display:none;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  #nLHQPage .nlhq-shell{
    width:90%;
  }

  #nLHQPage .nlhq-nav{
    min-height:72px;
    padding:12px 18px;
  }

  #nLHQPage .nlhq-brand{
    font-size:22px;
  }

  #nLHQPage .nlhq-brand small{
    font-size:7px;
    letter-spacing:.17em;
  }

  #nLHQPage .nlhq-navlinks{
    display:none;
  }

  #nLHQPage .nlhq-nav-btn{
    min-height:40px;
    padding:0 14px;
    font-size:9px;
  }

  #nLHQPage .nlhq-hero{
    min-height:590px;
    background-position:58% center;
  }

  #nLHQPage .nlhq-hero-copy{
    padding:72px 24px 56px;
  }

  #nLHQPage .nlhq-hero h1{
    font-size:clamp(44px,13vw,60px);
  }

  #nLHQPage .nlhq-hero-copy > p:not(.nlhq-eyebrow){
    font-size:15px;
    line-height:1.7;
  }

  #nLHQPage .nlhq-section{
    padding:58px 0;
  }

  #nLHQPage .nlhq-section-title{
    font-size:38px;
  }

  #nLHQPage .nlhq-section-subtitle{
    font-size:14px;
    margin-bottom:32px;
  }

  #nLHQPage .nlhq-card{
    padding:24px 20px;
  }

  #nLHQPage .nlhq-card h3{
    font-size:27px;
  }

  #nLHQPage .nlhq-process{
    grid-template-columns:1fr;
    gap:8px;
  }

  #nLHQPage .nlhq-step{
    padding:16px 12px 28px;
  }

  #nLHQPage .nlhq-cta{
    margin-bottom:32px;
    padding:42px 24px;
    flex-direction:column;
    align-items:flex-start;
  }

  #nLHQPage .nlhq-cta .nlhq-btn{
    width:100%;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

  #nLHQPage .nlhq-brand small{
    display:none;
  }

  #nLHQPage .nlhq-nav-btn{
    padding:0 10px;
    letter-spacing:.08em;
  }

  #nLHQPage .nlhq-hero{
    min-height:560px;
  }

  #nLHQPage .nlhq-hero-copy{
    padding-left:20px;
    padding-right:20px;
  }

  #nLHQPage .nlhq-hero h1{
    font-size:42px;
  }

  #nLHQPage .nlhq-btn{
    width:100%;
    padding-left:16px;
    padding-right:16px;
  }

}

/* =========================================================
   NLHQ — ACCESS THE ECOSYSTEM
   Linktree-style system directory
   ========================================================= */

   #nLHQPage .nlhq-ecosystem{
    padding:72px 0 66px;
    border-bottom:1px solid rgba(201,150,69,.18);
  }
  
  #nLHQPage .nlhq-ecosystem-heading{
    max-width:820px;
    margin:0 auto 34px;
    text-align:center;
  }
  
  #nLHQPage .nlhq-ecosystem-heading h2{
    margin:0 0 12px;
    color:#f1e8dc;
    font-size:clamp(34px,4vw,52px);
    line-height:1.08;
  }
  
  #nLHQPage .nlhq-ecosystem-heading > p:last-child{
    margin:0;
    color:#9f978e;
    font-size:15px;
  }
  
  #nLHQPage .nlhq-linktree{
    width:min(980px,100%);
    margin:0 auto;
    display:grid;
    gap:10px;
  }
  
  #nLHQPage .nlhq-system-link{
    width:100%;
    min-height:74px;
    display:grid;
    grid-template-columns:64px 1fr 36px;
    align-items:center;
    gap:18px;
    padding:12px 20px;
    border:1px solid rgba(184,128,53,.45);
    border-radius:10px;
    background:
      linear-gradient(
        90deg,
        rgba(22,19,15,.96),
        rgba(12,12,11,.98)
      );
    color:#f0e8dc;
    text-decoration:none;
    text-align:left;
    cursor:pointer;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }
  
  #nLHQPage button.nlhq-system-link{
    font:inherit;
  }
  
  #nLHQPage .nlhq-system-link:hover{
    transform:translateY(-2px);
    border-color:#c98d42;
    background:
      linear-gradient(
        90deg,
        rgba(31,24,17,.98),
        rgba(16,15,13,.99)
      );
    box-shadow:0 14px 30px rgba(0,0,0,.26);
  }
  
  #nLHQPage .nlhq-system-icon{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    color:#d79a43;
    font-family:Georgia,'Times New Roman',serif;
    font-size:31px;
    line-height:1;
  }
  
  #nLHQPage .nlhq-system-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  
  #nLHQPage .nlhq-system-copy strong{
    color:#f0e6d8;
    text-transform:uppercase;
    letter-spacing:.13em;
    font-size:13px;
    font-weight:600;
  }
  
  #nLHQPage .nlhq-system-copy small{
    color:#a9a198;
    font-size:12px;
    line-height:1.45;
  }
  
  #nLHQPage .nlhq-system-arrow{
    justify-self:end;
    color:#d99b43;
    font-size:24px;
    font-weight:300;
    transition:transform .2s ease;
  }
  
  #nLHQPage .nlhq-system-link:hover .nlhq-system-arrow,
  #nLHQPage .nlhq-explore-link:hover .nlhq-system-arrow{
    transform:translateX(4px);
  }
  
  #nLHQPage .nlhq-explore-divider{
    width:min(980px,100%);
    margin:26px auto 20px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:18px;
  }
  
  #nLHQPage .nlhq-explore-divider span{
    height:1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(201,150,69,.35)
      );
  }
  
  #nLHQPage .nlhq-explore-divider span:last-child{
    background:
      linear-gradient(
        90deg,
        rgba(201,150,69,.35),
        transparent
      );
  }
  
  #nLHQPage .nlhq-explore-divider p{
    margin:0;
    color:#d5a252;
    text-transform:uppercase;
    letter-spacing:.2em;
    font-size:10px;
    white-space:nowrap;
  }
  
  #nLHQPage .nlhq-explore-links{
    width:min(980px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  
  #nLHQPage .nlhq-explore-link{
    min-height:72px;
    display:grid;
    grid-template-columns:48px 1fr 30px;
    align-items:center;
    gap:14px;
    padding:12px 18px;
    border:1px solid rgba(184,128,53,.4);
    border-radius:10px;
    background:rgba(14,13,12,.95);
    color:#efe6da;
    text-align:left;
    cursor:pointer;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease;
  }
  
  #nLHQPage .nlhq-explore-link:hover{
    transform:translateY(-2px);
    border-color:#c98d42;
    background:rgba(25,21,17,.98);
  }
  
  #nLHQPage .nlhq-explore-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#d89b44;
    font-size:27px;
  }
  
  #nLHQPage .nlhq-explore-link > span:nth-child(2){
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  
  #nLHQPage .nlhq-explore-link strong{
    color:#efe6da;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
  }
  
  #nLHQPage .nlhq-explore-link small{
    color:#9e968d;
    font-size:11px;
  }
  
  
  /* =========================================================
     TABLET
     ========================================================= */
  
  @media(max-width:900px){
  
    #nLHQPage .nlhq-ecosystem{
      padding:58px 0;
    }
  
    #nLHQPage .nlhq-system-link{
      grid-template-columns:54px 1fr 30px;
    }
  
    #nLHQPage .nlhq-explore-links{
      grid-template-columns:1fr;
    }
  
  }
  
  
  /* =========================================================
     MOBILE
     ========================================================= */
  
  @media(max-width:600px){
  
    #nLHQPage .nlhq-ecosystem-heading{
      margin-bottom:26px;
    }
  
    #nLHQPage .nlhq-ecosystem-heading h2{
      font-size:34px;
    }
  
    #nLHQPage .nlhq-system-link{
      min-height:82px;
      grid-template-columns:42px 1fr 24px;
      gap:12px;
      padding:12px 14px;
    }
  
    #nLHQPage .nlhq-system-icon{
      width:38px;
      height:38px;
      font-size:24px;
    }
  
    #nLHQPage .nlhq-system-copy strong{
      font-size:11px;
    }
  
    #nLHQPage .nlhq-system-copy small{
      font-size:11px;
    }
  
    #nLHQPage .nlhq-system-arrow{
      font-size:20px;
    }
  
    #nLHQPage .nlhq-explore-link{
      grid-template-columns:38px 1fr 24px;
    }
  
  }

  /* =========================================================
   NLHQ — WEBSITE EXPERIENCE PAGE
   ========================================================= */

body.nlhq-experience-page{
  margin:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(180,128,55,.10), transparent 30%),
    linear-gradient(180deg,#080706 0%,#0d0b09 55%,#070706 100%);
  color:#f3ece2;
  font-family:Arial,Helvetica,sans-serif;
}

.nlhq-experience{
  min-height:100vh;
}

.nlhq-experience .nlhq-nav{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:18px 4%;
  border-bottom:1px solid rgba(201,150,69,.28);
  background:rgba(4,4,4,.97);
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(18px);
}

.nlhq-experience .nlhq-brand{
  color:#ead1a4;
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  letter-spacing:.08em;
  line-height:.9;
}

.nlhq-experience .nlhq-brand small{
  display:block;
  margin-top:8px;
  color:#ddd4c6;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  letter-spacing:.25em;
}

.nlhq-experience .nlhq-navlinks{
  display:flex;
  align-items:center;
  gap:26px;
}

.nlhq-experience .nlhq-navlinks a{
  color:#d8d0c5;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
}

.nlhq-experience .nlhq-navlinks a:hover{
  color:#d7a558;
}

.nlhq-experience .nlhq-nav-btn,
.nlhq-experience .nlhq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  border:1px solid #b77d32;
  background:transparent;
  color:#f2e9db;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  transition:.2s ease;
}

.nlhq-experience .nlhq-btn:hover,
.nlhq-experience .nlhq-nav-btn:hover{
  transform:translateY(-2px);
  background:rgba(197,139,66,.10);
}

.nlhq-experience .nlhq-btn.gold{
  background:linear-gradient(135deg,#d29a4d,#efc176);
  color:#120d07;
  font-weight:700;
  border-color:#e4b667;
}

.nlhq-exp-hero{
  min-height:660px;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:center;
  gap:54px;
  padding:72px 6%;
  border-bottom:1px solid rgba(201,150,69,.18);
}

.nlhq-exp-hero-copy{
  max-width:660px;
}

.nlhq-exp-hero-copy h1{
  margin:0 0 22px;
  color:#f5eee5;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(64px,7vw,104px);
  font-weight:400;
  line-height:.95;
}

.nlhq-exp-lead{
  max-width:620px;
  margin:0 0 34px;
  color:#bdb5aa;
  font-size:18px;
  line-height:1.8;
}

.nlhq-exp-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.nlhq-exp-hero-visual{
  display:flex;
  justify-content:center;
  align-items:center;
}

.nlhq-browser-frame{
  width:min(760px,100%);
  border:1px solid rgba(201,150,69,.5);
  border-radius:14px;
  overflow:hidden;
  background:#0b0a09;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.nlhq-browser-top{
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 16px;
  border-bottom:1px solid rgba(201,150,69,.16);
  background:#0f0e0d;
}

.nlhq-browser-top span{
  width:8px;
  height:8px;
  border-radius:50%;
  border:1px solid rgba(201,150,69,.5);
}

.nlhq-browser-screen{
  min-height:430px;
  display:flex;
  align-items:flex-end;
  padding:42px;
  background:
    linear-gradient(180deg,rgba(8,8,8,.2),rgba(8,8,8,.88)),
    radial-gradient(circle at 70% 20%,rgba(208,151,69,.18),transparent 32%),
    linear-gradient(135deg,#15120f,#090807);
}

.nlhq-browser-copy{
  max-width:520px;
}

.nlhq-browser-copy h2{
  margin:0 0 18px;
  color:#f3ebdf;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,5vw,62px);
  font-weight:400;
  line-height:1.06;
}

.nlhq-browser-copy p:last-child{
  color:#bdb5aa;
  line-height:1.7;
}

.nlhq-exp-section{
  padding:90px 6%;
  border-bottom:1px solid rgba(201,150,69,.16);
}

.nlhq-exp-heading{
  max-width:820px;
  margin:0 auto 44px;
  text-align:center;
}

.nlhq-exp-heading h2{
  margin:0;
  color:#f1e8dc;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(40px,5vw,64px);
  font-weight:400;
  line-height:1.06;
}

.nlhq-exp-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.nlhq-exp-item{
  min-height:260px;
  padding:28px;
  border:1px solid rgba(201,150,69,.34);
  background:
    linear-gradient(180deg,rgba(28,23,18,.78),rgba(10,9,8,.96));
}

.nlhq-exp-item > span{
  display:block;
  margin-bottom:26px;
  color:#d79a43;
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
}

.nlhq-exp-item h3{
  margin:0 0 14px;
  color:#efe6da;
  font-family:Georgia,'Times New Roman',serif;
  font-size:28px;
  font-weight:400;
}

.nlhq-exp-item p{
  margin:0;
  color:#a9a198;
  line-height:1.7;
  font-size:14px;
}

.nlhq-exp-split{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:start;
}

.nlhq-exp-split h2{
  margin:0 0 22px;
  color:#f1e8dc;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,5vw,64px);
  font-weight:400;
}

.nlhq-exp-split > div:first-child > p:not(.nlhq-eyebrow){
  color:#aaa298;
  line-height:1.8;
  font-size:16px;
}

.nlhq-exp-feature-list{
  display:grid;
  gap:12px;
}

.nlhq-exp-feature-list > div{
  padding:22px 24px;
  border:1px solid rgba(201,150,69,.28);
  background:#0d0c0b;
}

.nlhq-exp-feature-list strong{
  display:block;
  margin-bottom:6px;
  color:#eee5d8;
  font-size:14px;
}

.nlhq-exp-feature-list span{
  color:#9f978e;
  font-size:13px;
}

.nlhq-exp-process{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}

.nlhq-exp-process article{
  text-align:center;
  padding:22px 14px;
}

.nlhq-exp-process span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border:1px solid #bd8138;
  border-radius:50%;
  color:#dca85c;
  font-family:Georgia,'Times New Roman',serif;
}

.nlhq-exp-process h3{
  margin:0 0 10px;
  color:#eee5d8;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.nlhq-exp-process p{
  margin:0;
  color:#9f988f;
  font-size:13px;
  line-height:1.65;
}

.nlhq-exp-cta{
  margin:0;
  padding:72px 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  background:
    linear-gradient(90deg,rgba(31,23,16,.98),rgba(12,11,10,.98));
}

.nlhq-exp-cta > div{
  max-width:760px;
}

.nlhq-exp-cta h2{
  margin:0 0 14px;
  color:#f2e8dc;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,5vw,60px);
  font-weight:400;
  line-height:1.08;
}

.nlhq-exp-cta p:last-child{
  color:#aaa299;
  line-height:1.7;
}

@media(max-width:1000px){

  .nlhq-experience .nlhq-navlinks{
    display:none;
  }

  .nlhq-exp-hero{
    grid-template-columns:1fr;
  }

  .nlhq-exp-grid{
    grid-template-columns:1fr 1fr;
  }

  .nlhq-exp-split{
    grid-template-columns:1fr;
  }

  .nlhq-exp-process{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:640px){

  .nlhq-experience .nlhq-nav{
    padding:14px 18px;
  }

  .nlhq-experience .nlhq-brand{
    font-size:22px;
  }

  .nlhq-experience .nlhq-brand small{
    display:none;
  }

  .nlhq-experience .nlhq-nav-btn{
    min-height:40px;
    padding:0 12px;
    font-size:9px;
  }

  .nlhq-exp-hero{
    min-height:auto;
    padding:56px 22px;
  }

  .nlhq-exp-hero-copy h1{
    font-size:58px;
  }

  .nlhq-exp-lead{
    font-size:15px;
  }

  .nlhq-exp-actions{
    flex-direction:column;
  }

  .nlhq-exp-actions .nlhq-btn{
    width:100%;
  }

  .nlhq-browser-screen{
    min-height:320px;
    padding:28px;
  }

  .nlhq-exp-section{
    padding:60px 22px;
  }

  .nlhq-exp-grid{
    grid-template-columns:1fr;
  }

  .nlhq-exp-process{
    grid-template-columns:1fr;
  }

  .nlhq-exp-cta{
    padding:54px 22px;
    flex-direction:column;
    align-items:flex-start;
  }

  .nlhq-exp-cta .nlhq-btn{
    width:100%;
  }

}

/* =========================================================
   NLHQ — SIGNATURE DIGITAL HEADQUARTERS
   ========================================================= */

   .nlhq-signature-page{
    .nlhq-signature-hero{
      padding:120px !important;
      background:#24170b !important;
    }