/* EXPERIMENTAL / visual layer only — same crawlable HTML, content and canonical URLs. */
html[data-site-design="experimental"] {
  --bg:#0b0d0e;--surface:#141719;--surface-soft:#202426;
  --text:#f5f3ee;--text-muted:#b2b7b4;--line:#383d3d;
  --accent:#dbf168;--accent-2:#c5dad5;--max:1380px;--radius:4px;
  color-scheme:dark;background:#0b0d0e;
}
html[data-site-design="experimental"] body {
  background:#0b0d0e;color:#f5f3ee;font-family:"Inter",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
html[data-site-design="experimental"] .site-header {
  background:rgba(8,10,11,.72);border-bottom:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(20px);
}
html[data-site-design="experimental"] .nav-wrap {
  max-width:1480px;padding:1.15rem clamp(1rem,3vw,3.25rem);gap:2rem;
}
html[data-site-design="experimental"] .brand {
  font-family:"Inter",Arial,sans-serif;font-weight:800;font-size:.96rem;
  letter-spacing:-.05em;text-transform:uppercase;
}
html[data-site-design="experimental"] .nav-links {
  gap:.63rem;font-size:.79rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;
}
html[data-site-design="experimental"] .nav-links a.active,
html[data-site-design="experimental"] .nav-links a:hover{color:#dbf168;}
html[data-site-design="experimental"] .nav-divider{opacity:.16;}
html[data-site-design="experimental"] .hero {
  height:100svh;min-height:min(680px,100svh);max-height:none;
  display:grid;align-items:end;background:#0d1114;isolation:isolate;
}
html[data-site-design="experimental"] .hero::after {
  z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.20) 10%,rgba(0,0,0,.06) 34%,rgba(0,0,0,.82) 100%);
}
html[data-site-design="experimental"] .hero .video-wrapper {
  opacity:0;pointer-events:none;
}
.experimental-film {
  display:none;position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;background:#171b1e;
}
html[data-site-design="experimental"] .experimental-film {
  display:block;
}
html[data-site-design="experimental"] .hero-content {
  z-index:3;max-width:1500px;padding:clamp(1.4rem,4vw,4rem);
  padding-bottom:clamp(5.7rem,9vw,10rem);width:100%;margin-inline:auto;
}
html[data-site-design="experimental"] .hero h1 {
  color:#fff;max-width:1240px;font-size:clamp(3.1rem,9vw,10rem);
  line-height:.91;letter-spacing:-.085em;font-weight:800;text-wrap:balance;
  text-transform:uppercase;text-shadow:0 3px 36px rgba(0,0,0,.23);
}
html[data-site-design="experimental"] .hero p {
  color:#f4f6f4;max-width:800px;font-size:clamp(.92rem,1.5vw,1.2rem);
  line-height:1.7;font-weight:500;letter-spacing:.005em;
}
html[data-site-design="experimental"] .hero .btn-primary,
html[data-site-design="experimental"] .btn-primary {
  background:#dbf168;color:#101411;border-color:#dbf168;
}
html[data-site-design="experimental"] .hero .btn-primary:hover,
html[data-site-design="experimental"] .btn-primary:hover {
  background:#fff;border-color:#fff;color:#101411;
}
html[data-site-design="experimental"] .btn {
  border-radius:2px;letter-spacing:.075em;text-transform:uppercase;
  font-size:.77rem;font-weight:800;padding:1rem 1.45rem;
}
html[data-site-design="experimental"] .btn-secondary {
  border-color:rgba(245,245,235,.5);color:#fff;background:rgba(10,15,17,.44);
}
html[data-site-design="experimental"] .hero .btn-secondary{background:rgba(0,0,0,.42);}
html[data-site-design="experimental"] .section {
  max-width:1470px;padding-top:clamp(4.2rem,8vw,9rem);
  padding-bottom:clamp(4.2rem,8vw,9rem);
}
html[data-site-design="experimental"] .section-header h2 {
  max-width:1100px;font-size:clamp(2.1rem,5.3vw,5.4rem);
  line-height:1.03;letter-spacing:-.065em;font-weight:800;
  text-transform:uppercase;text-wrap:balance;
}
html[data-site-design="experimental"] .section-header p {
  max-width:840px;line-height:1.8;font-size:clamp(.97rem,1.2vw,1.12rem);
}
html[data-site-design="experimental"] .kicker {
  color:#dbf168;text-transform:uppercase;font-size:.8rem;
  letter-spacing:.18em;font-weight:800;
}
html[data-site-design="experimental"] .card {
  border-radius:3px;border:1px solid #303637;background:#15191b;
  box-shadow:none;
}
html[data-site-design="experimental"] a.card {
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease;
}
html[data-site-design="experimental"] a.card:hover {
  transform:translateY(-6px);border-color:#dbf168;
}
html[data-site-design="experimental"] .card h3 {
  font-size:clamp(1.18rem,1.6vw,1.55rem);letter-spacing:-.038em;
}
html[data-site-design="experimental"] .card p {line-height:1.7;}
html[data-site-design="experimental"] .video-card {border-radius:2px;background:#111;}
html[data-site-design="experimental"] .video-card .label {
  background:linear-gradient(0deg,rgba(0,0,0,.79),transparent);
}
html[data-site-design="experimental"] .video-card .label-text {
  font-size:clamp(.84rem,1.25vw,1.1rem);text-transform:uppercase;
  letter-spacing:.025em;font-weight:800;
}
html[data-site-design="experimental"] .featured-card,
html[data-site-design="experimental"] .featured-card > img{border-radius:2px;}
html[data-site-design="experimental"] .featured-card h3 {
  text-transform:uppercase;letter-spacing:-.06em;
}
html[data-site-design="experimental"] .experience-stats strong {
  color:#dbf168;font-size:clamp(1.7rem,3vw,2.8rem);
}
html[data-site-design="experimental"] .site-design-switch__option[aria-pressed="true"] {
  background:#dbf168;color:#0c1210;
}
html[data-site-design="experimental"] .site-design-switch{border-color:#484e4e;}
html[data-site-design="experimental"] .site-design-panel {
  border:1px solid #353b3c;background:#15191a;
}
html[data-site-design="experimental"] .site-design-table th,
html[data-site-design="experimental"] .site-design-table td{border-color:#353c3e;}
html[data-site-design="experimental"] .site-design-preview-link{color:#dbf168;}
html[data-site-design="experimental"] .form-wrap,
html[data-site-design="experimental"] .project-info {
  border:1px solid #333a3e;background:#15191b;
}
html[data-site-design="experimental"] footer {
  border-top:1px solid #313638;background:#101314;
}
html[data-site-design="experimental"] .site-design-panel__title,
html[data-site-design="experimental"] .site-design-table strong{color:#f5f3ee;}
html[data-site-design="experimental"] .site-design-table td span{color:#adb7b3;}
html[data-site-design="experimental"] .section .list-clean li{line-height:1.7;}

/* Fullscreen scroll hint — homepage only */
.experimental-scroll {
  position:absolute;z-index:4;bottom:2rem;left:clamp(1.4rem,4vw,4rem);
  display:none;align-items:center;gap:.85rem;color:#fff;
  font-size:.72rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.18em;
}
.experimental-scroll::after{content:"";width:85px;height:1px;background:#dbf168;}
html[data-site-design="experimental"] .experimental-scroll{display:flex;}
.experimental-eyebrow {
  display:none;color:#dbf168;font-size:.76rem;font-weight:800;
  letter-spacing:.19em;text-transform:uppercase;margin:0 0 1.5rem;
}
html[data-site-design="experimental"] .experimental-eyebrow{display:block;}
/* Loader only when JS explicitly enables it: never block non-JS users */
.exp-loader {
  display:none;position:fixed;inset:0;z-index:10000;
  background:#0b0d0e;color:#f9f9f5;padding:clamp(1.2rem,5vw,5rem);
  align-items:center;justify-content:center;flex-direction:column;gap:1.65rem;
  transition:opacity .55s ease,visibility .55s ease;
}
html[data-site-design="experimental"] .exp-loader.is-active{display:flex;}
.exp-loader.is-done{opacity:0;visibility:hidden;pointer-events:none;}
.exp-loader__mark {
  font-size:clamp(1.5rem,4.5vw,3.7rem);font-weight:800;
  letter-spacing:-.07em;line-height:.95;text-align:center;
}
.exp-loader__sub {
  color:#b5c0b7;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
}
.exp-loader__track {
  width:min(420px,75vw);height:2px;background:#303936;overflow:hidden;
}
.exp-loader__bar{width:0;height:100%;background:#dbf168;transition:width .15s linear;}
.exp-loader__progress {
  font-size:.7rem;letter-spacing:.18em;font-variant-numeric:tabular-nums;
  color:#dbf168;
}

/* Device-friendly matrix on Impressum */
.site-design-panel--matrix {max-width:100%;margin:1rem 0 3rem;}
.site-design-current {font-size:.82rem;color:var(--text-muted);margin:0 0 1rem;}
.site-design-current strong {color:var(--text);}
.site-design-table-wrap {overflow-x:auto;max-width:100%;border-radius:10px;}
.site-design-table{border-collapse:collapse;width:100%;min-width:590px;font-size:.84rem;}
.site-design-table th,.site-design-table td {
  padding:1rem .75rem;text-align:left;vertical-align:middle;
  border-bottom:1px solid var(--line);
}
.site-design-table th {font-weight:700;}
.site-design-table thead th {
  padding-top:.6rem;font-size:.69rem;text-transform:uppercase;
  letter-spacing:.09em;color:var(--text-muted);
}
.site-design-table td strong{display:block;font-size:.82rem;margin-bottom:.25rem;}
.site-design-table td span{display:block;font-size:.74rem;line-height:1.5;color:var(--text-muted);}
.site-design-table .site-design-switch__option {
  border:1px solid var(--line);background:var(--surface-soft);color:var(--text);
  white-space:nowrap;
}
.site-design-table .site-design-switch__option[aria-pressed="true"]{
  background:var(--accent);border-color:var(--accent);color:#101411;
}
.site-design-preview-link {
  color:var(--accent);text-decoration:underline;
  text-underline-offset:4px;white-space:nowrap;font-weight:700;
}
@media(max-width:760px){
  html[data-site-design="experimental"] .hero{min-height:100svh;}
  html[data-site-design="experimental"] .hero-content{padding:1.4rem 1.3rem 7rem;}
  html[data-site-design="experimental"] .hero h1 {
    font-size:clamp(2.5rem,11vw,5.8rem);letter-spacing:-.075em;
  }
  html[data-site-design="experimental"] .hero .btn{padding:.78rem 1rem;}
  html[data-site-design="experimental"] .section {padding:3.5rem 1.2rem;}
  html[data-site-design="experimental"] .section-header h2 {
    font-size:clamp(2rem,8vw,3.4rem);
  }
  .site-design-switch--footer{margin-top:.4rem;}
  .site-design-switch__option{padding:.38rem .48rem;font-size:.67rem;}
  .site-design-table th,.site-design-table td{padding:.75rem .55rem;}
}
@media(prefers-reduced-motion:reduce){
  html[data-site-design="experimental"] .fade-in,
  html[data-site-design="experimental"] .fade-section {
    animation:none!important;transition:none!important;transform:none!important;opacity:1!important;
  }
  .exp-loader {display:none!important;}
}