.applications-page{--app-ink:#123d4d;--app-cyan:#009fc5}.applications-page #main{color:var(--app-ink)}.applications-page .shell{max-width:1240px}.applications-page .kicker{color:#0088aa;font-size:11px;font-weight:700;letter-spacing:.15em}.app-hero{padding:116px 0 42px;background:radial-gradient(ellipse at 8% 20%,#d9f5fa,transparent 58%),#f4f9fa}.app-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center}.app-breadcrumb{display:flex;gap:12px;font-size:11px;color:#5c7580;margin-bottom:35px}.app-hero h1{margin:18px 0 22px;letter-spacing:-.045em}.app-hero h1 em{font-style:normal;color:#0099bc}.app-hero-copy>p{max-width:440px;font-size:15px;line-height:1.85;color:#59727c}.app-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#008fb5;color:#fff!important;padding:15px 23px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.app-button:hover{background:#12617b;transform:translateY(-2px)}.app-hero .app-button{margin-top:14px}.app-hero-image{position:relative;margin:0;min-width:0;border-radius:6px;overflow:hidden;height:420px}.app-hero-image>img{width:100%;height:100%;object-fit:cover}.app-hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#092f40ce)}.app-hero-image figcaption{position:absolute;bottom:28px;left:30px;z-index:1;color:white}.app-hero-image figcaption span{display:block;font-size:9px;letter-spacing:.18em;margin-bottom:10px}.app-hero-image figcaption strong{font-size:24px;line-height:1.3;font-weight:500}.app-jump{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px;border-bottom:1px solid #dbe8ec;gap:30px}.app-jump a{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:600;color:var(--app-ink);text-decoration:none}.app-jump a span{font-size:10px;color:#009fc5}.app-jump b{margin-left:auto;font-weight:400;color:#009fc5}.app-section{padding-top:64px;padding-bottom:64px}.app-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:30px}.app-heading h2,.app-split h2{margin:12px 0 0;letter-spacing:-.04em}.app-heading>p{max-width:360px;font-size:14px;line-height:1.8;color:#627982;margin:0 0 5px}.app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.app-card{min-width:0}.app-card-image{height:240px;position:relative;border-radius:5px;overflow:hidden;background:#e5eef0}.app-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.app-card:hover img{transform:scale(1.04)}.app-card-image>span{position:absolute;bottom:14px;left:14px;background:#fffef2ed;padding:7px 11px;font-size:10px;border-radius:3px}.app-card-copy{padding:20px 0 0}.app-card h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}.app-card p{font-size:13px;line-height:1.8;color:#627982;margin:0 0 18px}.app-card a{font-size:12px;font-weight:600;color:#0089ad;text-decoration:none;display:flex;justify-content:space-between;border-top:1px solid #dbe8ec;padding-top:14px}.app-packaging{padding:46px 0;background:#ecf6f8}.app-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.app-split figure{margin:0;height:330px;border-radius:5px;overflow:hidden}.app-split img{width:100%;height:100%;object-fit:cover}.app-split p{font-size:14px;line-height:1.85;color:#59727c;max-width:440px;margin:20px 0}.app-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.app-tags span{font-size:10px;border:1px solid #c4dee5;padding:7px 10px;border-radius:3px}.app-minerals{display:grid;grid-template-columns:1fr 1fr;gap:26px}.app-mineral{display:grid;grid-template-columns:43% 1fr;align-items:center;background:#f4f8f8;overflow:hidden;border-radius:5px;color:inherit;text-decoration:none;min-height:220px}.app-mineral img{width:100%;height:100%;object-fit:cover}.app-mineral>div{padding:25px}.app-mineral div>span{font-size:11px;color:#0089ad}.app-mineral h3{font-size:20px;line-height:1.3;margin:10px 0}.app-mineral h3 b{font-weight:400;color:#009fc5}.app-mineral p{font-size:12px;line-height:1.8;color:#627982;margin:0}.app-contact{background:linear-gradient(110deg,#003e59,#037fa0);color:#fff;padding:42px 0}.app-contact>.shell{display:flex;justify-content:space-between;align-items:center;gap:35px}.app-contact .kicker{color:#87dfec}.app-contact h2{margin:10px 0;letter-spacing:-.04em}.app-contact p{font-size:13px;line-height:1.7;max-width:580px;color:#d3e7ed;margin:0}.app-contact .app-button{background:white;color:#087391!important;flex-shrink:0}.applications-page #main section[id]{scroll-margin-top:90px}.applications-page a:focus-visible{outline:3px solid #f4a634;outline-offset:5px}@media(min-width:900px){body.applications-page #main .app-contact h2{font-size:32px!important}}@media(max-width:900px){.app-hero-grid{gap:28px}.app-hero-image{height:360px}.app-cards{gap:17px}.app-card-image{height:200px}.app-split{gap:30px}.app-mineral{grid-template-columns:1fr}.app-mineral img{height:180px}.app-heading>p{max-width:300px}}@media(max-width:600px){.app-hero{padding-top:96px;padding-bottom:25px}.app-hero-grid{grid-template-columns:1fr;gap:28px}.app-breadcrumb{margin-bottom:24px}.app-hero-copy>p{font-size:14px}.app-hero-image{height:270px}.app-hero-image figcaption{bottom:22px;left:22px}.app-hero-image figcaption strong{font-size:21px}.app-jump{gap:0;grid-template-columns:1fr;padding-top:12px;padding-bottom:12px}.app-jump a{padding:13px 0;border-bottom:1px solid #e0ecef}.app-jump a:last-child{border:0}.app-section{padding-top:42px;padding-bottom:42px}.app-heading{display:block;margin-bottom:24px}.app-heading>p{max-width:none;margin-top:17px;font-size:13px}.app-cards{grid-template-columns:1fr;gap:30px}.app-card-image{height:260px}.app-card-copy{padding-top:16px}.app-card h3{font-size:22px}.app-card p{margin-bottom:14px}.app-split{grid-template-columns:1fr;gap:26px}.app-packaging{padding:30px 0}.app-split figure{height:260px}.app-minerals{grid-template-columns:1fr;gap:18px}.app-mineral{grid-template-columns:38% 1fr;min-height:210px}.app-mineral img{height:100%}.app-mineral>div{padding:20px}.app-mineral h3{font-size:18px}.app-contact>.shell{display:block}.app-contact .app-button{margin-top:24px}.app-button{font-size:12px}}@media(prefers-reduced-motion:reduce){.applications-page *{scroll-behavior:auto!important;transition:none!important}}
/* Match the packaging page's open, floating-product hero composition. */
.applications-page .app-packaging-hero{position:relative;isolation:isolate;overflow:hidden;padding:84px 0 20px;background:radial-gradient(ellipse at 79% 38%,#dff4f8 0%,transparent 47%),linear-gradient(115deg,#fbfaf6 5%,#f4fafb 62%,#e9f5f8)}
.app-packaging-hero .app-hero-grid{position:relative;z-index:1;min-height:440px;grid-template-columns:1.1fr 1fr;gap:36px}
.app-packaging-hero .app-hero-copy{padding:30px 0}
body.applications-page #main #applications-title{font-size:clamp(2.3rem,3.45vw,3.65rem)!important;line-height:1.08!important;font-weight:700;letter-spacing:-.04em;margin:0 0 18px}
.app-packaging-hero .app-hero-copy>p{font-size:15px;line-height:1.8;max-width:440px;margin:0;color:#536b74}
.app-floating-products{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;gap:0;min-width:0}
.app-floating-products img{width:47%;height:345px;object-fit:contain;filter:drop-shadow(12px 22px 15px #17394422)}
.app-floating-products img:first-child{transform:translate(12px,16px) rotate(-9deg)}
.app-floating-products img:last-child{transform:translate(-12px,-16px) rotate(9deg)}
.app-hero-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.app-hero-shapes i{position:absolute;display:block}
.app-hero-shapes i:first-child{width:570px;height:490px;right:-80px;top:-250px;border:68px solid #00a5ca16;border-radius:38% 62% 55% 45% / 48% 42% 58% 52%;box-shadow:0 0 0 30px #00a5ca05}
.app-hero-shapes i:nth-child(2){width:480px;height:300px;left:29%;bottom:-185px;background:linear-gradient(135deg,#00a5ca20,#75d1e214);border-radius:70% 30% 62% 38% / 55% 65% 35% 45%;transform:rotate(28deg)}
.app-hero-shapes i:last-child{width:290px;height:370px;left:-170px;top:15%;border:32px solid #17b1cf12;border-radius:45% 55% 64% 36% / 35% 50% 50% 65%;transform:rotate(25deg)}
@media(prefers-reduced-motion:no-preference){.app-floating-products img:first-child{animation:app-float-left 4.8s ease-in-out infinite}.app-floating-products img:last-child{animation:app-float-right 4.8s ease-in-out infinite}@keyframes app-float-left{50%{transform:translate(12px,-16px) rotate(-5deg)}}@keyframes app-float-right{50%{transform:translate(-12px,16px) rotate(5deg)}}}
@media(max-width:700px){.applications-page .app-packaging-hero{padding:96px 0 20px}.app-packaging-hero .app-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.app-packaging-hero .app-hero-copy{padding:12px 0}.app-floating-products{min-height:290px}.app-floating-products img{height:250px;width:43%}body.applications-page #main #applications-title{font-size:clamp(2rem,8vw,2.75rem)!important}.app-packaging-hero .app-hero-copy>p{font-size:13px}.app-hero-shapes i:first-child{width:350px;height:330px;right:-190px;top:20px;border-width:42px}}
.app-restored-visual{min-width:0;display:flex;align-items:center;min-height:440px}
.app-restored-visual img{display:block;width:100%;height:360px;object-fit:cover;border-radius:6px}
@media(max-width:700px){.app-restored-visual{min-height:0;padding:20px 0 10px}.app-restored-visual img{height:270px}}
/* Gentle motion within the hero image frame. */
.app-restored-visual{overflow:hidden;border-radius:6px;min-height:0;height:360px;align-self:center}
.app-restored-visual img{height:100%;border-radius:0;transform-origin:center}
@media(prefers-reduced-motion:no-preference){.app-restored-visual img{animation:app-hero-picture 10s ease-in-out infinite;will-change:transform}@keyframes app-hero-picture{0%,100%{transform:scale(1.035) translate(-.6%,.3%)}50%{transform:scale(1.10) translate(.6%,-.3%)}}}
@media(max-width:700px){.app-restored-visual{height:270px;padding:0;margin:20px 0 10px}.app-restored-visual img{height:100%}}
@media(prefers-reduced-motion:reduce){.app-restored-visual img{animation:none;transform:none;will-change:auto}}
/* Float the complete picture so its motion is visible against the hero. */
@media(prefers-reduced-motion:no-preference){.app-restored-visual{animation:app-picture-float 4.5s ease-in-out infinite;will-change:transform}.app-restored-visual img{animation:none;transform:none;will-change:auto}@keyframes app-picture-float{0%,100%{transform:translateY(12px) rotate(-.7deg)}50%{transform:translateY(-12px) rotate(.7deg)}}}
@media(prefers-reduced-motion:reduce){.app-restored-visual{animation:none;transform:none;will-change:auto}}
/* Brand gradient across the application category bar. */
.applications-page .app-jump{position:relative;isolation:isolate;background:linear-gradient(110deg,#01a3d3 0%,#01a3d3 35%,#087daf 68%,#12376e 100%);border-bottom:0}
.applications-page .app-jump:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:linear-gradient(110deg,#01a3d3 0%,#01a3d3 35%,#087daf 68%,#12376e 100%)}
.applications-page .app-jump a{color:#fff}
.applications-page .app-jump a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.applications-page .app-jump a{border-bottom-color:#ffffff35}}
/* Match the packaging hero's 480px desktop composition and mobile spacing. */
.applications-page .app-packaging-hero{padding:20px 0}
@media(max-width:700px){.app-packaging-hero .app-hero-grid{min-height:484px;grid-template-rows:auto 290px}.app-restored-visual{height:270px;margin:10px 0}}
/* Keep application card links on a shared baseline. */
.app-cards{align-items:stretch}
.app-card{display:flex;flex-direction:column}
.app-card-image{flex-shrink:0}
.app-card-copy{display:flex;flex-direction:column;flex:1}
.app-card-copy>a{margin-top:auto}
/* Paper panels slide over the preceding section, following the homepage stack. */
.app-paper-stack{position:relative;isolation:isolate;background:#eaf4f7}
.app-paper-stack>.app-paper-panel{position:sticky;top:var(--paper-top,80px);z-index:var(--paper-order,1);border-radius:28px 28px 0 0;box-shadow:0 -12px 40px -12px #07233640;transform-origin:center top;transform:scale(calc(1 - var(--paper-progress,0)*.045));filter:brightness(calc(1 - var(--paper-progress,0)*.22))}
.app-paper-stack>#minerals{width:100%;max-width:none;padding-inline:max(32px,calc((100% - 1240px)/2));background:#fff}
.app-animate{opacity:0;translate:0 24px;transition:opacity .7s ease var(--app-delay,0ms),translate .7s ease var(--app-delay,0ms)}
.app-animate.app-shown{opacity:1;translate:0 0}
@media(max-width:620px){.app-paper-stack>.app-paper-panel{border-radius:20px 20px 0 0}.app-paper-stack>#minerals{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.app-paper-stack>.app-paper-panel{position:relative;top:auto;transform:none;filter:none;box-shadow:none;border-radius:0}.app-animate{opacity:1;translate:none;transition:none}}