/* Revised desktop/mobile design, scoped to the Laravel homepage. */
.home-page {--g: 8.3vw;
  --ink: #16181b;
  --text: #333;
  --muted: #5b6066;
  --line: #dfe2e6;
  --accent: #8c9096;
  --bg: #fff;
  --bg-soft: #f7f7f7;
  --dark: #151515;
  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --header-h: 65px;}
.home-page *, .home-page *::before, .home-page *::after {box-sizing: border-box;}
.home-page img {display: block; max-width: 100%; height: auto;}
.home-page a {color: inherit;}
.home-page h1, .home-page h2, .home-page h3, .home-page p, .home-page figure, .home-page dl, .home-page dd {margin: 0;}
.home-page ul, .home-page ol {list-style: none; margin: 0; padding: 0;}
.home-page button {font: inherit;}
.home-page :focus-visible {outline: 2px solid currentColor; outline-offset: 3px;}
.home-page [id] {scroll-margin-top: var(--header-h);}
.home-page .lxn-wrap {width: 100%; padding-left: var(--g); padding-right: var(--g);}
.home-page .lxn-h2 {font-size: 36px; font-weight: 500; line-height: 54px; letter-spacing: -.04em; color: var(--ink);}
.home-page .lxn-h2--light {color: #fff;}
.home-page .lxn-lead {font-size: 18px; line-height: 27px; letter-spacing: -.1px; color: rgba(0, 0, 0, .87); word-break: keep-all;}
.home-page .lxn-lead--light {color: rgba(255, 255, 255, .87);}
.home-page .lxn-textlink {color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 4px; white-space: nowrap;}
.home-page .lxn-head {display: flex; align-items: flex-end; justify-content: space-between; gap: 32px;}
.home-page .lxn-head .lxn-textlink {margin-bottom: 4px;}
.home-page .lxn-hero {position: relative; height: 100vh; min-height: 720px; overflow: hidden; background: #111; color: #fff;}
.home-page .lxn-hero-slides, .home-page .lxn-hero-slide {position: absolute; inset: 0; margin: 0;}
.home-page .lxn-hero-slide {opacity: 0; transition: opacity .3s ease;}
.home-page .lxn-hero-slide.is-active {opacity: 1; z-index: 1;}
.home-page .lxn-hero-slide img {width: 100%; height: 100%; max-width: none; object-fit: cover; transform-origin: 50% 55%;}
.home-page .lxn-hero-slide.is-kb img {animation: heroKB 16s cubic-bezier(.25, .1, .25, 1) forwards;}
@keyframes heroKB { from { transform: scale(1); } to { transform: scale(1.06); } }
.home-page .lxn-hero-shade {position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .18) 55%, rgba(0, 0, 0, .28) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 45%);}
.home-page .lxn-hero-dots {position: absolute; z-index: 5; left: var(--g); top: 226px;}
.home-page .lxn-hero-dots > li {position: relative; width: 7.5px; height: 28px;}
.home-page .lxn-dot {position: absolute; left: -10px; top: -10px; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; background: none; color: #fff; cursor: pointer;}
.home-page .lxn-dot-mark {position: absolute; left: 9.75px; top: 9.75px; width: 8px; height: 8px; border-radius: 50%; background: #fff; opacity: .5; transition: transform .2s, opacity .2s, box-shadow .2s;}
.home-page .lxn-dot:hover .lxn-dot-mark {opacity: .9;}
.home-page .lxn-dot.is-active .lxn-dot-mark {opacity: 1; animation: dotBreath 2.5s ease-in-out infinite;}
@keyframes dotBreath {
  0%, 100% { transform: scale(1.45); box-shadow: 0 0 0 4px rgba(255, 255, 255, .22); }
  50% { transform: scale(1.8); box-shadow: 0 0 0 7px rgba(255, 255, 255, .08); }
}
.home-page .lxn-dot-copy {position: absolute; left: 10px; top: 10px; width: 0; height: 0; pointer-events: none; opacity: 0; transition: opacity .2s;}
.home-page .lxn-dot.is-active .lxn-dot-copy {opacity: 1;}
.home-page .lxn-dot-num {position: absolute; left: 0; top: -18px; width: 300px; padding-left: 38px; font-size: 15px; font-weight: 600; line-height: 44px; text-align: left; white-space: nowrap;}
.home-page .lxn-dot-text {position: absolute; left: 9px; top: 13px; width: 500px; padding-left: 27px; font-size: 15px; font-weight: 300; line-height: 20px; text-align: left;}
.home-page .lxn-dot-text b {font-weight: inherit;}
.home-page .lxn-dot:focus-visible {outline: 2px solid #fff; outline-offset: 2px; border-radius: 50%;}
.home-page .lxn-hero-copy {position: absolute; z-index: 4; left: var(--g); bottom: 100px;}
.home-page .lxn-hero-title {font-size: clamp(48px, 6.25vw, 120px); font-weight: 500; line-height: 1.1; color: #fff; white-space: nowrap;}
.home-page .lxn-wm {position: relative; display: inline-block; overflow: clip; vertical-align: top;}
.home-page .lxn-w {position: relative; display: inline-block;}
.home-page .lxn-hero-sub {display: none;}
.home-page.lxn-js .lxn-hero-title {opacity: 0; transform: translate3d(0, 40px, 0);}
.home-page.lxn-js .lxn-w {opacity: 0; transform: translate3d(0, 95%, 0);}
.home-page.lxn-js .lxn-hero-copy.is-in .lxn-hero-title {opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease;}
.home-page.lxn-js .lxn-hero-copy.is-in .lxn-w {opacity: 1; transform: none; transition: opacity .5s cubic-bezier(.77, 0, .175, 1), transform .5s cubic-bezier(.77, 0, .175, 1);}
.home-page.lxn-js .lxn-hero-copy.is-in .lxn-wm:nth-of-type(2) .lxn-w {transition-delay: .05s;}
.home-page.lxn-js .lxn-hero-copy.is-in .lxn-wm:nth-of-type(3) .lxn-w {transition-delay: .1s;}
.home-page.lxn-js .lxn-hero-copy.is-in .lxn-wm:nth-of-type(4) .lxn-w {transition-delay: .15s;}
.home-page.lxn-js .lxn-hero-copy.is-in.is-replay .lxn-w {transition-duration: .85s, .85s;}
.home-page.lxn-js .lxn-hero-copy.is-in.is-reset .lxn-w {opacity: 0; transform: translate3d(0, 95%, 0); transition: none;}
.home-page .lx-hero-stats {position: absolute; z-index: 4; right: var(--g); bottom: 100px; display: flex; flex-direction: column; gap: 20px;}
.home-page .lx-hero-stat-item {display: flex; flex-direction: column;}
.home-page .lx-hero-stat-label {order: 2; margin-bottom: -6px; font-size: 20px; line-height: 20px;}
.home-page .lx-hero-stat-value {order: 1; display: flex; align-items: flex-end; margin-bottom: 6px;}
.home-page .lx-hero-stat-date {order: 3; margin-top: 7px; font-size: 12px; font-weight: 500; line-height: 20px; opacity: .7;}
.home-page .lx-hero-stat-number {margin: 10px 0; font-size: 50px; font-weight: 500; line-height: 52px; font-variant-numeric: tabular-nums;}
.home-page .lx-hero-stat-unit {margin-bottom: 18px; padding-left: 9px; font-size: 20px; line-height: 20px;}
.home-page .lxn-hero-mobile-ui {display: none;}
.home-page .lx-partner-marquee-v2-2 {position: relative; height: 120px; overflow: hidden; background: #fff;}
.home-page .home-partner-label {position: absolute; z-index: 1; top: 28px; left: var(--g); font-size: 14px; font-weight: 400; line-height: 20px; color: var(--text);}
.home-page .home-partner-label::before {content: "●"; margin-right: 4px;}
.home-page .lx-partner-marquee-inner-v2 {position: absolute; left: 0; right: 0; top: 45px; height: 80px; overflow: hidden;}
.home-page .lx-partner-track {display: flex; width: max-content; height: 100%; animation: partnersScroll 33s linear infinite;}
.home-page .lx-partner-marquee-inner-v2:hover .lx-partner-track {animation-play-state: paused;}
.home-page .lx-partner-group {display: flex; flex: none; height: 100%;}
.home-page .lx-partner-slot-v3 {position: relative; display: flex; align-items: center; justify-content: center; width: 300px; height: 100%; padding: 0 42px;}
.home-page .lx-partner-slot-v3::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 28px; background: rgba(30, 30, 30, .14); transform: translateY(-50%);}
.home-page .lx-partner-slot-v3 img {max-width: none; object-fit: contain; opacity: .82;}
.home-page .is-starbucks img {width: 209.4px; height: 38.2px; transform: translateY(.7px);}
.home-page .is-mmca img {width: 178.2px; height: 63.2px; transform: translateY(.6px);}
.home-page .is-boksundoga img {width: 110.9px; height: 63.8px; transform: translateY(1.4px);}
.home-page .is-paris img {width: 257.6px; height: 43.6px; transform: translateY(2.1px);}
.home-page .is-twosome img {width: 258.1px; height: 32.9px; transform: translateY(3.1px);}
.home-page .is-lotteria img {width: 212.4px; height: 50.9px; transform: translateY(.6px);}
.home-page .lxn-intro {display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 6vw; align-items: center; padding: 70px var(--g);}
.home-page .lxn-intro-img {width: 100%; height: auto;}
.home-page .lxn-intro-copy {max-width: none; min-width: 0; margin-right: 2.4vw;}
.home-page .lxn-intro-title {font-size: clamp(34px, 3vw, 56px); font-weight: 600; line-height: 1.2; letter-spacing: -.04em; color: var(--ink);}
.home-page .lxn-intro-lead {margin-top: 28px; font-size: 16px; line-height: 1.75; color: var(--muted); word-break: keep-all;}
.home-page .lxn-intro-lead strong {color: var(--ink); font-weight: 600;}
.home-page .lxn-intro-features {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 40px;}
.home-page .lxn-intro-features > div {border-top: 1px solid var(--line); padding-top: 20px;}
.home-page .lxn-intro-features h3 {font-size: 21px; font-weight: 600; line-height: 20px; color: var(--ink);}
.home-page .lxn-intro-features p {margin-top: 12px; font-size: 14px; line-height: 1.65; color: var(--muted); word-break: keep-all;}
.home-page .lxn-intro-more {display: inline-block; margin-top: 40px;}
.home-page.lxn-js .lxn-intro .lxn-intro-img {opacity: 0; transform: translate3d(0, 50px, 0); transition: opacity 1.2s var(--ease-out), transform 1.6s var(--ease-out);}
.home-page.lxn-js .lxn-intro .lxn-rv {opacity: 0; transform: translate3d(0, 40px, 0); transition: opacity 1s var(--ease-out), transform 1.2s var(--ease-out);}
.home-page.lxn-js .lxn-intro.is-in .lxn-intro-img, .home-page.lxn-js .lxn-intro.is-in .lxn-rv {opacity: 1; transform: none;}
.home-page.lxn-js .lxn-intro.is-in .lxn-rv:nth-child(1) {transition-delay: .2s;}
.home-page.lxn-js .lxn-intro.is-in .lxn-rv:nth-child(2) {transition-delay: .35s;}
.home-page.lxn-js .lxn-intro.is-in .lxn-rv:nth-child(3) {transition-delay: .5s;}
.home-page.lxn-js .lxn-intro.is-reset .lxn-intro-img, .home-page.lxn-js .lxn-intro.is-reset .lxn-rv {transition: none;}
.home-page .lxn-panel {position: relative; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vw * 761 / 1904); overflow: hidden; background: var(--dark); color: #fff;}
.home-page .lxn-panel-bgs, .home-page .lxn-panel-bg {position: absolute; inset: 0;}
.home-page .lxn-panel-bg {opacity: 0; transition: opacity .7s ease;}
.home-page .lxn-panel-bg.is-active {opacity: 1;}
.home-page .lxn-panel-bg img {width: 100%; height: 100%; max-width: none; object-fit: cover;}
.home-page .lxn-panel-bg.is-zoom img {animation: panelZoom 20s cubic-bezier(.25, .46, .45, .94) forwards;}
@keyframes panelZoom { from { transform: scale(1); } to { transform: scale(1.08); } }
.home-page .lxn-panel-inner {position: relative; z-index: 2; padding-top: 120px; padding-bottom: 110px;}
.home-page .lxn-panel-grid {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 30px;}
.home-page .lxn-panel-card {position: relative; display: flex; flex-direction: column; height: 100%; min-height: 200px; padding: 25px 22px 22px;
  border: 1px solid rgba(255, 255, 255, .55); background: rgba(0, 0, 0, .18); color: #fff; text-decoration: none;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  transition: background-color .3s, border-color .3s;}
.home-page .lxn-panel-card::after {content: ""; position: absolute; left: -1px; right: -1px; bottom: -1px; height: 3px; background: #fff; transform: scaleX(0); transform-origin: left; transition: transform .35s;}
.home-page .lxn-panel-card:hover, .home-page .lxn-panel-card.is-active {background: rgba(255, 255, 255, .14); border-color: #fff;}
.home-page .lxn-panel-card.is-active::after {transform: scaleX(1);}
.home-page .lxn-panel-thumb {position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 0; transition: opacity .35s; pointer-events: none;}
.home-page .lxn-panel-card:hover .lxn-panel-thumb {opacity: 1;}
.home-page .lxn-panel-card > :not(.lxn-panel-thumb) {position: relative; z-index: 2;}
.home-page .lxn-panel-name {font-size: 19px; font-weight: 700; line-height: 1.2;}
.home-page .lxn-panel-name span {display: block; margin-top: 7px; font-size: 13px; font-weight: 500; opacity: .75;}
.home-page .lxn-panel-desc {margin-top: 15px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .82); word-break: keep-all;}
.home-page .lxn-panel-more {margin-top: auto; padding-top: 18px; font-size: 13px; font-weight: 600;}
.home-page .lxn-panel-all {display: block; width: max-content; margin: 56px 0 0 auto; color: #fff; font-size: 17px; font-weight: 600; text-decoration: none; transition: transform .25s;}
.home-page .lxn-panel-all:hover {transform: translateX(6px);}
.home-page .lx-cases-section {padding: 120px 0; background: #fff;}
.home-page .lx-case-grid-v2 {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 250px; gap: 14px; padding-top: 30px;}
.home-page .home-case-card {position: relative; min-width: 0; overflow: hidden; background: #ddd;}
.home-page .lx-case-card-tall {grid-row: span 2;}
.home-page .home-case-card {display: block; height: 100%; color: #fff; text-decoration: none;}
.home-page .home-case-card img {position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .55s cubic-bezier(.22, 1, .36, 1);}
.home-page .home-case-card:hover img {transform: scale(1.04);}
.home-page .lx-case-base {position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 6px; padding: 52px 30px 28px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .68)); pointer-events: none;}
.home-page .lx-case-base-location {font-size: 14px; font-weight: 600; line-height: 20px;}
.home-page .lx-case-base-name {font-size: 25px; font-weight: 500; line-height: 1.25;}
.home-page .lx-case-overlay-v2 {position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 30px;
  background: rgba(0, 0, 0, .4); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  opacity: 0; transition: opacity .28s;}
.home-page .home-case-card:hover .lx-case-overlay-v2, .home-page .home-case-card:focus-visible .lx-case-overlay-v2 {opacity: 1;}
.home-page .lx-case-detail {display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 22px; opacity: 0; transform: translateY(12px); transition: opacity .34s ease .08s, transform .34s cubic-bezier(.22, 1, .36, 1) .08s;}
.home-page .home-case-card:hover .lx-case-detail, .home-page .home-case-card:focus-visible .lx-case-detail {opacity: 1; transform: none;}
.home-page .lx-case-detail > div {display: grid; grid-template-columns: 65px 1fr; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .22); font-size: 13px; line-height: 1.45;}
.home-page .lx-case-detail-label {color: rgba(255, 255, 255, .65); font-weight: 600;}
.home-page .lx-case-detail-value {color: #fff; font-weight: 500;}
.home-page .lxn-colors {padding: 80px 0 120px; background: var(--bg-soft);}
.home-page .lxn-color-grid {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-top: 30px;}
.home-page .lxn-color a {display: block; color: inherit; text-decoration: none;}
.home-page .lxn-color-frame {aspect-ratio: 1 / 1.02; overflow: hidden; background: #e9eaec;}
.home-page .lxn-color-frame img {width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22, 1, .36, 1);}
.home-page .lxn-color a:hover img {transform: scale(1.08);}
.home-page .lxn-color-name {margin-top: 18px; font-size: 21px; font-weight: 600; line-height: 1.3; color: var(--ink);}
.home-page .lxn-color-desc {margin-top: 6px; font-size: 15px; line-height: 1.6; color: var(--muted); word-break: keep-all;}
.home-page .lxn-insights {padding: 130px 0; background: #fff;}
@media (max-width: 1279px) {
.home-page .lxn-panel-card {padding: 20px 16px 18px; min-height: 185px;}
.home-page .lxn-panel-name {font-size: 16px;}
.home-page .lxn-panel-grid {gap: 12px;}
}
@media (max-width: 991px) {
.home-page {--g: 32px;}
.home-page .lxn-intro {grid-template-columns: 1fr; gap: 56px; padding-top: 50px; padding-bottom: 50px;}
.home-page .lxn-intro-copy {max-width: none; margin-right: 0;}
.home-page .lxn-panel-grid {display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px;}
.home-page .lxn-panel-grid > li {flex: 0 0 240px; scroll-snap-align: start;}
.home-page .lxn-color-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.home-page .lx-case-grid-v2 {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 260px;}
.home-page .lx-hero-stats {display: none;}
}
@media (max-width: 767px) {
.home-page {--g: 20px; --header-h: 60px;}
.home-page .lxn-hero {height: 100vh; height: 100svh; min-height: 620px;}
.home-page .lxn-hero-dots, .home-page .lx-hero-stats {display: none;}
.home-page .lxn-hero-shade {background: linear-gradient(0deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, .35) 100%);}
.home-page .lxn-hero-copy {left: var(--g); right: var(--g); top: 50%; bottom: auto; transform: translateY(-62%); text-align: center;}
.home-page .lxn-hero-title {font-size: clamp(34px, 10vw, 46px); font-weight: 700; line-height: 1.22; letter-spacing: -.03em;}
.home-page .lxn-hero-sub {display: block; max-width: 300px; margin: 18px auto 0; font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, .9); text-shadow: 0 1px 10px rgba(0, 0, 0, .55); word-break: keep-all; text-wrap: balance;}
.home-page .lxn-hero-mobile-ui {display: block; position: absolute; z-index: 5; left: var(--g); right: var(--g); bottom: calc(36px + env(safe-area-inset-bottom, 0px)); color: #fff;}
.home-page .lxn-hero-mcap {display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; min-height: 40px;}
.home-page .lxn-hero-mtext {font-size: 13px; font-weight: 300; line-height: 1.5; opacity: .92; word-break: keep-all;}
.home-page .lxn-hero-mtext b {display: block; font-weight: 600;}
.home-page .lxn-hero-mcount {flex: none; font-size: 13px; font-weight: 600; letter-spacing: .04em; font-variant-numeric: tabular-nums;}
.home-page .lxn-hero-mcount span {opacity: .55; font-weight: 400;}
.home-page .lxn-hero-bars {display: flex; gap: 6px; margin-top: 12px;}
.home-page .lxn-hero-bars button {position: relative; flex: 1; height: 14px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer;}
.home-page .lxn-hero-bars button::before, .home-page .lxn-hero-bars button i {content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: rgba(255, 255, 255, .3);}
.home-page .lxn-hero-bars button i {right: auto; width: 100%; background: #fff; transform: scaleX(0); transform-origin: left;}
.home-page .lxn-hero-bars button.is-done i {transform: scaleX(1);}
.home-page .lxn-hero-bars button.is-active i {animation: heroBar 5s linear forwards;}
@keyframes heroBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.home-page .lx-partner-marquee-v2-2 {height: auto; padding: 36px 0 30px;}
.home-page .home-partner-label {position: static; margin: 0 0 14px; padding: 0 var(--g); font-size: 13px;}
.home-page .lx-partner-marquee-inner-v2 {position: relative; top: 0; height: 56px;}
.home-page .lx-partner-track {animation-duration: 30s;}
.home-page .lx-partner-slot-v3 {width: 150px; padding: 0 18px;}
.home-page .lx-partner-slot-v3::after {height: 20px;}
.home-page .lx-partner-slot-v3 img {transform: none !important;}
.home-page .is-starbucks img {width: 105px; height: 19px;}
.home-page .is-mmca img {width: 89px; height: 32px;}
.home-page .is-boksundoga img {width: 55px; height: 32px;}
.home-page .is-paris img {width: 114px; height: 19px;}
.home-page .is-twosome img {width: 114px; height: 15px;}
.home-page .is-lotteria img {width: 100px; height: 24px;}
.home-page .lxn-h2 {font-size: 26px; line-height: 1.4;}
.home-page .lxn-lead {font-size: 15px; line-height: 1.6;}
.home-page .lxn-head {flex-direction: column; align-items: flex-start; gap: 14px;}
.home-page .lxn-textlink {font-size: 14px;}
.home-page .lxn-intro {gap: 36px; padding: 56px var(--g);}
.home-page .lxn-intro-title {font-size: 28px;}
.home-page .lxn-intro-lead {margin-top: 20px; font-size: 15px;}
.home-page .lxn-intro-features {grid-template-columns: 1fr; gap: 0; margin-top: 28px;}
.home-page .lxn-intro-features > div {padding: 18px 0;}
.home-page .lxn-intro-features h3 {font-size: 18px;}
.home-page .lxn-intro-more {margin-top: 16px;}
.home-page .lxn-panel {min-height: 0;}
.home-page .lxn-panel-inner {padding-top: 64px; padding-bottom: 56px;}
.home-page .lxn-panel-grid {margin: 24px calc(var(--g) * -1) 0; padding: 0 var(--g) 6px; gap: 12px; scroll-padding-left: var(--g); scrollbar-width: none;}
.home-page .lxn-panel-grid::-webkit-scrollbar {display: none;}
.home-page .lxn-panel-grid > li {flex: 0 0 72%;}
.home-page .lxn-panel-card {min-height: 200px; padding: 22px 20px 20px;}
.home-page .lxn-panel-name {font-size: 16px;}
.home-page .lxn-panel-desc {font-size: 14px;}
.home-page .lxn-panel-all {margin-top: 32px; font-size: 15px;}
.home-page .lx-cases-section {padding: 64px 0;}
.home-page .lx-case-grid-v2 {grid-template-columns: 1fr; grid-auto-rows: auto; gap: 12px; padding-top: 24px;}
.home-page .home-case-card {height: 260px;}
.home-page .lx-case-card-tall {grid-row: auto; height: 360px;}
.home-page .lx-case-base {padding: 44px 22px 22px;}
.home-page .lx-case-overlay-v2 {padding: 22px;}
.home-page .lx-case-base-name {font-size: 21px;}
.home-page .lx-case-detail > div {grid-template-columns: 72px 1fr; font-size: 12px;}
.home-page .lxn-colors, .home-page .lxn-insights {padding: 64px 0;}
.home-page .lxn-color-grid {gap: 12px; margin-top: 24px;}
.home-page .lxn-color-name {margin-top: 12px; font-size: 17px;}
.home-page .lxn-color-desc {font-size: 13px;}
}
@media (prefers-reduced-motion: reduce) {
.home-page .lx-partner-track, .home-page .lxn-hero-slide.is-kb img, .home-page .lxn-panel-bg.is-zoom img, .home-page .lxn-dot.is-active .lxn-dot-mark, .home-page .lxn-hero-bars button.is-active i {animation: none;}
.home-page .lxn-hero-slide, .home-page .lxn-panel-bg {transition: none;}
.home-page.lxn-js .lxn-hero-title, .home-page.lxn-js .lxn-w, .home-page.lxn-js .lxn-intro .lxn-intro-img, .home-page.lxn-js .lxn-intro .lxn-rv {opacity: 1; transform: none; transition: none;}
}
/* Integration and accessible interaction states. */
body:has(> .home-page){min-width:0}
#main-content.home-page{width:100%;max-width:none;margin:0;padding:0;overflow:clip}
#site-header.home-header{position:relative;z-index:1000}
.home-page a{text-decoration:none}
.home-page :is(a,button):focus-visible{outline:2px solid #9b2433;outline-offset:4px}
.home-page :is(.lxn-hero,.lxn-panel) :is(a,button):focus-visible{outline-color:#fff}
.home-page .home-motion-toggle{position:absolute;z-index:6;right:var(--g);bottom:28px;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#0006;color:#fff;font-size:18px}
.home-page .home-hero-detail{display:block;width:100%;height:100%}
.home-page .home-hero-detail:focus-visible{outline-offset:-4px}
.home-page .lxn-hero-slide:not(.is-active){pointer-events:none}
.home-page .lxn-hero-copy{pointer-events:none}
.home-page .lx-partner-marquee-v2-2{height:auto;padding-top:40px;padding-bottom:48px}
.home-page .home-partner-label{margin:0 var(--g) 24px;color:var(--muted);font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.02em;text-align:center}
.home-page .lx-partner-marquee-inner-v2{display:block;height:auto}
.home-page .lx-partner-track{height:auto;margin:0}
.home-page .lx-partner-group,.home-page .lx-partner-slot-v3{height:auto}
.home-page [hidden]{display:none!important}
.home-page .home-empty{grid-column:1/-1;margin:0;padding:48px 0;color:#62666d}
.home-page .lx-partner-marquee-inner-v2{overflow:hidden}
.home-page .lx-case-overlay-v2{opacity:0;transition:opacity .3s ease}
.home-page .lx-case-detail{opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.home-page [data-home-case]:is(:hover,:focus-visible) .lx-case-overlay-v2,
.home-page [data-home-case]:is(:hover,:focus-visible) .lx-case-detail{opacity:1;transform:none}
.home-page [data-home-case]:is(:hover,:focus-visible) .lx-case-base{opacity:0}
.home-page :is(.lx-case-name,.lx-case-base-name){word-break:keep-all;overflow-wrap:anywhere}
.home-page .lx-case-detail-value{overflow-wrap:anywhere}
.home-page .lx-case-detail-row{grid-template-columns:65px minmax(0,1fr)}
.home-page .lx-case-detail-value{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .lxn-panel-card:focus-visible .lxn-panel-thumb{opacity:1}

.home-page .lx-cases-section{padding-left:var(--g);padding-right:var(--g)}
.home-page .lx-partner-marquee-inner-v2{position:relative;top:auto;height:80px}
.home-page .home-partner-label{position:static}
.home-page .home-partner-label::before{content:none}
.home-page .lx-partner-track{animation:none;height:100%}
.home-page .lx-partner-group,.home-page .lx-partner-slot-v3{height:100%}
.home-page .lx-hero-stats{pointer-events:none}
.home-page .lx-case-copy{width:100%}
.home-page .lx-case-name{font-size:25px;font-weight:500;line-height:1.25}
.home-page .lx-case-location{font-size:14px;font-weight:600}
.home-page .lxn-hero-bars{--progress-play-state:paused}
.home-page .lxn-hero-bars button.is-active i{animation-play-state:var(--progress-play-state)}
@media(max-width:767px){
 .home-page .home-partner-label{font-size:20px;margin-bottom:20px}
 .home-page .lx-partner-marquee-v2-2{padding:36px 0 30px}
 .home-page .lx-partner-marquee-inner-v2{height:56px}
 .home-page .home-motion-toggle{bottom:150px;width:36px;height:36px}
 .home-page .lx-case-name{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 .home-page *, .home-page *::before,.home-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Isolate inherited Webflow component dimensions from this revised layout. */
.home-page{font-family:var(--font);font-size:14px;font-weight:400;line-height:20px;color:var(--text);background:#fff}
.home-page .lx-partner-logo-v2{max-height:none;flex-shrink:0}
.home-page .lx-partner-divider{display:none}
.home-page .lx-colors-head{padding:0}
.home-page .lx-case-grid-v2{padding-left:0;padding-right:0}
.home-page .home-case-card{height:100%}
.home-page.lxn-js .lxn-hero-copy.lxn-reset .lxn-w{opacity:0;transform:translate3d(0,95%,0);transition:none}
@media(max-width:767px){
 .home-page .home-case-card{height:260px}
 .home-page .home-case-card.lx-case-card-tall{height:360px}
}
.home-page .lx-case-grid-v2{grid-template-rows:none}
/* Main mobile masthead follows the supplied design; menu contents remain shared. */
@media(max-width:991px){
 #site-header.home-header .lx-header-v2{height:60px!important;min-height:60px!important;padding:0 20px}
 #site-header.home-header .lx-logo-img{width:96px;height:auto}
 #site-header.home-header .lx-mobile-search{display:none}
 #site-header.home-header .lx-mobile-menu-btn{position:relative;width:40px;height:40px;margin-right:-8px;transform:none;gap:6px;padding:0 8px}
 #site-header.home-header .lx-mobile-menu-line{width:24px;height:1.5px;border-radius:2px;flex-shrink:0;transform:none!important}
 #site-header.home-header .lx-mobile-menu-line:nth-child(2){width:17px;margin-left:auto;opacity:1!important}
 #site-header.home-header .lx-mobile-menu-line:nth-child(3){display:none}
 #site-header.home-header .lx-header-v2.lx-mobile-menu-open{background:#000!important}
 #site-header.home-header .lx-mobile-menu-open .lx-mobile-menu-line{position:absolute;top:19px;left:8px;width:24px;margin:0}
 #site-header.home-header .lx-mobile-menu-open .lx-mobile-menu-line:first-child{transform:rotate(45deg)!important}
 #site-header.home-header .lx-mobile-menu-open .lx-mobile-menu-line:nth-child(2){transform:rotate(-45deg)!important}
 #site-header.home-header .lx-mobile-menu-panel{top:60px;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px)}
}
@media(max-width:991px){
 #site-header.home-header .lx-mobile-nav-wrap{position:absolute;right:20px;top:10px;transform:none}
}

.home-page .lxn-intro-lead, .home-page .lxn-intro-features p {text-align: justify; overflow-wrap: anywhere;}
.home-page [data-home-roll] {display: inline-flex; letter-spacing: 0;}
.home-page .home-roll-digit {height: 1.04em; overflow: hidden;}
.home-page .home-roll-strip {display: flex; flex-direction: column;}
.home-page .home-roll-strip > span {height: 1.04em; line-height: 1.04;}
.home-page .lxr {padding: 80px 0 120px;}
.home-page .lxr .lxn-head {border-bottom: 2px solid #111; padding-bottom: 30px;}
.home-page .lxr-box {display: flex; gap: 60px; align-items: stretch; margin-top: 60px;}
.home-page .lxr-img {flex: 1.2 1 0%; min-width: 0;}
.home-page .lxr-img-wrap {position: relative; height: 100%; min-height: 564px; background: #e9eaec; overflow: hidden;}
.home-page .lxr-feat {position: absolute; inset: 0; display: block; color: #fff; text-decoration: none;}
.home-page .lxr-feat-frame {margin: 0; width: 100%; height: 100%;}
.home-page .lxr-feat-frame img {width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
.home-page .lxr-feat-frame::after {content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.25) 45%,transparent 70%);}
.home-page .lxr-feat:hover img {transform: scale(1.05);}
.home-page .lxr-feat::after {content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .3s; z-index: 2; pointer-events: none;}
.home-page .lxr-feat:hover::after, .home-page .lxr-feat:focus-visible::after {opacity: 1;}
.home-page .lxr-cap {position: absolute; left: 40px; right: 40px; bottom: 34px;}
.home-page .lxr-cap-head {font-size: 28px; font-weight: 600; line-height: 1.35; word-break: keep-all;}
.home-page .lxr-cap-body {margin-top: 16px; font-size: 16px; line-height: 1.9; color: rgba(255,255,255,.9); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.home-page .lxr-view {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; font-size: 18px; z-index: 3; transition: opacity .3s; pointer-events: none;}
.home-page .lxr-feat:hover .lxr-view, .home-page .lxr-feat:focus-visible .lxr-view {opacity: 1;}
.home-page .lxr-right {flex: 1 1 0%; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 30px;}
.home-page .lxr-main {display: grid; overflow: hidden;}
.home-page .lxr-text {grid-area: 1 / 1; min-width: 0;}
.home-page .lxr-text a {display: block; color: #111; text-decoration: none;}
.home-page .lxr-tag {display: inline-block; padding: 5px 12px; border: 1px solid rgba(0,0,0,.35); border-radius: 20px; font-size: 13px; color: rgba(0,0,0,.8);}
.home-page .lxr-tit {margin-top: 18px; font-size: 30px; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.home-page .lxr-desc {margin-top: 24px; font-size: 18px; line-height: 1.45; color: rgba(0,0,0,.8); word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.home-page .lxr-ctrl {display: flex; align-items: center; margin-bottom: 30px;}
.home-page .lxr-indicator {flex: 1; margin-right: 36px;}
.home-page .lxr-bar {height: 2px; background: rgba(0,0,0,.12); overflow: hidden;}
.home-page .lxr-progress {display: block; height: 100%; background: #111; transition: transform .6s;}
.home-page .lxr-nav {display: flex; gap: 15px;}
.home-page .lxr-btn {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; background: transparent; color: #111; font-size: 22px; cursor: pointer;}
.home-page .lxr-btn:hover {background: #f5f5f5; border-color: #111;}
.home-page .lxr-thumbs {position: relative; overflow: hidden; touch-action: pan-y;}
.home-page .lxr-thumb-outgoing {position: absolute; inset: 0; pointer-events: none;}
.home-page .lxr-thumb-list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; list-style: none; padding: 0; margin: 0;}
.home-page .lxr-thumb-link {position: relative; display: block; color: #fff; text-decoration: none;}
.home-page .lxr-thumb-frame {margin: 0; aspect-ratio: 320/230; background: #777; overflow: hidden;}
.home-page .lxr-thumb-frame img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
.home-page .lxr-thumb-link:hover img {transform: scale(1.05);}
.home-page .lxr-thumb-txt {position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 14px; background: linear-gradient(0deg,rgba(0,0,0,.7),transparent);}
.home-page .lxr-thumb-label {font-size: 17px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all;}
.home-page .lxr [hidden] {display: none;}
/* Keep every slide in the shared grid cell despite the global [hidden] rule, so text height stays stable. */
.home-page .lxr .lxr-text[hidden] {display: block!important; visibility: hidden; pointer-events: none;}
@media (max-width: 1024px) {
 .home-page .lxr-box {flex-direction: column; gap: 40px;}
 .home-page .lxr-img-wrap {height: auto; min-height: 0; aspect-ratio: 740/555;}
 .home-page .lxr-cap {left: 22px; right: 22px; bottom: 22px;}
 .home-page .lxr-cap-head {font-size: 22px;}
 .home-page .lxr-cap-body {font-size: 14px; line-height: 1.7;}
}
@media (max-width: 767px) {
 .home-page .lxr {padding: 64px 0;}
 .home-page .lxr-box {margin-top: 24px; gap: 24px;}
 .home-page .lxr-tit {font-size: 24px;}
 .home-page .lxr-desc {font-size: 16px;}
 .home-page .lxr-thumb-list {gap: 12px;}
 .home-page .lxr-thumb-label {font-size: 14px;}
 .home-page .lxr-nav {gap: 8px;}
 .home-page .lxr-btn {width: 44px; height: 44px;}
}
@media (prefers-reduced-motion: reduce) {
 .home-page .lxr * {transition: none!important;}
}

/* Main reference, October 29. */
/* 2026-10 수정: 메인 패널 솔루션 – 시안 반영(번호+제품사진 카드, 박스 테두리 삭제, 전체보기 링크 삭제, 여백 재조정) */
/* 섹션 높이는 기존(home.css, 1904:761 비율) 유지 */
.home-page .lxn-panel-shade {position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,.85) 100%); /* 2026-10 수정: 더 어둡게 45·25·70 → 60·40·85 */}
.home-page .lxn-panel-inner {padding-top: 72px; padding-bottom: 72px;}
.home-page .lxn-panel-inner .lxn-lead {margin-top: 10px;}
.home-page .lxn-panel-grid {gap: 24px; margin-top: 36px;}
.home-page .lxn-panel-card {min-height: 0; padding: 0; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none;}
.home-page .lxn-panel-card::after {display: none;}
.home-page .lxn-panel-card:hover, .home-page .lxn-panel-card.is-active {background: none;}
.home-page .lxn-panel-media {position: relative; display: block; aspect-ratio: 3 / 4; /* 2026-10 수정: 원본(600×800) 비율 그대로 – 잘려서 확대돼 보이던 것 해결 */ overflow: hidden; background: #222; border: 1px solid rgba(255,255,255,.4); transition: border-color .25s;}
.home-page .lxn-panel-card:hover .lxn-panel-media, .home-page .lxn-panel-card.is-active .lxn-panel-media {border-color: rgba(255,255,255,.7);}
.home-page .lxn-panel-media::after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 35%); pointer-events: none;}
.home-page .lxn-panel-card .lxn-panel-thumb {position: absolute; inset: 0; opacity: 1; transition: transform .5s ease;}
.home-page .lxn-panel-card:hover .lxn-panel-thumb, .home-page .lxn-panel-card:focus-visible .lxn-panel-thumb {transform: scale(1.05);}
.home-page .lxn-panel-num {position: absolute; z-index: 1; top: 14px; left: 18px; font-size: 44px; font-weight: 600; line-height: 1; letter-spacing: -.02em; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.35);}
.home-page .lxn-panel-name {margin-top: 20px; font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -.02em;}
.home-page .lxn-panel-desc {margin-top: 10px; min-height: 3.2em; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.85);}
.home-page .lxn-panel-more {display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 18px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.85); border-radius: 999px; font-size: 15px; font-weight: 600; line-height: 1; transition: background-color .25s, color .25s;}
.home-page .lxn-panel-card:hover .lxn-panel-more, .home-page .lxn-panel-card:focus-visible .lxn-panel-more {background: #fff; color: #111;}
@media (max-width: 1279px) {
  .home-page .lxn-panel-grid {gap: 16px;}
  .home-page .lxn-panel-num {font-size: 36px;}
  .home-page .lxn-panel-name {font-size: 19px;}
}
@media (max-width: 1023px) {
  .home-page .lxn-panel-grid > li {flex: 0 0 260px;}
}
@media (max-width: 767px) {
  .home-page .lxn-panel-inner {padding-top: 64px; padding-bottom: 64px;}
  .home-page .lxn-panel-grid {margin-top: 28px; gap: 14px;}
  .home-page .lxn-panel-grid > li {flex: 0 0 68%;}
  .home-page .lxn-panel-num {font-size: 32px; top: 12px; left: 14px;}
  .home-page .lxn-panel-name {margin-top: 18px; font-size: 18px;}
  .home-page .lxn-panel-more {margin-top: 16px;}
}
/* 2026-10 수정: 패널 카드 마우스오버 – 카드가 위로 떠오르며 사진 흰 테두리 강조+그림자 */
.home-page .lxn-panel-card {transition: transform .35s cubic-bezier(.2,.7,.3,1);}
.home-page .lxn-panel-media {transition: border-color .25s, box-shadow .35s;}
@media (hover: hover) {
  .home-page .lxn-panel-card:hover, .home-page .lxn-panel-card:focus-visible {transform: translateY(-10px);}
  .home-page .lxn-panel-card:hover .lxn-panel-media, .home-page .lxn-panel-card:focus-visible .lxn-panel-media {box-shadow: 0 0 0 1px rgba(255,255,255,.7), 0 20px 40px rgba(0,0,0,.5);}
}
/* 2026-10 수정: 메인 1섹션 배경 어둡게 덮던 것 제거 – 아래쪽만 약한 검정 그라데이션, 글자는 그림자로 가독성 보완 */
.home-page .lxn-hero-shade {background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 25%, rgba(0,0,0,0) 50%);}
.home-page .lxn-hero-title, .home-page .lxn-hero-sub {text-shadow: 0 2px 16px rgba(0,0,0,.35);}
@media (max-width: 767px) {
  .home-page .lxn-hero-shade {background: linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 30%, rgba(0,0,0,0) 55%);}
}
/* 2026-10 수정: 메인 1섹션 제목(건축 외관의…) 가독성 강화 – 왼쪽 아래 글자 뒤만 은은하게 어둡게+그림자 진하게 */
.home-page .lxn-hero-shade {background:
  radial-gradient(ellipse 60% 55% at 0% 100%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 100%),
  linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 28%, rgba(0,0,0,0) 50%);}
.home-page .lxn-hero-title {text-shadow: 0 2px 4px rgba(0,0,0,.25), 0 4px 30px rgba(0,0,0,.45);}
.home-page .lxn-hero-sub {color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.5), 0 2px 16px rgba(0,0,0,.45);}
@media (max-width: 767px) {
  .home-page .lxn-hero-shade {background: radial-gradient(ellipse 90% 40% at 50% 45%, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 100%), linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 30%, rgba(0,0,0,0) 55%);}
}
/* 2026-10 수정: 메인 1섹션 재생/정지 버튼 – 아이콘(Ⅱ/▶)을 원 정가운데로 */
.home-page .home-motion-toggle {display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1; text-align: center;}
.home-page .home-motion-toggle[aria-pressed="true"] {padding-left: 3px;}
.home-page .home-motion-toggle[hidden] {display: none;}
/* 2026-10 수정: 메인 1섹션 왼쪽 원(4개) – 원(점)만 위에서 아래로 하나씩 내려오며 등장. 설명글은 위아래 움직임 없음 */
.home-page .lxn-hero-dots > li:nth-child(1) {--md: .1s;}
.home-page .lxn-hero-dots > li:nth-child(2) {--md: .22s;}
.home-page .lxn-hero-dots > li:nth-child(3) {--md: .34s;}
.home-page .lxn-hero-dots > li:nth-child(4) {--md: .46s;}
.home-page .lxn-dot-mark {animation: heroMarkIn .7s cubic-bezier(.22, 1, .36, 1) var(--md, 0s) both;}
.home-page .lxn-dot.is-active .lxn-dot-mark {animation: heroMarkIn .7s cubic-bezier(.22, 1, .36, 1) var(--md, 0s) both, dotBreath 2.5s ease-in-out infinite;}
@keyframes heroMarkIn {from {translate: 0 -18px; filter: opacity(0);} to {translate: 0 0; filter: opacity(1);}}
/* 2026-10 수정: 왼쪽 설명(01 실내 인테리어…) – 번호도 같은 걷힘 효과(먼저), 설명글은 왼쪽→오른쪽으로 한 번에 걷히며 드러남(슬라이드 바뀔 때마다) */
.home-page .lxn-dot.is-active .lxn-dot-num {animation: heroNumWipe .45s cubic-bezier(.33, 1, .68, 1) 0s both;}
@keyframes heroNumWipe {0% {clip-path: inset(0 calc(100% - 38px) 0 0);} 99% {clip-path: inset(0 calc(100% - 60px) 0 0);} 100% {clip-path: inset(0 0 0 0);}}
.home-page .lxn-dot-text :is(.lxn-dot-line, b) {display: inline-block;}
.home-page .lxn-dot.is-active .lxn-dot-line {animation: heroTextWipe .5s cubic-bezier(.33, 1, .68, 1) .12s both;}
.home-page .lxn-dot.is-active .lxn-dot-text b {animation: heroTextWipe .6s cubic-bezier(.33, 1, .68, 1) .32s both;}
@keyframes heroNumIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes heroTextWipe {from {clip-path: inset(0 100% 0 0);} to {clip-path: inset(0 0 0 0);}}
/* 첫 화면을 벗어나면 초기화 → 돌아오면 원·타이핑 다시 재생(public-home.js가 .is-replay-out 붙였다 뗌) */
.home-page .lxn-hero-dots.is-replay-out .lxn-dot-mark, .home-page .lxn-hero-dots.is-replay-out .lxn-dot.is-active :is(.lxn-dot-num, .lxn-dot-line, b) {animation: none;}
.home-page .lxn-hero-dots.is-replay-out .lxn-dot-mark {filter: opacity(0);}
@media (prefers-reduced-motion: reduce) {.home-page .lxn-dot-mark, .home-page .lxn-dot.is-active :is(.lxn-dot-num, .lxn-dot-line, b) {animation: none;}}
/* 2026-10 수정: 메인 1섹션 재생/정지 버튼 – PC에서 첫 화면 정가운데(가로·세로)로 이동, 모바일은 제목과 겹쳐서 기존 위치 */
@media (min-width: 768px) {.home-page .home-motion-toggle {left: 50%; right: auto; top: 50%; bottom: auto; transform: translate(-50%, -50%);}}
/* 2026-10 수정: 메인 1섹션 사진 – 클릭·드래그해도 사진이 끌려오지 않게 고정 */
.home-page .lxn-hero-slide img {-webkit-user-drag: none; user-select: none; pointer-events: none;}
/* 2026-10 수정: 메인 1섹션 사진 확대 – 일정한 속도(6.5초 동안 5%), 5초 넘김+0.9초 겹침 동안에도 멈추지 않고 계속 커짐 */
.home-page .lxn-hero-slide.is-kb img {animation: heroKB2 6.5s linear forwards;}
@keyframes heroKB2 { from { transform: scale(1); } to { transform: scale(1.05); } }
/* 2026-10 수정: 메인 1섹션 글자(제목·부제·숫자) 마우스로 긁어서 선택 가능하게 – 배경 링크를 없앴으므로 클릭 통과 설정 해제 */
.home-page .lxn-hero-copy, .home-page .lx-hero-stats {pointer-events: auto; user-select: text;}
/* 2026-10 수정: 메인 1섹션 사진 전환 튐 해결
   ① 나가는 사진이 확대(3.5%)에서 원래 크기로 '툭' 줄어들던 것 → 확대 상태 그대로 유지
   ② 두 장이 동시에 흐려지며 검은 바탕이 비치던 것 → 나가는 사진은 그대로 두고 들어오는 사진만 0.9초 동안 위에 겹쳐 나타남 */
.home-page .lxn-hero-slide {transition: none;}
.home-page .lxn-hero-slide.is-prev {opacity: 1;}
.home-page .lxn-hero-slide.is-active {z-index: 50; transition: opacity .9s ease;}
.home-page .lxn-hero-slides {z-index: 0;} /* 사진 층 순서는 이 안에서만 – 번호·글자 위로 올라오지 않게 */
@media (prefers-reduced-motion: reduce) {.home-page .lxn-hero-slide, .home-page .lxn-hero-slide.is-active {transition: none;}}
/* 2026-10 수정: 왼쪽 설명(01 실내 인테리어…) 글자 드래그 복사 가능하게 */
.home-page .lxn-dot {user-select: text; -webkit-user-select: text;}
.home-page .lxn-dot.is-active .lxn-dot-copy {pointer-events: auto; cursor: text; user-select: text; -webkit-user-select: text;}
/* 2026-10 수정: 이전 설명이 0.2초 동안 남아 새 설명과 겹치던 것 → 바로 사라지게 */
.home-page .lxn-dot:not(.is-active) .lxn-dot-copy {transition: none;}
/* 2026-10 수정: 메인 1섹션 배경 어둡게 하는 막 전부 제거 – 사진 자체에 어둡기를 적용해서 넣으므로 사진 그대로 보이게 */
.home-page .lxn-hero-shade {display: none;}

/* 2026-10 수정: 메인 제품소개 – 제품명을 사진 안(번호 아래)으로, 설명·자세히 보기를 사진 바로 아래로 올림 [534] */
.home-page .lxn-panel-card {position: relative;}
.home-page .lxn-panel-card .lxn-panel-name {position: absolute; z-index: 2; top: 68px; left: 18px; right: 18px; margin: 0; font-size: 22px; color: #fff; pointer-events: none;}
.home-page .lxn-panel-media::after {background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 40%);}
.home-page .lxn-panel-desc {margin-top: 16px;}
@media (max-width: 1279px) {
  .home-page .lxn-panel-card .lxn-panel-name {top: 58px; font-size: 19px;}
}
@media (max-width: 767px) {
  .home-page .lxn-panel-card .lxn-panel-name {top: 52px; left: 14px; font-size: 18px;}
  .home-page .lxn-panel-desc {margin-top: 14px;}
}

/* [543] 메인 로고 띠: 위 제목 제거 → 로고 사이사이 "럭스틸 적용 브랜드" 글자, 양옆 여백 없이 화면 끝까지 */
.home-page .lx-partner-marquee-v2-2 {padding-left: 0; padding-right: 0;}
.home-page .lx-partner-marquee-inner-v2 {width: 100%; margin-left: 0; margin-right: 0; padding: 0;}
.home-page .lx-partner-text-slot {width: auto; padding: 0 42px;}
.home-page .lx-partner-text {font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -.02em; color: #111; white-space: nowrap;}

/* [544] 메인 제품소개 카드: 사진·자세히 보기만 링크 */
.home-page .lxn-panel-media, .home-page .lxn-panel-more {color: inherit; text-decoration: none;}
.home-page .lxn-panel-more:hover {text-decoration: none;}
.home-page .lxn-panel-card .lxn-panel-name, .home-page .lxn-panel-card .lxn-panel-desc {cursor: default;}
.home-page .lxn-panel-card:focus-within .lxn-panel-more {background: #fff; color: #111;}
/* [547] 메인 로고 띠: 1섹션과 간격 조금 줄임(위 40 → 28) */
.home-page .lx-partner-marquee-v2-2 {padding-top: 28px;}
/* [548] 로고 띠 중간 "럭스틸 적용 브랜드": 18/600 #111 → 22/500 #888 */
.home-page .lx-partner-text {font-size: 22px; font-weight: 500; color: #888;}
/* [549] 로고 띠 더 올림: 위 28 → 8 */
.home-page .lx-partner-marquee-v2-2 {padding-top: 8px;}
/* [550] 로고 띠 위 8 → 14 */
.home-page .lx-partner-marquee-v2-2 {padding-top: 14px;}
/* [551] 로고 띠 위 14 → 20 */
.home-page .lx-partner-marquee-v2-2 {padding-top: 20px;}
/* [552] 로고 띠 로고 선명하게: 원본 벡터(SVG)·고해상도 PNG로 교체, 흐림(투명도 .82) 제거, 크기는 기존 보이는 크기 유지 */
.home-page .lx-partner-slot-v3 img {opacity: 1; transform: none !important; height: auto !important;}
.home-page .is-starbucks img {width: 191px;}
.home-page .is-mmca img {width: 162px;}
.home-page .is-boksundoga img {width: 93px;}
.home-page .is-paris img {width: 240px;}
.home-page .is-twosome img {width: 239px;}
.home-page .is-lotteria img {width: 192px;}
@media (max-width: 767px) {
  .home-page .is-starbucks img {width: 96px;}
  .home-page .is-mmca img {width: 81px;}
  .home-page .is-boksundoga img {width: 46px;}
  .home-page .is-paris img {width: 106px;}
  .home-page .is-twosome img {width: 106px;}
  .home-page .is-lotteria img {width: 90px;}
}
/* [553] 메인 대메뉴 검정 배경 서서히(스크롤 연동) */
#site-header.home-header .lx-header-v2,
#site-header.home-header .lx-header-v2.lx-header-scrolled {background: rgba(0,0,0,var(--lx-hdr-a, 0)) !important; background-color: rgba(0,0,0,var(--lx-hdr-a, 0)) !important; transition: none !important;}
#site-header.home-header .lx-header-v2.lx-mobile-menu-open {background: #000 !important;}

/* [554] 메인 섹션2(브랜드 소개): 07 이미지(about-bg.jpg, 1920×938 원본 그대로·확대/축소 없음)를 배경으로, 섹션 높이 938 딱, 로고 띠는 그 위에 겹침, 왼쪽 큰 사진 숨김 */
.home-page .lxn-about-wrap {position: relative; height: 938px; overflow: hidden;
  background: url("../images/home/about-bg.jpg") right top / 1920px 938px no-repeat, linear-gradient(180deg, #fbfbfb 0%, #e4e3e1 100%);}
.home-page .lxn-about-wrap .lx-partner-marquee-v2-2 {position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding-top: 20px; padding-bottom: 0; background: transparent;}
.home-page .lxn-about-wrap .lxn-intro {display: block; height: 100%; padding: 256px 0 0 11.1vw; background: transparent;}
.home-page .lxn-about-wrap .lxn-intro-media {display: none;}
.home-page .lxn-about-wrap .lxn-intro-copy {max-width: min(660px, calc(100vw - 830px - 11.1vw - 60px)); margin: 0;}
.home-page .lxn-about-wrap .lxn-intro-lead {margin-top: 56px;}
.home-page .lxn-about-wrap .lxn-intro-features {max-width: 480px;}
@media (max-width: 1199px) {
  .home-page .lxn-about-wrap {height: auto; background: linear-gradient(180deg, #fbfbfb 0%, #e4e3e1 100%);}
  .home-page .lxn-about-wrap .lx-partner-marquee-v2-2 {position: relative;}
  .home-page .lxn-about-wrap .lxn-intro {height: auto; padding: 50px var(--g) 70px;}
  .home-page .lxn-about-wrap .lxn-intro-copy {max-width: 660px;}
  .home-page .lxn-about-wrap .lxn-intro-lead {margin-top: 28px;}
}
/* [555] 섹션2 설명글·두 칸 설명: 양끝 맞춤(justify) 해제 → 왼쪽 정렬, 단어 단위 줄바꿈 */
.home-page .lxn-intro-lead, .home-page .lxn-intro-features p {text-align: left; overflow-wrap: normal; word-break: keep-all;}
/* [594] 로고 띠 떨림: 흐르는 동안 소수점 위치 때문에 로고가 떨려 보임 → GPU 레이어로 고정해 부드럽게 */
.home-page .lx-partner-track {will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d;}
.home-page .lx-partner-slot-v3 img, .home-page .lx-partner-text {backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0) !important;}

/* [619] 메인 섹션2 확정(테스트 페이지 index-anim-test.html에서 가져옴): 그림 조립 애니메이션·그림자 멀티플라이·글 슬라이드·강조 문구·사선 설명글·여백 */
/* 섹션2 스크롤 조립 애니메이션 테스트 */
.home-page .lxn-about-wrap{background:linear-gradient(180deg,#fbfbfb 0%,#e4e3e1 100%) !important}
.lxa-stage{position:absolute;top:0;right:0;width:1920px;height:938px;z-index:0;pointer-events:none}
.lxa-stage img{position:absolute;display:block;max-width:none}
.lxa-base,.lxa-final{left:0;top:0;width:1920px;height:938px}
.lxa-shadow{mix-blend-mode:multiply}
.lxa-piece{will-change:transform,opacity}
.home-page .lxn-about-wrap .lxn-intro{position:relative;z-index:1}
.home-page .lxn-about-wrap .lx-partner-marquee-v2-2{z-index:2}
@media (max-width:1199px){.lxa-stage{display:none}}
/* 섹션2 글: 스크롤에 맞춰 왼쪽→오른쪽으로 나옴 */
.lxn-about-wrap .lxn-intro .lxs-item{opacity:0!important;transform:translate3d(-80px,0,0)!important;transition:opacity .7s cubic-bezier(.2,.7,.3,1) var(--lxs-d,0s),transform .7s cubic-bezier(.2,.7,.3,1) var(--lxs-d,0s)!important}
.lxn-about-wrap .lxn-intro.lxs-on .lxs-item{opacity:1!important;transform:none!important}
.lxn-about-wrap .lxn-intro.lxs-reset .lxs-item{transition:none!important}
.home-page .lxn-about-wrap .lxn-intro{padding-top:204px}
.lxn-about-wrap .lxn-slant{float:right;width:240px;height:200px;shape-outside:polygon(100% 0,100% 100%,0 100%);-webkit-shape-outside:polygon(100% 0,100% 100%,0 100%)}
.lxn-about-wrap .lxn-intro-key{margin:44px 0 0;font-size:26px;font-weight:700;line-height:1.5;letter-spacing:-.02em;color:#222;white-space:nowrap}
.home-page .lxn-about-wrap .lxn-intro-key + .lxn-intro-lead{margin-top:4px}
.home-page .lxn-about-wrap .lxn-intro-key + .lxn-intro-lead strong{font-weight:400;color:inherit}
.lxn-about-wrap .lxn-rv:not(.lxs-item){opacity:1!important;transform:none!important;transition:none!important}
.lxn-about-wrap .lxn-intro-features > div{border-top:0!important}

@media (min-width:1200px) and (max-width:1919px) {
.home-page .lxn-about-wrap {height:auto;min-height:938px;}
.home-page .lxn-about-wrap .lxn-intro {padding:180px 0 70px 5vw;}
.home-page .lxn-about-wrap .lxn-intro-copy {max-width:46vw;}
.lxa-stage {transform:scale(.72);transform-origin:right center;right:-80px;}
.lxn-about-wrap .lxn-slant {display:none;}
.lxn-about-wrap .lxn-intro-key {white-space:normal;}
}
@media (max-width:1199px) {
.home-page .lxn-about-wrap .lxn-intro {padding-top:50px;}
.lxn-about-wrap .lxn-intro-key {white-space:normal;font-size:22px;}
.lxn-about-wrap .lxn-slant {display:none;}
}
.home-page .lxn-panel-card:focus-within {transform:translateY(-10px);}
@media (prefers-reduced-motion:reduce) {
.home-page .lxn-hero-slide.is-kb img {animation:none;}
.lxn-about-wrap .lxn-intro .lxs-item {opacity:1!important;transform:none!important;transition:none!important;}
}

@media (min-width:1200px) and (max-width:1359px) {
.home-page .lxa-stage {transform:scale(.55);}
}