/* Atmosphere layer for /negotiation: real light & dark themes for every slide,
   gradient backgrounds and slow ambient motion. Loaded after negotiation-motion.css.
   Motion uses transform/opacity only and runs only on the visible slide. */

/* ---------- 1. Palette per theme ---------- */
html[data-theme="light"] #main-content.nl-editorial{
  --at-paper:linear-gradient(160deg,#ffffff 0%,#f3f8f6 58%,#f8f2e6 100%);
  --at-soft:linear-gradient(200deg,#f5faf8 0%,#e9f3ef 55%,#f6efe0 100%);
  --at-deep:linear-gradient(170deg,#edf6f3 0%,#e2eeea 52%,#f4ead6 100%);
  --at-voss:linear-gradient(160deg,#fbf8f3 0%,#f2ece4 60%,#efe3df 100%);
  --at-c1:rgba(19,138,124,.16);--at-c2:rgba(231,183,88,.24);--at-c3:rgba(110,205,190,.18);
  --at-dot:rgba(16,60,58,.10);--at-spot:rgba(19,138,124,.10);--at-grain:.035;
  --at-ink:#102c2d;--at-copy:#4d6363;--at-line:#d3e2dd;--at-card:#ffffffd9;--at-card-line:#d9e6e1;--at-gold:#9a6d1c;--at-green:#087d73;
}
html[data-theme="dark"] #main-content.nl-editorial{
  --at-paper:linear-gradient(160deg,#0c272a 0%,#071b1e 62%,#0b201d 100%);
  --at-soft:linear-gradient(200deg,#0e2e31 0%,#082124 58%,#0c1f25 100%);
  --at-deep:linear-gradient(170deg,#073a3e 0%,#04262a 60%,#06302c 100%);
  --at-voss:linear-gradient(160deg,#0c0c0d 0%,#100d0e 55%,#1a0f12 100%);
  --at-c1:rgba(20,170,150,.26);--at-c2:rgba(231,190,106,.14);--at-c3:rgba(40,110,150,.22);
  --at-dot:rgba(190,230,220,.07);--at-spot:rgba(231,190,106,.10);--at-grain:.05;
}

/* ---------- 2. Gradient base for every slide (replaces the flat colours) ---------- */
html.nl-motion #main-content.nl-editorial .nl-slide>:is(section,article){position:relative;isolation:isolate;background:var(--at-paper)!important}
html.nl-motion #main-content.nl-editorial .nl-slide>:is(.nl-introduction,.nl-fit,.nl-transformation,.nl-curriculum,.nl-offer,.nl-layer--book){background:var(--at-soft)!important}
html.nl-motion #main-content.nl-editorial .nl-slide>:is(.nl-problem,.nl-layer--situational,.nl-layer--library,.nl-foundation,.nl-contact-finale){background:var(--at-deep)!important}
html.nl-motion #main-content.nl-editorial .nl-slide>.nl-layer--voss{background:var(--at-voss)!important}
html[data-theme="dark"] #main-content.nl-editorial .nl-slide>.nl-layer--voss{--at-c1:rgba(201,33,50,.20);--at-c2:rgba(231,190,106,.08);--at-c3:rgba(120,40,60,.18)}
html[data-theme="light"] #main-content.nl-editorial .nl-slide>.nl-layer--voss{--at-c1:rgba(201,33,50,.10);--at-c3:rgba(231,183,88,.18)}

/* ---------- 3. Ambient layer: drifting light, dot grid, grain, cursor spotlight ---------- */
.nl-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:layout paint}
.nl-ambient>i{position:absolute;display:block;border-radius:50%;width:62vmax;height:62vmax;background:radial-gradient(circle at center,var(--at-c1) 0%,transparent 64%);will-change:transform}
.nl-ambient>i:nth-child(1){top:-28vmax;right:-18vmax;animation:at-drift-a 28s ease-in-out infinite alternate}
.nl-ambient>i:nth-child(2){bottom:-34vmax;left:-22vmax;background:radial-gradient(circle at center,var(--at-c2) 0%,transparent 64%);animation:at-drift-b 34s ease-in-out infinite alternate}
.nl-ambient>i:nth-child(3){top:28%;left:32%;width:40vmax;height:40vmax;background:radial-gradient(circle at center,var(--at-c3) 0%,transparent 66%);animation:at-drift-c 24s ease-in-out infinite alternate}
.nl-ambient:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--at-dot) 1px,transparent 1.5px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 78%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 78%)}
.nl-ambient:after{content:"";position:absolute;inset:0;opacity:var(--at-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nl-ambient>b{position:absolute;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,var(--at-spot) 0%,transparent 62%);opacity:0;transform:translate3d(var(--at-x,50vw),var(--at-y,40vh),0);transition:opacity .5s}
.nl-ambient.is-lit>b{opacity:1}
@keyframes at-drift-a{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-6vmax,5vmax,0) scale(1.12)}100%{transform:translate3d(4vmax,9vmax,0) scale(.94)}}
@keyframes at-drift-b{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7vmax,-4vmax,0) scale(1.08)}100%{transform:translate3d(-3vmax,-8vmax,0) scale(1.15)}}
@keyframes at-drift-c{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(-10vmax,6vmax,0) scale(1.15)}}
/* Variety: each slide gets one of four compositions. */
.nl-ambient[data-v="1"]>i:nth-child(1){top:auto;bottom:-30vmax;right:-10vmax}
.nl-ambient[data-v="1"]>i:nth-child(2){bottom:auto;top:-36vmax;left:-14vmax}
.nl-ambient[data-v="2"]>i:nth-child(3){left:auto;right:8%;top:8%}
.nl-ambient[data-v="2"]:before{background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.nl-ambient[data-v="3"]>i:nth-child(1){right:auto;left:-20vmax}
.nl-ambient[data-v="3"]>i:nth-child(2){left:auto;right:-26vmax}
/* Only the visible slide animates. */
.nl-slide:not(.is-active):not(.is-leaving) .nl-ambient>i{animation-play-state:paused}
/* Old decorative grid on the hero would fight the new layer. */
html.nl-motion #main-content.nl-editorial #top{background-image:var(--at-paper)!important}

/* ---------- 4. Accent typography ---------- */
html.nl-motion #main-content.nl-editorial :is(h1,h2) em{background:linear-gradient(100deg,#0a8a7d 0%,#13a594 45%,#b88a2c 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-theme="dark"] #main-content.nl-editorial :is(h1,h2) em{background-image:linear-gradient(100deg,#7fe6d3 0%,#e9c477 60%,#ffab00 100%)}

/* ---------- 5. Light versions of the slides that used to be dark in both themes ---------- */
/* «چرا مذاکره؟» */
html[data-theme="light"] #main-content.nl-editorial .nl-problem{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-problem h2{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-problem :is(.nl-kicker,.nl-text-link){color:var(--at-gold)}
html[data-theme="light"] #main-content.nl-editorial .nl-problem .nl-large-copy{color:var(--at-copy)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-situations span{color:var(--at-ink);background:var(--at-card);border-color:var(--at-card-line)}
html[data-theme="light"] #main-content.nl-editorial [data-nl-situation][aria-pressed="true"]{background:#e7be6a;border-color:#d9a945;color:#14302f}
html[data-theme="light"] #main-content.nl-editorial .nl-emphasis{background:var(--at-card);color:var(--at-ink)!important;border-right-color:#d5a54a}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-answer{color:var(--at-ink);background:#fff9ec;border-color:#e7c98a}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-answer b{color:var(--at-gold)}
html[data-theme="light"] .nl-decision-map__orbit{border-color:#bfd6d0;box-shadow:0 0 0 35px rgba(19,138,124,.06),0 0 0 36px rgba(19,138,124,.14)}
html[data-theme="light"] .nl-decision-map__orbit:before{border-color:rgba(19,110,100,.25)}
html[data-theme="light"] .nl-decision-map>span{background:#ffffffe8;border-color:var(--at-card-line);box-shadow:0 14px 30px rgba(16,60,58,.10)}
html[data-theme="light"] .nl-decision-map>span b{color:var(--at-ink)}
html[data-theme="light"] .nl-decision-map>span small{color:var(--at-copy)}
html[data-theme="light"] .nl-decision-map>span svg{color:#b8862c}
html[data-theme="light"] .nl-map-tip{color:var(--at-copy)}
html[data-theme="light"] .nl-map-tip.is-on{color:var(--at-ink)}

/* «کریس واس» */
html[data-theme="light"] #main-content.nl-editorial .nl-layer--voss{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-content h3{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-content>span{color:#b4232f!important}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-lead{color:var(--at-copy)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-facts b{color:#b4232f}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-disclosure>summary{color:var(--at-ink);border-color:var(--at-line)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-media{box-shadow:0 30px 60px rgba(40,20,20,.18)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-facts,html[data-theme="light"] #main-content.nl-editorial .nl-voss-facts>span{border-color:#e2d6d2}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-facts small{color:var(--at-copy)}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-disclosure{background:#ffffffd0;border-color:#e6dcd8}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-disclosure>summary{color:var(--at-ink);padding-inline:14px}
html[data-theme="light"] #main-content.nl-editorial .nl-voss-columns>div>b{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial :is(.nl-voss-columns ol li,.nl-voss-columns ul li){color:var(--at-copy)!important}

/* «مذاکره‌های موقعیتی» */
html[data-theme="light"] #main-content.nl-editorial .nl-layer--situational{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--situational .nl-layer__content h3{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--situational .nl-layer__content p{color:var(--at-copy)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--situational .nl-layer__content>span{color:var(--at-gold)!important}
html[data-theme="light"] #main-content.nl-editorial :is(.nl-bonus-audio,.nl-bonus-library){background:linear-gradient(120deg,#fffaf0,#fff);color:var(--at-ink);border-color:#dcc08a}
html[data-theme="light"] #main-content.nl-editorial :is(.nl-bonus-audio,.nl-bonus-library) b{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial :is(.nl-bonus-audio,.nl-bonus-library) small{color:var(--at-gold)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-wheel>span{background:var(--at-card);border-color:var(--at-card-line);box-shadow:0 10px 26px rgba(16,60,58,.06)}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-wheel b{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-wheel small{color:var(--at-copy)}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-wheel>span>svg{color:#b8862c}
html[data-theme="light"] #main-content.nl-editorial .nl-situation-outcome{color:var(--at-ink);border-top-color:var(--at-line)}

/* «۱۲ کتاب» */
html[data-theme="light"] #main-content.nl-editorial .nl-layer--library{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--library .nl-layer__content h3{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--library .nl-layer__content p{color:var(--at-copy)}
html[data-theme="light"] #main-content.nl-editorial .nl-layer--library .nl-layer__content>span{color:var(--at-gold)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-book-card{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-book-card figcaption small{color:var(--at-copy)}
html.nl-motion #main-content.nl-editorial .nl-book-rail:before,html.nl-motion #main-content.nl-editorial .nl-book-rail:after{display:none}
html.nl-motion #main-content.nl-editorial .nl-book-rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}

/* «منابع آموزشی» */
html[data-theme="light"] #main-content.nl-editorial .nl-foundation{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-foundation h2{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-foundation .nl-kicker{color:var(--at-gold)}
html[data-theme="light"] #main-content.nl-editorial .nl-foundation .nl-copy-center>p{color:var(--at-copy)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-source--harvard{background:#fff;border-color:var(--at-card-line);box-shadow:0 18px 40px rgba(16,60,58,.08)}
html[data-theme="light"] #main-content.nl-editorial .nl-source-application{color:var(--at-copy)}

/* «تماس» */
html[data-theme="light"] #main-content.nl-editorial .nl-contact-finale{color:var(--at-ink)}
html[data-theme="light"] #main-content.nl-editorial .nl-contact-finale h2{color:var(--at-ink)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-contact-finale .nl-kicker{color:var(--at-gold)!important}
html[data-theme="light"] #main-content.nl-editorial .nl-contact-finale footer>p{color:var(--at-copy)!important}
html[data-theme="light"] .nl-contact-icon{background:#e3f1ed;border-color:#b9d6cf;color:var(--at-green)}

/* Brand marks follow the theme instead of always being inverted. */
html[data-theme="light"] #main-content.nl-editorial :is(.nl-foundation,.nl-layer--situational,.nl-contact-finale)>.nl-slide-brand{filter:brightness(0);opacity:.06}

/* ---------- 6. Dark theme: a little more depth on cards ---------- */
html[data-theme="dark"] #main-content.nl-editorial :is(.nl-transformation__list article,.nl-product-map a,.nl-fit__grid>div,.nl-curriculum details,.nl-faq details,.nl-offer__checkout){background:rgba(13,44,48,.72);border-color:rgba(120,190,175,.18);box-shadow:0 18px 40px rgba(0,0,0,.25)}
html[data-theme="dark"] #main-content.nl-editorial .nl-offer__checkout{border-color:#bd984f;background:linear-gradient(180deg,rgba(18,52,55,.92),rgba(9,33,36,.92))}

/* ---------- 7. Theme switch: circular reveal from the toggle ---------- */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.nl-vt::view-transition-new(root){animation:at-reveal .7s cubic-bezier(.65,0,.35,1) both}
@keyframes at-reveal{from{clip-path:circle(0 at var(--vt-x,40px) var(--vt-y,40px))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,40px) var(--vt-y,40px))}}
.nl-deck-theme{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nl-deck-theme:hover{transform:rotate(-18deg) scale(1.06)}

/* ---------- 8. Reduced motion / print ---------- */
@media(prefers-reduced-motion:reduce){
  .nl-ambient>i{animation:none!important}
  .nl-ambient>b{display:none}
  html.nl-vt::view-transition-new(root){animation:none}
}
@media print{.nl-ambient{display:none}}