*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;line-height:1.6}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.1}
p{margin:0 0 1em}
:focus-visible{outline:3px solid #f1c868;outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.concept-ribbon{background:#16201f;color:#cfd9d7;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;text-align:center;padding:.5rem 1rem;line-height:1.4}
.concept-ribbon a{color:#f1c868}
.cr-tag{display:inline-block;background:#f1c868;color:#16201f;font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .5rem;border-radius:99px;margin-right:.35rem}

:root{--char:#1d2124;--char-2:#2a2f33;--orange:#f2681c;--off:#f3f1ec;--muted:#6a7075}
body{font-family:'Inter',system-ui,sans-serif;background:var(--off);color:var(--char);font-size:17px}
.t-wrap{width:min(1180px,100% - 48px);margin-inline:auto}
.t-header{background:var(--char);color:#fff}
.t-header-inner{display:flex;align-items:center;gap:2rem;height:74px}
.t-logo{display:flex;align-items:center;gap:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;font-size:1rem}
.t-logo span{width:36px;height:36px;background:var(--orange);display:grid;place-items:center;font-size:1.2rem;color:var(--char)}
.t-nav{display:flex;gap:1.8rem;margin-left:auto}
.t-nav a{text-decoration:none;color:#b9bec2;font-weight:600;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}
.t-btn{display:inline-flex;justify-content:center;background:var(--orange);color:var(--char);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;padding:1.05em 1.6em;border:2px solid var(--orange)}
.t-btn-sm{padding:.7em 1.1em;font-size:.78rem}
.t-btn-ghost{background:transparent;color:#fff;border-color:#fff}
.t-hero{position:relative;min-height:640px;display:flex;align-items:flex-end;color:#fff}
.t-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,24,.85) 0%,rgba(20,22,24,.55) 45%,rgba(20,22,24,.1) 80%),linear-gradient(0deg,rgba(20,22,24,.7),rgba(20,22,24,0) 60%);z-index:1}
.t-hero-inner{position:relative;z-index:2;padding:5rem 0}
.t-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:var(--char);background:var(--orange);padding:.35rem .7rem;margin-bottom:1.2rem}
.t-hero h1{font-size:clamp(3rem,1.6rem + 6vw,6.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;margin-bottom:1.5rem}
.t-lede{font-size:1.18rem;max-width:30em;color:#dfe2e4;margin-bottom:2rem}
.t-ctas{display:flex;gap:.8rem;flex-wrap:wrap}
.t-services{padding:5.5rem 0}
.t-services h2,.t-projects h2,.t-quote h2{font-size:clamp(2rem,1.3rem + 2.2vw,3.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.5rem;border-top:4px solid var(--char)}
.t-grid article{padding:2rem 1.6rem 2rem 0;border-right:1px solid rgba(29,33,36,.15);padding-left:1.6rem}
.t-grid article:first-child{padding-left:0}
.t-grid article:last-child{border-right:0}
.t-grid h3{font-size:1.25rem;font-weight:800;margin-bottom:.6rem}
.t-grid h3::before{content:"";display:block;width:28px;height:4px;background:var(--orange);margin-bottom:1rem}
.t-grid p{color:var(--muted);margin:0;font-size:.95rem}
.t-projects{background:var(--char);color:#fff;padding:5.5rem 0}
.t-proj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}
.t-proj-head p{color:#9aa1a6;margin:0;font-size:.9rem}
.t-proj-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:1.2rem}
.t-proj{margin:0;position:relative;overflow:hidden}
.t-proj-big{grid-row:1/3}
.t-proj img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.t-proj figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.4rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column}
.t-proj figcaption span{color:var(--orange);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.t-quote{padding:5rem 0;background:var(--orange);color:var(--char)}
.t-quote-inner p{font-size:1.15rem;max-width:32em;margin:1rem 0 2rem}
.t-quote .t-btn{background:var(--char);color:#fff;border-color:var(--char)}
.t-footer{background:#111416;color:#8b9196;padding:2rem 0;font-size:.85rem}
@media (max-width:900px){.t-nav{display:none}.t-header-inner{justify-content:space-between}.t-grid{grid-template-columns:1fr 1fr}.t-grid article{padding:1.6rem 1.2rem!important;border-bottom:1px solid rgba(29,33,36,.15)}.t-proj-grid{grid-template-columns:1fr}.t-proj-big{grid-row:auto}}
@media (max-width:640px){body{font-size:16px}.t-wrap{width:min(1180px,100% - 36px)}.t-hero{min-height:580px}.t-hero-inner{padding:3rem 0}.t-grid{grid-template-columns:1fr}.t-grid article{border-right:0;padding:1.5rem 0!important}.t-logo{font-size:.85rem}.t-ctas .t-btn{flex:1}}
