:root{--ink:#0b0d10;--panel:#13161b;--steel:#232832;--yellow:#f2b705;--white:#f7f7f4;--muted:#b7bbc3;--line:#30353e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:84px;padding:0 max(24px,5vw);display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(11,13,16,.95)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-logo{width:49px;height:57px;object-fit:contain;background:#fff;border:2px solid var(--yellow)}.brand strong,.brand small{display:block;line-height:.9}.brand strong{font:900 28px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em}.brand small{font:700 11px/1.2 Inter,sans-serif;letter-spacing:.14em;color:var(--yellow);margin-top:4px}.site-header nav{display:flex;gap:24px}.site-header nav a{font-size:.9rem;font-weight:600;color:#d7d8dc}.site-header nav a:hover{color:var(--yellow)}.header-call{background:var(--yellow);color:var(--ink);padding:11px 18px;font-weight:800;clip-path:polygon(0 0,100% 0,100% 72%,91% 100%,0 100%)}
.hero{min-height:680px;padding:76px max(24px,7vw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#222831 0,transparent 38%),linear-gradient(135deg,#0b0d10 65%,#161a20)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 66%,rgba(242,183,5,.08) 66% 67%,transparent 67%);pointer-events:none}.eyebrow{margin:0 0 12px;color:var(--yellow);font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem}.hero h1,.section h2,.cta h2{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:900;line-height:.88;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(4.2rem,8vw,8.4rem)}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--yellow)}.intro{max-width:660px;color:#d2d4d9;font-size:1.12rem;margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button.primary{background:var(--yellow);color:var(--ink)}.button.secondary{border:1px solid #606773;background:rgba(255,255,255,.03)}.button:hover{transform:translateY(-2px)}.trust-list{display:flex;flex-wrap:wrap;gap:20px 28px;padding:0;margin:28px 0 0;list-style:none;color:var(--muted);font-size:.88rem}.trust-list li:before{content:"✓";color:var(--yellow);font-weight:900;margin-right:8px}.hero-visual{position:relative}.steel-card{padding:12px;background:linear-gradient(145deg,#39404a,#111317);box-shadow:0 30px 70px rgba(0,0,0,.55);transform:rotate(1.5deg);clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%)}.steel-card img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.9) contrast(1.08)}.hero-logo{position:absolute;right:-18px;top:-28px;width:130px;height:165px;object-fit:contain;background:#fff;border:4px solid var(--yellow);box-shadow:8px 8px 0 #060708}.experience{position:absolute;left:-24px;bottom:28px;background:var(--yellow);color:var(--ink);padding:14px 18px;font:900 24px/1 "Barlow Condensed",sans-serif;box-shadow:8px 8px 0 #060708}.experience small{font:800 11px/1 Inter,sans-serif;letter-spacing:.08em}.service-strip{min-height:74px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:28px;padding:16px 24px;font:900 clamp(1.1rem,2.2vw,1.7rem)/1 "Barlow Condensed",sans-serif;letter-spacing:.05em;transform:skewY(-1deg);margin-top:-16px;position:relative;z-index:2}.service-strip span{transform:skewY(1deg)}.service-strip i{width:7px;height:7px;background:var(--ink);transform:rotate(45deg)}
.section{padding:110px max(24px,7vw)}.section-heading{max-width:780px;margin-bottom:48px}.section h2,.cta h2{font-size:clamp(3.2rem,6vw,6rem)}.section-heading>p:last-child,.work-copy>p{color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:260px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.service-grid article:hover{background:#15191f}.service-grid article>span{font:800 14px/1 Inter;color:var(--yellow)}.service-grid h3{font:800 2rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:50px 0 12px}.service-grid p{color:var(--muted);margin:0}.work{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--panel);align-items:center}.work-copy p{max-width:620px}.text-link{display:inline-block;color:var(--yellow);font-weight:800;margin-top:18px}.process{border-top:1px solid var(--line)}.process div{display:flex;align-items:center;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.process b{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--yellow);color:var(--yellow);font:800 22px/1 "Barlow Condensed"}.process strong,.process small{display:block}.process strong{font-size:1.05rem}.process small{color:var(--muted)}
.projects{background:#0d1014}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-grid figure{position:relative;margin:0;min-height:330px;overflow:hidden;background:var(--steel)}.project-grid .project-featured{grid-column:span 2;grid-row:span 2;min-height:676px}.project-grid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease,filter .35s ease}.project-grid figure:hover img{transform:scale(1.03);filter:brightness(.75)}.project-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.9));display:flex;flex-direction:column}.project-grid figcaption strong{font:800 1.65rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.project-grid figcaption span{color:#d2d4d8;font-size:.84rem}.reviews{background:var(--panel)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{margin:0;padding:34px;background:#0d1014;border-top:4px solid var(--yellow);display:flex;flex-direction:column;min-height:360px}.stars{color:var(--yellow);letter-spacing:.15em;font-size:1.25rem}.review-grid blockquote>p{font-size:1.05rem;color:#e3e4e6;line-height:1.75}.review-grid blockquote footer{margin-top:auto;min-height:0;padding:22px 0 0;border:0;display:block}.review-grid footer strong,.review-grid footer span{display:block}.review-grid footer span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.cta{text-align:center;padding:120px 24px;background:linear-gradient(rgba(7,8,10,.88),rgba(7,8,10,.94)),repeating-linear-gradient(135deg,#1a1e24 0,#1a1e24 2px,#101318 2px,#101318 12px)}.cta>p:not(.eyebrow):not(.location):not(.contact-email){color:var(--muted);font-size:1.05rem}.centered{justify-content:center;margin-top:30px}.contact-email{margin:28px 0 0;color:var(--yellow);font-weight:700}.location{margin-top:8px;color:#7f858f;font-size:.84rem}footer{min-height:120px;padding:28px max(24px,5vw);display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:#878c95;font-size:.8rem}footer .compact{margin-right:auto}.compact .brand-logo{width:43px;height:50px}.compact strong{font-size:22px}.mobile-call{display:none}
@media(max-width:900px){.site-header nav,.header-call{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-visual{max-width:560px;margin:12px auto 0}.service-grid{grid-template-columns:repeat(2,1fr)}.work{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid .project-featured{grid-column:span 2;grid-row:auto;min-height:520px}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:0}.service-strip{gap:14px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.service-strip span:nth-of-type(4),.service-strip i:nth-of-type(3){display:none}.mobile-call{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;text-align:center;background:var(--yellow);color:var(--ink);padding:13px;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.45)}}
@media(max-width:580px){body{padding-bottom:66px}.site-header{height:72px;padding:0 18px}.brand-logo{width:42px;height:50px}.hero{padding:54px 20px 70px;min-height:auto}.hero h1{font-size:clamp(3.7rem,18vw,5.5rem)}.intro{font-size:1rem}.hero-actions .button{width:100%}.trust-list{display:grid;gap:8px}.steel-card img{aspect-ratio:1/1}.hero-logo{width:92px;height:118px;right:-4px;top:-20px}.experience{left:-8px}.section{padding:80px 20px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:220px}.service-grid h3{margin-top:38px}.work{gap:50px}.project-grid{grid-template-columns:1fr}.project-grid .project-featured{grid-column:auto;min-height:380px}.project-grid figure{min-height:330px}.review-grid blockquote{padding:26px}.cta{padding:90px 20px}footer{display:grid;gap:10px;padding:30px 20px}.service-strip{font-size:1.1rem}.brand strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}