@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10251c;--green:#bded51;--paper:#f8faf7;--muted:#526157;--line:#d9e2d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #2086ed;outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}header{min-height:100px;padding:20px 5%;display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}.logo{font-size:40px;letter-spacing:-3px;font-weight:800;display:flex;align-items:center;gap:16px;line-height:1}.logo span{font-size:10px;letter-spacing:1px;line-height:1.5}.logo span:not(:empty){max-width:145px}nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:700}#language{border:1px solid var(--line);background:transparent;border-radius:50%;width:46px;height:46px;cursor:pointer}.shop{font-size:14px;border-bottom:1px solid var(--ink);font-weight:700}.hero{background:var(--ink);color:white;padding:30px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.5px}.hero-top{color:#bbc9c1}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px;padding:65px 0 75px}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.12;letter-spacing:-4px;font-weight:600;margin:0 0 28px}h1 em{color:var(--green);font-style:normal}.hero p{max-width:480px;color:#ced8d0;font-size:17px;margin-bottom:35px}.button{display:inline-block;background:var(--green);color:var(--ink);padding:16px 23px;font-weight:700;font-size:15px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#d4ff72;transform:translateY(-2px)}.hero-mark{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #52684e;position:relative;transform:rotate(-7deg);background:linear-gradient(140deg,#284635,#10251c);border-radius:12px;box-shadow:20px 25px 0 #25402b}.hero-mark span{font-size:clamp(100px,15vw,235px);letter-spacing:-15px;font-weight:800;line-height:1;color:var(--green)}.hero-mark div{font-size:11px;letter-spacing:2px;margin-top:25px}.hero-bottom{border-top:1px solid #405247;padding:24px 0;letter-spacing:0;font-size:14px}.section{padding:90px 7%;scroll-margin-top:20px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;margin-bottom:23px;color:var(--muted)}h2{font-size:clamp(30px,3.4vw,49px);letter-spacing:-1.8px;line-height:1.25;font-weight:600;margin:0 0 28px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p{max-width:750px;color:var(--muted);line-height:1.9}.mission{margin-top:35px;border-left:3px solid #7aa42d;padding-left:25px}.mission span{font-size:12px;letter-spacing:1px;font-weight:800}.mission p{margin-bottom:0}.products{background:#eaf0e7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.text-link{border-bottom:1px solid;padding-bottom:8px;font-size:14px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c7d3c2;border:1px solid #c7d3c2}.category{padding:30px;background:#f5f8f1;min-height:240px;display:flex;flex-direction:column;transition:background .2s}.category:hover{background:#deebd4}.category-top{display:flex;justify-content:space-between;color:#64735c;font-size:14px}.category h3{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin:28px 0 10px}.category p{font-size:14px;color:var(--muted);margin:0}.brands h2{max-width:750px}.brand-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;margin-top:40px;font-size:27px;font-weight:800;letter-spacing:-1px}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.contact .eyebrow{color:var(--green)}.contact p{color:#c2cec5;max-width:500px}.contact .button{margin-top:20px}.contact-details{padding-top:60px}.contact-details>a{display:block;font-size:clamp(18px,2vw,26px);border-bottom:1px solid #405247;padding:15px 0}.contact-details p{font-size:15px;margin-top:25px}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px}footer .logo{font-size:33px}footer .logo span{font-size:9px}a:hover{opacity:.9}@media(min-width:1600px){header,.section,.hero,footer{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{flex-wrap:wrap;gap:18px}header nav{order:3;width:100%;justify-content:space-between}#language{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:45px}.hero-mark{display:none}.hero-top span:last-child{display:none}h1{letter-spacing:-2px}.section{padding:60px 6%}.about,.contact{grid-template-columns:1fr;gap:20px}.categories{grid-template-columns:repeat(2,1fr)}.contact-details{padding-top:10px}.brand-list{justify-content:start;gap:30px 45px}footer{flex-wrap:wrap}.hero-bottom{font-size:12px}}@media(max-width:520px){header .logo{font-size:32px;gap:10px}header .logo span{font-size:8px}.shop{font-size:12px}header{gap:12px}nav{gap:10px;font-size:13px}.categories{grid-template-columns:1fr}.category{min-height:190px}.section-head{align-items:start;flex-direction:column}.hero-grid{padding-bottom:45px}h1{font-size:48px}.hero-bottom{flex-direction:column;gap:5px}.contact-details>a{font-size:18px}footer .logo{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* BCT brand: white surfaces, charcoal navigation and red accents. */
:root{--ink:#232122;--green:#db1020;--paper:#fff;--muted:#606065;--line:#e7e7e9}header{padding-top:8px;padding-bottom:8px;min-height:90px;flex-wrap:wrap;gap:18px}header .logo{margin-right:auto}.logo img{width:145px;height:73px;object-fit:contain}.logo{letter-spacing:0}header nav{order:4;width:100%;background:#262628;color:white;padding:14px 22px;margin:0;justify-content:center;gap:45px}.shop{background:#db1020;color:white;padding:11px 19px;border:0;border-radius:30px}#language{font-size:14px}.hero{background:#f3f3f4;color:var(--ink);padding-top:28px}.hero-top{color:#656569}.hero-grid{grid-template-columns:1.1fr 1fr;padding:48px 0 55px;gap:45px}h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2.8px;line-height:1.15}.hero p{color:#606065}.hero-visual{margin:0;align-self:center}.hero-visual img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 45px #00000012}.hero-visual figcaption{font-size:12px;letter-spacing:2px;margin-top:18px;text-align:right;color:#777}.hero-bottom{border-color:#dcdcdf}.button{color:white;border-radius:28px}.button:hover{background:#ba0716}.mission{border-color:#db1020}.products{background:#f5f5f6}.categories{background:#dedee0;border-color:#dedee0}.category{background:#fff}.category:hover{background:#fff3f4}.category-top{color:#d41020}.contact{background:#242426}.contact .eyebrow{color:#ff858e}.contact p{color:#d1d1d4}.contact-details>a{border-color:#515154}.solutions-section{background:#fff;padding-top:35px}.section-intro{max-width:400px;color:var(--muted);margin:0 0 28px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-card{border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;background:white;display:flex;flex-direction:column}.solution-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f6f6f7;border-bottom:1px solid #eee}.solution-body{padding:25px;display:flex;flex-direction:column;flex:1}.solution-index{font-size:12px;color:#b80d1b;letter-spacing:1.3px;font-weight:800}.solution-body h3{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:14px 0}.solution-body p{font-size:16px;color:var(--muted);margin:0 0 20px}.solution-body details{border-top:1px solid #e8e8e8;padding-top:15px;font-size:14px;margin-top:auto}.solution-body summary{cursor:pointer;font-weight:700;padding:4px 0}.solution-body ul{padding-left:20px;line-height:1.8}.pdf-link{display:inline-block;color:#b80d1b;border-bottom:1px solid;margin:8px 0 18px;font-weight:700}.quote-link{font-size:14px;font-weight:700;color:#ba0716;margin-top:20px}.solution-note{font-size:14px;color:#666;margin-top:28px}.brand-list{color:#29292c}footer .logo img{width:110px;height:55px}@media(max-width:1000px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:25px}.hero-grid{gap:25px}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:550px}.solution-grid{grid-template-columns:1fr}header nav{gap:12px;padding:12px 8px;flex-wrap:wrap;font-size:13px}.logo img{width:112px;height:56px}.hero-top{font-size:11px}h1{font-size:43px;letter-spacing:-1.7px}.section-intro{margin:0}.solution-body{padding:22px}}
/* White studio motion hero */
.hero{background:white;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.25fr;gap:15px;min-height:600px}.hero-visual{will-change:transform;transform-origin:center;position:relative}.hero-visual img{width:100%;height:auto;box-shadow:none;border-radius:0;animation:studio-float 9s ease-in-out infinite}.hero-visual figcaption{color:#c51324;letter-spacing:2px;text-align:center}.hero-top{color:#666}.hero-bottom{border-color:#eee}header nav{background:white;color:#252525;border-top:1px solid #eee;border-bottom:1px solid #eee}.hero h1{font-size:clamp(38px,4vw,62px)}.hero-visual:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#df1225;box-shadow:0 0 24px #df122555;left:80%;top:26%;animation:signal 5s ease-in-out infinite;pointer-events:none}.solution-card{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2020200c}@keyframes studio-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes signal{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-visual{margin-top:25px}.hero-visual img{animation-duration:11s}.hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.hero-visual,.hero-visual img,.hero-visual:after{animation:none!important;transform:none!important;will-change:auto}.solution-card:hover{transform:none}}

.brand-marquee{display:flex;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:35px;background:#faf8f7;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.logo-group{display:flex;flex-shrink:0;animation:brand-glide 65s linear infinite}.brand-tile{width:220px;height:125px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-window{display:block;position:relative;overflow:hidden}.logo-window img{position:absolute;max-width:none!important;width:1100px!important;height:741px!important}.brand-marquee:hover .logo-group,.brand-marquee:focus .logo-group{animation-play-state:paused}@keyframes brand-glide{to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.logo-group{animation:none}.brand-marquee{overflow-x:auto}.logo-group[aria-hidden]{display:none}}
