header .brand div{display:none!important}header .nav .links{gap:14px!important;white-space:nowrap!important;font-size:13px!important}header .brand{flex-shrink:0!important}header .brand img{height:67px!important;max-width:245px!important;width:auto!important;object-fit:contain!important}#products .pic{background:linear-gradient(150deg,#eff6fa,#dfeaf1)!important}#products .pic img{mix-blend-mode:multiply!important} .nav .brand{flex-shrink:0;}@media(max-width:760px){header .brand img{height:53px!important;max-width:190px!important}}
/* Five approved technical product areas, replacing miscellaneous category cards */
#products .expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 6px}
#products .expertise-card{border:1px solid #d5e5ed;border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#1b3d50;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#products .expertise-card:hover,#products .expertise-card:focus-visible{transform:translateY(-4px);border-color:#83bdd9;box-shadow:0 15px 36px rgba(7,52,78,.14);outline-offset:3px}
#products .expertise-image{background:linear-gradient(140deg,#edf6f9,#d8e8f0);height:188px;display:flex;align-items:center;justify-content:center;padding:15px}
#products .expertise-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#products .expertise-info{padding:21px;display:flex;flex-direction:column;flex:1}
#products .expertise-no{font-size:11px;letter-spacing:.16em;color:#148cae;font-weight:800;margin-bottom:12px}
#products .expertise-info h3{font-size:19px;line-height:1.2;color:#123950;margin:0 0 9px;font-weight:900;letter-spacing:-.015em}
#products .expertise-info p{font-size:13px;line-height:1.5;color:#55768a;margin:0 0 18px;flex:1}
#products .expertise-more{font-size:13px;font-weight:800;color:#087eaf}
@media(min-width:901px){#products .expertise-card:nth-child(4),#products .expertise-card:nth-child(5){min-height:0}#products .expertise-card:nth-child(4){grid-column:1 / span 1}}
@media(max-width:900px){#products .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){#products .expertise-grid{grid-template-columns:1fr}#products .expertise-card{flex-direction:row;align-items:stretch}#products .expertise-image{width:36%;height:auto;min-height:175px;flex-shrink:0}#products .expertise-info{padding:18px}#products .expertise-info h3{font-size:16px}#products .expertise-info p{font-size:12px;margin-bottom:14px}}

#products{scroll-margin-top:125px}


/* 2026-10-22 | Homepage: approved slogan and typography, single rotating TEZEL product. */
.hero .wrap{grid-template-columns:1.06fr .94fr;gap:clamp(24px,3vw,48px)}
.hero-stage{height:510px;min-width:0;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;border:0;background:transparent}
.hero-stage::before{content:"";position:absolute;inset:12% -6% 6%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 55% 48%,rgba(109,193,228,.26),rgba(51,113,155,.09) 46%,transparent 74%)}
.hero-stage::after{content:"";position:absolute;z-index:-1;left:21%;right:17%;bottom:14%;height:38px;border-radius:50%;background:rgba(0,7,20,.37);filter:blur(23px);pointer-events:none}
.hero-slides{position:absolute;inset:0 0 64px;overflow:visible;pointer-events:none}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(9px) scale(.97);transition:opacity .95s ease,transform 1.1s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;transform:translateY(0) scale(1)}
.hero-slide img{width:min(100%,640px);height:100%;max-height:452px;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(0,8,18,.38));user-select:none;-webkit-user-drag:none}
.hero-carousel-bottom{position:absolute;bottom:10px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#deeff6}
.hero-slide-description{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:750;letter-spacing:.02em}
.hero-slide-count{font-size:11px;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:#75c9e7;white-space:nowrap}
.hero-slide-indicators{display:flex;align-items:center;gap:8px;flex-shrink:0}
.hero-slide-dot{width:9px;height:9px;min-width:9px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.33);cursor:pointer;transition:width .35s ease,background .35s ease}
.hero-slide-dot.is-active{width:30px;background:#66d4f4}
.hero-slide-dot:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1024px){.hero .wrap{grid-template-columns:1fr;gap:12px}.hero-stage{height:440px;max-width:800px;width:100%;margin:0 auto}.hero-slides{inset:0 0 52px}.hero-slide img{max-height:398px}}
@media(max-width:760px){.hero .wrap{padding:52px 0 32px}.hero-stage{height:330px;margin:10px 0 0}.hero-slides{inset:0 0 51px}.hero-slide img{max-height:285px}.hero-carousel-bottom{left:5%;right:5%;bottom:6px}.hero-slide-description{font-size:12px;gap:12px}.hero-slide-dot{width:8px;height:8px;min-width:8px}}
@media(max-width:420px){.hero-stage{height:295px}.hero-slide img{max-height:252px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide-dot{transition:none!important}}