/* Premium interaction and finish pass — keeps the Option 4 / Option 1 layout intact. */
:root{--o5-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth}
/* Lift the hero by revealing more of the industrial footage while retaining legible copy. */
.option4-hero .hero-media{filter:brightness(.96) contrast(1.04) saturate(.92)}
.utility-options .social .social-glyph{color:var(--social-color,#fff);font-weight:800;line-height:1}
.utility-options .social .social-glyph-image{width:16px;height:16px;object-fit:contain;display:block}
.utility-options .social>svg{width:16px;height:16px;display:block;color:var(--social-color,#fff)}
.option4-hero:before{background:linear-gradient(90deg,rgba(4,12,17,.73) 0%,rgba(4,12,17,.57) 30%,rgba(4,12,17,.25) 54%,rgba(4,12,17,.06) 79%,rgba(4,12,17,.02) 100%)}
.option4-hero:after{background:linear-gradient(180deg,rgba(5,12,16,.14),rgba(5,12,16,.02) 35%,rgba(5,12,16,.08) 65%,rgba(3,10,14,.52) 100%)}
.option4-hero .hero-overlay{background:linear-gradient(90deg,rgba(3,10,14,.58),rgba(3,10,14,.34) 42%,rgba(3,10,14,.06) 72%,transparent),linear-gradient(0deg,rgba(3,10,14,.43),transparent 56%)}
.option4-hero .hero-description{color:rgba(255,255,255,.84)}.option4-hero .hero-kicker,.option4-hero .slide-index{color:rgba(255,255,255,.68)}
/* Shared movement language. */
#option5-content a,.overlay-header a,footer a{transition:color .28s var(--o5-ease),background-color .28s var(--o5-ease),border-color .28s var(--o5-ease),transform .28s var(--o5-ease),opacity .28s var(--o5-ease)}
#option5-content .aboutpics img,#option5-content .circle img,#option5-content .resource-photo img{transition:transform .8s var(--o5-ease),filter .55s var(--o5-ease)}
#option5-content .aboutpics:hover img:first-child{transform:scale(1.025);filter:saturate(.96)}#option5-content .aboutpics:hover img:nth-child(2){transform:translateY(-5px) scale(1.025);filter:saturate(.96)}
#option5-content .circle:hover img{transform:scale(1.035);filter:saturate(.82)}
#option5-content .resource-card{transition:transform .45s var(--o5-ease),box-shadow .45s var(--o5-ease),border-color .45s var(--o5-ease)}
@media(hover:hover) and (pointer:fine){#option5-content .resource-card:hover{transform:translateY(-7px);border-color:rgba(237,28,36,.34);box-shadow:0 18px 45px rgba(12,29,39,.12)}#option5-content .resource-card:hover .resource-photo img{transform:scale(1.055);filter:saturate(.96)}#option5-content .plist a:hover{padding-left:12px;padding-right:12px;background:#f4f6f5}#option5-content .industrylist button:hover{padding-left:18px}#option5-content .green>div:hover{padding-left:8px;color:var(--ink)}#option5-content .green>div{transition:padding .3s var(--o5-ease),color .3s var(--o5-ease)}#option5-content .tiny[href]:hover{color:var(--red);transform:translateX(4px)}footer .footer-col a:hover{transform:translateX(4px);color:#fff}.option4-hero .primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.24)}.option4-hero .secondary:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.11)}.option4-hero .rail-item:hover b{color:#fff}.option4-hero .rail-item b{transition:color .3s var(--o5-ease)}}
/* Scroll entrance system: composed, not exaggerated. */
#option5-content .about .wrap>*,#option5-content .products .wrap>*,#option5-content .industries,#option5-content .process .wrap>*,#option5-content .cap>*,#option5-content .sustain .wrap>*,#option5-content .global .wrap>*,#option5-content .resources .wrap>*,#option5-content .cta .wrap>*{opacity:0;transform:translateY(22px);transition:opacity .8s var(--o5-ease),transform .8s var(--o5-ease)}
#option5-content .is-revealed{opacity:1!important;transform:none!important}
#option5-content .about .wrap>:nth-child(2),#option5-content .products .wrap>:nth-child(2),#option5-content .sustain .wrap>:nth-child(2),#option5-content .resources .wrap>:nth-child(2){transition-delay:.1s}
#option5-content .resource-card:nth-of-type(3){transition-delay:.08s}#option5-content .resource-card:nth-of-type(4){transition-delay:.16s}
/* Existing editorial surfaces receive a little more depth from lines rather than heavy shadows. */
#option5-content .products{background:linear-gradient(135deg,#fff 0%,#f8faf9 100%)}#option5-content .resources{background:linear-gradient(135deg,#f5f6f4 0%,#eef2f1 100%)}#option5-content .quality{position:relative}#option5-content .quality:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}
@media(max-width:640px){#option5-content .about .wrap>*,#option5-content .products .wrap>*,#option5-content .industries,#option5-content .process .wrap>*,#option5-content .cap>*,#option5-content .sustain .wrap>*,#option5-content .global .wrap>*,#option5-content .resources .wrap>*,#option5-content .cta .wrap>*{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){#option5-content .about .wrap>*,#option5-content .products .wrap>*,#option5-content .industries,#option5-content .process .wrap>*,#option5-content .cap>*,#option5-content .sustain .wrap>*,#option5-content .global .wrap>*,#option5-content .resources .wrap>*,#option5-content .cta .wrap>*{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}