/* Reset & Base */
  * {margin: 0;padding: 0;box-sizing: border-box;}
  html {scroll-behavior: smooth;}
  body {font-family: var(--font-main);background-color: var(--color-beige);color: var(--color-text-main);line-height: 1.6;overflow-x: hidden;word-break: keep-all;}
  a {text-decoration: none;color: inherit;transition: all var(--transition);}
  ul {list-style: none;}
  img {max-width: 100%;height: auto;display: block;}

  /* Animations */
  .fade-in {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
  .fade-in.is-visible {opacity: 1;transform: translateY(0);}

  /* Layout Utilities */
  .container {max-width: 1280px;margin: 0 auto;padding: 0 3%;}
  .section-padding {padding: 120px 0;}
  .text-center {text-align: center;}
  .bg-white {background-color: var(--color-white);}

  /* Typography */
  .sec-label {color: var(--color-wood);font-weight: 700;font-size: 1rem;letter-spacing: 2px;margin-bottom: 12px;display: block;text-transform: uppercase;}
  .sec-title {font-size: 2.8rem;font-weight: 800;margin-bottom: 1.5rem;color: var(--color-primary);line-height: 1.3;letter-spacing: -1px;}
  .sec-subtitle {font-size: 1.2rem;color: var(--color-text-sub);margin-bottom: 4rem;max-width: 800px;margin-left: auto;margin-right: auto;}

  /* Buttons */
  .btn {display: inline-flex;align-items: center;justify-content: center;padding: 16px 32px;border-radius: 4px;font-weight: 700;font-size: 1.05rem;cursor: pointer;transition: all var(--transition);border: 1px solid transparent;}
  .btn-primary {background: var(--color-primary);color: var(--color-white);}
  .btn-primary:hover {background: var(--color-primary-dark);box-shadow: var(--shadow-md);}
  .btn-wood {background: var(--color-wood);color: var(--color-white);}
  .btn-wood:hover {background: var(--color-wood-dark);}
  .btn-outline-white {border-color: var(--color-white);color: var(--color-white);background: transparent;}
  .btn-outline-white:hover {background: var(--color-white);color: var(--color-text-main);}
  .btn-outline-primary {border-color: var(--color-primary);color: var(--color-primary);background: transparent;}
  .btn-outline-primary:hover {background: var(--color-primary);color: var(--color-white);}

  /* Header */
  header {position: fixed;top: 0;left: 0;width: 100%;height: 85px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid rgba(0, 0, 0, 0.05);
					z-index: 1000;display: flex;align-items: center;transition: all 0.3s;}
  .header-inner {width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 4%;display: flex;justify-content: space-between;align-items: center;}
  .logo img {height: 40px;width: auto;}
  .nav-links {display: flex;gap: 2rem;align-items: center;}
  .nav-links a {font-weight: 600;font-size: 0.95rem;color: var(--color-text-main);}
  .nav-links a:hover {color: var(--color-wood);}
  .nav-links .accent-link {color: #008b8b;}
  .header-right {display: flex;gap: 1rem;align-items: center;}
  .header-btn {padding: 10px 24px;border-radius: 4px;font-weight: 700;font-size: 0.95rem;transition: all 0.2s;border: 1px solid var(--color-border);}
  .btn-nav-outline {color: var(--color-text-main);}
  .btn-nav-outline:hover {border-color: var(--color-primary);color: var(--color-primary);}
  .btn-nav-solid {background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary);}
  .btn-nav-solid:hover {background: var(--color-wood);border-color: var(--color-wood);}
  .hamburger {display: none;font-size: 1.8rem;background: none;border: none;cursor: pointer;color: var(--color-primary);}

  /* Hero */
  .hero {position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding-top: 85px;overflow: hidden;}
  .hero-bg {position: absolute;top:85px;left: 0;width: 100%;height: 100%;background: url('/img/dh_bg_wood.png') no-repeat center;background-size:cover;z-index: 1;}
  .hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(26, 61, 46, 0.85) 0%, rgba(26, 61, 46, 0.4) 100%);z-index: 2;}
  .hero-content {position: relative;z-index: 3;text-align: center;color: var(--color-white);max-width: 900px;padding: 0 5%;}
  .hero-label {display: inline-block;padding: 6px 16px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 30px;font-size: 0.9rem;font-weight: 700;letter-spacing: 2px;margin-bottom: 20px;backdrop-filter: blur(5px);}
  .hero-title {font-size: 3.5rem;font-weight: 800;margin-bottom: 20px;line-height: 1.2;letter-spacing: -1px;}
  .hero-desc {font-size: 1.3rem;font-weight: 500;margin-bottom: 20px;}
  .hero-subdesc {font-size: 1rem;color: rgba(255, 255, 255, 0.8);margin-bottom: 40px;line-height: 1.6;}
  .hero-badges {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;margin-bottom: 40px;}
  .hero-badge-item {padding: 8px 20px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 4px;font-size: 0.9rem;font-weight: 600;}
  .hero-actions {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}

  /* Grids */
  .grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
  .grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
  .grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
  .grid-5 {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}

  /* Cards */
  .value-card {background: var(--color-white);padding: 40px 30px;border-radius: 8px;box-shadow: var(--shadow-sm);text-align: center;border: 1px solid var(--color-border);transition: all var(--transition);}
  .value-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-md);border-color: var(--color-wood);}
  .value-card h4 {color: var(--color-primary);font-size: 1.25rem;margin-bottom: 15px;}

  .customer-card {background: var(--color-white);padding: 30px;border-radius: 8px;border-left: 4px solid var(--color-primary);box-shadow: var(--shadow-sm);flex: 1 1 200px;max-width: 300px;}
  .customer-card h4 {font-size: 1.15rem;margin-bottom: 10px;color: var(--color-text-main);}
  .customer-card p {font-size: 0.95rem;color: var(--color-text-sub);}

  /* Lineup Cards */
  .lineup-card {background: var(--color-white);border-radius: 8px;overflow: hidden;box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);transition: all var(--transition);}
  .lineup-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);}
  .lineup-img {aspect-ratio: 4 / 3;overflow: hidden;position: relative;}
  .lineup-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
  .lineup-card:hover .lineup-img img {transform: scale(1.05);}
  .lineup-info {padding: 35px 30px;}
  .lineup-title {font-size: 1.6rem;font-weight: 800;color: var(--color-primary);margin-bottom: 15px;}
  .lineup-desc {font-size: 1.05rem;color: var(--color-text-sub);margin-bottom: 15px;min-height: 50px;}
  .lineup-rec {font-size: 0.9rem;color: var(--color-wood);font-weight: 700;margin-bottom: 25px;display: block;}

  /* Advantage Summary Box */
  .advantage-summary {background: var(--color-primary);color: var(--color-white);padding: 40px;border-radius: 8px;margin-top: 40px;text-align: center;font-size: 1.2rem;font-weight: 600;letter-spacing: -0.5px;}

  /* Process */
  .process-wrap {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
  .process-step {background: var(--color-white);padding: 40px 30px;border-radius: 8px;border: 1px solid var(--color-border);box-shadow: var(--shadow-sm);position: relative;}
  .process-num {font-size: 2.5rem;font-weight: 900;color: rgba(193, 154, 107, 0.2);position: absolute;top: 20px;right: 30px;line-height: 1;}
  .process-title {font-size: 1.25rem;font-weight: 700;color: var(--color-primary);margin-bottom: 15px;margin-top: 20px;}
  .process-desc {color: var(--color-text-sub);font-size: 0.95rem;word-break: keep-all;}

  /* Gallery */
  .gallery-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
  .gallery-item {border-radius: 8px;overflow: hidden;aspect-ratio: 4 / 3;position: relative;}
  .gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
  .gallery-item:hover img {transform: scale(1.05);}
  .gallery-item.large {grid-column: span 2;grid-row: span 2;aspect-ratio: auto;}
  .video-wrap iframe {width: 100%;aspect-ratio: 16 / 9;border: none;border-radius: 8px;margin-top: 20px;}

  /* CTA Banner */
  .cta-banner {background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color: var(--color-white);padding: 100px 0;text-align: center;}

  /* Contact */
  .contact-box {background: var(--color-white);padding: 50px;border-radius: 12px;box-shadow: var(--shadow-md);display: grid;grid-template-columns: 1.5fr 1fr;gap: 50px;}
  .form-group {margin-bottom: 20px;}
  .form-group label {display: block;font-weight: 600;margin-bottom: 8px;font-size: 0.95rem;}
  .form-control {width: 100%;padding: 14px;border: 1px solid var(--color-border);border-radius: 4px;font-family: inherit;font-size: 1rem;}
  .form-control:focus {outline: none;border-color: var(--color-wood);}
  textarea.form-control {height: 120px;resize: vertical;}
  .quick-contact {display: flex;flex-direction: column;gap: 15px;}
  .qc-card {padding: 25px;border: 1px solid var(--color-border);border-radius: 8px;background: var(--color-beige);transition: all 0.3s;}
  .qc-card:hover {border-color: var(--color-wood);background: var(--color-white);}
  .qc-title {font-size: 1rem;font-weight: 700;color: var(--color-text-sub);margin-bottom: 5px;}
  .qc-val {font-size: 1.3rem;font-weight: 800;color: var(--color-primary);}



.wood-op-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 14px;}
.wood-op-card {position: relative;min-height: 500px;padding: 42px 34px 0;background: #fff;border: 1px solid rgba(16,59,47,.08);border-radius: 26px;overflow: hidden;box-shadow: 0 18px 46px rgba(0,0,0,.055);transition: .4s ease;}
.wood-op-card:hover {transform: translateY(-10px);box-shadow: 0 28px 70px rgba(0,0,0,.1);border-color: rgba(200,157,75,.35);}

.wood-op-num {position: absolute;top: 44px;left: 28px;color: rgba(16,59,47,.22);font-size: 36px;font-weight: 900;letter-spacing: -.04em;}
.wood-op-icon {width: 80px;height: 80px;margin: 0 auto 34px;border-radius: 50%;background:radial-gradient(circle, rgba(200,157,75,.14), rgba(200,157,75,.04));display: flex;align-items: center;justify-content: center;}
.wood-op-icon i {color: #103b2f;font-size: 34px;}
.wood-op-card h3 {color: #103b2f;font-size: 20px;font-weight: 900;letter-spacing: -.05em;line-height: 1.35;margin-bottom: 22px;}
.wood-op-card h3::after {content: "";display: block;width: 34px;height: 2px;background: #c89d4b;margin-top: 22px;}
.wood-op-card p {color: #444;font-size: 16px;line-height: 1.85;word-break: keep-all;position: relative;z-index: 2;}

.wood-op-img {position: absolute;left: 0;right: 0;bottom: 0;height: 185px;overflow: hidden;}
.wood-op-img::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 35%,rgba(255,255,255,.08) 100%);z-index: 1;}
.wood-op-img img {width: 100%;height: 100%;object-fit: cover;transition: .55s ease;filter: saturate(.9) brightness(1.05);}

.wood-op-card:hover .wood-op-img img {transform: scale(1.08);}

@media (max-width: 1300px) {
  .wood-op-grid {grid-template-columns: repeat(3, 1fr);}
  .wood-op-card {min-height: 500px;}
}

@media (max-width: 900px) {
  .wood-op-section {padding: 90px 0;}
  .wood-op-grid {grid-template-columns: repeat(2, 1fr);}
  .wood-op-head {margin-bottom: 44px;}
  .wood-op-head p {font-size: 17px;}
}

@media (max-width: 600px) {
  .wood-op-grid {grid-template-columns: 1fr;}
  .wood-op-card {min-height: 460px;padding: 34px 28px 0;}
  .wood-op-num {top: 36px;left: 24px;font-size: 30px;}
  .wood-op-icon {width: 72px;height: 72px;margin-bottom: 26px;}
  .wood-op-icon i {font-size: 28px;}
  .wood-op-card h3 {font-size: 25px;}
  .wood-op-card p {font-size: 16px;}
  .wood-op-img {height: 160px;}
}

/**/
.wood-adv-list {display: grid;grid-template-columns: repeat(4, 1fr);}
.wood-adv-item {position: relative;text-align: center;padding: 0 44px;}
.wood-adv-item:not(:last-child) {border-right: 1px solid rgba(16,59,47,.16);}
.wood-adv-icon {height: 86px;margin-bottom: 26px;display: flex;align-items: center;justify-content: center;}
.wood-adv-icon i {color: #c89d4b;font-size: 58px;line-height: 1;}

.wood-adv-item h3 {color: #103b2f;font-size: 25px;font-weight: 900;letter-spacing: -.04em;margin-bottom: 22px;}
.wood-adv-item p {color: #444;font-size: 16px;line-height: 1.85;word-break: keep-all;}
.wood-adv-item p::after {content: "";display: block;width: 82px;height: 1px;background: rgba(200,157,75,.45);margin: 28px auto 18px;}
.wood-adv-item strong {display: block;color: #c89d4b;font-size: 17px;font-weight: 800;letter-spacing: .08em;}

.wood-adv-message {width: min(1100px, 100%);margin: 70px auto 0;min-height: 82px;padding: 24px 44px;border-radius: 12px;background: linear-gradient(135deg, #123f33, #0f3128);display: flex;align-items: center;
												justify-content: center;gap: 22px;box-shadow: 0 18px 44px rgba(16,59,47,.18);}
.wood-adv-message i {width: 54px;height: 54px;border-radius: 50%;flex-shrink: 0;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.2);color: #c89d4b;display: flex;align-items: center;
													justify-content: center;font-size: 24px;}
.wood-adv-message p {margin: 0;color: #fff;font-size: 20px;font-weight: 800;line-height: 1.6;text-align: center;word-break: keep-all;}

/* tablet */
@media (max-width: 1100px) {
  .wood-adv-list {grid-template-columns: repeat(2, 1fr);row-gap: 56px;}
  .wood-adv-item {padding: 0 38px;}
  .wood-adv-item:nth-child(2) {border-right: 0;}
  .wood-adv-item:nth-child(1), .wood-adv-item:nth-child(2) {padding-bottom: 56px;border-bottom: 1px solid rgba(16,59,47,.12);}
}

/* mobile */
@media (max-width: 680px) {
  .wood-adv-section {padding: 86px 0;}
  .wood-adv-head {margin-bottom: 46px;}
  .wood-adv-list {grid-template-columns: 1fr;row-gap: 0;}
  .wood-adv-item {padding: 36px 8px;border-right: 0 !important;border-bottom: 1px solid rgba(16,59,47,.12);}
  .wood-adv-item:first-child {padding-top: 0;}
  .wood-adv-item:last-child {border-bottom: 0;}
  .wood-adv-icon {height: 64px;margin-bottom: 20px;}
  .wood-adv-icon i {font-size: 42px;}
  .wood-adv-item h3 {font-size: 23px;margin-bottom: 14px;}
  .wood-adv-item p {font-size: 15px;line-height: 1.7;}
  .wood-adv-message {margin-top: 46px;padding: 26px 22px;flex-direction: column;gap: 14px;}
  .wood-adv-message p {font-size: 16px;}
}

/**/
.wood-life-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;}
.wood-life-card {position: relative;min-height: 620px;padding: 42px 34px 0;background: rgba(255,255,255,.9);border: 1px solid rgba(16,59,47,.08);border-radius: 24px;overflow: hidden;text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,.065);transition: .4s ease;}
.wood-life-card:hover {transform: translateY(-10px);box-shadow: 0 28px 70px rgba(0,0,0,.1);border-color: rgba(200,157,75,.4);}

.wood-life-icon {width: 80px;height: 80px;margin: 0 auto 26px;border-radius: 50%;background: linear-gradient(135deg, #174838, #0f3128);color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 16px 34px rgba(16,59,47,.22);}
.wood-life-icon i {font-size: 34px;}

.wood-life-card strong {display: block;color: #103b2f;font-size: 28px;font-weight: 900;letter-spacing: -.03em;margin-bottom: 10px;}
.wood-life-card strong::after {content: "";display: block;width: 34px;height: 2px;background: #c89d4b;margin: 12px auto 0;}
.wood-life-card h3 {color: #103b2f;font-size: 25px;font-weight: 900;line-height: 1.35;letter-spacing: -.04em;margin: 22px 0 18px;word-break: keep-all;}
.wood-life-card p {color: #444;font-size: 15px;line-height: 1.8;word-break: keep-all;margin-bottom: 34px;}

.wood-life-img {position: absolute;left: 0;right: 0;bottom: 0;height: 170px;overflow: hidden;}
.wood-life-img::before {content: "";position: absolute;left: 50%;top: -1px;transform: translateX(-50%);width: 58px;height: 30px;background: rgba(255,255,255,.95);clip-path: polygon(0 0, 100% 0, 50% 100%);z-index: 2;}
.wood-life-img img {width: 100%;height: 100%;object-fit: cover;transition: .6s ease;}
.wood-life-card:hover .wood-life-img img {transform: scale(1.08);}

.wood-life-message {width: min(780px, 100%);margin: 54px auto 0;padding: 18px 34px;border-radius: 999px;background: linear-gradient(135deg, #174838, #0f3128);color: #fff;display: flex;align-items: center;justify-content: center;gap: 18px;box-shadow: 0 18px 45px rgba(16,59,47,.18);}
.wood-life-message i {width: 48px;height: 48px;border-radius: 50%;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.16);color: #c9a86b;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.wood-life-message p {margin: 0;font-size: 19px;font-weight: 800;line-height: 1.5;word-break: keep-all;}

/* tablet */
@media (max-width: 1200px) {
  .wood-life-grid {grid-template-columns: repeat(2, 1fr);}
  .wood-life-card {min-height: 570px;}
}

/* mobile */
@media (max-width: 680px) {
  .wood-life-section {padding: 84px 0;}
  .wood-life-head {margin-bottom: 42px;}
  .wood-life-head span {font-size: 12px;gap: 12px;}
  .wood-life-head span::before, .wood-life-head span::after {width: 22px;}
  .wood-life-head p {font-size: 16px;}
  .wood-life-grid {grid-template-columns: 1fr;gap: 18px;}
  .wood-life-card {min-height: 520px;padding: 34px 28px 0;border-radius: 20px;}
  .wood-life-icon {width: 72px;height: 72px;margin-bottom: 22px;}
  .wood-life-icon i {font-size: 28px;}
  .wood-life-card strong {font-size: 24px;}
  .wood-life-card h3 {font-size: 22px;}
  .wood-life-card p {font-size: 15px;}
  .wood-life-img {height: 180px;}
  .wood-life-message {margin-top: 38px;padding: 20px 24px;border-radius: 24px;flex-direction: column;text-align: center;}
  .wood-life-message p {font-size: 16px;}
}



  /* Responsive */
  @media (max-width: 1024px) {
	.header-right {display:none}
	.grid-3, .grid-4 {grid-template-columns: repeat(2, 1fr);}
	.process-wrap {grid-template-columns: repeat(2, 1fr);}
	.contact-box {grid-template-columns: 1fr;}
	.footer-grid {grid-template-columns: 1fr;}
  }
  @media (max-width: 768px) {
	.nav-links, .header-right {display: none;}
	.hamburger {display: block;}
	.hero-title {font-size: 2.2rem;}
	.hero-desc {font-size: 1.1rem;}
	.grid-2, .grid-3, .grid-4, .process-wrap {grid-template-columns: 1fr;}
	.gallery-grid {grid-template-columns: 1fr;}
	.gallery-item.large {grid-column: auto;grid-row: auto;aspect-ratio: 4 / 3;}
	
	.sec-title {font-size:2rem;}
	.sec-subtitle {font-size:1rem;word-break: keep-all;}
	.section-padding {padding:100px 10px;}
  }
  
.sec_stats {width:100%;background:linear-gradient(rgba(12,42,34,.88),rgba(12,42,34,.88)),url("/img/dh_bg04.jpg") center/cover;border-bottom:1px solid rgba(255,255,255,0.15);}