/* TD Media v2 Cinematic — styles */
:root{
  --max-width:1200px;
  --brand:#FF9500;
  --deep-blue:#003366;
  --teal:#00A86B;
  --charcoal:#333333;
  --white:#ffffff;
  --bg:#ff9500;
  --gap:20px;
  font-family: Lato, "Helvetica Neue", Arial, sans-serif;
  color:var(--charcoal);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--charcoal);line-height:1.6;-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-width);margin:0 auto;padding:28px}

/* header */
.site-header{position:fixed;left:0;right:0;top:0;z-index:90;background:transparent;transition:background 300ms ease,border 300ms ease;backdrop-filter: blur(4px)}
.site-header.scrolled{background:rgba(255,255,255,0.95);border-bottom:1px solid rgba(0,0,0,0.05)}
.header-inner{display:flex;align-items:center;gap:18px;padding:10px 0}
.logo-img{height:46px;display:block}
.main-nav ul{list-style:none;display:flex;gap:14px}
.main-nav a{text-decoration:none;color:var(--charcoal);font-weight:600;font-family:Montserrat, sans-serif}
.cta{margin-left:auto;background:var(--teal);color:var(--white);padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700}

/* hero */
.hero-video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  filter: brightness(0.6);
  z-index: 0;
}

/* hex motif */
.hero-hex{position:absolute;right:6%;top:10%;width:180px;height:180px;opacity:0.12;z-index:1;transform:rotate(8deg)}

/* sections */
.section{padding:56px 0;background:transparent}
.section-inner{padding:12px;border-radius:10px}
h2{font-family:Montserrat, sans-serif;color:var(--deep-blue);margin-bottom:12px}

/* hex grid */
.hex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-top:18px}
.hex-card{background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;border-radius:12px;border:1px solid rgba(0,0,0,0.04);min-height:140px;box-shadow:0 8px 18px rgba(16,24,40,0.04);position:relative;overflow:hidden}
.hex-card:before{content:'';position:absolute;right:-40px;top:-40px;width:120px;height:120px;background:rgba(255,149,0,0.06);transform:rotate(30deg);border-radius:12px}

/* grid thumbs and responsive images */
.grid.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.thumb img{width:100%;height:auto;border-radius:8px;display:block}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.contact-form button{background:var(--teal);color:var(--white);padding:10px 14px;border-radius:8px;border:0;font-weight:700;cursor:pointer}

/* small screens */
@media (max-width:980px){
  .hero-inner{text-align:center;padding:24px}
  .hero h1{font-size:1.6rem}
  .hex-grid{grid-template-columns:repeat(2,1fr)}
  .main-nav{display:none}
  .nav-toggle{display:block}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hex-grid{grid-template-columns:1fr}
  .container{padding:16px}
}

/* animations */
.animate-up{opacity:0;transform:translateY(16px);transition:all 600ms cubic-bezier(.2,.9,.3,1)}
.in-view{opacity:1;transform:none}