.material-system{padding:clamp(72px,9vw,132px) 0;border-top:1px solid var(--line);background:var(--paper)}.material-system__header{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr);gap:clamp(28px,5vw,88px);align-items:start;margin-bottom:clamp(42px,6vw,76px)}.material-system__header .eyebrow{padding-top:10px}.material-system__header h2{max-width:18ch;margin:0;font-family:var(--sans);font-size:clamp(2.5rem,4.6vw,4.625rem);font-weight:300;letter-spacing:-.055em;line-height:.96;text-wrap:balance}.material-system__header p{max-width:54ch;margin:24px 0 0;color:var(--ink-soft);font-size:clamp(var(--type-label),1.2vw,1.0625rem);line-height:1.65}.material-system__comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,32px)}.material-system__panel{min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--paper)}.material-system__panel--signature{background:color-mix(in srgb,var(--stone) 38%,var(--paper))}.material-system__visual{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;contain:paint;isolation:isolate;background:#f3f1ed}.material-system__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 5%,transparent)}.material-system__visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.material-system__panel:hover .material-system__visual img{transform:scale(1.025)}.material-system__visual figcaption{position:absolute;z-index:2;right:14px;bottom:14px;left:14px;display:flex;justify-content:space-between;gap:16px;padding:10px 12px;color:var(--ink);font-family:var(--utility);font-size:var(--type-caption);letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb,var(--paper) 96%,transparent)}.material-system__panel-head span,.material-system__facts dt{color:var(--ink-soft);font-family:var(--utility);font-size:var(--type-caption);letter-spacing:.13em;text-transform:uppercase}.material-system__panel-head h3{margin:0;font-size:clamp(1.6875rem,3.3vw,2.875rem);font-weight:400;letter-spacing:-.035em;line-height:1.02}.material-system__description{max-width:44ch;min-height:3.3em;margin:18px 0 0;color:var(--ink-soft);font-size:var(--type-label);line-height:1.65}.material-system__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;border-block:1px solid var(--line)}.material-system__facts div{min-width:0;padding:18px 16px 18px 0}.material-system__facts div+div{padding-left:16px;border-left:1px solid var(--line)}.material-system__facts dd{margin:8px 0 0;font-size:var(--type-label);font-weight:500;line-height:1.45;overflow-wrap:anywhere}.material-system__benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 0;padding:0;list-style:none}.material-system__panel--signature .material-system__benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.material-system__benefits li{min-width:0}.material-system__benefits svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.material-system__benefits span{display:block;margin-top:12px;font-family:var(--utility);font-size:var(--type-caption);letter-spacing:.09em;line-height:1.35;text-transform:uppercase}.material-system__panel-head,.material-system__description,.material-system__facts,.material-system__benefits{margin-inline:clamp(24px,3vw,42px)}.material-system__panel-head{margin-top:clamp(28px,3vw,42px)}.material-system__benefits{margin-bottom:clamp(30px,3vw,44px)}@media(max-width:900px){.material-system__header{grid-template-columns:1fr;gap:18px}.material-system__header .eyebrow{padding-top:0}.material-system__comparison{grid-template-columns:1fr}.material-system__description{min-height:0}}@media(max-width:560px){.material-system{padding:64px 0}.material-system__header{margin-bottom:36px}.material-system__header h2{max-width:14ch;font-size:2.5rem;letter-spacing:-.045em;line-height:.98}.material-system__header p{margin-top:18px}.material-system__panel{padding:0}.material-system__panel--signature{margin-inline:0;padding-inline:0}.material-system__visual{aspect-ratio:4/3}.material-system__visual figcaption{right:10px;bottom:10px;left:10px}.material-system__facts{grid-template-columns:1fr}.material-system__facts div,.material-system__facts div+div{padding:14px 0;border-left:0}.material-system__facts div+div{border-top:1px solid var(--line)}.material-system__benefits,.material-system__panel--signature .material-system__benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/paggo-material-system.css.map */