:root{--ink:#101820;--mist:#eef1f2;--paper:#f8f7f3;--white:#fff;--red:#c8212b;--line:#ccd2d5;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:fixed;left:16px;top:-60px;background:#fff;padding:12px;z-index:99}.skip:focus{top:16px}.topbar{background:var(--ink);color:#fff;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px}.topbar-contact{display:flex;gap:24px}.topbar a:hover{color:#ff7c82}.site-header{background:#f8f7f3f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:174px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav-links>a:not(.btn){border-bottom:2px solid transparent;padding:28px 0 24px}.nav-links>a[aria-current=page],.nav-links>a:not(.btn):hover{border-color:var(--red)}.nav-toggle{display:none;background:none;border:0;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff!important;padding:13px 20px;border:1px solid var(--red);font-weight:800;letter-spacing:.03em;cursor:pointer}.btn:hover{background:#a91821}.btn-outline{background:transparent;color:var(--ink)!important;border-color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff!important}.eyebrow{margin:0 0 12px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.015em;line-height:.96;margin:0}h1{font-size:clamp(58px,9vw,132px)}h2{font-size:clamp(42px,6vw,82px)}h3{font-size:27px}.hero{min-height:700px;position:relative;display:flex;align-items:flex-end;color:#fff;background:#111}.hero img{position:absolute;inset:0;height:100%;filter:saturate(.75) contrast(1.08)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0f13ed 0,#0a0f1394 52%,#0a0f1314 100%)}.hero-content{position:relative;z-index:1;padding:100px 0 88px;max-width:950px}.hero h1{max-width:880px}.hero p:not(.eyebrow){max-width:650px;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .btn-outline{border-color:#fff;color:#fff!important}.hero .btn-outline:hover{background:#fff;color:var(--ink)!important}.proof{background:var(--red);color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:26px;border-right:1px solid #ffffff59}.proof strong{display:block;font-family:Impact,sans-serif;font-size:30px}.proof span{font-size:13px}.section{padding:110px 0}.section-soft{background:var(--mist)}.section-dark{background:var(--ink);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head p:last-child{max-width:510px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cap-card{background:#fff;border:1px solid var(--line)}.cap-card img{height:280px}.cap-card div{padding:25px}.cap-card p{margin-bottom:0;color:#53616a}.work-strip{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:260px 260px;gap:12px}.work-strip figure{margin:0;position:relative;overflow:hidden}.work-strip figure:first-child{grid-row:1/3}.work-strip img{height:100%;transition:transform .45s}.work-strip figure:hover img{transform:scale(1.025)}.work-strip figcaption,.project-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px;color:#fff;font-weight:800;background:linear-gradient(transparent,#000d)}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #53616a}.process div{padding:30px 25px;border-right:1px solid #53616a}.process b{color:#ef5a62;font-size:13px}.process p{color:#c8d0d4}.page-hero{padding:100px 0 75px;background:var(--ink);color:#fff}.page-hero h1{font-size:clamp(56px,8vw,110px);max-width:1000px}.page-hero p:last-child{max-width:720px;font-size:19px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-item{display:grid;grid-template-columns:210px 1fr;background:#fff;border:1px solid var(--line)}.service-item img{height:100%;min-height:240px}.service-item div{padding:28px}.service-item ul{padding-left:18px;color:#53616a}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-grid figure{margin:0;position:relative;min-height:320px;overflow:hidden;grid-column:span 4}.project-grid figure:nth-child(1),.project-grid figure:nth-child(6){grid-column:span 8}.project-grid img{height:100%}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.split-media img{height:620px}.split-copy p{font-size:18px;color:#53616a}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.value{background:var(--paper);padding:34px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-photo{height:360px;margin-bottom:28px}.contact-lines{display:grid;gap:12px}.contact-line{padding:18px;border-left:4px solid var(--red);background:#fff}.contact-line span{display:block;color:#68757c;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.form{background:#fff;border:1px solid var(--line);padding:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #bac2c6;background:#fbfbfa;padding:12px}.field textarea{min-height:140px}.notice{font-size:12px;color:#68757c}.cta{background:var(--red);color:#fff;padding:65px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:clamp(42px,6vw,76px)}footer{background:#0a1014;color:#c8d0d4;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:60px}.footer-logo{width:170px;background:#fff;padding:6px}.footer-grid h3{font:800 13px "Segoe UI",sans-serif;letter-spacing:.16em;color:#fff}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:9px 0}.footer-grid a:hover{color:#fff}.legal{border-top:1px solid #303b42;margin-top:45px;padding-top:20px;font-size:12px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#082712;font-weight:900;z-index:25;box-shadow:0 8px 25px #0005}:focus-visible{outline:3px solid #ffbd28;outline-offset:3px}@media(max-width:900px){.topbar .wrap{padding:7px 0}.topbar .wrap>span{display:none}.topbar-contact{width:100%;justify-content:space-between}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a:not(.btn){padding:8px}.proof-grid{grid-template-columns:1fr 1fr}.cap-grid,.values{grid-template-columns:1fr 1fr}.service-list{grid-template-columns:1fr}.project-grid figure,.project-grid figure:nth-child(1),.project-grid figure:nth-child(6){grid-column:span 6}.split,.contact-layout{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.wrap{width:min(100% - 24px,var(--max))}.topbar-contact{font-size:11px}.brand img{width:150px}.hero{min-height:630px}.section{padding:75px 0}.section-head{display:block}.cap-grid,.values,.proof-grid,.form-grid,.process{grid-template-columns:1fr}.work-strip{grid-template-columns:1fr;grid-template-rows:repeat(3,300px)}.work-strip figure:first-child{grid-row:auto}.service-item{grid-template-columns:1fr}.service-item img{height:250px}.project-grid figure,.project-grid figure:nth-child(1),.project-grid figure:nth-child(6){grid-column:1/-1}.split-media img{height:390px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta .wrap{display:block}.cta .btn{margin-top:25px}}
