.vaggaro-system-page{--vsp-ink: #2f332e;--vsp-muted: rgba(47, 51, 46, .72);--vsp-line: rgba(47, 51, 46, .14);--vsp-paper: #fbfaf7;--vsp-warm: #f4efe7;--vsp-stone: #eee7dc;background:var(--vsp-background, var(--vsp-paper));color:var(--vsp-color, var(--vsp-ink));font-family:var(--font-body-family)}.vaggaro-system-page__inner{margin:0 auto;max-width:124rem;padding:clamp(3.2rem,5vw,5.8rem) 2rem}.vaggaro-system-page__header{display:grid;gap:1rem;margin-bottom:clamp(2rem,3vw,3.2rem);max-width:72rem}.vaggaro-system-page__eyebrow,.vaggaro-system-page__label,.vaggaro-system-page__meta{color:var(--vsp-muted);font-size:1rem;font-weight:600;letter-spacing:.1em;line-height:1.35;margin:0;text-transform:uppercase}.vaggaro-system-page__heading{color:inherit;font-size:clamp(2.8rem,4.8vw,5rem);font-weight:400;letter-spacing:0;line-height:1.08;margin:0;max-width:18ch}.vaggaro-system-page__text{color:var(--vsp-muted);font-size:1.42rem;line-height:1.58;max-width:58rem}.vaggaro-system-page__text p,.vaggaro-system-card__text p,.vaggaro-system-details__answer p{margin:0}.vaggaro-system-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}.vaggaro-system-button{align-items:center;background:var(--vsp-button-background, var(--vsp-ink));border:.1rem solid var(--vsp-button-background, var(--vsp-ink));color:var(--vsp-button-color, #fff);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.07em;min-height:4.4rem;padding:1.2rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase}.vaggaro-system-button--secondary{background:transparent;color:currentColor}.vaggaro-system-hero__inner{align-items:stretch;display:grid;gap:2.4rem;grid-template-columns:minmax(0,1fr)}.vaggaro-system-hero__media,.vaggaro-system-media{background:var(--vsp-stone);min-height:28rem;overflow:hidden;position:relative}.vaggaro-system-hero__image,.vaggaro-system-media__image,.vaggaro-system-video__poster,.vaggaro-system-video__video{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.vaggaro-system-hero__facts,.vaggaro-system-card-grid,.vaggaro-system-overview__grid,.vaggaro-system-nav__grid{display:grid;gap:.8rem}.vaggaro-system-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.8rem}.vaggaro-system-fact,.vaggaro-system-card,.vaggaro-system-details,.vaggaro-system-resource,.vaggaro-system-nav__link{background:#fffdfac7;border:.1rem solid var(--vsp-line);border-radius:.8rem;color:inherit;min-width:0;text-decoration:none}.vaggaro-system-fact{padding:1.1rem}.vaggaro-system-fact strong{display:block;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1}.vaggaro-system-fact span{color:var(--vsp-muted);display:block;font-size:1.08rem;line-height:1.35;margin-top:.6rem}.vaggaro-system-overview__grid{position:relative}.vaggaro-system-overview__item{align-items:center;background:#fffdfad1;border:.1rem solid var(--vsp-line);border-radius:.8rem;display:grid;gap:1rem;grid-template-columns:7.2rem minmax(0,1fr);padding:1rem;position:relative}.vaggaro-system-overview__item+.vaggaro-system-overview__item:before{background:var(--vsp-line);content:"";height:1.6rem;left:4.8rem;position:absolute;top:-1.7rem;width:.1rem}.vaggaro-system-overview__thumb{aspect-ratio:1;background:var(--vsp-stone);border-radius:.6rem;overflow:hidden}.vaggaro-system-overview__thumb img{height:100%;object-fit:cover;width:100%}.vaggaro-system-card{display:grid;gap:1rem;padding:1.2rem}.vaggaro-system-card__media{aspect-ratio:5 / 4;background:var(--vsp-stone);border-radius:.6rem;overflow:hidden}.vaggaro-system-card h3,.vaggaro-system-details summary,.vaggaro-system-resource strong,.vaggaro-system-nav__link strong{color:inherit;font-size:clamp(1.8rem,2.4vw,2.3rem);font-weight:400;letter-spacing:0;line-height:1.15;margin:0}.vaggaro-system-card__text,.vaggaro-system-details__answer,.vaggaro-system-resource span,.vaggaro-system-nav__link span{color:var(--vsp-muted);font-size:1.28rem;line-height:1.48}.vaggaro-system-card__facts{border-top:.1rem solid var(--vsp-line);display:grid;gap:.6rem;padding-top:1rem}.vaggaro-system-card__facts div{display:flex;gap:1rem;justify-content:space-between}.vaggaro-system-card__facts dt{color:var(--vsp-muted);margin:0}.vaggaro-system-card__facts dd{margin:0;text-align:right}.vaggaro-system-card__link{align-self:end;border-bottom:.1rem solid currentColor;color:inherit;font-size:1rem;font-weight:600;justify-self:start;letter-spacing:.07em;padding-bottom:.4rem;text-decoration:none;text-transform:uppercase}.vaggaro-system-video-grid,.vaggaro-system-video{display:grid;gap:1rem}.vaggaro-system-video__frame{aspect-ratio:16 / 9;background:var(--vsp-stone);border-radius:.8rem;overflow:hidden}.vaggaro-system-video__content{display:grid;gap:.6rem}.vaggaro-system-details{padding:0}.vaggaro-system-details summary{cursor:pointer;list-style:none;padding:1.4rem}.vaggaro-system-details summary::-webkit-details-marker{display:none}.vaggaro-system-details__answer{border-top:.1rem solid var(--vsp-line);display:grid;gap:1rem;padding:0 1.4rem 1.4rem}.vaggaro-system-details__layout{display:grid;gap:1.2rem}.vaggaro-system-details__image{aspect-ratio:5 / 4;background:var(--vsp-stone);border-radius:.6rem;overflow:hidden}.vaggaro-system-resource,.vaggaro-system-nav__link{display:grid;gap:.6rem;padding:1.2rem}.vaggaro-system-resource__status{color:var(--vsp-muted);font-size:1.05rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.vaggaro-system-build__featured{background:#2f332e;color:#fff}.vaggaro-system-build__featured .vaggaro-system-card__text,.vaggaro-system-build__featured .vaggaro-system-page__meta{color:#ffffffc2}@media screen and (min-width:750px){.vaggaro-system-page__inner{padding-left:5.2rem;padding-right:5.2rem}.vaggaro-system-hero__inner{align-items:center;grid-template-columns:minmax(0,.78fr) minmax(0,1fr)}.vaggaro-system-hero__media{min-height:46rem}.vaggaro-system-card-grid,.vaggaro-system-nav__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vaggaro-system-card-grid--two,.vaggaro-system-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vaggaro-system-details__layout{grid-template-columns:minmax(20rem,.34fr) minmax(0,1fr)}.vaggaro-system-overview__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vaggaro-system-overview__item{grid-template-columns:minmax(0,1fr)}.vaggaro-system-overview__item+.vaggaro-system-overview__item:before{height:.1rem;left:-1rem;top:5rem;width:1rem}}@media screen and (max-width:749px){.vaggaro-system-hero__facts{grid-template-columns:1fr}.vaggaro-system-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-vaggaro-system-collection.css.map */