/* showroom gallery bands — external file (CSP blocks inline style) */
.hero-shots{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  grid-template-rows:repeat(3,minmax(80px,1fr));
  gap:10px;
  width:min(440px,100%);
}
.hero-shots a{
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  background:#0B1F3A;
}
.hero-shots img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-shots__main{grid-row:1 / span 3}
.hero-shots__main img{min-height:240px}
@media (max-width:860px){
  .hero-shots{width:100%;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .hero-shots__main{grid-row:auto;grid-column:1 / -1}
  .hero-shots img,.hero-shots__main img{height:160px;min-height:0}
}

.site-main > section.show-band,
.site-main > section.hero.show-band{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:108px 28px 96px;
  position:relative;
  isolation:isolate;
  background-color:#0b1524;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.site-main > section.hero.show-band{
  padding:128px 28px 112px;
  min-height:78vh;
  display:flex;
  align-items:center;
}
.show-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,12,20,.58),rgba(8,12,20,.76));
  z-index:0;
}
.show-band > *{position:relative;z-index:1}
.show-band .hero__inner,
.show-band .section__head,
.show-band .cat-grid,
.show-band .ex-grid,
.show-band .cta-band__inner{
  width:min(1200px,100%);
  margin-left:auto;
  margin-right:auto;
}
.show-band .section__head{margin-bottom:40px}

/* readable type on photo */
.show-band,
.show-band .eyebrow,
.show-band .section__lead,
.show-band .hero__lead,
.show-band h1,
.show-band h2,
.show-band h1 strong{
  color:#fff;
}
.show-band .eyebrow{color:#d7e2ee}
.show-band .section__lead,
.show-band .hero__lead{color:#e4ebf3;max-width:38em}
.show-band .hero__actions{margin-bottom:0}
.show-band .hero__actions .btn--line{
  background:rgba(255,255,255,.1);
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
}

.show-band--hero{background-image:url("/hanbit/images/hero-factory.jpg")}
.show-band--types{background-image:url("/cheoun/images/hero-plant.png")}
.show-band--list{background-image:url("/seojin/images/hero-factory.jpg")}
.show-band--corp{background-image:url("/taeyoung/images/company-plant.jpg")}
.show-band--clinic{background-image:url("/lemedi/images/waiting.jpg")}
.show-band--stay{background-image:url("/dalbit/images/hero-night.png")}
.show-band--academy{background-image:url("/hanol/images/hero-class.jpg")}
.show-band--cta{background-image:url("/nongwon/images/banner-home.png")}

.site-main > section.show-band--types,
.site-main > section.show-band--list,
.site-main > section.show-band--corp,
.site-main > section.show-band--clinic,
.site-main > section.show-band--stay,
.site-main > section.show-band--academy{
  padding-top:120px;
  padding-bottom:108px;
}
.show-band .cat-grid{gap:16px}
.show-band .ex-grid{gap:20px}

@media (max-width:620px){
  .site-main > section.show-band,
  .site-main > section.hero.show-band{
    padding:72px 18px 64px;
    min-height:0;
  }
}


/* type tiles — photo cards, not icon tiles */
.show-band .type-grid{
  width:min(1200px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.type-tile{
  position:relative;
  display:block;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:#0b1524;
  text-decoration:none;
  color:#fff;
}
.type-tile img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.type-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,12,20,.12) 20%,rgba(8,12,20,.82) 100%);
}
.type-tile__body{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:260px;
  padding:22px 22px 20px;
}
.type-tile__count{
  font-size:13px;
  letter-spacing:.04em;
  color:#d7e2ee;
  margin-bottom:6px;
}
.type-tile strong{
  font-size:24px;
  line-height:1.25;
  font-weight:800;
}
.type-tile__body > span:last-child{
  margin-top:6px;
  font-size:14px;
  color:#e4ebf3;
}
.type-tile:hover{border-color:#fff}

/* kakao CTA */
.btn-kakao{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  background:#FEE500;
  color:#191919;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border:0;
  border-radius:0;
  white-space:nowrap;
}
.btn-kakao:hover{background:#ffe44d;color:#191919}

.show-band .cta-band__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.show-band--cta .cta-band__inner h2,
.show-band--cta .cta-band__inner p{color:#fff;margin:0}
.show-band--cta .cta-band__inner p{margin-top:8px;color:#e4ebf3}

/* footer matches gallery */
.showroom-page .show-foot{
  background:#0b1524 url("/hanbit/images/hero-factory.jpg") center/cover no-repeat;
  color:#fff;
  padding:0;
  position:relative;
  isolation:isolate;
}
.showroom-page .show-foot::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(8,12,20,.82);
  z-index:0;
}
.showroom-page .show-foot > *{position:relative;z-index:1}
.showroom-page .show-foot .site-foot__inner{
  width:min(1200px,calc(100% - 56px));
  margin:0 auto;
  padding:72px 0 36px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:40px;
  align-items:center;
}
.showroom-page .show-foot .brand,
.showroom-page .show-foot .brand__name,
.showroom-page .show-foot .brand__name em,
.showroom-page .show-foot .site-foot__copy,
.showroom-page .show-foot .site-foot__nav a,
.showroom-page .show-foot .site-foot__cta p,
.showroom-page .show-foot .site-foot__fine{
  color:#fff;
}
.showroom-page .show-foot .site-foot__copy,
.showroom-page .show-foot .site-foot__cta p,
.showroom-page .show-foot .site-foot__fine{color:#d7e2ee}
.showroom-page .show-foot .site-foot__nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.showroom-page .show-foot .site-foot__nav a{text-decoration:none;font-weight:600}
.showroom-page .show-foot .site-foot__nav a:hover{color:#fff}
.showroom-page .show-foot .site-foot__cta{text-align:right}
.showroom-page .show-foot .site-foot__cta p{margin:0 0 12px}
.showroom-page .show-foot .site-foot__fine{
  width:min(1200px,calc(100% - 56px));
  margin:0 auto;
  padding:0 0 28px;
  border-top:0;
}

@media (max-width:860px){
  .show-band .type-grid{grid-template-columns:1fr}
  .show-band .cta-band__inner{flex-direction:column;align-items:flex-start}
  .showroom-page .show-foot .site-foot__inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  .showroom-page .show-foot .site-foot__cta{text-align:left}
}


/* kill default blue rounded cta-band + white gap above footer */
.showroom-page .site-main{
  padding-bottom:0;
  margin-bottom:0;
}
.site-main > section.show-band--cta,
.site-main > section.show-ask{
  margin-bottom:0;
  padding:96px 28px 88px;
}
.showroom-page .show-foot{
  margin-top:0;
  border-top:0;
}

.show-ask__inner{
  width:min(1200px,100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.show-ask__copy h2{
  margin:0 0 10px;
  font-size:clamp(26px,3vw,36px);
  font-weight:800;
  color:#fff;
}
.show-ask__copy p{
  margin:0;
  color:#e4ebf3;
  max-width:34em;
}
.show-ask__copy .eyebrow{margin-bottom:10px}

@media (max-width:860px){
  .show-ask__inner{flex-direction:column;align-items:flex-start}
}


/* cards on photo bands: sharp, readable, no inverted buttons */
.show-band .ex-card{
  border-radius:0;
  background:#fff;
  border:1px solid #d5dbe2;
  box-shadow:none;
}
.show-band .ex-card:hover{
  border-color:#9aa6b4;
  box-shadow:none;
}
.show-band .ex-thumb,
.show-band .ex-thumb__shot{
  border-radius:0;
}
.show-band .ex-card__body{
  gap:10px;
  padding:16px 18px 18px;
}
.show-band .ex-card__title,
.show-band .ex-card__title a{
  color:#111827;
  text-decoration:none;
}
.show-band .ex-card__summary{
  margin:0;
  color:#3d4a59;
  font-size:13.5px;
  line-height:1.55;
}
.show-band .ex-card__menu{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:2px 0 0;
  padding:0;
  list-style:none;
}
.show-band .ex-card__menu li{
  padding:3px 8px;
  border:1px solid #d5dbe2;
  background:#f4f6f8;
  color:#243040;
  font-size:12px;
  font-weight:600;
}
.show-band .ex-card__tel{
  margin:0;
  color:#111827;
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
}
.show-band .ex-card__actions{
  display:flex;
  gap:8px;
  margin:6px 0 0;
}
.show-band .ex-card__actions .ex-btn{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 10px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  border-radius:0;
}
.show-band .ex-card__actions .ex-btn--ghost{
  background:#fff;
  color:#111827;
  border:1px solid #b7c0ca;
}
.show-band .ex-card__actions .ex-btn--ghost:hover{
  background:#f4f6f8;
}
.show-band .ex-card__actions .ex-btn--solid{
  background:#0b1524;
  color:#fff;
  border:1px solid #0b1524;
}
.show-band .ex-card__actions .ex-btn--solid:hover{
  background:#162233;
  color:#fff;
}