/* Final art direction: editorial food photography + precise MySupply typography */
.topbar{position:sticky;top:0;box-shadow:0 10px 30px rgba(8,47,46,.035)}
.brand img{width:138px}
.hero{grid-template-columns:56% 44%}
.hero-copy{padding-left:max(7vw,72px);padding-right:6vw}
.hero h1{font-size:clamp(4rem,6.15vw,7rem);line-height:.94;letter-spacing:-.062em}
.hero h1 em{display:block;white-space:nowrap}
.hero-stage{min-height:720px}
.hero-food{filter:saturate(1.08) contrast(1.03)}
.hero-product{right:0;bottom:0;width:38%;padding:24px 26px;background:rgba(247,248,243,.96);box-shadow:-18px -18px 45px rgba(6,63,62,.12)}
.hero-product strong{display:block;font:800 clamp(3.8rem,6vw,6.5rem)/.85 Manrope;color:var(--petrol);letter-spacing:-.06em}
.hero-product span{display:block;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);font-size:13px;font-weight:800;color:var(--petrol)}
.section-intro,.applications-head,.how-head,.devices-head{position:relative}
.section-intro:before,.how-head:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:var(--acid);left:-3vw;top:-25px;z-index:-1;opacity:.62}
.scale-item{transition:transform .35s ease,box-shadow .35s ease}
.scale-item:hover{transform:translateX(8px);box-shadow:-18px 22px 50px rgba(8,47,46,.06)}
.scale-item>img{filter:saturate(1.08);transition:transform .7s ease}
.scale-item:hover>img{transform:scale(1.018)}
.scale-visual{width:100%;height:100%;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:38px;background:var(--acid);color:var(--petrol)}
.scale-visual strong{font:800 clamp(3rem,5vw,6rem)/.9 Manrope;letter-spacing:-.06em}.scale-visual span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-top:14px}
.mosaic{gap:14px}.tile{box-shadow:0 0 0 1px rgba(255,255,255,.05)}.tile figcaption{left:24px;right:24px;bottom:22px}.tile strong{font-size:20px}.application-close{letter-spacing:-.035em}
.business-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(6,63,62,.18))}.business-badge{z-index:2}.business-content{background:linear-gradient(145deg,#fff 65%,#eef4f1)}
.business-directions{display:block;margin:4px 0 34px;padding-top:20px;border-top:1px solid var(--line)}
.business-directions>p{margin:0 0 12px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.business-directions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}
.business-directions li{position:relative;padding:11px 0 11px 17px;border-bottom:1px solid rgba(191,208,202,.75);font-size:14px;font-weight:700;line-height:1.4}
.business-directions li:before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.process-line article:before{content:"";position:absolute;left:0;top:-3px;width:0;height:5px;background:var(--gold);transition:width .45s}.process-line article:hover:before{width:58%}
.device-family{box-shadow:0 24px 60px rgba(1,24,23,.18)}
.device-type{position:relative;overflow:hidden}.device-type:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(11,90,89,.22);border-radius:50%;right:-90px;top:-90px}.device-type:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(11,90,89,.16);border-radius:50%;left:-70px;bottom:-50px}.device-type strong{font:800 clamp(4rem,8vw,9rem)/.85 Manrope;letter-spacing:-.07em;color:var(--petrol);z-index:1}.device-type>span{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.industrial-images.device-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:50px;background:var(--acid)}.industrial-images.device-type strong{color:var(--petrol)}
.table-row:not(.table-label){transition:padding .2s,background .2s}.table-row:not(.table-label):hover{background:#e8f1ee;padding-left:12px;padding-right:12px}.industrial-family .table-row:hover{background:transparent}
.contact form{box-shadow:0 30px 70px rgba(2,32,31,.22)}
@media(max-width:1200px){.topbar nav{gap:16px}.hero{grid-template-columns:53% 47%}.hero-copy{padding-left:6vw}.hero h1{font-size:clamp(3.9rem,6vw,5.4rem)}}
@media(max-width:900px){.brand img{width:124px}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(4rem,10vw,6rem)}.hero-stage{min-height:650px}.scale-visual{grid-column:1/-1;height:380px;min-height:0}.scale-item:hover{transform:none}}
@media(max-width:620px){.hero-copy{padding:64px 6vw 54px}.hero h1{font-size:clamp(3.15rem,15.2vw,4.35rem)}.hero h1 em{white-space:normal}.lead{margin:24px 0 30px}.hero-stage{min-height:500px}.hero-product{width:46%;padding:16px}.hero-product strong{font-size:4rem}.hero-product span{font-size:11px}.scale-visual{height:300px}.industrial-images.device-type{min-height:360px;padding:35px}.contact form{box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.tile img,.scale-item,.scale-item>img,.button{transition:none!important;transform:none!important}}

@media(max-width:620px){.business-directions ul{grid-template-columns:1fr}.business-directions li{font-size:14px}}

.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-privacy{margin:-4px 0 0;color:#60756f;font-size:12px;line-height:1.55}
