/* Union Project: photographic layout and native scroll motion. */
*, *::before, *::after { box-sizing: border-box; }
:root { --nav-height:72px; --pearl:#f2f3ef; --stone:#dde0d5; --graphite:#252b28; --bronze:#836a53; }
html { scroll-behavior: smooth; overflow-x: clip; scroll-padding-top: calc(var(--nav-height) + 24px); -webkit-text-size-adjust: 100%; }
img { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
button { font: inherit; }
body.lumera-home {
  --ink: #252b28; --muted: #56605a; --paper: #fff; --paper-2: #dde0d5;
  --font-display: 'DM Sans', Arial, sans-serif; --font-text: 'DM Sans', Arial, sans-serif;
  margin: 0; color: var(--ink); background: #f2f3ef; font-family: var(--font-text); line-height: 1.55; overflow-x: clip; -webkit-font-smoothing: antialiased;
}
body.lumera-home::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 85% 15%,#c8d0ba66,transparent 55%),radial-gradient(ellipse at 5% 80%,#d9ded188,transparent 55%); }
html.nav-lock, html.nav-lock body { overflow: hidden; }
.lumera-home .skip-link { position: fixed; top: -90px; left: 20px; z-index: 200; background: white; padding: 12px 20px; }
.lumera-home .skip-link:focus { top: 20px; }
.lumera-home .header-inner, .lumera-home .header-actions, .lumera-home .lang-switch, .lumera-home .nav-list { display: flex; align-items: center; }
.lumera-home .header-inner { justify-content: space-between; margin-inline: auto; }
.lumera-home .nav-list { list-style: none; margin: 0; padding: 0; }
.lumera-home .brand { display: block; flex-shrink: 0; }
.lumera-home .lang-btn { cursor: pointer; }
.lumera-home .burger { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 44px; height: 44px; background: transparent; border: 0; padding: 0; cursor: pointer; flex-shrink: 0; }
.lumera-home .burger-bar { width: 25px; height: 1.5px; display: block; }
.lumera-home .nav-backdrop { display: none; position: fixed; inset: 0; z-index: 49; background: #252b2855; }
.lumera-home.nav-open .nav-backdrop { display: block; }
.lumera-home #main { margin: 0; padding: 0; position: relative; }
.lumera-home h1, .lumera-home h2, .lumera-home h3 { font-family: var(--font-display); color: inherit; font-weight: 500; letter-spacing: -.045em; }
.lumera-home h2 { font-size: clamp(34px, 3.8vw, 68px); line-height: 1.16; }
.lumera-home a { color: inherit; }
.lumera-home button { color: inherit; font: inherit; }
.lumera-home button, .lumera-home a { -webkit-tap-highlight-color: transparent; }
.lumera-home :focus-visible { outline: 2px solid #836a53; outline-offset: 6px; }
.lx-wrap { width: 90%; max-width: 1800px; margin-inline: auto; padding: 0; }
#headerHost { position:sticky; top:0; height:var(--nav-height); z-index:50; background:var(--pearl); }
.lumera-home .site-header, .lumera-home .site-header.is-scrolled {
  position: relative; height:var(--nav-height); background:rgba(242,243,239,.92); border:0;
  box-shadow:none; backdrop-filter:blur(18px); color:var(--graphite); z-index:50;
}
.lumera-home .site-header.is-scrolled { color:#252b28; background:rgba(242,243,239,.82); box-shadow:0 6px 24px #25312610; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid #ffffffa0; }
.lumera-home .site-header.is-scrolled .brand-logo { filter:none; }
.lumera-home .site-header.is-scrolled .nav-link, .lumera-home .site-header.is-scrolled .lang-btn, .lumera-home .site-header.is-scrolled .lang-btn.is-active { color:#252b28; }
.lumera-home .site-header.is-scrolled .lang-btn.is-active { border-color:#252b28; }
.lumera-home .site-header.is-scrolled .burger { color:#252b28; }
.lumera-home .site-header::before, .lumera-home .site-header::after, .lumera-home .header-progress { display: none; }
.lumera-home .header-inner { width: 90%; max-width: 1800px; padding: 0; height:var(--nav-height); gap:32px; }
.lumera-home .brand-logo { width:auto; height:46px; max-height:46px; object-fit:contain; filter:none; }
.lumera-home .nav-item:first-child { display: none; }
.lumera-home .nav-list { gap: clamp(18px, 2.5vw, 40px); }
.lumera-home .nav-link, .lumera-home .nav-link.is-active, .lumera-home .nav-link:hover { color:var(--graphite); background:none; padding:8px 0; font-size:15px; font-weight:500; border:0; }
.lumera-home .nav-link { position:relative; }
.lumera-home .nav-link::after { content:''; position:absolute; left:0; right:0; bottom:3px; height:1px; background:var(--bronze); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.lumera-home .nav-link:hover::after, .lumera-home .nav-link:focus-visible::after, .lumera-home .nav-link[aria-current="page"]::after { transform:scaleX(1); }
.lumera-home .header-phone, .lumera-home .icon-whatsapp { display: none; }
.lumera-home .header-actions { gap: 18px; }
.lumera-home .lang-switch { background: none; border: 0; padding: 0; gap: 0; }
.lumera-home .lang-btn { padding:8px; min-width:44px; min-height:44px; color:var(--graphite); font-size:11px; background:transparent; border:0; opacity:.75; }
.lumera-home .lang-btn.is-active { color:var(--graphite); opacity:1; background:transparent; border-bottom:1px solid var(--bronze); }
.lumera-home .header-whatsapp { display:flex; align-items:center; gap:22px; border:0; border-radius:999px; padding:7px 7px 7px 20px; background:var(--graphite); color:#f5f7f1; font-size:14px; font-weight:500; white-space:nowrap; box-shadow:none; }
.lumera-home .header-whatsapp::after { content:'→'; width:32px; height:32px; border-radius:50%; background:var(--stone); color:var(--graphite); display:grid; place-items:center; font-size:22px; }
.lumera-home .header-whatsapp:hover { background:#3e4940; color:#fff; transform:none; }
.lx-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 54px; padding: 8px 8px 8px 23px; border: 1px solid currentColor; border-radius: 999px; text-decoration: none; font-size: 15px; font-weight: 500; transition: background .25s, transform .25s; }
.lx-button i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; font-size: 22px; font-style: normal; border-radius: 50%; }
.lx-button:hover { transform: translateY(-3px); }
.lx-button:active { transform: translateY(0) scale(.98); }
.lx-button-light { background: #fff; color: #252b28 !important; border-color: #fff; }
.lx-button-light i { background: #252b28; color: #fff; }
.lx-button-dark { background: #252b28; color: #fff !important; border-color: #252b28; }
.lx-button-dark i { background: #fff; color: #252b28; }
.lx-button-outline { color: #252b28; background: transparent; }
.lx-button-outline i { color: #fff; background: #252b28; }
.lx-button-outline-light { color: #fff; background: transparent; }
.lx-button-outline-light i { color: #252b28; background: #fff; }
.lx-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.lx-text-link { display: inline-flex; justify-content: space-between; gap: 40px; border-bottom: 1px solid #aaa49b; padding-bottom: 9px; font-size: 16px; }
.lx-text-link span:last-child { font-size: 22px; }
.lx-kicker { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }

/* A single sticky scene, controlled by the document scrollbar. */
.lx-video-story { height: 300svh; position: relative; color: #fff; background: #526975; }
.lx-video-sticky { height:calc(100svh - var(--nav-height)); position:sticky; top:var(--nav-height); overflow:hidden; isolation:isolate; }
.lx-construction-video, .lx-video-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 51% center; z-index: -3; }
.lx-video-poster { z-index: -4; }
.lx-construction-video { opacity: 0; transition: opacity .5s; }
.lx-video-story.is-ready .lx-construction-video { opacity: 1; }
.lx-video-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,23,29,.5), transparent 35%, rgba(10,20,24,.54)), linear-gradient(90deg,rgba(12,27,35,.25),transparent 65%); }
.lx-video-opening { position: absolute; left: 5%; right: 5%; bottom: 25%; opacity: var(--opening-opacity, 1); transform: translate3d(0,var(--opening-y,0px),0); pointer-events: none; }
.lx-video-opening .lx-kicker { margin-bottom: 22px; color: rgba(255,255,255,.85); }
.lx-video-title { font-size: clamp(56px, 8.8vw, 162px); line-height: .99; letter-spacing: -.065em !important; margin: 0; color: #fff; font-weight: 500; }
.lx-video-title > span { display: block; }
.lx-video-title > span:last-child { margin-top: 5px; }
.lx-video-bottom { position: absolute; left: 5%; right: 5%; bottom: 4%; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.lx-scroll-cue { display: flex; align-items: center; gap: 18px; max-width: 400px; font-size: 14px; }
.lx-scroll-cue > span:first-child { width: 42px; height: 58px; border: 1px solid rgba(255,255,255,.65); border-radius: 24px; display: grid; place-items: center; font-size: 28px; animation: lx-cue 1.8s ease-in-out infinite; flex-shrink: 0; }
@keyframes lx-cue { 50% { transform: translateY(6px); } }
.lx-video-controls { display: flex; align-items: center; gap: 20px; }
.lx-play { background: rgba(255,255,255,.11); color: #fff; backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.65); border-radius: 999px; min-height: 46px; padding: 10px 18px; cursor: pointer; }
.lx-play::before { content: '▷'; margin-right: 9px; font-size: 16px; }
.lx-play[aria-pressed="true"]::before { content: 'Ⅱ'; }
.lx-video-percent { min-width: 52px; font-variant-numeric: tabular-nums; font-size: 14px; }
.lx-video-progress { position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,.3); }
.lx-video-progress > span { display: block; height: 100%; background: #fff; transform-origin: left; transform: scaleX(var(--video-progress,0)); }
.lx-video-chapters { position: absolute; left: 5%; right: 5%; bottom: 15%; display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; }
.lx-chapter { border: 0; border-top: 1px solid rgba(255,255,255,.35); padding: 14px 0 0; background: none; text-align: left; color: white; cursor: pointer; opacity: .65; transition: opacity .3s; }
.lx-chapter.is-active { opacity: 1; border-top-color: #fff; }
.lx-chapter > span:first-child { font-size: 12px; margin-right: 15px; }
.lx-chapter > span:last-child { font-size: 14px; }
.lx-video-panel { position:absolute; right:5%; top:29%; width:min(480px,40%); padding:34px; border:1px solid rgba(221,224,213,.4); border-radius:20px; background:rgba(37,43,40,.52); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 50px rgba(29,43,34,.14); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); transition:opacity .45s,transform .45s; opacity:0; visibility:hidden; transform:translateY(24px); }
.lx-video-panel.is-active { opacity: 1; visibility: visible; transform: translateY(0); }
.lx-video-panel h2 { font-size: clamp(30px,3.1vw,48px); line-height: 1.1; margin: 0 0 20px; }
.lx-video-panel p { color: rgba(255,255,255,.88); line-height: 1.6; margin-bottom: 24px; font-size: 16px; }
.lx-video-status { position: absolute; right: 5%; top: 105px; font-size: 12px; color: #fff; }
.lx-video-status:empty { display: none; }

.lx-about { background: rgba(218,223,211,.55); padding: 110px 0 80px; }
.lx-split-heading { display: grid; grid-template-columns: 1.15fr 1fr; gap: 10%; }
.lx-split-heading h2 { white-space: pre-line; margin: 0; }
.lx-about-copy { font-size: 18px; line-height: 1.55; padding-top: 9px; }
.lx-about-copy p + p { margin-top: 22px; }
.lx-oval-gallery { display: flex; justify-content: space-between; align-items: center; min-height: 430px; gap: 5%; margin-top: 105px; }
.lx-oval { display: block; flex: 0 0 12.8%; height: min(16vw,230px); border-radius: 999px; border: 1px solid #98856b; overflow: hidden; padding: 0; cursor: pointer; background: #aeb6a6; transform-origin: 0 0; }
.lx-oval.is-active { flex-basis: 23.3%; height: min(29vw,430px); }
.lx-oval img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.lx-oval:hover img { transform: scale(1.05); }
.lx-gallery-caption { text-align: center; max-width: 430px; margin: 24px auto 0; min-height: 118px; }
.lx-gallery-caption h3 { font-size: 30px; margin-bottom: 10px; letter-spacing: -.025em; }
.lx-gallery-caption p { font-size: 14px; line-height: 1.6; }
.lx-gallery-controls { display: flex; gap: 25px; align-items: center; justify-content: center; margin-top: 18px; }
.lx-circle { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #626b60; border-radius: 50%; background: transparent; font-size: 23px !important; cursor: pointer; }
.lx-circle:hover { background: #fff6; }
.lx-gallery-count { font-size: 12px; font-variant-numeric: tabular-nums; }

.lx-projects { background: #e4e6df; }
.lx-project-rail { overflow: clip; }
.lx-project-track { display: flex; width: max-content; }
.lx-project-intro { width: 48vw; min-width: 440px; padding: 90px 6vw; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.46); }
.lx-project-intro h2 { max-width: 600px; margin: 30px 0 45px; }
.lx-project-intro .lx-text-link { align-self: start; }
.lx-rail-hint { display: flex; justify-content: space-between; margin-top: 70px; font-size: 13px; gap: 40px; }
.lx-project-panel { display:grid; grid-template-columns:46% 54%; width:92vw; height:calc(100svh - var(--nav-height)); min-height:650px; }
.lx-project-image { overflow: hidden; }
.lx-project-image > img { width: 100%; height: 100%; object-fit: cover; }
.lx-project-info { padding: clamp(35px,4vw,75px); display: flex; flex-direction: column; justify-content: start; align-items: start; background:rgba(255,255,255,.45); backdrop-filter:blur(14px); }
.lx-project-number { font-size: clamp(52px,5.5vw,84px); letter-spacing: -.06em; line-height: 1; }
.lx-project-info h3 { font-size: clamp(34px,3.6vw,60px); line-height: 1.12; margin: 32px 0 35px; }
.lx-project-info > p { max-width: 620px; font-size: 18px; line-height: 1.6; }
.lx-project-tags { display: flex; gap: 30px; padding-top: 24px; margin-bottom: 30px; font-size: 14px; }
.lx-project-tags > span + span { border-left: 1px solid #c9cfc3; padding-left: 30px; }
.lx-project-miniatures { display: flex; gap: 12px; margin-top: auto; margin-bottom: 25px; }
.lx-project-miniatures img { width: 82px; height: 82px; border-radius: 10px; object-fit: cover; }
.lx-project-progress { height: 2px; background: #ccd3c7; }
.lx-project-progress span { height: 100%; display: block; background: #252b28; transform-origin: left; transform: scaleX(var(--rail-progress,0)); }
.lx-projects.is-scroll-story .lx-project-sticky { position:sticky; top:var(--nav-height); height:var(--rail-height); }
.lx-projects.is-scroll-story .lx-project-rail { overflow:clip; height:calc(var(--rail-height) - 2px); }
.lx-projects.is-scroll-story .lx-project-track { height:100%; }
.lx-projects.is-scroll-story .lx-project-panel { height:100%; min-height:0; }
.lx-projects.is-scroll-story .lx-project-track { will-change: transform; transform: translate3d(var(--rail-x,0px),0,0); }

.lx-story { background: #252b28; color: #fff; padding: 90px 0 110px; overflow: hidden; }
.lx-story-strip { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; }
.lx-story-strip img { width: 100%; height: clamp(120px,20vw,300px); object-fit: cover; border-radius: 26px; transform: translate3d(0,var(--strip-y,0px),0); }
.lx-manifesto { text-align: center; max-width: 1140px; margin: 190px auto 160px; font-size: clamp(32px,3.8vw,68px); font-weight: 400 !important; line-height: 1.25 !important; }
.lx-manifesto span { transition: opacity .15s; }
.lx-story-composition { position: relative; display: grid; grid-template-columns: 1.3fr .8fr; gap: 60px 14%; isolation: isolate; }
.lx-story-wordmark { position: absolute; left: 0; right: 0; top: 20%; color: #ffffff0d; font-size: 20vw; text-align: center; font-weight: 500; line-height: 1.12; letter-spacing: -.08em; pointer-events: none; z-index: -1; transform: translate3d(var(--wordmark-x,0px),0,0); }
.lx-story-card { position: relative; margin: 0; overflow: hidden; border-radius: 28px; transform: translate3d(0,var(--card-y,0px),0); }
.lx-story-card img { width: 100%; height: 100%; object-fit: cover; transform: translate3d(0,var(--image-y,0px),0) scale(1.24); }
.lx-story-card-a { grid-column: 1; grid-row: 1; height: 460px; }
.lx-story-card-b { grid-column: 2; grid-row: 1 / 4; height: 580px; margin-top: 350px; }
.lx-story-card-c { grid-column: 1; grid-row: 3; height: 520px; margin-top: 40px; }
.lx-story-card figcaption { position: absolute; top: 24px; left: 24px; padding: 13px 18px; min-width: 180px; color: #252b28; background: #d5d9c8a6; backdrop-filter: blur(18px); border-radius: 10px; font-size: 16px; }
.lx-story-note { max-width: 520px; font-size: 18px; line-height: 1.6; grid-column: 1; grid-row: 2; margin: 0; }
.lx-refinement { padding-block: 100px; background:rgba(255,255,255,.32); }
.lx-refinement h2 { margin: 0; padding-bottom: 42px; border-bottom: 1px solid #d0d7cb; }
.lx-refinement-intro { display: grid; grid-template-columns: .85fr 1.3fr; gap: 10%; margin: 50px 0 70px 23%; align-items: start; }
.lx-refinement-intro .lx-button { justify-self: start; white-space: nowrap; }
.lx-refinement-intro p { font-size: 18px; line-height: 1.65; }
.lx-refinement-images { display: grid; gap: 100px; }
/* Scroll Reveal Image by Unlumen: width 40% -> 95%, zoom 1.6 -> 1. */
.lx-scroll-reveal { position: relative; width: 95%; height: 80svh; min-height: 380px; max-height: 1000px; margin: 0 auto; overflow: hidden; border-radius: 22px; }
.lx-scroll-reveal-inner { position: absolute; left: 50%; width: 95vw; height: 100%; transform: translate3d(-50%,0,0); transform-origin: 50% 50%; }
.lx-scroll-reveal img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lx-features { background: rgba(218,223,211,.58); padding: 100px 0; }
.lx-features h2 { margin-bottom: 30px; }
.lx-features-lead { max-width: 550px; font-size: 18px; }
.lx-features-grid { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 6%; margin-top: 85px; align-items: center; }
.lx-feature { display: flex; width: 100%; align-items: center; gap: 25px; min-height: 108px; padding: 20px 0; border: 0; border-bottom: 1px solid #a7afa0; background: transparent; text-align: left; font-size: 16px !important; line-height: 1.4; cursor: pointer; opacity: .82; transition: opacity .25s; }
.lx-feature > span:first-child { min-width: 26px; font-size: 13px; }
.lx-feature.is-active, .lx-feature:hover { opacity: 1; }
.lx-feature.is-active > span:last-child { text-decoration: underline; text-underline-offset: 7px; }
.lx-feature-figure { margin: 0; }
.lx-feature-media { overflow: hidden; border-radius: 24px; }
.lx-feature-figure img { width: 100%; height: clamp(380px,43vw,650px); object-fit: cover; }
.lx-feature-figure figcaption { min-height: 90px; margin-top: 18px; font-size: 14px; }
.lx-faq { padding-block: 120px; }
.lx-faq h2 { margin: 0 0 70px; }
.lx-faq-list details { border: 1px solid #ffffffb0; border-radius: 16px; margin-top: 15px; background:#ffffff55; backdrop-filter:blur(16px); }
.lx-faq-list details[open] { border-color: transparent; background: #dde0d5; }
.lx-faq-list summary { position: relative; cursor: pointer; list-style: none; font-size: 21px; font-weight: 500; padding: 25px 80px 25px 32px; }
.lx-faq-list summary::-webkit-details-marker { display: none; }
.lx-faq-list summary::after { content: '+'; position: absolute; right: 24px; top: 22px; width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid #252b28; border-radius: 50%; font-size: 25px; font-weight: 400; }
.lx-faq-list details[open] summary::after { content: '−'; }
.lx-faq-list p { padding: 0 32px 28px; max-width: 1000px; font-size: 16px; line-height: 1.65; }
.lx-contact { padding-bottom: 90px; }
.lx-contact-box { border: 1px solid #ffffffd0; border-radius: 36px; padding: 65px 3vw 42px; text-align: center; background:#ffffff66; box-shadow:inset 0 1px 0 #fff,0 24px 65px #2431260c; backdrop-filter:blur(20px); }
.lx-contact-box h2 { max-width: 850px; margin: 0 auto 30px; white-space: pre-line; }
.lx-contact-box > p { max-width: 650px; margin: 0 auto 40px; font-size: 18px; }
.lx-contact-box .lx-actions { justify-content: center; }
.lx-contact-images { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 50px; }
.lx-contact-images img { width: 100%; height: 215px; border-radius: 18px; object-fit: cover; }
.lx-footer { background: #dde0d5; padding: 65px 0 25px; }
.lx-footer-top { display: flex; justify-content: space-between; gap: 50px; }
.lx-footer-top > div:first-child { display: flex; flex-direction: column; gap: 8px; font-size: 23px; }
.lx-footer-address { max-width: 330px; display: flex; flex-direction: column; gap: 20px; font-size: 15px; }
.lx-footer-wordmark { font-size: 9.5vw; line-height: 1; font-weight: 500; letter-spacing: -.065em; display: flex; justify-content: space-between; margin: 85px 0 60px; }
.lx-footer-wordmark > span { font-size: .7em; font-weight: 400; }
.lx-footer-bottom { border-top: 1px solid #c7cebf; padding-top: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; font-size: 12px; }
.lx-source-credit { font-size: 11px; opacity: .65; margin-top: 16px; }

@media (min-width:900px) and (max-height:850px) {
  .lx-project-info { padding:28px 36px; }
  .lx-project-number { font-size:56px; }
  .lx-project-info h3 { font-size:clamp(32px,3vw,44px); line-height:1.08; margin:18px 0; }
  .lx-project-info > p { font-size:16px; line-height:1.55; margin-bottom:12px; }
  .lx-project-tags { padding-top:12px; margin-bottom:18px; font-size:12px; gap:18px; }
  .lx-project-tags > span + span { padding-left:18px; }
  .lx-project-miniatures { margin-bottom:18px; }
  .lx-project-miniatures img { width:56px; height:56px; }
  .lx-project-info .lx-text-link { font-size:14px; }
}
@media (max-width: 1100px) {
  .lumera-home .burger { display:flex; color:var(--graphite); }
  .lumera-home .burger-bar { background: currentColor; }
  .lumera-home .header-inner { gap: 20px; }
  .lumera-home .header-actions { margin-left: auto; }
  .lumera-home .main-nav { display: block; position: fixed; inset: 0 0 0 auto; width: min(380px,85vw); height: 100dvh; background: #dde0d5; padding: 110px 35px 40px; transform: translateX(110%); visibility: hidden; transition: transform .35s, visibility 0s linear .35s; z-index: 2; }
  .lumera-home .nav-list { display: flex; flex-direction: column; gap: 15px; }
  .lumera-home .nav-link, .lumera-home .nav-link.is-active, .lumera-home .nav-link:hover { color: #252b28; font-size: 26px; }
  .lumera-home.nav-open .main-nav { transform: translateX(0); visibility: visible; transition: transform .35s, visibility 0s; }
  .lumera-home.nav-open .burger { z-index: 3; color: #252b28; }
  /* backdrop-filter makes the header the containing block for the fixed menu, which then
     opens off-screen after scrolling. Use a solid header on small screens instead. */
  .lumera-home .site-header, .lumera-home .site-header.is-scrolled { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .lumera-home .site-header.is-scrolled { background: rgba(242,243,239,.97); }
  .lx-refinement-intro { margin-left: 0; }
  .lx-refinement-images { margin-left: 0; }
  .lx-video-title { font-size: 9.5vw; }
}
@media (max-width: 899px) {
  .lx-split-heading { gap: 7%; }
  .lx-about-copy { font-size: 16px; }
  .lx-oval-gallery { min-height: 300px; }
  .lx-project-intro { min-width: 0; width: 78vw; padding: 55px 6vw; }
  .lx-project-panel { width: 90vw; min-height: 0; height: auto; display: flex; flex-direction: column; }
  .lx-project-image { height: 430px; }
  .lx-project-info { min-height: 540px; padding: 35px; }
  .lx-project-info h3 { margin: 25px 0; }
  .lx-project-info p { font-size: 16px; }
  .lx-project-intro h2 { font-size: 36px; }
  .lx-project-rail { scroll-snap-type: x mandatory; }
  .lx-project-panel, .lx-project-intro { scroll-snap-align: start; }
  .lx-story-composition { gap: 45px 7%; }
  .lx-story-card-a { height: 340px; }
  .lx-story-card-b { height: 430px; margin-top: 250px; }
  .lx-story-card-c { height: 380px; }
  .lx-story-card figcaption { left: 15px; top: 15px; padding: 10px 12px; min-width: 0; font-size: 13px; }
  .lx-features-grid { grid-template-columns: 1fr 1.25fr; gap: 30px; }
  .lx-feature-figure { grid-column: 2; grid-row: 1 / 3; }
  .lx-feature-figure img { height: 620px; }
  .lx-feature { min-height: 80px; }
  .lx-contact-images { gap: 12px; }
  .lx-contact-images img { height: 160px; }
}
@media (max-width: 600px) {
  :root { --nav-height:68px; }
  .lx-wrap { width: 89%; }
  .lumera-home h2 { font-size: 35px; }
  .lumera-home .header-inner { width:89%; height:var(--nav-height); gap:10px; }
  .lumera-home .brand-logo { width:auto; height:44px; max-height:44px; }
  .lumera-home .burger { width:44px; height:44px; }
  .lumera-home .header-whatsapp { display: none; }
  .lumera-home .header-actions { margin-left: auto; }
  .lx-video-story { height: 280svh; }
  .lx-video-sticky { min-height: 0; }
  .lx-video-opening { left: 5.5%; right: 5.5%; bottom: 31%; }
  .lx-video-title { font-size: 11vw; line-height: 1.06; }
  .lx-video-opening .lx-kicker { font-size: 10px; letter-spacing: .1em; margin-bottom: 24px; }
  .lx-video-chapters { left: 5.5%; right: 5.5%; bottom: 18%; gap: 12px; grid-template-columns: repeat(4,1fr); }
  .lx-chapter { padding-top: 10px; }
  .lx-chapter > span { display: block; }
  .lx-chapter > span:first-child { font-size: 10px; margin: 0 0 5px; }
  .lx-chapter > span:last-child { font-size: 10px; line-height: 1.4; }
  .lx-video-bottom { left: 5.5%; right: 5.5%; bottom: 4%; gap: 15px; align-items: center; }
  .lx-scroll-cue { font-size: 11px; gap: 10px; max-width: 170px; }
  .lx-scroll-cue > span:first-child { width: 28px; height: 41px; font-size: 20px; }
  .lx-video-controls { gap: 10px; flex-shrink: 0; }
  .lx-play { font-size: 11px !important; padding: 8px 12px; min-height: 40px; }
  .lx-play::before { margin-right: 5px; }
  .lx-video-percent { display: none; }
  .lx-video-panel { top: 24%; width: auto; left: 5.5%; right: 5.5%; padding: 25px; border-radius: 18px; }
  .lx-video-panel h2 { font-size: 34px; }
  .lx-video-panel p { font-size: 14px; margin-bottom: 20px; }
  .lx-video-panel .lx-button { font-size: 13px; min-height: 46px; }
  .lx-video-status { right: 5.5%; top: 90px; font-size: 10px; }
  .lx-about { padding: 80px 0 60px; }
  .lx-split-heading { grid-template-columns: 1fr; gap: 27px; }
  .lx-about-copy { font-size: 16px; }
  .lx-oval-gallery { min-height: 250px; margin-top: 45px; gap: 3%; }
  .lx-oval { flex-basis: 11.7%; height: 110px; }
  .lx-oval.is-active { flex-basis: 40%; height: 245px; }
  .lx-gallery-caption { margin-top: 25px; min-height: 140px; }
  .lx-gallery-caption h3 { font-size: 26px; }
  .lx-gallery-caption p { max-width: 300px; margin-inline: auto; }
  .lx-project-image { height: 340px; }
  .lx-project-info { min-height: 510px; padding: 30px 25px; }
  .lx-project-intro { width:78vw; justify-content:start; padding-top:60px; }
  .lx-project-number { font-size: 50px; }
  .lx-project-info h3 { font-size: 33px; }
  .lx-project-miniatures img { width: 65px; height: 65px; }
  .lx-story { padding: 55px 0 65px; }
  .lx-story-strip { gap: 10px; grid-template-columns: repeat(3,1fr); }
  .lx-story-strip img { height: 130px; border-radius: 16px; }
  .lx-story-strip img:nth-child(n+4) { display: none; }
  .lx-manifesto { margin: 90px auto 70px; font-size: 31px !important; line-height: 1.25 !important; }
  .lx-story-composition { display: flex; flex-direction: column; gap: 30px; }
  .lx-story-card { border-radius: 20px; }
  .lx-story-card-a { height: 310px; width: 88%; }
  .lx-story-card-b { height: 340px; width: 70%; margin-top: 15px; align-self: end; }
  .lx-story-card-c { height: 310px; width: 90%; margin-top: 10px; }
  .lx-story-note { font-size: 16px; max-width: 88%; }
  .lx-story-wordmark { font-size: 28vw; top: 30%; }
  .lx-refinement { padding-block: 80px; }
  .lx-refinement h2 { padding-bottom: 30px; }
  .lx-refinement-intro { display: flex; flex-direction: column-reverse; gap: 25px; margin: 30px 0; }
  .lx-refinement-intro p { font-size: 16px; }
  .lx-refinement-images { gap: 45px; }
  .lx-scroll-reveal { height: 65svh; min-height: 340px; }
  .lx-features { padding: 70px 0; }
  .lx-features-lead { font-size: 16px; }
  .lx-features-grid { display: flex; flex-direction: column; gap: 25px; margin-top: 35px; }
  .lx-feature-list { width: 100%; }
  .lx-feature { min-height: 70px; font-size: 15px !important; }
  .lx-feature-figure { width: 100%; }
  .lx-feature-list .lx-feature-figure { padding:20px 0; }
  .lx-feature-figure img { height: 370px; object-position: center 55%; }
  .lx-feature-figure figcaption { min-height: 65px; }
  .lx-faq { padding-block: 75px; }
  .lx-faq h2 { margin-bottom: 35px; }
  .lx-faq-list summary { font-size: 16px; padding: 22px 56px 22px 18px; }
  .lx-faq-list summary::after { right: 14px; top: 20px; width: 28px; height: 28px; font-size: 20px; }
  .lx-faq-list p { padding: 0 18px 23px; font-size: 14px; }
  .lx-contact { padding-bottom: 60px; }
  .lx-contact-box { border-radius: 24px; padding: 40px 18px 22px; }
  .lx-contact-box h2 { font-size: 31px; }
  .lx-contact-box > p { font-size: 15px; margin-bottom: 28px; }
  .lx-contact-box .lx-actions { gap: 12px; }
  .lx-contact-box .lx-button { font-size: 13px; }
  .lx-contact-images { grid-template-columns: 1fr 1fr; margin-top: 30px; }
  .lx-contact-images img { height: 135px; border-radius: 12px; }
  .lx-footer { padding-top: 45px; }
  .lx-footer-top { flex-direction: column; gap: 30px; }
  .lx-footer-top > div:first-child { font-size: 21px; }
  .lx-footer-wordmark { margin: 55px 0 35px; font-size: 9.7vw; }
  .lx-footer-bottom { font-size: 10px; }
}
/* Ordinary downward scrolling reaches every card, even without the motion script. */
.lx-projects:not(.is-scroll-story) .lx-project-track { display:block; width:100%; }
.lx-projects:not(.is-scroll-story) .lx-project-intro { width:100%; min-width:0; padding:60px 6vw; }
.lx-projects:not(.is-scroll-story) .lx-project-panel { width:100%; height:auto; min-height:0; }
.lx-projects:not(.is-scroll-story) .lx-project-image { height:clamp(280px,45vw,650px); }
.lx-projects:not(.is-scroll-story) .lx-project-info { min-height:0; }
.lx-projects:not(.is-scroll-story) .lx-project-miniatures { margin-top:25px; }
.lx-projects:not(.is-scroll-story) .lx-project-progress,
.lx-projects:not(.is-scroll-story) .lx-rail-hint { display:none; }
@media (min-width:700px) and (max-width:899px) {
  .lx-projects.is-scroll-story .lx-project-panel { display:grid; grid-template-columns:46% 54%; }
  .lx-projects.is-scroll-story .lx-project-image { height:100%; }
  .lx-projects.is-scroll-story .lx-project-info { min-height:0; padding:28px; }
  .lx-projects.is-scroll-story .lx-project-number { font-size:48px; }
  .lx-projects.is-scroll-story .lx-project-info h3 { font-size:34px; margin:18px 0; }
  .lx-projects.is-scroll-story .lx-project-tags { font-size:12px; gap:14px; margin-bottom:18px; padding-top:12px; }
  .lx-projects.is-scroll-story .lx-project-tags > span + span { padding-left:14px; }
  .lx-projects.is-scroll-story .lx-project-miniatures img { width:48px; height:48px; }
}
@media (max-width:699px) {
  .lx-projects.is-scroll-story .lx-project-intro { padding:36px 7vw; justify-content:center; }
  .lx-projects.is-scroll-story .lx-project-intro h2 { font-size:34px; margin:24px 0; }
  .lx-projects.is-scroll-story .lx-project-panel { display:grid; grid-template-rows:30% minmax(0,1fr); grid-template-columns:1fr; }
  .lx-projects.is-scroll-story .lx-project-image { height:100%; min-height:0; }
  .lx-projects.is-scroll-story .lx-project-info { min-height:0; padding:20px 24px; }
  .lx-projects.is-scroll-story .lx-project-number { font-size:36px; }
  .lx-projects.is-scroll-story .lx-project-info h3 { font-size:29px; line-height:1.08; margin:12px 0; }
  .lx-projects.is-scroll-story .lx-project-info > p { font-size:14px; line-height:1.5; margin-bottom:12px; }
  .lx-projects.is-scroll-story .lx-project-tags { font-size:11px; gap:12px; margin-bottom:16px; padding-top:0; }
  .lx-projects.is-scroll-story .lx-project-tags > span + span { padding-left:12px; }
  .lx-projects.is-scroll-story .lx-project-miniatures { margin-bottom:16px; gap:8px; }
  .lx-projects.is-scroll-story .lx-project-miniatures img { width:42px; height:42px; }
  .lx-projects.is-scroll-story .lx-text-link { font-size:13px; }
}
@media (max-height:720px) {
  .lx-projects.is-scroll-story .lx-project-miniatures { display:none; }
  .lx-projects.is-scroll-story .lx-project-info .lx-text-link { margin-top:auto; }
  .lx-projects.is-scroll-story .lx-project-intro { padding-block:28px; }
  .lx-projects.is-scroll-story .lx-rail-hint { margin-top:35px; }
}
@media (prefers-reduced-motion: reduce) {
  .lumera-home *, .lumera-home *::before, .lumera-home *::after { animation: none !important; transition: none !important; }
  .lx-video-story { height: 115svh; }
  .lx-video-chapters { display: none; }
  .lx-video-opening { opacity: 1 !important; transform: none !important; }
  .lx-story-card, .lx-story-card img, .lx-story-strip img, .lx-story-wordmark { transform: none; }
}

/* Simple hero (replaces the scroll-driven video, 12.11.2026) */
.lx-hero { position: relative; min-height: min(calc(100svh - var(--nav-height)), 900px); display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: #26343b; overflow: hidden; isolation: isolate; }
.lx-hero-slides, .lx-hero-shade { position: absolute; inset: 0; z-index: -1; }
.lx-hero-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s ease; }
.lx-hero-slide.is-active { opacity: 1; }
.lx-hero-shade { background: linear-gradient(180deg, rgba(10,18,22,.3) 0%, rgba(10,18,22,.1) 30%, rgba(10,18,22,.78) 100%), linear-gradient(90deg, rgba(10,18,22,.45) 0%, rgba(10,18,22,0) 60%); }
.lx-hero-content { padding-bottom: 40px; }
.lx-hero-content .lx-kicker { margin: 0 0 20px; color: rgba(255,255,255,.85); }
.lx-hero-title { margin: 0; font-size: clamp(48px, 8vw, 140px); line-height: .98; letter-spacing: -.06em !important; color: #fff; font-weight: 500; }
.lx-hero-title > span { display: block; }
.lx-hero-lead { max-width: 520px; margin: 24px 0 32px; font-size: clamp(16px, 1.3vw, 19px); color: rgba(255,255,255,.88); }
.lx-hero-content .lx-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.lx-hero-meta { display: flex; justify-content: space-between; align-items: center; padding: 18px 0 28px; border-top: 1px solid rgba(255,255,255,.22); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.lx-hero-dots { display: flex; gap: 8px; }
.lx-hero-dots i { width: 28px; height: 2px; background: rgba(255,255,255,.35); transition: background .4s; }
.lx-hero-dots i.is-active { background: #fff; }
@media (max-width: 640px) { .lx-hero { min-height: calc(100svh - var(--nav-height)); } .lx-hero-content { padding-bottom: 28px; } .lx-hero-content .lx-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .lx-hero-slide { transition: none; } }
/* Audit 12.11: footer links are easier to tap on phones. */
.lx-footer-bottom a { display:inline-block; padding:14px 0; margin:-14px 0; }
/* Audit 12.11: pause control for the hero slideshow (WCAG 2.2.2). Hidden until JS runs the slideshow. */
.lx-hero-controls { display: flex; align-items: center; gap: 14px; }
.lx-hero-pause { width: 44px; height: 44px; margin: -12px -10px -12px 0; display: inline-flex; align-items: center; justify-content: center; border: 0; background: none; color: #fff; cursor: pointer; }
.lx-hero-pause[hidden] { display: none; }
.lx-hero-pause span { width: 10px; height: 12px; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.lx-hero-pause.is-paused span { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent currentColor; }
.lx-hero-pause:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ===== 2026-11-13 design pass: calmer home sections, no scroll-jacking ===== */
/* Dark interiors block: calm 2x2 grid, captions below the photos, no background wordmark. */
.lx-story-composition { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px !important; align-items:stretch; }
.lx-story-note { grid-column:auto !important; grid-row:auto !important; align-self:center; max-width:460px !important; font-size:clamp(18px,1.6vw,24px) !important; line-height:1.5; padding:0 4% 0 0; }
.lx-story-card { grid-column:auto !important; grid-row:auto !important; width:auto !important; height:auto !important; margin:0 !important; transform:none !important; border-radius:22px; display:flex; flex-direction:column; overflow:visible; align-self:stretch !important; }
.lx-story-card img { transform:none !important; aspect-ratio:4 / 3; height:auto; border-radius:22px; }
.lx-story-card figcaption { position:static !important; padding:14px 2px 0 !important; min-width:0 !important; background:none !important; backdrop-filter:none !important; color:#e4e6df !important; font-size:15px !important; }
.lx-story-card-a { order:2; } .lx-story-note { order:1; } .lx-story-card-b { order:3; } .lx-story-card-c { order:4; }
.lx-manifesto { margin:120px auto 100px !important; }
@media (max-width: 680px) {
  .lx-story-composition { grid-template-columns:1fr; gap:24px !important; }
  .lx-manifesto { margin:60px auto 50px !important; }
  .lx-story-note { font-size:17px !important; }
}

/* "Hər detalda bütövlük": text and button on the left, two photos side by side. */
.lx-refinement-intro { display:grid !important; grid-template-columns:minmax(0,1fr) auto; gap:24px 60px !important; margin:40px 0 50px !important; align-items:center !important; }
.lx-refinement-intro p { order:1; max-width:680px; margin:0; }
.lx-refinement-intro .lx-button { order:2; }
.lx-refinement-images { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px !important; max-width:1440px; margin:0 auto !important; padding:0 clamp(16px,4vw,60px); }
.lx-scroll-reveal { width:auto !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:3 / 2; border-radius:22px !important; margin:0 !important; }
.lx-scroll-reveal-inner { position:static !important; width:100% !important; transform:none !important; }
@media (max-width: 680px) {
  .lx-refinement-intro { grid-template-columns:1fr; }
  .lx-refinement-images { grid-template-columns:1fr; gap:18px !important; }
}

/* Readable small text. */
.lumera-home .lang-btn { font-size:13px; }