.ananas-project-template,.ananas-project-article{--ananas-project-ink: #29373d;--ananas-project-muted: rgb(41 55 61 / .7);--ananas-project-line: rgb(41 55 61 / .22);--ananas-project-pad: clamp(18px, 2.4vw, 44px);--ananas-project-hero-height: 560px;--ananas-project-hero-pad: clamp(24px, 2.4vw, 48px);display:block;color:var(--ananas-project-ink);font-family:var(--font-primary--family);background:#fff}.ananas-project-template__breadcrumb,.ananas-project-article__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-project-template__breadcrumb a,.ananas-project-article__breadcrumb a{color:inherit;text-decoration:none}.ananas-project-template__breadcrumb strong,.ananas-project-article__breadcrumb strong{color:var(--ananas-breadcrumb-color-current);font-weight:var(--ananas-breadcrumb-font-weight-current)}.ananas-project-template h1,.ananas-project-template h2,.ananas-project-template p,.ananas-project-template figure{margin:0}.ananas-project-template__text{color:var(--ananas-project-muted);font-size:14px;line-height:1.58}.ananas-project-template__hero{display:grid;grid-template-columns:minmax(320px,35.5%) minmax(0,1fr);width:100%;background:#f4f2ee}.ananas-project-template__hero-copy{display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--ananas-project-hero-height);padding:clamp(48px,6vw,92px) clamp(34px,4vw,68px) 0 var(--ananas-project-hero-pad);color:var(--ananas-project-hero-copy-text, #111);background:var(--ananas-project-hero-copy-bg, #f4f2ee);padding-bottom:4rem}.ananas-project-template__hero-copy h1{margin-bottom:18px;color:inherit;font-size:32px;font-weight:500;line-height:1.1}.ananas-project-template__hero-copy .ananas-project-template__text{color:var(--ananas-project-hero-copy-muted, var(--ananas-project-muted))}.ananas-project-template__read-link,.ananas-project-article__read-link{display:inline-block;margin-block-start:42px;color:var(--ananas-project-ink);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;text-transform:uppercase}.ananas-project-template__hero-media,.ananas-project-template__hero-media img,.ananas-project-template__placeholder{display:block;width:100%;height:100%}.ananas-project-template__hero-media{height:var(--ananas-project-hero-height);overflow:hidden;min-width:0;background:#d8d8d8}.ananas-project-template__hero-media img{object-fit:cover}.ananas-project-template__placeholder,.ananas-project-template__card-placeholder,.ananas-project-article__placeholder{background:#d8d8d8}.ananas-project-template__all{padding:40px var(--ananas-project-pad) 0}.ananas-project-template__grid-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding-block-end:12px;border-bottom:1px solid var(--ananas-project-line)}.ananas-project-template__grid-label,.ananas-project-template__count{margin:0;color:var(--ananas-project-muted);font-size:10px;font-weight:600;line-height:1.2;text-transform:uppercase}.ananas-project-template__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,5vw,76px) clamp(34px,4vw,62px);margin-block-start:26px}.ananas-project-template__card{min-width:0}.ananas-project-template__card-media{display:block;overflow:hidden;aspect-ratio:1 / 1.05;background:#d8d8d8}.ananas-project-template__card-media img,.ananas-project-template__card-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.ananas-project-template__card:hover .ananas-project-template__card-media img{transform:scale(1.025)}.ananas-project-template__card-title{margin:12px 0 0;color:#111;font-size:14px;font-weight:700;line-height:1.16;letter-spacing:0;margin-top:20px!important}.ananas-project-template__card-title a{color:inherit;text-decoration:none}.ananas-project-template__card-subtitle{margin:5px 0 0;color:var(--ananas-project-muted);font-size:14px;line-height:1.25;margin-top:10px!important}.ananas-project-template__archive{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);gap:clamp(34px,5vw,88px);padding:clamp(58px,7vw,112px) var(--ananas-project-pad) clamp(72px,8vw,130px)}.ananas-project-template__archive-kicker{margin:0;color:#111;font-size:11px;font-weight:700;text-transform:uppercase}.ananas-project-template__archive-text{max-width:340px;margin:16px 0 0;color:var(--ananas-project-muted);font-size:12px;line-height:1.42}.ananas-project-template__archive-list{margin:0;padding:0;border-top:1px solid var(--ananas-project-line);list-style:none}.ananas-project-template__archive-item{border-bottom:1px solid var(--ananas-project-line)}.ananas-project-template__archive-toggle{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;width:100%;padding:16px 0;color:var(--ananas-project-ink);font:inherit;font-size:11px;font-weight:600;text-align:left;background:transparent;border:0;cursor:pointer}.ananas-project-template__archive-count{justify-self:end;color:var(--ananas-project-muted);font-size:10px;font-weight:500}.ananas-project-template__archive-icon{color:var(--ananas-project-muted);transition:transform .22s ease}.ananas-project-template__archive-item details[open] .ananas-project-template__archive-icon{transform:rotate(180deg)}.ananas-project-template__archive-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 38px;padding:0 0 22px 108px}.ananas-project-template__archive-project{color:var(--ananas-project-ink);font-size:11px;line-height:1.35;text-decoration:none}.ananas-project-template__pagination{display:flex;gap:22px;align-items:center;justify-content:center;margin-block-start:58px;padding-block-end:72px;color:var(--ananas-project-ink);font-size:13px;font-weight:400;line-height:1}.ananas-project-template__pagination-list{display:flex;gap:14px;align-items:center;margin:0;padding:0;list-style:none}.ananas-project-template__pagination :is(a,span){color:inherit;text-decoration:none}.ananas-project-template__pagination-link,.ananas-project-template__pagination-arrow{position:relative;display:inline-flex;min-width:18px;min-height:24px;align-items:center;justify-content:center;transition:color .16s ease,opacity .16s ease}.ananas-project-template__pagination-link--current{font-weight:600}.ananas-project-template__pagination-link--current:after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor}.ananas-project-template__pagination-link--gap,.ananas-project-template__pagination-arrow--disabled{opacity:.36}.ananas-project-template__pagination a:hover{opacity:.62}.ananas-project-article__gallery{--project-slide-gap: clamp(28px, 3.4vw, 64px);overflow:hidden;width:100%;padding:0}.ananas-project-article__gallery-viewport{overflow:visible;cursor:grab}.ananas-project-article__gallery-viewport:active{cursor:grabbing}.ananas-project-article__gallery-track{display:flex;gap:var(--project-slide-gap);align-items:stretch;will-change:transform;transition:transform .62s cubic-bezier(.22,1,.36,1)}.ananas-project-article__gallery[data-slide-count="1"] .ananas-project-article__gallery-track{justify-content:center}.ananas-project-article__gallery--loop{--project-gallery-scroll-speed: 40s;display:block}.ananas-project-article__gallery--loop .ananas-project-article__gallery-track{width:max-content;transition:none}.ananas-project-article__gallery-group{display:flex;flex:0 0 auto;gap:var(--project-slide-gap);align-items:stretch}ananas-designers-loop.ananas-project-article__gallery--loop.is-ready{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}ananas-designers-loop.ananas-project-article__gallery--loop.is-dragging{cursor:grabbing}ananas-designers-loop.ananas-project-article__gallery--loop.is-ready .ananas-project-article__gallery-item,ananas-designers-loop.ananas-project-article__gallery--loop.is-ready img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}ananas-designers-loop.ananas-project-article__gallery--loop.is-ready img{pointer-events:none}@media(prefers-reduced-motion:no-preference){.ananas-project-article__gallery--loop:not(.is-ready) .ananas-project-article__gallery-track{animation:ananas-project-gallery-scroll var(--project-gallery-scroll-speed) linear infinite}}@keyframes ananas-project-gallery-scroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - (var(--project-slide-gap) / 2)),0,0)}}.ananas-project-article__gallery-item{position:relative;display:block;flex:0 0 clamp(380px,34vw,670px);overflow:hidden;padding:0;aspect-ratio:1 / 1.04;-webkit-appearance:none;appearance:none;background:#f3f0ea;border:0;cursor:zoom-in;opacity:.48;transition:opacity .36s ease,transform .36s ease}.ananas-project-article__gallery-item:hover img{transform:scale(1.018)}.ananas-project-article__gallery-item.is-active,.ananas-project-article__gallery--loop .ananas-project-article__gallery-item{opacity:1}.ananas-project-article__gallery-item:not(.is-active):after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#29373d2e;pointer-events:none}.ananas-project-article__gallery--loop .ananas-project-article__gallery-item:after{content:none}.ananas-project-article__gallery-item img,.ananas-project-article__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s ease}.ananas-project-article__gallery-rule{position:relative;height:2px;margin:24px var(--ananas-project-pad) 0;background:var(--ananas-project-line)}.ananas-project-article__gallery-rule span{position:absolute;top:0;left:0;width:0;height:2px;background:#111;transition:left .62s cubic-bezier(.22,1,.36,1),width .62s cubic-bezier(.22,1,.36,1)}.ananas-project-article__body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(44px,6vw,98px);padding:34px var(--ananas-project-pad) 0}.ananas-project-article__title{max-width:520px;margin:0 0 24px;color:#29373d;font-family:var(--font-editorial--family);font-size:clamp(24px,2.1vw,38px);font-weight:500;line-height:1.1}.ananas-project-article__rte{color:#29373db8;font-size:13px;line-height:1.48}.ananas-project-article__rte :is(p,ul,ol){margin:0 0 18px}.ananas-project-article__aside{display:flex;align-self:stretch;flex-direction:column;justify-content:flex-end;padding-inline-start:28px;border-left:1px solid var(--ananas-project-line)}.ananas-project-article__aside-inner{width:100%}.ananas-project-article__aside-title{margin:0 0 18px;color:var(--ananas-project-ink);font-size:13px;font-weight:700}.ananas-project-article__info{display:grid;gap:14px;margin:0}.ananas-project-article__info-row{display:grid;grid-template-columns:96px 1fr;gap:16px;color:var(--ananas-project-muted);font-size:11px;line-height:1.35}.ananas-project-article__info-row dt{color:var(--ananas-project-ink);font-weight:700}.ananas-project-article__info-row dd{margin:0}.ananas-project-article__section{padding:clamp(54px,6vw,92px) var(--ananas-project-pad) 0}.ananas-project-article__section-title{margin:0 0 26px;color:var(--ananas-project-ink);font-size:clamp(18px,1.7vw,28px);font-weight:500}.ananas-project-article__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3.2vw,48px)}.ananas-project-article__designer-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.ananas-project-article__bottom{padding-block-end:clamp(72px,7vw,128px)}@media screen and (max-width:989px){.ananas-project-template__hero,.ananas-project-template__archive,.ananas-project-article__body{grid-template-columns:1fr}.ananas-project-template__hero-copy{justify-content:center;min-height:0;padding-bottom:clamp(48px,6vw,92px)}.ananas-project-template__hero-media{height:420px;order:-1}.ananas-project-article__gallery{padding-inline:var(--ananas-project-pad)}.ananas-project-template__grid,.ananas-project-article__related-grid,.ananas-project-article__designer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ananas-project-article__gallery-item{flex-basis:100%}.ananas-project-article__gallery--loop .ananas-project-article__gallery-item{flex-basis:min(78vw,420px)}.ananas-project-article__aside{display:block;align-self:start;padding:26px 0 0;border-top:1px solid var(--ananas-project-line);border-left:0}.ananas-project-template__archive-projects{padding-inline-start:0}}@media screen and (max-width:749px){.ananas-project-template__hero-copy{padding:36px var(--ananas-project-hero-pad) 44px}.ananas-project-template__hero-media{height:320px}.ananas-project-template__hero-copy h1{font-size:26px}.ananas-project-template__grid,.ananas-project-article__related-grid,.ananas-project-article__designer-grid,.ananas-project-template__archive-projects{grid-template-columns:1fr}.ananas-project-template__archive-toggle{grid-template-columns:64px 1fr auto}.ananas-project-template__archive-projects{gap:0;padding-block-end:18px}.ananas-project-template__archive-project{position:relative;padding-block:6px}.ananas-project-template__archive-project:nth-child(3n):after{content:"";position:absolute;inset-inline:0;bottom:-6px;display:block;height:1px;background:#29373d29}.ananas-project-template__archive-project:nth-child(3n){margin-block-end:14px;padding-block-end:14px}.ananas-project-template__pagination{gap:16px;padding-block-end:54px;font-size:12px}.ananas-project-template__pagination-list{gap:11px}.ananas-project-article__gallery-item{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ananas-project-template.css.map */