/* ============================================================
   RE'EV STORY PAGE — 전용 스타일 (story.css)
   detail.css 의 공통 컴포넌트(.section-inner, .sub-label, .sub-section-title 등)를
   그대로 상속하여 사용하고, 이 페이지에만 필요한 섹션 스타일만 추가한다.
   ============================================================ */

/* ============================================================
   INTRO — 스토리 페이지 전용 배경 이미지
   ============================================================ */
.story-intro-bg::before {background-image:url('../images/story-hero-bg.jpg') !important;filter:brightness(0.7) contrast(1.05) saturate(1.05) !important;}
.story-intro-bg .intro-overlay {background:linear-gradient(to bottom,rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.42) 100%) !important;}
.story-intro-bg .intro-sub {font-size:24px;font-weight:500;}

/* ============================================================
   DEFINE (정의) — 2블록 이미지+텍스트 (about-grid 재사용)
   ============================================================ */
.section-define-alt {padding:var(--section-padding);background:var(--color-gray-light);}
.about-grid.reverse {grid-template-columns:1fr 1fr;}
.about-grid.reverse .about-image-wrap {order:2;}
.about-grid.reverse .about-text-wrap {order:1;padding-left:0;padding-right:20px;}
.define-quote {font-family:var(--font-en);font-size:clamp(22px,2.4vw,28px);font-weight:400;color:var(--color-green);line-height:1.5;margin:28px 0;font-style:italic;}

/* ============================================================
   PHILOSOPHY (배너) — 다크 오버레이 배경 배너
   ============================================================ */
.section-philosophy {padding:var(--section-padding);position:relative;overflow:hidden;}
.section-philosophy::before {content:'';position:absolute;inset:0;background-image:url('../images/story-philosophy-bg.jpg');background-size:cover;background-position:center;z-index:0;filter:brightness(0.4);}
.philosophy-inner {position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center;padding:0 24px;}
.section-philosophy .sub-label {color:#86cc9b;}
.philosophy-title {font-family:var(--font-ko);font-size:40px;font-weight:500;color:#ffffff;line-height:1.35;margin-bottom:16px;}
.philosophy-subtitle {font-family:var(--font-en);font-size:28px;font-weight:400;font-style:italic;color:#86cc9b;line-height:1.6;margin-bottom:44px;}
.philosophy-desc p {font-family:var(--font-ko);font-size:17px;font-weight:300;color:#ffffff;line-height:2.0;opacity:0.86;word-break:keep-all;margin-bottom:22px;}
.philosophy-desc p:last-child {margin-bottom:0;}

/* ============================================================
   CORE VALUE (가치) — 2열 분할 텍스트
   ============================================================ */
.section-value {padding:var(--section-padding);background:var(--color-white);}
.value-title-en {font-family:var(--font-en);font-size:30px;font-weight:400;color:var(--color-green);line-height:1.5;margin:10px 0 0;}
.value-grid {display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--color-gray-mid);margin-top:64px;}
.value-card {padding:56px 56px 8px;}
.value-card:first-child {border-right:1px solid var(--color-gray-mid);}
.value-label {font-family:var(--font-en);font-size:13px;font-weight:400;color:var(--color-green);display:block;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.35em;}
.value-heading {font-family:var(--font-ko);font-size:22px;font-weight:500;color:var(--color-black);line-height:1.5;margin-bottom:24px;word-break:keep-all;}
.value-desc p {font-family:var(--font-ko);font-size:16px;font-weight:300;color:var(--color-black);line-height:1.9;opacity:0.72;margin-bottom:20px;word-break:keep-all;}
.value-desc p:last-child {margin-bottom:0;}

/* ============================================================
   JEJU (제주) — 이미지+텍스트 & 하이라이트 리스트
   ============================================================ */
.section-jeju {padding:var(--section-padding);background:var(--color-gray-light);}
.jeju-grid {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:stretch;}
.jeju-figure-wrap {height:100%;min-height:0;}
.jeju-figure {margin:0;position:relative;height:100%;min-height:0;overflow:hidden;border-radius:var(--radius);}
.jeju-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease;}
.jeju-img:hover {transform:scale(1.02);}
.jeju-text-wrap {padding-right:20px;}
.jeju-desc {margin-top:20px;}
.jeju-desc p {font-family:var(--font-ko);font-size:16px;font-weight:300;color:var(--color-black);line-height:1.7;opacity:0.78;margin-bottom:14px;word-break:keep-all;}
.jeju-desc p:last-child {margin-bottom:0;}
.jeju-highlights {list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:0;}
.jeju-highlight-item {display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-gray-mid);}
.jeju-highlight-item:first-child {border-top:1px solid var(--color-gray-mid);}
.jeju-highlight-icon {flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-green);}
.jeju-highlight-body {flex:1;}
.jeju-highlight-label {display:block;font-family:var(--font-ko);font-size:17px;font-weight:500;color:var(--color-black);margin-bottom:6px;}
.jeju-highlight-desc {display:block;font-family:var(--font-ko);font-size:16px;font-weight:300;color:var(--color-black);opacity:0.68;line-height:1.6;word-break:keep-all;}

/* ============================================================
   VIP MEMBERSHIP (멤버쉽) — 다크 오버레이 + 3카드
   ============================================================ */
.section-membership {padding:var(--section-padding);position:relative;overflow:hidden;}
.section-membership::before {content:'';position:absolute;inset:0;background-image:url('../images/story-membership-bg.jpg');background-size:cover;background-position:center;z-index:0;filter:brightness(0.78);}
.section-membership .section-inner {position:relative;z-index:1;}
.section-membership .sub-label {color:#86cc9b;}
.section-membership .sub-section-title {color:#ffffff;}
.membership-cards {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.membership-card {padding:52px 32px 44px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:var(--radius);text-align:center;backdrop-filter:blur(2px);}
.membership-icon {width:52px;height:52px;margin:0 auto 26px;color:#86cc9b;display:flex;align-items:center;justify-content:center;}
.membership-title {font-family:var(--font-ko);font-size:20px;font-weight:500;color:#ffffff;margin-bottom:16px;word-break:keep-all;}
.membership-desc {font-family:var(--font-ko);font-size:17px;font-weight:300;color:#ffffff;opacity:0.82;line-height:1.75;word-break:keep-all;}

/* ============================================================
   GALLERY (갤러리) — RE:EV INSIDE 슬라이드
   ============================================================ */
.section-gallery {padding:var(--section-padding);background:var(--color-white);overflow:hidden;}
.gallery-wrap {position:relative;}
.gallery-track {display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none;}
.gallery-track::-webkit-scrollbar {display:none;}
.gallery-slide {flex:0 0 100%;width:100%;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;}
.gallery-slide img {width:100%;height:auto;object-fit:cover;display:block;transition:transform 0.7s ease;}
.gallery-slide img:hover {transform:scale(1.04);}
.gallery-controls {display:flex;align-items:center;justify-content:space-between;margin-top:24px;}
.gallery-arrows {display:flex;justify-content:flex-start;gap:12px;}
.gallery-arrow-prev,.gallery-arrow-next {width:48px;height:48px;border-radius:50%;border:1px solid var(--color-gray-mid);background:var(--color-white);color:var(--color-black);display:flex;align-items:center;justify-content:center;transition:background 0.25s,border-color 0.25s,color 0.25s;}
.gallery-arrow-prev:hover,.gallery-arrow-next:hover {background:var(--color-green);border-color:var(--color-green);color:#ffffff;}
.gallery-dots {list-style:none;margin:0;padding:0;display:flex;gap:10px;}
.gallery-dot {width:8px;height:8px;border-radius:50%;background:var(--color-gray-mid);cursor:pointer;transition:background 0.25s,transform 0.25s;}
.gallery-dot.is-active {background:var(--color-green);transform:scale(1.3);}

/* ============================================================
   RESPONSIVE — TABLET (max 1100px)
   ============================================================ */
@media (max-width:1100px) {
  .jeju-grid {grid-template-columns:1fr;gap:48px;}
  .jeju-text-wrap {padding-right:0;}
  .jeju-figure-wrap {height:auto;}
  .jeju-figure {height:auto;}
  .jeju-img {height:420px;min-height:0;}
  .value-grid {grid-template-columns:1fr;margin-top:48px;}
  .value-card:first-child {border-right:0;border-bottom:1px solid var(--color-gray-mid);}
  .membership-cards {grid-template-columns:1fr;}
  .gallery-slide {flex:0 0 100%;width:100%;}
  .about-grid.reverse {grid-template-columns:1fr;}
  .about-grid.reverse .about-image-wrap {order:-1;}
  .about-grid.reverse .about-text-wrap {order:2;padding-right:0;}
}

/* ============================================================
   RESPONSIVE — MOBILE (max 768px)
   ============================================================ */
@media (max-width:768px) {
  .philosophy-title {font-size:26px;}
  .philosophy-subtitle {font-size:18px;margin-bottom:32px;}
  .philosophy-desc p {font-size:16px;}
  .value-title-en {font-size:24px;}
  .value-card {padding:36px 24px 4px;}
  .value-heading {font-size:19px;}
  .jeju-img {height:340px;}
  .jeju-highlight-item {gap:14px;padding:14px 0;}
  .jeju-highlight-label {font-size:16px;}
  .jeju-highlight-desc {font-size:14px;}
  .membership-card {padding:40px 22px 34px;}
  .gallery-slide {flex:0 0 100%;width:100%;}
  .gallery-arrows {margin-top:18px;}
  .gallery-arrow-prev,.gallery-arrow-next {width:40px;height:40px;}
}