:root{
  --black:#090a0a;--coal:#111310;--coal-2:#191a17;--gold:#d4ad66;--gold-bright:#f0d094;
  --cream:#f2eee5;--muted:#aea99c;--line:rgba(227,195,137,.24);
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body:"Manrope","Helvetica Neue",Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font:500 15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--black)}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}
.shell{width:min(calc(100% - 80px),1440px);margin-inline:auto}
.section{position:relative;overflow:hidden}
.scroll-progress{position:fixed;z-index:100;inset:0 auto auto 0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
.site-header{position:absolute;z-index:30;inset:0 0 auto;height:100px;border-bottom:1px solid var(--line);background:rgba(7,8,8,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.header-inner{height:100%;display:flex;align-items:center;gap:40px}
.brand{display:flex;align-items:center;gap:14px;flex:none}
.brand img{width:70px;height:70px;object-fit:contain}
.brand-name{font:800 30px/.83 var(--display);letter-spacing:.04em}
.brand-name small{display:block;margin-top:8px;font:800 8px/1 var(--body);letter-spacing:.23em}
.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto;flex-shrink:0;white-space:nowrap}
.main-nav a{font:800 11px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;transition:color .3s}
.main-nav a:hover{color:var(--gold-bright)}
.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.social-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);transition:background .3s,border-color .3s,transform .3s}
.social-icon:hover{transform:translateY(-3px)}
.social-icon svg{width:21px;height:21px;fill:none;stroke:var(--gold-bright);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-instagram .instagram-dot{fill:var(--gold-bright);stroke:none}
.social-whatsapp{background:var(--gold);border-color:var(--gold)}
.social-whatsapp svg{stroke:var(--black)}
.social-whatsapp svg path:last-child{fill:var(--black);stroke:none}
.social-whatsapp:hover{background:var(--gold-bright)}
.social-instagram:hover{background:rgba(212,173,102,.13);border-color:var(--gold)}
.language-switch{display:flex;align-items:center;gap:6px;margin-left:14px;color:#766e5f;font:800 11px/1 var(--body);letter-spacing:.08em}
.language-switch button{background:none;border:0;padding:10px 2px;color:#9c968a;font:inherit}
.language-switch button.active{color:var(--gold-bright)}
.hero{min-height:760px;height:min(100svh,1010px);position:relative;background:#080909;isolation:isolate}
.hero-photo-wrap{position:absolute;inset:0 0 0 43%;overflow:hidden;z-index:-3}
.hero-photo{position:absolute;inset:-8% -3%;width:106%;height:116%;object-fit:cover;object-position:51% 46%;filter:contrast(1.12) saturate(.66) brightness(.71)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090a0a 0%,#090a0a 26%,rgba(9,10,10,.94) 42%,rgba(9,10,10,.38) 68%,rgba(9,10,10,.20) 100%),linear-gradient(0deg,#090a0a 0%,transparent 22%,rgba(9,10,10,.22) 100%)}
.hero-lines{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.075) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(255,255,255,.075) 75%,transparent calc(75% + .5px));pointer-events:none}
.hero-content{position:relative;display:flex;align-items:center;height:100%;padding-top:100px;padding-bottom:74px}
.hero-copy{width:min(77%,900px);padding-top:18px}
.eyebrow,.section-marker{font:800 11px/1.4 var(--body);letter-spacing:.21em;text-transform:uppercase}
.hero-eyebrow{color:var(--gold-bright);margin:0 0 30px}
.hero h1{margin:0;text-transform:uppercase;font:700 clamp(82px,8vw,132px)/.84 var(--display);letter-spacing:-.025em}
.hero h1 span,.hero h1 em{display:block;font-style:normal}
.hero h1 em{color:var(--gold-bright)}
.hero-statement{max-width:700px;margin:33px 0 0;padding-left:22px;border-left:2px solid var(--gold);color:#ebe3d4;font:700 clamp(13px,1.23vw,17px)/1.65 var(--body);letter-spacing:.065em}
.hero-actions{display:flex;align-items:center;gap:31px;margin-top:35px}
.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 22px;font:800 11px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;transition:background .3s,color .3s,transform .3s}
.button:hover{transform:translateY(-3px)}
.button span:last-child{font:500 21px/1 var(--body);transition:transform .3s}
.button:hover span:last-child{transform:translate(3px,-3px)}
.button-gold{background:var(--gold);color:var(--black)}
.button-gold:hover{background:var(--gold-bright)}
.hero-scroll{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:7px;color:var(--cream);font:800 10px/1.2 var(--body);letter-spacing:.14em;transition:color .3s}
.hero-scroll:hover{color:var(--gold-bright)}
.hero-scroll span:last-child{font-size:18px;font-weight:400}
.hero-image-caption{position:absolute;bottom:43px;left:0;right:0;display:flex;justify-content:space-between;color:#a7a397;font:700 9px/1.2 var(--body);letter-spacing:.18em}
.hero-bottom-rule{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(212,173,102,.18)}
.hero-bottom-rule span{display:block;width:24%;height:100%;background:var(--gold)}
.performance{background:#11120f;padding:135px 0 145px;border-bottom:1px solid var(--line)}
.performance-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:7%;position:relative}
.section-marker{display:flex;align-items:flex-start;gap:14px;color:var(--gold)}
.marker-line{flex:none;width:28px;height:1px;margin-top:7px;background:currentColor}
.performance-copy{position:relative;z-index:2;max-width:960px}
.performance h2,.services h2,.equipment h2,.decision h2,.reach h2,.contact h2{margin:0;font-family:var(--display);font-weight:700;line-height:.95;letter-spacing:-.012em;text-transform:uppercase}
.performance h2{font-size:clamp(54px,6.2vw,100px)}
.performance h2 em,.equipment h2 em,.contact h2 em{color:var(--gold-bright);font-style:normal}
.performance p{margin:32px 0 0;max-width:730px;padding-top:26px;border-top:1px solid var(--line);font:700 clamp(17px,2vw,25px)/1.36 var(--body);letter-spacing:.025em}
.performance-graphic{position:absolute;right:-10%;bottom:-63%;width:570px;height:570px;opacity:.32;pointer-events:none}
.graphic-ring{position:absolute;inset:0;border:1px solid var(--gold);border-radius:50%}
.ring-two{inset:16%;border-color:rgba(212,173,102,.6)}
.graphic-core{position:absolute;inset:49.8% 0 auto;height:1px;background:var(--gold)}
.graphic-cross{position:absolute;top:46%;left:49%;font:300 30px/1 var(--body);color:var(--gold)}
.services{background:var(--coal);padding:105px 0 120px}
.services-head{display:grid;grid-template-columns:205px 1fr;gap:7%;align-items:end;margin-bottom:42px}
.services h2{font-size:clamp(48px,5.4vw,83px)}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.service-card{position:relative;min-height:490px;overflow:hidden;border:1px solid var(--line);background:#1a1b18;isolation:isolate}
.service-image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.service-image img{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover;filter:brightness(.66) saturate(.67) contrast(1.08);transition:filter .55s,transform .55s}
.service-card:first-child .service-image img{object-position:center 61%}
.service-card:nth-child(2) .service-image img{object-position:center 88%}
.service-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,8,8,.95),rgba(7,8,8,.2) 55%,rgba(7,8,8,.15))}
.service-card:hover .service-image img{filter:brightness(.82) saturate(.8) contrast(1.08);transform:scale(1.05)}
.service-copy{position:absolute;inset:auto 38px 35px}
.service-copy>span:first-child{display:block;color:var(--gold);font:800 11px/1 var(--body);letter-spacing:.15em}
.service-copy h3{max-width:600px;margin:9px 0 0;font:700 clamp(42px,4.4vw,70px)/.96 var(--display);overflow-wrap:anywhere}
.service-copy p{margin:16px 0 0;color:#e4ded2;font-size:13px}
.service-arrow{position:absolute;right:0;bottom:0;color:var(--gold-bright);font-size:26px}
.equipment{min-height:760px;background:#0a0b0a}
.equipment-media{position:absolute;inset:0 51% 0 0;overflow:hidden}
.equipment-media img{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover;object-position:50% 46%;filter:brightness(.68) saturate(.6) contrast(1.13)}
.equipment-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#0a0b0a 100%),linear-gradient(0deg,#0a0b0a,transparent 24%,transparent 72%,#0a0b0a)}
.equipment-layout{display:grid;grid-template-columns:48% 52%;min-height:760px;align-items:center}
.equipment-copy{padding:110px 0 110px 35px}
.equipment-copy .section-marker{margin-bottom:42px}
.equipment h2{font-size:clamp(44px,4.25vw,68px);line-height:1.03}
.decision{background:linear-gradient(125deg,#deb775 0%,#bd9655 55%,#b88d4a 100%);color:#0b0c0b;padding:112px 0 125px}
.decision-layout{display:grid;grid-template-columns:205px 1fr;gap:7%}
.decision .section-marker{color:#38301f}
.decision .marker-line{background:#38301f}
.decision-copy p{max-width:730px;margin:0 0 42px;border-bottom:1px solid rgba(12,13,12,.3);padding-bottom:28px;font:800 clamp(16px,2vw,23px)/1.45 var(--body);letter-spacing:.025em}
.decision h2{font-size:clamp(63px,7.4vw,119px)}
.decision h2{overflow-wrap:normal}
html[lang="id"] .decision h2{font-size:clamp(50px,6vw,94px)}
.decision h2 em{font-style:normal;color:#fdf4dc}
.button-dark{margin-top:39px;background:#0b0c0b;color:var(--cream)}
.button-dark:hover{background:#2a281f;color:var(--gold-bright)}
.reach{padding:98px 0 105px;background:#10120f;border-bottom:1px solid var(--line)}
.reach-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.reach-heading .section-marker{margin-bottom:34px}
.reach h2{font-size:clamp(56px,5.8vw,92px)}
.islands{margin:0;padding:0 0 6px;color:var(--gold-bright);font:700 clamp(25px,2.9vw,43px)/1.15 var(--display);letter-spacing:.055em}
.islands span{color:var(--cream);margin:0 .15em}
.contact{background:#090a0a;padding:125px 0 140px}
.contact-layout{display:flex;justify-content:space-between;align-items:end;gap:70px}
.contact .eyebrow{margin:0 0 28px;color:var(--gold)}
.contact h2{font-size:clamp(64px,7vw,110px)}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:315px;padding-bottom:5px}
.contact-actions .button{width:100%}
.contact-number{color:var(--cream);font:700 20px/1.3 var(--body);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.contact-instagram{color:var(--gold-bright);font:700 13px/1.3 var(--body)}
.contact-number:hover,.contact-instagram:hover{color:var(--gold-bright)}
.site-footer{border-top:1px solid var(--line);background:#070808}
.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8f8b83;font:700 10px/1.3 var(--body);letter-spacing:.12em}
.footer-inner a:hover{color:var(--gold-bright)}
.js .reveal{opacity:1;transform:none}
.js .reveal.visible{animation:content-reveal 1s both cubic-bezier(.2,.75,.2,1)}
.motion-image{transform:translate3d(0,var(--photo-y,0px),0) scale(1.07);will-change:transform}
.hero-eyebrow,.hero h1,.hero-statement,.hero-actions{animation:rise-in 1s both cubic-bezier(.18,.72,.2,1)}
.hero h1{animation-delay:.12s}.hero-statement{animation-delay:.28s}.hero-actions{animation-delay:.4s}
.hero-photo-wrap{animation:image-open 1.5s both cubic-bezier(.2,.7,.2,1)}
@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes image-open{from{clip-path:inset(0 0 100% 0);opacity:.35}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes content-reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
  .shell{width:min(calc(100% - 56px),1440px)}
  .main-nav{gap:18px}.header-inner{gap:20px}
  .hero h1{font-size:clamp(75px,9vw,105px)}
  .hero-copy{width:79%}
  .equipment h2{font-size:clamp(43px,4.4vw,60px)}
}
@media(max-width:1050px){
  .main-nav{display:none}
  .header-actions{margin-left:auto}
}
@media(max-width:800px){
  .site-header{height:82px}.brand img{width:60px;height:60px}.brand-name{font-size:26px}
  .main-nav{display:none}.header-actions{margin-left:auto}
  .hero{min-height:740px;height:auto}.hero-content{min-height:740px;padding-top:120px}
  .hero-photo-wrap{left:32%}.hero-shade{background:linear-gradient(90deg,#090a0a 0%,rgba(9,10,10,.95) 33%,rgba(9,10,10,.58) 100%),linear-gradient(0deg,#090a0a,transparent 30%)}
  .hero-copy{width:92%}.hero h1{font-size:clamp(65px,10.5vw,93px)}
  .performance,.services,.decision,.reach,.contact{padding-block:85px}
  .performance-layout,.services-head,.decision-layout{grid-template-columns:1fr;gap:30px}
  .performance-graphic{width:390px;height:390px;right:-15%;bottom:-80%}
  .service-card{min-height:430px}.service-copy{inset:auto 24px 28px}
  .equipment{min-height:620px}.equipment-layout{min-height:620px;grid-template-columns:34% 66%}.equipment-media{right:58%}.equipment-copy{padding:80px 0 80px 12px}.equipment h2{font-size:clamp(42px,5.3vw,54px)}
  .reach-layout{grid-template-columns:1fr;gap:22px}
  .contact-layout{align-items:start;flex-direction:column;gap:35px}
}
@media(max-width:600px){
  .shell{width:min(calc(100% - 36px),1440px)}
  .site-header{height:76px}.brand img{width:58px;height:58px}.brand-name{display:none}
  .social-icon{width:44px;height:44px}.social-icon svg{width:19px;height:19px}
  .language-switch button{min-height:44px}
  .header-actions{gap:6px}.language-switch{margin-left:5px}
  .hero{min-height:790px}.hero-content{min-height:790px;align-items:flex-start;padding-top:157px;padding-bottom:70px}
  .hero-photo-wrap{inset:0}.hero-photo{object-position:56% 40%;filter:brightness(.55) saturate(.55) contrast(1.16)}
  .hero-shade{background:linear-gradient(180deg,rgba(9,10,10,.44),rgba(9,10,10,.83) 31%,rgba(9,10,10,.85) 75%,#090a0a 100%),linear-gradient(90deg,rgba(9,10,10,.5),transparent)}
  .hero-lines{opacity:.35}.hero-copy{width:100%;padding:0}
  .hero-eyebrow{margin-bottom:24px;font-size:10px}
  .hero h1{font-size:clamp(65px,15vw,89px);max-width:530px}
  .hero-statement{margin-top:28px;font-size:12px;line-height:1.6;letter-spacing:.03em;padding-left:15px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:31px}
  .hero-image-caption{bottom:23px;font-size:8px}.hero-image-caption span:last-child{display:none}
  .performance,.services,.decision,.reach,.contact{padding-block:72px}
  .performance h2{font-size:clamp(51px,11vw,73px)}.performance p{font-size:17px;margin-top:25px}
  .performance-graphic{width:270px;height:270px;right:-26%;bottom:-30%}
  .services-head{gap:20px;margin-bottom:28px}.services h2{font-size:54px}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:430px}.service-copy h3{font-size:58px}
  .equipment{min-height:760px}.equipment-media{inset:0}.equipment-media img{object-position:53% 40%;filter:brightness(.42) saturate(.55)}
  .equipment-media:after{background:linear-gradient(0deg,#0a0b0a 0%,rgba(10,11,10,.8) 40%,rgba(10,11,10,.35) 100%)}
  .equipment-layout{display:flex;min-height:760px;align-items:flex-end}.equipment-space{display:none}.equipment-copy{padding:90px 0 76px}.equipment-copy .section-marker{margin-bottom:23px}.equipment h2{font-size:clamp(48px,10.4vw,67px)}
  .decision-copy p{font-size:15px;margin-bottom:29px}.decision h2{font-size:clamp(61px,12vw,85px)}
  html[lang="id"] .decision h2{font-size:clamp(43px,9.4vw,63px)}
  .reach h2{font-size:64px}.islands{font-size:32px}
  .contact h2{font-size:clamp(65px,12vw,88px)}.contact-actions{min-width:0;width:100%}
  .footer-inner{min-height:115px;flex-wrap:wrap;align-content:center;gap:10px}.footer-inner>span:nth-child(2){display:none}
}
@media(max-width:380px){
  .hero h1{font-size:61px}.hero-content{padding-top:145px}.hero-statement{font-size:11px}
  .services h2{font-size:48px}.service-copy h3{font-size:52px}html[lang="id"] .service-copy h3{font-size:47px}
  .equipment h2{font-size:46px}.decision h2{font-size:56px}html[lang="id"] .decision h2{font-size:41px}.reach h2{font-size:58px}.islands{font-size:27px}
  .language-switch button{padding-inline:0}.language-switch{gap:4px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}.motion-image{transform:none!important}
}

/* Wide photographs retain their proportions; dark gradients blend their edges into the sections. */
.hero-photo-wrap,.equipment-media{inset:0}
.hero-photo-wrap{background:#080909 url("assets/hero-wide-v4.webp") right center/auto 102% no-repeat}
.equipment{isolation:isolate}
.equipment-media{z-index:0;background:#0a0b0a url("assets/equipment-wide-v4.webp") left center/auto 102% no-repeat}
.equipment-layout{position:relative;z-index:2}
.hero-picture,.equipment-picture{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.hero-photo,.equipment-media img{position:absolute;top:-1%;bottom:auto;height:102%;width:auto;max-width:none;z-index:1;transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0);filter:brightness(.79) contrast(1.08) saturate(.8)}
.hero-photo{left:auto;right:-2%}
.equipment-media img{left:-2%;right:auto}
.hero-shade{background:linear-gradient(90deg,rgba(6,7,7,.96) 0%,rgba(6,7,7,.89) 28%,rgba(6,7,7,.7) 46%,rgba(6,7,7,.16) 72%,rgba(6,7,7,.06) 100%),linear-gradient(0deg,rgba(6,7,7,.55),transparent 15%,transparent 81%,rgba(6,7,7,.26))}
.equipment-media::after{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,8,.03) 0%,rgba(7,8,8,.16) 33%,rgba(7,8,8,.82) 58%,#0a0b0a 100%),linear-gradient(0deg,rgba(7,8,8,.56),transparent 13%,transparent 88%,rgba(7,8,8,.2))}

/* Oversized metric panels turn the four business advantages into the main event. */
.performance{background:radial-gradient(ellipse at 45% 88%,rgba(160,111,51,.14),transparent 55%),#11120f}
.proof-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;z-index:2;margin-top:78px}
.proof-item{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;padding:38px 44px;overflow:hidden;isolation:isolate;border:1px solid rgba(212,173,102,.36);background:radial-gradient(ellipse at 10% 0%,rgba(212,173,102,.17),transparent 56%),linear-gradient(135deg,#25241c,#10120f 70%);box-shadow:0 22px 70px rgba(0,0,0,.24);transition:border-color .5s,background-color .5s}
.proof-item:nth-child(-n+2){min-height:370px}
.proof-item::before{content:attr(data-index);position:absolute;right:27px;top:-36px;z-index:0;color:transparent;-webkit-text-stroke:1px rgba(235,195,124,.3);font:700 220px/1 var(--display);pointer-events:none;animation:proof-drift 8s ease-in-out infinite alternate}
.proof-item::after{content:"";position:absolute;inset:0 auto auto;width:100%;height:4px;background:var(--gold-bright);transform:scaleX(0);transform-origin:left}
.proof-item:hover{border-color:rgba(240,208,148,.78)}
.proof-item svg{position:relative;z-index:1;width:66px;height:66px;fill:none;stroke:var(--gold-bright);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.proof-copy{position:relative;z-index:1;min-width:0}
.proof-item strong{display:block;max-width:100%;color:var(--cream);font:700 clamp(54px,5.5vw,94px)/.91 var(--display);letter-spacing:.005em;text-wrap:balance}
.proof-item:nth-child(-n+2) strong{color:var(--gold-bright);font-size:clamp(82px,8vw,132px);line-height:.82;white-space:nowrap}
.proof-item span{display:block;margin-top:17px;color:#d7cbb7;font:800 12px/1.45 var(--body);letter-spacing:.17em;text-transform:uppercase}
.js .proof-grid .proof-item{opacity:1;transform:none}
.js .proof-grid.visible .proof-item{animation:proof-enter 1.2s both cubic-bezier(.16,.8,.2,1);animation-delay:var(--proof-delay)}
.proof-grid.visible .proof-item::after{animation:proof-line 1.5s both cubic-bezier(.16,.8,.2,1);animation-delay:calc(var(--proof-delay) + .4s)}
.proof-item:nth-child(1){--proof-delay:.08s}.proof-item:nth-child(2){--proof-delay:.24s}.proof-item:nth-child(3){--proof-delay:.4s}.proof-item:nth-child(4){--proof-delay:.56s}
@keyframes proof-enter{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}
@keyframes proof-line{to{transform:scaleX(1)}}
@keyframes proof-drift{to{transform:translate3d(-18px,12px,0)}}
.language-switch button{display:inline-flex;align-items:center;gap:5px}
.language-flag{font:400 17px/1 system-ui,sans-serif}
.contact-email{color:var(--cream);font:700 14px/1.45 var(--body);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;overflow-wrap:anywhere}
.contact-email:hover{color:var(--gold-bright)}

@media(max-width:1100px){
  .hero-photo,.equipment-media img{inset:-1% -2% auto;width:104%;height:102%;object-fit:cover}
  .hero-photo{object-position:72% center}
  .hero-photo-wrap{background-size:cover;background-position:72% center}
  .equipment-media img{object-position:27% center}
  .equipment-media{background-size:cover;background-position:27% center}
}
@media(max-width:800px){
  .hero{display:block;height:auto;min-height:800px}
  .hero-content{height:auto;min-height:800px;z-index:2;padding-top:145px;padding-bottom:80px}
  .hero-copy{width:100%;padding-top:0}
  .hero-photo-wrap{position:absolute;inset:0;left:0;width:100%;height:auto;z-index:-3;margin:0}
  .hero-photo{object-fit:cover;object-position:72% center}
  .hero-shade{display:block;background:linear-gradient(90deg,rgba(6,7,7,.95),rgba(6,7,7,.8) 56%,rgba(6,7,7,.23)),linear-gradient(0deg,#090a0a,transparent 15%)}
  .hero-lines{display:block;opacity:.3}
  .proof-grid{margin-top:55px}
  .proof-item{min-height:290px;padding:31px}
  .proof-item:nth-child(-n+2){min-height:320px}
  .proof-item strong{font-size:clamp(47px,6vw,70px)}
  .proof-item:nth-child(-n+2) strong{font-size:clamp(65px,8vw,95px)}
  .equipment{display:block;min-height:820px}
  .equipment-media{position:absolute;inset:0;width:100%;height:auto;margin:0}
  .equipment-media img{object-fit:cover;object-position:27% center}
  .equipment-media::after{background:linear-gradient(90deg,rgba(7,8,8,.06),rgba(7,8,8,.6) 39%,#0a0b0a 83%),linear-gradient(0deg,#0a0b0a,transparent 12%)}
  .equipment-layout{display:grid;grid-template-columns:24% 76%;min-height:820px;position:relative;z-index:2}
  .equipment-copy{padding:80px 0 80px 18px}
}
@media(max-width:600px){
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-content{order:1;height:auto;min-height:0;padding-top:152px;padding-bottom:70px}
  .hero-photo-wrap{order:2;position:relative;inset:auto;width:100%;height:178vw;z-index:0;margin-top:-70px;-webkit-mask-image:linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent)}
  .hero-photo-wrap{background-image:url("assets/hero-drilling.jpg");background-position:center}
  .hero-photo,.equipment-media img{inset:-1.5% 0;width:100%;height:103%;object-fit:cover;object-position:center;filter:brightness(.78) contrast(1.08) saturate(.78)}
  .hero-shade,.hero-lines{display:none}
  .hero-image-caption{bottom:27px}
  .proof-grid{grid-template-columns:1fr}
  .proof-item,.proof-item:nth-child(-n+2){min-height:245px;padding:27px}
  .proof-item svg{width:48px;height:48px}
  .proof-item::before{font-size:150px;top:-15px}
  .proof-item strong{font-size:clamp(47px,10vw,70px)}
  .proof-item:nth-child(-n+2) strong{font-size:clamp(65px,16vw,100px)}
  .proof-item span{font-size:10px;letter-spacing:.12em}
  .equipment{display:flex;flex-direction:column;min-height:0}
  .equipment-media{order:1;position:relative;inset:auto;width:100%;height:178vw;margin-bottom:-92px;-webkit-mask-image:linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent)}
  .equipment-media{background-image:url("assets/equipment-drilling.jpg");background-position:center}
  .equipment-media::after{background:linear-gradient(0deg,#0a0b0a,transparent 10%,transparent 90%,rgba(10,11,10,.12))}
  .equipment-layout{order:2;display:block;min-height:0}
  .equipment-space{display:none}
  .equipment-copy{padding:45px 0 75px;background:#0a0b0a}
  .contact-email{font-size:13px}
}
@media(max-width:380px){
  .language-flag{font-size:15px}
  .language-switch button{gap:3px}
  .proof-item strong{font-size:44px}
}
@media(max-width:340px){
  .site-header .shell{width:calc(100% - 24px)}
  .header-inner{gap:10px}
  .brand img{width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo,.equipment-media img{transform:none!important}
  .js .proof-grid .proof-item{opacity:1;transform:none;animation:none}
  .proof-item::before,.proof-grid.visible .proof-item::after{animation:none}
  .proof-item::after{transform:scaleX(1)}
}