:root{--ink:#0b0c0f;--paper:#f4f3ef;--orange:#ff5a2a;--line:rgba(11,12,15,.16);--muted:#686a70;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.what-head h2{text-wrap:balance}
.what-head .lead{text-wrap:pretty}
.back-to-top{position:fixed;right:24px;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;border:0;border-radius:999px;padding:14px 20px;background:#d69a28;color:#0b0c0f;font:700 14px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow:0 3px 14px #0002;cursor:pointer}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:#e8ad3b}
.back-to-top:focus-visible{outline:3px solid #0b0c0f;outline-offset:4px}
.lightbox-open .back-to-top{display:none}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:auto}
a{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,243,239,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:82px;display:flex;align-items:center;gap:28px}
.logo{width:230px;flex:0 0 auto}
.nav{display:flex;gap:26px;margin-left:auto;align-items:center}
.site-header .nav a{white-space:nowrap}
@media(min-width:851px) and (max-width:1100px){.site-header .header-cta{display:none}}
.nav a{text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav a:hover,.nav a[aria-current=page]{color:var(--orange)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--ink);transition:.2s}
.header-cta:hover,.button:hover{background:var(--orange);border-color:var(--orange)}
.button.light{background:white;color:var(--ink);border-color:white}
.button.outline{background:transparent}
.menu-toggle{display:none;margin-left:auto;border:0;background:none;font:700 .8rem/1 sans-serif;text-transform:uppercase}
.hero{min-height:720px;display:grid;align-items:end;position:relative;overflow:hidden;background:#101114;color:white}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.8) contrast(1.08)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.82),rgba(8,9,11,.28) 64%),linear-gradient(0deg,rgba(8,9,11,.8),transparent 50%)}
.hero-inner{position:relative;z-index:1;padding:110px 0 72px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow:before{content:"";width:36px;height:3px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
.hero h1{max-width:940px;margin-bottom:24px;font-size:clamp(3.4rem,7vw,7.4rem);line-height:.88;letter-spacing:-.065em;font-weight:800}
.hero h1 span{color:var(--orange)}
.hero-copy{max-width:650px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:rgba(255,255,255,.88)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.proof-strip{background:var(--orange)}
.proof-inner{min-height:90px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.proof-item{padding:18px 28px;border-right:1px solid rgba(11,12,15,.24);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.proof-item:last-child{border:0}
.section{padding:110px 0}
.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;margin-bottom:56px}
.kicker{font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--orange)}
.section h2,.page-hero h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin-bottom:22px}
.lead{font-size:clamp(1.1rem,1.8vw,1.38rem);color:#3e4045;max-width:720px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.service{padding:34px 32px 34px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:300px}
.service:nth-child(3n+2),.service:nth-child(3n+3){padding-left:32px}
.service:nth-child(3n){border-right:0}
.service-number{font-size:.72rem;font-weight:800;color:var(--orange);letter-spacing:.12em}
.service h3{font-size:1.75rem;line-height:1.05;margin:42px 0 18px;letter-spacing:-.03em}
.service p{color:var(--muted)}
.text-link{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:4px}
.dark{background:var(--ink);color:white}
.dark .lead{color:rgba(255,255,255,.67)}
.work-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}
.work-grid:has(>article:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.work-grid:has(>article:nth-child(3)) .case-card{min-height:560px}
.case-card{position:relative;min-height:620px;overflow:hidden;background:#24262b;color:white}
.case-card img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .6s ease}
.case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,9,.9),transparent 67%)}
.case-card:hover img{transform:scale(1.035)}
.case-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px}
.case-tag{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff835f}
.case-card h3{font-size:clamp(2rem,3.2vw,3.6rem);line-height:1;margin:12px 0}
.case-card p{max-width:510px;color:rgba(255,255,255,.74)}
.case-card>a{position:absolute;inset:0;z-index:3;font-size:0}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{background:white;padding:36px;min-height:320px;display:flex;flex-direction:column}
.quote blockquote{font-size:1.28rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 28px}
.quote footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.quote footer span{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.cta-band{background:var(--orange);padding:90px 0}
.cta-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.cta-band h2{font-size:clamp(2.8rem,6vw,6.2rem);line-height:.9;letter-spacing:-.06em;margin:0;max-width:900px}
.site-footer{background:#090a0c;color:white;padding:38px 0 28px}
.site-footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding:0 0 34px}
.footer-contact-block strong,.footer-brand-text strong{display:block;font-size:.9rem;margin-bottom:12px}
.footer-contact-block p{display:flex;gap:18px;margin:7px 0;font-size:.9rem}
.footer-contact-block p span{width:62px;color:rgba(255,255,255,.58)}
.footer-contact-block a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}
.footer-facebook{display:inline-flex;align-items:center;gap:8px}
.footer-facebook img{width:17px;height:17px;object-fit:contain}
.footer-brand-text{text-align:right}
.footer-brand-text span{display:block;color:rgba(255,255,255,.68);font-size:.86rem}
.footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:.78rem}
.page-hero{padding:120px 0 70px;background:var(--ink);color:white}
.page-hero .lead{color:rgba(255,255,255,.7)}
@media(max-width:1000px){.work-grid:has(>article:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid:has(>article:nth-child(3)) .case-card:last-child{grid-column:1/-1}}
@media(max-width:850px){.nav,.header-cta{display:none}
.menu-toggle{display:block}
.nav.is-open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start}
.hero{min-height:650px}
.proof-inner,.services-grid,.testimonials,.work-grid,.section-head{grid-template-columns:1fr}
.work-grid:has(>article:nth-child(3)){grid-template-columns:1fr}.work-grid:has(>article:nth-child(3)) .case-card:last-child{grid-column:auto}
.proof-item{border-right:0;border-bottom:1px solid rgba(11,12,15,.22)}
.service,.service:nth-child(3n+2),.service:nth-child(3n+3){padding:28px 0;border-right:0}
.section{padding:76px 0}
.case-card{min-height:500px}
.cta-inner{grid-template-columns:1fr}
}
@media(max-width:520px){.wrap{width:min(calc(100% - 28px),var(--max))}
.header-inner{height:72px}.logo{width:190px}
.hero{min-height:610px}
.hero-inner{padding:88px 0 46px}
.hero h1{font-size:3.45rem}
.section{padding:64px 0}
.section-head{gap:16px}
.quote{min-height:auto}
.site-footer .footer-top{display:block}
.footer-brand-text{text-align:left;margin-top:30px}
.footer-bottom{display:block}
.footer-bottom span{display:block;margin-top:6px}
}