/* NOVUS / editorial motion system */
html{scroll-padding-top:88px}.header{height:88px;padding:0 5%;background:#ffffffed;backdrop-filter:blur(16px)}.header .brand img{width:205px}.header nav{font-size:12px;gap:35px}.header-cta{border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px;gap:30px}.reading-progress{height:2px;background:var(--red);position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left}.hero-sequence{height:235svh;position:relative;background:var(--paper)}.hero{height:calc(100svh - 88px);min-height:590px;max-height:none;position:sticky;top:88px;background:var(--paper);isolation:isolate}.hero-copy{position:absolute;left:6%;top:50%;transform:translateY(-52%);padding:0;width:65%;max-width:none;z-index:2;will-change:transform,opacity}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:clamp(72px,8.5vw,150px);font-weight:500;line-height:.96;letter-spacing:-.075em;margin:40px 0 30px}.hero h1 span{color:var(--red)}.hero-copy>p{font-size:16px;line-height:1.6;margin-bottom:28px}.hero .button{padding:19px 22px;font-size:11px;gap:60px}.hero-visual{position:absolute;left:55%;top:9%;width:40%;height:80%;overflow:hidden;z-index:1;will-change:left,top,width,height;transform:translateZ(0)}.hero-image{inset:0;transform:scale(1.04);background-position:67% center;will-change:transform}.hero-image:after{background:linear-gradient(90deg,#191e2299,transparent 70%);opacity:var(--scrim,0)}.image-label{position:absolute;bottom:22px;right:18px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#fff;opacity:.85}.hero-bottom{height:65px;z-index:4;left:6%;right:6%;font-size:8px;letter-spacing:1px;border-top:1px solid #191e2220;transition:color .2s,border-color .2s}.hero-expanded .hero-bottom{color:white;border-color:#ffffff50}.hero-index{color:inherit}.scroll-cue{display:flex;gap:12px;align-items:center}.scroll-cue i{height:22px;width:1px;background:currentColor;display:block;transform-origin:top;animation:cue 2s ease-in-out infinite}@keyframes cue{0%,100%{transform:scaleY(.45);opacity:.5}50%{transform:scaleY(1);opacity:1}}.hero-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:4% 8% 7%;color:white;opacity:0;pointer-events:none;transform:translateY(35px);will-change:transform,opacity}.hero-overlay .eyebrow{font-size:10px}.hero-overlay h2{font-size:clamp(52px,7.8vw,124px);letter-spacing:-.065em;line-height:1.02;margin:32px 0}.hero-overlay>p{font-size:16px;color:#ffffffd4;line-height:1.6}.hero-overlay .text-link{width:max-content;border-color:white;margin-top:5px}.scene-progress{position:absolute;z-index:4;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;align-items:center;font-size:8px;color:#68727a}.scene-progress>div{height:100px;width:1px;background:#68727a66}.scene-progress i{display:block;width:1px;height:100%;background:var(--red);transform-origin:top;transform:scaleY(0)}.hero-expanded .scene-progress{color:white}.brand-section{padding:75px 0 30px;background:white;position:relative;z-index:2}.brand-heading{padding:0 6%;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.brand-heading h2{font-size:clamp(35px,4vw,58px);letter-spacing:-2.6px;line-height:1.12;margin:25px 0 0}.brand-heading p{font-size:13px;color:var(--slate);margin-bottom:14px}.quiet-button{border:0;border-bottom:1px solid #b8bcbf;background:none;font-size:10px;padding:8px 0;color:var(--ink)}.brand-marquee{overflow:hidden;margin-top:50px;border-top:1px solid #e4e5e3;border-bottom:1px solid #e4e5e3;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.brand-track{display:flex;width:max-content;animation:brands-run 36s linear infinite;will-change:transform}.brand-set{display:flex}.brand-item{display:flex;align-items:center;justify-content:center;width:210px;height:152px;padding:30px 38px;border-right:1px solid #ececea}.brand-item img{width:100%;height:80px;object-fit:contain}.brand-paused .brand-track{animation-play-state:paused}@keyframes brands-run{to{transform:translateX(-50%)}}.brand-bottom{display:flex;justify-content:space-between;padding:25px 6% 0;font-size:8px;letter-spacing:1px;color:var(--slate)}.brand-bottom a{font-size:10px;letter-spacing:0;color:var(--ink)}.intro{padding-top:100px;padding-bottom:90px}.intro .section-label{margin-bottom:55px}.intro-grid{grid-template-columns:1.25fr 1fr;gap:10%}.intro-grid h2{font-size:clamp(45px,5.4vw,84px);letter-spacing:-.06em;line-height:1.04}.statement span{background:linear-gradient(90deg,var(--ink) var(--fill,100%),#c9cbc7 var(--fill,100%));background-clip:text;-webkit-background-clip:text;color:transparent}.intro-text p.large{font-size:23px;line-height:1.4}.intro .principles{margin-top:55px}.product-story{height:340svh;position:relative;background:var(--ink)}.story-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:590px;overflow:hidden;color:white;isolation:isolate}.story-top{position:absolute;top:32px;left:5%;right:5%;z-index:5;display:flex;align-items:center;justify-content:space-between;color:white;mix-blend-mode:difference}.story-top .eyebrow,.story-count{font-size:9px;letter-spacing:1.7px}.story-count{font-variant-numeric:tabular-nums}.story-track{display:flex;width:300%;height:100%;will-change:transform}.story-panel{position:relative;flex:0 0 33.333333%;width:33.333333%;height:100%;overflow:hidden;isolation:isolate}.story-panel-copy{position:absolute;top:50%;left:7%;transform:translateY(-50%);z-index:3;width:43%}.story-panel-copy>span{font-size:9px;letter-spacing:1.7px}.story-panel-copy h2{font-size:clamp(50px,6.5vw,105px);letter-spacing:-.065em;line-height:1.02;margin:30px 0}.story-panel-copy p{font-size:14px;line-height:1.7;max-width:350px;margin-bottom:25px}.story-image{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);will-change:transform}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111a22dc,#191e2210 90%)}.story-word{position:absolute;bottom:6%;right:5%;z-index:1;font-size:clamp(65px,12vw,180px);font-weight:500;letter-spacing:-.07em;opacity:.1;line-height:1;pointer-events:none}.story-bottom{position:absolute;z-index:5;bottom:25px;left:5%;right:5%;display:flex;align-items:center;gap:35px;justify-content:space-between;mix-blend-mode:difference;color:white;font-size:8px;letter-spacing:1px}.story-meter{height:1px;background:#ffffff50;flex:1;max-width:300px}.story-meter i{height:1px;display:block;background:white;transform-origin:left;transform:scaleX(.04)}.story-consumer{background:#e6e1d7;color:var(--ink)}.consumer-composition{position:absolute;right:4%;top:17%;width:47%;height:70%;perspective:1000px;transform-style:preserve-3d;will-change:transform}.consumer-composition img{position:absolute;width:50%;aspect-ratio:.78;object-fit:cover;box-shadow:0 25px 50px #171c2225;backface-visibility:hidden}.consumer-composition img:nth-child(1){left:5%;top:0;transform:rotate(-12deg) translateZ(-20px)}.consumer-composition img:nth-child(2){right:0;top:16%;transform:rotate(9deg) translateZ(50px)}.consumer-composition img:nth-child(3){left:8%;bottom:0;transform:rotate(-5deg) translateZ(80px);width:42%}.story-consumer .story-word{opacity:.06}.story-industrial{background:#222c32}.industrial-image{position:absolute;width:55%;right:0;top:0;height:100%;background:url('assets/product-photos/photo-11.webp') center/cover no-repeat;mix-blend-mode:luminosity}.industrial-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#222c32,transparent 70%)}.portfolio{padding-top:95px;background:#f4f2ee}.section-heading h2{font-size:clamp(48px,6vw,90px);letter-spacing:-.065em}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.category-picture{aspect-ratio:1.24;transition:clip-path .5s;clip-path:inset(0)}.category-card:hover .category-picture{clip-path:inset(8px)}.category-card{transition:transform .35s}.category-card:hover{transform:translateY(-4px)}.category-meta h3{font-size:18px;letter-spacing:-.6px}.category-meta{padding:20px 0}.category-number{font-size:9px;top:16px;left:16px;background:#fffdf3cc;padding:6px 8px}.category-picture:after{content:'View category ↗';background:#191e22ee;padding:17px}.category-card:last-child:nth-child(3n+1){grid-column:2}.warehouse-scene{height:90svh;min-height:580px;position:relative;overflow:hidden;color:white;background:var(--ink)}.warehouse-photo{position:absolute;inset:-12% 0;background:linear-gradient(90deg,#11181fbb,#11181f22),url('assets/warehouse.webp') center/cover no-repeat;will-change:transform}.warehouse-content{position:relative;z-index:2;padding:0 8%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.warehouse-content h2{font-size:clamp(55px,7.6vw,118px);letter-spacing:-.065em;margin:32px 0}.warehouse-content p{font-size:16px;color:#e1e4e5}.warehouse-content .button{margin-top:15px}.world{position:relative;min-height:760px}.world-copy{padding-top:130px}.world-copy h2{font-size:clamp(45px,5vw,76px);letter-spacing:-.055em}.world-copy>p{font-size:15px}.world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#5f777b22,transparent 55%);pointer-events:none}.process{padding-top:110px}.step{opacity:.35;transition:opacity .5s,transform .5s;transform:translateY(12px)}.step.current{opacity:1;transform:translateY(0)}.steps .step.reveal{opacity:.35}.steps .step.current{opacity:1}.process-sticky h2{font-size:clamp(45px,5.3vw,80px);letter-spacing:-.06em}.enquire{background:#1b2227}.enquire h2{font-size:clamp(50px,5.8vw,92px);letter-spacing:-.065em}.enquire h2 span{color:var(--red)}footer{padding-top:65px}.footer-word{font-size:clamp(40px,7.2vw,118px);letter-spacing:-.075em;line-height:1.1;margin:20px 0 55px;display:flex;align-items:center;justify-content:space-between}.footer-word span{color:var(--red);font-size:1.1em}.footer-top{padding-bottom:30px}.footer-bottom{padding-bottom:10px}
@media(min-width:1800px){.hero-copy{left:max(6%,calc((100vw - 1600px)/2))}.hero h1{font-size:150px}}
@media(max-width:1100px){.hero{min-height:590px}.hero h1{font-size:9vw}.hero-copy{width:70%;left:5%}.hero-copy>p{font-size:14px}.hero-visual{left:57%;width:38%}.hero-copy .eyebrow{font-size:7px}.story-panel-copy{width:48%;left:6%}.story-panel-copy h2{font-size:7vw}.story-panel-copy p{max-width:290px}.brand-item{width:190px}.brand-heading h2{font-size:44px}.category-meta h3{font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:76px}.header{height:76px;padding:0 6%;flex-wrap:nowrap}.header .brand img{width:170px}.header nav{top:75px}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero-sequence{height:205svh}.hero{height:calc(100svh - 76px);top:76px;min-height:610px}.hero-copy{top:8%;left:7%;width:90%;transform:none}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(52px,12vw,89px);line-height:.97;letter-spacing:-.065em;margin:25px 0 18px}.hero-copy>p{font-size:12px;line-height:1.5}.hero .button{padding:15px 17px;font-size:10px;gap:30px}.hero-visual{left:37%;top:43%;width:57%;height:46%}.hero-image{inset:0;background-size:cover;background-position:66% center}.hero-image:after{background:linear-gradient(0deg,#101920dd,#10192010 90%)}.image-label{font-size:5px;bottom:12px;right:9px;letter-spacing:1px}.hero-bottom{height:52px;font-size:6px;letter-spacing:.4px;background:none}.hero-bottom>span:first-child{max-width:140px;line-height:1.7}.scroll-cue{font-size:6px;gap:7px}.scroll-cue i{height:16px}.hero-index{display:none}.hero-overlay{padding:20% 7% 8%;justify-content:flex-end;padding-bottom:110px}.hero-overlay h2{font-size:13vw;letter-spacing:-.065em;margin:24px 0}.hero-overlay>p{font-size:12px}.hero-overlay .eyebrow{font-size:8px}.hero-overlay .text-link{font-size:11px}.scene-progress{right:12px;top:37%;font-size:6px;gap:8px}.scene-progress>div{height:65px}.brand-section{padding-top:55px}.brand-heading{display:block;padding:0 7%}.brand-heading h2{font-size:38px;letter-spacing:-2px;margin-top:20px}.brand-heading p{font-size:11px;margin-top:23px;line-height:1.6}.quiet-button{font-size:9px}.brand-marquee{margin-top:30px}.brand-item{width:155px;height:110px;padding:24px}.brand-item img{height:62px}.brand-track{animation-duration:28s}.brand-bottom{padding:20px 7% 0;font-size:6px;letter-spacing:.4px;gap:15px}.brand-bottom a{font-size:8px;text-align:right;max-width:110px}.intro{padding:60px 7%}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-grid h2{font-size:45px}.intro-text p.large{font-size:21px}.intro .principles{margin-top:40px}.product-story{height:315svh}.story-pin{top:76px;height:calc(100svh - 76px);min-height:610px}.story-top{top:25px;left:7%;right:7%}.story-top .eyebrow,.story-count{font-size:7px;letter-spacing:.6px}.story-panel-copy{top:auto;bottom:70px;transform:none;left:7%;width:86%}.story-panel-copy>span{font-size:7px;letter-spacing:1px}.story-panel-copy h2{font-size:clamp(44px,12.5vw,75px);margin:20px 0;line-height:1.02}.story-panel-copy p{font-size:12px;line-height:1.65;max-width:290px;margin-bottom:20px}.story-panel-copy .button{padding:16px 18px;font-size:10px;gap:40px}.story-shade{background:linear-gradient(0deg,#111a22ee,#111a2211 100%)}.story-image{background-position:66% center}.story-word{display:none}.story-bottom{font-size:6px;gap:20px;left:7%;right:7%;bottom:22px;letter-spacing:.4px}.story-bottom>span:last-child{display:none}.story-meter{max-width:110px}.consumer-composition{right:6%;top:9%;height:42%;width:64%;opacity:.85}.consumer-composition img{width:46%;aspect-ratio:.9}.consumer-composition img:nth-child(3){width:37%}.story-consumer .story-panel-copy p{max-width:300px}.story-consumer .story-panel-copy{z-index:4}.industrial-image{width:100%;height:100%;opacity:.55}.industrial-image:after{background:linear-gradient(0deg,#222c32,#222c3200 95%)}.portfolio{padding:65px 6%}.section-heading h2{font-size:54px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.category-meta h3{font-size:13px}.category-meta{padding:13px 0}.category-card:last-child:nth-child(3n+1){grid-column:auto}.category-picture{aspect-ratio:1}.category-number{font-size:7px;left:8px;top:8px;padding:5px}.category-card:hover .category-picture{clip-path:none}.world{min-height:0}.world-copy{padding:65px 7% 0}.world-copy h2{font-size:48px}.world-copy>p{font-size:13px}.warehouse-scene{height:80svh;min-height:550px}.warehouse-content{padding:0 7%}.warehouse-content h2{font-size:14vw}.warehouse-content p{font-size:13px}.warehouse-content .eyebrow{font-size:7px}.warehouse-photo{background-position:58% center}.process{padding-top:65px}.process-sticky h2{font-size:46px}.step{opacity:.4}.enquire h2{font-size:14vw}.footer-word{font-size:10vw;letter-spacing:-.065em;margin-bottom:35px}.footer-top .brand img{width:205px}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:auto}.hero{position:relative;top:0}.hero-overlay{display:none}.hero-visual{left:55%;top:9%;width:40%;height:80%}.product-story{height:auto}.story-pin{height:auto;min-height:0;position:relative;top:0;overflow:visible}.story-track{display:block;width:100%;transform:none!important}.story-panel{width:100%;height:calc(100svh - 88px);min-height:600px}.story-top,.story-bottom{display:none}.statement span{background:none;color:var(--ink)}.step,.steps .step.reveal{opacity:1;transform:none}.brand-marquee{overflow-x:auto;mask-image:none}.brand-set[aria-hidden]{display:none}.brand-track{animation:none;transform:none!important}.reading-progress,.scene-progress{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hero-visual{left:37%;top:43%;width:57%;height:46%}.hero-copy{transform:none!important}.story-panel{height:calc(100svh - 76px)}}

/* Individual high-resolution category photography. */
.category-picture{background-image:none;background-color:#e4e2de}
.category-picture img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025);transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.category-card:hover .category-picture img{transform:scale(1.075)}
.category-number{background:#fffffff0;color:#191e22}
.dialog-image{height:auto;aspect-ratio:1.5;background:none;overflow:hidden}
.dialog-image img{width:100%;height:100%;object-fit:cover;display:block}
.consumer-composition img{object-position:center;aspect-ratio:.9}
@media(max-width:760px){.dialog-image{aspect-ratio:1.4}.consumer-composition img{aspect-ratio:.9}}
@media(prefers-reduced-motion:reduce){.category-picture img{transform:none!important;transition:none!important}}

.dialog-image{background-size:cover;background-position:center;background-repeat:no-repeat}