/* PT Bumi Energi Konstruksi — PDF-aligned visual refresh */
:root{
  --forest:#123f68;
  --forest-2:#0c3152;
  --ink:#10283d;
  --paper:#eef5f8;
  --paper-2:#f8fbfd;
  --amber:#30cbed;
  --amber-2:#68dcf4;
  --line:#cfdee7;
  --muted:#5f7483;
  --white:#fff;
  --serif:"Segoe UI",Arial,sans-serif;
  --sans:"Segoe UI",Arial,sans-serif;
  --cyan:#30d0f0;
  --navy:#123f68;
  --navy-dark:#092b49;
  --blue:#205080;
  --sky:#e7f8fc;
  --cool:#e6eef3;
}

body{background:#f8fbfd;color:var(--ink);font-family:var(--sans);font-size:16px}
h1,h2,h3,h4{font-family:var(--sans)!important;letter-spacing:-.035em}
.section{padding:104px 0}
.section-tag{color:#688095;border-color:#c9d9e3;font-size:11px;font-weight:750}
.eyebrow-site{color:#147da2;font-size:11px;font-weight:850;letter-spacing:.17em}
.text-link{border-color:#9eb9c9;color:#16456c}.text-link span{color:#129fc8}.text-link:hover{border-color:#18bde7}

.site-header{height:78px;background:rgba(9,43,73,.92);border-bottom:1px solid rgba(119,216,239,.22);backdrop-filter:blur(14px)}
.site-header.is-scrolled{background:rgba(9,43,73,.97);box-shadow:0 12px 38px rgba(7,32,53,.16)}
.brand-mark--image{width:46px;height:46px;padding:0;background:transparent;border:0;overflow:hidden}
.brand-mark--image img{width:100%;height:100%;object-fit:contain;display:block}
.brand-mark--image i,.brand-mark--image b{display:none}
.brand-type strong{font-size:12px;letter-spacing:.055em}.brand-type small{font-size:10px;color:#9fdef0;letter-spacing:.14em}
.site-nav a{color:#cce7f0;font-weight:700}.site-nav a:hover,.site-nav a.is-active{color:#fff}.site-nav a:after{background:var(--cyan)}
.header-contact{border-color:rgba(117,216,239,.45);color:#fff}.header-contact:hover{background:var(--cyan);border-color:var(--cyan);color:#09304f}

.btn-site{font-weight:850;letter-spacing:.075em;border-radius:0}
.btn-site--cyan{background:var(--cyan);color:#082f4e;border-color:var(--cyan)}.btn-site--cyan:hover{background:#fff;border-color:#fff}
.btn-site--navy{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-site--navy:hover{background:#0c3152;border-color:#0c3152}
.btn-site--outline-light{border-color:rgba(255,255,255,.55);color:#fff}.btn-site--outline-light:hover{background:#fff;color:var(--navy)}

.hero{background:#0d3d66;color:#fff;min-height:820px}.hero:after{border-color:rgba(48,208,240,.2);width:520px;height:520px;right:-210px;top:-210px}.hero-grid-bg{background-image:none!important;mask-image:none!important}.hero-grid-bg:before,.hero-grid-bg:after{content:"";position:absolute;pointer-events:none}.hero-grid-bg:before{left:0;right:0;top:31%;height:1px;background:rgba(124,220,242,.1)}.hero-grid-bg:after{top:0;bottom:0;right:39%;width:1px;background:rgba(124,220,242,.1)}
.hero-inner--photo{grid-template-columns:1.08fr .92fr;gap:48px;min-height:650px;padding-top:34px}.hero-copy h1{font-weight:760;font-size:clamp(48px,4.7vw,67px);line-height:1.08;letter-spacing:-.045em;max-width:760px}.hero-copy>p{color:#c9e2eb;font-size:15px;max-width:650px}.hero-kicker{color:#a8dce9;font-size:10px}.hero-kicker i{background:var(--cyan)}.hero-copy .text-link{color:#fff;border-color:rgba(165,221,235,.42)}.hero-copy .text-link span{color:var(--cyan)}.hero-trust span{border-left-color:var(--cyan);background:rgba(48,208,240,.07);color:#b8dbe5}
.hero-media{position:relative;min-height:575px}.hero-photo{position:absolute;margin:0;overflow:hidden;background:#0a2e4d;border:1px solid rgba(123,219,241,.42);box-shadow:0 24px 70px rgba(4,25,42,.28)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo--main{right:0;top:24px;width:69%;height:500px}.hero-photo--main img{object-position:center 42%}.hero-photo--small{left:0;bottom:18px;width:44%;height:245px;border:8px solid #0d3d66}.hero-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:13px 15px;background:rgba(7,36,60,.88);color:#dff7fc;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-photo figcaption span{display:block;color:#66d9f1;margin-bottom:3px}.hero-photo figcaption b{font-size:10px}.hero-photo--small figcaption{padding:9px 11px;font-size:8px}.hero-blueprint{position:absolute;left:18%;top:5px;width:118px;height:72px;border:1px solid rgba(110,218,241,.6);color:#7ce0f5;background:#0b3559;padding:9px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.hero-blueprint i{display:block;margin:8px 0;border-top:1px solid rgba(110,218,241,.35)}.hero-blueprint b{font-size:18px;color:#fff}.hero-proof{border-top-color:rgba(138,220,239,.25)}.hero-proof>div{border-right-color:rgba(138,220,239,.18)}.hero-proof strong{color:#55d4f0;font-family:var(--sans);font-weight:760}.hero-proof span{color:#a9cfda;font-size:10px}

.intro--photo{background:#fff}.intro-photo-grid{display:grid;grid-template-columns:140px minmax(0,1.08fr) minmax(360px,.92fr);gap:44px;align-items:center}.intro-copy h2{font-size:clamp(38px,3.65vw,52px);font-weight:730;line-height:1.1}.intro-lead{font-size:15px;line-height:1.85;color:#5a7080;margin:26px 0 18px;max-width:650px}.intro-photo{position:relative;margin:0;height:480px;overflow:hidden;background:#dce8ee}.intro-photo img{width:100%;height:100%;object-fit:cover;display:block}.intro-photo:before{content:"";position:absolute;inset:0;border:1px solid rgba(19,74,112,.16);z-index:2}.intro-photo figcaption{position:absolute;left:0;bottom:0;right:0;padding:18px 21px;background:#103f67;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:end}.intro-photo figcaption span{font-size:9px;color:#6edbf2;text-transform:uppercase;letter-spacing:.1em}.intro-photo figcaption b{font-size:11px;text-align:right;max-width:270px}

.services-home{background:#eef5f8}.section-head h2,.intro-copy h2,.materials-copy h2,.project-heading h2,.cta-box h2{font-weight:730;line-height:1.1}.service-grid{border-color:#c9d9e3;background:#fff}.service-card{border-color:#c9d9e3;background:#fff;min-height:320px}.service-card:before{background:#123f68}.service-card:hover:before{inset:0}.service-no{color:#5b86a1}.service-icon{color:#188db3}.service-card h3{font-weight:720;font-size:23px}.service-card p{color:#627887}.service-card:hover p{color:#cbe5ed}.card-arrow{color:#19b8df}

.project-home--blue{background:#092f50}.project-heading>p{color:#a7cbd7}.section-tag--light{color:#88dcef;border-color:rgba(130,216,238,.28)}.eyebrow-site--light{color:#5bd6ef}.project-grid{background:rgba(137,220,239,.2);gap:1px}.project-card{background:#0d385d}.project-visual{height:330px;background:#dce7ed}.project-visual img{object-fit:cover;filter:saturate(.92) contrast(1.02)}.project-info{background:#0d385d}.project-info small{color:#67d7ee;font-size:9px}.project-info h3{font-weight:700}.project-info>span{color:#60d8f0}

.materials--gallery{background:#f3f8fa}.materials-grid--gallery{grid-template-columns:.9fr 1.1fr;gap:62px}.materials-copy .section-tag{margin-bottom:48px}.materials-copy h2{font-size:clamp(38px,3.5vw,50px);line-height:1.1}.materials-copy p:not(.eyebrow-site){color:#617786;font-size:14px}.material-gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:205px;gap:10px}.material-card{position:relative;margin:0;overflow:hidden;background:#d8e6ec;border:1px solid #c8d9e3}.material-card--wide{grid-column:span 2}.material-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.material-card:hover img{transform:scale(1.025)}.material-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:rgba(9,47,80,.9);display:flex;justify-content:space-between;gap:12px;color:#fff}.material-card figcaption b{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.material-card figcaption span{font-size:9px;color:#8be6f7;text-align:right}

.capability-showcase{background:#fff}.capability-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:0;min-height:540px;border:1px solid #cbdce5}.capability-photo{position:relative;margin:0;overflow:hidden;min-height:540px;background:#dfeaf0}.capability-photo img{width:100%;height:100%;object-fit:cover;display:block}.capability-photo figcaption{position:absolute;left:24px;top:24px;background:var(--cyan);color:#0b3558;padding:9px 12px;font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.capability-copy{padding:58px 56px;background:#f3f8fa}.capability-copy h2{font-size:clamp(38px,3.7vw,52px);font-weight:730;line-height:1.1;margin:0 0 34px}.capability-points{display:grid}.capability-points article{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:20px 0;border-top:1px solid #cadbe5}.capability-points article:last-child{border-bottom:1px solid #cadbe5}.capability-points span{font-size:10px;color:#169bc3;font-weight:850}.capability-points h3{font-size:18px;letter-spacing:-.01em;margin:0 0 5px}.capability-points p{margin:0;color:#607684;font-size:12px;line-height:1.65}

.advantage,.insights{background:#f8fbfd}.advantage-grid{border-color:#cbdce5}.advantage-grid article{border-color:#cbdce5}.advantage-grid span{color:#159bc3}.advantage-grid h3{font-weight:720}.article-grid{border-color:#cbdce5;background:#cbdce5}.article-card{background:#fff}.article-card:hover{background:#edf8fb}.article-index{font-family:var(--sans);font-weight:760;color:#1aa8cf}.article-card h3{font-weight:700}.article-card b{color:#126f96}

.cta-section{background:#fff}.cta-box{background:#123f68}.cta-box:after{border-color:rgba(84,211,239,.22)}.cta-box p:not(.eyebrow-site){color:#b8d7e1}.cta-box .eyebrow-site{color:#63d9ef}

.page-hero,.detail-hero,.article-detail__head,.contact-hero{background:#123f68}.page-hero-side>p,.detail-hero>div>div:first-child>p:last-child,.article-head-grid>div:first-child>p:last-child,.contact-copy>p:not(.eyebrow-site){color:#c0dce5}.page-code{color:#83d8eb;border-color:rgba(132,217,236,.3)}.crumb{color:#8ed9ea}.detail-icon{color:#4dd1ee}.detail-panel small{color:#54d3ef}.article-mark span{color:#54d3ef}.contact-direct small{color:#79d6e9}.contact-direct span{color:#55d2ed}
.about-story{background:#fff}.about-diagram{background:#e4f0f5}.orbit{border-color:#9bbdce}.orbit:before,.orbit:after{border-color:#b5ceda}.orbit b{background:#123f68;color:#59d5ef}.vision-section{background:#092f50}.vision-grid>article{background:#092f50}.vision-card>span{color:#57d5ef}.mission-card li span{color:#57d5ef}.mission-card li p{color:#c2dce4}.advantage--about{background:#eef5f8}
.service-list{background:#fff}.service-row{border-color:#cddde6}.service-row:hover{background:#edf8fb}.service-row__icon,.service-row__arrow{color:#188fb5}.service-process{background:#e8f1f5}.process-grid{background:#bfd3de;border-color:#bfd3de}.process-grid article{background:#edf5f8}.process-grid span{color:#128daf}
.portfolio-page,.news-page{background:#edf4f7}.filter-bar button{border-color:#b9ced9}.filter-bar button:hover,.filter-bar button.is-active{background:#123f68;border-color:#123f68}.portfolio-grid,.news-grid{background:#bfd2dd}.portfolio-item,.news-card{background:#fff}.portfolio-copy small{color:#158cb2}.news-card__top span{color:#159dc3}.news-card:hover{background:#f5fbfd}
.detail-content{background:#fff}.rich-copy a{color:#126d91}.contact-form-wrap{background:#f2f8fa}.contact-form input,.contact-form select,.contact-form textarea{border-color:#bad0dc;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#20b5dc;box-shadow:0 0 0 3px rgba(48,208,240,.12)}.contact-map{background:#e5eff4}.map-placeholder{background:#c9dbe4}.map-pin{background:#123f68;color:#5bd6ef}.map-caption{background:#fff}.map-caption small{color:#138daf}

.site-footer{background:#082a47}.site-brand--footer .brand-type small{color:#8bdced}.footer-brand>p{color:#9dc6d3}.footer-social a{color:#67d8ef}.footer-label{color:#6bd4ea}.footer-links a,.footer-contact a{color:#c2dbe3}.footer-contact>p:last-child{color:#88adb9;font-size:12px;line-height:1.65}.footer-bottom{color:#759ba8;border-color:rgba(130,217,238,.18)}.footer-bottom a{font-size:12px}.floating-wa{background:#30d0f0;color:#0b3455}.floating-wa span{background:#123f68;color:#fff}.floating-wa b{font-size:12px}.brand-type small{font-size:12px;line-height:1.15}

@media(max-width:1050px){
  .hero-inner--photo{grid-template-columns:1.08fr .92fr;gap:32px}.hero-photo--main{width:76%}.hero-photo--small{width:47%}.intro-photo-grid{grid-template-columns:110px 1fr}.intro-photo{grid-column:2}.materials-grid--gallery{grid-template-columns:1fr}.material-gallery{max-width:850px}.capability-copy{padding:45px 38px}
}
@media(max-width:820px){
  .site-nav{background:#082f50}.site-nav a{color:#fff}.hero-inner--photo{grid-template-columns:1fr;padding-top:58px}.hero-media{min-height:510px;max-width:690px;width:100%;margin:0}.hero-photo--main{height:450px;width:68%}.hero-photo--small{height:215px;width:42%}.hero-blueprint{left:22%}.intro-photo-grid{grid-template-columns:1fr;gap:25px}.intro-photo-grid>*{grid-column:auto}.intro-photo{height:430px}.materials-grid--gallery{grid-template-columns:1fr}.material-gallery{grid-template-columns:1fr 1fr}.material-card--wide{grid-column:span 1}.capability-grid{grid-template-columns:1fr}.capability-photo{min-height:420px}.capability-copy{padding:42px 34px}.eyebrow-site,.project-info small,.article-card small,.footer-label,.footer-social a,.footer-links a,.footer-contact a{font-size:12px}.hero-proof span,.material-card figcaption span{font-size:11px}
}
@media(max-width:560px){
  .section{padding:72px 0}.site-header,.site-header.is-scrolled{height:66px}.brand-mark--image{width:42px;height:42px}.hero{padding-top:66px}.hero-inner--photo{padding-top:48px}.hero-copy h1{font-size:40px;line-height:1.12;letter-spacing:-.035em}.hero-copy>p{font-size:14px}.hero-media{min-height:430px}.hero-photo--main{right:0;width:79%;height:390px}.hero-photo--small{left:0;width:47%;height:165px;bottom:0;border-width:5px}.hero-blueprint{left:3%;top:12px;width:98px}.hero-proof{grid-template-columns:1fr 1fr}.intro-copy h2{font-size:36px}.intro-photo{height:330px}.intro-photo figcaption{padding:12px 14px;display:block}.intro-photo figcaption b{display:block;text-align:left;margin-top:4px}.project-visual{height:245px}.material-gallery{grid-template-columns:1fr;grid-auto-rows:190px}.material-card--wide{grid-column:auto}.capability-photo{min-height:300px}.capability-copy{padding:32px 22px}.capability-copy h2{font-size:36px}.capability-points article{grid-template-columns:35px 1fr}.footer-grid{gap:34px}.eyebrow-site,.project-info small,.article-card small,.footer-label,.footer-social a,.footer-links a,.footer-contact a,.footer-contact>p:last-child{font-size:12px}.section-tag{font-size:12px}.hero-kicker{font-size:11px}.hero-proof span{font-size:11px}
}

/* Inner pages: source-PDF imagery and the same blue/cyan design language. */
.about-profile-photo{position:relative;margin:0;min-height:430px;overflow:hidden;background:#dce8ee}.about-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.about-profile-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:rgba(9,47,80,.92);color:#fff;display:grid;gap:3px}.about-profile-photo figcaption span{font-size:9px;color:#64d8ef;text-transform:uppercase;letter-spacing:.09em}.about-profile-photo figcaption b{font-size:11px}.about-image-strip{padding-top:0;background:#fff}.about-image-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.about-image-grid figure{margin:0;position:relative;height:260px;overflow:hidden;background:#dbe7ed}.about-image-grid img{width:100%;height:100%;object-fit:cover;display:block}.about-image-grid figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;background:#123f68;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.service-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end}.service-hero-grid h1{font-family:var(--sans);font-size:clamp(50px,6vw,80px);font-weight:760;line-height:1;letter-spacing:-.055em;margin:0 0 22px}.service-hero-lead,.portfolio-hero-lead{max-width:720px;color:#c3dce5;font-size:14px;line-height:1.75;margin:0 0 28px}.service-hero-photo{position:relative;margin:0;height:390px;overflow:hidden;border:1px solid rgba(111,217,240,.38);background:#0b3458}.service-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.service-hero-photo figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(8,43,73,.9);padding:12px 15px;color:#6bdcf2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.service-visual-band{padding-top:20px;background:#fff}.service-visual-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.service-visual-grid figure{margin:0;height:290px;position:relative;overflow:hidden;background:#d9e7ed}.service-visual-grid img{width:100%;height:100%;object-fit:cover;display:block}.service-visual-grid figcaption{position:absolute;left:0;bottom:0;padding:9px 12px;background:#123f68;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.portfolio-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:center}.portfolio-hero-grid h1{font-family:var(--sans);font-size:clamp(50px,6vw,79px);font-weight:760;line-height:1;letter-spacing:-.055em;margin:0 0 20px}.portfolio-hero-stack{height:420px;position:relative}.portfolio-hero-stack img{position:absolute;object-fit:cover;border:1px solid rgba(107,215,239,.4);box-shadow:0 18px 45px rgba(4,28,46,.22)}.portfolio-hero-stack img:first-child{left:0;top:0;width:74%;height:72%}.portfolio-hero-stack img:last-child{right:0;bottom:0;width:64%;height:57%;border:7px solid #123f68}.portfolio-grid--refresh .portfolio-image img{filter:saturate(.94) contrast(1.02);transition:transform .32s ease}.portfolio-grid--refresh .portfolio-item:hover .portfolio-image img{transform:scale(1.025)}
@media(max-width:1050px){.about-profile-photo{grid-column:2}.about-image-grid{grid-template-columns:1fr 1fr}.about-image-grid figure:first-child{grid-column:1/-1}.service-hero-grid,.portfolio-hero-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:820px){.about-profile-photo{grid-column:auto;min-height:380px}.about-image-grid{grid-template-columns:1fr 1fr}.service-hero-grid,.portfolio-hero-grid{grid-template-columns:1fr;gap:36px}.service-hero-photo{height:360px;max-width:650px}.service-visual-grid{grid-template-columns:1fr 1fr}.service-visual-grid figure:first-child{grid-column:1/-1}.portfolio-hero-stack{height:350px;max-width:620px}}
@media(max-width:560px){.about-profile-photo{min-height:320px}.about-image-grid,.service-visual-grid{grid-template-columns:1fr}.about-image-grid figure,.about-image-grid figure:first-child,.service-visual-grid figure,.service-visual-grid figure:first-child{grid-column:auto;height:220px}.service-hero-grid h1,.portfolio-hero-grid h1{font-size:45px}.service-hero-photo{height:285px}.portfolio-hero-stack{height:300px}.portfolio-hero-stack img:first-child{width:78%;height:72%}.portfolio-hero-stack img:last-child{width:65%;height:54%}}