:root{--bg:#090909;--panel:#101010;--line:#252525;--text:#f4f4f4;--muted:#969696;--accent:#ff6347;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}
.header{height:78px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.logo{display:flex;align-items:center;height:42px}.logo img{display:block;width:78px;height:auto}.logo span,h1 span,em{color:var(--accent);font-style:normal}.header nav{display:flex;gap:28px;font-size:12px;color:#aaa}.header nav a{transition:.25s}.header nav a:hover{color:#fff}
.header-btn{border:1px solid #3b3b3b;padding:10px 16px;font-size:11px;text-transform:uppercase;letter-spacing:1px;transition:.25s}.header-btn:hover{border-color:var(--accent);color:var(--accent)}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:0 7vw 11vh;background-image:var(--hero-image);background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.15) 100%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 48%,rgba(255,99,71,.08) 49%,transparent 50%);pointer-events:none}
.hero-content{max-width:850px;position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:600}.hero h1{font-size:clamp(58px,9vw,132px);line-height:.88;letter-spacing:-6px;margin:20px 0}.hero-text{font-size:16px;color:#c1c1c1;max-width:620px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;transition:.25s}.btn.primary{background:var(--accent);color:#0a0a0a;font-weight:700}.btn.secondary{border:1px solid #4a4a4a}.btn:hover{transform:translateY(-2px)}.hero-bottom{position:absolute;right:6vw;bottom:7vh;display:flex;gap:14px;align-items:center;font-size:9px;color:#888;letter-spacing:2px;transform:rotate(90deg);transform-origin:right}.hero-bottom i{display:block;width:55px;height:1px;background:#555}
.section{max-width:var(--max);margin:auto;padding:125px 5vw}.intro{border-top:1px solid var(--line)}.intro-grid,.tech-content{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:45px}.section h2{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-3px;margin:0}.intro p{color:#999;line-height:1.9;font-size:15px}.intro .lead{font-size:21px;color:#eee;line-height:1.6;margin-top:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0}.section-heading h2{font-size:55px}.section-heading p{color:#777}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service{min-height:280px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.service:nth-child(3n){border-right:0}.service span{font-size:10px;color:#666}.service h3{font-size:24px;margin:55px 0 15px}.service p{font-size:13px;color:#888;line-height:1.7;max-width:280px}.service b{position:absolute;right:28px;bottom:28px;color:var(--accent);font-size:18px}.service:hover{background:#101010;transform:translateY(-2px)}
.featured{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.feature-main,.feature-card,.project{position:relative;display:block;overflow:hidden}.feature-main{min-height:620px}.feature-main img,.feature-card img,.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease,filter .5s ease}.feature-main:hover img,.feature-card:hover img,.project:hover img{transform:scale(1.045);filter:brightness(.86)}.feature-main:after,.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 55%)}.feature-caption{position:absolute;z-index:2;left:28px;bottom:27px}.feature-caption small,.feature-card small{font-size:9px;letter-spacing:2px;color:#bbb}.feature-caption h3{font-size:40px;line-height:1;margin:8px 0}.feature-caption span{font-size:11px;color:#bbb}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.feature-card{min-height:301px}.feature-card>div{position:absolute;z-index:2;left:20px;bottom:20px}.feature-card h3{margin:5px 0 0;font-size:20px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-image{height:320px;overflow:hidden;background:#151515}.project-caption{padding:14px 3px 25px}.project-caption h3{margin:0 0 4px;font-size:18px}.project-caption span{font-size:10px;color:#777}.tech{background:#0e0e0e;max-width:none;padding-left:max(5vw,calc((100vw - 1140px)/2));padding-right:max(5vw,calc((100vw - 1140px)/2))}.tech-content{margin-top:35px}.tech-content>div>p{color:#888;max-width:480px;line-height:1.8}.tech-list{display:flex;flex-wrap:wrap;gap:9px;align-content:start}.tech-list span{border:1px solid #2b2b2b;padding:12px 15px;font-size:11px;color:#bbb}.contact{max-width:none;padding:140px 5vw;background:linear-gradient(120deg,#111,#080808)}.contact-box{max-width:var(--max);margin:auto}.contact h2{font-size:clamp(55px,8vw,105px);margin:20px 0}.contact p:not(.eyebrow){color:#888;max-width:520px;line-height:1.8;margin-bottom:30px}.contact-actions{display:flex;gap:12px}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:10px}footer a:hover{color:#fff}
@media(max-width:900px){.header nav{display:none}.featured{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.feature-card{min-height:300px}.project-grid{grid-template-columns:1fr 1fr}.project-image{height:300px}}
@media(max-width:700px){.header{height:70px;padding:0 20px}.header-btn{padding:9px 12px}.hero{padding:0 24px 65px;background-position:center}.hero h1{font-size:56px;letter-spacing:-3px}.hero-text{font-size:14px}.hero-bottom{display:none}.section{padding:85px 24px}.intro-grid,.tech-content{grid-template-columns:1fr;gap:38px}.section-heading{display:block}.section-heading h2{font-size:42px}.section-heading p{margin-top:10px}.service-grid,.project-grid{grid-template-columns:1fr}.service{border-right:0;min-height:235px}.feature-main{min-height:420px}.feature-caption h3{font-size:32px}.feature-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.project-image{height:330px}.tech{padding-left:24px;padding-right:24px}.contact{padding:95px 24px}.contact-actions{flex-direction:column;align-items:stretch}footer{padding:25px 24px;display:block}footer a{display:block;margin-top:14px}}


/* Mobile header — compact TM. logo */
@media (max-width: 700px) {
  header .logo,
  .site-header .logo,
  nav .logo {
    height: 44px !important;
    width: auto !important;
    max-width: 86px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

  header .logo img,
  .site-header .logo img,
  nav .logo img {
    display: block !important;
    width: 78px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  header,
  .site-header {
    min-height: 64px !important;
  }

  header nav,
  .site-header nav {
    align-items: center !important;
  }
}