/* Direction 12 motion refinement. The original design and scripts remain preserved. */
.me-opening-shell{height:170svh;position:relative;z-index:0}
.me-opening-shell .me-hero{position:sticky;top:0;height:100svh;min-height:650px;max-height:none;isolation:isolate}
.me-hero-photo{inset:-10% 0;height:120%;transform:translateY(var(--hero-drift,0px)) scale(var(--hero-scale,1.12))}
.me-hero-shade{z-index:1;background:linear-gradient(180deg,#052f3d40,transparent 45%,#032634c0)}
.me-hero-shade:after{content:'';position:absolute;inset:0;background:#001c25;opacity:var(--hero-dim,0)}
.me-hero-product{position:absolute;left:50%;top:35%;width:min(35vw,530px);height:55vh;transform:translate(-50%,-50%) translateY(var(--hero-bottle-drift,0px));z-index:2;perspective:1100px;pointer-events:none}
.me-hero-product img{width:100%;height:100%;object-fit:contain;transform:rotateY(var(--hero-bottle-turn,-5deg)) rotateZ(-5deg);filter:drop-shadow(20px 25px 30px #00282e50);will-change:transform}
.me-hero-kicker{z-index:3;left:7.5vw;top:20%;transform:none}
.me-hero-title{z-index:3;bottom:9%}
.me-hero-title h1{font-size:clamp(54px,5.6vw,96px);line-height:1.02;margin-bottom:24px;text-shadow:0 2px 20px #00323b55}
.me-hero-title .me-link{font-size:14px}
.me-hero-foot{z-index:3}
.me-intro{position:relative;z-index:3;margin-top:-70svh;background:var(--me-paper);padding-top:110px;padding-bottom:105px;box-shadow:0 -24px 70px #002e3210}
.me-collage{z-index:3;background:var(--me-paper)}
.me-collage-label{left:50%;top:50%;bottom:auto;max-width:none;width:min(850px,82vw);text-align:center;transform:translate(-50%,-50%) scale(var(--collage-text-scale,1));z-index:5;opacity:var(--collage-label-opacity,0);color:#123f52;isolation:isolate}
.me-collage-label:before{content:'';position:absolute;z-index:-1;inset:-70px -70px;background:radial-gradient(ellipse,#f4f2ecaa,transparent 72%);pointer-events:none}
.me-collage-label .me-eyebrow{font-size:10px;margin-bottom:30px;text-shadow:0 1px 12px #f4f2ec}
.me-collage-label h2{font-size:clamp(48px,6.4vw,100px);line-height:1.04;letter-spacing:-.02em;text-shadow:0 1px 24px #f4f2ec70;transform:translateY(var(--collage-text-lift,0px))}
.me-collage-label h2>span{display:block}
.me-collage-label p{font-size:16px;margin:24px auto 0;max-width:none;text-shadow:0 1px 10px #f4f2ec}
.me-material-pin{min-height:720px}
.me-material-product{left:47%;width:28vw;max-width:450px;top:53%;height:76vh}
.me-material-product>.me-bottle{position:absolute;inset:0;opacity:0;transition:opacity .85s,filter .85s;object-fit:contain}
.me-material-product>.me-bottle-0{opacity:1}
.me-material-pin[data-chapter="1"] .me-bottle-0,.me-material-pin[data-chapter="2"] .me-bottle-0{opacity:0}
.me-material-pin[data-chapter="1"] .me-bottle-1,.me-material-pin[data-chapter="2"] .me-bottle-2{opacity:1}
.me-material-heading{left:6vw;width:26vw;top:46%}
.me-material-heading h3{font-size:clamp(38px,4vw,68px);text-wrap:balance}
.me-material-insets{position:absolute;inset:0;z-index:1;pointer-events:none}
.me-inset{position:absolute;right:5vw;top:21%;width:26vw;height:32vh;overflow:hidden;opacity:0;transform:translateY(18px);transition:opacity .85s,transform 1.2s cubic-bezier(.2,.65,.25,1);box-shadow:0 15px 40px #281e1512}
.me-inset img{height:100%;object-fit:cover;object-position:77% 50%}
.me-inset-0{opacity:1;transform:none}
.me-material-pin[data-chapter="1"] .me-inset-0,.me-material-pin[data-chapter="2"] .me-inset-0{opacity:0;transform:translateY(-18px)}
.me-material-pin[data-chapter="1"] .me-inset-1,.me-material-pin[data-chapter="2"] .me-inset-2{opacity:1;transform:none}
.me-material-copy{right:5vw;top:57%;transform:none;width:26vw;max-width:none}
.me-material-copy p{font-size:18px;line-height:1.55;margin-bottom:16px}
.me-material-copy .me-link{font-size:15px;min-height:45px}
.me-material-caption{margin-top:20px;font-size:9px}
.me-material-panels>article{z-index:3;pointer-events:none}
.me-material-panels>article.is-active .me-material-copy{pointer-events:auto}
.me-impact-grid>img{object-position:78% 50%}
.me-motion-ready .me-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity 1s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform 1.15s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms);will-change:transform,opacity}
.me-motion-ready .me-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0)}
.me-market-image img,.me-project-photo img{transition:transform 1.4s cubic-bezier(.2,.65,.25,1)}
.me-market-image:hover img,.me-project-photo:hover img{transform:scale(1.035)}
.me-link span,.me-round-link{transition:transform .5s cubic-bezier(.2,.65,.25,1)}
.me-link:hover span{transform:translate(3px,-3px)}
.me-round-link:hover{transform:rotate(-7deg)}
@media(max-width:1000px){.me-hero-product{width:48vw;height:66vh}.me-material-product{left:44%;width:31vw}.me-material-heading{left:5vw;width:25vw}.me-material-heading h3{font-size:38px}.me-inset,.me-material-copy{right:4vw;width:27vw}.me-material-copy p{font-size:16px}.me-material-copy .me-link{font-size:14px}}
@media(max-width:600px){.me-opening-shell{height:145svh}.me-opening-shell .me-hero{min-height:660px}.me-intro{margin-top:-45svh;padding-top:75px;padding-bottom:70px}.me-hero-product{top:36%;width:76vw;height:49svh}.me-hero-kicker{top:12%;left:6vw;font-size:9px}.me-hero-title{bottom:11%;left:6vw;right:6vw}.me-hero-title h1{font-size:clamp(43px,11vw,63px);line-height:1.08;margin-bottom:20px}.me-hero-title .me-link{font-size:12px;min-width:250px}.me-hero-foot{font-size:8px;bottom:20px}.me-hero-foot>span:last-child{display:none}.me-collage-label{width:88vw}.me-collage-label .me-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:22px}.me-collage-label h2{font-size:46px}.me-collage-label p{font-size:13px;margin-top:20px}.me-collage-label:before{inset:-45px -20px}.me-material-pin{min-height:780px}.me-material-heading{left:6vw;top:15%;transform:none;width:88vw;max-width:none}.me-material-heading h3{font-size:35px;max-width:270px;margin-top:10px}.me-material-heading>.me-eyebrow{font-size:9px}.me-material-product{left:38%;top:49%;width:61vw;max-width:none;height:49vh}.me-inset{right:6vw;top:34%;width:32vw;height:24vh}.me-material-copy{left:6vw;right:6vw;top:auto;bottom:110px;width:auto;max-width:none;transform:none}.me-material-copy p{display:block;font-size:14px;line-height:1.5;max-width:310px;margin-bottom:10px}.me-material-copy .me-link{font-size:15px;max-width:320px}.me-material-caption{display:none}.me-material-top{top:88px}.me-material-bottom{bottom:25px}.me-material-bottom>span{display:none}.me-material-bottom nav{gap:18px}.me-material-bottom button{font-size:12px}.me-material-bottom>a{font-size:8px;max-width:90px}.me-motion-ready .me-reveal{transform:translate3d(0,18px,0)}}
@media(prefers-reduced-motion:reduce){.me-material-story{height:auto;min-height:780px}.me-material-pin{height:100svh;min-height:780px}.me-opening-shell{height:auto}.me-opening-shell .me-hero{position:relative}.me-intro{margin-top:0}.me-hero-product{transform:translate(-50%,-50%)}.me-hero-product img{transform:none}.me-collage-label{opacity:1;transform:translate(-50%,-50%)}.me-collage-label h2{transform:none}.me-collage-label .me-eyebrow,.me-collage-label p{opacity:1}.me-motion-ready .me-reveal{opacity:1;transform:none}.me-inset{transform:none}.me-market-image:hover img,.me-project-photo:hover img{transform:none}}