/* Reference-inspired industrial layout, made for BEIBANG. */
:root{--ink:#191e24;--deep:#151b23;--orange:#c75524;--paper:#fff;--line:#e2e3e4;--muted:#656a70;--accent:#f8e8dc}body{background:#fff}h1,h2,h3{color:var(--ink)}.brand-mark i{background:#171d24}.brand-mark i:last-child{background:#db672c}.site-header{background:#fff;backdrop-filter:none;box-shadow:none}.header-inner{min-height:88px}.nav-links .nav-contact{background:var(--orange);border-color:var(--orange);color:white}.nav-links .nav-contact:hover{background:#a84018}.template-topbar{background:var(--deep);color:#c9ced3;font-size:10px;letter-spacing:.07em}.template-topbar>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:35px}.template-topbar>.wrap>div{display:flex;gap:28px}.template-topbar a:hover{color:#fff}.template-hero{padding:0 24px;background:#fff}.template-stage{position:relative;min-height:605px;isolation:isolate;overflow:hidden;background:#161e25;max-width:1600px;margin:auto}.template-main-photo{position:absolute;inset:0 0 0 auto;width:79%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}.template-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111820 0%,#111820b8 22%,#11182022 57%,#11182000 100%);z-index:-1}.template-hero-inner{min-height:605px;display:flex;align-items:center;padding:65px 0}.template-message{width:535px;background:#fff;padding:44px 45px 42px;box-shadow:0 18px 40px #0001;position:relative}.template-message:before{content:'';position:absolute;width:45px;height:4px;top:0;inset-inline-start:45px;background:#da672f}.template-message>.overline{font-size:9px;color:var(--muted);letter-spacing:.14em;margin-bottom:24px}.template-message h1{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:650}.template-message h1 em{color:var(--orange);font-style:normal}.template-intro{color:var(--muted);font-size:14px;line-height:1.8;margin:24px 0 28px}.template-message .button{background:#d9652e;border-color:#d9652e;color:#fff;font-size:12px;min-height:48px;padding:13px 18px;gap:20px;border-radius:0}.template-message .button:hover{background:#b94d1d}.template-message .button-row{gap:24px}.template-project-link{display:inline-flex;gap:11px;align-items:center;font-size:11px;font-weight:600}.project-play{width:36px;height:36px;border:1px solid #d2d5d7;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#1a2128}.template-project-link:hover .project-play{border-color:var(--orange);color:var(--orange)}.template-caption{position:absolute;bottom:24px;inset-inline-end:30px;color:#fff;font-size:10px;letter-spacing:.06em;padding:11px 16px;background:#111820bf;max-width:48%}.template-caption>span{color:#f29a62;margin-inline-end:14px}.template-about{padding:94px 0 88px}.template-about-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.template-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;padding-bottom:25px}.template-pair>img{width:100%;height:350px;object-fit:cover}.template-pair>img:nth-child(2){margin-top:35px;object-position:40% center}.template-since{position:absolute;bottom:0;inset-inline-start:24px;background:#171e25;color:#fff;padding:18px 24px;min-width:180px;border-bottom:4px solid #d9652e;box-shadow:0 8px 18px #0001}.template-since strong{font-size:32px;font-weight:600;letter-spacing:-.03em;display:block;line-height:1.2}.template-since span{display:block;font-size:10px;margin-top:5px;color:#d3d7db}.template-about-copy>.overline{font-size:10px;letter-spacing:.14em;color:var(--orange);margin-bottom:22px}.template-about-copy h2{font-size:clamp(32px,3.2vw,45px);line-height:1.13;font-weight:650}.template-about-copy>p:not(.overline){font-size:14px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:490px}.template-mini-stats{display:flex;margin:27px 0;gap:40px;padding:22px 0;border-block:1px solid var(--line)}.template-mini-stats strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.03em;color:var(--ink)}.template-mini-stats span{display:block;font-size:9px;color:var(--muted);letter-spacing:.1em;margin-top:7px}.template-about-copy .button{border-radius:0;padding:13px 22px;min-height:48px;font-size:12px}.home-page .expertise-strip{background:#f4f4f2;color:var(--ink);border-block:1px solid var(--line)}.expertise-label{color:var(--muted)}.expertise-strip a{border-color:var(--line)}.expertise-strip a>span:last-child{color:var(--orange)}.expertise-strip a:hover{background:#ecece9}.product-families{background:#fafaf8}.category-shortcuts a.business-card,.product-card,.project-photo{border-radius:0}.category-shortcuts .business-number{background:var(--orange);border-radius:0}.business-copy h3{color:var(--ink)}.division-band{background:#171e26}.division-layout h2{color:#fff}.division-layout>.division-img{border-radius:0}.division-layout .overline{color:#ec9362}.home-page .turkey-project{background:#f5f5f2}.process-item{border-top-color:var(--orange)}.cta-band{background:#d6652d}.cta-inner h2{color:#fff}.site-footer{background:#121922}.page-heading{background:#f3f3f0}.technical-guide{background:#f4f5f2}.filter-list button[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}.template-about-copy,.template-pair,.template-message{min-width:0}.spotlight-copy h2,.product-copy h3,.technical-topic h3{color:var(--ink)}
html[dir=rtl] .template-main-photo{inset:0 auto 0 0}html[dir=rtl] .template-shade{background:linear-gradient(270deg,#111820 0%,#111820b8 22%,#11182022 57%,#11182000 100%)}
@media(min-width:761px) and (max-width:1100px){.template-hero{padding:0 16px}.template-message{width:480px;padding:38px}.template-message h1{font-size:45px}.template-stage,.template-hero-inner{min-height:575px}.template-about-layout{gap:40px}.template-pair{gap:14px}.template-pair>img{height:320px}}
@media(max-width:760px){.template-topbar>.wrap{min-height:30px;justify-content:center}.template-topbar>.wrap>span{font-size:8px}.template-topbar>.wrap>div{display:none}.header-inner{min-height:72px}.template-hero{padding:0 12px}.template-stage{min-height:0;padding-top:220px;background:#19212a}.template-main-photo{top:0;left:0;right:0;width:100%;height:310px;object-position:center 47%}.template-shade{background:linear-gradient(0deg,#19212a 0%,#19212a00 65%)!important}.template-hero-inner{min-height:0;width:100%;padding:0 14px 20px}.template-message{width:100%;padding:29px 25px 30px;box-shadow:none}.template-message:before{inset-inline-start:25px;width:36px;height:3px}.template-message>.overline{font-size:8px;margin-bottom:19px}.template-message h1{font-size:clamp(33px,8.7vw,46px);line-height:1.12}.template-intro{font-size:13px;line-height:1.8;margin:20px 0 23px}.template-message .button-row{gap:20px}.template-message .button{font-size:11px;padding:12px 14px;gap:14px}.template-project-link{font-size:10px;gap:8px}.project-play{width:30px;height:30px}.template-caption{display:none}.template-about{padding:54px 0}.template-about-layout{grid-template-columns:minmax(0,1fr);gap:36px}.template-pair{gap:13px;padding-bottom:20px}.template-pair>img{height:235px}.template-pair>img:nth-child(2){margin-top:23px}.template-since{inset-inline-start:16px;padding:13px 18px;min-width:150px}.template-since strong{font-size:28px}.template-since span{font-size:9px}.template-about-copy>.overline{font-size:9px;margin-bottom:17px}.template-about-copy h2{font-size:34px}.template-about-copy>p:not(.overline){font-size:14px;margin-top:20px}.template-mini-stats{margin:23px 0;padding:19px 0;gap:32px}.template-mini-stats strong{font-size:25px}.home-page .expertise-strip a{border-color:var(--line)}.expertise-label{border-color:var(--line)}.template-about-copy .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.template-message .button:hover{transform:none}}
@media(max-width:360px){.brand-sub{display:none}.menu-toggle{white-space:nowrap;font-size:12px;padding:8px 10px}.template-message{padding:26px 20px}.template-message h1{font-size:30px;letter-spacing:-.045em}.template-message .button-row{gap:15px}.template-message .button{padding:11px 13px}.template-message:before{inset-inline-start:20px}}