.eco-story-column{display:contents}ecoself-experience{display:block}.eco-experience{--eco-motion-duration:.9s;--eco-motion-ease:cubic-bezier(.2,.75,.2,1);--eco-header-height:88px}.eco-experience[data-eco-sticky=true] .eco-header-section{position:sticky;top:0;z-index:20}.eco-experience .ecoself-section[id],.eco-experience #MainContent{scroll-margin-top:calc(var(--eco-header-height) + 24px)}.eco-experience[data-eco-progress=true] .eco-header:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--eco-blue);transform:scaleX(var(--eco-reading-progress,0));transform-origin:left;pointer-events:none}.eco-motion-active .eco-reveal{transition:opacity var(--eco-motion-duration) ease,transform var(--eco-motion-duration) var(--eco-motion-ease);transition-delay:var(--eco-reveal-delay,0ms)}.eco-motion-active .eco-reveal.eco-prepared:not(.eco-visible){opacity:0;transform:translateY(22px)}.eco-motion-active .eco-reveal:focus-within{opacity:1!important;transform:none!important}.eco-motion-active[data-eco-motion=chapter] .eco-hero-copy.eco-prepared:not(.eco-visible){transform:translate(-24px)}.eco-motion-active[data-eco-motion=chapter] .eco-photo.eco-prepared{opacity:1;transform:none}.eco-motion-active[data-eco-motion=chapter] .eco-photo.eco-prepared img{transition:transform calc(var(--eco-motion-duration) + .2s) var(--eco-motion-ease);transform:scale(1.04)}.eco-motion-active[data-eco-motion=chapter] .eco-photo.eco-visible img{transform:scale(1)}.eco-motion-active[data-eco-motion=chapter] .eco-photo.eco-prepared:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--eco-ice);transform:translate(0);transition:transform calc(var(--eco-motion-duration) + .1s) var(--eco-motion-ease);pointer-events:none}.eco-motion-active[data-eco-motion=chapter] .eco-photo.eco-visible:after{transform:translate(101%)}.eco-experience[data-eco-motion=chapter] .eco-life-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto;align-items:start}.eco-experience[data-eco-motion=chapter] .eco-life-photo{grid-column:1;grid-row:1;height:480px;position:relative}.eco-experience[data-eco-motion=chapter][data-eco-photo-sticky=true] .eco-life-photo{position:sticky;top:calc(var(--eco-header-height) + 24px)}.eco-experience[data-eco-motion=chapter] .eco-story-column{display:block;grid-column:2;grid-row:1;padding-top:56px;margin-left:-48px;z-index:2}.eco-experience[data-eco-motion=chapter] .eco-life-copy{min-height:360px;padding:48px;margin:0}.eco-experience[data-eco-motion=chapter] .eco-life-note{min-height:320px;padding:48px;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eco-experience[data-eco-motion=chapter] .eco-life-right .eco-life-photo{grid-column:2}.eco-experience[data-eco-motion=chapter] .eco-life-right .eco-story-column{grid-column:1;margin-left:0;margin-right:-48px}.eco-floating[hidden],.eco-panel:not([open]){display:none}.eco-floating{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:35;display:flex;max-width:calc(100% - 48px);box-shadow:0 8px 24px color-mix(in srgb,var(--eco-deep) 16%,transparent);font:13px/1.5 var(--font-body-family)}.eco-floating a{min-height:54px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--eco-deep);background:var(--eco-light);color:var(--eco-deep);text-decoration:none;overflow-wrap:anywhere}.eco-floating .eco-floating-open{background:var(--eco-deep);color:var(--eco-white)}.eco-floating .eco-floating-open .eco-icon{color:var(--eco-white)}.eco-floating a+a{border-left:0}.eco-floating a:focus-visible,.eco-panel :is(a,button):focus-visible{outline:2px solid var(--eco-blue);outline-offset:4px}.eco-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100%);max-width:100%;max-height:100%;height:100%;height:100dvh;padding:0;border:0;background:var(--eco-light);color:var(--eco-text);overflow-y:auto;overscroll-behavior:contain;font:14px/1.9 var(--font-body-family);transform:translate(102%);opacity:.6;transition:transform .35s var(--eco-motion-ease),opacity .35s ease}.eco-panel.eco-panel-open{transform:translate(0);opacity:1}.eco-panel::backdrop{background:color-mix(in srgb,var(--eco-deep) 36%,transparent)}.eco-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px;background:var(--eco-deep);color:var(--eco-white)}.eco-panel-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--eco-white);cursor:pointer}.eco-panel-close .eco-icon{color:currentColor}.eco-panel-body{padding:32px 28px max(40px,env(safe-area-inset-bottom))}.eco-panel h2{font:400 24px/1.6 var(--font-heading-family);margin:0 0 14px;color:var(--eco-title);overflow-wrap:anywhere}.eco-panel p{margin:0 0 24px;overflow-wrap:anywhere}.eco-panel-body a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:16px 0;border-bottom:var(--eco-line) solid var(--eco-rule);color:var(--eco-deep);text-decoration:none;overflow-wrap:anywhere}.eco-panel-body .eco-panel-child{padding-left:20px;font-size:13px}.eco-experience.eco-motion-reduced .eco-reveal,.eco-experience.eco-editor .eco-reveal{opacity:1!important;transform:none!important;transition:none!important}.eco-experience.eco-motion-reduced .eco-photo img,.eco-experience.eco-editor .eco-photo img{transform:none!important;transition:none!important}.eco-motion-reduced .eco-panel,.eco-experience[data-eco-motion=off] .eco-panel{transition:none}@media(hover:hover){.eco-floating a:hover,.eco-panel-body a:hover{text-decoration:underline;text-underline-offset:5px}}@media(max-width:989px){.eco-experience[data-eco-motion=chapter] .eco-life-copy,.eco-experience[data-eco-motion=chapter] .eco-life-note{padding:32px 28px}}@media(max-width:749px){.eco-experience[data-eco-motion=chapter] .eco-life-grid{display:block}.eco-experience[data-eco-motion=chapter] .eco-life-photo,.eco-experience[data-eco-motion=chapter][data-eco-photo-sticky=true] .eco-life-photo{position:relative;top:0;height:300px}.eco-experience[data-eco-motion=chapter] .eco-story-column,.eco-experience[data-eco-motion=chapter] .eco-life-right .eco-story-column{position:relative;padding-top:0;margin:-28px 0 0 36px}.eco-experience[data-eco-motion=chapter] .eco-life-copy,.eco-experience[data-eco-motion=chapter] .eco-life-note{min-height:0;padding:32px 24px}.eco-floating{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.eco-floating a{min-height:48px;padding:10px 14px;font-size:12px}.eco-panel-head{padding:18px 20px}.eco-panel-body{padding:24px 24px max(32px,env(safe-area-inset-bottom))}}@media(max-width:380px){.eco-panel-head{padding-inline:16px;gap:6px}.eco-experience[data-eco-motion=chapter] .eco-life-copy h3{font-size:22px;letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){.eco-motion-active .eco-reveal{opacity:1!important;transform:none!important;transition:none!important}.eco-motion-active .eco-photo img{transform:none!important;transition:none!important}.eco-motion-active .eco-photo.eco-prepared:after{display:none}.eco-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ecoself-experience.css.map */