/* MYTRIPPOR — 04 Industry Decision Lens */
.mp-industry-lens{
  padding:150px 0 150px;
  background:#dfe9e3;
  color:#18201c;
}

.mp-industry-lens-head{
  margin-bottom:72px;
}

.mp-industry-lens-head h2{
  word-break:keep-all;
  overflow-wrap:normal;
}

.mp-industry-lens-head > p{
  max-width:650px;
  color:#5f6a64;
}

.mp-industry-lens-grid{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.55fr);
  gap:64px;
  align-items:start;
}

.mp-industry-tabs{
  border-top:1px solid rgba(24,32,28,.18);
}

.mp-industry-tab{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:14px;
  row-gap:4px;
  text-align:left;
  padding:24px 10px 24px 0;
  border:0;
  border-bottom:1px solid rgba(24,32,28,.14);
  background:transparent;
  color:#27322d;
  cursor:pointer;
  transition:padding .26s ease,background-color .26s ease,color .26s ease;
}

.mp-industry-tab > span{
  grid-row:1 / span 2;
  padding-top:4px;
  font:600 10px/1.2 Inter,'Noto Sans KR',sans-serif;
  letter-spacing:.12em;
  color:#87918c;
}

.mp-industry-tab strong{
  font-family:'Noto Sans KR',sans-serif;
  font-size:clamp(19px,1.45vw,23px);
  line-height:1.35;
  font-weight:650;
  letter-spacing:-.035em;
}

.mp-industry-tab small{
  margin-top:2px;
  font-family:Inter,'Noto Sans KR',sans-serif;
  font-size:9px;
  line-height:1.35;
  font-weight:650;
  letter-spacing:.105em;
  color:#7b8580;
}

.mp-industry-tab:hover,
.mp-industry-tab:focus-visible,
.mp-industry-tab.is-active{
  padding-left:14px;
  padding-right:14px;
  background:rgba(255,255,255,.42);
  color:#17382f;
  outline:none;
}

.mp-industry-tab.is-active > span{
  color:#9a6f4b;
}

.mp-industry-tab.is-active strong{
  color:#17382f;
}

.mp-industry-panels{
  position:relative;
  min-height:560px;
}

.mp-industry-panel{
  position:relative;
  overflow:hidden;
  min-height:560px;
  padding:44px 46px 42px;
  border:1px solid rgba(24,32,28,.13);
  background:#f4f0e8;
  box-shadow:0 20px 50px rgba(31,46,39,.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:opacity .3s ease,transform .3s ease;
}

.mp-industry-panel > *:not(.mp-industry-visual){
  position:relative;
  z-index:1;
}

.mp-industry-visual{
  position:absolute;
  inset:0 0 0 auto;
  width:56%;
  pointer-events:none;
  z-index:0;
}

.mp-industry-visual::before{
  content:"";
  position:absolute;
  inset:-4px;
  background-image:linear-gradient(90deg,rgba(244,240,232,1) 0%,rgba(244,240,232,.92) 10%,rgba(244,240,232,.46) 28%,rgba(244,240,232,.12) 44%,rgba(244,240,232,0) 60%),var(--industry-photo);
  background-size:cover;
  background-position:var(--industry-pos,center);
  background-repeat:no-repeat;
  filter:blur(1px) saturate(.82) contrast(.98);
  opacity:.72;
}

.mp-industry-visual::after{
  content:var(--industry-credit);
  position:absolute;
  right:14px;
  bottom:12px;
  font:500 8px/1.3 Inter,'Noto Sans KR',sans-serif;
  letter-spacing:.04em;
  color:rgba(40,50,45,.48);
}

.mp-industry-visual svg{
  display:none;
}

.mp-industry-visual-hospitality{
  --industry-photo:url('https://mytrippor.com/wp-content/uploads/2026/09/MYTRIPPOR-Industry-Hospitality-Background.jpg');
  --industry-pos:62% center;
  --industry-credit:'Photo · Marek Okon / Unsplash';
}

.mp-industry-visual-manufacturing{
  --industry-photo:url('https://mytrippor.com/wp-content/uploads/2026/09/MYTRIPPOR-Industry-Manufacturing-Background.jpg');
  --industry-pos:64% center;
  --industry-credit:'Photo · Testalize.me / Unsplash';
}

.mp-industry-visual-architecture{
  --industry-photo:url('https://mytrippor.com/wp-content/uploads/2026/09/MYTRIPPOR-Industry-Architecture-Warm-Background.jpg');
  --industry-pos:72% center;
  --industry-credit:'Photo · Llana / Unsplash';
}

.mp-industry-panel[data-industry-panel="2"]{
  background:#E9DED0;
  border-color:rgba(122,92,69,.2);
  box-shadow:0 20px 50px rgba(78,60,46,.10);
}

.mp-industry-panel[data-industry-panel="2"] .mp-industry-panel-top{
  border-bottom-color:rgba(122,92,69,.18);
}

.mp-industry-panel[data-industry-panel="2"] .mp-industry-panel-top strong,
.mp-industry-panel[data-industry-panel="2"] .mp-industry-journey{
  color:#34483F;
}

.mp-industry-panel[data-industry-panel="2"] .mp-industry-journey{
  border-color:rgba(122,92,69,.18);
}

.mp-industry-panel[data-industry-panel="2"] .mp-industry-journey i,
.mp-industry-panel[data-industry-panel="2"] .mp-industry-insight-grid small{
  color:#7A5C45;
}

.mp-industry-panel[data-industry-panel="2"] .mp-industry-visual::before{
  background-image:linear-gradient(90deg,rgba(233,222,208,1) 0%,rgba(233,222,208,.78) 12%,rgba(233,222,208,.24) 34%,rgba(233,222,208,0) 62%),var(--industry-photo);
  filter:blur(.5px) saturate(.82) contrast(.98);
  opacity:.82;
}

.mp-industry-visual-medical{
  --industry-photo:url('https://mytrippor.com/wp-content/uploads/2026/09/MYTRIPPOR-Industry-Medical-Background.jpg');
  --industry-pos:64% center;
  --industry-credit:'Photo · rawkkim / Unsplash';
}

.mp-industry-visual-saas{
  --industry-photo:url('https://mytrippor.com/wp-content/uploads/2026/09/MYTRIPPOR-Industry-AI-Background.jpg');
  --industry-pos:70% center;
  --industry-credit:'Photo · Conny Schneider / Unsplash';
}

.mp-industry-panel[hidden]{
  display:none !important;
}

.mp-industry-panel-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(24,32,28,.12);
  font-family:Inter,'Noto Sans KR',sans-serif;
}

.mp-industry-panel-top span{
  font-size:10px;
  letter-spacing:.14em;
  color:#8a8f89;
}

.mp-industry-panel-top strong{
  font-size:11px;
  letter-spacing:.12em;
  color:#315247;
}

.mp-industry-question{
  margin:42px 0 38px;
  max-width:68%;
  font-family:'Noto Sans KR',Inter,sans-serif;
  font-size:clamp(32px,3vw,50px);
  line-height:1.3;
  letter-spacing:-.035em;
  font-weight:700;
  color:#161b18;
  word-break:keep-all;
}

.mp-industry-journey{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:20px 0 24px;
  border-top:1px solid rgba(24,32,28,.12);
  border-bottom:1px solid rgba(24,32,28,.12);
  font:700 12px/1.3 Inter,'Noto Sans KR',sans-serif;
  letter-spacing:.08em;
  color:#24463c;
}

.mp-industry-journey i{
  font-style:normal;
  color:#ad8b68;
}

.mp-industry-insight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  margin-top:36px;
}

.mp-industry-insight-grid > div{
  min-width:0;
}

.mp-industry-insight-grid small{
  display:block;
  margin-bottom:12px;
  font:700 10px/1.3 Inter,'Noto Sans KR',sans-serif;
  letter-spacing:.13em;
  color:#8c745f;
}

.mp-industry-insight-grid p{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:#59635e;
  word-break:keep-all;
}

@media(max-width:980px){
  .mp-industry-lens{
    padding:110px 0;
  }
  .mp-industry-lens-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .mp-industry-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
  }
  .mp-industry-panel,
  .mp-industry-panels{
    min-height:auto;
  }
}

@media(max-width:680px){
  .mp-industry-tabs{
    grid-template-columns:1fr;
  }
  .mp-industry-panel{
    padding:30px 24px 28px;
  }
  .mp-industry-panel-top{
    flex-direction:column;
    gap:8px;
  }
  .mp-industry-question{
    margin:30px 0 28px;
    max-width:100%;
    font-size:clamp(30px,9vw,42px);
  }
  .mp-industry-visual{
    inset:auto 0 0 auto;
    width:68%;
    height:62%;
  }
  .mp-industry-visual::before{
    opacity:.52;
    filter:blur(1px) saturate(.78) contrast(.96);
  }
  .mp-industry-visual::after{
    display:none;
  }
  .mp-industry-insight-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mp-industry-tab,
  .mp-industry-panel{
    transition:none;
  }
}