/* Continuous navy/gold liquid material, without adding long content sections. */
:root{--section-space:62px;--motion-x:0px;--motion-y:0px;--aura-active:0;--pointer-x:50vw;--pointer-y:30vh}
main,footer{position:relative;z-index:1}
.site-aura{position:fixed;top:0;left:0;width:620px;height:620px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#cfa82c14, #3266ab20 35%,transparent 68%);opacity:var(--aura-active);transform:translate3d(calc(var(--pointer-x) - 310px),calc(var(--pointer-y) - 310px),0);transition:transform .2s ease-out,opacity .5s;will-change:transform}
.hero-images{inset:-12px;transform:translate3d(var(--motion-x),var(--motion-y),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hero-scene:after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#0b1527);pointer-events:none}
.hero-signature{display:flex;align-items:center;gap:15px;width:440px;max-width:100%;padding:14px 25px 14px 12px;margin:6px 0 23px;border:1px solid #fff0a34a;border-radius:30px 14px 30px 14px;background:linear-gradient(120deg,#314b6748,#0a192d66 65%,#aa861522);box-shadow:inset 0 1px #fff8,inset 0 -1px #fff2,0 16px 48px #0003;transform:perspective(900px) rotateX(var(--glass-tilt-x)) rotateY(var(--glass-tilt-y));transition:transform .35s ease,box-shadow .35s}
.hero-signature h2{margin:0;text-align:left;color:#fff6d7;font-size:clamp(27px,2.6vw,38px);font-weight:800;font-style:italic;line-height:1.12;letter-spacing:-1px;text-shadow:0 2px 15px #0008}
.hero-signature h2 span{display:block;margin-top:5px;font-size:.73em;letter-spacing:.05em;color:#f5d06c}
.innovation-drop{width:92px;height:110px;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 5px 15px #eabf342a);transform:translate3d(calc(var(--motion-x)*-.5),calc(var(--motion-y)*-.5),0);transition:transform .6s}
.drop-orbit{stroke-dasharray:115 95;animation:dropOrbit 12s linear infinite}
.signature-glint{position:absolute;top:0;right:14%;height:1px;width:38%;background:linear-gradient(90deg,transparent,#fff4ae,transparent);box-shadow:0 0 12px #ffe06b}
.wordmark .brand-symbol{width:142px;height:69px;padding:7px 10px;overflow:hidden;border-radius:18px 8px 18px 8px;border:1px solid #f8d56749;background:linear-gradient(145deg,#8ea7cc24,#0a172c80 55%,#c2a64c20);box-shadow:inset 0 1px #fff5,0 7px 22px #0003;display:flex;align-items:center;justify-content:center}
.wordmark .brand-symbol svg{width:100%;height:auto;display:block;mix-blend-mode:screen}
.wordmark .brand-name{border-right-color:#edcf5a66;padding-right:16px}
.wordmark .brand-name small[lang=en]{font-size:10px;font-weight:700;letter-spacing:.95px}
.topnav.liquid-surface{padding-block:10px;background:linear-gradient(125deg,#3650735e,#0b182d9c 62%,#718eb62d);border-color:#cfe1fc66}
.liquid-surface{--glass-tilt-x:0deg;--glass-tilt-y:0deg}
.liquid-surface:before{background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#fff9d967 0%,#e9f4ff24 19%,transparent 56%),linear-gradient(135deg,#fff2,transparent 42%,#87b6ec12 72%,#fff2);opacity:calc(.55 + var(--glass-active)*.45)}
.liquid-surface:after{border-color:#d9eaff42;background:linear-gradient(120deg,#fff2,transparent 24%,transparent 66%,#c2defe14);box-shadow:inset 1px 1px 0 #fff2,inset -1px -1px 0 #d8ebff17}
.product-panels article.liquid-surface{background:linear-gradient(145deg,#45618352,#142c48a8 55%,#b5952420);transform:perspective(1600px) rotateX(var(--glass-tilt-x)) rotateY(var(--glass-tilt-y));transition:transform .35s ease,box-shadow .35s,border-color .35s}
.product-tabs>button.liquid-surface{overflow:hidden;background:#2943651a;border-radius:14px;margin-bottom:5px;transform:perspective(850px) rotateX(var(--glass-tilt-x)) rotateY(var(--glass-tilt-y));transition:transform .25s,background .35s,border-color .35s}
.product-tabs>button.liquid-surface[aria-selected=true]{background:linear-gradient(120deg,#57779b80,#153752bc,#d1aa2830)}
.hero-discover,.nav-inquiry,.datasheet-request,.inside-foot button,.contact-actions button{transform:perspective(800px) rotateX(var(--glass-tilt-x)) rotateY(var(--glass-tilt-y));transition:transform .25s,box-shadow .35s}
.hero-discover:hover,.nav-inquiry:hover{box-shadow:inset 0 1px #fff9,0 12px 35px #e6bc352b}
dialog.liquid-surface{background:linear-gradient(135deg,#2c4862ed,#0b1929f5);border:1px solid #cbe3ff77;box-shadow:inset 0 1px #fff7,0 28px 110px #0008}
dialog::backdrop{background:#020a18a6;backdrop-filter:blur(9px)}
#panel-adhesives .product-cover{height:245px}
#panel-adhesives .product-cover img{object-position:50% 18%;filter:brightness(.85) saturate(.95)}
.product-cover span{padding:9px 13px;border:1px solid #fff4;border-radius:10px;background:#0c1b3280;backdrop-filter:blur(14px)}
.section-bridge{position:relative;height:64px;margin:-16px 0;z-index:2;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.section-bridge svg{width:100%;height:100%;overflow:visible;transform:translate3d(calc(var(--motion-x)*-1),0,0);transition:transform .7s}
.section-bridge path{fill:none;stroke:#e4c650;stroke-width:1;opacity:.35;stroke-dasharray:190 30 4 30;animation:connectionFlow 26s linear infinite}
.section-bridge path+path{stroke:#a7c9f6;opacity:.23;stroke-width:1.2;animation-direction:reverse}
.section-bridge span{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#d1b84918,transparent 60%)}
.inside:before,.product-experience:before{display:none}
.inside{padding-top:46px;padding-bottom:25px;background:radial-gradient(ellipse at 80% 10%,#34547925,transparent 62%)}
.image-ribbon{padding-block:27px 22px}.inside-foot{padding-bottom:10px}
.construction-scene{margin:0;min-height:520px}
.construction-copy{padding-block:80px}
.product-experience{padding-block:50px 58px}
.product-heading{margin-bottom:30px}
.contact-scene{border-top:0}
footer{background:linear-gradient(#0c192cdd,#07111f)}
@keyframes dropOrbit{to{stroke-dashoffset:-210}}
@keyframes connectionFlow{to{stroke-dashoffset:-254}}
@media(max-width:1180px) and (min-width:761px){.wordmark .brand-symbol{width:110px;height:58px}.hero-signature{width:395px}}
@media(max-width:760px){
 :root{--section-space:40px}
 .site-aura{display:none}
 .wordmark .brand-symbol{width:80px;height:44px;padding:5px;border-radius:12px 6px 12px 6px}.wordmark .brand-name{padding-right:10px}.wordmark .brand-name small[lang=en]{font-size:7px;letter-spacing:.5px}
 .topnav.liquid-surface{padding:10px 12px;gap:9px}
 .hero-signature{width:335px;gap:12px;padding:10px 16px 10px 8px;border-radius:23px 11px 23px 11px;margin:4px 0 21px}
 .innovation-drop{width:70px;height:85px}.hero-signature h2{font-size:29px;letter-spacing:-.6px}.hero-signature h2 span{font-size:.72em;letter-spacing:.015em}
 .section-bridge{height:44px;margin:-10px 0}
 .inside{padding-block:34px 18px}.image-ribbon{padding-block:22px 18px}
 .construction-scene{min-height:500px}.construction-copy{padding-block:130px 44px}
 .product-experience{padding-block:38px 42px}.product-heading{margin-bottom:23px}
 #panel-adhesives .product-cover{height:205px}
 .liquid-surface{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
}
@media(max-width:360px){.wordmark .brand-symbol{width:66px;height:39px}.wordmark .brand-name{font-size:15px}.hero-signature{width:100%;gap:8px;padding-right:11px}.hero-signature h2{font-size:26px}.innovation-drop{width:62px;height:78px}}
@media(prefers-reduced-motion:reduce){
 .site-aura{display:none}.hero-images,.innovation-drop,.section-bridge svg,.hero-signature,.product-panels article.liquid-surface,.product-tabs>button.liquid-surface,.hero-discover,.nav-inquiry,.datasheet-request,.inside-foot button,.contact-actions button{transform:none;transition:none}
 .drop-orbit,.section-bridge path{animation:none}
}
/* Compact industrial rhythm, quiet molecular detail, and a seamless final image. */
:root{--paper:#091827;--gold:#f5d15d;--section-space:44px}
body{background:radial-gradient(ellipse at 92% 23%,#194f6550,transparent 43%),radial-gradient(ellipse at 8% 61%,#66501717,transparent 42%),linear-gradient(160deg,#081521,#102339 53%,#07121e)}
.shell{width:min(1260px,calc(100% - 88px))}
.topnav.liquid-surface{top:20px;padding:9px 18px;border-radius:19px;gap:20px;background:linear-gradient(115deg,#294d6159,#0a1b2bba 65%,#596f7930)}
.wordmark .brand-symbol{width:112px;height:54px;padding:5px 7px;border-radius:13px 6px 13px 6px}
.wordmark .brand-name{font-size:21px}.wordmark .brand-name .brand-descriptor{font-size:9px}.wordmark .brand-name small[lang=en]{font-size:8px;letter-spacing:.8px}
.topnav .wordmark{gap:12px}.topnav nav{gap:24px}
.hero-scene{height:88svh;min-height:650px;max-height:900px}
.hero-copy{top:145px;max-width:620px}
.hero-copy h1{font-size:clamp(39px,4.8vw,64px);line-height:1.28;margin:18px 0}
.hero-signature{width:350px;padding:10px 18px 10px 9px;gap:12px;border-radius:22px 11px 22px 11px;margin-bottom:18px}
.hero-signature h2{font-size:30px}.innovation-drop{width:67px;height:82px}
.hero-copy p{font-size:14px}.hero-copy p>span{font-size:13px;margin-top:6px}
.hero-discover{margin-top:18px;padding:12px 18px;min-height:46px;font-size:12px}
.hero-discover,.nav-inquiry,.contact-actions button{background:linear-gradient(120deg,#ffe69b,#e8bd3a)}
.hero-bottom{padding-top:14px;bottom:21px}
.inside{padding-block:32px 15px;isolation:isolate}
.inside-head{gap:40px}.inside-head h2{font-size:28px;margin-block:10px}
.image-ribbon{padding-block:18px}.ribbon-image{height:225px;width:clamp(225px,24vw,395px)}
.ribbon-image span{font-size:15px;bottom:16px}.ribbon-image small{font-size:10px;margin-top:5px}
.inside-foot button{padding:10px 14px;min-height:44px}
.construction-scene{min-height:430px}.construction-copy{padding-block:65px}
.construction-copy h2{font-size:38px;line-height:1.4}.construction-copy>p{font-size:23px}
.construction-caption{font-size:13px}.construction-actions{margin-top:24px}
.product-experience{padding-block:36px 40px;isolation:isolate}
.product-heading{margin-bottom:23px;gap:30px}.product-heading h2{font-size:30px;line-height:1.5}.product-heading>p{font-size:20px}
.product-layout{grid-template-columns:275px minmax(0,1fr);gap:27px}
.product-tabs>button{min-height:76px;padding:14px 12px;gap:12px}.product-tabs>button>div{font-size:15px}
.product-tabs>button.liquid-surface{border-radius:11px}.product-tabs>button.liquid-surface[aria-selected=true]{border-radius:12px}
.product-panels article{padding:20px;border-radius:17px}.product-cover{height:174px;border-radius:11px}
#panel-adhesives .product-cover{height:208px}
.product-cover span{font-size:15px;padding:7px 10px;left:16px;bottom:15px;border-radius:8px}
.product-text{font-size:14px;gap:24px;margin-block:22px}.product-text>div[lang=en]{font-size:14px}
.datasheet-request{padding:11px 16px;min-height:44px;font-size:12px;border-radius:11px}
.contact-scene{background:#0b182d;border:0;min-height:380px}
.contact-copy{padding:44px 38px;background:transparent;border:0;box-shadow:none}
.contact-copy h2{font-size:28px;line-height:1.5;margin-block:16px}.contact-copy>p{font-size:20px;line-height:1.55}
.contact-art img{max-height:440px}.contact-art:after{background:linear-gradient(270deg,#0b182d00 10%,#0b182d55 65%,#0b182d 100%)}
.contact-actions{margin-top:23px}.contact-address{margin-top:24px}
.chemistry-bridge{height:42px;margin:-10px 0;display:flex;align-items:center;justify-content:center;mask-image:none}
.chemistry-bridge>svg{width:118px;height:74px;overflow:visible;color:#82b2bb;opacity:.32}
.chemistry-sigil .chemistry-bonds path,.chemistry-sigil .chemistry-bonds path+path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;opacity:1;animation:none}
.chemistry-atoms{fill:#f0cc63;animation:atomGlow 8s ease-in-out infinite}
.chemistry-sigil{animation:chemistryFloat 18s ease-in-out infinite}
.chemistry-bridge:nth-of-type(even) .chemistry-sigil{animation-delay:-8s}
.chemistry-margin{position:absolute;top:24px;left:-34px;width:168px;height:190px;color:#81aebd;opacity:.12;pointer-events:none;z-index:-1;transform:rotate(-14deg)}
.chemistry-margin svg{width:100%;height:100%}
.inside .chemistry-margin{left:auto;right:-16px;top:38px;transform:rotate(13deg)}
.product-experience .chemistry-margin{top:8px}
.text-reveal{animation:textArrive .75s cubic-bezier(.2,.6,.2,1) both}
.intro-lines p.text-reveal{animation-delay:.09s}.product-heading>p.text-reveal,.contact-copy>p.text-reveal{animation-delay:.11s}
.hero-copy .eyebrow{animation:textArrive .75s ease both}
@keyframes textArrive{from{opacity:.25;transform:translate3d(0,9px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes chemistryFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-5px,0) rotate(2deg)}}
@keyframes atomGlow{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:1180px) and (min-width:761px){.wordmark .brand-symbol{width:100px;height:48px}.wordmark .brand-name{font-size:18px}.hero-copy{top:140px}.product-layout{grid-template-columns:235px minmax(0,1fr);gap:22px}}
@media(max-width:760px){
 .shell{width:calc(100% - 38px)}
 .topnav.liquid-surface{top:12px;right:12px;left:12px;padding:9px 11px;gap:8px;border-radius:17px}
 .wordmark .brand-symbol{width:70px;height:38px}.wordmark .brand-name{font-size:15px}.wordmark .brand-name .brand-descriptor{font-size:8px}.wordmark .brand-name small[lang=en]{font-size:6.5px;letter-spacing:.45px}
 .hero-scene{height:auto;min-height:88svh;max-height:none;padding:119px 20px 89px}
 .hero-copy{top:auto;max-width:500px}.hero-copy h1{font-size:clamp(34px,9.1vw,42px);margin:16px 0;line-height:1.3}
 .hero-signature{width:290px;max-width:100%;padding:8px 12px 8px 7px;gap:10px}.hero-signature h2{font-size:26px}.innovation-drop{width:58px;height:70px}
 .hero-copy p{font-size:13px}.hero-copy p>span{font-size:12px}
 .inside{padding-block:26px 12px}.inside-head h2{font-size:23px}
 .ribbon-image{height:190px;width:235px}.image-ribbon{padding-block:16px}
 .construction-scene{min-height:405px}.construction-copy{padding-block:110px 35px}
 .construction-copy h2{font-size:29px}.construction-copy>p{font-size:18px}.construction-caption{font-size:12px}.construction-actions{margin-top:18px}
 .product-experience{padding-block:29px 30px}.product-heading{gap:15px;margin-bottom:19px}.product-heading h2{font-size:24px}.product-heading>p{font-size:15px;padding-top:22px}
 .product-layout{display:block}.product-tabs>button{min-height:72px;padding:11px 9px}.product-tabs>button>div{font-size:12px}
 .product-panels article{padding:15px;border-radius:14px}.product-cover{height:153px}#panel-adhesives .product-cover{height:185px}
 .product-text{margin-block:20px;font-size:14px;gap:17px}.product-cover span{font-size:13px}
 .chemistry-bridge{height:33px;margin:-7px 0}.chemistry-bridge>svg{width:96px;height:60px;opacity:.28}.chemistry-margin{display:none}
 .contact-scene{min-height:0}.contact-copy{padding:17px 21px 32px}.contact-copy h2{font-size:25px}.contact-copy>p{font-size:18px}
 .contact-art{height:220px}.contact-art:after{background:linear-gradient(0deg,#0b182d,transparent 65%)}
 .contact-actions{margin-top:20px}.contact-address{margin-top:20px}
}
@media(max-width:360px){.wordmark .brand-symbol{width:60px;height:34px}.wordmark .brand-name{font-size:14px}.hero-signature{width:100%}.hero-signature h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.text-reveal,.hero-copy .eyebrow,.chemistry-sigil,.chemistry-atoms{animation:none!important;opacity:1;transform:none}.chemistry-bridge>svg{opacity:.28}}

/* Unframed identity, dimensional polymer bonds, and section-triggered typography. */
.topnav.free-header{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-block:8px}
.topnav.free-header .wordmark{gap:14px}
.wordmark .brand-symbol{background:none;border:0;box-shadow:none;border-radius:0;padding:0;width:118px;height:54px;overflow:visible}
.wordmark .brand-symbol svg{filter:drop-shadow(0 3px 9px #0009);transform:perspective(500px) rotateY(var(--motion-angle,0deg));transition:transform .65s ease}
.wordmark .brand-name{border:0;padding-right:0;text-shadow:0 2px 12px #000a}
.topnav nav a{color:#fff;text-shadow:0 2px 10px #000b}.topnav nav small{color:#d8e7f5}
.hero-signature.free-signature{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:17px;width:auto;max-width:410px;margin-block:6px 21px}
.free-signature .signature-glint{display:none}.free-signature h2{color:#fff4d0;text-shadow:0 3px 20px #0008}
.free-signature .innovation-drop{width:75px;height:91px;animation:freeDrop 8s ease-in-out infinite;filter:drop-shadow(0 7px 18px #e8bf3438)}
.hero-copy .eyebrow{animation:none}
.reveal-ready{opacity:0;transform:translate3d(0,27px,0);filter:blur(5px);transition:none}
.reveal-ready.is-revealed{opacity:1;transform:translate3d(0,0,0);filter:blur(0);transition:opacity 1.45s ease var(--reveal-delay,0s),transform 1.6s cubic-bezier(.16,.7,.22,1) var(--reveal-delay,0s),filter 1.2s ease var(--reveal-delay,0s)}
.polymer-transition{position:relative;height:68px;margin:-17px 0;overflow:hidden;pointer-events:none;z-index:2;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.polymer-art{position:absolute;top:50%;left:50%;width:max(100%,960px);height:140px;transform:translate(-50%,-50%);overflow:visible}
.polymer-transition:before{content:'';position:absolute;inset:-10px 12%;background:radial-gradient(ellipse,#41778724,transparent 60%);filter:blur(12px)}
.polymer-links{opacity:.65}.polymer-particles{filter:drop-shadow(0 4px 5px #0008);animation:polymerDepth 12s ease-in-out infinite;transform-origin:center}
.polymer-particles circle:nth-child(4n){opacity:.5}
.polymer-trace{stroke-dasharray:45 250;opacity:.6;animation:polymerTravel 14s linear infinite}
.polymer-margin{position:absolute;width:260px;height:250px;left:-52px;top:10px;pointer-events:none;opacity:.23;z-index:-1;overflow:hidden;transform:rotate(-65deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.polymer-margin .polymer-art{width:960px;height:140px;left:50%;top:50%}
.inside .polymer-margin{left:auto;right:-40px;top:0;transform:rotate(65deg)}
.polymer-transition .polymer-particles{opacity:.82}
@keyframes freeDrop{0%,100%{transform:translate3d(calc(var(--motion-x)*-.5),0,0) rotate(-2deg)}50%{transform:translate3d(calc(var(--motion-x)*-.5),-5px,0) rotate(2deg)}}
@keyframes polymerDepth{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.008)}}
@keyframes polymerTravel{to{stroke-dashoffset:-590}}
@media(max-width:760px){
 .topnav.free-header{padding:7px 10px}.wordmark .brand-symbol{width:76px;height:40px}.topnav.free-header .wordmark{gap:10px}
 .hero-signature.free-signature{gap:13px;margin-bottom:20px}.free-signature .innovation-drop{width:62px;height:76px}.free-signature h2{font-size:27px}
 .polymer-transition{height:55px;margin:-14px 0}.polymer-art{width:960px;opacity:.75}.polymer-margin{display:none}
}
@media(prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready.is-revealed{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.free-signature .innovation-drop,.polymer-particles,.polymer-trace{animation:none!important}.wordmark .brand-symbol svg{transform:none}}

/* One continuous laboratory drawing below all of the site's real content. */
.chemistry-backdrop{position:fixed;inset:-40px;z-index:0;pointer-events:none;background-image:url('chemistry-field.svg');background-repeat:repeat;background-size:960px 760px;opacity:.17;transform:translate3d(calc(var(--motion-x)*1.7),calc(var(--motion-y)*1.5),0);transition:transform .7s cubic-bezier(.2,.65,.2,1);will-change:transform}
.inside,.product-experience{background:transparent}
.product-panels article.liquid-surface{background:linear-gradient(145deg,#274a626b,#10283de0 65%,#a1831a14)}
.topnav nav a.employee-login{color:#efd379}.topnav nav a.employee-login small{color:#c7d8e5}
@media(max-width:1180px) and (min-width:761px){.topnav nav{gap:19px}.topnav nav a.employee-login{font-size:12px}}
@media(max-width:760px){.chemistry-backdrop{background-size:780px 618px;opacity:.13;transform:none;transition:none;will-change:auto}.topnav nav a.employee-login{color:#f0d16e}}
@media(prefers-reduced-motion:reduce){.chemistry-backdrop{transform:none;transition:none;will-change:auto}}