* { box-sizing: border-box; }
html { background: #000; color: #f5f4f6; color-scheme: dark; }
body { margin: 0; font: 400 16px/1.65 Arial, Helvetica, sans-serif; }
a { color: inherit; text-underline-offset: 5px; }
a:focus-visible { outline: 2px solid #f5f4f6; outline-offset: 5px; }
.skip-link { position: absolute; left: 12px; top: -100px; padding: 10px 16px; color: #000; background: #fff; z-index: 10; }
.skip-link:focus { top: 12px; }
#sonaluma-onepage .slx-page {
  --footer-space:190px; --logo-scale:64%; --slx-fg:#f5f4f6; --slx-muted:#ddd9e1;
  position:relative; isolation:isolate; color:var(--slx-fg); background:#000;
  min-height:100vh; min-height:100dvh;
  font:400 14px/1.5 Arial,Helvetica,sans-serif;
}
#sonaluma-onepage .slx-page p { margin:0; }
#sonaluma-onepage .slx-start {
  position:relative; min-height:360px; height:100vh; height:100dvh;
  padding-bottom:var(--footer-space);
}
#sonaluma-onepage .slx-next {
  position:relative; z-index:1; background:#000;
  min-height:100vh; min-height:100dvh;
  padding:48px 24px calc(var(--footer-space) + 32px);
}
#sonaluma-onepage .slx-fixed-footer {
  position:fixed; z-index:3; inset:auto 0 0;
  padding-top:12px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72) 22%,rgba(0,0,0,.94));
}

#sonaluma-onepage .slx-trailer { position:fixed; inset:0; z-index:0; background:#000; }
#sonaluma-onepage .slx-trailer video {
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}
#sonaluma-onepage .slx-trailer-poster {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:cover; object-position:center; pointer-events:none;
}
#sonaluma-onepage .slx-trailer.is-ready .slx-trailer-poster { visibility:hidden; }
#sonaluma-onepage .slx-trailer::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 23%,rgba(0,0,0,.06) 43%,rgba(0,0,0,.06) 60%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.86) 100%);
}
#sonaluma-onepage .slx-spectrum-hero {
  height:100%; min-height:0; position:relative; pointer-events:none;
  padding:max(clamp(24px,5vh,60px),env(safe-area-inset-top)) 40px 20px;
}
#sonaluma-onepage .slx-logo {
  position:relative; z-index:1; width:var(--logo-scale); aspect-ratio:10.8;
  overflow:hidden; margin:0 auto; mix-blend-mode:screen;
}
#sonaluma-onepage .slx-logo img {
  position:absolute; width:290%; max-width:none; height:auto;
  top:50%; left:50%; transform:translate(-50%,-50%);
}
#sonaluma-onepage .slx-page h1 {
  position:relative; z-index:1; margin:clamp(12px,2.2vh,24px) 0 0;
  font-weight:400; text-align:center; color:var(--slx-fg);
  text-shadow:0 2px 12px #000;
}
#sonaluma-onepage .slx-player-controls {
  position:relative; z-index:1; flex-shrink:0; display:flex; justify-content:center; gap:10px;
  padding:8px 24px 12px;
}
#sonaluma-onepage .slx-player-controls[hidden],
#sonaluma-onepage .slx-player-controls button[hidden],
#sonaluma-onepage .slx-player-message[hidden] { display:none; }
#sonaluma-onepage .slx-player-controls button {
  min-height:44px; min-width:88px; padding:8px 16px;
  border:1px solid rgba(255,255,255,.4); border-radius:999px;
  background:rgba(0,0,0,.4); color:#fff; font:inherit; font-size:12px; cursor:pointer;
}
#sonaluma-onepage .slx-player-controls button:hover { background:rgba(255,255,255,.15); border-color:#fff; }
#sonaluma-onepage .slx-player-controls button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
#sonaluma-onepage .slx-player-message {
  position:relative; z-index:1; padding:8px 24px; text-align:center; font-size:12px;
}
#sonaluma-onepage .slx-contact {
  position:relative; z-index:1; flex-shrink:0; display:flex; justify-content:center; align-items:center;
  flex-wrap:wrap; gap:4px 32px; padding:6px 40px;
  text-align:center; text-shadow:0 2px 10px #000;
}
#sonaluma-onepage .slx-page h1,
#sonaluma-onepage .slx-contact {
  font:400 17px/1.6 Arial,Helvetica,sans-serif;
  letter-spacing:.04em;
}
#sonaluma-onepage .slx-contact a {
  display:inline-flex; min-height:44px; align-items:center; color:var(--slx-fg);
  text-decoration:none; text-underline-offset:5px;
}
#sonaluma-onepage .slx-contact a:hover { text-decoration:underline; }
#sonaluma-onepage .slx-contact-links {
  display:flex; align-items:center; justify-content:center; gap:8px; max-width:100%;
}
#sonaluma-onepage .slx-contact-links > a { white-space:nowrap; }
#sonaluma-onepage .slx-contact .slx-instagram { width:44px; min-width:44px; justify-content:center; }
#sonaluma-onepage .slx-instagram svg { display:block; }
#sonaluma-onepage .slx-instagram:hover { opacity:.75; }

#sonaluma-onepage .slx-legal {
  position:relative; z-index:1; flex-shrink:0; display:flex; justify-content:center; align-items:center; gap:24px;
  padding:2px 24px max(10px,env(safe-area-inset-bottom));
  font-size:11px; color:var(--slx-muted); text-shadow:0 2px 10px #000;
}
#sonaluma-onepage .slx-legal a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
#sonaluma-onepage .slx-legal a:hover { text-decoration:underline; }
@media(max-width:560px) {
  #sonaluma-onepage .slx-page { --footer-space:220px; }
  #sonaluma-onepage .slx-spectrum-hero { padding: max(clamp(24px,5vh,48px),env(safe-area-inset-top)) 24px 16px; }
  #sonaluma-onepage .slx-page h1,
  #sonaluma-onepage .slx-contact { font-size:15px; letter-spacing:.015em; }
  #sonaluma-onepage .slx-contact { padding:4px 24px; gap:4px 20px; }
}
@media(max-height:500px) and (min-width:561px) {
  #sonaluma-onepage .slx-spectrum-hero { padding:12px 24px 10px; }
  #sonaluma-onepage .slx-logo { max-width:448px; }
  #sonaluma-onepage .slx-page h1 { margin-top:8px; }
  #sonaluma-onepage .slx-page h1, #sonaluma-onepage .slx-contact { font-size:15px; }
  #sonaluma-onepage .slx-player-controls { padding-block:4px; }
  #sonaluma-onepage .slx-contact, #sonaluma-onepage .slx-legal { padding-block:2px; }
}
.legal-body { min-height: 100vh; display: flex; flex-direction: column; }
.back-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 13px; color: #aaa6af; text-decoration: none; }
.legal-header { width: min(100%, 900px); margin-inline: auto; padding: 24px 32px 0; }
.legal-page { width: min(100%, 900px); padding: 40px 32px 64px; margin-inline: auto; flex: 1; }
.legal-page .eyebrow { color: #aaa6af; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 20px; }
.legal-page h1 { font-size: clamp(30px, 5.5vw, 56px); font-weight: 400; line-height: 1.15; letter-spacing: -.04em; margin: 0 0 36px; overflow-wrap: anywhere; }
.legal-page h2 { font-size: 20px; font-weight: 400; line-height: 1.4; margin: 36px 0 14px; }
.legal-page p, .legal-page address, .legal-page ul { margin: 0 0 20px; overflow-wrap: anywhere; }
.legal-page address { font-style: normal; }
.legal-page ul { padding-left: 22px; }
.legal-page li + li { margin-top: 8px; }
.objection { border-left: 2px solid #f5f4f6; padding-left: 20px; margin-block: 32px; }
.legal-date { font-size: 12px; color: #aaa6af; margin-top: 40px !important; }
.legal-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; padding: 20px 24px 28px; border-top: 1px solid #29252c; font-size: 12px; color: #aaa6af; }
.legal-footer a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.legal-footer a:hover, .back-link:hover { text-decoration: underline; }
@media (max-width: 560px) {
  .legal-header { padding-inline: 24px; }
  .legal-page { padding: 28px 24px 48px; }
}
@media (pointer: coarse) {
  #sonaluma-onepage .slx-legal a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media print {
  html { background: #fff; color: #000; }
  .skip-link, .legal-header, .legal-footer { display: none; }
  .legal-page { width: 100%; padding: 0; }
  .legal-page h1, .legal-page h2 { break-after: avoid; }
}

/* Project presentation */
#sonaluma-onepage .slx-project { padding:clamp(48px,7vw,104px) 48px calc(var(--footer-space) + 48px); }
#sonaluma-onepage .slx-project-inner { max-width:1280px; margin-inline:auto; }
#sonaluma-onepage .slx-project-heading { margin-bottom:32px; }
#sonaluma-onepage .slx-project-meta { color:#aaa6af; font-size:12px; letter-spacing:.08em; }
#sonaluma-onepage .slx-project h2 { margin:12px 0 0; font-size:clamp(32px,5vw,72px); font-weight:400; line-height:1.1; letter-spacing:-.035em; }
#sonaluma-onepage .slx-project figure { margin:0; }
#sonaluma-onepage .slx-project img { display:block; width:100%; height:auto; }
#sonaluma-onepage .slx-project-intro { display:grid; grid-template-columns:1fr 1.5fr; gap:64px; margin-block:40px 64px; }
#sonaluma-onepage .slx-project-scope { max-width:320px; color:#aaa6af; font-size:13px; line-height:1.9; }
#sonaluma-onepage .slx-project-copy { font-size:17px; line-height:1.75; }
#sonaluma-onepage .slx-project-copy p + p { margin-top:20px; }
#sonaluma-onepage .slx-project-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#sonaluma-onepage .slx-project-wide { grid-column:1 / -1; }
@media(max-width:600px) {
  #sonaluma-onepage .slx-project { padding:48px 20px calc(var(--footer-space) + 32px); }
  #sonaluma-onepage .slx-project-heading { margin-bottom:24px; }
  #sonaluma-onepage .slx-project-intro { grid-template-columns:1fr; gap:24px; margin-block:28px 40px; }
  #sonaluma-onepage .slx-project-copy { font-size:15px; }
  #sonaluma-onepage .slx-project-gallery { grid-template-columns:1fr; gap:20px; }
}

/* Compact contact line; the upper slogan keeps its existing size. */
#sonaluma-onepage .slx-contact { font-size:14.45px; }
@media(max-width:560px) {
  #sonaluma-onepage .slx-contact { font-size:12.75px; }
}
@media(max-height:500px) and (min-width:561px) {
  #sonaluma-onepage .slx-contact { font-size:12.75px; }
}

/* Scroll-revealed approach; content stays readable without JavaScript. */
#sonaluma-onepage .slx-process { padding:clamp(64px,8vw,96px) 48px calc(var(--footer-space) + 64px); }
#sonaluma-onepage .slx-process-inner { max-width:1280px; margin-inline:auto; }
#sonaluma-onepage .slx-process-label { color:#aaa6af; font-size:12px; letter-spacing:.08em; }
#sonaluma-onepage .slx-process h2 { font-size:clamp(38px,5vw,72px); line-height:1.08; font-weight:400; letter-spacing:-.035em; margin:16px 0 28px; }
#sonaluma-onepage .slx-process-intro { max-width:670px; font-size:17px; line-height:1.75; color:#c9c6ce; }
#sonaluma-onepage .slx-process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; list-style:none; margin:56px 0 0; padding:0; }
#sonaluma-onepage .slx-process-step { position:relative; --step-delay:0ms; }
#sonaluma-onepage .slx-process-step:nth-child(2) { --step-delay:160ms; }
#sonaluma-onepage .slx-process-step:nth-child(3) { --step-delay:320ms; }
#sonaluma-onepage .slx-process-number { display:block; width:max-content; font-size:64px; line-height:1.1; font-weight:400; letter-spacing:-.05em; background:linear-gradient(120deg,#9242dc,#e376d6); color:#c55cdd; }
@supports (background-clip:text) {
  #sonaluma-onepage .slx-process-number { background-clip:text; color:transparent; }
}
#sonaluma-onepage .slx-process-line { position:absolute; top:35px; left:104px; right:-20px; height:1px; background:#363039; }
#sonaluma-onepage .slx-process-line::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#9242dc,#e376d6); transform-origin:left; }
#sonaluma-onepage .slx-process-detail { margin-top:24px; max-width:355px; }
#sonaluma-onepage .slx-process h3 { margin:0 0 16px; font-size:25px; font-weight:400; line-height:1.2; }
#sonaluma-onepage .slx-process-detail p { font-size:16px; line-height:1.75; color:#c9c6ce; }
#sonaluma-onepage .slx-process.is-enhanced .slx-process-number,
#sonaluma-onepage .slx-process.is-enhanced .slx-process-detail { transition:opacity .65s ease var(--step-delay),transform .65s cubic-bezier(.2,.7,.2,1) var(--step-delay); }
#sonaluma-onepage .slx-process.is-enhanced .slx-process-step:not(.is-visible) .slx-process-number,
#sonaluma-onepage .slx-process.is-enhanced .slx-process-step:not(.is-visible) .slx-process-detail { opacity:0; transform:translateY(20px); }
#sonaluma-onepage .slx-process.is-enhanced .slx-process-line::after { transition:transform .8s ease calc(var(--step-delay) + 250ms); }
#sonaluma-onepage .slx-process.is-enhanced .slx-process-step:not(.is-visible) .slx-process-line::after { transform:scaleX(0); }
@media(max-width:760px) {
  #sonaluma-onepage .slx-process { padding:56px 24px calc(var(--footer-space) + 40px); }
  #sonaluma-onepage .slx-process-intro { font-size:15px; }
  #sonaluma-onepage .slx-process-steps { grid-template-columns:1fr; gap:0; margin-top:48px; }
  #sonaluma-onepage .slx-process-step { display:grid; grid-template-columns:64px minmax(0,1fr); gap:24px; padding-bottom:48px; }
  #sonaluma-onepage .slx-process-step:last-child { padding-bottom:0; }
  #sonaluma-onepage .slx-process-step:nth-child(n) { --step-delay:0ms; }
  #sonaluma-onepage .slx-process-number { font-size:48px; }
  #sonaluma-onepage .slx-process-detail { margin-top:5px; max-width:none; }
  #sonaluma-onepage .slx-process h3 { font-size:23px; }
  #sonaluma-onepage .slx-process-detail p { font-size:15px; }
  #sonaluma-onepage .slx-process-line { top:68px; bottom:16px; left:28px; right:auto; width:1px; height:auto; }
  #sonaluma-onepage .slx-process-line::after { transform-origin:top; background:linear-gradient(180deg,#9242dc,#e376d6); }
  #sonaluma-onepage .slx-process.is-enhanced .slx-process-step:not(.is-visible) .slx-process-line::after { transform:scaleY(0); }
}
@media(prefers-reduced-motion:reduce), print {
  #sonaluma-onepage .slx-process.is-enhanced .slx-process-number,
  #sonaluma-onepage .slx-process.is-enhanced .slx-process-detail,
  #sonaluma-onepage .slx-process.is-enhanced .slx-process-line::after { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Language selection stays above the video and scrolling content. */
.slx-language { position:fixed; top:max(12px,env(safe-area-inset-top)); right:max(20px,env(safe-area-inset-right)); z-index:8; display:flex; align-items:center; gap:2px; padding:0 6px; background:rgba(0,0,0,.72); border:1px solid rgba(255,255,255,.18); border-radius:999px; font:400 11px/1 Arial,Helvetica,sans-serif; letter-spacing:.04em; }
.slx-language a { display:inline-flex; justify-content:center; align-items:center; min-width:40px; min-height:44px; color:#a9a4ad; text-decoration:none; }
.slx-language a[aria-current="page"], .slx-language a:hover { color:#fff; }
.slx-language span { color:#726c79; }
.slx-language a:focus-visible { outline-offset:-3px; border-radius:999px; }
@media(max-width:560px) {
  .slx-language { right:max(12px,env(safe-area-inset-right)); top:max(8px,env(safe-area-inset-top)); }
  #sonaluma-onepage .slx-spectrum-hero { padding-top:max(72px,env(safe-area-inset-top)); }
  .legal-header { padding-top:64px; }
  .legal-body > .legal-page { padding-top:72px; }
}
@media print { .slx-language { display:none; } }

.slx-language-suggestion { position:fixed; z-index:8; top:max(68px,calc(env(safe-area-inset-top) + 56px)); right:max(20px,env(safe-area-inset-right)); width:220px; display:flex; gap:8px; align-items:flex-start; justify-content:space-between; padding:12px 8px 8px 16px; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:rgba(0,0,0,.9); font:400 12px/1.5 Arial,Helvetica,sans-serif; }
.slx-language-suggestion[hidden] { display:none; }
.slx-language-suggestion p { margin:0; color:#c9c6ce; }
.slx-language-suggestion a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; color:#fff; }
.slx-language-suggestion button { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0; background:none; border:0; color:#b8b2bf; font:400 22px/1 Arial,Helvetica,sans-serif; cursor:pointer; }
.slx-language-suggestion button:hover { color:#fff; }
.slx-language-suggestion button:focus-visible { outline:2px solid #fff; outline-offset:-4px; border-radius:8px; }
@media(max-width:1024px) { .slx-language-suggestion { top:164px; right:12px; max-width:calc(100vw - 24px); } }
@media print { .slx-language-suggestion { display:none; } }