:root{
  --c-bg: #f2f1ee;
  --c-charcoal: #1b1b1c;
  --c-charcoal-2: #232325;
  --c-accent: #ff6a13;
  --c-text: #1b1b1c;
  --c-sub: #55575c;
  --c-line: #d8d6d0;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.75;
  word-break:keep-all;
}
h1,h2,h3{font-family:'Oswald','Noto Sans KR',sans-serif;line-height:1.3;margin:0 0 .5em;}
a{color:inherit;}
.wrap{max-width:920px;margin-inline:auto;padding-inline:20px;}

/* Header: dark charcoal industrial bar */
.ind-header{
  background:var(--c-charcoal);
  border-bottom:4px solid var(--c-accent);
}
.ind-header-in{
  display:flex;align-items:center;justify-content:space-between;
  padding-block:16px;
}
.ind-logo{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:1.3rem;
  letter-spacing:.5px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}
.ind-nav{display:flex;align-items:center;gap:18px;}
.ind-nav a{color:#cfcfcf;text-decoration:none;font-size:.9rem;}
.ind-nav a:hover{color:#fff;}
.ind-nav-btn{
  background:var(--c-accent);
  color:#1b1b1c !important;
  padding:8px 16px;
  font-weight:700;
  border-radius:2px;
}

/* Hero: raw industrial, uppercase condensed */
.ind-hero{
  background:var(--c-charcoal-2);
  color:#fff;
  padding:56px 0 48px;
  position:relative;
  overflow:hidden;
}
.ind-stripe{
  position:absolute;
  top:0;left:0;right:0;height:10px;
  background:repeating-linear-gradient(135deg, var(--c-accent) 0 18px, #1b1b1c 18px 36px);
}
.ind-tag{
  font-family:'Oswald',sans-serif;
  color:var(--c-accent);
  letter-spacing:2px;
  font-size:.82rem;
  text-transform:uppercase;
  margin:0 0 10px;
}
.ind-hero h1{
  font-size:clamp(28px,5vw,44px);
  font-weight:700;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:.5px;
}
.ind-lead{
  color:#d6d6d6;
  font-size:1.02rem;
  max-width:680px;
  margin:0;
}

/* Main content */
main{padding-block:48px;}
.blk{margin-bottom:40px;}
.blk h2{
  font-size:1.5rem;
  color:var(--c-charcoal);
  text-transform:uppercase;
  border-left:6px solid var(--c-accent);
  padding-left:14px;
}
.blk p{margin:0;color:var(--c-text);}
.blk-sub{color:var(--c-sub);margin-bottom:16px !important;}

/* Table: industrial style */
.ind-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--c-line);
}
.ind-table th, .ind-table td{
  border:1px solid var(--c-line);
  padding:12px 14px;
  text-align:left;
  font-size:.92rem;
}
.ind-table thead th{
  background:var(--c-charcoal);
  color:#fff;
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-size:.85rem;
}
.ind-table tbody tr:nth-child(even){background:#f7f6f3;}

/* Gallery: 4-up equal grid */
.ind-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.ind-gallery img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  border:1px solid var(--c-line);
}

/* FAQ */
.faq h2{border-left-color:var(--c-charcoal);}
.faq-item{
  background:#fff;
  border:1px solid var(--c-line);
  border-left:4px solid var(--c-accent);
  padding:18px 20px;
  margin-bottom:14px;
}
.faq-item h3{font-size:1.02rem;margin:0 0 8px;color:var(--c-charcoal);text-transform:none;}
.faq-item p{margin:0;color:var(--c-sub);font-size:.95rem;}

/* Related */
.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.related-card{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  border:1px solid var(--c-line);
  border-bottom:3px solid var(--c-accent);
  padding:16px 12px;
  text-decoration:none;
  color:var(--c-charcoal);
  font-weight:700;
  font-size:.92rem;
}
.related-card:hover{background:var(--c-charcoal);color:#fff;}

/* CTA */
.ind-cta{
  background:var(--c-charcoal);
  color:#fff;
  padding-block:40px;
}
.ind-cta-in{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
}
.ind-cta h2{color:#fff;font-size:1.5rem;text-transform:uppercase;}
.ind-cta p{color:#c9c9c9;margin:0;}
.ind-cta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn{
  display:inline-block;
  padding:14px 26px;
  font-weight:700;
  text-decoration:none;
  font-size:.95rem;
  border-radius:2px;
}
.btn-primary{background:var(--c-accent);color:#1b1b1c;}
.btn-secondary{background:transparent;color:#fff;border:2px solid #fff;}

.last-mod{
  text-align:center;
  font-size:.78rem;
  color:var(--c-sub);
  margin:16px 0 0;
}

/* Footer */
footer{
  background:#111111;
  color:#b7b7b7;
  font-size:.82rem;
  padding:14px 20px 20px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px 20px;
}
footer a{color:#ff9a5c;}

@media (max-width:768px){
  .ind-gallery{grid-template-columns:repeat(2,1fr);}
  .related-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .ind-header-in{flex-direction:column;gap:10px;align-items:flex-start;}
  .ind-cta-in{flex-direction:column;align-items:flex-start;}
  .ind-cta-btns{width:100%;}
  .btn{flex:1;text-align:center;}
}