:root{--navy:#102a3b;--ink:#132b3a;--muted:#566873;--orange:#ff873f;--paper:#f2f5f6;--line:#d9e1e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d66925;outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(3rem,5.2vw,5rem);font-weight:600}h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:600;margin-bottom:26px}h3{font-size:1.4rem;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding:100px 0}.topbar{background:var(--navy);color:#cfdae1;font-size:12px;letter-spacing:.12em}.topbar .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.topbar a{letter-spacing:0;font-size:13px}header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6ebee}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}.wordmark{font-size:31px;font-weight:900;letter-spacing:-.07em;line-height:1;display:block}.wordmark>span{color:#d76521}.wordmark small{display:block;font-size:9px;letter-spacing:.34em;font-weight:500;margin:8px 0 0 2px}.brand{flex-shrink:0}nav{display:flex;gap:27px;align-items:center}nav a{font-size:14px;font-weight:600;position:relative;white-space:nowrap;padding:34px 0}nav a[aria-current]:after{content:'';height:3px;background:#e57631;position:absolute;bottom:19px;left:0;right:0}nav a:hover{color:#bc5319}.header-phone{font-size:14px;border-left:1px solid var(--line);padding-left:25px;font-weight:600;white-space:nowrap}.menu-button{display:none}.hero{background:var(--navy);color:white;position:relative;min-height:650px;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;background-image:url('/assets/refinery.webp');background-size:cover;background-position:center 55%}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,27,42,.98),rgba(7,27,42,.84) 30%,rgba(7,27,42,.3) 66%,rgba(7,27,42,.12)),linear-gradient(0deg,rgba(7,27,42,.8),transparent 35%)}.hero-content{padding-top:75px;padding-bottom:120px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;margin-bottom:25px;color:#a54b17}.hero .eyebrow{color:#ffab76}.hero h1{max-width:790px;margin-bottom:24px}.hero h1 span{color:#ff9a58}.hero p:not(.eyebrow){color:#d3dce2;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;background:var(--orange);color:#152737;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#ffa266;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-link{font-size:14px;color:white;font-weight:600}.text-link span{margin-left:12px}.hero-bottom{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding:22px 0;font-size:11px;letter-spacing:.17em;color:#d4dfe5}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:90px}.intro p{max-width:540px}.intro-photo{position:relative;overflow:hidden;border-radius:3px}.intro-photo img{width:100%;height:360px;object-fit:cover}.photo-caption{background:var(--navy);padding:21px 25px;color:white}.photo-caption span{display:block;font-size:10px;letter-spacing:.16em;color:#bdced8}.photo-caption strong{display:block;font-size:23px;font-weight:500;margin-top:5px}.under-link{font-size:14px;font-weight:700;border-bottom:1px solid #a7b5be;display:inline-flex;gap:40px;padding-bottom:9px;margin-top:20px}.under-link:hover{color:#b9541b}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;margin-bottom:3px}.strength{background:var(--paper)}.qpt{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd6dd}.qpt article{padding:30px 35px 0 0;display:flex;flex-direction:column;gap:25px}.qpt article+article{border-left:1px solid #cbd6dd;padding-left:35px}.priority-icon{font-size:100px;font-weight:600;line-height:1;letter-spacing:-.09em;color:#bed0d9}.qpt article:nth-child(2) .priority-icon{color:#eaa373}.micro{font-size:11px;letter-spacing:.13em;font-weight:700;color:#647783}.qpt h3{margin:15px 0}.qpt p{font-size:15px;line-height:1.8;margin-bottom:0}.locations{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.location{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.location-number{font-size:12px;color:#83949e;display:block;margin-bottom:25px}.location h3{font-weight:500;margin-bottom:8px}.location>span:last-child{color:var(--muted);font-size:14px}.enquiry{background:#eaf0f3}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.enquiry-grid>div>p{max-width:400px}.contact-line{margin-top:30px}.contact-line small{display:block;color:#61737e;font-size:11px;letter-spacing:.12em;margin-bottom:6px}.contact-line a{font-size:21px;font-weight:500}.contact-line a:hover{text-decoration:underline}.form-panel{background:white;padding:35px;border-radius:3px}.form-panel h3{font-size:24px;margin-bottom:27px}.enquiry-form label{display:block;font-size:14px;margin-bottom:19px;font-weight:600}.enquiry-form label span{color:#b24d13}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea{width:100%;min-width:0;display:block;background:white;border:1px solid #cbd6dd;border-radius:2px;padding:12px 13px;color:var(--ink);margin-top:7px;font-size:16px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6a7a85}.form-note{font-size:12px;margin-top:15px;margin-bottom:0}.form-status{font-size:14px;color:#22495f;margin-bottom:0}.form-status:empty{display:none}.enquiry-form .button{width:100%}.page-title{padding:75px 0;background:var(--navy);color:white}.page-title .eyebrow{color:#ffab76}.page-title h1{font-size:clamp(2.7rem,4.7vw,4.5rem);margin-bottom:25px}.page-title p:last-child{color:#c9d5dd;max-width:650px;margin-bottom:0}.about-copy{max-width:900px}.about-copy h2:not(:first-child){margin-top:55px}.about-copy p{font-size:18px}.catalog-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.catalog-grid .button{margin-top:20px}.catalog-note{background:var(--paper);padding:40px;border-left:3px solid var(--orange)}.catalog-note h3{margin-top:24px}.catalog-note a{font-size:14px;font-weight:600}.contact-places{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.contact-places span{padding:20px;border:1px solid var(--line);font-size:15px}footer{background:#102735;color:#e0e8ed;padding-top:70px}footer .wordmark{color:white}footer .wordmark>span{color:#ff9957}.footer-grid{display:grid;grid-template-columns:1.3fr .75fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-grid h3{font-size:16px;letter-spacing:0;font-weight:600;margin-bottom:25px}.footer-grid p{font-size:13px;color:#b3c2cc;line-height:1.8;margin-bottom:18px}.footer-grid .brand+p{margin-top:24px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin:8px 0;color:#c0cdd5}.footer-grid a:hover{color:#ffab76}.subscribe>div{display:flex;border-bottom:1px solid #78909e}.subscribe input{background:transparent;border:0;padding:8px 0 13px;font-size:14px;color:white;margin:0}.subscribe input::placeholder{color:#b4c2cb}.subscribe button{background:none;border:0;color:#ff9a58;font-size:25px;padding:0 7px}.subscribe small{color:#91a7b5;font-size:12px;display:block;margin-top:15px}.copyright{border-top:1px solid #ffffff25;padding:23px 0;display:flex;justify-content:space-between;color:#9bb0bd;font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;background:white;color:black;padding:15px}
@media(min-width:1550px){.hero{min-height:720px}.hero-content{padding-top:90px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header-phone{display:none}.intro-grid,.enquiry-grid,.catalog-grid{gap:50px}.footer-grid{gap:30px}.hero-content{padding-top:65px}nav{gap:22px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.section{padding:65px 0}.topbar .wrap{font-size:10px;letter-spacing:.08em}.topbar a{font-size:12px}.header-inner{min-height:77px}.wordmark{font-size:27px}.wordmark small{font-size:8px}.menu-button{display:flex;align-items:center;gap:12px;background:white;border:1px solid #cbd6dd;border-radius:3px;padding:9px 12px;font-size:14px;color:var(--ink)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 20px 25px;box-shadow:0 12px 15px #102a3b12}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:13px 5px;font-size:16px}nav a[aria-current]:after{bottom:8px;right:auto;width:24px}.hero{min-height:620px}.hero-content{padding-top:65px;padding-bottom:115px}.hero:before{background:linear-gradient(90deg,#071b2af5,#071b2ac7 55%,#071b2a70),linear-gradient(0deg,#071b2abd,transparent)}.hero-image{background-position:60% center}.hero h1{font-size:clamp(2.8rem,7vw,4rem)}.hero-bottom{font-size:9px;letter-spacing:.12em}.hero-actions{gap:22px}.hero-actions .button{gap:20px}.intro-grid,.enquiry-grid,.catalog-grid{grid-template-columns:1fr;gap:40px}.intro-photo img{height:320px}.intro p{max-width:none}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:500px;margin:25px 0 0}.qpt article{padding-right:20px}.qpt article+article{padding-left:20px}.priority-icon{font-size:75px}.qpt h3{font-size:21px}.locations{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.contact-places{grid-template-columns:repeat(2,1fr)}.page-title{padding:60px 0}.enquiry h2 br{display:none}}
@media(max-width:480px){.topbar .wrap{justify-content:center}.topbar a{display:none}.hero{min-height:650px}.hero-content{padding-top:60px}.hero h1{font-size:2.9rem;line-height:1.12}.hero p:not(.eyebrow){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-bottom{flex-direction:column;gap:8px;padding:16px 0}.eyebrow{font-size:11px;margin-bottom:22px}.qpt{grid-template-columns:1fr}.qpt article,.qpt article+article{display:grid;grid-template-columns:65px 1fr;border-left:0;border-bottom:1px solid #cbd6dd;padding:25px 0;gap:25px}.qpt article:last-child{border-bottom:0}.priority-icon{font-size:72px}.qpt h3{margin:10px 0}.location{padding:24px}.form-panel{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr}.copyright{gap:15px;flex-direction:column}.contact-places{grid-template-columns:1fr}.catalog-note{padding:30px}.contact-line a{font-size:19px}.intro-photo img{height:250px}.hero .button{padding:15px 18px}.page-title h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Motion: entrances, scroll choreography and tactile feedback. */
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-drift{from{transform:scale(1.055)}to{transform:scale(1)}}
@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
.hero-image{animation:hero-drift 9s ease-out both;will-change:transform}
.hero-content>.eyebrow{animation:rise .7s .05s both}.hero-content>h1{animation:rise 1s .18s both}.hero-content>p:not(.eyebrow){animation:rise .9s .38s both}.hero-actions{animation:rise .9s .55s both}.hero-bottom{animation:rise .9s .7s both}
.page-title .eyebrow{animation:rise .7s both}.page-title h1{animation:rise .9s .15s both}.page-title p:last-child{animation:rise .9s .3s both}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--delay,0ms),transform .85s cubic-bezier(.18,.65,.25,1) var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
nav a[aria-current]:after{transform-origin:left;animation:line-in .65s ease both}
nav.is-open{animation:rise .25s both}
@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease both fade-out}::view-transition-new(root){animation:.3s ease both rise}
}
@keyframes fade-out{to{opacity:0}}
.intro-photo img{transition:transform 1s cubic-bezier(.2,.65,.25,1)}.intro-photo:hover img{transform:scale(1.055)}.under-link span,.text-link span,.button span{display:inline-block;transition:transform .25s}.under-link:hover span,.text-link:hover span,.button:hover span{transform:translate(3px,-3px)}.qpt article{transition:background .35s}.priority-icon{transition:color .4s,transform .5s;transform-origin:left bottom}.qpt article:hover .priority-icon{color:#d66d2d;transform:translateY(-5px)}.location{transition:background .3s,box-shadow .3s}.location:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s}.location:hover{background:#f3f6f8}.location:hover:after{transform:scaleX(1)}.location h3{transition:transform .3s}.location:hover h3{transform:translateX(5px)}header{transition:box-shadow .3s}header.is-scrolled{box-shadow:0 6px 30px #102a3b12}input,textarea{transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#d9783a;box-shadow:0 0 0 3px #e9823920;outline:none}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:40;background:#f78743;transform:scaleX(0);transform-origin:left;pointer-events:none}.location-logo{height:42px;max-width:170px;object-fit:contain;object-position:left;margin-top:24px;background:white;padding:4px}.location:has(.location-logo){min-height:220px}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-image{animation:none}.scroll-progress{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Homepage motion edition — all essential content remains visible without JS. */
.motion-headline .headline-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;color:white}
.motion-headline .headline-line>span{display:block;color:inherit;transform-origin:0 100%}
.motion-headline .headline-line.accent{color:#ff9a58}
body.home-motion .hero-content>h1{animation:none}
@keyframes headline-unfold{from{transform:translateY(115%) rotate(3deg);opacity:.1}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes accent-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@keyframes light-pass{from{transform:translateX(-130%) skewX(-16deg)}to{transform:translateX(430%) skewX(-16deg)}}
@media(prefers-reduced-motion:no-preference){
.motion-headline .headline-line>span{animation:headline-unfold 1.05s cubic-bezier(.16,1,.3,1) both}
.motion-headline .headline-line:nth-child(1)>span{animation-delay:.15s}
.motion-headline .headline-line:nth-child(2)>span{animation-delay:.32s}
.motion-headline .headline-line:nth-child(3)>span{animation-delay:.49s}
.home-motion .hero-image{animation:none;inset:-35px;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.06);transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.home-motion .hero-content{transform:translate3d(0,var(--copy-y,0px),0);opacity:var(--copy-opacity,1)}
.home-motion .hero-content>.eyebrow{position:relative;padding-left:45px}
.home-motion .hero-content>.eyebrow:before{content:'';position:absolute;left:0;top:50%;height:2px;width:28px;background:#ff9a58;transform-origin:left;animation:accent-draw .8s .5s both}
.home-motion .hero-actions{animation-delay:.85s}
.home-motion .hero-content>p:not(.eyebrow){animation-delay:.65s}
.home-motion .intro-photo.reveal{transform:translateY(40px) scale(.96);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1s}
.home-motion .intro-photo.reveal.is-visible{transform:none;animation:none}
.home-motion .qpt article.reveal{transform:translateY(55px);transition-duration:1s}
.home-motion .qpt article.reveal.is-visible{transform:none}
.home-motion .qpt article.reveal .priority-icon{transform:translateY(18px) scale(.8);opacity:.1;transition:transform 1s cubic-bezier(.16,1,.3,1) calc(var(--delay,0ms) + .15s),opacity .8s calc(var(--delay,0ms) + .15s)}
.home-motion .qpt article.is-visible .priority-icon{transform:none;opacity:1}
.home-motion .location.reveal{transform:translateY(35px) scale(.94);transition:transform .8s cubic-bezier(.16,1,.3,1) var(--delay,0ms),opacity .8s var(--delay,0ms),background .3s}
.home-motion .location.reveal.is-visible{transform:none}
.home-motion .form-panel.reveal{transform:translateY(35px) rotate(1.5deg);transition-duration:1s}
.home-motion .form-panel.reveal.is-visible{transform:none}
.home-motion .hero .button{position:relative;overflow:hidden}
.home-motion .hero .button:after{content:'';position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:translateX(-130%) skewX(-16deg);pointer-events:none;animation:light-pass 1.2s 1.5s both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.home-motion .intro-photo{transform-style:preserve-3d}
.home-motion .intro-photo.is-visible:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);transition:transform .25s}
.home-motion .location.is-visible:hover{transform:translateY(-6px);box-shadow:0 16px 26px #102a3b0b;z-index:1}
.home-motion .qpt article.is-visible:hover .priority-icon{transform:translateY(-8px) rotate(-4deg);transition-delay:0ms;transition-duration:.3s}
}
@media(max-width:800px){.home-motion .hero-content{transform:none!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.home-motion .hero-image,.home-motion .hero-content,.motion-headline .headline-line>span{transform:none!important;opacity:1!important}.home-motion .intro-photo{clip-path:none!important}}
/* Quality, value and time: locally bundled Lucide icons. */
.qpt .priority-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#dde8ee;color:#234a61;font-size:inherit;letter-spacing:normal;position:relative;border:1px solid #c6d8e1}
.qpt article:nth-child(2) .priority-icon{background:#ffeadb;color:#b4541d;border-color:#f3d1ba}
.qpt article:nth-child(3) .priority-icon{background:#e1eaed;color:#30586b}
.priority-icon svg{width:54px;height:54px;stroke-width:1.5;overflow:visible}
.qpt article:hover .priority-icon{color:#c36127;background:#ffeddf;border-color:#e7ba9d}
@keyframes icon-trace{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){.qpt article.reveal.is-visible .priority-icon svg path,.qpt article.reveal.is-visible .priority-icon svg circle,.qpt article.reveal.is-visible .priority-icon svg line{stroke-dasharray:90;animation:icon-trace 1.6s cubic-bezier(.25,.7,.3,1) calc(var(--delay,0ms) + .25s) both}}
@media(max-width:480px){.qpt .priority-icon{width:65px;height:65px;border-radius:17px}.priority-icon svg{width:37px;height:37px}}
/* Landmark cards: consistent image crops and quiet location labels. */
.locations{border:0;gap:24px}
.location{padding:0;border:1px solid #d9e1e5;border-radius:5px;overflow:hidden;background:white}
.location-media{height:180px;overflow:hidden;background:#dce6ec;position:relative}
.location-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.location-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102a3b50);pointer-events:none}
.location .location-number{position:absolute;top:14px;left:15px;z-index:1;line-height:1;background:#102a3bc9;color:white;border:1px solid #ffffff60;padding:8px;border-radius:3px;margin:0}
.location-info{padding:22px}
.location-info h3{margin-bottom:7px}
.location-info>span{color:var(--muted);font-size:14px}
.location-info p{font-size:12px;line-height:1.5;margin:14px 0 0;color:#647986}
.location:hover .location-media img{transform:scale(1.075)}
.image-credits{margin-top:25px;color:#667985;font-size:12px}
.image-credits summary{cursor:pointer;display:list-item;width:fit-content;padding:6px 0}
.image-credits ul{padding-left:18px;columns:2;column-gap:45px}
.image-credits li{break-inside:avoid;margin-bottom:9px}
.image-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.location-media{height:150px}.locations{gap:18px}.location-info{padding:19px}}
@media(max-width:800px){.location-media{height:200px}}
@media(max-width:480px){.locations{gap:14px}.location-media{height:135px}.location-info{padding:17px 13px}.location-info h3{font-size:20px}.location-info p{font-size:12px}.image-credits ul{columns:1}}
@media(prefers-reduced-motion:reduce){.location-media img{transition:none}.location:hover .location-media img{transform:none}.priority-icon svg *{animation:none!important;stroke-dasharray:none!important}}
.photo-attribution{display:block;font-size:12px;line-height:1.5;color:#667985;margin-top:8px;text-decoration:underline;text-underline-offset:3px}
/* Replaces the static photograph and wipe with a controllable gear illustration. */
.gear-stage{position:relative;height:360px;background:radial-gradient(ellipse at 35% 40%,#304e60 0,#132f40 56%,#0d2433 100%);overflow:hidden}
.gear-scene{width:100%;height:100%;display:block;filter:drop-shadow(0 9px 8px #06162170)}
.gear-spin{transform-origin:0 0;animation:gear-turn 24s linear infinite;animation-play-state:paused}
.gear-one{fill:#b8cbd6;stroke:#e4eef3;stroke-width:.025}
.gear-two{fill:#ea9860;stroke:#ffd5b4;stroke-width:.025;animation-duration:18s;animation-direction:reverse}
.gear-three{fill:#7797aa;stroke:#cee1eb;stroke-width:.025;animation-duration:13s}
.gear-stage.is-visible:not(.is-paused) .gear-spin{animation-play-state:running}
@keyframes gear-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.gear-toggle{position:absolute;right:16px;top:16px;background:#102b3de6;color:#e5edf2;border:1px solid #7591a480;border-radius:3px;font-size:12px;line-height:1.4;padding:9px 12px;z-index:2}
.gear-toggle:hover{background:#294959}.gear-toggle:focus-visible{outline-color:#ffad72}
.home-motion .intro-photo.reveal,.home-motion .intro-photo.reveal.is-visible,.home-motion .intro-photo.is-visible:hover{transform:none;animation:none;clip-path:none;transition:opacity .65s}
@media(max-width:800px){.gear-stage{height:320px}}
@media(max-width:480px){.gear-stage{height:250px}}
@media(prefers-reduced-motion:reduce){.gear-spin{animation:none!important}.gear-toggle{display:none}}
.gear-stage.document-hidden .gear-spin{animation-play-state:paused!important}