a.service-card { display:block; }.brand-lockup { display:flex; align-items:center; gap:11px; color:var(--white); min-width:208px; }.brand-lockup:hover { color:var(--white); }.brand-mark { width:40px; height:31px; position:relative; border-top:3px solid var(--red); transform:skewX(-16deg); }.brand-mark:before { content:""; position:absolute; left:0; bottom:0; width:37px; height:23px; background:var(--red); clip-path:polygon(0 100%,55% 0,100% 0,42% 100%); }.brand-mark:after { content:""; position:absolute; right:-3px; top:6px; width:25px; height:10px; border-top:2px solid rgba(255,255,255,.9); border-radius:50%; transform:rotate(-20deg); }.brand-copy { display:grid; gap:1px; line-height:1; }.brand-copy strong { color:var(--white); font:800 1.65rem/.82 "Barlow Condensed",Impact,sans-serif; letter-spacing:.13em; font-style:italic; }.brand-copy em { color:var(--red); font:800 .62rem/1 "Barlow Condensed",sans-serif; letter-spacing:.34em; font-style:normal; }.page-hero { position:relative; overflow:hidden; padding:140px 0 90px; background:radial-gradient(circle at 80% 0,rgba(215,25,32,.28),transparent 33%),linear-gradient(125deg,#111419,#08090b 66%); }
.page-hero:after { content:""; position:absolute; inset:auto -10% 0 35%; height:2px; background:var(--red); box-shadow:0 -14px 0 rgba(215,25,32,.2),0 -28px 0 rgba(215,25,32,.1); transform:rotate(-7deg); }
.page-hero .shell { position:relative; z-index:1; max-width:980px; margin-left:max(20px,calc((100% - var(--shell))/2)); }
.page-hero h1 { max-width:850px; }.page-hero h1 em { color:var(--red); font-style:normal; }.page-hero h2 { margin:15px 0 4px; color:var(--red); font:700 clamp(1.6rem,3vw,2.5rem)/1 "Barlow Condensed",sans-serif; letter-spacing:.05em; text-transform:uppercase; }.page-hero p { max-width:680px; color:#e0e0e0; font-size:1.07rem; }.page-hero .button { margin-top:10px; }
.large-service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }.large-service-card { display:block; min-height:265px; padding:30px; background:linear-gradient(135deg,#15181d,#0b0d10); border:1px solid var(--line); transition:transform .25s,border-color .25s,box-shadow .25s; }.large-service-card:hover { transform:translateY(-7px); border-color:var(--red); box-shadow:0 18px 30px rgba(0,0,0,.28); }.large-service-card span,.value-grid b { color:var(--red); font:800 1rem "Barlow Condensed",sans-serif; letter-spacing:.12em; }.large-service-card h2 { margin:42px 0 8px; font:800 2.25rem/1 "Barlow Condensed",sans-serif; text-transform:uppercase; }.large-service-card p { max-width:430px; margin:0; color:var(--muted); }.large-service-card b { display:block; margin-top:26px; color:var(--white); font:.78rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.large-service-card i { color:var(--red); font-size:1.25rem; }
.dark-panel { background:#101216; }.split-copy { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }.split-copy h2,.detail-layout h2,.about-layout h2 { margin:0; font:800 clamp(2.5rem,4vw,4.1rem)/.95 "Barlow Condensed",sans-serif; text-transform:uppercase; }.split-copy > p { margin:0; color:var(--muted); font-size:1.05rem; }
.detail-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }.check-list { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.check-list li { padding:18px 0 18px 28px; border-bottom:1px solid var(--line); color:#e8e8e8; position:relative; }.check-list li:before { content:"✓"; position:absolute; left:0; color:var(--red); font-weight:800; }.cta-strip { text-align:center; background:linear-gradient(90deg,#550b0d,#a71116,#550b0d); }.cta-strip h2 { margin:0 0 25px; font:800 clamp(2.8rem,5vw,5rem)/.94 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.about-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; }.about-layout > div:last-child { color:var(--muted); font-size:1.05rem; }.about-layout > div:last-child p:first-child { margin-top:0; }.values { background:#121417; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.value-grid > div { padding:28px; border-top:2px solid var(--red); background:#0b0d10; }.value-grid h2 { margin:32px 0 8px; font:800 2.3rem/1 "Barlow Condensed",sans-serif; text-transform:uppercase; }.value-grid p { margin:0; color:var(--muted); }.contact-page { align-items:center; }.work-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }.work-card { position:relative; overflow:hidden; margin:0; background:#121417; border:1px solid var(--line); }.work-card img { width:100%; height:100%; min-height:300px; object-fit:cover; transition:transform .5s ease; }.work-card:hover img { transform:scale(1.04); }.work-card figcaption { position:absolute; left:0; right:0; bottom:0; padding:32px 20px 18px; background:linear-gradient(transparent,rgba(0,0,0,.9)); font:700 1.2rem "Barlow Condensed",sans-serif; text-transform:uppercase; letter-spacing:.08em; }
@media (max-width:800px) { .brand-lockup { min-width:auto; }.brand-copy strong { font-size:1.38rem; }.brand-mark { width:34px; transform:skewX(-16deg) scale(.88); transform-origin:left center; }.page-hero { padding:105px 0 70px; }.page-hero .shell { margin:auto; }.large-service-grid,.split-copy,.detail-layout,.about-layout,.value-grid,.work-grid { grid-template-columns:1fr; gap:16px; }.split-copy,.detail-layout,.about-layout { gap:30px; }.large-service-card { min-height:220px; }.work-card img { min-height:230px; } }