/* Pacote 4 — somente hero, visualização do óleo e ECO Expansão. */
.hero{background:#06120d}.hero:after{background:linear-gradient(90deg,#07140ce6 0%,#07140c80 32%,transparent 58%),linear-gradient(0deg,#06110cde,transparent 24%)}.hero-copy{max-width:850px;padding-top:100px}.hero h1{font-weight:450;line-height:1.02;letter-spacing:-.065em}.hero-title-signature{font-weight:650;color:#c5e8a3;letter-spacing:-.075em}.hero .eyebrow{color:#e0ead6;letter-spacing:.08em;border-left:2px solid #83bd6f;padding-left:14px}.hero-sub{color:#dbe5da}.hero .button.primary{background:#f49445}.hero .button.primary:hover{background:#ffaf6b}.hero .outline{background:#071b1555;border-color:#dcead399}.hero-light{display:none}.hero-image img{object-position:50% 50%}
.oil-scene{background:radial-gradient(ellipse at 75% 45%,#354247 0,transparent 47%),linear-gradient(120deg,#0b1216,#101c22 85%);grid-template-columns:.94fr 1.06fr;gap:3vw;padding-top:110px;padding-bottom:75px}.oil-heading h2{font-size:clamp(40px,3.7vw,61px);line-height:1.08}.oil-heading .eyebrow{color:#b4c7be}.oil-heading p:not(.eyebrow){font-size:17px;line-height:1.6}.oil-experience{max-width:750px}.instrument-header{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1px solid #aec1c52b;margin:0 7% 8px;color:#b5c7cb}.instrument-header img{width:47px;height:auto;opacity:.84}.instrument-header small{font-size:12px;letter-spacing:.05em}.instrument-header>span{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#d4ded8}.damper-stage{--duration:3.3s;--oil-light:#f4ce70;--oil-mid:#bb842d;--oil-deep:#714019;--oil-bright:#ffe2a0;--oil-shadow:#6e3410;position:relative}.damper-diagram{display:block;max-height:clamp(370px,calc(100svh - 410px),560px);filter:drop-shadow(14px 24px 19px #0006)}.damper-stage[data-oil="1"]{--duration:4s;--oil-light:#af8b50;--oil-mid:#715332;--oil-deep:#332c22;--oil-bright:#d3ac6d;--oil-shadow:#211b15}.damper-stage[data-oil="2"]{--duration:4.7s;--oil-light:#71695c;--oil-mid:#3d3e35;--oil-deep:#171e1d;--oil-bright:#b0a68a;--oil-shadow:#080f11}.damper-stage[data-oil] .oil-upper{stop-color:var(--oil-light)}.damper-stage[data-oil] .oil-middle{stop-color:var(--oil-mid)}.damper-stage[data-oil] .oil-lower{stop-color:var(--oil-deep)}.oil-bright{stop-color:var(--oil-bright)}.oil-shadow{stop-color:var(--oil-shadow)}.oil-upper,.oil-middle,.oil-lower,.oil-bright,.oil-shadow{transition:stop-color .8s ease}.damper-stage .oil-fluid{opacity:.94;transition:opacity .8s}.damper-stage .moving-assembly{animation-name:premium-piston-travel;animation-timing-function:cubic-bezier(.45,0,.55,1);will-change:transform}.damper-stage[data-oil="2"] .moving-assembly{animation-timing-function:cubic-bezier(.43,.04,.57,.96)}.oil-circulation{animation:oil-circulation 2.6s linear infinite;animation-play-state:paused;opacity:.35;transition:opacity .8s;stroke:var(--oil-bright)}.is-visible .oil-circulation{animation-play-state:running}.damper-stage[data-oil="1"] .oil-circulation{opacity:.23;animation-duration:3.5s}.damper-stage[data-oil="2"] .oil-circulation{opacity:.08;animation-duration:4.7s}.damper-stage[data-oil="1"] .oil-bubbles{opacity:.14}.damper-stage[data-oil="2"] .oil-bubbles{opacity:.38}.motion-paused .oil-circulation{animation-play-state:paused!important}.motion-caption{bottom:6%;right:1%;padding-left:12px;color:#bacbd0}.motion-caption strong{color:#f4eddb;font-size:17px;letter-spacing:-.02em}.oil-control{max-width:470px;margin-top:6px;border-top-color:#9eb4b94a;padding-top:13px}.oil-control label{display:block;font-size:14px}.oil-control input{appearance:none;-webkit-appearance:none;border:1px solid #657a80;border-radius:10px;height:6px;margin:21px 0 7px;background:linear-gradient(90deg,#aeca99 var(--oil-progress,0%),#34454c var(--oil-progress,0%));cursor:pointer}.oil-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:4px solid #cfdec0;background:#456648;border-radius:50%;box-shadow:0 0 0 5px #aeca9912;transition:box-shadow .2s,background .2s}.oil-control input::-moz-range-thumb{width:12px;height:12px;border:4px solid #cfdec0;background:#456648;border-radius:50%}.oil-control input:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px #aeca9920}.oil-labels{gap:9px;margin-top:4px}.oil-labels button{flex:1;min-width:0;min-height:44px;border:0;border-bottom:1px solid transparent;background:none;padding:9px 0;color:#b7c8cd;font-size:14px;text-align:center;transition:color .2s,border-color .2s}.oil-labels button[aria-pressed="true"]{color:#e5edda;border-bottom-color:#aeca99}.oil-labels button:hover{color:#fff}.oil-control #oil-state{font-size:14px;line-height:1.5;margin:12px 0 0;min-height:24px;color:#c7d3d7}.motion-toggle{margin:14px auto 0!important;font-size:14px;padding:7px 14px;border-color:#8ca2a950;color:#c5d1d4}.motion-toggle:hover{border-color:#bdcec7}.educational-note{color:#afbec5}.instrument-status-change{animation:status-arrive .35s ease-out}
@keyframes premium-piston-travel{0%,100%{transform:translateY(0)}50%{transform:translateY(112px)}}@keyframes oil-circulation{to{stroke-dashoffset:-160}}@keyframes status-arrive{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.expansion-scene{background:#e9eee6;color:#193c2e}.expansion-photo{inset:0;width:100%;height:100%;object-position:50% 50%;filter:none}.expansion-shade{background:linear-gradient(90deg,#edf0e7f7 0%,#edf0e7ed 28%,#edf0e7a6 45%,#edf0e700 62%),linear-gradient(0deg,#ebece1c9,transparent 22%)}.expansion-copy{max-width:850px;padding-top:110px;padding-bottom:140px}.expansion-copy h2{font-size:clamp(52px,5.3vw,86px);font-weight:400;line-height:1.06;letter-spacing:-.055em;color:#193d2e}.expansion-copy .eyebrow{font-weight:500;color:#806742;border-left:2px solid #a58b5d;padding-left:16px;letter-spacing:.13em}.expansion-copy>p:not(.eyebrow){color:#415e4d;font-size:18px}.expansion-copy .bronze{min-height:54px;border-color:#7a6a4c;color:#224a35;background:#f2f3ea6b;padding:14px 28px}.expansion-copy .bronze:hover{background:#e0e5d7}.expansion-bottom{color:#3c5744;font-size:13px;gap:25px}.expansion-bottom span{border-left-color:#b49e71}.expansion-image-note{position:absolute;bottom:83px;right:var(--gutter);color:#3d5545;font-size:12px;letter-spacing:.025em;z-index:3}.expansion-scene .scene-index{color:#365442;text-shadow:none}
@media(min-width:1700px){.hero-copy{max-width:1060px}.expansion-copy{max-width:1020px}.expansion-copy h2{font-size:98px}}
@media(min-width:621px) and (max-width:1050px){.hero-image img{object-position:67% center}.hero-copy{max-width:78%}.hero:after{background:linear-gradient(90deg,#07140cf2,#07140c9c 45%,transparent 85%),linear-gradient(0deg,#06110cde,transparent 25%)}.oil-scene{gap:1vw;padding-left:30px;padding-right:30px}.oil-heading h2{font-size:44px}.oil-control{max-width:100%}.motion-caption{right:0;font-size:12px;bottom:5%}.motion-caption strong{font-size:15px}.expansion-copy{max-width:84%;padding-left:35px}.expansion-copy h2{font-size:65px}.expansion-shade{background:linear-gradient(90deg,#edf0e7f7,#edf0e7d9 42%,transparent 80%),linear-gradient(0deg,#ebece1c9,transparent 28%)}.expansion-photo{object-position:62% center}}
@media(max-width:620px){.hero{min-height:820px}.hero-image{height:62%;inset:var(--header) 0 auto}.hero-image img{object-position:50% 36%}.hero:after{background:linear-gradient(0deg,#06130d 0%,#06130d 23%,#06130de3 41%,transparent 73%)}.hero-copy{max-width:100%;padding-top:0;padding-bottom:85px}.hero h1{font-size:clamp(41px,12.2vw,64px);line-height:1.02}.hero .eyebrow{font-size:12px;padding-left:10px;margin-bottom:16px}.hero-sub{font-size:16px}.hero .button{min-height:52px;font-size:13px}.oil-scene{display:flex;gap:0;padding:110px 24px 90px;min-height:1210px;background:radial-gradient(ellipse at 58% 51%,#3c484c,transparent 46%),#0e191f}.oil-heading h2{font-size:38px;line-height:1.08}.oil-heading p:not(.eyebrow){font-size:16px;margin-bottom:18px}.oil-experience{margin-top:34px}.instrument-header{margin:0 0 10px;padding-bottom:13px}.instrument-header img{width:45px}.damper-diagram{min-height:0;max-height:460px}.motion-caption{position:static;border:0;padding:0;align-items:center;margin:1px 0 22px;font-size:13px}.motion-caption strong{font-size:18px}.oil-control{margin-top:0}.oil-labels{gap:8px}.oil-labels button{font-size:14px}.oil-control #oil-state{min-height:42px}.educational-note{left:24px;right:80px;bottom:28px;font-size:12px;max-width:290px}.expansion-scene{min-height:970px;height:112svh;align-items:flex-end}.expansion-photo{height:56%;inset:0 0 auto;object-position:71% 50%}.expansion-shade{background:linear-gradient(0deg,#edf0e7 0%,#edf0e7 38%,#edf0e7cf 51%,transparent 78%)}.expansion-copy{width:100%;max-width:100%;padding:0 24px 172px}.expansion-copy h2{font-size:51px;line-height:1.07}.expansion-copy>p:not(.eyebrow){font-size:16px;margin-bottom:25px}.expansion-copy .eyebrow{font-size:12px;padding-left:12px}.expansion-copy .bronze{min-width:242px}.expansion-bottom{bottom:35px;left:24px;right:95px;font-size:12px;gap:9px}.expansion-image-note{bottom:132px;right:auto;left:24px;font-size:12px}.expansion-scene .scene-index{display:none}}
@media(max-width:360px){.hero h1{font-size:41px}.hero .button{font-size:12px}.oil-heading h2{font-size:34px}.oil-labels button{font-size:13px}.expansion-copy h2{font-size:46px}.expansion-copy .bronze{min-width:235px}}
@media(min-width:621px){.oil-scene{padding-bottom:54px}}
@media(min-width:621px) and (max-width:1050px){.oil-heading h2{font-size:clamp(32px,4.2vw,44px)}.oil-heading h2 br{display:none}}
@media(max-width:360px){.hero{min-height:740px}}
@media(prefers-reduced-motion:reduce){.moving-assembly,.oil-circulation{animation:none!important}.oil-upper,.oil-middle,.oil-lower,.oil-bright,.oil-shadow{transition:none!important}}