/* VOLGA second edition: machine-led industrial editorial design. */
body{background:#f4f5f5;color:#171c20}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.035em}em{font:inherit;letter-spacing:inherit}p{color:#656c72}.utility{background:#14191d;font-size:9px}.header{background:#f7f8f8f5;padding-block:17px;border-color:#d8dcdf}.header nav{gap:25px;font-size:12px}.brand{letter-spacing:-1.5px}.button{background:#e65921;border-radius:0}.button:hover{background:#bb3c0e}.text-link{border-color:#8c9398}.tech-label{font-size:10px;letter-spacing:.15em;line-height:1.6;font-weight:600;color:#888f94}.section{padding-top:100px;padding-bottom:100px}.section h2{font-size:clamp(34px,4.6vw,66px);line-height:1.02}.section-heading .tech-label{margin-bottom:24px}.machine-story{height:310vh;background:#14191e}.machine-stage{position:sticky;top:79px;height:calc(100svh - 79px);min-height:570px;overflow:hidden;isolation:isolate;color:white;background:radial-gradient(ellipse at 65% 48%,#46505a 0,#242d34 38%,#13191e 74%)}.stage-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(#8898a20b 1px,transparent 1px),linear-gradient(90deg,#8898a20b 1px,transparent 1px);background-size:110px 110px}.stage-word{position:absolute;left:34%;top:12%;font-size:clamp(110px,15vw,250px);font-weight:800;white-space:nowrap;letter-spacing:-.065em;line-height:1;color:#7e909a16;z-index:-1}.stage-intro{position:absolute;top:14%;left:5%;z-index:3;width:42%;transition:opacity .45s,transform .45s;pointer-events:none}.stage-intro h1{font-size:clamp(55px,6.8vw,105px);font-weight:700;line-height:.97;letter-spacing:-.048em;margin:25px 0}.stage-intro .tech-label{color:#b1b8bd;font-size:9px}.stage-description{font-size:13px;color:#a4adb5;line-height:1.8;margin-bottom:29px}.stage-intro .button{pointer-events:auto}.stage-intro.exit{opacity:0;transform:translateY(-40px);pointer-events:none}.stage-intro.exit .button{pointer-events:none}.stage-render{position:absolute;left:34%;right:-5%;top:2%;bottom:12%;z-index:2;transition:left .5s}.stage-render>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 60% 60% at center,#000 40%,transparent 85%)}.machine-canvas{position:absolute;inset:0;opacity:0;touch-action:pan-y;cursor:grab}.machine-canvas:active{cursor:grabbing}.has-scene .machine-canvas{opacity:1}.has-scene>img{opacity:0}.machine-canvas canvas{display:block;width:100%;height:100%}.stage-chapter{position:absolute;top:19%;left:5%;width:30%;z-index:3;opacity:0;transform:translateY(30px);transition:opacity .4s,transform .4s;pointer-events:none}.stage-chapter.visible{opacity:1;transform:none}.stage-chapter h2{font-size:clamp(37px,4vw,59px);line-height:1.05;margin:25px 0;white-space:pre-line}.stage-chapter p{font-size:13px;color:#aab3bb;max-width:280px}.stage-chapter .tech-label{color:#ee6b35}.stage-controls{position:absolute;z-index:5;bottom:100px;right:5%;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:60%;font-size:10px;color:#b5bec5}.stage-controls>span{width:100%;text-align:right;font-size:9px;padding-bottom:5px}.stage-controls button{border:1px solid #68778288;background:#1b242bd9;color:#e2e6e9;padding:7px 12px;font-size:10px}.stage-controls button:hover{background:#465562}.stage-controls button:disabled{opacity:.45}.stage-controls input{width:85px;accent-color:#ef6a32}.stage-controls label{padding-left:8px}.stage-controls button[hidden]{display:none}.stage-bottom{position:absolute;bottom:34px;left:5%;right:5%;z-index:3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #77869340;padding-top:17px}.stage-bottom b{font-size:18px;font-weight:500;display:block}.stage-bottom small{font-size:9px;color:#9ca8b1}.scroll-progress{width:30%;height:2px;background:#6575824d;overflow:hidden}.scroll-progress span{display:block;height:100%;width:0;background:#ed6029}.scroll-caption{font-size:8px;letter-spacing:.14em}.model-disclosure{position:absolute;bottom:7px;left:5%;font-size:8px;color:#8e9ba6;z-index:3}.model-selector{background:#f4f5f5}.model-tabs{display:flex;gap:0;border-bottom:1px solid #b8bec3}.model-tabs button{width:33.333%;text-align:left;border:0;border-top:1px solid #b8bec3;background:transparent;padding:24px 25px;font-size:24px;letter-spacing:-.02em;color:#555e66;position:relative}.model-tabs button span{display:block;font-size:10px;letter-spacing:0;color:#626b73;margin-top:8px}.model-tabs button[aria-selected=true]{color:#fff;background:#202930}.model-tabs button[aria-selected=true]:before{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;background:#ec642d}.model-tabs button[aria-selected=true] span{color:#b8c2ca}.model-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;padding-top:48px}.model-photo{position:relative;display:flex;flex-direction:column;justify-content:center}.model-photo img{width:100%;mix-blend-mode:multiply}.model-photo>span{font-size:9px;color:#818a91;margin-top:15px}.model-information .tech-label{color:#c54a1a}.model-information h3{font-size:45px;margin:17px 0}.model-information>p:not(.tech-label){font-size:13px;line-height:1.8}.model-information dl{margin:27px 0}.model-information dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d2d7da;padding:13px 0;font-size:12px}.model-information dt{color:#6c757b}.model-information dd{margin:0;text-align:right}.model-information .actions{gap:20px}.model-information .button{padding:15px 19px;font-size:12px}.detail-story{height:240vh;background:#141b21}.detail-sticky{position:sticky;top:79px;height:calc(100svh - 79px);min-height:600px;display:grid;grid-template-columns:56% 44%;color:#fff;align-items:center;overflow:hidden}.detail-image-stack{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4a5157,#20282f 70%);padding:6%}.detail-image-stack img{width:100%;max-height:90%;object-fit:contain;mask-image:radial-gradient(ellipse 75% 70% at center,#000 45%,transparent 90%)}.detail-copy{padding:9%;max-width:590px}.detail-counter{font-size:10px;color:#e66d39;margin-top:40px}.detail-copy h2{font-size:clamp(35px,4.2vw,65px);white-space:pre-line;line-height:1.04;margin:20px 0 28px}.detail-copy>p:not(.tech-label):not(.detail-counter){font-size:13px;color:#abb5bd;line-height:1.8;min-height:80px}.detail-step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:35px 0 25px}.detail-step-buttons button{color:#a9b5bf;border:1px solid #4e5b66;background:none;padding:12px;text-align:left;font-size:11px}.detail-step-buttons button.active{border-color:#ef6b32;color:#fff;background:#333d45}.detail-copy .text-link{color:#d8e0e6;font-size:11px}.factory-film{height:210vh;background:#171c20}.film-stage{position:sticky;top:79px;height:calc(100svh - 79px);min-height:560px;overflow:hidden;color:white}.film-stage video{width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060c12b8,transparent 80%),linear-gradient(0deg,#0e141ad9,transparent 35%)}.film-copy{position:absolute;top:20%;left:5%;max-width:550px}.film-copy .tech-label{color:#cbd2d8}.film-copy h2{font-size:clamp(50px,6.5vw,98px);font-weight:700;line-height:.97;margin:28px 0;color:white}.film-copy p{color:#d3dae0;font-size:14px;line-height:1.8}.film-play{display:block;background:transparent;color:white;border:1px solid #abb8c2;padding:15px 22px;font-size:12px;margin-top:28px}.film-play:hover{background:#ffffff20}.film-copy .text-link{color:#e7ebee;margin-top:15px;font-size:11px}.film-footer{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#bbc7cf}.film-timeline{position:absolute;bottom:0;height:3px;background:#ffffff30;left:0;right:0}.film-timeline span{display:block;height:100%;background:#ef662e;width:0}.production-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.production-photos img{aspect-ratio:1.3;object-fit:cover;filter:saturate(.8);transition:filter .3s}.production-photos a:hover img{filter:saturate(1)}.production-photos span{font-size:10px;letter-spacing:.1em;display:block;margin-top:18px}.application-lines{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e4e8eb}.application-lines h2{margin-top:24px}.application-lines>div:last-child>a{display:flex;align-items:center;gap:25px;border-top:1px solid #acb6bd;padding:26px 0}.application-lines a:last-child{border-bottom:1px solid #acb6bd}.application-lines a>span:first-child{font-size:10px;color:#79848b}.application-lines h3{font-size:32px;font-weight:400}.application-lines a>span:last-child{margin-left:auto;font-size:10px;color:#6c777f}.industrial-cta{background:#202a32;color:#fff}.industrial-cta h2{font-size:clamp(35px,5vw,73px);max-width:1050px;margin:25px 0 35px}.industrial-cta .text-link{color:#e0e7ed}.gallery-intro{background:#1a232a;color:#fff}.gallery-intro h1{font-size:clamp(45px,6vw,86px);margin:25px 0}.gallery-intro p{max-width:720px;color:#aebbc5}.gallery-filters{display:flex;gap:20px;margin-top:25px;font-size:12px}.gallery-section h2{font-size:40px;margin:15px 0 35px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 23px}.gallery-item{margin:0}.gallery-item button{background:#e3e7ea;border:0;padding:0;width:100%;cursor:zoom-in;overflow:hidden}.gallery-item img{width:100%;height:260px;object-fit:contain;transition:transform .4s}.gallery-item button:hover img{transform:scale(1.045)}.gallery-item figcaption{font-size:14px;margin-top:14px}.gallery-item p{font-size:10px;margin-top:5px}.gallery-grid.production img{object-fit:cover}.gallery-grid.production .gallery-item:first-child{grid-column:span 2}.gallery-grid.production .gallery-item:first-child img{height:390px}.gallery-section:nth-child(odd){background:#e8ecee}.image-dialog{padding:0;border:0;max-width:90vw;max-height:92vh;background:#182128;color:white}.image-dialog::backdrop{background:#080d12e8}.image-dialog img{max-width:88vw;max-height:75vh;object-fit:contain}.image-dialog button{position:absolute;right:15px;top:15px;background:#17222b;color:white;border:1px solid #8093a3;padding:10px 16px}.image-dialog p{padding:15px 24px;color:#d3dce3;font-size:12px}.gallery-section .fineprint{color:#687782}footer{background:#121b21}.whatsapp{background:#243b2c}
@media(max-width:1050px){.stage-intro h1{font-size:70px}.stage-controls{max-width:58%}.stage-chapter h2{font-size:43px}.detail-copy{padding:8%}.detail-copy h2{font-size:44px}.stage-render{left:31%;right:-8%}.model-information h3{font-size:36px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header{padding-block:17px}.machine-story,.detail-story,.factory-film{height:auto}.machine-stage,.detail-sticky,.film-stage{position:relative;top:auto;height:auto;min-height:0}.machine-stage{padding:37px 5% 25px;display:flex;flex-direction:column;overflow:hidden}.stage-intro{position:relative;top:auto;left:auto;width:100%;pointer-events:auto}.stage-intro h1{font-size:58px;margin:20px 0}.stage-intro .tech-label{font-size:8px}.stage-description{font-size:12px;max-width:280px;margin-bottom:22px}.stage-intro.exit{opacity:1;transform:none}.stage-render{position:relative;top:auto;left:auto;right:auto;bottom:auto;height:330px;min-height:330px;margin:0 -6%;width:112%}.stage-render>img{mask-image:radial-gradient(ellipse 68% 67%,#000 45%,transparent 86%)}.stage-word{font-size:110px;left:0;top:38%;color:#9ab0bd12}.stage-controls{position:relative;right:auto;bottom:auto;max-width:100%;gap:7px;margin-top:-8px}.stage-controls>span{text-align:left}.stage-controls button{font-size:10px;padding:9px}.stage-controls input{width:77px}.stage-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:25px;gap:15px}.stage-bottom b{font-size:18px}.stage-bottom small{font-size:8px}.stage-bottom .scroll-caption,.scroll-progress{display:none}.model-disclosure{position:relative;left:auto;bottom:auto;font-size:8px;margin-top:15px}.stage-chapter{display:none}.section{padding:55px 5%}.section h2{font-size:39px}.model-tabs button{padding:16px 10px;font-size:16px}.model-tabs button span{font-size:8px;line-height:1.6}.model-panel{grid-template-columns:1fr;gap:25px;padding-top:25px}.model-photo>span{font-size:8px}.model-information h3{font-size:36px}.model-information dl>div{font-size:11px}.detail-sticky{display:flex;flex-direction:column}.detail-image-stack{width:100%;height:330px;padding:6%}.detail-copy{padding:35px 5% 45px;width:100%;max-width:none}.detail-counter{margin-top:20px}.detail-copy h2{font-size:42px;margin:16px 0 22px}.detail-copy>p:not(.tech-label):not(.detail-counter){min-height:0}.detail-step-buttons{margin-top:25px}.detail-step-buttons button{padding:14px;font-size:11px}.film-stage{height:600px}.film-copy{top:16%;left:5%;right:5%;max-width:90%}.film-copy h2{font-size:55px}.film-copy p{font-size:13px}.film-footer{font-size:8px;bottom:20px;gap:20px}.film-footer>span:first-child{max-width:230px}.production-photos{grid-template-columns:1fr;gap:28px}.production-photos img{aspect-ratio:1.6}.production-photos span{margin-top:11px;font-size:9px}.application-lines{grid-template-columns:1fr;gap:35px}.application-lines a>span:last-child{font-size:9px}.application-lines h3{font-size:29px}.application-lines>div:last-child>a{padding:22px 0;gap:20px}.industrial-cta .actions{align-items:flex-start;flex-direction:column}.industrial-cta .text-link{font-size:11px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-grid.production .gallery-item:first-child{grid-column:auto}.gallery-grid.production .gallery-item:first-child img,.gallery-item img{height:260px}.gallery-intro h1{font-size:45px}.gallery-filters{font-size:11px;flex-wrap:wrap;gap:15px}.gallery-section h2{font-size:32px}.image-dialog{max-width:96vw}.image-dialog img{max-width:94vw}}
@media(prefers-reduced-motion:reduce){.machine-story,.detail-story,.factory-film{height:auto}.machine-stage,.detail-sticky,.film-stage{position:relative;top:auto}.stage-intro.exit{opacity:1;transform:none}.stage-chapter{display:none}.machine-stage{height:700px}.film-stage{height:650px}.detail-sticky{height:650px}.stage-controls,.model-tabs button,.detail-step-buttons button{transition:none}}
.scroll-caption{margin-right:120px}.film-stage.is-playing .film-copy{opacity:.15;transition:opacity .3s}.film-stage.is-playing:hover .film-copy,.film-stage.is-playing:focus-within .film-copy{opacity:1}.film-stage.is-playing .film-footer{bottom:65px}@media(max-width:760px){.stage-intro h1{font-size:clamp(44px,13vw,58px)}.film-stage.is-playing .film-copy{opacity:1}.stage-controls input{min-height:28px}.model-tabs button{min-height:72px}}
.model-disclosure{font-size:10px}.stage-controls input:disabled{opacity:.4}.stage-controls:has(#enable-3d:not([hidden])) label,.stage-controls:has(#enable-3d:not([hidden])) input,.stage-controls:has(#enable-3d:not([hidden])) #rotate-left,.stage-controls:has(#enable-3d:not([hidden])) #rotate-right,.stage-controls:has(#enable-3d:not([hidden])) #reset-scene{display:none}@media(max-width:760px){.stage-intro h1{font-size:clamp(42px,12.5vw,56px)}.model-disclosure{font-size:9px;line-height:1.7}.machine-stage{padding-bottom:38px}}
/* Selected direction: graphite base with a deep-ocean / cool-teal signal palette. */
:root{--volga-ocean:#1d668c;--volga-ocean-dark:#124563;--volga-teal:#4aa99e;--volga-brass:#d1a94a;--volga-ink:#0d161c;--volga-paper:#f3f0e9}
.button{background:var(--volga-ocean);color:#fff}.button:hover{background:var(--volga-ocean-dark)}
.stage-chapter .tech-label,.model-information .tech-label{color:var(--volga-teal)}
.stage-controls input{accent-color:var(--volga-teal)}.scroll-progress span,.film-timeline span{background:var(--volga-teal)}
.model-tabs button[aria-selected=true]:before{background:var(--volga-teal)}.model-information .tech-label{color:var(--volga-ocean)}
.detail-counter{color:var(--volga-teal)}.detail-step-buttons button.active{border-color:var(--volga-teal)}
.film-stage:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--volga-teal),var(--volga-brass));opacity:.7;pointer-events:none}
.production-photos img{background:#dce5e8}.production-preview .fineprint{max-width:760px}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.machine-stage,.detail-sticky{height:auto}.film-stage{height:600px}}
.homepage-facts,.homepage-faq{background:#f3f0e9;color:#171c20}.homepage-facts .section-heading>p,.homepage-faq .section-heading>p{max-width:470px}.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.facts-grid article{border-top:2px solid var(--volga-ocean);padding:25px 22px 28px;background:#fff}.fact-label{display:block;color:var(--volga-ocean);font-size:10px;letter-spacing:.14em;font-weight:600}.facts-grid h3{font-size:25px;line-height:1.2;margin:20px 0 15px}.facts-grid p{font-size:14px;line-height:1.8}.facts-grid .text-link{display:inline-block;margin-top:12px}.faq-list{max-width:920px;border-top:1px solid #b8c4cb}.faq-list details{border-bottom:1px solid #b8c4cb;padding:20px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;padding-right:35px}.faq-list details p{max-width:820px;font-size:15px;line-height:1.8;margin:15px 0 0}.faq-list summary:focus-visible{outline:2px solid var(--volga-ocean);outline-offset:5px}@media(max-width:900px){.facts-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.facts-grid{grid-template-columns:1fr}.facts-grid article{padding:22px 18px}.facts-grid h3{font-size:23px}.faq-list summary{font-size:16px}}

/* Curated image placements: a distinct role for each workshop photograph. */
.manufacturing-preview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:7%;background:#e8ecee}
.manufacturing-preview-photo{display:block;overflow:hidden}
.manufacturing-preview-photo img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:45% center}
.manufacturing-preview-copy .tech-label{color:var(--volga-ocean)}
.manufacturing-preview-copy h2{margin:23px 0 26px}
.manufacturing-preview-copy>p:not(.tech-label){font-size:14px;line-height:1.85;max-width:380px}
.manufacturing-preview-copy .text-link{margin-top:24px}
.manufacturing-editorial .process-spread{margin-bottom:0}
.gallery-grid--operations{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.gallery-grid--operations img{height:auto;aspect-ratio:1.65;object-fit:cover}
.gallery-grid--components{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.gallery-grid--components button,.gallery-grid--service button{background:#f0f2f3}
.gallery-grid--components img,.gallery-grid--service img{height:auto;aspect-ratio:1.5;object-fit:contain}
.gallery-item figcaption{font-size:16px;line-height:1.5;margin-top:12px}
.service-parts{margin-top:48px;border-top:1px solid #b8c4cb;border-bottom:1px solid #b8c4cb}
.service-parts summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 0;font-size:17px;font-weight:600;list-style:none}
.service-parts summary::-webkit-details-marker{display:none}
.service-parts summary>span{font-size:25px;font-weight:400;color:var(--volga-ocean)}
.service-parts[open] summary>span{transform:rotate(45deg)}
.service-parts summary:focus-visible{outline:2px solid var(--volga-ocean);outline-offset:5px}
.gallery-grid--service{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;padding:12px 0 32px}
.manufacturing-assembly{background:#e8ecee}
.manufacturing-assembly>img{width:100%;height:auto;max-height:690px;object-fit:cover}
@media(max-width:1050px){.manufacturing-preview{gap:5%}.manufacturing-preview-copy h2{font-size:44px}}
@media(max-width:760px){.manufacturing-preview{grid-template-columns:1fr;gap:30px}.manufacturing-preview-copy h2{font-size:39px}.gallery-grid--operations,.gallery-grid--components,.gallery-grid--service{grid-template-columns:1fr;gap:28px}.gallery-grid--operations img{aspect-ratio:1.5}.manufacturing-assembly .section-heading{align-items:flex-start;gap:24px}.service-parts{margin-top:35px}.service-parts summary{font-size:16px}}