:root{font-family:Arial,"Yu Gothic",Meiryo,sans-serif;color:#153e46;background:white;--teal:#007b8b;--line:#d9e5e7}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}p,dd{line-height:1.9}img{max-width:100%;height:auto}.header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{font-size:26px;font-weight:800;letter-spacing:-.6px;flex-shrink:0}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:.02em;margin-top:6px}.header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:600}.header nav a{padding:12px 0;border-bottom:2px solid transparent}.header nav a[aria-current]{border-color:var(--teal);color:var(--teal)}.hero{max-width:1600px;margin:auto;position:relative;isolation:isolate;background:#edf6f6}.hero>img{display:block;width:100%;height:clamp(420px,40vw,620px);object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.22) 55%,transparent 75%)}.hero-copy{position:absolute;z-index:1;left:max(6%,calc((100% - 1120px)/2));top:50%;transform:translateY(-50%);max-width:620px;padding-right:24px}.hero-copy h1{font-size:clamp(32px,4vw,56px);line-height:1.55;letter-spacing:.07em;font-weight:600;margin:0 0 20px}.hero-copy p:not(.eyebrow){font-size:16px}.hero-copy .text-link{margin-top:12px}.section{max-width:1200px;margin:auto;padding:70px 40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--teal);margin:0 0 12px;line-height:1.5}h1,h2,h3{margin-top:0}h2{font-size:28px;line-height:1.6;font-weight:600;margin-bottom:0}.text-link{display:inline-block;font-size:14px;color:var(--teal);padding:12px 0;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.brand-tile{padding:26px 20px;border-right:1px solid var(--line)}.brand-tile:last-child{border:0}.brand-tile:hover{background:#f2fafb}.number{font-size:12px;color:var(--teal)}.brand-tile h3{font-size:27px;font-weight:500;line-height:1.4;letter-spacing:-.04em;margin:25px 0 20px}.tile-caption{display:flex;justify-content:space-between;font-size:13px;color:#526d72}.company-teaser{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:15px}.company-teaser p:not(.eyebrow){margin-top:0;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--teal);color:#fff;padding:17px 24px;font-size:14px;min-height:52px;line-height:1.6}.button:hover{background:#045866;color:white}.contact-strip{background:#edf8f9;padding:45px max(6%,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{font-size:22px}footer{max-width:1440px;margin:auto;padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:22px;font-weight:700}footer p,footer small{font-size:12px;color:#536d73}footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.page-heading{margin-bottom:50px;padding-bottom:34px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:38px;font-weight:500;letter-spacing:.08em;line-height:1.5;margin:0}.klitch-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:60px}.product-photo img{display:block;width:100%}.product-detail{scroll-margin-top:30px}.product-detail h2{font-size:42px;letter-spacing:-.03em}.product-reading{font-size:14px;color:#536d73;margin:4px 0 26px}.product-detail h3{font-size:23px;font-weight:500;line-height:1.6;margin-bottom:12px}.product-detail p:not(.eyebrow):not(.product-reading){font-size:16px}.product-detail .button{margin-top:15px}.simple-product{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:40px 0}.simple-product:last-child{border-bottom:1px solid var(--line)}.simple-product h2{font-size:36px}.company-table{margin:0 auto;max-width:900px}.company-table>div{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:26px 0;border-bottom:1px solid var(--line)}dt{font-size:14px;color:#536d73;line-height:1.8}dd{font-size:16px;margin:0;overflow-wrap:anywhere}.reading{display:block;font-size:13px;color:#536d73;margin-top:6px}.access-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;min-height:300px}.address{font-size:18px;margin:26px 0}.access-contact{background:#edf8f9;padding:36px;align-self:start}.access-contact h3{font-size:20px;margin:18px 0 0}.contact-intro{font-size:18px;margin:0 0 40px}.contact-options{display:grid;grid-template-columns:1.25fr 1fr;border-block:1px solid var(--line);margin-bottom:48px}.contact-options>section{padding:36px 30px 36px 0}.contact-options>section+section{border-left:1px solid var(--line);padding-left:36px}.contact-options h2{font-size:20px}.contact-value{display:inline-block;font-size:clamp(18px,2.2vw,28px);letter-spacing:-.02em;padding:22px 0 8px;overflow-wrap:anywhere;max-width:100%;color:var(--teal)}.contact-options p:not(.eyebrow){font-size:13px;color:#536d73}.product-contact h2{font-size:20px;margin-bottom:20px}.product-contact>div{display:flex;gap:16px;flex-wrap:wrap}.product-contact a{padding:14px 20px;border:1px solid var(--line);font-size:14px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:900px){.header{flex-wrap:wrap;gap:15px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-tile:nth-child(2){border-right:0}.brand-tile:nth-child(-n+2){border-bottom:1px solid var(--line)}.klitch-detail{gap:30px}.contact-options{grid-template-columns:1fr}.contact-options>section+section{border-left:0;border-top:1px solid var(--line);padding-left:0}footer{flex-wrap:wrap}}@media(max-width:600px){.header{padding:22px 6% 10px}.brand{font-size:25px}.header nav{width:100%;justify-content:space-between;gap:8px}.header nav a{font-size:13px}.hero>img{height:480px;object-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.55) 70%,rgba(255,255,255,.15))}.hero-copy{left:6%}.hero-copy h1{font-size:32px}.hero-copy p:not(.eyebrow){font-size:14px}.section{padding:45px 6%}h2{font-size:23px}.section-heading .text-link{font-size:12px;white-space:nowrap}.brand-tile{padding:22px 14px}.brand-tile h3{font-size:24px}.company-teaser{display:block;padding-top:8px}.company-teaser>div+div{margin-top:22px}.contact-strip{display:block;padding:34px 6%}.contact-strip .button{margin-top:22px}.contact-strip h2{font-size:20px}footer{padding:30px 6%;display:block}footer nav{margin:24px 0;gap:18px}.page-heading{padding-bottom:24px;margin-bottom:32px}.page-heading h1{font-size:30px}.klitch-detail{grid-template-columns:1fr;gap:24px;padding-bottom:38px}.product-photo{max-width:320px;margin:auto}.product-detail h2{font-size:34px}.simple-product{display:block;padding:30px 0}.simple-product .text-link{margin-top:12px}.company-table>div{grid-template-columns:90px 1fr;gap:15px;padding:22px 0}.access-panel{display:block;min-height:0}.access-panel h2{font-size:23px}.access-contact{margin-top:36px;padding:26px}.contact-intro{font-size:16px}.contact-options>section{padding:28px 0}.contact-value{font-size:21px}.contact-options h2{font-size:18px}.product-contact>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-contact a{padding:14px;font-size:13px}.address{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.header .company-logo{display:block;width:290px;max-width:100%;line-height:0}.header .company-logo img{display:block;width:100%;height:auto}@media(max-width:600px){.header .company-logo{width:245px}}
/* Keep the approved logo and waves. Clip printed navigation out of the
   decorative layer so only the real, page-aware links remain visible. */
.header{position:relative;max-width:1600px;width:100%;height:auto;aspect-ratio:1422/314;padding:0;display:block;background:white;overflow:hidden}
.header:before{content:"";position:absolute;inset:0;background:url('/header-approved.png') top center/100% auto no-repeat;pointer-events:none;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,50% 42%,95.2% 42%,95.2% 55%,50% 55%,50% 42%,0 0,50.4% 62.5%,55% 62.5%,55% 65.5%,50.4% 65.5%,50.4% 62.5%,0 0)}
.header .company-logo{position:absolute;left:4.9%;top:24%;width:36%;height:41%;max-width:none}
.header nav{position:absolute;left:50.8%;right:5.3%;top:43%;height:auto;width:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:0;flex-wrap:nowrap;font-size:clamp(12px,1.82vw,29px);font-weight:700;line-height:1.3}
.header nav a{display:block;color:#102a35;padding:0 0 clamp(12px,2.25vw,36px);min-width:0;height:auto;border:0;border-bottom:clamp(2px,.21vw,3px) solid transparent;white-space:nowrap}
.header nav a[aria-current="page"]{color:#007b8b;border-bottom-color:#007b8b}
.header nav a:hover{color:#007b8b}
.header nav a:focus-visible{outline:2px solid #007b8b;outline-offset:5px}
@media(max-width:600px){
.header{aspect-ratio:auto;height:218px;background:white;overflow:hidden}
.header:before{content:none}
.header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:url('/header-approved.png') center -132px/900px auto no-repeat;pointer-events:none}
.header .company-logo{top:18px;left:6%;width:88%;height:80px;background:url('/header-approved.png') -43px -46px/880px auto no-repeat}
.header nav{left:6%;right:6%;top:128px;height:40px;align-items:flex-start;font-size:13px}
.header nav a{font-size:13px;padding:5px 0 12px;border-bottom-width:2px}
}

/* Keep the complete equipment arrangement visible on narrower screens. */
@media(max-width:1000px){.hero>img{object-fit:contain;object-position:center bottom;background:#fff}}