/* LOCOS premium depth — final additive layer.
 * Light and material belong to whole chapters and meaningful media planes.
 * Preserve approved geometry, original pixels, H1 sizes, runtime and consent.
 */
body.locos-experience {
  --pd-paper: #f5f2e9;
  --pd-sheet: #fcfaf5;
  --pd-paper-edge: #ded4c1;
  --pd-ink: #12343e;
  --pd-gold: #c9aa70;
  --pd-dark-light:
    radial-gradient(ellipse at 9% 0%,#284a54 0%,#244650 24%,transparent 62%),
    radial-gradient(ellipse at 100% 78%,#173e48 0%,transparent 54%),
    linear-gradient(125deg,#173944,#102f39 68%,#0d2630);
  --pd-paper-light:
    radial-gradient(ellipse at 8% 0%,#fffdf8 0%,#faf7ef 32%,transparent 72%),
    linear-gradient(115deg,#f5f2e9,#eae3d4);
  --pd-paper-deep:
    linear-gradient(105deg,#e8dfcd,#f4efe4 48%,#eee7d8);
  --pd-media-shadow: 0 2px 3px #06232c12,0 20px 36px -24px #082b3873;
  --pd-sheet-shadow: 0 1px 2px #082b3810,0 18px 38px -28px #082b3866;
}

/* Only the opening's atmosphere changes: photo, crop, copy and layout do not. */
body.home-restored.locos-experience #top.art-photo-hero {
  background:
    radial-gradient(ellipse at 78% 4%,#315a63 0%,transparent 54%),
    linear-gradient(135deg,#193d48,#102f39 64%,#0c2630);
}
/* Static, broad light on the existing copy plane; no photo/type/grid changes. */
body.home-restored.locos-experience #top.art-photo-hero > .hero-copy {
  background:
    repeating-linear-gradient(112deg,#fff9e903 0 1px,transparent 1px 6px),
    radial-gradient(ellipse at 100% 0%,#38646a70 0%,#22475235 45%,transparent 76%),
    radial-gradient(ellipse at 0% 100%,#09253094 0%,transparent 67%),
    linear-gradient(135deg,#234b55,#173d48 48%,#102d38);
}
body.locos-experience main :is(.relaunch-hero,.lp-hero,.proof-hero),
body.contact-page.locos-experience main .sp-hero,
body.lead-page--newsletter.locos-experience main .newsletter-hero {
  background: var(--pd-dark-light)!important;
  border-bottom-color: #d9bd8859;
  box-shadow: inset 0 1px #f8f4e813,inset 0 -1px #061f2c75;
}

/* Full-width material chapters replace a run of identical flat backgrounds. */
body.locos-experience main :is(#loesung,.restored-services,.restored-knowledge,#vertrauen,#team,#contact,.blog-masthead,.proof-quotes,.confirmation-page,.lead-form-section,.newsletter-method-section,.newsletter-fit-section) {
  position: relative;
  isolation: isolate;
  background: var(--pd-paper-light);
  border-top: 1px solid #fcfaf5;
  border-bottom: 1px solid #c7bda64a;
}
body.home-restored.locos-experience main #contact {
  background:
    radial-gradient(ellipse at 8% 0%,#fffdf8 0%,transparent 72%),
    linear-gradient(110deg,#f5f2e9,#e7decb);
  border-top: 1px solid #c9aa7066;
  box-shadow: inset 0 1px #fffdf8;
}
/* Product/structure pages also have plain narrative chapters without media modifiers. */
body.locos-relaunch.locos-experience main > .relaunch-section:not(.relaunch-cta):not(.confirmation-page) {
  background: var(--pd-paper-light);
  border-block: 1px solid #c7bda64a;
}
body.locos-experience main :is(.restored-services,.restored-knowledge,.lp-problem,.lp-fit,.newsletter-method-section)::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: auto 0;
  width: 36%;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(100deg,#e7dfcd08,#daceb753);
  border-left: 1px solid #fffaf352;
}
body.locos-experience main :is(.restored-knowledge,.lp-fit)::before {
  inset-inline: 0 auto;
  width: 29%;
  background: linear-gradient(95deg,#daceb754,#e7dfcd05);
  border-left: 0;
  border-right: 1px solid #fffaf352;
}
body.locos-experience main :is(.restored-services,.restored-knowledge,#vertrauen,#team) {
  padding-block: clamp(66px,7.1vw,112px);
}

/* Dark chapters have a consistent lighting direction and clear paper edge. */
body.locos-experience main :is(.testimonial-quotes,.lp-proof,.relaunch-cta,.proof-cta,.lp-registration,.newsletter-invitation,.content-section--dark) {
  background: var(--pd-dark-light)!important;
  border-top: 1px solid #d9bd8866;
  border-bottom: 1px solid #061f2c80;
  box-shadow: inset 0 1px #fff9e914,0 -10px 24px -22px #1638446b;
}
/* The second Premium action is deliberately the quieter paper chapter. */
body.locos-experience main .premium-conclusion + .relaunch-cta {
  background: var(--pd-paper-light)!important;
  box-shadow: inset 0 1px #fffdf8;
  border-top: 1px solid #c7bda64a;
}

/* Primary offers, learning covers and photographs: material edges, not new crops. */
body.locos-experience main :is(.priority-service,.knowledge-options article,.knowledge-library>.knowledge-entry:has(.knowledge-entry__media)) {
  background: linear-gradient(115deg,#fffdf8,#f4efe4)!important;
  border-bottom-color: #c1ae836b!important;
  box-shadow: var(--pd-sheet-shadow)!important;
}
body.locos-experience main .priority-services {align-items:stretch}
body.locos-experience main .priority-service {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: 0!important;
}
body.locos-experience main .priority-service > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 26px!important;
}
body.locos-experience main .priority-service > div > h3 {margin:0 0 16px}
body.locos-experience main .priority-service > div > p {margin:0 0 22px}
body.locos-experience main .priority-service > div > .service-action {
  align-self: flex-start;
  margin-top: auto;
  width: auto;
  max-width: 100%;
}
body.locos-experience main .priority-service figure {
  border-bottom: 1px solid #c7bda64a;
  box-shadow: none!important;
}
body.locos-experience main :is(.strategy-services,.relaunch-services-grid)>a,
body.locos-experience main .visual-services>.visual-service:nth-child(n+3) {
  background: linear-gradient(115deg,#fffdf8,#f2edde)!important;
  box-shadow: var(--pd-sheet-shadow)!important;
  border-bottom-color: #b6a07973!important;
}
body.locos-experience main :is(.knowledge-cover,.knowledge-entry__media,.lp-hero__media):has(.art-offer-cover) {
  box-shadow: inset 0 1px #fcfaf533,var(--pd-media-shadow)!important;
  border: 1px solid #c9aa7052;
}
body.locos-experience main :is(.team-about-photo,.knowledge-author-photo,.art-author-photo,.photo-card--a):not(:has(.imagery-person)) {
  box-shadow: var(--pd-media-shadow)!important;
  border: 1px solid #c9aa7042;
}
/* Diagrams keep their measured geometry, intrinsic text size and contain rules. */
body.locos-experience main :is(.art-explainer,.relaunch-context-photo,.knowledge-structure__map,.map-band__figure) {
  border: 1px solid #c7bda654;
  box-shadow: var(--pd-sheet-shadow)!important;
}
body.locos-experience main .art-service-summary {
  background: var(--pd-paper-deep)!important;
  border-top: 1px solid #fcfaf5!important;
  border-bottom: 1px solid #bda98266!important;
  box-shadow: inset 0 1px #fffdf8!important;
}
/* The existing Home geography is a complete material plane, not a flush white insert. */
body.home-restored.locos-experience main #karte.map-band {
  padding: 0!important;
  background: var(--pd-paper-light)!important;
  border: 1px solid #c7bda666;
  box-shadow: inset 0 1px #fffdf8,var(--pd-sheet-shadow);
}
body.home-restored.locos-experience main #karte.map-band > .wrap {
  box-sizing: border-box;
  padding: 32px!important;
}

/* LP argument, fit and steps become distinct chapters while staying readable. */
body.locos-experience.lp-page main :is(.lp-problem,.lp-fit) {
  position: relative;
  isolation: isolate;
  background: var(--pd-paper-deep);
  border-block: 1px solid #c7bda64a;
}
body.locos-experience.lp-page main :is(.lp-learning,.lp-takeaways,.lp-how,.lp-author,.lp-faq) {
  background: var(--pd-paper-light);
  border-bottom: 1px solid #c7bda64a;
}
body.locos-experience.lp-page main .lp-takeaways__list {column-gap:40px}
body.locos-experience.lp-page main .lp-how__steps {
  padding-top: 8px;
  border-top: 1px solid #fffdf8;
}
body.locos-experience.lp-page main .lp-how__steps li {
  border-top: 2px solid #c0a16e;
  padding-top: 24px;
}
body.locos-experience.lp-page main .lp-author__grid {
  border-block: 1px solid #c7bda64a;
  padding-block: 30px;
  background: linear-gradient(105deg,#fcfaf52e,#e8dfcc40);
}
body.locos-experience main .lp-author__grid figure:has(.imagery-person) {
  border: 0;
  box-shadow: none;
  background: transparent;
}

/* Proof is grounded in the actual films; quotes do not acquire decorative icons. */
body.locos-experience main .testimonial-quote--video .customer-film {
  box-shadow: var(--pd-media-shadow);
  border: 1px solid #d9bd8842;
}
body.locos-experience main .proof-hero__side {
  background: linear-gradient(135deg,#203f49e8,#102f39f0);
  border-color: #d9bd8847;
  box-shadow: 0 18px 36px -24px #061c297a,inset 0 1px #fcfaf516;
}
body.locos-experience main .proof-review:not(.proof-review--dark) {
  background: linear-gradient(110deg,#fffdf8,#eee6d5);
  box-shadow: var(--pd-sheet-shadow);
}
body.locos-experience main .proof-review--dark {background:var(--pd-dark-light)}
/* Small labels on these explicitly dark chapters must not inherit paper-grey ink. */
body.locos-experience main .testimonial-quotes :is(.sp-eyebrow,.kicker),
body.locos-experience main .lp-proof .lp-kicker {
  color: #ddc394!important;
}
body.locos-experience main .team-roster {
  border-top: 1px solid #c7bda64a;
  padding-top: 36px;
}
/* Never add an individual panel or shader behind the original round portraits. */
body.locos-experience main :is(.team-card,.team-card__photo,.contact-person,.contact-portrait__image):has(.imagery-person),
body.locos-experience main .team-card__photo {
  background: transparent!important;
  box-shadow: none!important;
}

/* Editorial material: one featured sheet, compact index, undisturbed long reading. */
body.locos-experience main :is(.featured-story,.story-card--spotlight,.newsletter-edition) {
  background: linear-gradient(115deg,#fffdf8,#f1ebdd);
  border-top: 1px solid #fffdf8;
  border-bottom: 1px solid #c7bda666;
  box-shadow: var(--pd-sheet-shadow);
}
body.locos-experience main .story-card--index {background:transparent;box-shadow:none}
body.locos-experience main .article-shell {
  background: linear-gradient(90deg,#ece5d6,#f8f5ed 15%,#f8f5ed 85%,#eee7d8);
}
body.locos-experience main .article-body {background:transparent}
body.locos-experience main :is(.article-toc,.article-entry-offer,.order-summary,.confirmation-aside) {
  background: linear-gradient(120deg,#fffdf8,#eee6d5);
  border-color: #c3b394;
  box-shadow: var(--pd-sheet-shadow);
}
body.locos-experience main :is(.article-sources,.article-disclaimer) {
  border-top-color: #bfb297;
  box-shadow: none;
}
body.locos-experience main :is(.newsletter-issue-section,.newsletter-fit-section) {
  background: var(--pd-paper-light);
}
body.locos-experience main .newsletter-edition__folio {border-right-color:#c3b394}

/* Working surfaces remain paper. Consent controls and iframe contents are untouched. */
body.locos-experience main :is(.sp-form-card,.lp-registration__form,.booking-panel) {
  --rl-ink: #12343e;
  --rl-muted: #52666b;
  color: #12343e;
  background: linear-gradient(115deg,#fffdf8,#f5f0e5);
  border: 1px solid #cbbb9c;
  box-shadow: var(--pd-sheet-shadow),inset 0 1px #fffdf8;
}
body.locos-experience main :is(.sp-form-card,.lp-registration__form,.booking-panel) :is(h2,h3,label) {color:#12343e!important}
body.locos-experience main :is(.sp-form-card,.lp-registration__form,.booking-panel) p:not([data-form-status]):not([role="alert"]):not([role="status"]) {color:#52666b}
body.locos-experience main .sp-contact-card {
  background: var(--pd-paper-deep);
  border-top-color: #bea06b;
  box-shadow: inset 0 1px #fcfaf5;
}
body.locos-experience main :is(.sicher-price-hero,.sicher-price-section,.sicher-price-terms) {
  background: var(--pd-paper-light);
}
body.locos-experience main .sicher-price-section {
  border-block: 1px solid #c7bda64a;
  box-shadow: inset 0 1px #fffdf8;
}
/* Imprint/privacy have no chapter sections: use a quiet, continuous document. */
body.locos-experience main.sp-legal {
  background: linear-gradient(90deg,#e8dfcf,#f7f3e9 18%,#f7f3e9 82%,#eae2d3);
}
body.locos-experience main.sp-legal > .sp-narrow {
  background: #fcfaf5;
  border-inline: 1px solid #d0c3a9;
  padding-inline: clamp(20px,4vw,54px);
  box-shadow: 0 22px 48px -40px #12343e66;
}

/* Existing focus/skip-link rules remain untouched; relief never clips or handles input. */
@media(max-width:760px) {
  body.locos-experience main :is(.restored-services,.restored-knowledge,#vertrauen,#team) {padding-block:58px}
  body.locos-experience main :is(.restored-services,.restored-knowledge,.lp-problem,.lp-fit,.newsletter-method-section)::before {width:22%}
  body.locos-experience main .priority-service > div {padding:22px!important}
  body.home-restored.locos-experience main #karte.map-band > .wrap {padding:24px!important}
  body.locos-experience main .lp-author__grid {padding-block:22px}
  body.locos-experience main .team-roster {padding-top:26px}
  body.locos-experience main .article-shell {background:#f8f5ed}
  body.locos-experience main.sp-legal > .sp-narrow {padding-inline:18px;box-shadow:none}
}
/* This layer is static; explicitly prevent inherited movement on its decorative planes. */
@media(prefers-reduced-motion:reduce) {
  body.locos-experience main :is(.restored-services,.restored-knowledge,.lp-problem,.lp-fit,.newsletter-method-section)::before {
    animation: none!important;
    transition: none!important;
    transform: none!important;
  }
}

/* Warm brushed-gold finish: one quiet material, no looping shimmer. */
body.locos-experience :is(.btn-gold,.sp-button:not(.sp-button--ghost):not(.sp-button--quiet)):not(.premium-conclusion + .relaunch-cta .sp-button) {
  background-color:#cfb079;
  background-image:linear-gradient(112deg,transparent 34%,#fff9df66 47%,transparent 60%),linear-gradient(180deg,#ead09b 0%,#d5b77e 48%,#c5a36b 100%);
  background-size:240% 100%,100% 100%;
  background-position:100% 0,0 0;
  border-color:#b69860;
  color:#10232f!important;
  box-shadow:inset 0 1px 0 #fff7dcbb,inset 0 -1px 0 #8b713a33,0 5px 14px -8px #061d32a6;
  transition:background-position .65s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
@media(hover:hover) and (pointer:fine) {
  body.locos-experience :is(.btn-gold,.sp-button:not(.sp-button--ghost):not(.sp-button--quiet)):not(.premium-conclusion + .relaunch-cta .sp-button):hover {
    background-position:0 0,0 0;
    border-color:#c5a56a;
    box-shadow:inset 0 1px 0 #fff7dcee,inset 0 -1px 0 #8b713a33,0 8px 20px -10px #061d32b3;
  }
}
body.locos-experience :is(.btn-gold,.sp-button:not(.sp-button--ghost):not(.sp-button--quiet)):not(.premium-conclusion + .relaunch-cta .sp-button):active {
  box-shadow:inset 0 1px 3px #80633340,0 2px 8px -6px #061d3280;
}
body.locos-experience :is(.stars,.proof-score>span[aria-label],.proof-review--dark b[aria-label]) {
  color:#e2bd75;
  text-shadow:0 1px 0 #fff3c433,0 2px 7px #071c2459;
}
@supports(background-clip:text) {
  body.locos-experience :is(.stars,.proof-score>span[aria-label],.proof-review--dark b[aria-label]) {
    background:linear-gradient(180deg,#f7df9e 0%,#e3bd74 50%,#c29850 100%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    text-shadow:none;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.locos-experience :is(.btn-gold,.sp-button:not(.sp-button--ghost):not(.sp-button--quiet)) {transition:none!important}
}
@media(forced-colors:active) {
  body.locos-experience :is(.stars,.proof-score>span[aria-label],.proof-review--dark b[aria-label]) {background:none;color:CanvasText;text-shadow:none}
}

/* On paper, deeper gold keeps small rating glyphs distinct. */
body.locos-experience :is(.proof-ledger__score b[aria-label],.proof-source-card__metric b[aria-label],.proof-review:not(.proof-review--dark) b[aria-label]) {color:#916b27;text-shadow:0 1px 0 #fff9e8}
@supports(background-clip:text) {
  body.locos-experience :is(.proof-ledger__score b[aria-label],.proof-source-card__metric b[aria-label],.proof-review:not(.proof-review--dark) b[aria-label]) {
    background:linear-gradient(180deg,#9a752f,#8b6626 52%,#77531e);
    background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;
  }
}
@media(forced-colors:active) {
  body.locos-experience :is(.proof-ledger__score b[aria-label],.proof-source-card__metric b[aria-label],.proof-review:not(.proof-review--dark) b[aria-label]) {background:none;color:CanvasText;text-shadow:none}
}

/* A slow local shader sits above the material, behind every real content element. */
body.locos-experience .locos-light-field {position:relative;isolation:isolate}
body.locos-experience .locos-light-field > .locos-ambient-light {
  position:absolute;inset:0;width:100%;height:100%;z-index:-1;
  display:block;pointer-events:none;border-radius:inherit;opacity:.4;
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  body.locos-experience .locos-ambient-light {display:none!important}
}

/* Keep small gold copy clear at the brightest point of the light field. */
body.locos-experience .locos-light-field :is(.kicker,.lp-kicker,.sp-eyebrow) {color:#ddc394!important}

/* Consent belongs to the same teal, warm-paper and muted-gold material system. */
#locos-consent.locos-consent {
  --consent-gold:#ddc394;
  background:#12343e;color:#f8f5ed;border-color:#8c80624d;
  border-radius:3px;box-shadow:0 16px 44px #061d3266,inset 0 1px #fff8e514;
  font-family:var(--sans,system-ui,sans-serif);font-size:13px;line-height:1.5;
  max-height:calc(100dvh - 24px);overflow:auto;
}
#locos-consent.locos-consent .locos-consent__bar {gap:18px;padding:16px 20px}
#locos-consent.locos-consent .locos-consent__copy {display:grid;grid-template-columns:1fr;gap:5px}
#locos-consent.locos-consent #locos-consent-title {font-family:var(--sans,system-ui,sans-serif)!important;color:#f8f5ed!important;font-weight:600!important;font-size:14px!important;line-height:1.4!important;margin:0!important}
#locos-consent.locos-consent p {color:#d2dde0;font-size:13px;line-height:1.5;margin:0}
#locos-consent.locos-consent .locos-consent__links {display:flex;align-items:center;gap:16px;flex-wrap:wrap;white-space:normal}
#locos-consent.locos-consent .locos-consent__links :is(a,button[data-consent-settings]) {
  display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;
  width:auto;margin:0;padding:0;border:0;border-radius:0;
  color:#ddc394;background:transparent;box-shadow:none;
  font:500 13px/1.5 var(--sans,system-ui,sans-serif);letter-spacing:0;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
  white-space:nowrap;vertical-align:baseline;
}
#locos-consent.locos-consent .locos-consent__links :is(a,button[data-consent-settings]):hover {color:#f4dfb7;background:transparent}
#locos-consent.locos-consent .locos-consent__actions {gap:10px}
#locos-consent.locos-consent button {border-radius:2px;font:600 13px/1.4 var(--sans,system-ui,sans-serif);min-height:46px}
#locos-consent.locos-consent button:is([data-consent-essential],[data-consent-all],[data-consent-save]) {
  background:linear-gradient(180deg,#ead09b,#c5a36b);border:1px solid #b69860;
  color:#10232f;box-shadow:inset 0 1px #fff7dcbb;min-width:0;
  padding:10px 16px;white-space:normal;
}
#locos-consent.locos-consent button:is([data-consent-essential],[data-consent-all],[data-consent-save]):hover {background:linear-gradient(180deg,#f0dab1,#d0b17b)}
#locos-consent.locos-consent :is(button,a):focus-visible,
#locos-consent.locos-consent input:focus-visible + .locos-consent__switch {outline:3px solid #f8f5ed;outline-offset:3px}
#locos-consent.locos-consent .locos-consent__settings {padding:12px 20px 20px;border-top-color:#d2dde033}
#locos-consent.locos-consent .locos-consent__option strong {color:#f8f5ed;font-weight:600}
#locos-consent.locos-consent .locos-consent__option small {color:#c4d0d4}
#locos-consent.locos-consent .locos-consent__option + .locos-consent__option {border-color:#d2dde033}
#locos-consent.locos-consent .locos-consent__switch {background:#254752;border-color:#a8b8be}
#locos-consent.locos-consent .locos-consent__switch::after {background:#f8f5ed}
#locos-consent.locos-consent .locos-consent__toggle input:checked + .locos-consent__switch {background:#ddc394;border-color:#ddc394}
#locos-consent.locos-consent .locos-consent__toggle input:checked + .locos-consent__switch::after {background:#12343e}
@media(max-width:900px) {
  #locos-consent.locos-consent .locos-consent__bar {grid-template-columns:1fr;gap:8px}
  #locos-consent.locos-consent .locos-consent__actions {display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:760px) {
  body.home-restored.locos-experience #top.art-photo-hero > .hero-copy {padding:26px 22px 30px!important}
}
@media(max-width:620px) {
  #locos-consent.locos-consent {inset:auto 8px 8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
  #locos-consent.locos-consent .locos-consent__bar {padding:16px;gap:6px}
  #locos-consent.locos-consent .locos-consent__links {gap:20px}
  #locos-consent.locos-consent .locos-consent__settings {padding:10px 16px 16px}
  #locos-consent.locos-consent .locos-consent__option + .locos-consent__option {padding-left:0}
}
@media(forced-colors:active) {
  #locos-consent.locos-consent {background:Canvas;color:CanvasText;border-color:CanvasText}
  #locos-consent.locos-consent :is(a,h2,p,strong,small,button) {color:CanvasText!important;background:none!important}
}