@font-face{font-family:Bamboom;src:url('assets/ccbiffbamboom.latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Bamboom;src:url('assets/ccbiffbamboom.latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--yellow:#fff76a;--page:#000;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;min-width:320px}
a{color:inherit}
img{max-width:100%}
.comic{font-family:Bamboom,Impact,cursive;font-weight:400;text-transform:uppercase}
.site-header{height:108px;background:#000;position:relative;z-index:5}
.header-inner{max-width:1249px;height:100%;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between}
.brand{display:block;width:92px;height:92px;margin-top:8px;flex:none}
.brand img{display:block;width:92px;height:92px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:34px;height:100%;padding-top:0;margin-right:210px}
.site-nav a{font-size:16px;text-decoration:none;white-space:nowrap;color:#fff}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--yellow)}
.menu-toggle{display:none}
.bridge-scene{background-color:#000;background-image:url('assets/bridge.jpg');background-repeat:no-repeat}
.home-hero{height:697px;background-size:cover;background-position:center center;position:relative}
.home-hero-title{position:absolute;top:130px;left:50%;transform:translateX(-50%);font-size:57px;line-height:1.5;color:var(--yellow);white-space:nowrap;margin:0}
.clients-section{background:#000;min-height:1540px;padding:60px 0 80px}
.clients-inner{width:min(1160px,calc(100% - 100px));margin:0 auto;display:grid;grid-template-columns:474px 616px;gap:0}
.clients-inner h2{font-size:38px;line-height:1.45;font-weight:400;width:310px;margin:110px 0 0}
.clients-grid{display:grid;grid-template-columns:repeat(3,170px);justify-content:space-between;grid-auto-rows:170px;row-gap:53px}
.client-card:nth-child(n+7):nth-child(-n+12){transform:translateY(69px)}
.client-card:nth-child(n+13){transform:translateY(138px)}
.client-card{width:170px;height:170px;display:flex;align-items:center;justify-content:center;background:#202020}
.client-card img{width:100%;height:100%;object-fit:contain}
.partners-section{height:365px;background:#fff;color:#000;display:flex;align-items:center}
.partners-inner{width:min(970px,calc(100% - 80px));margin:0 auto;display:flex;align-items:center;gap:50px}
.partners-inner h2{font-size:38px;line-height:1;margin:0;width:300px;flex:none;font-weight:400;border-right:1px solid #cfcfcf;padding:60px 30px 60px 0}
.partners-grid{display:flex;align-items:center;gap:30px}
.partners-grid img{width:129px;height:129px;object-fit:contain}
.services-stage{min-height:1451px;padding:90px 0 330px;background-size:100% auto;background-position:center -400px}
.page-title{font-size:64px;line-height:1.2;text-align:center;margin:0 0 35px}
.services-grid{width:min(1182px,calc(100% - 90px));margin:0 auto;display:grid;grid-template-columns:repeat(4,260px);justify-content:space-between;row-gap:35px}
.service-card{text-align:center}
.service-card img{width:260px;height:199px;object-fit:cover;display:block}
.service-card h2{font-size:20px;line-height:1.35;color:var(--yellow);margin:6px auto 0;max-width:260px}
.service-cta{min-height:425px;background:#111 url('assets/cta.jpg') center/cover no-repeat;padding:0 5.5%}
.service-cta-panel{height:425px;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}
.service-cta h2{font-size:52px;line-height:1.1;text-align:center;margin:0 0 40px}
.cta-button{width:170px;height:55px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--yellow);background:#000;font-size:19px}
.cta-button:hover{background:#252525}
.about-page{background:#000}
.about-intro{display:grid;grid-template-columns:1fr 1fr;min-height:502px;border-bottom:1px solid #111}
.about-photo{position:relative;min-height:502px}
.about-photo img{display:block;width:100%;height:502px;object-fit:cover}
.about-photo h1{position:absolute;top:15px;left:35px;color:var(--yellow);font-size:58px;margin:0}
.about-copy{padding:80px 70px 16px 50px;text-transform:uppercase;font-size:16px;line-height:1.37}
.about-copy h2{font-weight:400;font-size:22px;margin:0 0 22px}
.about-copy p{margin:0 0 11px}
.certificate-section{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 6%;border-bottom:1px solid #111}
.certificate-section p{font-size:18px;line-height:1.5;text-transform:uppercase;max-width:600px;margin-left:14%}
.certificate-section img{display:block;width:426px;height:419px;object-fit:contain;justify-self:center}
.stats-section{min-height:389px;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;justify-items:center;padding:55px max(8%,50px) 45px}
.stat{text-align:center}
.stat img{width:121px;height:121px;object-fit:contain}
.stat h3{color:var(--yellow);font-size:22px;margin:8px 0 10px;line-height:1.25}
.stat p{font-size:16px;margin:0;text-transform:uppercase}
.contact-page{min-height:900px;position:relative;overflow:hidden;background:#000}
.contact-page:before{content:'';position:absolute;left:0;right:0;pointer-events:none;background-image:url('assets/bridge.jpg');background-repeat:no-repeat;background-size:100% auto}
.contact-page:before{top:0;height:750px;background-position:center -190px}
.contact-page>*{position:relative;z-index:1}
.contact-page h1{text-align:center;font-size:72px;line-height:1.45;margin:220px 0 185px}
.contact-info{max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
.contact-info h2{color:var(--yellow);font-size:20px;line-height:1.5;margin:0 0 10px}
.contact-info p{font-size:16px;line-height:1.35;margin:0}
.contact-info a{text-decoration:none}
.contact-info a:hover{text-decoration:underline}
@media(max-width:1100px){.site-nav{margin-right:25px}.clients-inner{grid-template-columns:300px 1fr;gap:20px}.clients-grid{grid-template-columns:repeat(3,minmax(120px,170px))}.client-card{width:100%}.services-grid{grid-template-columns:repeat(3,260px);justify-content:center;column-gap:28px}.services-stage{padding-bottom:150px}.about-copy{padding:40px 30px;font-size:14px}.about-copy h2{font-size:19px}}
@media(max-width:820px){.site-header{height:86px}.header-inner{padding:0 24px;align-items:center}.brand,.brand img{width:70px;height:70px;margin:0}.menu-toggle{display:flex;width:44px;height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;background:var(--yellow)}.site-nav{display:none;position:absolute;top:86px;left:0;right:0;height:auto;background:#000;padding:20px 24px 28px;flex-direction:column;align-items:flex-start;gap:22px;margin:0}.site-nav.open{display:flex}.home-hero{height:570px}.home-hero-title{font-size:clamp(30px,6vw,57px)}.clients-section{min-height:auto;padding:65px 0}.clients-inner{display:block;width:min(620px,calc(100% - 40px))}.clients-inner h2{width:auto;margin:0 0 30px;font-size:31px}.clients-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:15px}.client-card,.client-card:nth-child(n+7):nth-child(-n+12),.client-card:nth-child(n+13){height:auto;aspect-ratio:1;transform:none}.partners-section{height:auto;padding:40px 0}.partners-inner{display:block}.partners-inner h2{border-right:0;border-bottom:1px solid #ddd;padding:0 0 20px;width:auto;margin-bottom:25px}.partners-grid{justify-content:space-between}.partners-grid img{width:25%;height:auto}.services-grid{grid-template-columns:repeat(2,minmax(0,260px));width:calc(100% - 40px)}.service-card img{width:100%;height:auto;aspect-ratio:260/199}.services-stage{min-height:0;padding:70px 0 150px;background-size:auto 800px;background-position:center -330px}.page-title{font-size:50px}.about-intro{grid-template-columns:1fr}.about-photo,.about-photo img{height:470px;min-height:0}.about-copy{padding:45px 32px}.certificate-section{grid-template-columns:1fr;gap:25px;padding:45px 24px}.certificate-section p{margin:0;max-width:none}.stats-section{padding:55px 20px;gap:20px}.contact-page{min-height:900px}.contact-page h1{font-size:clamp(38px,8vw,72px);margin:180px 0 100px}.contact-info{padding:0 20px}}
@media(max-width:560px){.home-hero{height:500px;background-size:auto 620px}.home-hero-title{top:115px;white-space:normal;width:90%;text-align:center}.clients-grid{grid-template-columns:repeat(2,1fr)}.services-grid{gap:25px 15px}.service-card h2{font-size:15px}.service-cta{padding:0}.service-cta-panel{height:320px}.service-cta h2{font-size:32px}.about-photo,.about-photo img{height:360px}.about-photo h1{font-size:45px}.stats-section{grid-template-columns:1fr;gap:45px}.contact-page{min-height:900px}.contact-page h1{margin:120px 0 70px}.contact-info{grid-template-columns:1fr;gap:30px}}