:root {
  --studio: #0c3f51;
  --studio-sky: #bdd3e2;
  --studio-paper: #f0f0f0;
  --lumera-sage: #c6c09c;
  --lumera-mist: #e2e4da;
  --lumera-ink: #142028;
  --lumera-stone: #6e756e;
  --lumera-paper: #f6f7f4;
  --case-wide: 1440px;
}

/* v4: base.css קובע body{min-width:320px} לעמודי המותג; בעמוד הקייס זה יוצר גלילה אופקית ב-200% זום, ולכן מבוטל כאן */
html:has(body.lumera-case-page), body.lumera-case-page { min-width: 0; }
body.lumera-case-page {
  padding-block-end: 0;
  color: rgba(12, 63, 81, 0.84);
  background: var(--studio-paper);
}

.symbol-sprite { position: absolute; inset: 0; pointer-events: none; }

.lumera-case {
  overflow: clip;
  background: linear-gradient(180deg, #f7f7f4 0%, #f2f3ed 30%, #f8f8f5 62%, #eef0e9 100%);
}

.lumera-case img,
.lumera-case video { display: block; max-width: 100%; height: auto; }
.lumera-case figure { margin: 0; }
.lumera-case .case-section { padding-block: clamp(84px, 10vw, 150px); }
.lumera-case h1,
.lumera-case h2,
.lumera-case h3 { color: var(--studio); text-wrap: balance; }
.lumera-case h2 { max-width: 15ch; margin: 0; font-size: clamp(38px, 5.5vw, 72px); font-weight: 470; letter-spacing: -0.04em; line-height: 1.02; }
.lumera-case h3 { margin: 0; font-size: clamp(27px, 3.2vw, 44px); font-weight: 520; letter-spacing: -0.025em; line-height: 1.06; }

.lumera-case-page .case-nav {
  color: var(--studio);
  background: rgba(240, 240, 240, 0.96);
  border-block-end-color: rgba(12, 63, 81, 0.12);
  backdrop-filter: blur(18px);
}

.lumera-case-page .case-nav .studio-brand-mark { border-color: rgba(12, 63, 81, 0.35); }
.lumera-case-page .case-nav .studio-nav-links a { color: rgba(12, 63, 81, 0.72); }
.lumera-case-page .case-nav .studio-nav-links a:hover { color: var(--studio); }
.lumera-case-page .case-nav .back-link { display: inline-flex; gap: 8px; }
.studio-nav-button { color: var(--studio-paper); background: var(--studio); }
.lumera-case-page .case-nav .nav-toggle { color: var(--studio); border-color: rgba(12, 63, 81, 0.24); }

.case-eyebrow,
.section-label {
  margin: 0 0 18px;
  color: rgba(12, 63, 81, 0.65);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.07em;
}

.section-label-light { color: rgba(246, 247, 244, 0.68); }
.text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  margin-block-start: 22px;
  color: var(--studio);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}
.text-link-light { color: var(--lumera-sage); }

.case-masthead { padding-block: clamp(100px, 13vw, 190px) clamp(52px, 7vw, 88px); }
.masthead-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr); gap: clamp(44px, 8vw, 130px); align-items: end; }
.case-masthead h1 { max-width: 11ch; margin: 0; font-size: clamp(50px, 7.2vw, 104px); font-weight: 470; letter-spacing: -0.05em; line-height: 0.98; }
.masthead-copy { padding-block-end: 9px; }
.masthead-copy p { max-width: 35ch; margin: 0; color: rgba(12, 63, 81, 0.76); font-size: clamp(19px, 2vw, 25px); line-height: 1.62; }

.hero-world {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  width: min(100%, 1760px);
  min-height: clamp(620px, 72vw, 980px);
  margin-inline: auto;
  overflow: hidden;
  background: var(--lumera-ink);
}
.hero-photo { min-width: 0; overflow: hidden; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 27%; }
.hero-brand { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: clamp(48px, 7vw, 100px); padding: clamp(48px, 8vw, 130px); color: var(--lumera-paper); background: var(--lumera-stone); }
.hero-brand img { width: min(82%, 600px); }
.hero-brand p { max-width: 12ch; margin: 0; align-self: flex-start; color: rgba(246, 247, 244, 0.76); font-family: "Neon", "Einstein", Arial, sans-serif; font-size: clamp(24px, 3vw, 46px); line-height: 1.08; }

.story-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: clamp(48px, 8vw, 120px); }
.section-intro h2 { max-width: 13ch; }
.story-copy { padding-block-start: 43px; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.78; }
.story-copy p { margin: 0; }
.story-copy p + p { margin-block-start: 22px; }
.scope-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, 1fr); margin: clamp(34px, 5vw, 70px) 0 0; border-block: 1px solid rgba(12, 63, 81, 0.18); }
.scope-list > div { min-width: 0; padding: 24px 20px; border-inline-end: 1px solid rgba(12, 63, 81, 0.12); }
.scope-list > div:last-child { border-inline-end: 0; }
.scope-list dt { color: var(--studio); font-size: 18px; font-weight: 700; }
.scope-list dd { margin: 4px 0 0; color: rgba(12, 63, 81, 0.64); font-size: 15px; line-height: 1.5; }

.proof-section { background: rgba(226, 228, 218, 0.46); }
.proof-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr); gap: clamp(50px, 8vw, 120px); align-items: end; margin-block-end: clamp(42px, 6vw, 80px); }
.proof-heading > p { max-width: 48ch; margin: 0; color: rgba(12, 63, 81, 0.67); font-size: 18px; line-height: 1.7; }
.comparison { --position: 50%; position: relative; width: min(calc(100% - 32px), 1080px); aspect-ratio: 1; margin-inline: auto; overflow: hidden; background: #d9d9d2; }
.comparison-layer { position: absolute; inset: 0; overflow: hidden; }
.comparison-layer figcaption { position: absolute; z-index: 6; inset-block-start: 18px; inset-inline-start: 18px; padding: 8px 14px; color: #fff; background: rgba(20, 32, 40, 0.82); font-size: 14px; }
.comparison-after { z-index: 2; clip-path: inset(0 calc(100% - var(--position)) 0 0); }
.comparison-after img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.old-profile { display: grid; width: 100%; height: 100%; grid-template-rows: 17% 1fr; padding: 5%; color: #302c2a; background: #ded8d1; font-family: Arial, sans-serif; }
.old-profile-head { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding-inline: 2%; border-block-end: 1px solid rgba(48, 44, 42, 0.2); }
.old-profile-head strong { font-family: Georgia, serif; font-size: clamp(20px, 3vw, 42px); font-weight: 400; }
.old-profile-head span { color: rgba(48, 44, 42, 0.6); font-size: clamp(10px, 1.2vw, 16px); }
.old-feed-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 7px; padding-block-start: 7px; }
.old-post { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; justify-content: flex-end; gap: 8px; padding: clamp(10px, 2vw, 26px); background: #f8f4ec; }
.old-post img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.old-post strong,
.old-post span,
.old-post small { position: relative; z-index: 2; }
.old-post strong { font-size: clamp(13px, 2vw, 27px); line-height: 1.04; }
.old-post span,
.old-post small { font-size: clamp(8px, 0.9vw, 13px); }
.old-photo,
.old-clinic { color: #fff; }
.old-photo::after,
.old-clinic::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, rgba(42, 34, 34, 0.75), transparent 62%); }
.old-photo img { object-position: center 22%; }
.old-clinic img { object-position: center 50%; }
.old-pink { color: #6e3c4c; background: #e8cbd2; font-family: Georgia, serif; }
.old-blue { color: #fff; background: #55718a; text-align: center; justify-content: center; }
.old-green { color: #293f38; background: #c8d3c5; font-family: Georgia, serif; }
.old-cream { color: #51473f; background: #f7ead1; }
.comparison-control { position: absolute; z-index: 8; inset-inline-start: 50%; inset-block-end: 20px; display: grid; width: min(520px, calc(100% - 40px)); gap: 4px; padding: 10px 16px; color: #fff; background: rgba(20, 32, 40, 0.9); transform: translateX(50%); }
.comparison-control span { font-size: 13px; }
.comparison-control input { width: 100%; min-height: 44px; margin: 0; accent-color: var(--lumera-sage); cursor: ew-resize; }

.logo-motion-section { color: rgba(246, 247, 244, 0.76); background: var(--lumera-ink); }
.logo-motion-grid { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1.18fr); gap: clamp(50px, 8vw, 130px); align-items: center; }
.logo-motion-copy h2,
.process-copy h2 { max-width: 11ch; color: var(--lumera-paper); }
.logo-motion-copy > p:not(.section-label),
.process-copy > p:not(.section-label) { max-width: 40ch; margin: 26px 0 0; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.75; }
.logo-motion-copy > img { width: 120px; margin-block-start: 50px; opacity: 0.92; }
.logo-motion-player { position: relative; width: min(100%, 620px); margin-inline: auto; overflow: hidden; background: #111c22; }
.logo-motion-player video { width: 100%; aspect-ratio: 1; object-fit: cover; }
.media-toggle { position: absolute; inset-inline-end: 16px; inset-block-end: 16px; display: inline-flex; min-width: 104px; min-height: 46px; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border: 1px solid rgba(246, 247, 244, 0.5); border-radius: 999px; color: #fff; background: rgba(20, 32, 40, 0.82); font-weight: 700; cursor: pointer; backdrop-filter: blur(10px); }

.identity-heading,
.palette-heading,
.editorial-heading { margin-block-end: clamp(46px, 7vw, 96px); }
.identity-heading h2,
.palette-heading h2,
.editorial-heading h2 { max-width: 13ch; }
.identity-heading > p:last-child,
.editorial-heading > p:last-of-type { max-width: 52ch; margin: 24px 0 0; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.72; }
.logo-suite { display: grid; width: min(calc(100% - 32px), var(--case-wide)); grid-template-columns: repeat(12, 1fr); gap: 16px; margin-inline: auto; }
.logo-panel { position: relative; display: grid; min-height: 330px; place-items: center; overflow: hidden; padding: clamp(38px, 5vw, 82px); background: var(--lumera-paper); }
.logo-panel img { width: min(76%, 720px); max-height: 240px; object-fit: contain; }
.logo-panel figcaption { position: absolute; inset-inline-start: 18px; inset-block-end: 14px; color: rgba(20, 32, 40, 0.58); font-size: 13px; }
.logo-full { grid-column: span 8; min-height: 500px; }
.logo-mark { grid-column: span 4; min-height: 500px; background: var(--lumera-mist); }
.logo-mark img { width: min(58%, 280px); }
.logo-wordmark { grid-column: span 7; background: var(--lumera-sage); }
.wordmark-crop { width: min(86%, 680px); overflow: hidden; direction: ltr; }
.wordmark-crop img { width: 100%; max-width: none; height: auto; clip-path: inset(0 0 0 33%); transform: none; }
.logo-light { grid-column: span 5; background: var(--lumera-ink); }
.logo-light img { width: min(74%, 450px); }
.logo-light figcaption { color: rgba(246, 247, 244, 0.64); }
.logo-pattern { grid-column: span 5; min-height: 520px; padding: 0; background: var(--lumera-stone); }
.pattern-field { width: 100%; height: 100%; background-color: var(--lumera-stone); background-image: url("../assets/vector/source/lumera-mark-light.svg"); background-repeat: repeat; background-size: 148px 149px; background-position: 28px 22px; opacity: 0.78; transform: rotate(-4deg) scale(1.12); }
.logo-pattern figcaption { color: rgba(246, 247, 244, 0.72); }
.type-roles { grid-column: span 7; display: grid; grid-template-columns: 0.9fr 1.1fr; min-height: 520px; background: var(--lumera-paper); }
.type-roles > div { display: flex; flex-direction: column; justify-content: flex-end; gap: 14px; padding: clamp(28px, 5vw, 70px); }
.type-roles > div + div { border-inline-start: 1px solid rgba(20, 32, 40, 0.14); }
.type-roles strong { color: var(--lumera-ink); font-family: "Neon", "Einstein", Arial, sans-serif; font-size: 18px; }
.type-roles p { margin: 0; color: rgba(20, 32, 40, 0.66); }
.type-name { margin-block-end: auto; color: var(--lumera-stone); font-family: "Neon", sans-serif; font-size: clamp(60px, 7vw, 110px); line-height: 0.85; }
.type-sample { margin-block-end: auto; color: var(--lumera-ink); font-family: "Neon", sans-serif; font-size: clamp(36px, 5vw, 70px); line-height: 0.98; }

.palette-section { padding-block-start: clamp(70px, 8vw, 120px) !important; }
.palette-strip { display: grid; grid-template-columns: 2.2fr 1fr 1.25fr 1fr 0.85fr; min-height: 300px; }
.tone { display: flex; min-width: 0; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 22px; color: var(--lumera-ink); font-size: 14px; }
.tone span { font-size: 16px; font-weight: 700; }
.tone-sage { background: var(--lumera-sage); }
.tone-mist { background: var(--lumera-mist); }
.tone-ink { color: var(--lumera-paper); background: var(--lumera-ink); }
.tone-stone { color: var(--lumera-paper); background: var(--lumera-stone); }
.tone-paper { background: var(--lumera-paper); }
.type-spread { display: grid; grid-template-columns: 1.2fr 0.9fr 0.9fr; background: var(--lumera-paper); }
.type-spread figure { overflow: hidden; }
.type-spread figure img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.type-statement { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 54px; padding: clamp(40px, 7vw, 100px); }
.type-statement img { width: min(100%, 480px); }
.type-statement p { margin: 0; color: var(--lumera-ink); font-family: "Neon", "Einstein", Arial, sans-serif; font-size: clamp(44px, 6vw, 88px); line-height: 0.98; }

.social-section { color: rgba(246, 247, 244, 0.8); background: var(--lumera-ink); }
.light-heading h2 { color: var(--lumera-paper); }
.social-scene { position: relative; display: grid; width: min(calc(100% - 32px), 1380px); min-height: clamp(760px, 80vw, 1080px); place-items: center; margin-inline: auto; overflow: hidden; background: var(--lumera-sage); }
.scene-mark { position: absolute; inset-inline-end: -8%; inset-block-start: -4%; width: min(58vw, 720px); opacity: 0.13; }
.iphone-device { position: relative; z-index: 2; width: min(390px, 42%); padding: 12px; border: 1px solid rgba(246, 247, 244, 0.5); border-radius: 58px; background: #0b1115; box-shadow: 0 42px 100px rgba(20, 32, 40, 0.28); transform: rotate(-2deg); }
.iphone-speaker { position: absolute; z-index: 4; inset-block-start: 22px; inset-inline-start: 50%; width: 98px; height: 28px; border-radius: 999px; background: #05080a; transform: translateX(50%); }
.iphone-screen { overflow: hidden; aspect-ratio: 390 / 844; border-radius: 46px; background: #fff; }
.iphone-screen img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.scene-note { position: absolute; inset-inline-start: 6%; inset-block-end: 7%; display: flex; flex-direction: column; color: var(--lumera-ink); }
.scene-note bdi { font-family: "Neon", sans-serif; font-size: clamp(50px, 8vw, 122px); line-height: 0.88; }
.scene-note span { margin-block-start: 12px; font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; }
.social-proof-grid { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(44px, 8vw, 120px); align-items: start; margin-block-start: clamp(70px, 10vw, 140px); }
.social-proof-copy { position: sticky; top: 130px; }
.social-proof-copy h3 { max-width: 11ch; color: var(--lumera-paper); }
.social-proof-copy p { max-width: 38ch; margin: 22px 0 0; font-size: 18px; line-height: 1.72; }
.profile-proof { width: min(100%, 760px); overflow: hidden; background: #fff; }
.profile-proof img { width: 100%; height: auto; }
.social-crops { display: grid; width: min(100%, 1760px); grid-template-columns: repeat(4, 1fr); margin: clamp(70px, 9vw, 130px) auto 0; }
.social-crops figure { overflow: hidden; }
.social-crops img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.social-crops figure:first-child img { object-position: center 22%; }
.social-crops figure:last-child img { object-position: center 50%; }

.digital-section { background: rgba(226, 228, 218, 0.52); }
.device-stage { position: relative; display: grid; width: min(calc(100% - 32px), 1600px); min-height: clamp(700px, 70vw, 1040px); place-items: center; margin-inline: auto; overflow: hidden; background: var(--lumera-sage); }
.device-stage::before { position: absolute; inset: 8% 7%; content: ""; border: 1px solid rgba(20, 32, 40, 0.22); }
.macbook-device { position: relative; z-index: 2; width: min(1040px, 75%); transform: translateX(-4%); }
.macbook-lid { padding: 14px; border: 2px solid #20272c; border-radius: 22px 22px 8px 8px; background: #10161a; box-shadow: 0 38px 80px rgba(20, 32, 40, 0.24); }
.macbook-screen { overflow: hidden; aspect-ratio: 16 / 10; background: #fff; }
.macbook-screen img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.macbook-base { width: 112%; height: 20px; margin-inline: -6%; border-radius: 3px 3px 40px 40px; background: linear-gradient(180deg, #d9dbdc, #8e9497); }
.landing-phone { position: absolute; z-index: 3; inset-inline-start: 9%; inset-block-end: 8%; width: min(260px, 22%); padding: 9px; border-radius: 38px; background: #0b1115; box-shadow: 0 30px 70px rgba(20, 32, 40, 0.3); transform: rotate(2deg); }
.landing-phone-speaker { position: absolute; z-index: 4; inset-block-start: 15px; inset-inline-start: 50%; width: 68px; height: 18px; border-radius: 999px; background: #05080a; transform: translateX(50%); }
.landing-phone-screen { overflow: hidden; aspect-ratio: 390 / 844; border-radius: 30px; background: #fff; }
.landing-phone-screen img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.browser-proof { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr); gap: clamp(34px, 6vw, 80px); align-items: end; margin-block-start: clamp(52px, 8vw, 100px); }
.browser-frame { overflow: hidden; border: 1px solid rgba(20, 32, 40, 0.16); background: #fff; }
.browser-bar { display: flex; height: 46px; align-items: center; gap: 8px; padding: 0 16px; direction: ltr; color: rgba(20, 32, 40, 0.55); background: #d8dbd2; font-size: 12px; }
.browser-bar span { width: 10px; height: 10px; border-radius: 50%; background: rgba(20, 32, 40, 0.28); }
.browser-bar bdi { margin-inline: auto; }
.browser-frame > img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.conversion-proof { padding-block-end: 10px; }
.conversion-proof > span { color: rgba(12, 63, 81, 0.56); font-size: 13px; font-weight: 700; }
.conversion-proof h3 { max-width: 11ch; margin-block-start: 18px; }
.conversion-proof p { max-width: 36ch; margin: 20px 0 0; font-size: 18px; line-height: 1.7; }

.campaign-section { background: var(--lumera-paper); }
.campaign-spreads { display: flex; width: min(calc(100% - 32px), var(--case-wide)); flex-direction: column; gap: 18px; margin-inline: auto; }
.campaign-spread { display: grid; min-height: 760px; grid-template-columns: repeat(12, 1fr); gap: clamp(18px, 3vw, 46px); align-items: end; padding: clamp(28px, 5vw, 76px); overflow: hidden; }
.campaign-copy { grid-column: span 3; align-self: center; }
.campaign-copy > span { display: block; margin-block-end: 18px; color: rgba(20, 32, 40, 0.48); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; }
.campaign-copy h3 { max-width: 9ch; color: var(--lumera-ink); }
.campaign-copy p { max-width: 24ch; margin: 18px 0 0; color: rgba(20, 32, 40, 0.66); font-size: 17px; line-height: 1.6; }
.campaign-feed { grid-column: span 5; }
.campaign-story { grid-column: span 4; }
.campaign-spread img { width: 100%; height: auto; object-fit: cover; }
.campaign-one { background: var(--lumera-mist); }
.campaign-two { background: var(--lumera-ink); }
.campaign-two .campaign-copy { order: 3; }
.campaign-two .campaign-copy h3,
.campaign-two .campaign-copy p { color: var(--lumera-paper); }
.campaign-two .campaign-copy > span { color: rgba(246, 247, 244, 0.52); }
.campaign-two .campaign-feed { order: 1; }
.campaign-two .campaign-story { order: 2; }
.campaign-three { background: var(--lumera-stone); }
.campaign-three .campaign-copy h3,
.campaign-three .campaign-copy p { color: var(--lumera-paper); }
.campaign-three .campaign-copy > span { color: rgba(246, 247, 244, 0.52); }

.process-section { color: rgba(246, 247, 244, 0.76); background: var(--lumera-ink); }
.process-grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(360px, 1.2fr); gap: clamp(50px, 9vw, 150px); align-items: center; }
.process-player { width: min(100%, 600px); margin-inline: auto; background: #000; }
.process-player video { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }

.deliverables-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr); gap: clamp(50px, 8vw, 120px); align-items: start; }
.deliverables-grid h2 { max-width: 12ch; }
.deliverables { margin: 0; padding: 0; border-block-start: 1px solid rgba(12, 63, 81, 0.18); list-style: none; }
.deliverables li { display: flex; align-items: center; gap: 18px; padding: 20px 0; border-block-end: 1px solid rgba(12, 63, 81, 0.18); color: var(--studio); font-size: clamp(18px, 1.8vw, 22px); font-weight: 600; }
.deliverables span { color: rgba(12, 63, 81, 0.45); font-size: 12px; letter-spacing: 0.08em; }

.case-cta-section { padding-block: clamp(90px, 11vw, 150px); color: var(--studio-paper); text-align: center; background: var(--studio); }
.case-cta-section h2 { max-width: 15ch; margin: 0 auto 22px; color: var(--studio-paper); font-size: clamp(42px, 6vw, 82px); }
.case-cta-section p { max-width: 42ch; margin: 0 auto 34px; color: rgba(240, 240, 240, 0.78); font-size: clamp(18px, 2vw, 24px); }
.cta-actions { display: flex; flex-direction: column; align-items: center; }
.button-sky { color: var(--studio); background: var(--studio-sky); }
.cta-back { display: inline-flex; min-height: 44px; align-items: center; margin-block-start: 18px; color: rgba(240, 240, 240, 0.78); }
.concept-disclosure { margin: 0; padding: 30px 20px 36px; color: rgba(12, 63, 81, 0.43); background: var(--studio-paper); text-align: center; font-size: 13px; }

.lumera-case-page .case-footer { color: var(--studio); background: var(--studio-paper); border-block-start: 1px solid rgba(12, 63, 81, 0.1); }
.lumera-case-page .case-footer h2 { color: var(--studio); }
.lumera-case-page .case-footer .footer-bottom { color: rgba(12, 63, 81, 0.62); border-block-start-color: rgba(12, 63, 81, 0.14); }
.studio-footer-button { color: var(--studio-paper); background: var(--studio); }

@media (max-width: 1000px) {
  .masthead-grid,
  .story-grid,
  .proof-heading,
  .logo-motion-grid,
  .social-proof-grid,
  .browser-proof,
  .process-grid,
  .deliverables-grid { grid-template-columns: 1fr; }
  .masthead-copy { max-width: 620px; }
  .hero-world { grid-template-columns: 1fr 1fr; min-height: 620px; }
  .scope-list { grid-template-columns: repeat(3, 1fr); }
  .scope-list > div:nth-child(3) { border-inline-end: 0; }
  .scope-list > div:nth-child(n + 4) { border-block-start: 1px solid rgba(12, 63, 81, 0.12); }
  .logo-motion-copy,
  .process-copy { max-width: 650px; }
  .logo-motion-player,
  .process-player { width: min(100%, 560px); }
  .social-proof-copy { position: static; max-width: 620px; }
  .conversion-proof { max-width: 620px; }
  .campaign-spread { min-height: auto; grid-template-columns: repeat(8, 1fr); }
  .campaign-copy { grid-column: 1 / -1; max-width: 560px; margin-block-end: 12px; }
  .campaign-feed { grid-column: span 5; }
  .campaign-story { grid-column: span 3; }
  .campaign-two .campaign-copy { order: 1; }
  .campaign-two .campaign-feed { order: 2; }
  .campaign-two .campaign-story { order: 3; }
}

@media (max-width: 900px) {
  .lumera-case-page .case-nav .studio-nav-links { color: var(--lumera-paper); background: var(--studio); border-color: rgba(240, 240, 240, 0.18); }
  .lumera-case-page .case-nav .studio-nav-links a,
  .lumera-case-page .case-nav .studio-nav-links a:hover { color: var(--studio-paper); }
}

@media (max-width: 760px) {
  .lumera-case .case-section { padding-block: 72px; }
  .case-masthead { padding-block: 90px 42px; }
  .case-masthead h1 { max-width: 10ch; font-size: clamp(44px, 13vw, 70px); }
  .masthead-grid { gap: 26px; }
  .masthead-copy p { font-size: 18px; }
  .hero-world { grid-template-columns: 1fr; grid-template-rows: 300px minmax(520px, 76svh); min-height: 0; }
  .hero-brand { grid-row: 1; padding: 44px; }
  .hero-brand img { width: min(78%, 420px); }
  .hero-brand p { align-self: center; text-align: center; font-size: 24px; }
  .hero-photo { grid-row: 2; }
  .story-grid { gap: 30px; }
  .story-copy { padding-block-start: 0; font-size: 18px; }
  .scope-list { grid-template-columns: 1fr; margin-block-start: 20px; }
  .scope-list > div { border-inline-end: 0; border-block-start: 1px solid rgba(12, 63, 81, 0.12); }
  .scope-list > div:first-child { border-block-start: 0; }
  .comparison { aspect-ratio: 4 / 5; }
  .old-profile { padding: 4%; }
  .old-feed-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); }
  .old-profile-head strong { font-size: 24px; }
  .old-post strong { font-size: 15px; }
  .comparison-layer figcaption { inset-block-start: 10px; inset-inline-start: 10px; padding: 6px 10px; font-size: 12px; }
  .logo-suite { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .logo-panel,
  .logo-full,
  .logo-mark,
  .logo-wordmark,
  .logo-light,
  .logo-pattern,
  .type-roles { grid-column: auto; min-width: 0; min-height: 320px; }
  .logo-pattern { height: 360px; }
  .type-roles { grid-template-columns: minmax(0, 1fr); }
  .type-roles > div { min-height: 320px; }
  .type-roles > div + div { border-inline-start: 0; border-block-start: 1px solid rgba(20, 32, 40, 0.14); }
  .palette-strip { grid-template-columns: 1fr 1fr; min-height: 0; }
  .tone { min-height: 150px; }
  .tone-paper { grid-column: 1 / -1; min-height: 110px; }
  .type-spread { grid-template-columns: 1fr 1fr; }
  .type-statement { grid-column: 1 / -1; min-height: 420px; }
  .social-scene { min-height: 760px; }
  .iphone-device { width: min(300px, 70%); }
  .scene-note { inset-inline-start: 5%; inset-block-end: 4%; }
  .social-crops { grid-template-columns: 1fr 1fr; }
  .device-stage { min-height: 680px; }
  .macbook-device { width: 88%; transform: translateY(-10%); }
  .landing-phone { inset-inline-start: 8%; inset-block-end: 5%; width: 31%; }
  .campaign-spread { grid-template-columns: 1fr 1fr; gap: 12px; padding: 24px; }
  .campaign-copy { grid-column: 1 / -1; }
  .campaign-feed,
  .campaign-story { grid-column: auto; }
}

@media (max-width: 430px) {
  .case-eyebrow,
  .section-label { font-size: 12px; letter-spacing: 0.04em; }
  .lumera-case h2 { font-size: 38px; }
  .hero-world { grid-template-rows: 250px 560px; }
  .hero-brand { gap: 26px; }
  .comparison { width: calc(100% - 20px); }
  .comparison-control { inset-block-end: 10px; width: calc(100% - 20px); }
  .old-profile { grid-template-rows: 14% 1fr; }
  .old-post { padding: 8px; }
  .old-post strong { font-size: 12px; }
  .logo-panel,
  .logo-full,
  .logo-mark,
  .logo-wordmark,
  .logo-light { min-height: 260px; padding: 30px; }
  .logo-pattern { height: 300px; }
  .palette-strip { grid-template-columns: 1fr; }
  .tone,
  .tone-paper { grid-column: auto; min-height: 120px; }
  .type-statement { min-height: 360px; }
  .social-scene { min-height: 650px; }
  .iphone-device { width: min(260px, 76%); border-radius: 46px; }
  .iphone-screen { border-radius: 35px; }
  .scene-note bdi { font-size: 52px; }
  .social-crops { grid-template-columns: 1fr; }
  .device-stage { min-height: 560px; }
  .macbook-device { width: 94%; transform: translateY(-16%); }
  .macbook-lid { padding: 7px; border-radius: 12px 12px 5px 5px; }
  .landing-phone { width: 34%; padding: 5px; border-radius: 25px; }
  .landing-phone-screen { border-radius: 20px; }
  .landing-phone-speaker { width: 42px; height: 11px; inset-block-start: 9px; }
  .campaign-spread { padding: 16px; gap: 8px; }
  .case-cta-section h2 { font-size: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .media-toggle { display: inline-flex; }
  .iphone-device,
  .landing-phone { transform: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .lumera-case-page .case-nav { backdrop-filter: none; background: var(--studio-paper); }
  .media-toggle { backdrop-filter: none; background: var(--lumera-ink); }
}

/* v4: מתחת ל-360px (200% זום) דגימת הטיפוגרפיה מצטמצמת כדי שלוח הזהות לא יחרוג מהעטיפה */
@media (max-width: 359px) {
  .type-roles > div { padding: 22px 18px; }
  .type-name { font-size: clamp(40px, 22vw, 60px); overflow-wrap: anywhere; }
  .type-sample { font-size: clamp(26px, 14vw, 36px); }
  .logo-panel { padding: 22px; }
}