:root{--bg:#0f172a;--panel:#1e293b;--muted:#94a3b8;--amber:#f59e0b;--white:#f8fafc;--border:#334155}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}.shell{width:min(1280px,calc(100% - 96px));margin:auto}header{position:sticky;top:0;z-index:50;background:#0f172aeb;backdrop-filter:blur(18px);border-bottom:1px solid #33415580}nav{min-height:98px}.brand strong{font-size:21px;letter-spacing:.07em;display:block}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted)}.brand img{width:60px;height:60px}.nav-links{display:flex;gap:26px;font-size:14px;color:#cbd5e1}.nav-links a:hover{color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--amber);color:#111827;border:1px solid var(--amber);padding:16px 23px;border-radius:5px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 25px #f59e0b25}.btn-small{padding:12px 17px}.btn-outline{background:transparent;color:var(--white);border-color:#475569}.menu-button{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:radial-gradient(ellipse at 83% 35%,#25304485,transparent 60%);padding:78px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--amber);display:flex;align-items:center;gap:12px}.line{height:2px;width:28px;background:var(--amber)}body h1{font-size:clamp(42px,4.8vw,68px);font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:25px 0}h1 em{font-style:normal;color:var(--amber)}.hero-copy{color:#b3bdcc;max-width:540px;font-size:17px;line-height:1.8}.hero-actions{margin-top:30px}.hero-note{display:flex;gap:28px;color:var(--muted);font-size:10px;letter-spacing:.07em;margin-top:40px}.technical-panel{background:linear-gradient(135deg,#1e293bd9,#111b2c);border:1px solid var(--border);border-radius:8px;box-shadow:0 30px 80px #0004;padding:23px;transition:transform .3s}.panel-head{font-size:10px;letter-spacing:.1em;border-bottom:1px solid var(--border);padding-bottom:18px}.amber{color:var(--amber)}.measurement{position:relative;display:grid;place-items:center;height:285px;background-image:linear-gradient(#33415525 1px,transparent 1px),linear-gradient(90deg,#33415525 1px,transparent 1px);background-size:25px 25px}.rings{width:225px;height:225px;border:1px dashed #f59e0b60;border-radius:50%;display:grid;place-items:center}.ring-inner{width:200px;height:200px;border:1px solid #475569;border-radius:50%;display:grid;place-items:center}.ring-inner img{width:178px;height:178px}.crosshair{position:absolute;color:#64748b}.cross-one{top:25px;left:22px}.cross-two{bottom:25px;right:22px}.dimension{position:absolute;font-size:9px;letter-spacing:.13em;color:#94a3b8}.top-dimension{top:6px}.bottom-dimension{bottom:6px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);background:#0f172a80;border-radius:4px}.metric-grid>div{padding:18px}.metric-grid>div+div{border-left:1px solid var(--border)}.metric-grid small{font-size:9px;letter-spacing:.07em;color:var(--muted);display:block}.metric-grid strong{font-size:34px;letter-spacing:-.03em}.metric-grid strong span{font-size:13px;font-weight:400;color:var(--muted)}.panel-bottom{display:flex;justify-content:space-between;font-size:9px;color:#cbd5e1;margin-top:20px;gap:10px}.metric-note{font-size:12px;color:var(--muted);margin-bottom:0}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:45px;padding-bottom:25px;margin-top:38px;border-top:1px solid var(--border);font-size:11px;letter-spacing:.05em;color:var(--muted)}.skip{position:absolute;top:-100px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:0}.section{padding:96px 0}.section-label{font-size:12px;color:var(--amber);letter-spacing:.14em;font-weight:600}body h2{font-weight:800;font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.045em;margin:16px 0 22px}body h3{font-weight:700;font-size:23px;letter-spacing:-.035em;line-height:1.25}.intro{color:var(--muted);max-width:550px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head p{max-width:350px}.stats{background:#172235;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:32px 24px;border-right:1px solid var(--border)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat-icon{color:var(--amber);font-size:24px}.stat h3{font-size:16px;margin:10px 0 8px}.stat p{font-size:14px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;background:linear-gradient(145deg,#1e293b,#162135);border:1px solid var(--border);border-radius:6px;padding:32px;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);border-color:#f59e0b80}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--amber)}.card-index{font-size:12px;color:#64748b}.card-icon{font-size:30px}.service-card p{font-size:15px;color:var(--muted)}.service-card ul{list-style:none;padding:15px 0 0;border-top:1px solid var(--border);font-size:14px;color:#cbd5e1}.service-card li{padding:7px 0;display:flex;gap:10px}.service-card li:before{content:'+';color:var(--amber)}.service-card a{display:inline-block;font-size:14px;color:var(--amber);font-weight:600;margin-top:15px}.capacity{background:#f3f5f7;color:#0f172a}.capacity .intro{color:#64748b}.capacity .section-label{color:#b45309}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:36px 0 22px}.tab{background:#e2e8f0;border:1px solid #cbd5e1;color:#475569;padding:15px 8px;border-radius:4px;font-size:14px;font-weight:600}.tab[aria-selected=true]{background:#0f172a;color:#f8fafc;border-color:#0f172a}.capacity-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid #cbd5e1;padding:40px;background:white;border-radius:6px}.capacity-panel h3{font-size:28px;margin-top:12px}.capacity-panel p{color:#64748b}.spec-list{display:grid;gap:0;align-content:center}.spec-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:14px}.spec-row span{color:#64748b}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.step-no{width:48px;height:48px;display:grid;place-items:center;border:1px solid #f59e0b80;color:var(--amber);font-size:16px;font-weight:600;border-radius:50%;margin-bottom:25px}.step{border-top:1px solid var(--border);padding-top:22px}.step h3{font-size:19px}.step p{font-size:14px;color:var(--muted)}.contact{background:#172235;border-top:1px solid var(--border)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-aside{position:sticky;top:125px;align-self:start}.contact-detail{border-top:1px solid var(--border);padding:18px 0;font-size:14px}.contact-detail small{display:block;color:var(--muted);margin-bottom:4px}.form-panel{background:#0f172a80;padding:32px;border:1px solid var(--border);border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;color:#cbd5e1;font-weight:500}input,textarea,select{display:block;width:100%;padding:12px 14px;margin-top:5px;background:#1e293b;border:1px solid #475569;border-radius:4px;color:var(--white);min-height:48px}input:focus,textarea:focus,select:focus{border-color:var(--amber)}textarea{resize:vertical}.full{grid-column:1/-1}.dropzone{border:1px dashed #64748b;border-radius:5px;padding:25px;text-align:center;cursor:pointer;background:#1e293b80;margin:20px 0}.dropzone.dragover{border-color:var(--amber);background:#f59e0b15}.dropzone strong{display:block;font-size:14px}.dropzone small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.file-list{font-size:14px}.file-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.remove-file{background:none;color:var(--amber);border:0;font-size:14px}.form-note{color:var(--muted);font-size:12px}.form-status{font-size:14px;padding-top:12px}.form-status.error{color:#fca5a5}.form-submit{width:100%;margin-top:12px}footer{padding:45px 0 22px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;font-size:14px;color:var(--muted)}.copyright{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.floating{position:fixed;bottom:22px;right:24px;z-index:30;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:30px;background:#25d366;color:#052e16;box-shadow:0 0 0 0 #25d36640;animation:pulse 3s infinite;font-size:14px;font-weight:700}.floating svg{width:23px;height:23px;fill:currentColor}@keyframes pulse{50%{box-shadow:0 0 0 9px #25d36600}}@media(max-width:1100px){.shell{width:calc(100% - 48px)}.hero-grid{gap:30px}.nav-links{gap:15px}.header-cta{display:none}.service-card{padding:24px}.contact-grid{gap:35px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}nav{min-height:82px}.brand strong{font-size:18px}.brand img{width:48px;height:48px}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:82px;background:#0f172a;padding:20px;flex-direction:column;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr;gap:40px}body h1{font-size:44px}.hero-note{gap:15px;flex-wrap:wrap}.hero-bottom{padding-top:25px;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.stat,.stat:first-child{padding:22px 15px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.section{padding:65px 0}.section-head{display:block}.service-grid{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr}.capacity-panel{grid-template-columns:1fr;gap:15px;padding:25px}.steps{grid-template-columns:1fr 1fr;gap:25px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-aside{position:static}.form-panel{padding:22px}.form-grid{grid-template-columns:1fr}.footer-main{flex-direction:column;align-items:start}.copyright{flex-direction:column;padding-bottom:60px}.floating{bottom:15px;right:15px;font-size:12px}.measurement{height:270px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Engineering atmosphere and continuous hero-wheel motion. */
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 84% 32%,#33415565,transparent 58%),radial-gradient(ellipse at 8% 68%,#f59e0b09,transparent 48%),#0f172a}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#94a3b810 1px,transparent 1px),linear-gradient(90deg,#94a3b810 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(110deg,transparent 8%,#0008 52%,#000 100%)}
.hero::after{content:'';position:absolute;width:650px;height:650px;right:-250px;top:-240px;z-index:-1;pointer-events:none;border:1px solid #f59e0b28;border-radius:50%;box-shadow:0 0 0 64px #94a3b806,0 0 0 65px #94a3b810,0 0 0 129px #94a3b805,0 0 0 130px #94a3b810}
.hero-grid{position:relative}.hero-grid::before{content:'';position:absolute;left:49%;top:35px;width:36px;height:36px;pointer-events:none;background:linear-gradient(#f59e0b60,#f59e0b60) center/1px 100% no-repeat,linear-gradient(90deg,#f59e0b60,#f59e0b60) center/100% 1px no-repeat;opacity:.5}
.ring-inner img{animation:hero-wheel-turn 24s linear infinite;transform-origin:center;will-change:transform}
@keyframes hero-wheel-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero::before{background-size:40px 40px;opacity:.6}.hero::after{right:-440px;top:-200px}.hero-grid::before{display:none}}
@media(prefers-reduced-motion:reduce){.ring-inner img{animation:none;will-change:auto}}

/* Spacing refinement requested for the service cards. */
.service-card h3{margin-top:22px;margin-bottom:22px}
.service-card p{margin-top:0;margin-bottom:22px}

/* Centered original logo, overlapping the hero in the fixed header. */
header nav{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100px;gap:200px}
header .header-logo{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:132px;height:132px;z-index:2;filter:drop-shadow(0 10px 18px #0005)}
header .header-logo img{display:block;width:100%;height:100%;object-fit:contain}
header .nav-links{grid-column:1;justify-self:start;gap:18px;font-size:14px}
header .header-cta{display:inline-flex;grid-column:2;justify-self:end}
.hero{padding-top:112px}
@media(max-width:960px){header nav{gap:150px;min-height:94px}header .header-logo{width:113px;height:113px;top:5px}header .menu-button{display:block;grid-column:1;justify-self:start}header .nav-links{display:none;position:absolute;top:94px;left:0;right:0;padding:28px 20px;background:#0f172af7;border:1px solid #334155;border-radius:0 0 6px 6px;flex-direction:column;gap:20px}header .nav-links.open{display:flex}header .header-cta{font-size:13px;padding:12px 14px}.hero{padding-top:100px}}
@media(max-width:540px){header nav{min-height:84px;gap:120px}header .header-logo{width:92px;height:92px;top:6px}header .nav-links{top:84px;padding-top:55px}header .header-cta{font-size:12px;max-width:112px;padding:10px 12px;text-align:center;line-height:1.35}.hero{padding-top:80px}}

.location{background:#172235;border-top:1px solid #334155}.location .section-head{align-items:center}.location-address{color:#cbd5e1;font-size:15px;line-height:1.8}.map-route{display:inline-block;color:#f59e0b;font-weight:600;margin-top:12px}.map-frame{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;border-top:1px solid #475569;border-bottom:1px solid #475569;background:#1e293b}.map-frame iframe{display:block;width:100%;height:360px}.contact-page .contact{padding-top:125px}.contact-page .contact-aside{top:195px}html{scroll-padding-top:190px}@media(max-width:760px){.location-address{margin-top:25px}.map-frame iframe{height:280px}.contact-page .contact{padding-top:80px}html{scroll-padding-top:145px}}
.about{background:#111d31;border-top:1px solid #334155}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about .intro{margin:0 0 17px;max-width:580px}.text-link{display:inline-flex;gap:12px;color:#f59e0b;font-weight:700;margin-top:20px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.about-card{border:1px solid #475569;border-radius:6px;padding:30px;background:linear-gradient(145deg,#1e293b,#172235)}.about-number{color:#f59e0b;font-size:88px;line-height:.9;font-weight:800;letter-spacing:-.08em;float:left;margin:0 22px 12px 0}.about-number span{font-size:48px}.about-card strong{font-size:19px}.about-card p{color:#94a3b8;font-size:14px;margin:7px 0 0}.about-rule{clear:both;border-top:1px solid #475569;margin:28px 0 8px}.about-points>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:15px 0;border-bottom:1px solid #334155}.about-points>div:last-child{border-bottom:0}.about-points span{grid-row:span 2;color:#f59e0b;font-size:12px}.about-points strong{font-size:14px}.about-points small{color:#94a3b8;font-size:13px}@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:35px}.about-card{padding:24px}.about-number{font-size:72px}}
.portfolio{background:#0f172a;border-top:1px solid #334155}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #334155;border-left:1px solid #334155}.portfolio-grid article{padding:28px 24px;min-height:210px;border-right:1px solid #334155;border-bottom:1px solid #334155;background:linear-gradient(145deg,#18263b,#132033);transition:background .2s,transform .2s}.portfolio-grid article:hover{background:#1e293b;transform:translateY(-4px)}.portfolio-mark{color:#f59e0b;font-size:12px;letter-spacing:.1em}.portfolio-grid h3{font-size:19px;margin:30px 0 14px}.portfolio-grid p{font-size:14px;color:#94a3b8;margin:0}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid article{min-height:170px}}
/* Circular experience seal */
.about-card{position:relative;overflow:visible}.about-number{position:relative;float:left;width:150px;height:150px;margin:-10px 28px 22px -22px;border:2px solid #f59e0b;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 40%,#f59e0b28,#0f172a 64%);box-shadow:0 0 0 8px #f59e0b12,0 14px 34px #0006;line-height:1;z-index:2;animation:seal-float 4s ease-in-out infinite}.about-number strong{font-size:62px;letter-spacing:-.1em;color:#f59e0b;transform:translateX(-5px)}.about-number em{position:absolute;right:32px;top:39px;color:#f8fafc;font-size:30px;font-style:normal;font-weight:800}.about-number small{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:#f8fafc;font-size:10px;letter-spacing:.22em;font-weight:700}.badge-ring{position:absolute;inset:9px;border-radius:50%;border:1px dashed #f59e0b99;pointer-events:none}.badge-ring-inner{inset:18px;border-color:#94a3b855;border-style:solid;animation:seal-spin 18s linear infinite}.badge-ring-outer{inset:-10px;border-color:#f59e0b55;border-style:dashed;animation:seal-spin-reverse 24s linear infinite}@keyframes seal-spin{to{transform:rotate(360deg)}}@keyframes seal-spin-reverse{to{transform:rotate(-360deg)}}@keyframes seal-float{50%{transform:translateY(-5px)}}
@media(max-width:760px){.about-number{width:130px;height:130px;margin:-6px 22px 18px -10px}.about-number strong{font-size:54px}.about-number em{right:27px;top:35px;font-size:26px}.about-number small{bottom:26px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.about-number,.badge-ring-inner,.badge-ring-outer{animation:none}}
.visual-work{background:#111d31;border-top:1px solid #334155}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-grid figure{position:relative;min-height:300px;margin:0;overflow:hidden;border:1px solid #475569;border-radius:6px;background:#1e293b}.work-grid img{display:block;width:100%;height:300px;object-fit:cover;filter:saturate(.82) contrast(1.05);transition:transform .45s,filter .45s}.work-grid figure:hover img{transform:scale(1.05);filter:saturate(1) contrast(1.08)}.work-grid figcaption{position:absolute;inset:auto 0 0;padding:48px 22px 20px;background:linear-gradient(transparent,#0f172af2);display:flex;flex-direction:column;gap:4px}.work-grid figcaption strong{font-size:18px}.work-grid figcaption span{color:#cbd5e1;font-size:13px}@media(max-width:760px){.work-grid{grid-template-columns:1fr}.work-grid figure,.work-grid img{min-height:250px;height:250px}}
.clients{background:#111d31;border-top:1px solid #334155;overflow:hidden}
.client-slider{overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;cursor:grab}
.client-slider:active{cursor:grabbing}
.client-slider:focus-visible{outline:2px solid #f59e0b;outline-offset:4px}
.client-track{display:flex;width:max-content;animation:clients-slide 72s linear infinite}
.client-group{display:flex;flex:none}
.client-logo-slide{flex:none;box-sizing:border-box;width:210px;height:112px;margin-right:14px;padding:14px 20px;display:grid;place-items:center;background:#1e293b;border:1px solid #334155;border-radius:7px}
.client-logo-slide img{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}
.client-slider:hover .client-track,.client-slider:focus-within .client-track{animation-play-state:paused}
@keyframes clients-slide{to{transform:translateX(-50%)}}
.section{padding:64px 0}
@media(max-width:760px){.section{padding:48px 0}.client-track{animation-duration:60s}.client-logo-slide{width:172px;height:98px;margin-right:10px;padding:12px 14px}.client-logo-slide img{max-height:70px}}
@media(prefers-reduced-motion:reduce){.client-track{width:auto;animation:none;flex-wrap:wrap;justify-content:center;gap:10px}.client-group{flex-wrap:wrap;justify-content:center;gap:10px}.client-group[aria-hidden=true]{display:none}.client-logo-slide{margin-right:0}}
.location{padding-bottom:0}
.map-frame{margin-bottom:0}
.floating{width:54px;height:54px;padding:0;border-radius:50%;justify-content:center;gap:0}
.floating span{display:none}
.floating svg{width:25px;height:25px}
.contact-page input,.contact-page select,.contact-page textarea{font-size:13px;padding-left:16px;padding-right:16px}
.contact-page #contact-phone{letter-spacing:.08em}
.instagram-contact{display:inline-flex;align-items:center;gap:8px}
.instagram-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.instagram-contact svg circle:last-child{fill:currentColor;stroke:none}
.contact-page .contact-detail small{color:var(--amber)}
.contact-page textarea{padding-top:18px}
.contact-page .contact-detail{padding-bottom:25px}
.footer-links .footer-contact{color:var(--amber)}
.footer-links{row-gap:12px}
.contact-page .contact-aside .intro{margin-bottom:30px}
.legal-links{display:flex;gap:20px}
.legal-links a:hover{color:var(--amber)}
.contact-page .form-panel label{color:var(--amber)}
.contact-page .instagram-contact:hover{color:var(--amber)}
.header-cta:hover{background:#1597c9;border-color:#1597c9;color:#fff;box-shadow:0 5px 25px #1597c955}
.contact-page .dropzone{color:#cbd5e1}
.contact-page .dropzone strong{color:#cbd5e1}
.footer-links .footer-contact{color:var(--muted)}
.nav-links a.is-active,.footer-links a.is-active{color:var(--amber)}
.contact-page input,.contact-page textarea,.contact-page select{border-color:var(--amber);outline:none;box-shadow:none}
.contact-page input:focus,.contact-page textarea:focus,.contact-page select:focus{border-color:var(--amber);outline:none;box-shadow:none}
.contact-page .form-submit:hover{background:#1597c9;border-color:#1597c9;color:#fff;box-shadow:0 5px 25px #1597c955}
.about-number{width:132px;height:132px;margin:-6px 25px 20px -16px}
.about-number strong{font-size:70px;letter-spacing:.06em;transform:translateX(-2px)}
.about-number em{right:23px;top:57px;font-size:38px}
.about-number small{bottom:24px}
.experience-seal{float:left;width:140px;height:140px;margin:-8px 26px 22px -18px;filter:drop-shadow(0 8px 12px #0005);animation:seal-float 5s ease-in-out infinite}
.experience-seal img{display:block;width:100%;height:100%}
.menu-button{color:var(--amber);font-size:34px;line-height:1;padding:4px}
.tab[aria-selected=true]{background:#1597c9;border-color:#1597c9;color:#fff}
.tab:hover,.service-card a:hover{background:var(--amber);border-color:var(--amber);color:#111827}
.footer-links a:hover,.footer-main .brand:hover{color:var(--amber)}
.about-title-row{display:flex;align-items:center;gap:18px;margin:18px 0 24px}.about-title-row h2{margin:0}.about-title-row .experience-seal{flex:0 0 118px;width:118px;height:118px;margin:0}.about-copy .intro{max-width:560px}.about-download{margin-top:12px;background:var(--amber);color:#111827}.about-download:hover{background:#1597c9;border-color:#1597c9;color:#fff}
.about-gallery{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:12px}.about-gallery figure{margin:0;overflow:hidden;border:1px solid #475569;border-radius:5px;background:#0f172a}.about-gallery figure:first-child{grid-row:span 2}.about-gallery img{display:block;width:100%;height:100%;min-height:130px;object-fit:cover;filter:saturate(.82);transition:transform .3s,filter .3s}.about-gallery figure:hover img{transform:scale(1.04);filter:saturate(1)}
@media(max-width:760px){.about-title-row{align-items:flex-start;gap:12px}.about-title-row .experience-seal{flex-basis:88px;width:88px;height:88px}.about-title-row h2{font-size:clamp(30px,8vw,42px)}.about-gallery{min-height:300px}}
.section{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.hero{padding-bottom:40px;background-color:#102b48;background-image:linear-gradient(90deg,#0b1b32f2 0%,#102b48e6 42%,#123453cc 72%,#0b1b32eb 100%),url('/media/hero-machining.png');background-size:cover;background-position:center;background-blend-mode:normal,luminosity}
.section.is-visible{opacity:1;transform:none}
.hero .btn.quote-link:hover,.hero .btn.quote-link:focus-visible{background:#1597c9;border-color:#1597c9;color:#fff;box-shadow:0 5px 25px #1597c955}
.visual-work{position:relative;isolation:isolate;overflow:hidden}
.visual-work::before{content:'';position:absolute;inset:-25px;z-index:-1;pointer-events:none;background:url('/media/technical-parts.svg') center/cover no-repeat;opacity:.18;animation:technical-drift 18s ease-in-out infinite}
@keyframes technical-drift{0%,100%{transform:translate3d(-8px,6px,0) rotate(-1deg)}50%{transform:translate3d(8px,-6px,0) rotate(1deg)}}
@media(max-width:760px){.visual-work::before{background-size:auto 650px;background-repeat:repeat-y;opacity:.12}}
@media(prefers-reduced-motion:reduce){.visual-work::before{animation:none}}
.hero-grid::before,.hero-cross{animation:cross-breathe 4.8s ease-in-out infinite}
.hero-cross{position:absolute;width:26px;height:26px;pointer-events:none;background:linear-gradient(#f59e0b80,#f59e0b80) center/1px 100% no-repeat,linear-gradient(90deg,#f59e0b80,#f59e0b80) center/100% 1px no-repeat;opacity:.4}
.hero-cross-1{left:49%;top:48%;animation-delay:-1.6s}
.hero-cross-2{left:49%;bottom:2%;animation-delay:-3.2s}
.hero-cross-3{right:-32px;top:35%;width:18px;height:18px;animation-delay:-2.4s}
@keyframes cross-breathe{0%,100%{transform:scale(.7);opacity:.25}50%{transform:scale(1.25);opacity:.65}}
@media(max-width:760px){.hero-cross-1{left:auto;right:0;top:2%}.hero-cross-2{left:0;bottom:1%}.hero-cross-3{display:none}}
@media(prefers-reduced-motion:reduce){.hero-grid::before,.hero-cross{animation:none;transform:none}}
.back-to-top{position:fixed;right:24px;bottom:92px;z-index:31;width:48px;height:48px;border:1px solid #1597c9;border-radius:50%;background:#1597c9;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--amber);border-color:var(--amber);color:#111827}@media(max-width:760px){.back-to-top{right:15px;bottom:82px;width:44px;height:44px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.section{opacity:1;transform:none;transition:none}}
@media(max-width:760px){.experience-seal{width:124px;height:124px;margin:-4px 22px 20px -10px}}
@media(prefers-reduced-motion:reduce){.experience-seal{animation:none}}

/* Gentle, distinct motion for the three service pictograms. */
.service-card .card-icon{display:inline-block;transform-origin:center;will-change:transform}
.service-card:nth-child(1) .card-icon{animation:service-icon-breathe 3.8s ease-in-out infinite}
.service-card:nth-child(2) .card-icon{animation:service-icon-turn 18s linear infinite}
.service-card:nth-child(3) .card-icon{animation:service-icon-float 4.5s ease-in-out infinite}
@keyframes service-icon-breathe{50%{transform:scale(1.18)}}
@keyframes service-icon-turn{to{transform:rotate(360deg)}}
@keyframes service-icon-float{50%{transform:translateY(-4px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.service-card .card-icon{animation:none}}
@media(max-width:760px){.about-number{width:116px;height:116px}.about-number strong{font-size:61px}.about-number em{right:19px;top:49px;font-size:34px}.about-number small{bottom:20px}}