/* WTWT — industrial editorial design. */
:root{--ink:#20282d;--muted:#667077;--paper:#f3f4f2;--line:#d9deda;--green:#087dab;--green2:#05648a;--slate:#20282d;--sand:#eceeea;--max:1240px}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}::selection{background:#c3e6f2;color:#20282d}.wrap{width:min(var(--max),calc(100% - 80px))}a,button{touch-action:manipulation}.utility{background:#222a2e;color:#c6cdd0;font-size:10px}.utility .wrap{min-height:32px}.mast{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}.mastin{height:96px;gap:24px}.logo>img{width:182px}.certMarks{display:none}.nav{gap:26px}.nav a{font-size:12px;font-weight:600;color:#424a4e}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--green)}.nav .contactbtn{background:transparent;color:var(--ink);border:1px solid #aeb9bf;padding:13px 19px}.nav .contactbtn:hover{background:var(--ink);color:#fff}.menu{color:var(--ink);width:44px;height:44px;cursor:pointer}.overline,.eyeline .label{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--green)}.button{border-radius:0;min-height:51px;padding:0 23px;font-size:12px;font-weight:600;gap:25px;transition:background .2s,color .2s}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:after,.cta .button:after{content:'↗';font-size:20px;font-weight:400}.button.ghost{border:0;border-bottom:1px solid #89969c;padding:0 0;min-height:42px;color:var(--ink)}.button:hover{box-shadow:none;transform:none}.button.ghost:hover{color:var(--green)}
/* Homepage: an open typographic composition and a close study of hardware. */
.hero{background:#f3f4f2;border:0;padding:0}.heroGrid{grid-template-columns:1.04fr .96fr;min-height:640px;max-width:1600px;margin:auto}.heroCopy{padding:64px 48px 52px max(40px,calc((100vw - var(--max))/2));background:#f3f4f2;justify-content:center}.hero .overline{color:#58666e;line-height:1.8;font-size:9px;letter-spacing:.13em;margin-bottom:34px}.hero h1{font-size:clamp(46px,4.65vw,71px);line-height:1.06;letter-spacing:-.058em;font-weight:500;max-width:700px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;color:#087dab}.heroCopy>p{font-size:15px;line-height:1.85;color:#5a666b;max-width:465px;margin-top:26px}.heroActions{margin-top:30px;gap:26px;align-items:center}.heroPhoto{background:#222b30;position:relative}.heroPhoto img{min-height:640px;height:100%;object-position:48% center;filter:saturate(.58)}.photoCaption{position:absolute;bottom:0;left:0;right:0;width:100%;background:#202a2ee8;color:#cbd3d5;padding:22px 30px;font-size:11px;line-height:1.6;border-top:1px solid #ffffff30}.photoCaption b{font-size:13px;font-weight:500;color:#fff;letter-spacing:.03em;margin-bottom:4px}.heroFooter{border-top:1px solid #cfd6d8;margin-top:35px;padding-top:18px;display:flex;gap:22px;align-items:center;color:#6b777d;font-size:10px;line-height:1.6}.heroFooter span{color:#087dab;font-size:9px;letter-spacing:.12em}.heroStamp{display:none}.credbar{background:#fff;border-bottom:1px solid var(--line)}.credbar .wrap{grid-template-columns:repeat(4,1fr)}.cred{padding:27px 24px;font-size:10px;border-color:var(--line)}.cred strong{font-size:14px;font-weight:500;margin-bottom:5px}.cred:first-child{padding-left:0}
.section{padding:100px 0}.eyeline{grid-template-columns:245px 1fr;gap:35px;margin-bottom:45px}.eyeline .label{font-size:10px;padding-top:10px}.eyeline h2{font-size:clamp(32px,3.55vw,48px);line-height:1.13;font-weight:500;letter-spacing:-.045em;max-width:780px}.eyeline p{font-size:15px;line-height:1.8;max-width:620px;margin-top:-14px}.serviceList{border-top:1px solid #929fa5;display:block}.serviceRow{grid-template-columns:65px 1.15fr 1fr 95px;gap:25px;padding:27px 0;border-bottom:1px solid var(--line);transition:background .2s}.serviceRow .num{font-family:Arial,sans-serif;font-size:10px;color:#89959b;letter-spacing:.08em}.serviceRow h3{font-size:22px;font-weight:500;letter-spacing:-.025em}.serviceRow p{font-size:13px;line-height:1.75;color:var(--muted)}.serviceRow .go{font-size:11px;font-weight:500;color:#087dab}.serviceRow:hover{background:#f7f9f8}.serviceRow:hover .num{color:var(--green)}
/* Certifications stay quiet and legible, as supporting evidence. */
.certSection{background:#f4f5f3;padding:48px 0;border-top:1px solid var(--line);border-bottom:0}.certHeading{max-width:none;text-align:left;display:grid;grid-template-columns:245px 1fr;column-gap:35px;margin:0 0 32px}.certHeading .overline{grid-column:1;grid-row:1/3;margin:9px 0;font-size:9px}.certHeading h2{grid-column:2;font-size:28px;font-weight:500;letter-spacing:-.035em;margin:0 0 12px;color:var(--ink)}.certHeading p{grid-column:2;margin:0;font-size:13px;line-height:1.7;max-width:650px;color:var(--muted)}.certShowcase{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.certTile{height:152px;padding:25px 12px 12px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;transition:none}.certTile:last-child{border-right:0}.certTile:hover{transform:none;box-shadow:none;background:#fff}.certTile img{max-width:86px;max-height:42px;margin-bottom:17px;object-fit:contain}.certTile strong{font-size:11px;font-weight:500;color:var(--ink)}.certTile span{font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px}
.band{background:#252e33;padding:85px 0}.band .eyeline .label{color:#7fc4de}.band .eyeline h2{font-weight:400}.band .eyeline p{color:#b7c2c7}.compliance{border-color:#4b575e}.compBlock{padding:36px 48px 32px 0}.compBlock+.compBlock{border-color:#4b575e;padding-left:48px}.compBlock .tag{color:#7fc4de;font-size:10px}.compBlock h3{font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.02em}.compBlock p{font-size:14px;line-height:1.8;color:#bdc7cc}.compBlock li{border-color:#465259;font-size:12px;padding:11px 0}.scope-link{font-size:12px;margin-top:26px}.scope-link a{color:#a0d4e6}.splitStory{gap:85px}.splitStory img{height:490px;filter:saturate(.6);object-fit:cover}.story h2{font-weight:500;line-height:1.13;font-size:44px;letter-spacing:-.04em}.story p{font-size:15px;line-height:1.85}.plainFacts{margin-top:25px}.fact{font-size:12px;line-height:1.7;padding-top:18px;padding-bottom:18px}.fact strong{font-weight:500;font-size:14px}.buyers{background:#f3f4f2}.equipment{grid-template-columns:repeat(4,minmax(0,1fr));border:0;border-top:1px solid #9eabae}.equipment div{padding:25px 24px 25px 0;min-height:128px;border:0;border-bottom:1px solid #d3dadd}.equipment b{font-size:16px;font-weight:500}.equipment span{font-size:12px;line-height:1.8}.processRow{grid-template-columns:90px 1fr 1.15fr;padding:26px 0;gap:30px}.processRow:before{font-family:Arial,sans-serif;font-size:11px;color:var(--green)}.processRow h3{font-weight:500;font-size:20px;letter-spacing:-.03em}.processRow p{font-size:13px;line-height:1.8}.cta{background:#e9eeed;color:var(--ink);border-top:1px solid #d4dddf;border-bottom:1px solid #d4dddf}.cta .wrap{padding:63px 0}.cta h2{font-size:43px;font-weight:500;line-height:1.13;letter-spacing:-.045em}.cta p{font-size:14px;color:#617078}.cta .button{background:var(--green);border-color:var(--green);color:white}.cta .button:hover{background:var(--green2)}.footer{background:#222b30;padding-top:65px;color:#b3c0c7}.footGrid{gap:48px}.footer .flogo{filter:none;background:#fff;padding:8px 12px;width:185px;height:auto}.footer h4{font-size:9px;color:#fff}.footer p,.footer a{font-size:12px;line-height:1.8;color:#bac6cd}.footerCertLogos img{width:36px;height:36px}.footer .social-links{margin-top:35px;padding-top:24px;border-top:1px solid #49545a;gap:24px}.footer .social-links a{border:0;padding:0;min-height:35px;font-size:11px;color:#d8e2e7}.footer .social-links a:hover{background:transparent;color:#7bc8e7}.social-links svg{width:16px;height:16px}.legal{border-color:#49545a;margin-top:25px;font-size:10px;color:#a1afb7}.whatsapp-float{background:#087dab;width:52px;height:52px;border:2px solid #fff;box-shadow:0 3px 12px #172d3830}.whatsapp-label{background:#222b30}.whatsapp-float svg{width:25px;height:25px}
/* Interior pages. */
.pageIntro{background:#f1f3f1;border-bottom:1px solid var(--line);padding:62px 0}.crumb{font-size:9px;letter-spacing:.12em;color:#7b878e;margin-bottom:38px}.crumb a{color:#536a77}.pageIntro h1{font-size:clamp(38px,4.7vw,62px);font-weight:500;line-height:1.1;letter-spacing:-.045em;color:var(--ink)}.pageIntro p{font-size:16px;line-height:1.85;color:#5d6b72}.serviceHero{gap:70px}.serviceHero img{height:440px;filter:saturate(.6)}.asideNote{border-top:1px solid #98a9af;margin-top:28px;padding-top:20px}.asideNote b{font-size:13px;font-weight:600}.asideNote p{font-size:13px}.content2{gap:90px}.content2 article h2{font-size:32px;font-weight:500;line-height:1.2}.content2 article p{font-size:15px;line-height:1.85}.sideNav{border-top:2px solid #087dab;top:123px}.sideNav a{font-size:12px;padding:16px 0}.note,.scopeNote{background:#f2f5f4;border-left:2px solid #087dab;padding:22px 25px}.deliverable{padding:19px 0}.deliverable b{font-weight:500}.deliverable span{line-height:1.75}.photoBreak{filter:saturate(.6)}.contactGrid{gap:90px}.contactGrid h2{font-size:43px;font-weight:500;line-height:1.1;letter-spacing:-.04em}.contactMethods{border-color:#aab7bc}.contactMethods div{padding:19px 0}.contactMethods span{font-size:9px;color:#6b7b84;margin-bottom:7px}.contactMethods a{font-size:15px}.form{background:#f3f5f3;padding:36px;border-top:2px solid #087dab}.form h3{font-size:24px;font-weight:500;margin-bottom:30px}.grid2{gap:22px}label{font-size:9px;font-weight:600;letter-spacing:.09em;color:#53646c}input,select,textarea{border:1px solid #c8d1d4;background:#fff;border-radius:0;padding:13px;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #087dab;outline-offset:2px}.faq-section{background:#f4f5f3}.faq-wrap{max-width:970px}.faq-wrap h2{font-weight:500;font-size:38px}.faq-list summary{font-size:15px;font-weight:500;line-height:1.7}.faq-list details{padding:21px 0}.faq-list details p{font-size:14px;line-height:1.8}.certCard{border-color:var(--line)}.certIntro h2{font-weight:500}.certCards{border-color:var(--line)}.certTile.textLogo strong{font-size:18px}section[id],main[id]{scroll-margin-top:110px}
@media(min-width:1600px){.heroCopy{padding-left:90px}}
@media(max-width:1150px){.nav{gap:16px}.nav a{font-size:11px}.logo>img{width:166px}.heroCopy{padding:48px 35px}.hero h1{font-size:54px}.heroPhoto img{min-height:620px}.eyeline,.certHeading{grid-template-columns:190px 1fr}.certShowcase{grid-template-columns:repeat(4,minmax(0,1fr))}.certTile{border-bottom:1px solid var(--line)}.footGrid{gap:28px}.serviceRow{grid-template-columns:40px 1.1fr 1fr 70px;gap:20px}}
@media(max-width:980px){.wrap{width:calc(100% - 48px)}.mastin{height:82px}.nav{top:82px;gap:22px;padding:26px 24px;background:#fff}.nav a{font-size:14px}.heroGrid{grid-template-columns:1fr 1fr}.heroCopy{padding:42px 28px}.hero h1{font-size:45px}.heroCopy>p{font-size:14px}.heroActions{gap:18px}.heroPhoto img{min-height:640px}.heroFooter{gap:13px;font-size:9px}.photoCaption{padding:20px}.cred{padding:22px 15px}.credbar .wrap{grid-template-columns:repeat(2,1fr)}.eyeline{grid-template-columns:155px 1fr;gap:30px}.serviceRow{grid-template-columns:35px 1fr 1fr 65px;gap:17px}.serviceRow h3{font-size:20px}.serviceRow p{font-size:12px}.splitStory{gap:35px}.splitStory img{height:390px}.story h2{font-size:38px}.equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.content2{gap:40px}.contactGrid{gap:45px}.cta .wrap{grid-template-columns:1fr;gap:25px}.cta .button{justify-self:start}.footGrid{grid-template-columns:1fr 1fr}.sideNav{position:static}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.utility .wrap{font-size:9px;min-height:30px}.mastin{height:76px}.nav{top:76px}.logo>img{width:156px}.heroGrid{grid-template-columns:1fr;min-height:0}.heroCopy{padding:42px 24px 35px}.hero .overline{font-size:8px;letter-spacing:.1em;margin-bottom:25px;max-width:290px}.hero h1{font-size:clamp(41px,11vw,57px);line-height:1.08;letter-spacing:-.055em}.heroCopy>p{font-size:14px;line-height:1.8;margin-top:22px}.heroActions{gap:23px;margin-top:26px}.heroActions .button{font-size:11px;padding:0 15px;min-height:48px}.heroActions .button.ghost{padding:0;min-height:38px}.heroFooter{margin-top:27px;padding-top:16px;font-size:10px}.heroFooter span{font-size:8px}.heroPhoto{height:350px}.heroPhoto img{min-height:0;height:100%;object-position:center}.photoCaption{font-size:10px;padding:16px 22px}.photoCaption b{font-size:12px}.cred{padding:21px 10px;font-size:9px;border-left:0}.cred:first-child{padding-left:10px}.cred strong{font-size:13px}.section{padding:62px 0}.eyeline{display:block;margin-bottom:32px}.eyeline .label{margin-bottom:17px}.eyeline h2{font-size:34px}.eyeline p{font-size:14px;margin:18px 0 0;line-height:1.8}.serviceRow{grid-template-columns:25px 1fr 55px;gap:12px;padding:23px 0}.serviceRow h3{font-size:20px;line-height:1.3}.serviceRow p{display:block;grid-column:2/-1;grid-row:2;font-size:12px;max-width:340px}.serviceRow .go{grid-column:3;grid-row:1;font-size:10px}.serviceRow .num{font-size:9px}.certSection{padding:38px 0}.certHeading{display:block;margin-bottom:25px}.certHeading h2{font-size:28px;margin-top:17px}.certHeading p{font-size:12px}.certShowcase{grid-template-columns:repeat(2,minmax(0,1fr))}.certTile{height:138px;padding:20px 10px}.certTile:nth-child(2n){border-right:0}.certTile:last-child{grid-column:1/-1;height:125px}.certTile img{max-height:37px;margin-bottom:14px}.band{padding:60px 0}.compBlock,.compBlock+.compBlock{padding:28px 0;border-left:0}.compBlock h3{font-size:26px}.compBlock p{font-size:13px}.story h2{font-size:34px}.story p{font-size:14px}.splitStory img{height:320px}.plainFacts{grid-template-columns:1fr 1fr;gap:0 15px}.fact{font-size:11px}.fact strong{font-size:12px}.equipment div{padding:21px 16px 21px 0}.equipment b{font-size:14px}.equipment span{font-size:11px}.processRow{grid-template-columns:30px 1fr;gap:12px;padding:23px 0}.processRow h3{font-size:19px}.processRow p{grid-column:2;font-size:12px}.cta .wrap{padding:45px 0}.cta h2{font-size:34px}.cta p{font-size:13px}.footer{padding-top:48px}.footGrid{grid-template-columns:1fr 1fr;gap:30px 20px}.footGrid>div:first-child,.footGrid>div:last-child{grid-column:1/-1}.footer .social-links{gap:22px}.footer .social-links a{padding:0;font-size:10px}.footer p,.footer a{font-size:12px}.pageIntro{padding:43px 0}.pageIntro h1{font-size:37px;line-height:1.13;overflow-wrap:anywhere}.pageIntro p{font-size:14px}.crumb{font-size:8px;line-height:1.8;margin-bottom:28px}.serviceHero{gap:30px}.serviceHero img{height:300px}.content2 article h2{font-size:28px}.content2 article p{font-size:14px}.contactGrid h2{font-size:35px}.form{padding:25px 20px}.grid2{gap:18px}.faq-wrap h2{font-size:31px}.faq-list summary{font-size:14px}.whatsapp-float{width:49px;height:49px;right:16px;bottom:16px}}
@media(max-width:360px){.heroActions{align-items:flex-start;flex-direction:column;gap:15px}.pageIntro h1{font-size:32px}.hero h1{font-size:41px}.heroFooter{gap:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.certTile:hover{transform:none}}

/* Restrained motion: one-time entrances and small, purposeful interactions. */
@media(prefers-reduced-motion:no-preference){
  .heroCopy > .overline,.heroCopy > h1,.heroCopy > p,.heroCopy > .heroActions,.heroCopy > .heroFooter{animation:wtwt-enter .7s cubic-bezier(.2,.65,.3,1) both}
  .heroCopy > h1{animation-delay:.07s}.heroCopy > p{animation-delay:.14s}.heroCopy > .heroActions{animation-delay:.21s}.heroCopy > .heroFooter{animation-delay:.28s}
  .motion-target{transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),background-color .2s}
  .motion-ready{opacity:0;transform:translateY(18px)}
  .serviceRow .go{transition:transform .25s ease,color .25s ease}.serviceRow:hover .go,.serviceRow:focus-visible .go{transform:translateX(5px)}
  .button:after{display:inline-block;transition:transform .25s ease}.button:hover:after,.button:focus-visible:after{transform:translate(2px,-2px)}
  .heroPhoto img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}
  .nav a,.footer a{transition:color .2s ease,background-color .2s ease}
  .whatsapp-float{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 6px 18px #172d3838}
  .faq-list details[open] p{animation:wtwt-answer .25s ease both}
  @media(hover:hover){.heroPhoto:hover img{transform:scale(1.025)}}
}
@keyframes wtwt-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes wtwt-answer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.motion-ready{opacity:1;transform:none}}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.form button:disabled{opacity:.65;cursor:wait}#inquiry-status{line-height:1.7}#inquiry-status[data-state=error]{color:#9f2929}#inquiry-status[data-state=success]{color:#236443}