/* ===== Site Header — Responsive ===== */
@media(max-width:1024px){.thc-nav,.thc-header-cta{display:none;}.thc-hamburger{display:flex;}.thc-header-inner{height:66px;padding:0 20px;}.thc-header-spacer{height:66px;}.thc-dropdown{display:none!important;}}
@media(max-width:768px){.thc-header-inner{height:60px;padding:0 16px;}.thc-header-spacer{height:60px;}.thc-header-logo .brand-icon{width:34px;height:34px;font-size:.95rem;}.thc-header-logo .brand-name{font-size:.85rem;}.thc-header-logo .slogan{font-size:.52rem;}}
@media(max-width:480px){.thc-header-inner{height:56px;padding:0 12px;}.thc-header-spacer{height:56px;}.thc-header-logo .brand-icon{width:30px;height:30px;font-size:.85rem;}.thc-header-logo .brand-name{font-size:.78rem;}.thc-header-logo .slogan{font-size:.48rem;}.thc-drawer{width:280px;padding:18px 14px;}}

/* ===== Site Footer — Responsive ===== */
@media(prefers-reduced-motion:reduce){.thc-footer::before{animation:none;}}
@media(max-width:1024px){.thc-footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:36px;}.thc-footer-inner{padding:60px 24px 0;}}
@media(max-width:768px){.thc-footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.thc-footer-inner{padding:50px 20px 0;}.thc-footer{margin-top:60px;}.foot-bottom{flex-direction:column;text-align:center;}}
@media(max-width:480px){.thc-footer-grid{grid-template-columns:1fr;gap:28px;}.thc-footer-inner{padding:40px 16px 0;}.thc-footer{margin-top:40px;}.foot-desc{max-width:100%;}}

/* ===== About Page — Responsive ===== */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
  body::before{animation:none;}
}
@media (max-width:760px){#mobile-sticky{display:block;} body{padding-bottom:64px;}}
@media (max-width:900px){
  .story-grid{grid-template-columns:1fr;gap:36px;}
  .mv-grid{grid-template-columns:1fr;}
  .section{padding:70px 0;}
}
@media (max-width:768px){
  .wrap{padding:0 20px;}
  .section{padding:60px 0;}
  .h2{font-size:clamp(1.5rem,4.5vw,1.9rem);}
  #page-hero{padding:80px 0 50px;}
  #page-hero h1{font-size:clamp(1.6rem,5vw,2.2rem);}
  .cta-banner{padding:50px 24px;border-radius:20px;}
}
@media (max-width:640px){
  .wrap{padding:0 20px;}
  .section{padding:50px 0;}
  .value-card{padding:24px 18px;}
  .mv-card{padding:28px 22px;}
  .cta-banner{padding:44px 24px;border-radius:20px;}
  .modal-card{padding:28px 20px;}
  .field-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  #page-hero{padding:80px 0 50px;}
  #page-hero h1{font-size:1.6rem;}
  .value-card{padding:24px 18px;}
  .mv-card{padding:28px 22px;}
}

/* ===== Blog Page — Responsive ===== */
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}body::before{animation:none;}}
@media (max-width:760px){#mobile-sticky{display:block;}body{padding-bottom:64px;}}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr;}.section{padding:70px 0;}}
@media (max-width:768px){.wrap{padding:0 20px;}.section{padding:60px 0;}#page-hero{padding:80px 0 50px;}#page-hero h1{font-size:clamp(1.6rem,5vw,2.2rem);}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.blog-grid{grid-template-columns:1fr;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (max-width:480px){#page-hero{padding:80px 0 50px;}#page-hero h1{font-size:1.6rem;}}
@media (hover:none){.blog-card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border);}.blog-card:hover .bthumb img{transform:none;}.cat-grid span:hover{border-color:var(--border);box-shadow:none;}}

/* ===== Commercial Construction Page — Responsive ===== */
@media (max-width:900px){.proj-type-grid{grid-template-columns:1fr 1fr;}.section{padding:70px 0;}}
@media (max-width:768px){.wrap{padding:0 20px;}.section{padding:60px 0;}#page-hero{padding:80px 0 50px;}#page-hero h1{font-size:clamp(1.6rem,5vw,2.2rem);}.cta-banner{padding:50px 24px;border-radius:20px;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.proj-type-grid{grid-template-columns:1fr;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.proj-type-card:hover{border-color:var(--border);box-shadow:none;}.proj-type-card:hover .pt-bg img{transform:none;}}

/* ===== Contact Page — Responsive ===== */
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:36px;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.field-grid{grid-template-columns:1fr;}.form-card{padding:28px 20px;}.contact-details{padding:28px 22px;}}
@media (hover:none){.form-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);}.contact-details .cd-item a:hover{color:var(--ink-soft);}}

/* ===== Home Page — Responsive ===== */
@media (prefers-reduced-motion: reduce){.hero-anim{animation:none;opacity:1;}}
@media (prefers-reduced-motion: reduce){.blueprint-panel .hero-photo{animation:none;}}
@media (max-width:960px){
  #hero{padding:92px 0 60px;}
  .hero-grid{grid-template-columns:1fr;gap:52px;}
  .hero-art{max-width:420px;margin:0 auto;}
}
@media (max-width:640px){
  .modal-card{padding:28px 20px;}
  .field-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){#trust::before{animation:none;}}
@media (prefers-reduced-motion: reduce){.trust-track{animation:none;}}
@media (max-width:760px){.trust-item{padding:0 34px;}.trust-track{animation-duration:20s;}}
@media (max-width:900px){#intro .intro-grid{grid-template-columns:1fr;gap:40px;}}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr;}}
@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr;}}
@media (max-width:900px){.cat-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.cat-grid{grid-template-columns:1fr;}}
@media (max-width:900px){.proj-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.proj-grid{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.process-step .pnum{color:var(--ink-faint);}}
@media (max-width:760px){
  .process-list{grid-template-columns:1fr;gap:16px;}
  .process-step{padding:20px 18px;}
  .process-step:last-child{max-width:none;}
  .process-step .pnum{font-size:1.7rem;}
}
@media (max-width:800px){.testi-grid{grid-template-columns:1fr;}}

/* ===== Interior Design Page — Responsive ===== */
@media (max-width:900px){.service-list{grid-template-columns:1fr 1fr;}.type-grid{grid-template-columns:1fr;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.service-list{grid-template-columns:1fr;}.type-card{padding:28px 22px;}.type-card ul{grid-template-columns:1fr;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.type-card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border);}.service-list li:hover{background:#fff;border-color:var(--border);box-shadow:none;}.img-card:hover{box-shadow:none;}}

/* ===== Portfolio Page — Responsive ===== */
@media (max-width:900px){.proj-grid{grid-template-columns:1fr 1fr;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.proj-grid{grid-template-columns:1fr;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.proj-card:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm);}.proj-card:hover .proj-thumb img{transform:none;filter:none;}.filter-btn:hover{border-color:var(--border);box-shadow:none;}}

/* ===== Our Process Page — Responsive ===== */
@media (max-width:900px){.section{padding:70px 0;}}
@media (max-width:768px){.wrap{padding:0 20px;}.section{padding:60px 0;}#page-hero{padding:80px 0 50px;}#page-hero h1{font-size:clamp(1.6rem,5vw,2.2rem);}.cta-banner{padding:50px 24px;border-radius:20px;}.process-detailed .pstep{grid-template-columns:44px 1fr;gap:18px;}.pstep .pnum{width:44px;height:44px;font-size:.9rem;}.process-detailed .pstep:not(:last-child)::before{left:21px;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.pstep .pnum{background:linear-gradient(135deg,var(--blue),var(--sky));}}

/* ===== Residential Construction Page — Responsive ===== */
@media (max-width:900px){.service-list{grid-template-columns:1fr 1fr;}.image-showcase{grid-template-columns:1fr;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.service-list{grid-template-columns:1fr;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.service-list li:hover{background:#fff;border-color:var(--border);transform:none;box-shadow:none;}.image-showcase .img-card:hover{box-shadow:none;}}

/* ===== Services Page — Responsive ===== */
@media (max-width:1024px){.svc-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.svc-grid{grid-template-columns:1fr;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (max-width:480px){#page-hero{padding:80px 0 50px;}#page-hero h1{font-size:1.6rem;}.svc-card{padding:24px 20px;}}
@media (hover:none){.svc-card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border);}}

/* ===== Structural Construction Page — Responsive ===== */
@media (max-width:900px){.service-list{grid-template-columns:1fr 1fr;}.section{padding:70px 0;}}
@media (hover:none){.service-list li:hover{background:#fff;border-color:var(--border);box-shadow:none;}.approach-card:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm);}}

/* ===== Thank You Page — Responsive ===== */
@media (max-width:640px){.wrap{padding:0 20px;}.thankyou-card{padding:40px 24px;}.thankyou-card h1{font-size:1.4rem;}}
@media (hover:none){.thankyou-card .btn-outline:hover{border-color:var(--border);transform:none;}.thankyou-card .btn-primary:hover{transform:none;}}

/* ===== Turnkey Projects Page — Responsive ===== */
@media (max-width:900px){.feature-grid{grid-template-columns:1fr 1fr;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.feature-grid{grid-template-columns:1fr;}.cta-banner{padding:44px 24px;border-radius:20px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.feature-card:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm);}.audience-list li:hover{background:#fff;border-color:var(--border);box-shadow:none;}.benefit-card:hover{background:#fff;border-color:var(--border);box-shadow:none;}}

/* ===== Why Choose Us Page — Responsive ===== */
@media (max-width:900px){.diff-grid{grid-template-columns:1fr;}.section{padding:70px 0;}}
@media (max-width:640px){.wrap{padding:0 20px;}.section{padding:50px 0;}.diff-card{padding:28px 22px;}.modal-card{padding:28px 20px;}.field-grid{grid-template-columns:1fr;}}
@media (hover:none){.diff-card:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm);}.diff-card[style*="background"]:hover{background:linear-gradient(135deg,var(--blue),var(--blue-deep))!important;}}