/* Snappax corporate system. Product mechanism, applications, production. */
:root{--page:1512px;--gutter:clamp(24px,4.45vw,72px);--ink:#0e0e0e;--muted:#626262;--line:#dbdbdb;--paper:#f5f5f5;--factory:#0e0e0e}
html{scroll-padding-top:94px}body{color:var(--ink)}
h1,h2,h3{font-weight:560;letter-spacing:-.042em}
.masthead{height:76px;background:#fff;border-bottom-color:#e1e1e1}.masthead-inner{gap:30px}.brand-sign{width:162px}.main-nav{gap:25px}.main-nav a{font-size:12px;font-weight:500}.masthead-actions{gap:22px}.contact-shortcut{padding:11px 17px;gap:23px;min-height:42px}.locale-control{gap:6px}
.section-index{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.12em;font-weight:600;color:#6b6b6b;border:0;padding:0;margin-bottom:24px;line-height:1.4}
.section-index::before{content:"";display:block;width:22px;height:2px;background:currentColor;flex:none}
.action{font-size:13px;font-weight:550;min-height:48px}.action.primary{border-color:var(--ink);background:var(--ink)}.action.primary:hover{background:#414141}.action.underline{border-color:#9c9c9c}.overline{font-size:10px;font-weight:600;letter-spacing:.13em}
/* Three images explain the physical opening sequence before the interactive model. */
.opening-principle{padding-block:65px 54px}.opening-principle>.section-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);gap:12%;align-items:start;margin-bottom:30px}.opening-principle h2{font-size:clamp(32px,3vw,46px);max-width:24ch;line-height:1.08}.opening-principle>.section-intro p{font-size:14px;line-height:1.8;max-width:45ch;color:var(--muted)}
.opening-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.opening-step{position:relative;min-width:0}.opening-step figure{margin:0 0 20px;aspect-ratio:1.5;overflow:hidden;background:#f1f1f1}.opening-step figure img{width:100%;height:100%;object-fit:cover;filter:none}.opening-step:nth-child(3) figure img{object-position:center 65%}.opening-step>b{display:flex;align-items:baseline;gap:13px;font:560 24px/1.15 var(--display);letter-spacing:-.025em;margin-bottom:10px}.opening-step>b>span{font:500 10px/1.4 var(--text);letter-spacing:.04em;color:#818181;flex:none}.opening-step>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:40ch}.opening-step:not(:last-child)::after{content:"→";position:absolute;right:12px;bottom:14px;color:#6e6e6e;font-size:22px}.opening-step>svg{width:100%;height:160px;margin-bottom:20px;background:var(--paper)}
/* Preserve the real-time mechanism's pin, camera and controls. */
.technology{margin-top:0;background:#f1f1f1;border-color:#dbdbdb;height:190svh}.technology-pin{top:76px;height:calc(100svh - 76px);padding:30px var(--gutter) 22px;gap:17px}.technology-heading{grid-template-columns:1fr .68fr;gap:15%}.technology-heading h2{font-size:clamp(31px,3vw,46px);max-width:22ch}.technology-heading>p{font-size:13px;max-width:46ch;line-height:1.8;color:#676767}.scene-label{font-size:10px;letter-spacing:.025em}.technology-controls{grid-template-columns:1fr .68fr;gap:15%}.scene-step-list{gap:22px}.scene-step-list button{border-top:2px solid #cbcbcb;padding:13px 0;min-height:51px}.scene-step-list button[aria-pressed=true]{border-color:#272727}.scene-step-list b{font-size:13px}.scene-description{font-size:12px;color:#626262}.scene-track-line{background:#d2d2d2}.scene-track-line span{background:#323232}
/* Benefits sit on a compact editorial grid, with real explanations in the list. */
.system-benefits{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:10%;padding-block:70px;border-bottom:1px solid var(--line)}.benefits-heading h2{font-size:clamp(32px,3vw,46px);line-height:1.1;max-width:14ch}.benefits-heading>p{font-size:14px;line-height:1.8;max-width:36ch;margin-top:22px;color:var(--muted)}.benefits-heading>.overline{font-size:10px;margin:0 0 19px}.benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 35px;align-content:start}.benefit-list article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px 14px;border-top:1px solid #b4b4b4;padding-top:18px;align-content:start;min-width:0}.benefit-number{font-size:10px;font-weight:500;color:#7d7d7d;grid-row:1/3;padding-top:3px}.benefit-list h3{font-size:21px;line-height:1.2;letter-spacing:-.027em}.benefit-list p{font-size:12px;line-height:1.8;color:var(--muted);grid-column:2}
/* Structural families: a clear choice of formats with equal photographic weight. */
.capabilities{padding-block:65px 58px;border:0}.capabilities .section-intro,.applications .section-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.7fr);gap:14%;margin-bottom:32px;align-items:start}.section-intro h2{font-size:clamp(34px,3.05vw,47px);max-width:20ch;line-height:1.1}.section-intro>p{font-size:14px;line-height:1.8;max-width:46ch}.capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.capability{display:flex;flex-direction:column;padding:20px 0 0;border-top:1px solid #b3b3b3;min-width:0}.capability-number{margin:0 0 17px;font-size:10px;color:#7a7a7a}.capability-copy h3{font-size:clamp(25px,2.25vw,34px);line-height:1.08;min-height:2.2em;max-width:18ch}.capability-copy>p{font-size:13px;line-height:1.75;min-height:5.2em;margin-top:17px}.capability ul{font-size:10px;gap:8px 14px;margin-top:15px}.capability figure{aspect-ratio:1.35;padding:0;margin-top:22px;width:100%;background:#fff}.capability figure picture{height:100%;display:block}.capability figure img{height:100%;width:100%;object-fit:contain}
/* Food and personal care are distinct stories, not a wall of identical cards. */
.sector-stories{padding-block:28px 66px}.sector-stories>.section-intro{display:grid;grid-template-columns:1fr .72fr;gap:14%;margin-bottom:30px}.sector-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-width:0;align-items:stretch;background:#f1f1f1;margin-top:24px}.sector-story>figure{min-width:0;margin:0;display:flex;align-items:center;background:#fff;border:1px solid #e4e4e4}.sector-story figure picture{display:block;width:100%;height:100%}.sector-story figure img{width:100%;height:100%;min-height:310px;max-height:440px;object-fit:contain;filter:brightness(1.05) contrast(1.015)}.sector-story-copy{padding:clamp(28px,3.3vw,48px);display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0}.sector-story-copy>.overline{color:#727272;margin-bottom:17px}.sector-story-copy h3{font-size:clamp(29px,2.6vw,40px);line-height:1.1;max-width:18ch}.sector-story-copy>p{font-size:13px;line-height:1.85;color:#686868;max-width:44ch;margin-top:20px}.sector-story-copy ul{list-style:none;padding:0;margin-top:19px;display:flex;gap:6px 16px;flex-wrap:wrap}.sector-story-copy li{font-size:11px;color:#565656;padding-bottom:4px;border-bottom:1px solid #b1b1b1}.sector-story-copy>a{font-size:12px;margin-top:23px;padding-block:12px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #959595}.sector-story-copy>a svg{width:18px;height:18px}.sector-story:nth-of-type(even){grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);background:#ececec}.sector-story:nth-of-type(even)>figure{grid-column:2;grid-row:1}.sector-story:nth-of-type(even)>.sector-story-copy{grid-column:1;grid-row:1}
/* Programs retain source-space leader geometry and fully visible packaging. */
.program-section{padding-block:58px}.weekly-program{border-top:1px solid var(--line);grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);column-gap:6%}.weekly-program .program-heading h2{font-size:clamp(33px,3.1vw,47px);max-width:15ch}.weekly-program .program-heading>p{font-size:13px;line-height:1.8;max-width:38ch}.weekly-program .program-heading .overline{font-size:10px;color:#7a7a7a}.weekly-visual .product-display{aspect-ratio:1.53}.week-sequence{border-color:#a4a4a4;margin-top:22px}.week-sequence li{padding-top:14px}.week-sequence span{color:#848484;font-size:10px}.week-sequence b{font-size:11px}.week-sequence li:not(:last-child):after{top:33px}.routine-program{border-top:1px solid var(--line);padding-top:52px}.routine-program .program-heading{gap:14%;grid-template-columns:1fr .72fr}.routine-program .program-heading h2{font-size:clamp(33px,3.1vw,47px)}.routine-program .program-heading>p{font-size:13px;line-height:1.8}.routine-guide h3{font-size:16px;font-weight:550}.routine-guide li p{font-size:11px}.routine-guide-number{border-color:#a8a8a8;color:#626262}.routine-guide>.overline{font-size:10px;color:#737373}
/* Applications: a focused product index, with controls readable at desktop scale. */
.applications{padding-block:62px 68px;border-top:1px solid #dbdbdb}.application-toolbar{border:1px solid #d1d1d1;background:#f6f6f6;padding:0 22px;margin-bottom:28px}.application-primary-filters{min-height:76px;padding-block:12px}.sector-list{gap:29px}.sector-list button{font-size:14px;min-height:40px;padding-block:9px}.application-search{background:#fff;border:1px solid #d1d1d1;width:320px;padding-inline:12px}.application-search input{font-size:12px;min-height:40px}.application-secondary-filters{padding-block:12px;border-bottom:0;border-color:#dbdbdb;gap:20px}.family-list button{padding:8px 12px;min-height:37px;background:transparent;border:1px solid #d0d0d0;font-size:11px}.family-list button[aria-pressed=true]{background:#2f2f2f;border-color:#2f2f2f}.application-count{font-size:10px}.filter-summary{font-size:10px}.application-grid{gap:34px 26px}.application-view picture,.application[data-id] .application-view picture{aspect-ratio:1.4}.application-caption{padding-top:13px}.application-caption>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7f7f7f}.application-caption h3{font-size:18px;font-weight:550;line-height:1.3}.application-caption>p{font-size:12px;line-height:1.75;margin-top:9px}.application-open{right:10px;bottom:10px;background:rgba(255,255,255,.92);width:34px;height:34px;padding:9px}.application-open svg{width:14px;height:14px}.all-applications{margin-top:30px;min-height:49px;font-size:12px;border-color:#a5a5a5}
/* An industrial band gives the authentic factory media an unmistakable place. */
.production-media.section-shell{background:var(--factory);color:#fff;max-width:none;padding-inline:max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));padding-block:60px 46px;border:0;scroll-margin-top:76px}.production-media-heading{grid-template-columns:1fr .72fr;gap:14%;align-items:start;margin-bottom:32px}.production-media-heading h2{font-size:clamp(34px,3.1vw,48px);max-width:19ch;color:#fff}.production-media-heading .overline{color:#b6b6b6;font-size:10px;margin-bottom:20px}.production-media-heading>p{color:#bebebe;font-size:13px;line-height:1.85}.production-media-lead{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:30px;align-items:start}.production-media picture{overflow:hidden;background:#2f2f2f}.production-media img{filter:none}.production-media figcaption{color:#c1c1c1;font-size:11px;margin-top:12px;line-height:1.75}.production-dosing h3{font-size:21px;color:#fff;margin-bottom:8px}.production-dosing p{font-size:12px;color:#c1c1c1;line-height:1.8;max-width:43ch}.production-video-heading{border-color:#545454;padding-block:19px;margin-top:32px}.production-video-heading h3{font-size:18px;color:#fff}.production-video-heading>span{font-size:10px;color:#a8a8a8}.production-clips{gap:24px}.production-clips video{background:#181818}.production-clips figcaption{font-size:11px;color:#d8d8d8}.production-duration{color:#a4a4a4;font-size:10px}.production-more{margin-top:28px;border-color:#545454}.production-more>summary{color:#e8e8e8;padding-block:20px;font-size:13px}.production-detail-count{font-size:10px;color:#ababab}.production-detail-icon{font-size:21px}.production-more>summary:focus-visible{outline-color:#cfcfcf}
.production{padding-block:52px 60px;border:0;background:#f1f1f1;max-width:none;padding-inline:max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)))}.production-heading{grid-template-columns:1fr .72fr;gap:14%;align-items:start}.production-heading h2{font-size:clamp(32px,2.8vw,44px);max-width:18ch}.production-heading>p{font-size:13px;line-height:1.8;max-width:46ch;color:#686868}.production-flow{gap:28px;margin-top:32px}.production-flow li{border-color:#b0b0b0;padding-top:18px}.production-node{color:#818181;font-size:11px;margin-bottom:17px}.production-flow h3{font-size:24px;line-height:1.13;min-height:2.25em;max-width:17ch}.production-flow p{font-size:12px;line-height:1.8;margin-top:13px;color:#686868}
.corporate-footer{background:#181818}.company-row{padding-block:46px;gap:12%;grid-template-columns:1fr .85fr}.company-copy>.overline{font-size:10px;color:#b7b7b7}.company-copy h2{font-size:32px;max-width:21ch}.company-copy>p{font-size:12px;line-height:1.85;color:#bbbbbb}.company-copy .action{font-size:12px;min-height:44px;margin-top:20px}.related-brands>p{font-size:11px;color:#b3b3b3}.related-brands>div{gap:22px 25px}.footer-base{padding-block:22px;font-size:10px}.footer-base .brand-sign{width:142px}
@media(min-width:1700px){.system-benefits{gap:12%}}
@media(max-width:1199px){.masthead-inner{gap:20px}.main-nav{gap:18px}.masthead-actions{gap:14px}.capability-copy h3{font-size:27px}.benefit-list{gap:27px 25px}.benefit-list article{grid-template-columns:22px 1fr;gap:10px}.benefit-list h3{font-size:19px}.system-benefits{gap:7%}.opening-step>b{font-size:22px}.production-media-lead{gap:24px}.sector-story-copy{padding:30px}}
@media(max-width:959px){.masthead{height:72px}.main-nav{display:none}.brand-sign{width:150px}.masthead-actions{gap:12px}.opening-principle{padding-block:50px 44px}.opening-principle>.section-intro{gap:8%;grid-template-columns:1fr .8fr}.opening-principle h2{font-size:33px}.opening-principle>.section-intro p{font-size:12px}.opening-steps{gap:18px}.opening-step figure{margin-bottom:17px}.opening-step>b{font-size:21px}.opening-step>p{font-size:12px}.opening-step:not(:last-child)::after{display:none}.technology-pin{top:72px;height:calc(100svh - 72px)}.system-benefits{padding-block:50px;grid-template-columns:1fr;gap:30px}.benefits-heading{display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:start}.benefits-heading h2{font-size:35px;max-width:22ch}.benefits-heading>p{margin:0;max-width:44ch;font-size:13px}.benefits-heading>.overline{grid-column:1/-1;margin-bottom:-8px}.benefit-list{gap:27px 40px}.benefit-list h3{font-size:21px}.capabilities{padding-block:50px}.capability-list{gap:24px;grid-template-columns:1fr}.capability{display:grid;grid-template-columns:24px 1fr 1fr;gap:22px;padding-top:22px}.capability-number{margin-top:4px}.capability-copy h3{font-size:29px;min-height:0;max-width:20ch}.capability-copy>p{min-height:0;margin-top:15px}.capability figure{grid-column:3;grid-row:1/3;aspect-ratio:1.4;margin:0;align-self:center}.sector-stories{padding-block:12px 45px}.sector-story,.sector-story:nth-of-type(even){grid-template-columns:1fr 1fr}.sector-story-copy{padding:27px}.sector-story-copy h3{font-size:31px}.sector-story-copy>p{font-size:12px}.sector-story figure img{min-height:320px}.program-section{padding-block:48px}.weekly-program{display:block}.weekly-program .program-heading{display:grid;grid-template-columns:1fr .8fr;gap:8%}.weekly-program .program-heading>p{margin:0;max-width:42ch}.weekly-program .program-heading h2{font-size:35px;max-width:19ch}.weekly-visual{max-width:780px;margin:24px auto 0}.weekly-visual .product-display{aspect-ratio:1.62}.routine-program .program-heading{grid-template-columns:1fr .8fr;gap:8%}.applications{padding-block:50px}.application-toolbar{padding-inline:17px}.application-primary-filters{gap:20px}.application-search{width:270px}.application-secondary-filters{display:block}.filter-summary{justify-content:space-between;margin-top:10px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.application,.application[data-id]{grid-column:span 1}.application-caption h3{font-size:18px}.production-media.section-shell{padding-block:50px 38px}.production-media-heading{gap:8%;grid-template-columns:1fr .8fr}.production-media-heading h2{font-size:36px}.production-media-lead{grid-template-columns:1.2fr 1fr;gap:22px}.production-dosing h3{font-size:20px}.production{padding-block:45px}.production-heading{gap:8%}.production-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.production-flow h3{min-height:0}.company-row{gap:8%}.company-copy h2{font-size:30px}#mobile-menu{top:71px}}
@media(max-width:699px){:root{--gutter:24px}html{scroll-padding-top:80px}.masthead{height:66px}.brand-sign{width:142px}.masthead-inner{gap:12px}.masthead-actions{gap:8px}.locale-control{gap:3px}.locale-control a{font-size:11px;min-width:24px}.nav-trigger{width:38px}#mobile-menu{top:65px;max-height:calc(100svh - 66px)}.opening-principle{padding-block:41px 39px}.opening-principle>.section-intro{display:block;margin-bottom:24px}.opening-principle h2{font-size:32px;max-width:23ch}.opening-principle>.section-intro p{font-size:13px;line-height:1.75;margin-top:17px;max-width:48ch}.opening-steps{grid-template-columns:1fr;gap:23px}.opening-step{display:grid;grid-template-columns:40% 1fr;column-gap:18px;align-content:start}.opening-step figure{grid-row:1/3;aspect-ratio:1;margin:0}.opening-step>b{font-size:21px;align-self:end;margin-bottom:9px;line-height:1.2;padding-top:4px}.opening-step>p{font-size:12px;line-height:1.65;max-width:35ch}.opening-step:nth-child(3) figure img{object-position:center 62%}.technology{height:190svh}.technology-pin{top:66px;height:calc(100svh - 66px);padding-block:22px 18px;gap:13px}.technology-heading{display:block}.technology-heading h2{font-size:30px;max-width:23ch}.technology-heading>p{font-size:12px;line-height:1.7;margin-top:14px}.technology-controls{display:block}.scene-step-list{gap:15px}.scene-step-list b{font-size:11px}.scene-step-list button{min-height:47px;padding-block:11px}.scene-description{font-size:12px;line-height:1.65;min-height:48px;padding-top:8px}.system-benefits{padding-block:41px;display:block}.benefits-heading{display:block}.benefits-heading>.overline{margin:0 0 17px}.benefits-heading h2{font-size:32px;max-width:20ch}.benefits-heading>p{margin-top:17px;font-size:13px;line-height:1.75;max-width:47ch}.benefit-list{grid-template-columns:1fr;margin-top:27px;gap:22px}.benefit-list article{grid-template-columns:24px 1fr;padding-top:17px;gap:8px 16px}.benefit-list h3{font-size:22px}.benefit-list p{font-size:12px;line-height:1.75;max-width:45ch}.section-index{font-size:9px;letter-spacing:.1em;margin-bottom:20px}.section-index::before{width:18px}.section-intro h2{font-size:33px;max-width:20ch}.capabilities{padding-block:40px}.capabilities .section-intro,.applications .section-intro,.sector-stories>.section-intro{display:block;margin-bottom:25px}.section-intro>p{margin-top:17px;font-size:13px;line-height:1.75}.capability-list{gap:25px}.capability{grid-template-columns:20px 1fr;gap:14px 14px;padding-top:18px}.capability-number{font-size:10px}.capability-copy h3{font-size:28px;max-width:20ch}.capability-copy>p{font-size:13px;line-height:1.75;margin-top:15px}.capability ul{font-size:10px;gap:9px 13px;margin-top:14px}.capability figure{grid-column:1/-1;grid-row:auto;aspect-ratio:1.55;margin-top:2px;max-height:330px}.sector-stories{padding-block:6px 40px}.sector-story,.sector-story:nth-of-type(even){display:flex;flex-direction:column;margin-top:23px}.sector-story>figure{display:block;width:100%;aspect-ratio:1.45}.sector-story figure img{min-height:0;height:100%;max-height:none;aspect-ratio:1.45}.sector-story-copy{padding:26px}.sector-story-copy>.overline{margin-bottom:14px;font-size:9px}.sector-story-copy h3{font-size:31px;max-width:20ch}.sector-story-copy>p{margin-top:17px;font-size:13px;line-height:1.75;max-width:46ch}.sector-story-copy ul{margin-top:17px;gap:7px 13px}.sector-story-copy li{font-size:10px}.sector-story-copy>a{font-size:12px;margin-top:18px;gap:24px}.program-section{padding-block:40px}.weekly-program .program-heading{display:block}.weekly-program .program-heading h2,.routine-program .program-heading h2{font-size:33px;max-width:20ch}.weekly-program .program-heading>p{margin-top:18px;font-size:13px;line-height:1.75;max-width:46ch}.weekly-visual{margin-top:18px}.weekly-visual .product-display{aspect-ratio:1.5}.week-sequence{margin-top:17px;padding-top:16px;gap:19px 0}.week-sequence li{padding:0 14px 0 0}.week-sequence span{font-size:9px;margin-bottom:6px}.week-sequence b{font-size:10px}.week-sequence li:not(:last-child):after{top:21px}.routine-program .program-heading{display:block}.routine-program .program-heading>p{margin-top:18px;font-size:13px}.routine-guide h3{font-size:15px}.routine-guide li p{font-size:11px}.routine-board{margin-top:12px}.applications{padding-block:40px}.application-toolbar{padding:0 14px;margin-bottom:23px}.application-primary-filters{display:block;padding-block:9px 14px}.sector-list{gap:25px}.sector-list button{font-size:14px;min-height:43px}.application-search{width:100%;margin-top:8px}.application-search input{min-height:42px;font-size:12px}.application-secondary-filters{padding-block:13px}.family-list{gap:6px}.family-list button{font-size:10px;min-height:36px;padding:8px 9px}.filter-summary{margin-top:10px}.application-grid{grid-template-columns:1fr;gap:29px}.application-caption h3{font-size:20px}.application-caption>p{font-size:13px;line-height:1.75}.application-caption>span{font-size:9px}.application-view picture,.application[data-id] .application-view picture{aspect-ratio:1.45}.production-media.section-shell{padding-block:40px 30px;scroll-margin-top:66px}.production-media-heading{display:block;margin-bottom:26px}.production-media-heading .overline{font-size:9px;margin-bottom:16px}.production-media-heading h2{font-size:33px;max-width:20ch}.production-media-heading>p{font-size:13px;line-height:1.75;margin-top:18px}.production-media-lead{grid-template-columns:1fr;gap:25px}.production-media figcaption{font-size:11px;line-height:1.75}.production-dosing h3{font-size:22px}.production-dosing p{font-size:13px;max-width:46ch}.production-video-heading{margin-top:28px;padding-block:17px;gap:20px}.production-video-heading h3{font-size:18px}.production-video-heading>span{font-size:9px}.production-clips{grid-template-columns:1fr;gap:25px}.production-clips figcaption{font-size:12px;display:flex}.production-duration{font-size:10px}.production-more{margin-top:26px}.production-more>summary{font-size:12px;gap:10px;padding-block:19px}.production-detail-count{font-size:9px}.production-detail-grid{grid-template-columns:1fr;gap:25px;padding-bottom:27px}.production{padding-block:38px}.production-heading{display:block}.production-heading h2{font-size:32px;max-width:20ch}.production-heading>p{font-size:13px;line-height:1.75;margin-top:18px}.production-flow{grid-template-columns:1fr;margin-top:25px;gap:0}.production-flow li{grid-template-columns:22px 1fr;gap:10px 15px;padding-block:19px}.production-node{margin:0;font-size:10px}.production-flow h3{font-size:24px;min-height:0;max-width:24ch}.production-flow p{margin:0;font-size:12px}.company-row{display:block;padding-block:38px}.company-copy>.overline{font-size:9px}.company-copy h2{font-size:29px;max-width:20ch}.company-copy>p{font-size:13px}.company-copy .action{margin-top:18px;font-size:11px}.related-brands{margin-top:29px}.related-brands>div{gap:21px 24px}.footer-base{padding-block:23px;font-size:9px}.footer-base .brand-sign{width:130px}}
@media(max-width:379px){:root{--gutter:20px}.brand-sign{width:124px}.masthead-actions{gap:5px}.opening-step{grid-template-columns:38% 1fr;column-gap:15px}.opening-step>b{font-size:19px}.opening-step>p{font-size:11px}.section-intro h2,.opening-principle h2,.benefits-heading h2{font-size:30px}.sector-story-copy{padding:23px}.sector-story-copy h3{font-size:28px}.application-toolbar{padding-inline:11px}.family-list button{font-size:9px;padding:8px}.sector-list{gap:20px}}
@media(max-height:720px) and (min-width:700px){.technology-pin{gap:12px;padding-block:21px 17px}.technology-heading h2{font-size:33px}.technology-heading>p{font-size:12px;line-height:1.65}.scene-step-list button{min-height:40px;padding-block:9px}.scene-description{font-size:11px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.technology{height:auto}.technology-pin{top:0;min-height:650px}}

/* Opening composition: large typography and an uninterrupted product surface. */
.product-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:0 2%;position:relative;padding-top:58px;padding-bottom:0;align-items:center;isolation:isolate}
.hero-copy{position:relative;z-index:1;padding:26px 0 42px;max-width:none}
.hero-copy .overline{color:#606060;font-size:10px;line-height:1.6;letter-spacing:.11em;margin:0 0 29px;max-width:48ch}
.hero-copy h1{font-size:clamp(62px,6.45vw,96px);font-weight:600;line-height:.99;letter-spacing:-.063em;max-width:none}
.hero-copy h1 span{display:block}
.hero-description{font-size:15px;line-height:1.75;max-width:39ch;color:#626262;margin:29px 0 30px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-actions .action{font-size:12px;font-weight:500;min-height:50px;gap:25px;padding:15px 18px}
.hero-actions .underline{padding-inline:0}
.hero-visual{min-width:0;margin:0;align-self:center}
.hero-packshot{margin:0;position:relative;background:#fff}
.hero-packshot picture{display:block;width:110%;margin-left:-5%;aspect-ratio:1.43}
.hero-packshot img{width:100%;height:100%;object-fit:contain;filter:brightness(1.05) contrast(1.015)}
.hero-packshot figcaption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0 0;margin-top:0;border-top:1px solid #dedede;font-size:10px;line-height:1.6;color:#686868}
.hero-packshot figcaption b{font-size:10px;font-weight:500;color:#161616}
.hero-directory{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;color:#0e0e0e;border-top:1px solid #0e0e0e;border-bottom:1px solid #dedede;margin:42px 0 0;padding:0}
.hero-directory>a{display:flex;align-items:center;gap:20px;padding:23px 30px;min-height:108px;transition:background .2s}
.hero-directory>a:first-child{padding-left:0}
.hero-directory>a:last-child{padding-right:0}
.hero-directory>a+a{border-left:1px solid #dedede}
.hero-directory>a:hover{background:#f7f7f7}
.hero-directory-number{font-size:10px;color:#787878;align-self:flex-start;padding-top:5px}
.hero-directory-copy{display:flex;flex-direction:column;gap:6px}
.hero-directory-copy b{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.hero-directory-copy small{font-size:11px;color:#777;line-height:1.4}
.hero-directory svg{width:22px;height:22px;margin-left:auto;flex:none}
html[lang=en] .hero-copy h1{font-size:clamp(57px,5.25vw,79px);line-height:1.03}
html[lang=en] .hero-copy h1 span:last-child{max-width:12ch}
@media(min-width:1700px){.product-hero{padding-top:72px;column-gap:3%}.hero-copy{padding-bottom:55px}.hero-description{font-size:16px}.hero-directory{margin-top:52px}}
@media(max-width:1199px){.product-hero{padding-top:42px}.hero-copy h1{font-size:clamp(58px,6.5vw,78px)}.hero-copy .overline{font-size:9px;margin-bottom:23px}.hero-description{font-size:14px;margin:25px 0 27px}.hero-actions{gap:19px}.hero-actions .action{font-size:11px;padding:14px 16px;gap:17px}.hero-actions .underline{padding-inline:0}.hero-directory>a{padding:22px;gap:15px;min-height:99px}.hero-directory-copy b{font-size:19px}.hero-directory-copy small{font-size:10px}.hero-packshot figcaption{font-size:9px}.hero-packshot figcaption b{font-size:9px}}
@media(max-width:959px){.product-hero{grid-template-columns:1fr 1.08fr;padding-top:31px;gap:0 2%}.hero-copy{padding:20px 0 27px}.hero-copy h1{font-size:59px}.hero-description{font-size:13px;line-height:1.75;max-width:37ch;margin:22px 0}.hero-actions{gap:15px}.hero-actions .action{font-size:10px;gap:13px;min-height:45px;padding:13px}.hero-actions .underline{padding-inline:0}.hero-packshot picture{width:106%;margin-left:-3%}.hero-packshot figcaption{display:block;font-size:9px;padding-top:11px}.hero-packshot figcaption b{display:block;margin-top:3px}.hero-directory{margin-top:28px}.hero-directory>a{padding:19px 15px;gap:12px;min-height:90px}.hero-directory-copy b{font-size:18px}.hero-directory-copy small{font-size:9px}.hero-directory svg{width:18px}html[lang=en] .hero-copy h1{font-size:55px}}
@media(max-width:699px){.product-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:33px}.hero-copy{padding:0}.hero-copy .overline{font-size:9px;line-height:1.6;letter-spacing:.09em;max-width:46ch;margin-bottom:23px}.hero-copy h1{font-size:clamp(62px,15.8vw,86px);letter-spacing:-.062em;line-height:.99}.hero-description{font-size:14px;line-height:1.7;max-width:41ch;margin:24px 0}.hero-actions{gap:24px}.hero-actions .action{font-size:11px;min-height:48px;padding:14px 16px;gap:20px}.hero-actions .underline{padding-inline:0}.hero-visual{margin:27px 0 0;align-self:stretch}.hero-packshot picture{width:100%;margin:0;aspect-ratio:1.5}.hero-packshot figcaption{display:flex;justify-content:space-between;font-size:8px;gap:12px;padding-top:11px}.hero-packshot figcaption b{margin:0;font-size:8px}.hero-directory{grid-template-columns:1fr;margin-top:27px}.hero-directory>a,.hero-directory>a:first-child,.hero-directory>a:last-child{padding:17px 0;min-height:74px;gap:17px}.hero-directory>a+a{border-left:0;border-top:1px solid #dedede}.hero-directory-copy b{font-size:20px}.hero-directory-copy small{font-size:10px}.hero-directory-number{font-size:9px;padding-top:4px}.hero-directory svg{width:21px}html[lang=en] .hero-copy h1{font-size:clamp(53px,12.8vw,72px);line-height:1.02}html[lang=en] .hero-copy h1 span:last-child{max-width:14ch}}
@media(max-width:379px){.hero-copy h1{font-size:57px}.hero-copy .overline{font-size:8px}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .action{font-size:10px;padding:13px 12px;gap:12px}.hero-actions .underline{padding-inline:0}.hero-packshot figcaption{font-size:7px}.hero-packshot figcaption b{font-size:7px}html[lang=en] .hero-copy h1{font-size:49px}}