/* Light editorial navigation and a focused vermilion accent. */
:root{--rw-ink:#202327;--rw-accent:#c84028;--rw-accent-hover:#a72c19;--rw-accent-soft:#fff0eb;--rw-line:#d9dce0;--rw-gold:#d4a44c;--rw-header-height:116px}
html{scrollbar-gutter:stable}
.site-header,.inner-view .site-header,.site-header.is-fixed{width:100%;height:var(--rw-header-height);margin:0;padding-inline:max(40px,calc((100% - 1560px)/2));background:#fff;color:var(--rw-ink);border-bottom:1px solid #e4e5e7;box-shadow:none;animation:none;gap:34px}
.site-header.is-fixed{height:84px}
.site-header .brand-symbol,.site-header.is-fixed .brand-symbol{width:64px;height:64px}
.site-header .brand strong{font-size:25px}.site-header .brand small{color:#5d6268}
.desktop-nav a{font-weight:500;font-size:14px;transition:color .22s}
.desktop-nav a:after{width:100%;background:var(--rw-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--rw-accent)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.header-actions{gap:24px}
.menu-toggle{width:56px;height:56px;padding:14px;background:var(--rw-accent);color:#fff;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transition:background .25s,transform .25s,box-shadow .25s;flex-shrink:0}
.menu-toggle span{width:26px;margin:0;background:currentColor;transition:transform .3s,width .3s}
.menu-toggle span:last-child{width:20px;align-self:flex-start}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{width:26px;transform:translateY(-4.5px) rotate(-45deg)}
.menu-toggle:focus-visible{outline:2px solid var(--rw-accent);outline-offset:5px}
.language-options{background:#fff;color:var(--rw-ink);border:1px solid var(--rw-line);box-shadow:0 14px 35px #17212b15}
.language-options a{transition:background .2s,color .2s,padding .2s}
.language-options a:hover,.language-options a:focus-visible,.language-options a[aria-current=true]{color:var(--rw-accent);background:var(--rw-accent-soft)}
.menu-open .site-header,.menu-open .site-header.is-fixed{position:fixed;height:var(--rw-header-height);z-index:61}
.inner-view #navigation-shell{height:var(--rw-header-height)}
.inner-view:has(.site-header.is-fixed){padding-top:0}
.mega-menu{position:fixed;z-index:60;inset:var(--rw-menu-offset,var(--rw-header-height)) 0 0;background:#fff;color:var(--rw-ink);overflow-y:auto;overscroll-behavior:contain;animation:menu-in .3s cubic-bezier(.2,.7,.2,1) both;scrollbar-width:thin;scrollbar-color:var(--rw-accent) #f3f3f3}
.mega-menu.is-closing{animation:menu-out .18s ease both;pointer-events:none}
.mega-layout{display:grid;grid-template-columns:minmax(310px,34%) minmax(0,1fr);min-height:100%}
.mega-sidebar{background:#f4f5f4;padding:42px 38px 38px max(40px,calc((100vw - 1560px)/2));min-width:0}
.mega-kicker,.mega-panel-heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;line-height:1.5}
.mega-kicker{padding-bottom:16px;margin:0 0 22px;border-bottom:1px solid var(--rw-line);color:#59616b}
.mega-groups,.mega-groups ul{list-style:none;margin:0;padding:0}
.mega-group{border-bottom:1px solid #d9dcdf}
.mega-row{display:flex;align-items:stretch;position:relative;transition:background .25s}
.mega-row:before{content:"";position:absolute;inset-block:19px;inset-inline-start:-14px;width:3px;background:var(--rw-accent);transform:scaleY(0);transition:transform .25s}
.mega-row>a{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0;padding:23px 0;font-size:clamp(20px,1.65vw,29px);font-weight:500;line-height:1.3;letter-spacing:-.035em;transition:color .22s}
.mega-row>a>span{transition:transform .25s;overflow-wrap:anywhere}
.mega-row>a>svg{width:22px;opacity:0;transform:translate(-7px,7px);transition:transform .25s,opacity .25s}
.mega-expand{border:0;background:transparent;color:inherit;width:42px;flex-shrink:0;display:grid;place-items:center;transition:color .25s,background .25s}
.mega-expand svg{width:19px;transition:transform .25s}
.mega-expand[aria-expanded=true] svg{transform:rotate(180deg)}
.mega-row:hover,.mega-row:focus-within{background:#fff}
.mega-row:hover:before,.mega-row:focus-within:before{transform:scaleY(1)}
.mega-row:hover>a,.mega-row:focus-within>a,.mega-row:hover>.mega-expand,.mega-row:focus-within>.mega-expand{color:var(--rw-accent)}
.mega-row:hover>a>span,.mega-row:focus-within>a>span{transform:translateX(7px)}
.mega-row:hover>a>svg,.mega-row:focus-within>a>svg{opacity:1;transform:translate(0)}
.mega-group.is-previewing>.mega-row>a{color:var(--rw-accent)}
.mega-submenu{padding:0 0 18px 14px;animation:submenu-in .2s ease both}
.mega-submenu a{display:block;padding:8px 0;font-size:14px;line-height:1.55;color:#555d64;transition:color .2s,transform .2s}
.mega-submenu a:hover,.mega-submenu a:focus-visible{color:var(--rw-accent);transform:translateX(5px)}
.mega-sidebar-note{margin-top:30px;font-size:11px;color:#687078}
.mega-sidebar-note>a{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;color:var(--rw-ink);font-size:13px}
.mega-sidebar-note svg{width:18px}
.mega-previews{min-width:0;padding:42px max(40px,calc((100vw - 1560px)/2)) 48px 36px}
.mega-panel{animation:preview-in .28s ease both}
.mega-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rw-line);padding-bottom:16px;margin-bottom:30px}
.mega-panel-heading h2{font:inherit;letter-spacing:inherit;margin:0;color:#59616b}
.mega-panel-heading>a{display:inline-flex;align-items:center;gap:10px;text-align:end;color:var(--rw-accent);font-size:10px}
.mega-panel-heading svg{width:18px;height:18px;transition:transform .25s}
.mega-panel-heading>a:hover svg{transform:translateX(5px)}
.mega-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mega-card{min-width:0;display:block}
.mega-card-image{aspect-ratio:1.5;overflow:hidden;position:relative;background:#eceeec}
.mega-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .45s}
.mega-card-image>span{position:absolute;inset-inline-end:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--rw-accent);display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}
.mega-card-image>span svg{width:20px}
.mega-card h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin-bottom:13px;transition:color .25s}
.mega-card-meta{font-size:10px;line-height:1.5;letter-spacing:.025em;text-transform:uppercase;color:#677079;margin:17px 0 10px}
.mega-card-description{font-size:13px;color:#626970;line-height:1.75;margin:0}
.mega-card:hover h3,.mega-card:focus-visible h3{color:var(--rw-accent)}
.mega-card:hover img,.mega-card:focus-visible img{transform:scale(1.06);filter:brightness(.94)}
.mega-card:hover .mega-card-image>span,.mega-card:focus-visible .mega-card-image>span{opacity:1;transform:none}
.mega-bottom-link{border-top:1px solid var(--rw-line);padding-top:28px;margin-top:48px;display:flex;gap:35px;justify-content:space-between;align-items:start}
.mega-bottom-link p{font-size:14px;line-height:1.7;color:#697078;max-width:440px;margin:0}
.mega-bottom-link .text-link{flex-shrink:0}
.mega-image-note{font-size:11px;color:#747b81;margin-top:28px;line-height:1.8}
.mega-statement{font-size:clamp(35px,3vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:740px;margin:20px 0 36px}
.mega-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:30px}
.mega-steps article{border-top:1px solid var(--rw-line);padding-top:20px}
.mega-steps span{font-size:12px;color:var(--rw-accent)}
.mega-steps h3{font-size:23px;line-height:1.2;margin:18px 0 12px}
.mega-steps p,.mega-about p:not(.mega-statement){font-size:14px;line-height:1.8;color:#626970}
.mega-about{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.mega-about>img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mega-about .mega-statement{font-size:36px;margin:0 0 22px}
.mega-contact-body{font-size:20px;line-height:1.8;color:#626970;max-width:620px}
.mega-contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:38px}
.button{background:var(--rw-accent);border-color:var(--rw-accent);color:#fff;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.button:hover,.button:focus-visible{background:var(--rw-accent-hover);border-color:var(--rw-accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #76281820}
.button svg{transition:transform .3s}.button:hover svg,.button:focus-visible svg{transform:translate(3px,-3px)}
.button-outline{background:transparent;border-color:#c9ced1;color:var(--rw-ink)}
.button-outline:hover,.button-outline:focus-visible{background:#f0f1f2;border-color:#8f979e;color:var(--rw-ink);box-shadow:none}
.round-arrow{background:var(--rw-accent);color:#fff;transition:background .25s,transform .3s}
.round-arrow svg{transition:transform .3s}
.hero-primary:hover .round-arrow,.hero-primary:focus-visible .round-arrow{background:var(--rw-accent-hover);transform:scale(1.08)}
.hero-primary:hover .round-arrow svg,.hero-primary:focus-visible .round-arrow svg{transform:translate(3px,-3px)}
.hero-primary>span:not(.round-arrow){transition:transform .3s}.hero-primary:hover>span:not(.round-arrow){transform:translateX(3px)}
.text-link{transition:color .25s,border-color .25s}.text-link:hover,.text-link:focus-visible{color:var(--rw-accent);border-color:var(--rw-accent)}
.text-link.light:hover,.text-link.light:focus-visible{color:#fff;border-color:#fff}
.story-dots button[aria-pressed=true]{background:var(--rw-accent)}
.story-controls button{background:var(--rw-accent-soft);color:var(--rw-accent);transition:background .2s,color .2s,transform .2s}
.story-controls button:hover,.story-controls button:focus-visible{background:var(--rw-accent);color:#fff;transform:translateY(-2px)}
.story-controls button:last-child{background:#eef0f1;color:#343a41}
.story-controls button:last-child:hover{background:#343a41;color:#fff}
.story-card a:hover h2{color:var(--rw-accent)}.story-card h2{transition:color .25s}
.project-arrow{background:#fff;color:var(--rw-accent);transition:background .25s,color .25s,transform .3s}
.project-photo:hover .project-arrow,.project-photo:focus-visible .project-arrow{background:var(--rw-accent);color:#fff;transform:translate(-4px,-4px)}
.project-card h3 a{transition:color .25s}.project-card h3 a:hover,.project-card h3 a:focus-visible{color:var(--rw-accent)}
.project-carousel-controls button{transition:background .25s,color .25s,border-color .25s,transform .25s}
.project-carousel-controls button:not(:disabled):hover{background:var(--rw-accent);border-color:var(--rw-accent);color:#fff;transform:translateY(-2px)}
.solution-card .card-action svg{transition:transform .3s}.solution-card:hover .card-action svg,.solution-card:focus-visible .card-action svg{transform:translate(4px,-4px)}
.solution-card:focus-visible img{transform:scale(1.05)}
.process-grid article{border-top-color:#d2d7db}.step-number,.equipment-process .step-number{color:var(--rw-accent)}
.intro .eyebrow{color:#6a7078}.hero .eyebrow{color:#fff}.equipment-hero .eyebrow{color:#e8eced}
.inquiry-context,.whatsapp-drawing-hint{background:#f3f5f6;border-inline-start-color:var(--rw-accent)}
.equipment-enquiry .enquiry-form,.enquiry-form{background:#f4f5f5}
.site-footer{background:#191d21}
.social-links a{transition:background .2s,color .2s,transform .2s}.social-links a:hover{background:var(--rw-accent);border-color:var(--rw-accent);color:#fff;transform:translateY(-3px)}
.footer-top>div>a:not(.brand){transition:color .25s,transform .25s}.footer-top>div>a:not(.brand):hover{color:#fff;transform:translateX(4px)}
@media(hover:hover) and (pointer:fine){.menu-toggle:hover{background:var(--rw-accent-hover);transform:scale(1.06);box-shadow:0 0 0 6px var(--rw-accent-soft)}.menu-toggle:not([aria-expanded=true]):hover span:last-child{width:26px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes menu-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes preview-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes submenu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1300px){.site-header,.inner-view .site-header,.site-header.is-fixed{gap:22px;padding-inline:35px}.desktop-nav a{font-size:12px}.desktop-nav ul{gap:19px}.site-header .brand strong{font-size:22px}.site-header .brand-symbol,.site-header.is-fixed .brand-symbol{width:56px;height:56px}.header-actions{gap:16px}.mega-layout{grid-template-columns:31% minmax(0,1fr)}.mega-sidebar{padding:30px 26px 30px 35px}.mega-previews{padding:30px 35px 35px 28px}.mega-row>a{font-size:23px;padding-block:22px}.mega-cards{gap:18px}.mega-card h3{font-size:19px}.mega-card-description{font-size:12px}.mega-bottom-link{display:block;margin-top:35px}.mega-bottom-link .text-link{margin-top:20px}}
@media(max-width:1100px){.desktop-nav{display:none}.header-actions{margin-inline-start:auto}.mega-layout{grid-template-columns:35% minmax(0,1fr)}.mega-cards{grid-template-columns:1fr 1fr}.mega-card:last-child{display:none}.mega-about{grid-template-columns:1fr}.mega-about>img{aspect-ratio:2.1}.mega-steps{grid-template-columns:1fr;gap:10px}.mega-steps article{padding-top:12px}.mega-steps h3{margin:10px 0;font-size:20px}.mega-steps p{font-size:13px}}
@media(max-width:1000px){:root{--rw-header-height:90px}.site-header.is-fixed{height:84px}}
@media(max-width:720px){:root{--rw-header-height:78px}.site-header,.inner-view .site-header,.site-header.is-fixed{height:78px;padding-inline:20px;gap:12px}.site-header .brand-symbol,.site-header.is-fixed .brand-symbol{width:48px;height:48px}.site-header .brand strong{font-size:19px}.site-header .brand small{font-size:8px}.header-actions{gap:14px}.menu-toggle{width:42px;height:42px;padding:10px;gap:6px}.menu-toggle span{width:22px}.menu-toggle span:last-child{width:17px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{width:22px;transform:translateY(-4px) rotate(-45deg)}.mega-layout{display:block}.mega-sidebar{padding:25px 25px 36px;background:#f5f6f5;min-height:100%}.mega-kicker{font-size:10px;margin-bottom:10px;padding-bottom:14px}.mega-row>a{font-size:26px;padding-block:20px}.mega-row:before{inset-inline-start:-11px}.mega-expand{width:44px}.mega-expand svg{width:20px}.mega-previews{display:none}.mega-submenu a{padding-block:9px;font-size:14px}.mega-sidebar-note{margin-top:25px}.mega-sidebar-note>a{font-size:12px}.language-options{inset-inline-end:0}}
html[dir=rtl] .desktop-nav a:after{transform-origin:right}
html[dir=rtl] .mega-sidebar{padding-inline-start:max(40px,calc((100vw - 1560px)/2));padding-inline-end:38px}
html[dir=rtl] .mega-previews{padding-inline-start:36px;padding-inline-end:max(40px,calc((100vw - 1560px)/2))}
html[dir=rtl] .mega-row:hover>a>span,html[dir=rtl] .mega-row:focus-within>a>span{transform:translateX(-7px)}
html[dir=rtl] .mega-submenu{padding-inline:14px 0}html[dir=rtl] .mega-submenu a:hover{transform:translateX(-5px)}
@media(max-width:1300px){html[dir=rtl] .mega-sidebar{padding-inline:35px 26px}html[dir=rtl] .mega-previews{padding-inline:28px 35px}}
@media(max-width:720px){html[dir=rtl] .mega-sidebar{padding-inline:25px}}
@media(prefers-reduced-motion:reduce){.mega-menu,.mega-menu.is-closing,.mega-panel,.mega-submenu{animation:none}#navigation-shell *,#navigation-shell *:before,#navigation-shell *:after,.button,.button svg,.round-arrow,.round-arrow svg,.hero-primary>span,.story-controls button,.project-arrow,.social-links a{transition:none}.menu-toggle:hover,.button:hover,.hero-primary:hover .round-arrow,.hero-primary:hover .round-arrow svg{transform:none}}
/* On the homepage, video remains visible through the resting navigation. */
.site-header{transition:background .28s ease,color .22s ease,border-color .28s ease}
.site-header,.site-header.is-fixed{backdrop-filter:none}
.home-view:not(.menu-open) .site-header:not(.is-past-hero){background:transparent;color:#fff;border-bottom-color:transparent}
.home-view:not(.menu-open) .site-header:not(.is-past-hero) .brand small{color:#fff}
.home-view:not(.menu-open) .site-header:not(.is-past-hero) .menu-toggle{background:#ffffff1f;color:#fff;box-shadow:none}
.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(:focus-visible),.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(.language-menu[open]){background:#fff;color:var(--rw-ink);border-bottom-color:#e4e5e7}
.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(:focus-visible) .brand small,.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(.language-menu[open]) .brand small{color:#5d6268}
.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(:focus-visible) .menu-toggle,.home-view:not(.menu-open) .site-header:not(.is-past-hero):has(.language-menu[open]) .menu-toggle{background:var(--rw-accent)}
@media(hover:hover) and (pointer:fine){
 .home-view:not(.menu-open) .site-header:not(.is-past-hero):hover{background:#fff;color:var(--rw-ink);border-bottom-color:#e4e5e7}
 .home-view:not(.menu-open) .site-header:not(.is-past-hero):hover .brand small{color:#5d6268}
 .home-view:not(.menu-open) .site-header:not(.is-past-hero):hover .menu-toggle{background:var(--rw-accent)}
 .home-view:not(.menu-open) .site-header:not(.is-past-hero):hover .menu-toggle:hover{background:var(--rw-accent-hover)}
}
