@font-face{font-family:Amlaki Albert Sans;src:url(./amlaki-albert-sans.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}.amlaki-numbers{--amlaki-numbers-background: #f8faf6;--amlaki-numbers-surface: #fffefa;--amlaki-numbers-heading: #123c2a;--amlaki-numbers-text: #2e5141;--amlaki-numbers-muted: #607268;--amlaki-numbers-border: #b9cbbf;--amlaki-numbers-accent: #8d6622;--amlaki-numbers-padding-top: 96px;--amlaki-numbers-padding-bottom: 96px;padding-block:var(--amlaki-numbers-padding-top) var(--amlaki-numbers-padding-bottom);color:var(--amlaki-numbers-text);background:var(--amlaki-numbers-background)}.amlaki-numbers *,.amlaki-numbers *:before,.amlaki-numbers *:after{box-sizing:border-box}.amlaki-numbers__shell{width:min(100%,1200px);margin-inline:auto;padding-inline:20px}.amlaki-numbers__header{margin-bottom:64px;text-align:center}.amlaki-numbers__eyebrow{display:inline-flex;min-height:32px;margin:0 0 16px;padding:6px 15px;align-items:center;border:1px solid color-mix(in srgb,var(--amlaki-numbers-accent) 28%,transparent);border-radius:30px;color:var(--amlaki-numbers-accent);background:color-mix(in srgb,var(--amlaki-numbers-accent) 10%,var(--amlaki-numbers-surface));font:650 12px/1.6 Amlaki Albert Sans,Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}.amlaki-numbers__heading{margin:0 0 16px;color:var(--amlaki-numbers-heading);font:720 clamp(28px,5vw,48px)/1.1 "Amlaki Albert Sans",Arial,sans-serif;letter-spacing:0;text-wrap:balance}.amlaki-numbers__description{max-width:600px;margin:0 auto;color:var(--amlaki-numbers-muted);font:400 17px/1.6 Amlaki Albert Sans,Arial,sans-serif;letter-spacing:0}.amlaki-numbers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.amlaki-number-card{position:relative;display:flex;min-width:0;min-height:240px;padding:32px 20px;overflow:hidden;align-items:center;flex-direction:column;border:1px solid var(--amlaki-numbers-border);border-radius:20px;color:var(--amlaki-numbers-text);background:var(--amlaki-numbers-surface);box-shadow:0 1px #ffffffe6 inset,0 14px 38px #123c2a0b;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .3s ease}.amlaki-number-card:before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:var(--amlaki-numbers-accent);opacity:0;transform:scaleX(.28);transform-origin:center;transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.amlaki-number-card__icon{display:grid;width:52px;height:52px;margin-bottom:20px;flex:0 0 52px;place-items:center;border:1px solid color-mix(in srgb,var(--amlaki-numbers-accent) 30%,transparent);border-radius:50%;color:var(--amlaki-numbers-accent);background:color-mix(in srgb,var(--amlaki-numbers-accent) 8%,var(--amlaki-numbers-surface));transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.amlaki-number-card__icon svg{width:30px;height:30px}.amlaki-number-card__counter{display:inline-flex;min-height:56px;margin-bottom:16px;align-items:center;justify-content:center;gap:2px;color:var(--amlaki-numbers-heading);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.amlaki-number-card__fallback{color:var(--amlaki-numbers-heading);font:760 clamp(32px,5vw,48px)/1 "Amlaki Albert Sans",Arial,sans-serif;letter-spacing:0}.amlaki-number-card__digit{position:relative;width:clamp(25px,3.15vw,37px);height:clamp(40px,4vw,56px);overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--amlaki-numbers-background) 72%,white)}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__digit,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__digit{width:clamp(20px,2.25vw,26px)}.amlaki-number-card__reel{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;will-change:transform}.amlaki-number-card__cell{display:flex;height:clamp(40px,4vw,56px);flex:0 0 clamp(40px,4vw,56px);align-items:center;justify-content:center;color:var(--amlaki-numbers-heading);font:760 clamp(28px,3.25vw,40px)/1 "Amlaki Albert Sans",Arial,sans-serif;letter-spacing:0}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__suffix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__suffix{font-size:clamp(27px,2.8vw,35px)}.amlaki-number-card__separator,.amlaki-number-card__prefix,.amlaki-number-card__suffix{color:var(--amlaki-numbers-heading);font:760 clamp(28px,3.25vw,40px)/1 "Amlaki Albert Sans",Arial,sans-serif;letter-spacing:0}.amlaki-number-card__separator{align-self:flex-end;padding-bottom:clamp(3px,.4vw,7px)}.amlaki-number-card__suffix{padding-left:2px;color:var(--amlaki-numbers-accent)}.amlaki-number-card__label{margin:0 0 4px;color:var(--amlaki-numbers-text);font:620 16px/1.7 Amlaki Albert Sans,Arial,sans-serif;letter-spacing:0}.amlaki-number-card__sublabel{margin:0;color:var(--amlaki-numbers-muted);font:400 13px/1.7 Amlaki Albert Sans,Arial,sans-serif;letter-spacing:0}.amlaki-numbers__empty{padding:32px;border:1px dashed var(--amlaki-numbers-border);border-radius:8px;color:var(--amlaki-numbers-muted);text-align:center}@media(hover:hover)and (pointer:fine){.amlaki-number-card:hover{border-color:color-mix(in srgb,var(--amlaki-numbers-accent) 56%,var(--amlaki-numbers-border));box-shadow:0 20px 40px -15px #123c2a3d;transform:translateY(-8px)}.amlaki-number-card:hover:before{opacity:1;transform:scaleX(1)}.amlaki-number-card:hover .amlaki-number-card__icon{border-color:var(--amlaki-numbers-accent);color:var(--amlaki-numbers-surface);background:var(--amlaki-numbers-accent);transform:scale(1.1) rotate(-5deg)}}@media screen and (max-width:989px){.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__fallback,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__fallback{font-size:29px}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__digit,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__digit{width:clamp(14px,2vw,17px)}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__suffix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__suffix{font-size:clamp(23px,3.25vw,27px)}}@media screen and (max-width:749px){.amlaki-numbers__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.amlaki-number-card{min-height:251px}.amlaki-number-card__digit{width:clamp(20px,6.3vw,27px)}.amlaki-number-card__counter{gap:1px}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__fallback,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__fallback{font-size:27px}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__digit,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__digit{width:clamp(14px,4vw,17px)}.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__cell,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__separator,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__prefix,.amlaki-number-card__counter[data-digits="6"] .amlaki-number-card__suffix,.amlaki-number-card__counter[data-digits="7"] .amlaki-number-card__suffix{font-size:clamp(22px,6.4vw,27px)}}@media screen and (max-width:374px){.amlaki-number-card{padding-inline:14px}.amlaki-number-card__icon{width:48px;height:48px;flex-basis:48px}.amlaki-number-card__fallback{font-size:30px}}@media(prefers-reduced-motion:reduce){.amlaki-number-card,.amlaki-number-card:before,.amlaki-number-card__icon,.amlaki-number-card__reel{transition:none!important}.amlaki-number-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/amlaki-numbers-that-matter.css.map */