/* =========================================================
   TPH Equipment & Scale-Up — style.css
   Fonts · base · header · shared components · page styles
   Breakpoints live in responsive.css
   ========================================================= */

/* ---------- Fonts (self-hosted Geist / Geist Mono, variable) ---------- */
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-mono-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-mono-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Brand tokens ---------- */
:root{
  --navy-900:#16223F; --navy-800:#20315C; --ink:#121A20; --ink-muted:#4A5155;
  --blue-600:#1E509E; --blue-700:#173F7D; --steel:#224762; --sky:#9CC6E5;
  --mist:#EAF2F9; --paper:#F7F6F3; --white:#FFFFFF;
  --header-h:72px;
  --gutter:clamp(20px,4vw,56px);
  --font-sans:'Geist',system-ui,sans-serif; --font-mono:'Geist Mono',monospace;
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#121A20;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
a{color:#121A20;text-decoration:none}
a:where(:hover){color:#224762}
:focus-visible{outline:2px solid #224762;outline-offset:3px}
[hidden]{display:none!important}
.site-header button{font-family:inherit}
/* Element resets — scoped per page group exactly as in the approved pages (zero specificity) */
/* rv1 */
:where(.rv1) :is(h1,h2,h3,p){margin:0}
:where(.rv1) :is(button){font-family:inherit}
/* rv2 */
:where(.rv2) :is(h1,h2,h3,p,ul){margin:0}
/* rv3 */
:where(.rv3) :is(h1,h2,h3,p,ul,ol,dl,dd){margin:0}
/* rv4 */
:where(.rv4) :is(h1,h2,h3,p,ul,ol){margin:0}
/* rv5 */

/* rv6 */
:where(.rv6) :is(h1,h2,h3,p,ul,ol){margin:0}
:where(.rv6) :is(input,select,textarea,button){font-family:inherit}
/* rv7 */
:where(.rv7) :is(h1,h2,h3,p,ul,ol,dl,dd){margin:0}
:where(.rv7) :is(input,select,textarea,button){font-family:inherit}

/* ---------- Animations ---------- */
@keyframes tphDrift{from{transform:scale(1.06) translate3d(-1%,0,0)}to{transform:scale(1.06) translate3d(1%,-1%,0)}}
@keyframes tphFill{from{width:0%}to{width:100%}}
@keyframes tphTick{0%{left:0%}100%{left:100%}}
@keyframes tphBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tphShade{0%,100%{transform:scaleX(1);opacity:0.55}50%{transform:scaleX(0.82);opacity:0.32}}
@keyframes tphGrid{from{background-position:0 0,0 0}to{background-position:64px 64px,64px 64px}}
@keyframes tphOrbA{0%{transform:translate3d(-10%,-6%,0) scale(1)}50%{transform:translate3d(18%,10%,0) scale(1.15)}100%{transform:translate3d(-10%,-6%,0) scale(1)}}
@keyframes tphOrbB{0%{transform:translate3d(8%,6%,0) scale(1.1)}50%{transform:translate3d(-16%,-12%,0) scale(0.95)}100%{transform:translate3d(8%,6%,0) scale(1.1)}}
@keyframes tphFall{0%{transform:translate3d(0,-80px,0) rotate(0deg);opacity:0}8%{opacity:var(--o)}50%{transform:translate3d(var(--dx),800px,0) rotate(var(--r))}92%{opacity:var(--o)}100%{transform:translate3d(0,1700px,0) rotate(calc(var(--r) * 2));opacity:0}}

/* ---------- Skip link ---------- */
.skip-link{position:absolute;left:-9999px;top:0;background:#16223F;color:#fff;padding:10px 14px;z-index:100}
.skip-link:focus{left:12px;top:12px;color:#fff}

/* ---------- Global header (components/header.html) ---------- */
.global-header{height:var(--header-h)}
body[data-header-overlay] .global-header{height:0}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#20315C;border-bottom:1px solid rgba(255,255,255,0.08);transition:background 300ms ease, border-color 300ms ease;font-family:var(--font-sans);color:#F6F5F2}
.site-header.is-clear{background:transparent;border-bottom-color:rgba(255,255,255,0.14)}
.hdr-bar{max-width:1600px;margin:0 auto;padding:0 var(--gutter);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.hdr-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#FFFFFF;text-decoration:none}
.hdr-brand:hover{color:#FFFFFF}
.hdr-brand img{width:40px;height:34px;flex:0 0 40px;object-fit:contain;display:block}
.hdr-brand-text{display:flex;flex-direction:column;gap:5px;line-height:1;min-width:0}
.hdr-brand-name{font-size:17px;font-weight:800;letter-spacing:0.01em;white-space:nowrap;color:#FFFFFF}
.hdr-brand-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.28em;white-space:nowrap;color:#9CC6E5}
.hdr-nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px)}
.hdr-menu-btn{background:none;border:0;padding:8px 0;font-size:13.5px;font-weight:500;color:#F6F5F2;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:1.5px solid transparent}
.hdr-menu-btn.is-active{color:#9CC6E5;border-bottom-color:#9CC6E5}
.hdr-caret{font-size:9px;transition:transform 300ms}
.hdr-menu-btn[aria-expanded="true"] .hdr-caret{transform:rotate(180deg)}
.hdr-link{font-size:13.5px;font-weight:500;padding:8px 0;color:#F6F5F2;border-bottom:1.5px solid transparent}
.hdr-link[aria-current="page"]{color:#9CC6E5;border-bottom-color:#9CC6E5}
.hdr-link:hover{color:#9CC6E5!important}
.hdr-sol{position:relative}
.hdr-sol-menu{position:absolute;top:calc(100% + 22px);left:-24px;width:340px;background:#F7F6F3;border:1px solid rgba(18,26,32,0.12);box-shadow:0 30px 60px -30px rgba(18,26,32,0.3);padding:10px 24px 14px}
.hdr-sol-item{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid rgba(18,26,32,0.08);color:#121A20}
.hdr-sol-item[aria-current="page"]{color:#224762}
.hdr-sol-item:hover{color:#224762!important;padding-left:4px!important}
.hdr-sol-name{font-size:14.5px;font-weight:500}
.hdr-sol-desc{font-size:12.5px;color:#6A7175}
.hdr-cta{margin-left:6px;background:#FFFFFF;color:#1E509E;font-size:15px;font-weight:600;letter-spacing:0;padding:13px 24px;border-radius:6px;white-space:nowrap;border:1px solid #FFFFFF;min-height:48px}
.hdr-cta:hover{background:#EAF2F9!important;color:#1E509E!important}
.hdr-burger{width:44px;height:44px;border:1px solid rgba(255,255,255,0.3);background:transparent;border-radius:4px;display:grid;place-items:center;cursor:pointer;flex:0 0 44px}
.hdr-burger-lines{display:flex;flex-direction:column;gap:5px}
.hdr-burger-lines span{width:18px;height:1.5px;background:#FFFFFF}
.hdr-mega{position:absolute;left:0;right:0;top:var(--header-h);background:#F7F6F3;border-bottom:1px solid rgba(18,26,32,0.12);box-shadow:0 30px 60px -30px rgba(18,26,32,0.25)}
.hdr-mega-grid{max-width:1600px;margin:0 auto;padding:36px var(--gutter) 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:32px}
.hdr-mega-col{display:flex;flex-direction:column}
.hdr-mega-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#224762;padding-bottom:10px;border-bottom:1px solid rgba(18,26,32,0.12);margin-bottom:6px}
.hdr-mega-head:hover{color:#121A20!important}
.hdr-mega-item{display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(18,26,32,0.06);font-size:14px;font-weight:500;line-height:1.3;color:#121A20}
.hdr-mega-item:hover{color:#224762!important;padding-left:4px!important}
.hdr-mega-arrow{font-size:12px;color:#8A9093}
.hdr-icon{width:30px;height:30px;border-radius:6px;background:#EAF2F9;display:flex;align-items:center;justify-content:center}
.hdr-icon svg{display:block;fill:none;stroke:#224762;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hdr-promo{background:#16223F;color:#F6F5F2;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.hdr-promo-img{position:relative;aspect-ratio:16/9;background:#3A4245 url("../images/backgrounds/scale-pilot-2.jpg") 80% 50%/cover no-repeat}
.hdr-promo-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px}
.hdr-promo-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:0.14em;color:#9CC6E5}
.hdr-promo-title{font-size:20px;font-weight:500;letter-spacing:-0.015em;line-height:1.2}
.hdr-promo-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.hdr-btn-primary{background:#1E509E;color:#FFFFFF;font-size:14px;font-weight:600;letter-spacing:0;padding:10px 18px;border-radius:5px}
.hdr-btn-primary:hover{background:#173F7D!important;color:#FFFFFF!important}
.hdr-btn-light{border:1px solid #FFFFFF;color:#1E509E;font-size:14px;font-weight:600;letter-spacing:0;padding:10px 18px;border-radius:5px;background:#FFFFFF}
.hdr-btn-light:hover{background:#EAF2F9!important;color:#1E509E!important}
.hdr-promo-all{color:#C9D1D3;font-size:12px;font-weight:600;letter-spacing:0.08em;margin-top:6px}
.hdr-promo-all:hover{color:#fff!important}
.hdr-mobile{position:fixed;left:0;right:0;top:var(--header-h);height:calc(100vh - 72px);height:calc(100dvh - 72px);background:#F7F6F3;overflow-y:auto;padding:8px 20px 40px;border-top:1px solid rgba(18,26,32,0.1)}
.hdr-m-eq{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid rgba(18,26,32,0.12);padding:18px 0;font-size:18px;font-weight:500;color:#121A20;cursor:pointer;min-height:56px}
.hdr-m-sign{font-size:20px;font-weight:300}
.hdr-m-cats{padding:8px 0 16px}
.hdr-m-cat{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;padding:10px 0;font-size:15px;border-bottom:1px solid rgba(18,26,32,0.06);min-height:44px;color:#121A20}
.hdr-m-all{display:block;padding:14px 0 0;font-size:12px;font-weight:600;letter-spacing:0.08em;color:#224762}
.hdr-m-link{display:flex;align-items:center;min-height:56px;border-bottom:1px solid rgba(18,26,32,0.12);font-size:18px;font-weight:500;color:#121A20}
.hdr-m-cta{display:flex;justify-content:center;align-items:center;margin-top:24px;background:#1E509E;color:#FFFFFF;font-size:15px;font-weight:600;letter-spacing:0;height:52px;border-radius:6px}
.hdr-m-cta:hover{background:#173F7D!important;color:#FFFFFF!important}

/* ---------- Interactive states (homepage + packages) ---------- */
[data-js="tile"]:hover [data-js="tile-img"],[data-js="tile"]:focus [data-js="tile-img"]{transform:scale(1.06)}
[data-js="tile"]:hover [data-js="tile-shade"],[data-js="tile"]:focus [data-js="tile-shade"]{opacity:1}
[data-js="tile"]:hover [data-js="tile-arrow"],[data-js="tile"]:focus [data-js="tile-arrow"]{transform:translateX(4px)}
.wf-ring:hover{border-color:#F6F5F2!important;box-shadow:0 0 0 6px rgba(246,245,242,0.18)!important}

/* ---------- 404 page ---------- */
.nf{max-width:1600px;margin:0 auto;padding:clamp(72px,10vw,160px) clamp(20px,4vw,56px);min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.nf-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.22em;color:#224762}
.nf-title{font-size:clamp(40px,5vw,72px);line-height:1;font-weight:500;letter-spacing:-0.03em;color:#121A20}
.nf-text{font-size:17px;line-height:1.6;color:#4A5155;max-width:520px}
.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.nf-btn{background:#1E509E;color:#FFFFFF;font-size:15px;font-weight:600;padding:14px 24px;border-radius:6px}
.nf-btn:hover{background:#173F7D;color:#FFFFFF}
.nf-btn-ghost{border:1px solid rgba(18,26,32,0.22);color:#121A20;font-size:15px;font-weight:600;padding:14px 24px;border-radius:6px}
.nf-btn-ghost:hover{border-color:#224762;color:#224762}

/* =========================================================
   Page & component styles
   Generated from the approved design: one class per unique
   element style (shared across pages). Hover/focus states use
   the h* classes below.
   ========================================================= */
.s1{position:relative;overflow:hidden;isolation:isolate;background:rgb(15, 28, 38);min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:calc(72px + clamp(20px, 4vh, 56px)) 0px 0px}
.s2{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;z-index:-2}
.s3{position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg, rgba(12, 26, 38, 0.84) 0%, rgba(16, 36, 52, 0.62) 42%, rgba(20, 44, 62, 0.28) 100%), linear-gradient(0deg, rgba(10, 20, 28, 0.62) 0%, rgba(10, 20, 28, 0) 34%)}
.s4{width:100%;max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);flex:1 1 0%;display:flex;align-items:center;justify-content:center}
.s5{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;max-width:900px;padding-bottom:clamp(24px, 4vw, 64px)}
.s6{display:flex;align-items:center;gap:10px;font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:rgb(156, 198, 229)}
.s7{width:8px;height:8px;background:rgb(156, 198, 229)}
.s8{font-size:clamp(34px, min(4.6vw, 7.4vh), 68px);line-height:1.02;font-weight:500;letter-spacing:-0.035em;text-wrap:balance;color:rgb(255, 255, 255)}
.s9{font-size:clamp(15px, 1.2vw, 18px);line-height:1.55;color:rgba(255, 255, 255, 0.86);max-width:720px;text-wrap:pretty}
.sa{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sb{background:rgb(255, 255, 255);color:rgb(22, 50, 74);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center}
.sc{border:1px solid rgba(255, 255, 255, 0.55);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center;background:rgba(255, 255, 255, 0.06)}
.sd{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:0.08em;color:rgb(255, 255, 255);padding-top:4px}
.se{width:100%;max-width:1600px;margin:0px auto;padding:22px clamp(20px, 4vw, 56px) 0px}
.sf{position:relative;height:38px;display:flex;align-items:flex-end;gap:0px;border-bottom:1px solid rgba(255, 255, 255, 0.7);transform-origin:left center}
.sg{position:absolute;bottom:0px;left:calc(0% + 0px);width:1px;height:34px;background:rgb(156, 198, 229)}
.sh{position:absolute;bottom:0px;left:calc(1.04167% + 0px);width:1px;height:5.09px;background:rgba(255, 255, 255, 0.35)}
.si{position:absolute;bottom:0px;left:calc(2.08333% + 0px);width:1px;height:5.18px;background:rgba(255, 255, 255, 0.35)}
.sj{position:absolute;bottom:0px;left:calc(3.125% + 0px);width:1px;height:5.27px;background:rgba(255, 255, 255, 0.35)}
.sk{position:absolute;bottom:0px;left:calc(4.16667% + 0px);width:1px;height:5.36px;background:rgba(255, 255, 255, 0.35)}
.sl{position:absolute;bottom:0px;left:calc(5.20833% + 0px);width:1px;height:5.45px;background:rgba(255, 255, 255, 0.35)}
.sm{position:absolute;bottom:0px;left:calc(6.25% + 0px);width:1px;height:5.54px;background:rgba(255, 255, 255, 0.35)}
.sn{position:absolute;bottom:0px;left:calc(7.29167% + 0px);width:1px;height:5.63px;background:rgba(255, 255, 255, 0.35)}
.so{position:absolute;bottom:0px;left:calc(8.33333% + 0px);width:1px;height:5.72px;background:rgba(255, 255, 255, 0.35)}
.sp{position:absolute;bottom:0px;left:calc(9.375% + 0px);width:1px;height:5.81px;background:rgba(255, 255, 255, 0.35)}
.sq{position:absolute;bottom:0px;left:calc(10.4167% + 0px);width:1px;height:5.9px;background:rgba(255, 255, 255, 0.35)}
.sr{position:absolute;bottom:0px;left:calc(11.4583% + 0px);width:1px;height:5.99px;background:rgba(255, 255, 255, 0.35)}
.ss{position:absolute;bottom:0px;left:calc(12.5% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.st{position:absolute;bottom:0px;left:calc(13.5417% + 0px);width:1px;height:6.17px;background:rgba(255, 255, 255, 0.35)}
.su{position:absolute;bottom:0px;left:calc(14.5833% + 0px);width:1px;height:6.26px;background:rgba(255, 255, 255, 0.35)}
.sv{position:absolute;bottom:0px;left:calc(15.625% + 0px);width:1px;height:6.35px;background:rgba(255, 255, 255, 0.35)}
.sw{position:absolute;bottom:0px;left:calc(16.6667% + 0px);width:1px;height:6.44px;background:rgba(255, 255, 255, 0.35)}
.sx{position:absolute;bottom:0px;left:calc(17.7083% + 0px);width:1px;height:6.53px;background:rgba(255, 255, 255, 0.35)}
.sy{position:absolute;bottom:0px;left:calc(18.75% + 0px);width:1px;height:6.62px;background:rgba(255, 255, 255, 0.35)}
.sz{position:absolute;bottom:0px;left:calc(19.7917% + 0px);width:1px;height:6.71px;background:rgba(255, 255, 255, 0.35)}
.s10{position:absolute;bottom:0px;left:calc(20.8333% + 0px);width:1px;height:6.8px;background:rgba(255, 255, 255, 0.35)}
.s11{position:absolute;bottom:0px;left:calc(21.875% + 0px);width:1px;height:6.89px;background:rgba(255, 255, 255, 0.35)}
.s12{position:absolute;bottom:0px;left:calc(22.9167% + 0px);width:1px;height:6.98px;background:rgba(255, 255, 255, 0.35)}
.s13{position:absolute;bottom:0px;left:calc(23.9583% + 0px);width:1px;height:7.07px;background:rgba(255, 255, 255, 0.35)}
.s14{position:absolute;bottom:0px;left:calc(25% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.s15{position:absolute;bottom:0px;left:calc(26.0417% + 0px);width:1px;height:7.25px;background:rgba(255, 255, 255, 0.35)}
.s16{position:absolute;bottom:0px;left:calc(27.0833% + 0px);width:1px;height:7.34px;background:rgba(255, 255, 255, 0.35)}
.s17{position:absolute;bottom:0px;left:calc(28.125% + 0px);width:1px;height:7.43px;background:rgba(255, 255, 255, 0.35)}
.s18{position:absolute;bottom:0px;left:calc(29.1667% + 0px);width:1px;height:7.52px;background:rgba(255, 255, 255, 0.35)}
.s19{position:absolute;bottom:0px;left:calc(30.2083% + 0px);width:1px;height:7.61px;background:rgba(255, 255, 255, 0.35)}
.s1a{position:absolute;bottom:0px;left:calc(31.25% + 0px);width:1px;height:7.7px;background:rgba(255, 255, 255, 0.35)}
.s1b{position:absolute;bottom:0px;left:calc(32.2917% + 0px);width:1px;height:7.79px;background:rgba(255, 255, 255, 0.35)}
.s1c{position:absolute;bottom:0px;left:calc(33.3333% + 0px);width:1px;height:7.88px;background:rgba(255, 255, 255, 0.35)}
.s1d{position:absolute;bottom:0px;left:calc(34.375% + 0px);width:1px;height:7.97px;background:rgba(255, 255, 255, 0.35)}
.s1e{position:absolute;bottom:0px;left:calc(35.4167% + 0px);width:1px;height:8.06px;background:rgba(255, 255, 255, 0.35)}
.s1f{position:absolute;bottom:0px;left:calc(36.4583% + 0px);width:1px;height:8.15px;background:rgba(255, 255, 255, 0.35)}
.s1g{position:absolute;bottom:0px;left:calc(37.5% + 0px);width:1px;height:34px;background:rgb(156, 198, 229)}
.s1h{position:absolute;bottom:0px;left:calc(38.5417% + 0px);width:1px;height:8.33px;background:rgba(255, 255, 255, 0.35)}
.s1i{position:absolute;bottom:0px;left:calc(39.5833% + 0px);width:1px;height:8.42px;background:rgba(255, 255, 255, 0.35)}
.s1j{position:absolute;bottom:0px;left:calc(40.625% + 0px);width:1px;height:8.51px;background:rgba(255, 255, 255, 0.35)}
.s1k{position:absolute;bottom:0px;left:calc(41.6667% + 0px);width:1px;height:8.6px;background:rgba(255, 255, 255, 0.35)}
.s1l{position:absolute;bottom:0px;left:calc(42.7083% + 0px);width:1px;height:8.69px;background:rgba(255, 255, 255, 0.35)}
.s1m{position:absolute;bottom:0px;left:calc(43.75% + 0px);width:1px;height:8.78px;background:rgba(255, 255, 255, 0.35)}
.s1n{position:absolute;bottom:0px;left:calc(44.7917% + 0px);width:1px;height:8.87px;background:rgba(255, 255, 255, 0.35)}
.s1o{position:absolute;bottom:0px;left:calc(45.8333% + 0px);width:1px;height:8.96px;background:rgba(255, 255, 255, 0.35)}
.s1p{position:absolute;bottom:0px;left:calc(46.875% + 0px);width:1px;height:9.05px;background:rgba(255, 255, 255, 0.35)}
.s1q{position:absolute;bottom:0px;left:calc(47.9167% + 0px);width:1px;height:9.14px;background:rgba(255, 255, 255, 0.35)}
.s1r{position:absolute;bottom:0px;left:calc(48.9583% + 0px);width:1px;height:9.23px;background:rgba(255, 255, 255, 0.35)}
.s1s{position:absolute;bottom:0px;left:calc(50% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.s1t{position:absolute;bottom:0px;left:calc(51.0417% + 0px);width:1px;height:9.41px;background:rgba(255, 255, 255, 0.35)}
.s1u{position:absolute;bottom:0px;left:calc(52.0833% + 0px);width:1px;height:9.5px;background:rgba(255, 255, 255, 0.35)}
.s1v{position:absolute;bottom:0px;left:calc(53.125% + 0px);width:1px;height:9.59px;background:rgba(255, 255, 255, 0.35)}
.s1w{position:absolute;bottom:0px;left:calc(54.1667% + 0px);width:1px;height:9.68px;background:rgba(255, 255, 255, 0.35)}
.s1x{position:absolute;bottom:0px;left:calc(55.2083% + 0px);width:1px;height:9.77px;background:rgba(255, 255, 255, 0.35)}
.s1y{position:absolute;bottom:0px;left:calc(56.25% + 0px);width:1px;height:9.86px;background:rgba(255, 255, 255, 0.35)}
.s1z{position:absolute;bottom:0px;left:calc(57.2917% + 0px);width:1px;height:9.95px;background:rgba(255, 255, 255, 0.35)}
.s20{position:absolute;bottom:0px;left:calc(58.3333% + 0px);width:1px;height:10.04px;background:rgba(255, 255, 255, 0.35)}
.s21{position:absolute;bottom:0px;left:calc(59.375% + 0px);width:1px;height:10.13px;background:rgba(255, 255, 255, 0.35)}
.s22{position:absolute;bottom:0px;left:calc(60.4167% + 0px);width:1px;height:10.22px;background:rgba(255, 255, 255, 0.35)}
.s23{position:absolute;bottom:0px;left:calc(61.4583% + 0px);width:1px;height:10.31px;background:rgba(255, 255, 255, 0.35)}
.s24{position:absolute;bottom:0px;left:calc(62.5% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.s25{position:absolute;bottom:0px;left:calc(63.5417% + 0px);width:1px;height:10.49px;background:rgba(255, 255, 255, 0.35)}
.s26{position:absolute;bottom:0px;left:calc(64.5833% + 0px);width:1px;height:10.58px;background:rgba(255, 255, 255, 0.35)}
.s27{position:absolute;bottom:0px;left:calc(65.625% + 0px);width:1px;height:10.67px;background:rgba(255, 255, 255, 0.35)}
.s28{position:absolute;bottom:0px;left:calc(66.6667% + 0px);width:1px;height:10.76px;background:rgba(255, 255, 255, 0.35)}
.s29{position:absolute;bottom:0px;left:calc(67.7083% + 0px);width:1px;height:10.85px;background:rgba(255, 255, 255, 0.35)}
.s2a{position:absolute;bottom:0px;left:calc(68.75% + 0px);width:1px;height:10.94px;background:rgba(255, 255, 255, 0.35)}
.s2b{position:absolute;bottom:0px;left:calc(69.7917% + 0px);width:1px;height:11.03px;background:rgba(255, 255, 255, 0.35)}
.s2c{position:absolute;bottom:0px;left:calc(70.8333% + 0px);width:1px;height:11.12px;background:rgba(255, 255, 255, 0.35)}
.s2d{position:absolute;bottom:0px;left:calc(71.875% + 0px);width:1px;height:34px;background:rgb(156, 198, 229)}
.s2e{position:absolute;bottom:0px;left:calc(72.9167% + 0px);width:1px;height:11.3px;background:rgba(255, 255, 255, 0.35)}
.s2f{position:absolute;bottom:0px;left:calc(73.9583% + 0px);width:1px;height:11.39px;background:rgba(255, 255, 255, 0.35)}
.s2g{position:absolute;bottom:0px;left:calc(75% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.s2h{position:absolute;bottom:0px;left:calc(76.0417% + 0px);width:1px;height:11.57px;background:rgba(255, 255, 255, 0.35)}
.s2i{position:absolute;bottom:0px;left:calc(77.0833% + 0px);width:1px;height:11.66px;background:rgba(255, 255, 255, 0.35)}
.s2j{position:absolute;bottom:0px;left:calc(78.125% + 0px);width:1px;height:11.75px;background:rgba(255, 255, 255, 0.35)}
.s2k{position:absolute;bottom:0px;left:calc(79.1667% + 0px);width:1px;height:11.84px;background:rgba(255, 255, 255, 0.35)}
.s2l{position:absolute;bottom:0px;left:calc(80.2083% + 0px);width:1px;height:11.93px;background:rgba(255, 255, 255, 0.35)}
.s2m{position:absolute;bottom:0px;left:calc(81.25% + 0px);width:1px;height:12.02px;background:rgba(255, 255, 255, 0.35)}
.s2n{position:absolute;bottom:0px;left:calc(82.2917% + 0px);width:1px;height:12.11px;background:rgba(255, 255, 255, 0.35)}
.s2o{position:absolute;bottom:0px;left:calc(83.3333% + 0px);width:1px;height:12.2px;background:rgba(255, 255, 255, 0.35)}
.s2p{position:absolute;bottom:0px;left:calc(84.375% + 0px);width:1px;height:12.29px;background:rgba(255, 255, 255, 0.35)}
.s2q{position:absolute;bottom:0px;left:calc(85.4167% + 0px);width:1px;height:12.38px;background:rgba(255, 255, 255, 0.35)}
.s2r{position:absolute;bottom:0px;left:calc(86.4583% + 0px);width:1px;height:12.47px;background:rgba(255, 255, 255, 0.35)}
.s2s{position:absolute;bottom:0px;left:calc(87.5% + 0px);width:1px;height:16px;background:rgba(255, 255, 255, 0.75)}
.s2t{position:absolute;bottom:0px;left:calc(88.5417% + 0px);width:1px;height:12.65px;background:rgba(255, 255, 255, 0.35)}
.s2u{position:absolute;bottom:0px;left:calc(89.5833% + 0px);width:1px;height:12.74px;background:rgba(255, 255, 255, 0.35)}
.s2v{position:absolute;bottom:0px;left:calc(90.625% + 0px);width:1px;height:12.83px;background:rgba(255, 255, 255, 0.35)}
.s2w{position:absolute;bottom:0px;left:calc(91.6667% + 0px);width:1px;height:12.92px;background:rgba(255, 255, 255, 0.35)}
.s2x{position:absolute;bottom:0px;left:calc(92.7083% + 0px);width:1px;height:13.01px;background:rgba(255, 255, 255, 0.35)}
.s2y{position:absolute;bottom:0px;left:calc(93.75% + 0px);width:1px;height:13.1px;background:rgba(255, 255, 255, 0.35)}
.s2z{position:absolute;bottom:0px;left:calc(94.7917% + 0px);width:1px;height:13.19px;background:rgba(255, 255, 255, 0.35)}
.s30{position:absolute;bottom:0px;left:calc(95.8333% + 0px);width:1px;height:13.28px;background:rgba(255, 255, 255, 0.35)}
.s31{position:absolute;bottom:0px;left:calc(96.875% + 0px);width:1px;height:13.37px;background:rgba(255, 255, 255, 0.35)}
.s32{position:absolute;bottom:0px;left:calc(97.9167% + 0px);width:1px;height:13.46px;background:rgba(255, 255, 255, 0.35)}
.s33{position:absolute;bottom:0px;left:calc(98.9583% + 0px);width:1px;height:13.55px;background:rgba(255, 255, 255, 0.35)}
.s34{position:absolute;bottom:0px;left:calc(100% - 1px);width:1px;height:34px;background:rgb(156, 198, 229)}
.s35{position:absolute;bottom:-4px;left:0%;width:7px;height:7px;background:rgb(156, 198, 229)}
.s36{position:relative;height:42px;font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.16em;color:rgb(255, 255, 255)}
.s37{position:absolute;left:0px;top:12px}
.s38{position:absolute;left:37.5%;top:12px}
.s39{position:absolute;left:71.875%;top:12px}
.s3a{position:absolute;right:0px;top:12px;color:rgba(255, 255, 255, 0.6)}
.s3b{padding:clamp(80px, 10vw, 144px) 0px;background:rgb(234, 242, 249)}
.s3c{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px)}
.s3d{display:grid;grid-template-columns:minmax(0px, 1.3fr) minmax(0px, 1fr);gap:24px 48px;align-items:end;margin-bottom:clamp(40px, 5vw, 72px)}
.s3e{display:flex;flex-direction:column;gap:20px}
.s3f{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.2em;color:rgb(34, 71, 98)}
.s3g{font-size:clamp(36px, 4.6vw, 72px);line-height:0.98;font-weight:500;letter-spacing:-0.035em;text-wrap:balance}
.s3h{font-size:17px;line-height:1.55;color:rgb(74, 81, 85);max-width:400px;justify-self:end}
.s3i{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:clamp(14px, 1.6vw, 24px);align-items:start;overflow-x:visible;scroll-snap-type:x mandatory;padding-bottom:0px}
.s3j{position:relative;margin-top:calc(0 * clamp(28px, 4vw, 64px));cursor:pointer;scroll-snap-align:start;outline-offset:6px;border-radius:12px}
.s3k{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;isolation:isolate;background:rgb(201, 207, 208);box-shadow:rgba(22, 34, 63, 0.35) 0px 10px 30px -24px;transform:none;transition:transform 900ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 900ms}
.s3l{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-develop.jpg");background-size:cover;background-position:center center;border-radius:12px;transform:scale(1.12);transition:transform 1600ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s3m{position:absolute;inset:0px;border-radius:12px;background:linear-gradient(rgba(22, 34, 63, 0.38) 0%, rgba(22, 34, 63, 0) 30%, rgba(22, 34, 63, 0) 50%, rgba(22, 34, 63, 0.82) 100%)}
.s3n{position:absolute;top:clamp(16px, 1.6vw, 24px);left:clamp(18px, 1.8vw, 28px);right:clamp(18px, 1.8vw, 28px);display:flex;justify-content:space-between;align-items:flex-start;color:rgb(246, 245, 242)}
.s3o{font-size:clamp(48px, 5vw, 80px);font-weight:300;letter-spacing:-0.05em;line-height:0.85}
.s3p{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.18em;padding-top:8px;opacity:0.85}
.s3q{position:absolute;left:clamp(18px, 1.8vw, 28px);right:clamp(18px, 1.8vw, 28px);bottom:clamp(18px, 1.8vw, 28px);display:flex;flex-direction:column;gap:10px;color:rgb(246, 245, 242)}
.s3r{display:block;height:1px;width:32px;background:rgb(156, 198, 229);transition:width 900ms cubic-bezier(0.65, 0, 0.25, 1)}
.s3s{font-size:clamp(20px, 1.8vw, 26px);font-weight:500;letter-spacing:0.08em;line-height:1}
.s3t{font-size:14px;line-height:1.5;color:rgb(220, 226, 229);max-width:260px;text-wrap:pretty}
.s3u{position:relative;margin-top:clamp(28px, 4vw, 64px);cursor:pointer;scroll-snap-align:start;outline-offset:6px;border-radius:12px}
.s3v{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;isolation:isolate;background:rgb(201, 207, 208);box-shadow:rgba(22, 34, 63, 0.55) 0px 30px 60px -28px;transform:translateY(-10px);transition:transform 900ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 900ms}
.s3w{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-scale.jpg");background-size:cover;background-position:center center;border-radius:12px;transform:scale(1);transition:transform 1600ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s3x{display:block;height:1px;width:100%;background:rgb(156, 198, 229);transition:width 900ms cubic-bezier(0.65, 0, 0.25, 1)}
.s3y{position:relative;margin-top:calc(2 * clamp(28px, 4vw, 64px));cursor:pointer;scroll-snap-align:start;outline-offset:6px;border-radius:12px}
.s3z{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-produce.jpg");background-size:cover;background-position:center center;border-radius:12px;transform:scale(1.12);transition:transform 1600ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s40{position:relative;margin-top:calc(3 * clamp(28px, 4vw, 64px));cursor:pointer;scroll-snap-align:start;outline-offset:6px;border-radius:12px}
.s41{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-package-2.jpg");background-size:cover;background-position:center center;border-radius:12px;transform:scale(1.12);transition:transform 1600ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s42{position:relative;overflow:hidden;background:rgb(17, 27, 51);color:rgb(246, 245, 242);padding:clamp(72px, 9vw, 128px) 0px}
.s43{position:absolute;inset:0px;pointer-events:none;z-index:0;overflow:hidden}
.s44{position:absolute;left:-10%;top:-20%;width:60%;height:70%;border-radius:50%;background:radial-gradient(circle, rgba(34, 71, 98, 0.75) 0%, rgba(34, 71, 98, 0) 70%);filter:blur(40px);animation:22s ease-in-out 0s infinite normal none running tphOrbA}
.s45{position:absolute;right:-12%;bottom:-25%;width:55%;height:70%;border-radius:50%;background:radial-gradient(circle, rgba(156, 198, 229, 0.22) 0%, rgba(156, 198, 229, 0) 70%);filter:blur(50px);animation:26s ease-in-out 0s infinite normal none running tphOrbB}
.s46{position:absolute;top:0px;left:92.08%;animation:26s linear -6.3s infinite normal none running tphFall;--dx:28px;--r:12deg;--o:0.32;will-change:transform;width:8.00027px;height:8.00027px;border-radius:50%;background:radial-gradient(circle at 35% 30%, rgb(246, 245, 242) 0%, rgb(201, 211, 218) 70%, rgb(154, 167, 176) 100%);box-shadow:rgba(156, 198, 229, 0.25) 0px 0px 12px}
.s47{position:absolute;left:18%;right:18%;top:50%;height:1px;background:rgba(80, 96, 108, 0.55)}
.s48{position:absolute;top:0px;left:75.51%;animation:22.7s linear -20.5s infinite normal none running tphFall;--dx:16px;--r:114deg;--o:0.28;will-change:transform;width:4.25616px;height:4.25616px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s49{position:absolute;top:0px;left:70.79%;animation:25.2s linear -1.6s infinite normal none running tphFall;--dx:22px;--r:-12deg;--o:0.52;will-change:transform;width:3.12269px;height:3.12269px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4a{position:absolute;top:0px;left:12.28%;animation:22.2s linear -27.7s infinite normal none running tphFall;--dx:23px;--r:52deg;--o:0.40;will-change:transform;width:4.42223px;height:4.42223px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4b{position:absolute;top:0px;left:90.83%;animation:20s linear -10.1s infinite normal none running tphFall;--dx:40px;--r:-60deg;--o:0.25;will-change:transform;width:4.73599px;height:4.73599px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s4c{position:absolute;top:0px;left:42.85%;animation:18.7s linear -28.1s infinite normal none running tphFall;--dx:7px;--r:83deg;--o:0.51;will-change:transform;width:2.89292px;height:2.89292px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4d{position:absolute;top:0px;left:27.35%;animation:23s linear -15.3s infinite normal none running tphFall;--dx:-9px;--r:-111deg;--o:0.52;will-change:transform;width:2.17587px;height:2.17587px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4e{position:absolute;top:0px;left:36.55%;animation:19.5s linear -19.9s infinite normal none running tphFall;--dx:51px;--r:5deg;--o:0.26;will-change:transform;width:2.16464px;height:2.16464px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4f{position:absolute;top:0px;left:28.36%;animation:19.8s linear -12.7s infinite normal none running tphFall;--dx:-20px;--r:11deg;--o:0.41;will-change:transform;width:3.21686px;height:3.21686px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4g{position:absolute;top:0px;left:90.65%;animation:28.4s linear -25.9s infinite normal none running tphFall;--dx:16px;--r:48deg;--o:0.35;will-change:transform;width:9.16615px;height:9.16615px;border-radius:50%;background:radial-gradient(circle at 35% 30%, rgb(246, 245, 242) 0%, rgb(201, 211, 218) 70%, rgb(154, 167, 176) 100%);box-shadow:rgba(156, 198, 229, 0.25) 0px 0px 12px}
.s4h{position:absolute;top:0px;left:68.9%;animation:29s linear -11.9s infinite normal none running tphFall;--dx:25px;--r:-90deg;--o:0.41;will-change:transform;width:3.51485px;height:3.51485px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4i{position:absolute;top:0px;left:33.06%;animation:20.3s linear -23.8s infinite normal none running tphFall;--dx:45px;--r:-140deg;--o:0.49;will-change:transform;width:3.05176px;height:3.05176px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4j{position:absolute;top:0px;left:40.68%;animation:16.5s linear -2.3s infinite normal none running tphFall;--dx:60px;--r:-101deg;--o:0.42;will-change:transform;width:2.23319px;height:2.23319px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4k{position:absolute;top:0px;left:45.71%;animation:23.5s linear -4.1s infinite normal none running tphFall;--dx:51px;--r:138deg;--o:0.51;will-change:transform;width:2.43276px;height:2.43276px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4l{position:absolute;top:0px;left:90.78%;animation:26.2s linear -8.3s infinite normal none running tphFall;--dx:-59px;--r:-91deg;--o:0.23;will-change:transform;width:4.65566px;height:4.65566px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s4m{position:absolute;top:0px;left:61.68%;animation:17.7s linear -22.2s infinite normal none running tphFall;--dx:-1px;--r:68deg;--o:0.28;will-change:transform;width:2.00475px;height:2.00475px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4n{position:absolute;top:0px;left:23.52%;animation:20s linear -26.8s infinite normal none running tphFall;--dx:-46px;--r:-4deg;--o:0.20;will-change:transform;width:4.64626px;height:4.64626px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s4o{position:absolute;top:0px;left:63.69%;animation:28.8s linear -0.6s infinite normal none running tphFall;--dx:48px;--r:-112deg;--o:0.54;will-change:transform;width:4.73897px;height:4.73897px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s4p{position:absolute;top:0px;left:67.94%;animation:25.7s linear -6.7s infinite normal none running tphFall;--dx:-35px;--r:23deg;--o:0.26;will-change:transform;width:10.8264px;height:10.8264px;border-radius:50%;background:radial-gradient(circle at 35% 30%, rgb(246, 245, 242) 0%, rgb(201, 211, 218) 70%, rgb(154, 167, 176) 100%);box-shadow:rgba(156, 198, 229, 0.25) 0px 0px 12px}
.s4q{position:absolute;top:0px;left:70.07%;animation:25.4s linear -14.9s infinite normal none running tphFall;--dx:-56px;--r:-140deg;--o:0.52;will-change:transform;width:4.30827px;height:4.30827px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4r{position:absolute;top:0px;left:68.79%;animation:28.3s linear -1.1s infinite normal none running tphFall;--dx:46px;--r:130deg;--o:0.55;will-change:transform;width:2.39228px;height:2.39228px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4s{position:absolute;top:0px;left:76.49%;animation:20.7s linear -7.4s infinite normal none running tphFall;--dx:27px;--r:138deg;--o:0.34;will-change:transform;width:4.86287px;height:4.86287px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s4t{position:absolute;top:0px;left:40.49%;animation:28.2s linear -16.8s infinite normal none running tphFall;--dx:-18px;--r:44deg;--o:0.46;will-change:transform;width:2.70424px;height:2.70424px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4u{position:absolute;top:0px;left:72.52%;animation:20.8s linear -6s infinite normal none running tphFall;--dx:-23px;--r:175deg;--o:0.55;will-change:transform;width:3.00507px;height:3.00507px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4v{position:absolute;top:0px;left:87.22%;animation:28.7s linear -6s infinite normal none running tphFall;--dx:17px;--r:-131deg;--o:0.37;will-change:transform;width:3.89722px;height:3.89722px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4w{position:absolute;top:0px;left:77.14%;animation:29.1s linear -14.5s infinite normal none running tphFall;--dx:-38px;--r:-19deg;--o:0.26;will-change:transform;width:3.67212px;height:3.67212px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4x{position:absolute;top:0px;left:52.17%;animation:23s linear -15.2s infinite normal none running tphFall;--dx:31px;--r:-50deg;--o:0.46;will-change:transform;width:3.98784px;height:3.98784px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s4y{position:absolute;top:0px;left:29.88%;animation:29.6s linear -6.1s infinite normal none running tphFall;--dx:27px;--r:-75deg;--o:0.30;will-change:transform;width:8.13009px;height:8.13009px;border-radius:50%;background:radial-gradient(circle at 35% 30%, rgb(246, 245, 242) 0%, rgb(201, 211, 218) 70%, rgb(154, 167, 176) 100%);box-shadow:rgba(156, 198, 229, 0.25) 0px 0px 12px}
.s4z{position:absolute;top:0px;left:42.92%;animation:15.2s linear -23.2s infinite normal none running tphFall;--dx:39px;--r:150deg;--o:0.52;will-change:transform;width:3.97872px;height:3.97872px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s50{position:absolute;top:0px;left:95.89%;animation:14.4s linear -22.9s infinite normal none running tphFall;--dx:12px;--r:81deg;--o:0.51;will-change:transform;width:4.04271px;height:4.04271px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s51{position:absolute;top:0px;left:13.6%;animation:15.3s linear -3.2s infinite normal none running tphFall;--dx:-50px;--r:-177deg;--o:0.41;will-change:transform;width:2.11105px;height:2.11105px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s52{position:absolute;top:0px;left:19.2%;animation:16.1s linear -6.1s infinite normal none running tphFall;--dx:21px;--r:-92deg;--o:0.36;will-change:transform;width:4.83724px;height:4.83724px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s53{position:absolute;top:0px;left:42.26%;animation:24.8s linear -23.2s infinite normal none running tphFall;--dx:-12px;--r:-30deg;--o:0.22;will-change:transform;width:4.98187px;height:4.98187px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:blur(1px)}
.s54{position:absolute;top:0px;left:80.76%;animation:29.6s linear -4.6s infinite normal none running tphFall;--dx:51px;--r:3deg;--o:0.24;will-change:transform;width:2.69039px;height:2.69039px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s55{position:absolute;top:0px;left:60.26%;animation:16.7s linear -2.3s infinite normal none running tphFall;--dx:-27px;--r:53deg;--o:0.39;will-change:transform;width:2.63038px;height:2.63038px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s56{position:absolute;top:0px;left:99.38%;animation:15.2s linear -12.4s infinite normal none running tphFall;--dx:-22px;--r:-179deg;--o:0.20;will-change:transform;width:3.4419px;height:3.4419px;border-radius:50%;background:rgba(222, 232, 240, 0.9);filter:none}
.s57{position:relative;z-index:1;max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px)}
.s58{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(28px, 3vw, 40px)}
.s59{font-size:clamp(30px, 3.2vw, 48px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;color:rgb(246, 245, 242)}
.s5a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:rgb(201, 209, 211)}
.s5b{display:grid;grid-template-columns:repeat(12, minmax(0px, 1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:8px}
.s5c{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:1 / 1 / span 3 / span 6;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s5d{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(174, 184, 187), rgb(107, 119, 123));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5e{position:absolute;inset:0px;background-image:url("../images/products/tile-tablet.jpg");background-size:cover;background-position:center center}
.s5f{position:absolute;inset:0px;background:linear-gradient(rgba(18, 26, 32, 0.05) 30%, rgba(18, 26, 32, 0.72) 100%);opacity:0.85;transition:opacity 600ms}
.s5g{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.1em;color:rgba(246, 245, 242, 0.9)}
.s5h{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.s5i{display:flex;flex-direction:column;gap:6px;min-width:0px}
.s5j{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.06em;color:rgba(246, 245, 242, 0.75);line-height:1.4}
.s5k{font-size:clamp(20px, 2vw, 30px);font-weight:500;letter-spacing:-0.01em;line-height:1.15;text-wrap:balance;overflow-wrap:break-word}
.s5l{flex:0 0 auto;font-size:16px;transform:none;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5m{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:1 / 7 / span 2 / span 3;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s5n{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(199, 205, 206), rgb(149, 159, 162));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5o{position:absolute;inset:0px;background-image:url("../images/products/tile-powder.jpg");background-size:cover;background-position:center center}
.s5p{font-size:16px;font-weight:500;letter-spacing:-0.01em;line-height:1.15;text-wrap:balance;overflow-wrap:break-word}
.s5q{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:1 / 10 / span 3 / span 3;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s5r{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(158, 170, 173), rgb(94, 106, 110));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5s{position:absolute;inset:0px;background-image:url("../images/products/tile-liquid.jpg");background-size:cover;background-position:center center}
.s5t{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:3 / 7 / span 1 / span 3;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s5u{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(185, 194, 196), rgb(135, 146, 149));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5v{position:absolute;inset:0px;background-image:url("../images/products/tile-filling.jpg");background-size:cover;background-position:center center}
.s5w{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:4 / 1 / span 2 / span 5;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s5x{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(163, 174, 177), rgb(106, 117, 121));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s5y{position:absolute;inset:0px;background-image:url("../images/products/tile-capsule.jpg");background-size:cover;background-position:center center}
.s5z{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:4 / 6 / span 2 / span 3;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s60{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(194, 201, 202), rgb(141, 152, 155));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s61{position:absolute;inset:0px;background-image:url("../images/products/tile-specialty.jpg");background-size:cover;background-position:center center}
.s62{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:4 / 9 / span 2 / span 4;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s63{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(147, 160, 163), rgb(89, 102, 106));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s64{position:absolute;inset:0px;background-image:url("../images/products/tile-containment.jpg");background-size:cover;background-position:center center}
.s65{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:6 / 1 / span 2 / span 3;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s66{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(188, 196, 198), rgb(127, 139, 142));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s67{position:absolute;inset:0px;background-image:url("../images/products/tile-cleanroom-2.jpg");background-size:cover;background-position:center center}
.s68{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:6 / 4 / span 2 / span 5;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s69{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(169, 179, 182), rgb(111, 122, 126));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s6a{position:absolute;inset:0px;background-image:url("../images/products/tile-packaging-2.jpg");background-size:cover;background-position:center center}
.s6b{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:6 / 9 / span 2 / span 2;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s6c{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(197, 203, 204), rgb(146, 156, 159));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s6d{position:absolute;inset:0px;background-image:url("../images/products/tile-qc.jpg");background-size:cover;background-position:center center}
.s6e{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;grid-area:6 / 11 / span 2 / span 2;background:rgb(28, 42, 74);color:rgb(246, 245, 242);display:block;outline:rgba(156, 198, 229, 0.08) solid 1px}
.s6f{position:absolute;inset:0px;background:linear-gradient(155deg, rgb(156, 167, 170), rgb(96, 108, 112));transform:scale(1);transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s6g{position:absolute;inset:0px;background-image:url("../images/products/tile-material-2.jpg");background-size:cover;background-position:center center}
.s6h{background:rgb(255, 255, 255);padding:clamp(72px, 9vw, 128px) 0px}
.s6i{font-size:clamp(30px, 3.2vw, 48px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;margin-bottom:clamp(36px, 5vw, 64px)}
.s6j{display:grid;grid-template-columns:minmax(0px, 3fr) minmax(0px, 4fr) minmax(0px, 5fr);gap:clamp(24px, 2.4vw, 36px);align-items:end}
.s6k{display:flex;flex-direction:column;color:rgb(18, 26, 32)}
.s6l{position:relative;height:280px;background:linear-gradient(155deg, rgb(213, 218, 218), rgb(170, 179, 181));overflow:hidden;border-radius:12px}
.s6m{position:absolute;inset:0px;background-image:url("../images/backgrounds/scale-rd.jpg");background-size:cover;background-position:center center}
.s6n{height:2px;background:rgb(22, 34, 63);margin-top:18px}
.s6o{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;gap:12px}
.s6p{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.14em;color:rgb(34, 71, 98)}
.s6q{font-size:15px}
.s6r{font-size:clamp(26px, 2.2vw, 32px);font-weight:500;letter-spacing:-0.025em;line-height:1.05;margin-top:12px}
.s6s{font-size:14.5px;line-height:1.5;color:rgb(74, 81, 85);margin-top:10px;max-width:380px}
.s6t{position:relative;height:380px;background:linear-gradient(155deg, rgb(179, 188, 190), rgb(125, 137, 140));overflow:hidden;border-radius:12px}
.s6u{position:absolute;inset:0px;background-image:url("../images/backgrounds/scale-pilot-3.jpg");background-size:cover;background-position:center center}
.s6v{height:5px;background:rgb(22, 34, 63);margin-top:18px}
.s6w{font-size:clamp(28px, 2.6vw, 38px);font-weight:500;letter-spacing:-0.025em;line-height:1.05;margin-top:12px}
.s6x{position:relative;height:500px;background:linear-gradient(155deg, rgb(142, 155, 159), rgb(78, 90, 94));overflow:hidden;border-radius:12px}
.s6y{position:absolute;inset:0px;background-image:url("../images/backgrounds/scale-production.jpg");background-size:cover;background-position:center center}
.s6z{height:8px;background:rgb(22, 34, 63);margin-top:18px}
.s70{font-size:clamp(30px, 3vw, 44px);font-weight:500;letter-spacing:-0.025em;line-height:1.05;margin-top:12px}
.s71{background:rgb(19, 30, 56);color:rgb(246, 245, 242);padding:clamp(56px, 6vw, 88px) 0px clamp(64px, 7vw, 96px)}
.s72{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.s73{font-size:clamp(20px, 1.8vw, 26px);font-weight:500;letter-spacing:-0.015em}
.s74{display:flex;align-items:center;gap:20px}
.s75{font-family:"Geist Mono", monospace;font-size:12px;letter-spacing:0.1em;color:rgb(174, 183, 186)}
.s76{color:rgb(246, 245, 242)}
.s77{background:none;border:1px solid rgba(246, 245, 242, 0.25);color:rgb(246, 245, 242);width:44px;height:44px;border-radius:4px;cursor:pointer;font-size:15px}
.s78{background:none;border:1px solid rgba(246, 245, 242, 0.25);color:rgb(246, 245, 242);width:44px;height:44px;border-radius:4px;cursor:pointer;font-size:15px;margin-left:-12px}
.s79{position:relative;height:clamp(520px, 42vw, 640px);overflow:hidden;border-radius:12px;isolation:isolate;background:rgb(26, 40, 72)}
.s7a{position:absolute;inset:0px;opacity:1;transition:opacity 1400ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto}
.s7b{position:absolute;inset:0px;background:url("../images/products/slide-tablet.jpg") 70% center / cover no-repeat rgb(26, 40, 72);transform:scale(1);transition:transform 9000ms cubic-bezier(0.2, 0.6, 0.2, 1)}
.s7c{position:absolute;inset:0px;background:linear-gradient(90deg, rgba(22, 34, 63, 0.88) 0%, rgba(22, 34, 63, 0.55) 40%, rgba(22, 34, 63, 0) 72%), linear-gradient(0deg, rgba(22, 34, 63, 0.6) 0%, rgba(22, 34, 63, 0) 50%)}
.s7d{position:absolute;left:clamp(20px, 4vw, 56px);bottom:clamp(24px, 4vw, 56px);right:clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:14px;max-width:620px;transform:none;opacity:1;transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1) 300ms, opacity 1000ms 300ms}
.s7e{font-family:"Geist Mono", monospace;font-size:clamp(40px, 5vw, 72px);font-weight:400;line-height:1;color:rgb(156, 198, 229);letter-spacing:-0.04em}
.s7f{font-size:clamp(24px, 2.8vw, 40px);font-weight:500;letter-spacing:0.02em;line-height:1.05}
.s7g{font-size:15px;color:rgb(201, 209, 211);line-height:1.45}
.s7h{align-self:flex-start;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:0.08em;color:rgb(246, 245, 242);border-bottom:1px solid rgba(246, 245, 242, 0.5);padding-bottom:6px;margin-top:6px}
.s7i{position:absolute;inset:0px;opacity:0;transition:opacity 1400ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}
.s7j{position:absolute;inset:0px;background:url("../images/products/slide-powder.jpg") 65% center / cover no-repeat rgb(26, 40, 72);transform:scale(1.07);transition:transform 9000ms cubic-bezier(0.2, 0.6, 0.2, 1)}
.s7k{position:absolute;left:clamp(20px, 4vw, 56px);bottom:clamp(24px, 4vw, 56px);right:clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:14px;max-width:620px;transform:translateY(18px);opacity:0;transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1) 300ms, opacity 1000ms 300ms}
.s7l{position:absolute;inset:0px;background:url("../images/products/slide-liquid-2.jpg") 65% center / cover no-repeat rgb(26, 40, 72);transform:scale(1.07);transition:transform 9000ms cubic-bezier(0.2, 0.6, 0.2, 1)}
.s7m{position:absolute;inset:0px;background:url("../images/products/slide-packaging-2.jpg") 65% center / cover no-repeat rgb(26, 40, 72);transform:scale(1.07);transition:transform 9000ms cubic-bezier(0.2, 0.6, 0.2, 1)}
.s7n{position:absolute;inset:0px;background:url("../images/products/slide-containment.jpg") 70% center / cover no-repeat rgb(26, 40, 72);transform:scale(1.07);transition:transform 9000ms cubic-bezier(0.2, 0.6, 0.2, 1)}
.s7o{display:grid;grid-template-columns:repeat(5, minmax(0px, 1fr));gap:clamp(8px, 1.5vw, 20px);margin-top:20px}
.s7p{background:none;border:0px;padding:0px 0px 4px;text-align:left;cursor:pointer;color:rgb(246, 245, 242);display:flex;flex-direction:column;gap:10px;min-height:44px}
.s7q{display:block;width:100%;height:2px;background:rgba(246, 245, 242, 0.16);position:relative;overflow:hidden}
.s7r{position:absolute;left:0px;top:0px;bottom:0px;background:rgb(156, 198, 229);width:0%;animation:8s linear 0s 1 normal forwards running tphFill}
.s7s{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.1em;line-height:1.4;display:block}
.s7t{background:none;border:0px;padding:0px 0px 4px;text-align:left;cursor:pointer;color:rgb(126, 136, 139);display:flex;flex-direction:column;gap:10px;min-height:44px}
.s7u{position:absolute;left:0px;top:0px;bottom:0px;background:rgb(156, 198, 229);width:0%;animation:auto ease 0s 1 normal none running none}
.s7v{position:relative;background:rgb(255, 255, 255);overflow:hidden}
.s7w{position:relative;display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);min-height:clamp(720px, 60vw, 940px)}
.s7x{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:clamp(28px, 3vw, 44px);padding:clamp(72px, 9vw, 136px) clamp(20px, 4vw, 56px) clamp(72px, 9vw, 136px) max(clamp(20px, 4vw, 56px), -744px + 50vw)}
.s7y{display:flex;align-items:center;gap:10px;font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.16em;color:rgb(34, 71, 98)}
.s7z{width:8px;height:8px;background:rgb(34, 71, 98)}
.s80{margin:0px;font-size:clamp(36px, 4.4vw, 68px);line-height:1;font-weight:500;letter-spacing:-0.038em;text-wrap:balance;color:rgb(18, 26, 32)}
.s81{margin:0px;max-width:560px;font-size:clamp(18px, 1.6vw, 24px);line-height:1.45;letter-spacing:-0.01em;color:rgb(74, 81, 85);text-wrap:pretty}
.s82{color:rgb(18, 26, 32)}
.s83{color:rgb(34, 71, 98);font-weight:500;background-image:linear-gradient(rgb(34, 71, 98), rgb(34, 71, 98));background-repeat:no-repeat;background-position:0px 100%;background-size:0% 1px;transition:background-size 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 300ms;padding-bottom:2px}
.s84{color:rgb(34, 71, 98);font-weight:500;background-image:linear-gradient(rgb(34, 71, 98), rgb(34, 71, 98));background-repeat:no-repeat;background-position:0px 100%;background-size:0% 1px;transition:background-size 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 520ms;padding-bottom:2px}
.s85{color:rgb(34, 71, 98);font-weight:500;background-image:linear-gradient(rgb(34, 71, 98), rgb(34, 71, 98));background-repeat:no-repeat;background-position:0px 100%;background-size:0% 1px;transition:background-size 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 740ms;padding-bottom:2px}
.s86{color:rgb(34, 71, 98);font-weight:500;background-image:linear-gradient(rgb(34, 71, 98), rgb(34, 71, 98));background-repeat:no-repeat;background-position:0px 100%;background-size:0% 1px;transition:background-size 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 960ms;padding-bottom:2px}
.s87{position:relative;min-height:100%;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px 0px 0px 12px;isolation:isolate}
.s88{position:absolute;inset:-3%;background:url("../images/backgrounds/exp-collab.jpg") 50% 30% / cover no-repeat rgb(201, 207, 208);transform:scale(1.08);transition:transform 2400ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s89{position:absolute;inset:0px;background:linear-gradient(rgba(22, 34, 63, 0) 45%, rgba(22, 34, 63, 0.55) 100%)}
.s8a{position:absolute;left:clamp(16px, 2.4vw, 40px);right:clamp(16px, 2.4vw, 40px);bottom:clamp(16px, 2.4vw, 40px);max-width:440px;display:flex;gap:18px;align-items:flex-start;padding:clamp(20px, 2vw, 28px);background:rgba(255, 255, 255, 0.82);backdrop-filter:blur(14px)}
.s8b{flex:0 0 auto;width:28px;height:1px;margin-top:11px;background:rgb(34, 71, 98)}
.s8c{margin:0px;font-size:15px;line-height:1.6;color:rgb(18, 26, 32);text-wrap:pretty}
.s8d{background:rgb(22, 34, 63);color:rgb(246, 245, 242);padding:clamp(72px, 9vw, 128px) 0px}
.s8e{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:minmax(0px, 4fr) minmax(0px, 8fr);gap:clamp(32px, 4vw, 64px)}
.s8f{display:flex;flex-direction:column;gap:24px}
.s8g{font-size:clamp(30px, 3.2vw, 48px);line-height:1.05;font-weight:500;letter-spacing:-0.03em}
.s8h{font-size:15px;color:rgb(174, 183, 186)}
.s8i{list-style:none;margin:0px;padding:0px;border-top:1px solid rgba(246, 245, 242, 0.16);flex:1 1 auto;display:flex;flex-direction:column}
.s8j{flex:1 1 auto;display:flex}
.s8k{width:100%;display:grid;align-content:center;grid-template-columns:30px 1fr auto;gap:8px;align-items:baseline;padding:11px 0px 11px 6px;border-width:0px 0px 1px;border-style:none none solid;border-color:currentcolor currentcolor rgba(246, 245, 242, 0.1);border-image:none;background:none;text-align:left;cursor:pointer;font-size:15px;color:rgb(246, 245, 242);transition:color 300ms, padding 400ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s8l{font-family:"Geist Mono", monospace;font-size:10.5px;color:rgb(156, 198, 229)}
.s8m{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.12em;color:rgb(156, 198, 229)}
.s8n{width:100%;display:grid;align-content:center;grid-template-columns:30px 1fr auto;gap:8px;align-items:baseline;padding:11px 0px;border-width:0px 0px 1px;border-style:none none solid;border-color:currentcolor currentcolor rgba(246, 245, 242, 0.1);border-image:none;background:none;text-align:left;cursor:pointer;font-size:15px;color:rgb(174, 183, 186);transition:color 300ms, padding 400ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.s8o{font-family:"Geist Mono", monospace;font-size:10.5px;color:rgb(126, 136, 139)}
.s8p{align-self:flex-start;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;margin-top:8px;min-height:48px}
.s8q{display:flex;flex-direction:column;gap:18px}
.s8r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(174, 183, 186)}
.s8s{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:12px;isolation:isolate;background:rgb(28, 42, 74)}
.s8t{position:absolute;inset:0px;opacity:1;transition:opacity 700ms cubic-bezier(0.4, 0, 0.2, 1)}
.s8u{position:absolute;inset:0px;background-image:url("../images/products/tablet-workflow.jpg");background-size:cover;background-position:30% 50%;filter:none}
.s8v{position:absolute;inset:0px;background:transparent}
.s8w{position:absolute;inset:0px;opacity:0;transition:opacity 700ms cubic-bezier(0.4, 0, 0.2, 1)}
.s8x{position:absolute;inset:0px;background-image:url("../images/products/tile-capsule.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.s8y{position:absolute;inset:0px;background:linear-gradient(rgba(22, 34, 63, 0.5) 0%, rgba(22, 34, 63, 0.3) 50%, rgba(22, 34, 63, 0.5) 100%)}
.s8z{position:absolute;inset:0px;background-image:url("../images/products/tile-liquid.jpg");background-size:cover;background-position:50% 40%;filter:saturate(0.85)}
.s90{position:absolute;inset:0px;background-image:url("../images/products/tile-filling.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.s91{position:absolute;inset:0px;background-image:url("../images/products/tile-specialty.jpg");background-size:cover;background-position:50% 55%;filter:saturate(0.85)}
.s92{position:absolute;inset:0px;background-image:url("../images/products/dose-odt.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.s93{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-develop.jpg");background-size:cover;background-position:50% 45%;filter:saturate(0.85)}
.s94{position:absolute;inset:0px;background-image:url("../images/products/tile-containment.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.s95{position:absolute;inset:0px;background-image:url("../images/products/tile-cleanroom.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.s96{position:absolute;inset:0px;background:radial-gradient(circle at 42.92% 23.5%, rgba(22, 34, 63, 0) 0px, rgba(22, 34, 63, 0) 7%, rgba(22, 34, 63, 0.38) 26%);pointer-events:none;transition:background 500ms}
.s97{position:absolute;left:2.95%;top:30.3%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s98{position:absolute;left:17.54%;top:20.3%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s99{position:absolute;left:30.59%;top:33.4%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9a{position:absolute;left:42.92%;top:23.5%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1.14);border-radius:50%;border:2px solid rgb(156, 198, 229);background:transparent;box-shadow:rgba(156, 198, 229, 0.28) 0px 0px 0px 6px, rgba(156, 198, 229, 0.55) 0px 0px 28px 6px;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9b{position:absolute;left:56.09%;top:38.3%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9c{position:absolute;left:69.85%;top:27.9%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9d{position:absolute;left:85.39%;top:37.4%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9e{position:absolute;left:93.22%;top:57.7%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9f{position:absolute;left:65.46%;top:68.9%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9g{position:absolute;left:37.71%;top:60.7%;width:5.45%;aspect-ratio:1 / 1;transform:translate(-50%, -50%) scale(1);border-radius:50%;border:2px solid rgba(246, 245, 242, 0);background:transparent;box-shadow:none;cursor:pointer;padding:0px;transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 400ms, box-shadow 500ms}
.s9h{list-style:none;margin:0px;padding:0px;display:grid;grid-template-columns:repeat(10, minmax(0px, 1fr));gap:0px}
.s9i{border-top:2px solid rgba(156, 198, 229, 0.4);padding:10px 8px 0px 0px;overflow-wrap:break-word;font-size:11.5px;line-height:1.35;color:rgb(126, 136, 139);transition:color 300ms, border-color 300ms}
.s9j{font-family:"Geist Mono", monospace;font-size:10px;display:block;margin-bottom:3px}
.s9k{border-top:2px solid rgb(156, 198, 229);padding:10px 8px 0px 0px;overflow-wrap:break-word;font-size:11.5px;line-height:1.35;color:rgb(246, 245, 242);transition:color 300ms, border-color 300ms}
.s9l{border-top:2px solid rgba(246, 245, 242, 0.14);padding:10px 8px 0px 0px;overflow-wrap:break-word;font-size:11.5px;line-height:1.35;color:rgb(126, 136, 139);transition:color 300ms, border-color 300ms}
.s9m{background:rgb(227, 236, 244);padding:clamp(72px, 9vw, 128px) 0px;position:relative;overflow:hidden}
.s9n{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);position:relative}
.s9o{position:absolute;left:clamp(20px, 4vw, 56px);right:clamp(20px, 4vw, 56px);top:50%;display:flex;align-items:center;gap:12px;font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.16em;color:rgb(34, 71, 98);z-index:0}
.s9p{flex:1 1 0%;height:1px;background:rgb(34, 71, 98);transform-origin:left center}
.s9q{display:grid;grid-template-columns:minmax(0px, 4fr) minmax(0px, 4fr) minmax(0px, 3.4fr);gap:clamp(24px, 3vw, 48px);align-items:center;position:relative;z-index:1}
.s9r{display:flex;flex-direction:column;gap:12px}
.s9s{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.16em;color:rgb(34, 71, 98)}
.s9t{position:relative;aspect-ratio:4 / 5;background:url("../images/backgrounds/formulation-lab.jpg") center 55% / cover no-repeat rgb(232, 236, 239);overflow:hidden;border-radius:12px}
.s9u{display:flex;flex-direction:column;gap:22px;background:rgb(227, 236, 244);padding:clamp(0px, 1.5vw, 24px) 0px}
.s9v{font-size:clamp(28px, 2.7vw, 40px);line-height:1.08;font-weight:500;letter-spacing:-0.025em;text-wrap:balance}
.s9w{font-size:14.5px;line-height:1.6;color:rgb(62, 70, 73);text-wrap:pretty}
.s9x{align-self:flex-start;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;display:flex;gap:10px;min-height:48px}
.s9y{display:flex;flex-direction:column;gap:12px;padding-top:120px}
.s9z{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.16em;color:rgb(34, 71, 98);text-align:right}
.sa0{position:relative;aspect-ratio:3 / 4;background:url("../images/backgrounds/xlink-equipment-2.jpg") 55% center / cover no-repeat rgb(166, 176, 179);overflow:hidden;border-radius:12px}
.sa1{padding:clamp(40px, 4.5vw, 64px) 0px}
.sa2{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:row;align-items:center;gap:clamp(20px, 3vw, 48px)}
.sa3{flex:0 0 auto;width:clamp(220px, 22vw, 340px);margin:0px;font-size:clamp(26px, 2.4vw, 36px);line-height:1.05;font-weight:500;letter-spacing:-0.025em;text-wrap:balance}
.sa4{position:relative;flex:1 1 0px;min-width:0px;width:100%;overflow:hidden;padding:8px 0px 6px;mask-image:linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, transparent 100%)}
.sa5{list-style:none;margin:0px;padding:0px;display:flex;gap:clamp(8px, 1vw, 14px);will-change:transform}
.sa6{flex:0 0 calc(0.181818 * (100% - (4.5 * clamp(8px, 1vw, 14px))));min-width:0px}
.sa7{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:clamp(176px, 15vw, 212px);padding:14px 16px 16px;background:linear-gradient(rgb(243, 245, 246) 0%, rgb(226, 231, 234) 100%);box-shadow:rgba(18, 26, 32, 0.06) 0px 0px 0px 1px inset;color:rgb(18, 26, 32);overflow:hidden;border-radius:12px;transition:transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 600ms, background 600ms}
.sa8{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.14em;color:rgb(138, 144, 147)}
.sa9{position:relative;flex:1 1 auto;display:grid;place-items:center}
.saa{position:relative;display:block;width:clamp(96px, 8vw, 124px);aspect-ratio:1 / 1}
.sab{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out 0s infinite normal none running tphShade}
.sac{position:absolute;inset:0px;animation:4.2s ease-in-out 0s infinite normal none running tphBob}
.sad{width:100%;height:100%;object-fit:contain;display:block}
.sae{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.saf{font-size:15px;font-weight:500;letter-spacing:-0.005em}
.sag{font-size:14px}
.sah{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -0.5s infinite normal none running tphShade}
.sai{position:absolute;inset:0px;animation:4.2s ease-in-out -0.5s infinite normal none running tphBob}
.saj{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -1s infinite normal none running tphShade}
.sak{position:absolute;inset:0px;animation:4.2s ease-in-out -1s infinite normal none running tphBob}
.sal{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -1.5s infinite normal none running tphShade}
.sam{position:absolute;inset:0px;animation:4.2s ease-in-out -1.5s infinite normal none running tphBob}
.san{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -2s infinite normal none running tphShade}
.sao{position:absolute;inset:0px;animation:4.2s ease-in-out -2s infinite normal none running tphBob}
.sap{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -2.5s infinite normal none running tphShade}
.saq{position:absolute;inset:0px;animation:4.2s ease-in-out -2.5s infinite normal none running tphBob}
.sar{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -3s infinite normal none running tphShade}
.sas{position:absolute;inset:0px;animation:4.2s ease-in-out -3s infinite normal none running tphBob}
.sat{position:absolute;left:18%;right:18%;bottom:2%;height:10px;border-radius:50%;background:radial-gradient(rgba(22, 34, 63, 0.35), rgba(22, 34, 63, 0) 70%);animation:4.2s ease-in-out -3.5s infinite normal none running tphShade}
.sau{position:absolute;inset:0px;animation:4.2s ease-in-out -3.5s infinite normal none running tphBob}
.sav{padding:0px clamp(12px, 2vw, 24px) clamp(12px, 2vw, 24px)}
.saw{position:relative;min-height:clamp(480px, 40vw, 620px);overflow:hidden;background:rgb(26, 40, 72);display:flex;align-items:flex-end;border-radius:12px}
.sax{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.say{position:absolute;inset:0px;background:linear-gradient(0deg, rgba(22, 34, 63, 0.92) 0%, rgba(22, 34, 63, 0.55) 45%, rgba(22, 34, 63, 0.1) 100%)}
.saz{position:relative;width:100%;max-width:1600px;margin:0px auto;padding:clamp(28px, 5vw, 72px) clamp(20px, 4vw, 56px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:28px 48px;color:rgb(246, 245, 242)}
.sb0{font-size:clamp(30px, 3.6vw, 54px);line-height:1.03;font-weight:500;letter-spacing:-0.03em;max-width:720px;text-wrap:balance}
.sb1{background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center}
.sb2{border:1px solid rgb(255, 255, 255);color:rgb(30, 80, 158);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center;background:rgb(255, 255, 255)}
.sb3{padding:clamp(28px, 3.5vw, 48px) 0px clamp(64px, 8vw, 112px)}
.sb4{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(28px, 4vw, 56px)}
.sb5{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.12em;color:rgb(138, 144, 147);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sb6{color:rgb(106, 113, 117)}
.sb7{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(32px, 5vw, 80px);align-items:center}
.sb8{display:flex;flex-direction:column;gap:26px}
.sb9{font-size:clamp(36px, 4.4vw, 64px);line-height:1.02;font-weight:500;letter-spacing:-0.035em;text-wrap:balance}
.sba{display:flex;flex-direction:column;gap:14px;max-width:540px}
.sbb{font-size:clamp(16px, 1.25vw, 18px);line-height:1.55;color:rgb(18, 26, 32);text-wrap:pretty}
.sbc{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);text-wrap:pretty}
.sbd{display:flex;flex-wrap:wrap;gap:12px}
.sbe{border:1px solid rgba(30, 80, 158, 0.3);color:rgb(30, 80, 158);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center;background:rgb(255, 255, 255)}
.sbf{position:relative;aspect-ratio:5 / 4;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.sbg{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;display:block}
.sbh{position:absolute;left:0px;bottom:0px;background:rgb(255, 255, 255);padding:14px 18px 0px 0px;font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(74, 81, 85)}
.sbi{padding:clamp(64px, 8vw, 112px) 0px;border-top:1px solid rgba(18, 26, 32, 0.12);scroll-margin-top:72px}
.sbj{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(48px, 5vw, 72px)}
.sbk{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 360px), 1fr));gap:24px 64px;align-items:end}
.sbl{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:520px;text-wrap:pretty}
.sbm{display:flex;flex-direction:column;gap:20px;scroll-margin-top:96px}
.sbn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;padding-top:20px;border-top:1px solid rgb(18, 26, 32)}
.sbo{display:flex;flex-direction:column;gap:8px;max-width:640px}
.sbp{font-size:clamp(24px, 2.4vw, 34px);font-weight:500;letter-spacing:-0.025em;line-height:1.05}
.sbq{font-size:14.5px;line-height:1.55;color:rgb(74, 81, 85);text-wrap:pretty}
.sbr{font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98);padding:8px 0px}
.sbs{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.12);border-left:1px solid rgba(18, 26, 32, 0.12)}
.sbt{border-right:1px solid rgba(18, 26, 32, 0.12);border-bottom:1px solid rgba(18, 26, 32, 0.12);background:rgb(255, 255, 255)}
.sbu{display:flex;flex-direction:column;height:100%;color:rgb(18, 26, 32)}
.sbv{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.sbw{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.sbx{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1 1 auto}
.sby{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(138, 144, 147)}
.sbz{margin:0px;font-size:19px;font-weight:500;letter-spacing:-0.01em;line-height:1.2}
.sc0{font-size:14px;line-height:1.55;color:rgb(74, 81, 85);text-wrap:pretty;flex:1 1 auto}
.sc1{margin-top:8px;font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.sc2{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.sc3{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block;transition:transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.sc4{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(280px, 33.3333% + 1px)), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.12);border-left:1px solid rgba(18, 26, 32, 0.12)}
.sc5{position:relative;aspect-ratio:16 / 10;background:rgb(232, 236, 239);display:flex;align-items:flex-end;padding:20px;overflow:hidden}
.sc6{position:absolute;inset:0px;background-image:linear-gradient(rgba(34, 71, 98, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(34, 71, 98, 0.08) 1px, transparent 1px);background-size:24px 24px}
.sc7{position:relative;font-size:clamp(64px, 6vw, 96px);font-weight:300;letter-spacing:-0.05em;line-height:0.8;color:rgb(34, 71, 98)}
.sc8{background:rgb(22, 34, 63);color:rgb(246, 245, 242);padding:clamp(64px, 8vw, 112px) 0px}
.sc9{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(32px, 4vw, 48px)}
.sca{display:flex;align-items:center;gap:10px;font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.16em;color:rgb(156, 198, 229)}
.scb{display:flex;flex-direction:column;border-top:1px solid rgba(246, 245, 242, 0.18)}
.scc{display:grid;grid-template-columns:minmax(0px, 220px) minmax(0px, 1fr) minmax(0px, 1.3fr) 32px;gap:clamp(16px, 3vw, 48px);align-items:center;padding:clamp(20px, 2.4vw, 32px) 0px;border-bottom:1px solid rgba(246, 245, 242, 0.18);color:rgb(246, 245, 242)}
.scd{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:rgb(28, 42, 74);border-radius:12px}
.sce{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.scf{display:flex;flex-direction:column;gap:10px}
.scg{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.14em;color:rgb(156, 198, 229)}
.sch{font-size:clamp(24px, 2.4vw, 34px);font-weight:500;letter-spacing:-0.02em;line-height:1.05}
.sci{font-size:15px;line-height:1.6;color:rgb(201, 209, 211);max-width:440px;text-wrap:pretty}
.scj{font-size:22px;justify-self:end}
.sck{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:80% 50%;display:block}
.scl{padding:clamp(72px, 9vw, 128px) 0px}
.scm{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(32px, 5vw, 80px);align-items:start}
.scn{font-size:clamp(30px, 3.2vw, 48px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;text-wrap:balance}
.sco{display:flex;flex-direction:column;gap:20px;padding-top:20px;border-top:1px solid rgb(18, 26, 32)}
.scp{font-size:clamp(18px, 1.6vw, 22px);line-height:1.45;letter-spacing:-0.01em;color:rgb(18, 26, 32);text-wrap:pretty}
.scq{align-self:flex-start;margin-top:8px;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center}
.scr{padding:clamp(28px, 3.5vw, 48px) 0px clamp(56px, 7vw, 96px)}
.scs{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(32px, 4vw, 56px)}
.sct{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(32px, 5vw, 80px);align-items:end}
.scu{display:flex;flex-direction:column;gap:24px;padding-bottom:clamp(0px, 2vw, 24px)}
.scv{font-size:clamp(36px, 4.6vw, 68px);line-height:1;font-weight:500;letter-spacing:-0.04em;text-wrap:balance}
.scw{font-size:clamp(16px, 1.25vw, 18px);line-height:1.55;color:rgb(18, 26, 32);max-width:560px;text-wrap:pretty}
.scx{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:560px;text-wrap:pretty}
.scy{position:relative;aspect-ratio:16 / 11;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.scz{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr));gap:0px;background:rgb(255, 255, 255);border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.sd0{background:rgb(255, 255, 255);border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:rgb(18, 26, 32);font-size:16px;font-weight:500;transition:background 300ms}
.sd1{display:flex;gap:14px;align-items:baseline}
.sd2{font-family:"Geist Mono", monospace;font-size:11px;color:rgb(34, 71, 98)}
.sd3{position:fixed;z-index:15;top:136px;right:24px;width:200px;display:flex;flex-direction:column;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity 400ms cubic-bezier(0.2, 0.7, 0.2, 1), transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.sd4{display:grid;grid-template-columns:44px minmax(0px, 1fr);align-items:center;gap:0px;padding:13px 0px;border-bottom:1px solid rgb(34, 71, 98);transition:border-color 400ms}
.sd5{display:block;height:3px;width:40px;background:rgb(34, 71, 98);transition:width 400ms cubic-bezier(0.2, 0.7, 0.2, 1), background 400ms}
.sd6{font-family:"Geist Mono", monospace;font-size:11px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:rgb(18, 26, 32);transition:color 400ms}
.sd8{display:grid;grid-template-columns:44px minmax(0px, 1fr);align-items:center;gap:0px;padding:13px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.12);transition:border-color 400ms}
.sd9{display:block;height:2px;width:20px;background:rgb(211, 218, 224);transition:width 400ms cubic-bezier(0.2, 0.7, 0.2, 1), background 400ms}
.sda{font-family:"Geist Mono", monospace;font-size:11px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:rgb(106, 113, 117);transition:color 400ms}
.sdb{padding:clamp(56px, 7vw, 104px) 0px;border-top:1px solid rgba(18, 26, 32, 0.12);scroll-margin-top:72px;background:rgb(255, 255, 255)}
.sdc{max-width:1600px;margin:0px auto;padding:0px max(clamp(20px, 4vw, 56px), 264px - max(0px, -800px + 50vw)) 0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:minmax(0px, 4fr) minmax(0px, 6fr);gap:clamp(32px, 5vw, 80px);align-items:start}
.sdd{position:sticky;aspect-ratio:4 / 5;max-height:none;overflow:hidden;background:rgb(201, 207, 208);order:0;top:104px;border-radius:12px}
.sde{display:flex;flex-direction:column;gap:28px}
.sdf{display:flex;flex-direction:column;gap:16px}
.sdg{font-size:clamp(44px, 4.4vw, 68px);font-weight:300;letter-spacing:-0.05em;line-height:0.85;color:rgb(34, 71, 98)}
.sdh{font-size:clamp(28px, 3vw, 44px);line-height:1.05;font-weight:500;letter-spacing:-0.03em}
.sdi{font-size:clamp(16px, 1.2vw, 17px);line-height:1.6;color:rgb(62, 70, 73);max-width:620px;text-wrap:pretty}
.sdj{font-family:"Geist Mono", monospace;font-size:10.5px;font-weight:500;letter-spacing:0.14em;color:rgb(138, 144, 147)}
.sdk{margin:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(260px, 25% + 1px)), 1fr));gap:0px 28px;border-top:1px solid rgba(18, 26, 32, 0.14)}
.sdl{display:flex;flex-direction:column;gap:6px;padding:16px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.14)}
.sdm{font-size:15.5px;font-weight:500;letter-spacing:-0.005em}
.sdn{margin:0px;font-size:13.5px;line-height:1.55;color:rgb(74, 81, 85)}
.sdo{list-style:none;padding:0px;display:flex;flex-wrap:wrap;gap:8px}
.sdp{padding:9px 14px;border:1px solid rgba(34, 71, 98, 0.28);font-size:13.5px;color:rgb(34, 71, 98);background:rgb(255, 255, 255)}
.sdq{align-self:flex-start;display:flex;align-items:center;gap:10px;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:44px}
.sdr{padding:clamp(56px, 7vw, 104px) 0px;border-top:1px solid rgba(18, 26, 32, 0.12);scroll-margin-top:72px;background:rgb(234, 242, 249)}
.sds{max-width:1600px;margin:0px auto;padding:0px max(clamp(20px, 4vw, 56px), 264px - max(0px, -800px + 50vw)) 0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:minmax(0px, 6fr) minmax(0px, 4fr);gap:clamp(32px, 5vw, 80px);align-items:start}
.sdt{position:sticky;aspect-ratio:4 / 5;max-height:none;overflow:hidden;background:rgb(201, 207, 208);order:2;top:104px;border-radius:12px}
.sdu{margin:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr));gap:0px 28px;border-top:1px solid rgba(18, 26, 32, 0.14)}
.sdv{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.sdw{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.sdx{margin:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(260px, 33.3333% + 1px)), 1fr));gap:0px 28px;border-top:1px solid rgba(18, 26, 32, 0.14)}
.sdy{padding:clamp(56px, 7vw, 96px) 0px;border-top:1px solid rgba(18, 26, 32, 0.12)}
.sdz{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:24px}
.se0{font-family:"Geist Mono", monospace;font-size:11px;font-weight:500;letter-spacing:0.16em;color:rgb(34, 71, 98)}
.se1{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.se2{border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);background:rgb(255, 255, 255);padding:24px;display:flex;flex-direction:column;gap:10px;color:rgb(18, 26, 32)}
.se3{font-size:20px;font-weight:500;letter-spacing:-0.015em}
.se4{font-size:13.5px;line-height:1.5;color:rgb(74, 81, 85)}
.se5{margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.se6{font-size:12.5px;line-height:1.6;color:rgb(106, 113, 117);max-width:760px}
.se7{padding:0px clamp(12px, 2vw, 24px) clamp(12px, 2vw, 24px);background:rgb(255, 255, 255);font-family:Geist, system-ui, sans-serif}
.se8{position:relative;overflow:hidden;min-height:clamp(360px, 34vw, 480px);display:flex;align-items:flex-end;background:rgb(22, 34, 63);color:rgb(246, 245, 242);border-radius:12px}
.se9{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-produce.jpg");background-size:cover;background-position:center center}
.sea{position:absolute;inset:0px;background:linear-gradient(0deg, rgba(22, 34, 63, 0.94) 0%, rgba(22, 34, 63, 0.62) 50%, rgba(22, 34, 63, 0.2) 100%)}
.seb{position:relative;width:100%;max-width:1600px;margin:0px auto;padding:clamp(28px, 5vw, 72px) clamp(20px, 4vw, 56px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.sec{display:flex;flex-direction:column;gap:18px;max-width:720px}
.sed{margin:0px;font-size:clamp(30px, 3.6vw, 54px);line-height:1.03;font-weight:500;letter-spacing:-0.03em;text-wrap:balance}
.see{margin:0px;font-size:clamp(15px, 1.2vw, 17px);line-height:1.55;color:rgb(201, 209, 211);max-width:560px;text-wrap:pretty}
.sef{background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center;text-decoration:none}
.seg{border:1px solid rgb(255, 255, 255);color:rgb(30, 80, 158);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center;text-decoration:none;background:rgb(255, 255, 255)}
.seh{margin:0px;display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:0px 28px;border-top:1px solid rgba(18, 26, 32, 0.14)}
.sei{display:flex;flex-direction:column;border-top:1px solid rgba(18, 26, 32, 0.16)}
.sej{display:grid;grid-template-columns:48px minmax(0px, 1fr) auto;gap:16px;align-items:baseline;padding:20px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16);color:rgb(18, 26, 32);transition:padding 300ms}
.sek{font-family:"Geist Mono", monospace;font-size:11px;color:rgb(138, 144, 147)}
.sel{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px}
.sem{font-size:clamp(19px, 1.8vw, 24px);font-weight:500;letter-spacing:-0.02em}
.sen{font-size:13.5px;color:rgb(74, 81, 85)}
.seo{font-size:20px}
.sep{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-package.jpg");background-size:cover;background-position:center center}
.seq{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}
.ser{position:absolute;left:16px;bottom:14px;font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(74, 81, 85)}
.ses{padding:clamp(56px, 7vw, 96px) 0px}
.set{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr));gap:clamp(28px, 4vw, 64px);align-items:start}
.seu{font-size:clamp(24px, 2.2vw, 32px);font-weight:500;letter-spacing:-0.02em}
.sev{font-size:12.5px;line-height:1.6;color:rgb(106, 113, 117);max-width:520px}
.sew{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16);font-size:18px;font-weight:500;color:rgb(18, 26, 32);transition:padding 300ms}
.sex{position:absolute;inset:0px;background-image:url("../images/products/slide-containment.jpg");background-size:cover;background-position:center center}
.sey{position:absolute;inset:0px;background-image:url("../images/backgrounds/people-inspection.jpg");background-size:cover;background-position:center center}
.sez{padding:0px 0px clamp(72px, 9vw, 128px)}
.sf0{font-family:"Geist Mono", monospace;font-size:11px;font-weight:500;letter-spacing:0.16em;color:rgb(34, 71, 98);margin-bottom:20px}
.sf1{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(300px, 20% + 1px)), 1fr));gap:clamp(10px, 1vw, 16px)}
.sf2{position:relative;display:flex;flex-direction:column;height:100%;background:rgb(244, 245, 244);border:1px solid rgba(18, 26, 32, 0.08);color:rgb(18, 26, 32);transition:background 400ms, border-color 400ms}
.sf3{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px 0px}
.sf4{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.14em;color:rgb(34, 71, 98)}
.sf5{height:clamp(170px, 15vw, 210px);display:grid;place-items:center;padding:12px 40px}
.sf6{max-width:100%;max-height:150px;object-fit:contain;display:block;filter:drop-shadow(rgba(22, 34, 63, 0.16) 0px 18px 18px);transition:transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1)}
.sf7{display:flex;flex-direction:column;gap:12px;padding:0px 20px 22px;flex:1 1 auto}
.sf8{font-size:24px;font-weight:500;letter-spacing:-0.02em;line-height:1.1}
.sf9{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.06em;line-height:1.7;color:rgb(34, 71, 98);padding-top:12px;border-top:1px solid rgba(18, 26, 32, 0.12)}
.sfa{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:0.08em;color:rgb(34, 71, 98);padding-bottom:3px;border-bottom:2px solid rgb(34, 71, 98)}
.sfb{margin-top:20px;font-size:12.5px;line-height:1.6;color:rgb(106, 113, 117);max-width:760px}
.sfc{padding:clamp(48px, 6vw, 88px) 0px;border-top:1px solid rgba(18, 26, 32, 0.12);scroll-margin-top:72px}
.sfd{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:minmax(0px, 4fr) minmax(0px, 8fr);gap:clamp(28px, 4vw, 64px);align-items:start}
.sfe{width:clamp(110px, 10vw, 150px);aspect-ratio:1 / 1;background:rgb(244, 245, 244);border:1px solid rgba(18, 26, 32, 0.08);display:grid;place-items:center;padding:16px}
.sff{max-width:100%;max-height:100%;object-fit:contain;display:block}
.sfg{font-size:clamp(30px, 3.2vw, 46px);line-height:1;font-weight:500;letter-spacing:-0.035em}
.sfh{font-size:15.5px;line-height:1.6;color:rgb(62, 70, 73);text-wrap:pretty}
.sfi{list-style:none;padding:0px 0px 4px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px, 1fr);overflow-x:auto;border-top:1px solid rgb(34, 71, 98)}
.sfj{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 12px 0px 0px}
.sfk{position:absolute;top:-4px;left:0px;width:7px;height:7px;background:rgb(34, 71, 98)}
.sfl{font-family:"Geist Mono", monospace;font-size:10px;color:rgb(34, 71, 98)}
.sfm{font-size:14px;font-weight:500}
.sfn{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));gap:28px}
.sfo{list-style:none;padding:0px;display:flex;flex-direction:column;border-top:1px solid rgba(18, 26, 32, 0.14)}
.sfp{display:flex;justify-content:space-between;gap:12px;padding:11px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.14);font-size:14.5px;color:rgb(18, 26, 32)}
.sfq{color:rgb(138, 144, 147)}
.sfr{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:11px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.14);font-size:14.5px;color:rgb(62, 70, 73)}
.sfs{color:rgb(34, 71, 98)}
.sft{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.sfu{background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:44px;display:flex;align-items:center}
.sfv{font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.sfw{padding:0px clamp(12px, 2vw, 24px) clamp(56px, 7vw, 96px)}
.sfx{max-width:1600px;margin:0px auto;background:rgb(232, 236, 239);padding:clamp(32px, 4vw, 56px) clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr));gap:24px clamp(32px, 5vw, 80px);align-items:center}
.sfy{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.16em;color:rgb(34, 71, 98)}
.sfz{font-size:clamp(24px, 2.4vw, 34px);line-height:1.1;font-weight:500;letter-spacing:-0.025em;text-wrap:balance}
.sg0{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.sg1{font-size:15px;line-height:1.6;color:rgb(62, 70, 73);text-wrap:pretty}
.sg2{border:1px solid rgba(30, 80, 158, 0.3);color:rgb(30, 80, 158);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:44px;display:flex;align-items:center;background:rgb(255, 255, 255)}
.sg3{background:rgb(234, 242, 249);padding:clamp(72px, 9vw, 128px) 0px}
.sg4{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(32px, 5vw, 80px)}
.sg5{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:480px;text-wrap:pretty}
.sg6{margin:0px;display:flex;flex-direction:column;border-top:1px solid rgba(18, 26, 32, 0.16)}
.sg7{display:grid;grid-template-columns:minmax(0px, 180px) minmax(0px, 1fr);gap:8px 32px;padding:22px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16)}
.sg8{font-size:17px;font-weight:500;letter-spacing:-0.01em}
.sg9{margin:0px;display:flex;flex-direction:column;gap:8px}
.sga{font-size:14px;line-height:1.55;color:rgb(74, 81, 85)}
.sgb{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.1em;color:rgb(34, 71, 98)}
.sgc{font-size:clamp(20px, 1.8vw, 26px);line-height:1.3;letter-spacing:-0.015em;color:rgb(18, 26, 32);text-wrap:balance}
.sgd{background:rgb(22, 34, 63);color:rgb(246, 245, 242);padding:clamp(72px, 9vw, 128px) 0px;scroll-margin-top:72px}
.sge{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(36px, 4vw, 56px)}
.sgf{font-size:14px;line-height:1.6;color:rgb(174, 183, 186);max-width:520px}
.sgg{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap:clamp(12px, 1.4vw, 20px)}
.sgh{display:flex;flex-direction:column;gap:0px;border-top:1px solid rgb(156, 198, 229);scroll-margin-top:96px}
.sgi{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0px 18px}
.sgj{font-size:clamp(44px, 4.4vw, 68px);font-weight:300;letter-spacing:-0.05em;line-height:0.85;color:rgb(156, 198, 229)}
.sgk{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.12em;color:rgb(174, 183, 186);text-align:right}
.sgl{display:flex;flex-direction:column;gap:12px;padding-top:22px}
.sgm{font-size:clamp(22px, 2vw, 28px);font-weight:500;letter-spacing:-0.02em}
.sgn{font-size:15px;line-height:1.6;color:rgb(201, 209, 211);text-wrap:pretty}
.sgo{list-style:none;padding:0px;margin-top:6px;display:flex;flex-direction:column}
.sgp{display:grid;grid-template-columns:16px 1fr;gap:8px;padding:9px 0px;border-top:1px solid rgba(246, 245, 242, 0.12);font-size:13.5px;color:rgb(220, 227, 229)}
.sgq{color:rgb(156, 198, 229)}
.sgr{display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}
.sgs{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:440px;text-wrap:pretty}
.sgt{list-style:none;padding:0px;display:flex;flex-direction:column;border-top:1px solid rgba(18, 26, 32, 0.16)}
.sgu{display:grid;grid-template-columns:56px minmax(0px, 1fr);gap:16px;padding:24px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16)}
.sgv{font-family:"Geist Mono", monospace;font-size:12px;letter-spacing:0.08em;color:rgb(34, 71, 98);padding-top:4px}
.sgw{display:flex;flex-direction:column;gap:8px}
.sgx{font-size:14.5px;line-height:1.6;color:rgb(74, 81, 85);text-wrap:pretty}
.sgy{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(320px, 25% + 1px)), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.sgz{border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);background:rgb(234, 242, 249);padding:clamp(24px, 2.4vw, 36px);display:flex;flex-direction:column;gap:14px;min-height:220px}
.sh0{width:44px;height:44px;border-radius:8px;background:rgb(255, 255, 255);display:flex;align-items:center;justify-content:center}
.sh1{display:block;fill:none;stroke:rgb(34, 71, 98);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sh2{font-size:22px;font-weight:500;letter-spacing:-0.015em}
.sh3{font-size:14px;line-height:1.6;color:rgb(74, 81, 85);text-wrap:pretty}
.sh4{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(28px, 3vw, 44px)}
.sh5{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 360px), 1fr));gap:20px 64px;align-items:end}
.sh6{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(260px, 33.3333% + 1px)), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.sh7{border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);background:rgb(255, 255, 255);padding:clamp(22px, 2.2vw, 32px);display:flex;flex-direction:column;gap:12px;min-height:220px;color:rgb(18, 26, 32)}
.sh8{width:44px;height:44px;border-radius:8px;background:rgb(234, 242, 249);display:flex;align-items:center;justify-content:center}
.sh9{font-size:14px;line-height:1.55;color:rgb(74, 81, 85);flex:1 1 auto}
.sha{padding:clamp(28px, 3.5vw, 48px) 0px clamp(16px, 2vw, 32px)}
.shb{padding:clamp(40px, 5vw, 72px) 0px clamp(48px, 6vw, 80px);scroll-margin-top:72px}
.shc{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(20px, 2.4vw, 32px)}
.shd{font-size:clamp(26px, 2.4vw, 36px);line-height:1.05;font-weight:500;letter-spacing:-0.025em}
.she{display:grid;grid-template-columns:44px minmax(0px, 1fr);align-items:center;gap:0px;padding:13px 0px;border-bottom:1px solid rgb(156, 198, 229);transition:border-color 400ms}
.shf{display:block;height:3px;width:40px;background:rgb(156, 198, 229);transition:width 400ms cubic-bezier(0.2, 0.7, 0.2, 1), background 400ms}
.shg{font-family:"Geist Mono", monospace;font-size:11px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:rgb(246, 245, 242);transition:color 400ms}
.shh{display:grid;grid-template-columns:44px minmax(0px, 1fr);align-items:center;gap:0px;padding:13px 0px;border-bottom:1px solid rgba(246, 245, 242, 0.16);transition:border-color 400ms}
.shi{display:block;height:2px;width:20px;background:rgba(246, 245, 242, 0.28);transition:width 400ms cubic-bezier(0.2, 0.7, 0.2, 1), background 400ms}
.shj{font-family:"Geist Mono", monospace;font-size:11px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:rgb(174, 183, 186);transition:color 400ms}
.shk{background:rgb(22, 34, 63);color:rgb(246, 245, 242);padding:clamp(56px, 7vw, 104px) 0px;scroll-margin-top:72px;border-top:1px solid rgba(246, 245, 242, 0.08)}
.shl{max-width:1600px;margin:0px auto;padding:0px max(clamp(20px, 4vw, 56px), 264px - max(0px, -800px + 50vw)) 0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 3fr);gap:clamp(28px, 3vw, 48px);align-items:start}
.shm{display:flex;flex-direction:column;gap:24px;position:sticky;top:104px}
.shn{display:flex;flex-direction:column;gap:22px}
.sho{width:44px;height:44px;border-radius:8px;background:rgba(156, 198, 229, 0.14);display:flex;align-items:center;justify-content:center}
.shp{display:block;fill:none;stroke:rgb(156, 198, 229);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shq{font-size:clamp(26px, 2.2vw, 34px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;text-wrap:balance}
.shr{font-size:clamp(15px, 1.15vw, 17px);line-height:1.6;color:rgb(201, 209, 211);text-wrap:pretty}
.shs{align-self:flex-start;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:44px;display:flex;align-items:center}
.sht{display:flex;flex-direction:column;border-top:1px solid rgba(246, 245, 242, 0.14)}
.shu{display:flex;flex-direction:column;gap:6px;padding:14px 0px;border-bottom:1px solid rgba(246, 245, 242, 0.14)}
.shv{font-family:"Geist Mono", monospace;font-size:10.5px;font-weight:500;letter-spacing:0.14em;color:rgb(174, 183, 186)}
.shw{font-size:14px;line-height:1.55;color:rgb(246, 245, 242)}
.shx{display:flex;flex-direction:column;gap:8px;padding:14px 0px;border-bottom:1px solid rgba(246, 245, 242, 0.14)}
.shy{list-style:none;padding:0px;display:flex;flex-wrap:wrap;gap:6px 18px}
.shz{font-size:14px;color:rgb(156, 198, 229)}
.si0{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:rgb(28, 42, 74);border-radius:12px}
.si1{position:absolute;inset:0px;background-image:url("../images/products/tile-tablet.jpg");background-size:cover;background-position:50% 50%;filter:saturate(0.85)}
.si2{position:absolute;inset:0px;background:transparent;pointer-events:none;transition:background 500ms}
.si3{position:absolute;inset:0px;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1)}
.si4{position:absolute;left:8%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 300ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 300ms}
.si5{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(18, 26, 32, 0.55);color:rgb(246, 245, 242);border:1.5px solid rgba(220, 232, 240, 0.6);box-shadow:none;transform:scale(1);backdrop-filter:blur(6px);transition:transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), background 400ms, box-shadow 500ms, color 400ms}
.si6{position:absolute;top:32px;left:-24px;right:auto;width:max-content;max-width:96px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;text-shadow:rgba(22, 34, 63, 0.6) 0px 1px 8px}
.si7{font-size:17px;font-weight:500;color:rgb(156, 198, 229);line-height:1}
.si8{font-size:12.5px;line-height:1.25;color:rgb(201, 211, 218);transition:color 300ms}
.si9{position:absolute;left:21.33%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 410ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 410ms}
.sia{position:absolute;left:34.67%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 520ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 520ms}
.sib{position:absolute;left:48%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 630ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 630ms}
.sic{position:absolute;left:61.33%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 740ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 740ms}
.sid{position:absolute;left:74.67%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 850ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 850ms}
.sie{position:absolute;left:88%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 960ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 960ms}
.sif{position:absolute;top:32px;left:auto;right:-24px;width:max-content;max-width:96px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;text-shadow:rgba(22, 34, 63, 0.6) 0px 1px 8px}
.sig{position:absolute;left:82%;top:64%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 1070ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 1070ms}
.sih{position:absolute;left:58%;top:76%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 1180ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 1180ms}
.sii{position:absolute;left:34%;top:64%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 1290ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 1290ms}
.sij{list-style:none;margin:0px;padding:0px;display:grid;grid-template-columns:repeat(10, minmax(0px, 1fr));gap:12px 0px}
.sik{font-size:12.5px;line-height:1.55;color:rgb(174, 183, 186)}
.sil{background:rgb(19, 30, 56);color:rgb(246, 245, 242);padding:clamp(56px, 7vw, 104px) 0px;scroll-margin-top:72px;border-top:1px solid rgba(246, 245, 242, 0.08)}
.sim{position:absolute;left:24%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 410ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 410ms}
.sin{position:absolute;left:40%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 520ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 520ms}
.sio{position:absolute;left:56%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 630ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 630ms}
.sip{position:absolute;left:72%;top:38%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 740ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 740ms}
.siq{position:absolute;left:88%;top:26%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 850ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 850ms}
.sir{position:absolute;left:82%;top:64%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 960ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 960ms}
.sis{position:absolute;left:34%;top:76%;width:0px;height:0px;padding:0px;border:0px;background:none;cursor:pointer;color:rgb(246, 245, 242);opacity:0;translate:0px 10px;transition:opacity 600ms 1070ms, translate 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 1070ms}
.sit{list-style:none;margin:0px;padding:0px;display:grid;grid-template-columns:repeat(8, minmax(0px, 1fr));gap:12px 0px}
.siu{font-size:clamp(17px, 1.4vw, 20px);line-height:1.5;letter-spacing:-0.01em;color:rgb(18, 26, 32);max-width:540px;text-wrap:pretty}
.siv{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:540px;text-wrap:pretty}
.siw{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(220px, 25% + 1px)), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.six{border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);background:rgb(234, 242, 249);padding:24px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.siy{font-size:18px;font-weight:500;letter-spacing:-0.01em}
.siz{font-size:13.5px;line-height:1.55;color:rgb(74, 81, 85)}
.sj0{position:absolute;inset:0px;background-image:url("../images/products/tile-cleanroom.jpg");background-size:cover;background-position:center center}
.sj1{position:relative;aspect-ratio:5 / 4;overflow:hidden;background:rgb(201, 207, 208);order:2;border-radius:12px}
.sj2{align-self:flex-start;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:15px;font-weight:600;letter-spacing:0px;padding:13px 24px;border-radius:6px;min-height:48px;display:flex;align-items:center}
.sj3{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:24px clamp(32px, 5vw, 80px);align-items:start}
.sj4{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid rgb(18, 26, 32)}
.sj5{font-size:clamp(20px, 1.9vw, 28px);line-height:1.3;letter-spacing:-0.02em;color:rgb(18, 26, 32);text-wrap:pretty}
.sj6{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(200px, 25% + 1px)), 1fr));gap:0px;border-top:1px solid rgba(18, 26, 32, 0.14);border-left:1px solid rgba(18, 26, 32, 0.14)}
.sj7{border-right:1px solid rgba(18, 26, 32, 0.14);border-bottom:1px solid rgba(18, 26, 32, 0.14);background:rgb(234, 242, 249);padding:22px;display:flex;flex-direction:column;gap:10px;min-height:170px}
.sj8{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(40px, 5vw, 72px)}
.sj9{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(240px, 33.3333% + 1px)), 1fr));gap:clamp(24px, 2.4vw, 36px)}
.sja{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid rgb(156, 198, 229)}
.sjb{font-size:clamp(48px, 4.6vw, 72px);font-weight:300;letter-spacing:-0.05em;line-height:0.85;color:rgb(156, 198, 229)}
.sjc{font-size:21px;font-weight:500;letter-spacing:-0.015em;color:rgb(246, 245, 242)}
.sjd{font-size:14.5px;line-height:1.6;color:rgb(201, 209, 211);text-wrap:pretty}
.sje{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(32px, 5vw, 80px);align-items:center}
.sjf{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.sjg{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}
.sjh{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:28px}
.sji{display:grid;grid-template-columns:minmax(0px, 1fr) auto;gap:16px;align-items:baseline;padding:22px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16);color:rgb(18, 26, 32);transition:padding 300ms}
.sjj{font-size:clamp(20px, 2vw, 28px);font-weight:500;letter-spacing:-0.02em}
.sjk{position:absolute;inset:0px;background-image:url("../images/backgrounds/stage-develop.jpg");background-size:cover;background-position:center center}
.sjl{display:flex;flex-direction:column;gap:24px;position:sticky;top:120px}
.sjm{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:52% 60%;display:block}
.sjn{display:grid;grid-template-columns:56px minmax(0px, 1fr);gap:16px;padding:clamp(22px, 2.4vw, 32px) 0px;border-bottom:1px solid rgba(18, 26, 32, 0.16)}
.sjo{font-family:"Geist Mono", monospace;font-size:12px;letter-spacing:0.08em;color:rgb(34, 71, 98);padding-top:6px}
.sjp{font-size:clamp(20px, 1.8vw, 24px);font-weight:500;letter-spacing:-0.015em}
.sjq{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);text-wrap:pretty;max-width:560px}
.sjr{align-self:flex-start;margin-top:4px;font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.sjs{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(40px, 5vw, 64px)}
.sjt{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 190px), 1fr));position:relative}
.sju{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 20px 8px 0px;border-top:1px solid rgb(18, 26, 32)}
.sjv{position:absolute;top:-5px;left:0px;width:9px;height:9px;background:rgb(34, 71, 98)}
.sjw{font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.12em;color:rgb(34, 71, 98)}
.sjx{font-size:19px;font-weight:500;letter-spacing:-0.01em;line-height:1.25;text-wrap:balance}
.sjy{padding:0px 0px clamp(56px, 7vw, 96px)}
.sjz{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 360px), 1fr));gap:24px 64px;align-items:center}
.sk0{width:64px;height:54px;object-fit:contain;flex:0 0 64px}
.sk1{font-size:clamp(22px, 2vw, 28px);font-weight:500;letter-spacing:-0.02em;line-height:1.15}
.sk2{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:620px;text-wrap:pretty}
.sk3{background:rgb(22, 34, 63);color:rgb(246, 245, 242)}
.sk4{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 460px), 1fr))}
.sk5{position:relative;min-height:clamp(360px, 42vw, 640px);overflow:hidden;background:rgb(28, 42, 74);border-radius:12px}
.sk6{padding:clamp(56px, 7vw, 112px) clamp(20px, 4vw, 56px);display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:720px}
.sk7{font-size:clamp(30px, 3.2vw, 48px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;color:rgb(246, 245, 242);text-wrap:balance}
.sk8{font-size:clamp(18px, 1.6vw, 22px);line-height:1.45;letter-spacing:-0.01em;color:rgb(246, 245, 242);text-wrap:pretty}
.sk9{list-style:none;padding:0px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(250px, 33.3333% + 1px)), 1fr));gap:clamp(24px, 2.4vw, 36px)}
.ska{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid rgb(18, 26, 32)}
.skb{display:flex;flex-direction:column;gap:18px;padding-top:20px;border-top:1px solid rgb(18, 26, 32)}
.skc{font-size:clamp(17px, 1.4vw, 20px);line-height:1.5;letter-spacing:-0.01em;color:rgb(18, 26, 32);text-wrap:pretty}
.skd{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}
.ske{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(24px, 4vw, 64px);align-items:center;padding-bottom:clamp(32px, 4vw, 56px);border-bottom:1px solid rgba(18, 26, 32, 0.14)}
.skf{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.skg{font-size:clamp(28px, 3vw, 44px);line-height:1.05;font-weight:500;letter-spacing:-0.03em;text-wrap:balance}
.skh{font-size:16px;line-height:1.6;color:rgb(74, 81, 85);max-width:560px;text-wrap:pretty}
.ski{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.skj{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(24px, 3vw, 48px)}
.skk{display:grid;grid-template-columns:clamp(120px, 14vw, 200px) minmax(0px, 1fr);gap:clamp(16px, 2vw, 28px);align-items:start}
.skl{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.skm{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(34, 71, 98)}
.skn{font-size:clamp(20px, 1.8vw, 26px);line-height:1.15;font-weight:500;letter-spacing:-0.02em;text-wrap:balance}
.sko{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:0.08em;color:rgb(34, 71, 98)}
.skp{position:absolute;inset:0px;background-image:url("../images/products/slide-powder.jpg");background-size:cover;background-position:center center}
.skq{font-family:Geist, system-ui, sans-serif;color:rgb(18, 26, 32)}
.skr{padding:clamp(28px, 3.5vw, 48px) 0px clamp(36px, 4vw, 56px)}
.sks{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px);display:flex;flex-direction:column;gap:clamp(28px, 4vw, 48px)}
.skt{display:flex;flex-direction:column;gap:22px;max-width:980px}
.sku{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-family:"Geist Mono", monospace;font-size:11px;letter-spacing:0.14em}
.skv{display:flex;align-items:center;gap:10px;color:rgb(34, 71, 98)}
.skw{margin:0px;font-size:clamp(34px, 4.4vw, 64px);line-height:1.02;font-weight:500;letter-spacing:-0.038em;text-wrap:balance}
.skx{margin:0px;font-size:clamp(17px, 1.4vw, 21px);line-height:1.5;letter-spacing:-0.01em;color:rgb(62, 70, 73);max-width:800px;text-wrap:pretty}
.sky{position:relative;aspect-ratio:21 / 8;overflow:hidden;background:rgb(201, 207, 208);border-radius:12px}
.skz{max-width:1600px;margin:0px auto;padding:0px clamp(20px, 4vw, 56px) clamp(64px, 8vw, 112px);display:grid;grid-template-columns:minmax(0px, 3fr) minmax(0px, 8fr);gap:clamp(32px, 5vw, 96px);align-items:start}
.sl0{position:sticky;top:104px;display:flex;flex-direction:column;gap:28px;order:0}
.sl1{display:flex;flex-direction:column;border-top:1px solid rgb(18, 26, 32)}
.sl2{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(138, 144, 147);padding:14px 0px 6px}
.sl3{padding:9px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.08);font-size:14px;line-height:1.35;color:rgb(62, 70, 73)}
.sl4{background:rgb(22, 34, 63);color:rgb(246, 245, 242);padding:24px;display:flex;flex-direction:column;gap:14px}
.sl5{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(156, 198, 229)}
.sl6{margin:0px;font-size:16px;line-height:1.4;font-weight:500}
.sl7{align-self:flex-start;background:rgb(30, 80, 158);color:rgb(255, 255, 255);font-size:14px;font-weight:600;letter-spacing:0px;padding:10px 18px;border-radius:5px}
.sl8{display:flex;flex-direction:column;gap:20px;max-width:720px}
.sl9{margin:28px 0px 0px;padding-top:24px;border-top:1px solid rgba(18, 26, 32, 0.12);font-size:clamp(24px, 2.2vw, 32px);line-height:1.12;font-weight:500;letter-spacing:-0.025em;scroll-margin-top:96px;text-wrap:balance}
.sla{margin:0px;font-size:17px;line-height:1.7;color:rgb(42, 50, 54);text-wrap:pretty}
.slb{color:rgb(34, 71, 98);text-decoration:underline 1px;text-underline-offset:3px}
.slc{margin:8px 0px 0px;font-size:18px;font-weight:500;letter-spacing:-0.01em}
.sld{list-style:none;margin:0px;padding:0px;display:flex;flex-direction:column;border-top:1px solid rgba(18, 26, 32, 0.12)}
.sle{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:11px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.12);font-size:16px;line-height:1.55;color:rgb(42, 50, 54)}
.slf{margin:24px 0px 0px;padding-top:20px;border-top:1px solid rgba(18, 26, 32, 0.12);font-size:13px;line-height:1.6;color:rgb(106, 113, 117)}
.slg{background:rgb(234, 242, 249);padding:clamp(56px, 7vw, 96px) 0px}
.slh{margin:0px;font-family:"Geist Mono", monospace;font-size:11px;font-weight:500;letter-spacing:0.16em;color:rgb(34, 71, 98)}
.sli{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr));gap:clamp(16px, 2vw, 28px)}
.slj{display:grid;grid-template-columns:clamp(96px, 10vw, 140px) minmax(0px, 1fr);gap:20px;align-items:start;color:rgb(18, 26, 32)}
.slk{aspect-ratio:1 / 1;background:url("../images/backgrounds/stage-scale.jpg") 50% 50% / cover no-repeat rgb(201, 207, 208)}
.sll{font-size:19px;font-weight:500;letter-spacing:-0.01em;line-height:1.25}
.slm{aspect-ratio:1 / 1;background:url("../images/products/tile-cleanroom.jpg") 50% 50% / cover no-repeat rgb(201, 207, 208)}
.sln{aspect-ratio:1 / 1;background:url("../images/backgrounds/scale-rd.jpg") 50% 50% / cover no-repeat rgb(201, 207, 208)}
.slo{padding:clamp(28px, 3.5vw, 48px) 0px clamp(72px, 9vw, 128px)}
.slp{display:grid;grid-template-columns:minmax(0px, 5fr) minmax(0px, 7fr);gap:clamp(40px, 6vw, 96px);align-items:start}
.slq{display:flex;flex-direction:column;gap:clamp(28px, 3vw, 40px);position:sticky;top:120px}
.slr{font-size:clamp(36px, 4.2vw, 60px);line-height:1.02;font-weight:500;letter-spacing:-0.035em;text-wrap:balance}
.sls{font-size:clamp(16px, 1.25vw, 18px);line-height:1.55;color:rgb(18, 26, 32);max-width:520px;text-wrap:pretty}
.slt{display:flex;flex-direction:column;gap:18px;padding-top:24px;border-top:1px solid rgb(18, 26, 32)}
.slu{list-style:none;padding:0px;display:flex;flex-direction:column}
.slv{display:grid;grid-template-columns:40px minmax(0px, 1fr);gap:12px;padding:14px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.12);font-size:15px;line-height:1.45}
.slw{font-family:"Geist Mono", monospace;font-size:11px;color:rgb(34, 71, 98);padding-top:3px}
.slx{background:rgb(234, 242, 249);padding:clamp(24px, 3vw, 48px)}
.sly{padding:14px 16px;background:rgb(255, 255, 255);border-left:3px solid rgb(163, 58, 46);font-size:14px;line-height:1.5;color:rgb(18, 26, 32)}
.slz{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr));gap:22px 18px}
.sm0{font-size:13px;font-weight:500;color:rgb(18, 26, 32)}
.sm1{color:rgb(163, 58, 46);font-weight:400}
.sm2{width:100%;height:52px;border:1px solid rgba(18, 26, 32, 0.22);background:rgb(255, 255, 255);padding:0px 14px;font-size:15px;color:rgb(18, 26, 32);border-radius:2px}
.sm3{font-size:12.5px;color:rgb(163, 58, 46);min-height:0px}
.sm4{color:rgb(138, 144, 147);font-weight:400}
.sm5{width:100%;height:52px;border:1px solid rgba(18, 26, 32, 0.22);background:rgb(255, 255, 255);padding:0px 12px;font-size:15px;color:rgb(18, 26, 32);border-radius:2px}
.sm6{width:100%;border:1px solid rgba(18, 26, 32, 0.22);background:rgb(255, 255, 255);padding:14px;font-size:15px;line-height:1.5;color:rgb(18, 26, 32);border-radius:2px;resize:vertical}
.sm7{font-size:12.5px;color:rgb(163, 58, 46)}
.sm8{border:0px;padding:0px;margin:0px;display:flex;flex-direction:column;gap:10px}
.sm9{font-size:13px;font-weight:500;color:rgb(18, 26, 32);margin-bottom:10px}
.sma{display:flex;flex-wrap:wrap;gap:10px}
.smb{display:flex;align-items:center;gap:10px;min-height:44px;padding:0px 16px;border:1px solid rgba(18, 26, 32, 0.22);background:transparent;font-size:14px;cursor:pointer;border-radius:2px}
.smc{accent-color:rgb(34, 71, 98);margin:0px}
.smd{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;cursor:pointer;min-height:44px}
.sme{accent-color:rgb(34, 71, 98);width:18px;height:18px;margin:2px 0px 0px;flex:0 0 18px}
.smf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid rgba(18, 26, 32, 0.12)}
.smg{font-size:12.5px;color:rgb(106, 113, 117)}
.smh{color:rgb(163, 58, 46)}
.smi{background:rgb(30, 80, 158);color:rgb(255, 255, 255);border:0px;font-size:15px;font-weight:600;letter-spacing:0px;padding:0px 26px;height:52px;border-radius:6px;cursor:pointer;opacity:1}
.smj{padding:16px;background:rgb(255, 255, 255);border:1px dashed rgb(34, 71, 98);font-size:13.5px;line-height:1.55;color:rgb(18, 26, 32)}
.smk{font-weight:600}
.sml{font-family:"Geist Mono", monospace;font-size:12.5px}
.smm{padding:16px;background:rgb(255, 255, 255);border-left:3px solid rgb(163, 58, 46);font-size:13.5px;line-height:1.55}
.smn{display:flex;flex-direction:column;gap:18px;padding:clamp(8px, 2vw, 24px) 0px}
.smo{font-size:clamp(26px, 2.6vw, 36px);font-weight:500;letter-spacing:-0.025em;line-height:1.1}
.smp{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:480px}
.smq{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:clamp(40px, 6vw, 96px);align-items:start}
.smr{display:flex;flex-direction:column;gap:clamp(28px, 3vw, 40px)}
.sms{font-size:15px;line-height:1.6;color:rgb(74, 81, 85);max-width:520px}
.smt{display:grid;grid-template-columns:120px minmax(0px, 1fr);gap:16px;padding:16px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.12)}
.smu{font-family:"Geist Mono", monospace;font-size:10.5px;letter-spacing:0.14em;color:rgb(138, 144, 147);padding-top:3px}
.smv{font-size:14px;color:rgb(106, 113, 117);font-style:italic}
.smw{display:flex;justify-content:space-between;padding:14px 0px;border-bottom:1px solid rgba(18, 26, 32, 0.12);font-size:17px;font-weight:500}
.smx{font-size:13px;font-weight:500}
.smy{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(18, 26, 32, 0.12)}
.smz{background:rgb(30, 80, 158);color:rgb(255, 255, 255);border:0px;font-size:15px;font-weight:600;letter-spacing:0px;padding:0px 26px;height:52px;border-radius:6px;cursor:pointer}
.sn0{padding:16px;background:rgb(255, 255, 255);border:1px dashed rgb(34, 71, 98);font-size:13.5px;line-height:1.55}
.sn1{font-size:28px;font-weight:500;letter-spacing:-0.02em}
.sn2{font-size:15px;line-height:1.6;color:rgb(74, 81, 85)}
.sn3{padding:clamp(48px, 6vw, 80px) 0px 32px;background:rgb(32, 49, 92);font-family:Geist, system-ui, sans-serif;color:rgb(246, 245, 242)}
.sn4{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255, 255, 255, 0.14)}
.sn5{display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:rgb(255, 255, 255);text-decoration:none;margin-bottom:6px}
.sn6{width:64px;height:54px;object-fit:contain;display:block}
.sn7{display:flex;flex-direction:column;gap:8px;line-height:1}
.sn8{font-size:clamp(18px, 2vw, 24px);font-weight:800;letter-spacing:0.01em;white-space:nowrap;color:rgb(255, 255, 255)}
.sn9{font-family:"Geist Mono", monospace;font-size:10px;font-weight:500;letter-spacing:0.26em;white-space:nowrap;color:rgb(156, 198, 229)}
.sna{font-size:13.5px;color:rgb(201, 211, 227);line-height:1.5;margin-top:6px}
.snb{font-family:"Geist Mono", monospace;font-size:10px;letter-spacing:0.14em;color:rgb(156, 198, 229);margin-bottom:4px}
.snc{font-size:13.5px;color:rgb(220, 227, 238)}
.snd{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:12px;color:rgb(174, 185, 204)}
.sne{display:flex;gap:24px;flex-wrap:wrap}
.snf{color:rgb(220, 227, 238)}
.sng{font-weight:600;letter-spacing:0.08em;color:rgb(156, 198, 229)}

/* Hover / focus states */
.h1:hover{background: rgb(220, 235, 246) !important; color: rgb(22, 50, 74) !important;}
.h2:hover{background: rgba(255, 255, 255, 0.16) !important; color: rgb(255, 255, 255) !important;}
.h3:hover{color: rgb(156, 198, 229) !important; gap: 14px !important;}
.h4:hover{color: rgb(18, 26, 32) !important;}
.h5:hover{border-color: rgb(246, 245, 242) !important;}
.h6:hover{color: rgb(255, 255, 255) !important; gap: 14px !important; border-color: rgb(255, 255, 255) !important;}
.h7:hover{color: rgb(255, 255, 255) !important;}
.h8:hover{background: rgb(23, 63, 125) !important; color: rgb(255, 255, 255) !important;}
.h9:hover{border-color: rgb(246, 245, 242) !important; box-shadow: rgba(246, 245, 242, 0.18) 0px 0px 0px 6px !important;}
.ha:hover{transform: translateY(-6px) !important; box-shadow: rgba(34, 71, 98, 0.25) 0px 0px 0px 1px inset, rgba(22, 34, 63, 0.45) 0px 24px 40px -24px !important; background: linear-gradient(rgb(247, 249, 250) 0%, rgb(217, 228, 236) 100%) !important; color: rgb(34, 71, 98) !important;}
.hb:hover{color: rgb(34, 71, 98) !important;}
.hc:hover{background: rgb(234, 242, 249) !important; color: rgb(30, 80, 158) !important;}
.hd:hover{background: rgb(234, 242, 249) !important; color: rgb(18, 26, 32) !important;}
.he:hover{transform: scale(1.04) !important;}
.hf:hover{color: rgb(156, 198, 229) !important;}
.hg:hover{background: rgb(234, 242, 249) !important; color: rgb(34, 71, 98) !important;}
.hh:hover{padding-left: 8px !important; color: rgb(34, 71, 98) !important;}
.hi:hover{padding-left: 6px !important; color: rgb(34, 71, 98) !important;}
.hj:hover{background: rgb(236, 239, 241) !important; border-color: rgba(34, 71, 98, 0.35) !important; color: rgb(18, 26, 32) !important;}
.hk:hover{transform: translateY(-6px) scale(1.03) !important;}
.hl:hover{color: rgb(246, 245, 242) !important;}
.hm:hover{color: rgb(34, 71, 98) !important; padding-left: 6px !important;}