/* Hero 03 — Horizontal Drift */
.hero{background:#f56b1f;color:#09233f;grid-template-columns:39% 61%;padding:155px 7% 90px;min-height:720px;overflow:hidden}.hero:before{content:'GR / FIELD SERVICES';position:absolute;left:5%;bottom:24px;color:#ff9b6b;font:700 clamp(35px,7vw,100px) 'Space Grotesk';letter-spacing:-.1em;white-space:nowrap;z-index:0}.hero:after{content:'01 — 02 — 03';position:absolute;right:6%;top:130px;color:#09233f;font:700 11px 'Space Grotesk';letter-spacing:.2em;z-index:2}.hero-copy{z-index:3}.hero .eyebrow{background:#09233f;color:#fff}.hero h1{font-family:'Space Grotesk';font-size:clamp(65px,8vw,125px);line-height:.82;letter-spacing:-.1em;color:#09233f}.hero h1 span{color:#fff}.hero p{color:#09233f;max-width:40ch}.hero b{color:#fff}.badges span{background:#ff955f;color:#09233f;border-color:#ffb28d;border-radius:0}.hero-tank{width:min(100%,740px);height:490px;background:#09233f;padding:14px;justify-self:end;box-shadow:18px 18px 0 #fff;transform:translateX(var(--drift-main,0px)) rotate(-2deg);transition:transform .08s linear;z-index:1}.hero-tank img{width:100%;height:100%;object-fit:cover;filter:none;animation:none}.hero-tank small{display:block;position:absolute;bottom:-34px;left:4px;color:#09233f;font-size:11px}.hero-tank:before,.hero-tank:after{position:absolute;z-index:2;font:700 10px 'Space Grotesk';letter-spacing:.12em;color:#fff;border:1px solid #f56b1f;padding:9px;background:#09233f}.hero-tank:before{content:'INSTALACIÓN';top:25px;left:-48px;transform:translateX(var(--label-drift,0px))}.hero-tank:after{content:'MANTENIMIENTO';bottom:25px;right:-60px;transform:translateX(calc(var(--label-drift,0px) * -1))}.hero-actions{left:7%;right:auto;bottom:30px;text-align:left;z-index:3}.hero-actions strong{color:#09233f}.hero-actions .btn.blue{background:#09233f}.hero-actions .btn.green{background:#fff;color:#09233f}.scroll-hint{color:#09233f;z-index:3}@media(max-width:850px){.hero{display:block;padding:115px 24px 135px;min-height:850px}.hero h1{font-size:74px}.hero-tank{width:calc(100% - 14px);height:340px;margin:50px 7px 38px;box-shadow:10px 10px 0 #fff}.hero-tank:before{left:5px;top:10px}.hero-tank:after{right:5px;bottom:10px}.hero-actions{left:24px;bottom:30px}.hero:after{top:100px;right:24px}}
.preview-hero-link{display:inline-block;background:#09233f;color:#fff;padding:16px 20px;margin-top:20px;font-size:12px;font-weight:700}.hero-actions{bottom:26px}.hero-actions strong{font:700 10px 'Space Grotesk';letter-spacing:.16em}.scroll-hint{display:none}
.hero{background:#f56b1f;padding:105px 4.2% 60px;min-height:707px;grid-template-columns:39% 61%;align-items:center}.hero:before{content:'';left:auto;right:auto;bottom:auto;top:auto}.hero:after{content:'01 — 02 — 03';right:5%;top:50%;writing-mode:vertical-rl;font-size:11px}.hero-copy{padding-left:0}.hero .eyebrow{position:absolute;opacity:0;pointer-events:none}.hero h1{font-family:'Space Grotesk';font-size:clamp(76px,9vw,145px);line-height:.78;letter-spacing:-.11em;color:#09233f;margin:0 0 42px}.hero p{font-size:18px;color:#09233f;max-width:39ch;line-height:1.55}.preview-hero-link{background:#09233f;color:#fff;padding:18px 25px;margin-top:30px}.hero-tank{width:100%;height:auto;max-width:none;background:transparent;padding:0;box-shadow:none;transform:translateX(var(--drift-main,0px));justify-self:end}.hero-tank img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 25px 16px #09233f33)}.hero-tank small{display:none}.hero-tank:before,.hero-tank:after{background:transparent;border:0;color:#09233f;padding:0;writing-mode:vertical-rl;letter-spacing:.35em;top:45%;font-size:11px}.hero-tank:before{content:'INSTALACIÓN';left:-35px}.hero-tank:after{content:'MANTENIMIENTO';right:-42px;bottom:auto}.hero-actions{left:4.2%;bottom:24px}.hero-actions strong{color:#09233f}.hero-actions .btn{display:none}@media(max-width:850px){.hero{display:block;padding:120px 24px 90px;min-height:800px}.hero h1{font-size:76px;margin-bottom:32px}.hero p{font-size:16px}.hero-tank{margin-top:44px;width:100%;transform:none}.hero-tank:before{left:3px}.hero-tank:after{right:3px}.hero-actions{display:none}.hero:after{right:24px;top:92px}}