.ananas-story{--story-ink: #29373d;--story-muted: rgb(41 55 61 / .7);--story-line: rgb(41 55 61 / .16);--story-pad: clamp(18px, 2.4vw, 44px);--story-hero-height: 560px;--story-hero-pad: clamp(24px, 2.4vw, 48px);color:var(--story-ink);font-family:var(--font-primary--family);background:#fff}.ananas-story__breadcrumb{display:flex;flex-wrap:wrap;gap:var(--ananas-breadcrumb-gap);align-items:center;padding-block:var(--ananas-breadcrumb-padding-block);padding-inline:var(--ananas-breadcrumb-padding-inline);color:var(--ananas-breadcrumb-color);font-size:var(--ananas-breadcrumb-font-size);font-weight:var(--ananas-breadcrumb-font-weight);line-height:var(--ananas-breadcrumb-line-height);letter-spacing:0;text-transform:uppercase}.ananas-story__breadcrumb a{color:inherit;text-decoration:none}.ananas-story__breadcrumb strong{color:var(--ananas-breadcrumb-color-current);font-weight:var(--ananas-breadcrumb-font-weight-current)}.ananas-story h1,.ananas-story h2,.ananas-story h3,.ananas-story p,.ananas-story figure{margin:0}.ananas-story__text{color:var(--story-muted);font-size:14px;line-height:1.58}.ananas-story__hero{display:grid;grid-template-columns:minmax(320px,35.5%) minmax(0,1fr);width:100%;background:#f4f2ee}.ananas-story__hero-copy{display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--story-hero-height);padding:clamp(48px,6vw,92px) clamp(34px,4vw,68px) 0 var(--story-hero-pad);color:var(--story-hero-copy-text, #111);background:var(--story-hero-copy-bg, #f4f2ee);padding-bottom:4rem}.ananas-story__hero-copy h1,.ananas-story__since-copy h2,.ananas-story__process-copy h2,.ananas-story__sustain-copy h2,.ananas-story__materials-copy h2{margin-bottom:18px;color:#111;font-size:32px;font-weight:500;line-height:1.1}.ananas-story__hero-copy h1{color:inherit}.ananas-story__hero-copy .ananas-story__text{color:var(--story-hero-copy-muted, var(--story-muted))}.ananas-story__since-media,.ananas-story__step-media,.ananas-story__material-media,.ananas-story__sustain-media{background:var(--story-hero-placeholder)}.ananas-story__hero-media{height:var(--story-hero-height);overflow:hidden;min-width:0;background:var(--story-hero-placeholder)}.ananas-story__hero-media-video{height:100%}.ananas-story__hero-media-video :is(deferred-media,video,iframe,.video-placeholder-wrapper){display:block;width:100%;height:100%}@media screen and (max-width:989px){.ananas-story__hero-media-video--desktop-only{display:none}}@media screen and (min-width:990px){.ananas-story__hero-media-video--mobile-only{display:none}}.ananas-story__hero-media :is(deferred-media,video,iframe,.video-placeholder-wrapper){display:block;width:100%;height:100%}.ananas-story__hero-video{height:100%}.ananas-story__hero-media :is(video,iframe){object-fit:cover}.ananas-story img{display:block;width:100%;height:100%;object-fit:cover}.ananas-story img.ananas-story__image--mobile{display:none}@media screen and (max-width:989px){.ananas-story img.ananas-story__image--desktop{display:none}.ananas-story img.ananas-story__image--mobile{display:block}}.ananas-story__since{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);gap:clamp(34px,7vw,110px);align-items:end;padding:54px var(--story-pad) 42px}.ananas-story__since-media{aspect-ratio:.82 / 1}.ananas-story__since-copy{max-width:860px}.ananas-story__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.ananas-story__stat{padding:18px 22px 0 18px;border-right:1px solid var(--story-line)}.ananas-story__stat:first-child{padding-left:0}.ananas-story__stat:last-child{border-right:0}.ananas-story__stat strong{display:block;color:#111;font-size:22px;font-weight:500;line-height:1.1}.ananas-story__stat span{display:block;margin-top:7px;color:var(--story-muted);font-size:11px}.ananas-story__cycle{margin:0 var(--story-pad);padding:48px 0 54px;border-top:1px solid var(--story-line);text-align:center}.ananas-story__center-copy{display:grid;justify-items:center;max-width:1050px;margin:0 auto 46px;text-align:center}.ananas-story__center-copy h2{max-width:860px;margin-block-start:0;font-family:var(--font-heading--family);font-size:22px;font-weight:600;line-height:1.2}.ananas-story__center-copy .ananas-story__text{max-width:920px;margin-block-start:34px;color:#111;font-size:17px;font-weight:400;line-height:1.32}.ananas-story__link{display:inline-block;margin-top:20px;padding-bottom:8px;border-bottom:1px solid currentColor;color:var(--story-ink);font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase}.ananas-story__cycle .ananas-story__link{margin-top:20px;padding:0 22px 12px;font-size:13px;font-weight:600;line-height:1.1;text-transform:uppercase}.ananas-story__cycle-visual{width:min(560px,92vw);margin:0 auto}.ananas-story__cycle-visual img{height:auto}.ananas-story__cycle-diagram{position:relative;display:block;width:100%;height:420px;margin:0 auto}.ananas-story__cycle-diagram:before{position:absolute;top:51%;left:50%;width:min(318px,62vw);aspect-ratio:1;content:"";border:1px solid rgb(41 55 61 / .12);border-radius:50%;transform:translate(-50%,-50%)}.ananas-story__cycle-center{position:absolute;top:52%;left:50%;display:grid;gap:3px;width:132px;place-content:center;color:var(--story-ink);font-size:14px;font-weight:600;letter-spacing:0;line-height:1.1;transform:translate(-50%,-50%)}.ananas-story__cycle-center svg{width:42px;margin:0 auto 10px;fill:none;stroke:#29373d80;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.ananas-story__cycle-node{position:absolute;display:grid;gap:8px;width:126px;justify-items:center;color:#29373d80;font-size:12px;line-height:1.12;text-align:center;transform:translate(-50%,-50%)}.ananas-story__cycle-node strong{color:#29373d80;font-size:12px;font-weight:500}.ananas-story__cycle-icon{position:relative;display:block;width:34px;height:34px;color:#29373d80}.ananas-story__cycle-icon:before,.ananas-story__cycle-icon:after{position:absolute;content:""}.ananas-story__cycle-icon--human:before{top:5px;right:11px;bottom:9px;left:11px;border:1.5px solid currentColor;border-block-start:0;border-radius:0 0 7px 7px}.ananas-story__cycle-icon--human:after{top:3px;left:12px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;box-shadow:-8px 14px 0 -3px currentColor,10px 14px 0 -3px currentColor}.ananas-story__cycle-icon--wood{border:1.5px solid currentColor;border-radius:50%}.ananas-story__cycle-icon--wood:before{top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid currentColor;border-radius:50%}.ananas-story__cycle-icon--wood:after{top:11px;right:11px;bottom:11px;left:11px;border:1.5px solid currentColor;border-radius:50%}.ananas-story__cycle-icon--local{border:1.5px solid currentColor;border-radius:50% 50% 48% 48%}.ananas-story__cycle-icon--local:before{top:7px;left:10px;width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%}.ananas-story__cycle-icon--local:after{right:9px;bottom:5px;left:9px;height:9px;border:1.5px solid currentColor;border-block-start:0;border-radius:0 0 8px 8px}.ananas-story__cycle-icon--quality:before{top:7px;left:6px;width:22px;height:8px;border:1.5px solid currentColor}.ananas-story__cycle-icon--quality:after{top:16px;left:9px;width:16px;height:13px;border-inline:1.5px solid currentColor;box-shadow:0 -13px 0 -6px currentColor}.ananas-story__cycle-icon--eco:before,.ananas-story__cycle-icon--eco:after{width:16px;height:24px;border:1.5px solid currentColor;border-radius:16px 16px 2px}.ananas-story__cycle-icon--eco:before{top:7px;left:6px;transform:rotate(-34deg)}.ananas-story__cycle-icon--eco:after{top:7px;right:5px;transform:rotate(34deg) scaleX(-1)}.ananas-story__cycle-icon--finish:before{top:9px;left:5px;width:24px;height:18px;border:1.5px solid currentColor}.ananas-story__cycle-icon--finish:after{top:4px;left:17px;width:7px;height:20px;border:1.5px solid currentColor;border-radius:6px 6px 2px 2px}.ananas-story__cycle-icon--life:before{top:4px;left:10px;width:14px;height:26px;border:1.5px solid currentColor;border-radius:2px}.ananas-story__cycle-icon--life:after{top:14px;left:6px;width:22px;height:1.5px;background:currentColor;transform:rotate(-22deg)}.ananas-story__cycle-icon--reuse:before{top:4px;left:6px;width:21px;height:21px;border:1.5px solid currentColor;border-inline-start-color:transparent;border-radius:50%;transform:rotate(-28deg)}.ananas-story__cycle-icon--reuse:after{top:2px;right:3px;width:8px;height:8px;border-block-start:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(18deg)}.ananas-story__cycle-node--top{top:11%;left:50%}.ananas-story__cycle-node--right-top{top:22%;left:76%}.ananas-story__cycle-node--right{top:51%;left:80%}.ananas-story__cycle-node--right-bottom{top:78%;left:74%}.ananas-story__cycle-node--bottom{top:87%;left:50%}.ananas-story__cycle-node--left-bottom{top:78%;left:26%;width:174px}.ananas-story__cycle-node--left{top:51%;left:20%}.ananas-story__cycle-node--left-top{top:24%;left:24%}.ananas-story__gallery{--story-gallery-gap: 34px;--story-gallery-scroll-speed: 35s;padding:44px var(--story-pad) 24px;overflow:hidden}.ananas-story__gallery:not(.ananas-story__gallery--loop) .ananas-story__gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--story-gallery-gap)}.ananas-story__gallery:not(.ananas-story__gallery--loop) .ananas-story__gallery-group{display:contents}.ananas-story__gallery--loop .ananas-story__gallery-track{display:flex;gap:var(--story-gallery-gap);width:max-content;will-change:transform}.ananas-story__gallery--loop .ananas-story__gallery-group{display:flex;flex:0 0 auto;gap:var(--story-gallery-gap)}.ananas-story__gallery--loop .ananas-story__gallery-item{flex:0 0 clamp(360px,29vw,620px);width:clamp(360px,29vw,620px)}ananas-designers-loop.ananas-story__gallery{display:block}ananas-designers-loop.ananas-story__gallery.is-ready{cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}ananas-designers-loop.ananas-story__gallery.is-dragging{cursor:grabbing}ananas-designers-loop.ananas-story__gallery.is-ready img{pointer-events:none;-webkit-user-drag:none}@media(prefers-reduced-motion:no-preference){.ananas-story__gallery--loop:not(.is-ready) .ananas-story__gallery-track{animation:ananas-story-gallery-scroll var(--story-gallery-scroll-speed) linear infinite}}@keyframes ananas-story-gallery-scroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - (var(--story-gallery-gap) / 2)),0,0)}}.ananas-story__gallery-item{position:relative}.ananas-story__gallery-item{aspect-ratio:1 / 1;background:#d8d4cd}.ananas-story__gallery-item figcaption{position:absolute;right:0;bottom:-42px;left:0;color:var(--story-ink);font-size:12px;font-weight:700;text-align:center;text-transform:uppercase}.ananas-story__value-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin-top:76px;padding:34px var(--story-pad);color:#fff;background:var(--story-band);text-align:center}.ananas-story__value h3{margin-bottom:9px;color:#fff;font-size:13px;font-weight:700}.ananas-story__value p{color:#ffffffc2;font-size:12px;line-height:1.45}.ananas-story__process{display:grid;grid-template-columns:minmax(250px,28%) minmax(0,1fr);gap:clamp(36px,6vw,86px);padding:70px var(--story-pad) 60px}.ananas-story__process-copy{align-self:center}.ananas-story__process-grid,.ananas-story__sustain-points,.ananas-story__material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ananas-story__step-media,.ananas-story__material-media{aspect-ratio:1;margin-bottom:18px}.ananas-story__step h3,.ananas-story__sustain-point h3,.ananas-story__material h3{margin-bottom:8px;color:#111;font-size:13px;font-weight:700}.ananas-story__step p,.ananas-story__sustain-point p,.ananas-story__material p{color:var(--story-muted);font-size:12px;line-height:1.45}.ananas-story__sustain{display:grid;grid-template-columns:minmax(250px,28%) minmax(0,1fr);gap:clamp(36px,6vw,86px);padding:62px var(--story-pad);background:#f4f3f1}.ananas-story__sustain-copy{align-self:center}.ananas-story__sustain-media{min-height:320px}.ananas-story__sustain-points{grid-column:1 / -1;margin-top:26px}.ananas-story__sustain-point strong{display:block;margin-bottom:12px;color:#111;font-size:28px;font-weight:500;line-height:1}.ananas-story__materials{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,26%);gap:clamp(34px,6vw,78px);align-items:center;padding:58px var(--story-pad) 70px}.ananas-story__materials-copy{max-width:340px}.ananas-story__materials-mobile-media{display:none;background:var(--story-hero-placeholder)}@media screen and (max-width:989px){.ananas-story__hero,.ananas-story__since,.ananas-story__process,.ananas-story__sustain,.ananas-story__materials{grid-template-columns:1fr}.ananas-story__hero-copy{justify-content:center;min-height:0;padding-bottom:clamp(48px,6vw,92px)}.ananas-story__hero-media{height:420px;order:-1}.ananas-story__value-band,.ananas-story__process-grid,.ananas-story__sustain-points,.ananas-story__material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ananas-story__gallery:not(.ananas-story__gallery--loop) .ananas-story__gallery-track{grid-template-columns:repeat(2,minmax(0,1fr))}.ananas-story__gallery--loop .ananas-story__gallery-item{flex-basis:clamp(260px,44vw,420px);width:clamp(260px,44vw,420px)}.ananas-story__materials-copy{max-width:none}}@media screen and (max-width:749px){.ananas-story{--story-pad: 20px}.ananas-story__center-copy .ananas-story__text{margin-block-start:28px;line-height:1.34}.ananas-story__hero-copy{padding:36px var(--story-hero-pad) 44px}.ananas-story__hero-media{height:320px}.ananas-story__hero-copy h1,.ananas-story__since-copy h2,.ananas-story__process-copy h2,.ananas-story__sustain-copy h2,.ananas-story__materials-copy h2{font-size:26px}.ananas-story__cycle{border-top:none}.ananas-story__stats,.ananas-story__value-band,.ananas-story__process-grid,.ananas-story__sustain-points{grid-template-columns:1fr}.ananas-story__sustain-copy .ananas-story__text,.ananas-story__material-grid{display:none}.ananas-story__materials-mobile-media{display:block;aspect-ratio:1 / 1;overflow:hidden}.ananas-story__materials-copy{order:-1}.ananas-story__gallery{--story-gallery-gap: 18px}.ananas-story__gallery:not(.ananas-story__gallery--loop) .ananas-story__gallery-track{grid-template-columns:1fr}.ananas-story__gallery--loop .ananas-story__gallery-item{flex-basis:clamp(250px,78vw,340px);width:clamp(250px,78vw,340px)}.ananas-story__stat{padding-left:0;border-right:0;border-bottom:1px solid var(--story-line)}.ananas-story__value-band{margin-top:54px}.ananas-story__cycle-visual{width:100%}.ananas-story__cycle-diagram{height:430px}.ananas-story__cycle-diagram:before{width:min(260px,64vw)}.ananas-story__cycle-center{font-size:13px}.ananas-story__cycle-center svg{width:30px}.ananas-story__cycle-node{width:104px;gap:6px}.ananas-story__cycle-node strong{font-size:10px}.ananas-story__cycle-icon{width:28px;height:28px}.ananas-story__cycle-node--right-top{left:78%}.ananas-story__cycle-node--right{left:82%}.ananas-story__cycle-node--left-bottom{left:24%;width:140px}.ananas-story__cycle-node--left{left:18%}.ananas-story__cycle-node--left-top{left:22%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ananas-story-philosophy.css.map */