.material-function{display:block;background:var(--mf-bg);padding:48px 16px}.material-function *{box-sizing:border-box}.material-function__inner{max-width:1152px;margin:0 auto}.material-function__heading{margin:0 0 32px;text-align:center;color:var(--mf-heading);font-size:clamp(2.6rem,2.8vw,3.4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;text-transform:none;text-wrap:balance}.material-function__heading span{color:var(--mf-accent)}.material-function__track{display:grid;grid-template-columns:repeat(4,minmax(0,270px));gap:24px;justify-content:center}.material-function__card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(var(--color-foreground),.12);border-radius:12px;background:#fff;box-shadow:none}.material-function__image{aspect-ratio:1;margin:12px 12px 0;border-radius:8px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.material-function__image img{display:block;width:100%;height:100%;object-fit:cover}.material-function__body{padding:1.8rem 1.6rem 2rem;text-align:center;flex:1}.material-function__body h3{margin:0 0 .8rem;color:var(--mf-heading);font-size:1.7rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-transform:none}.material-function__text{margin-bottom:0;color:var(--mf-text);font-size:1.4rem;line-height:1.65}.material-function__text p{margin:0 0 1rem}.material-function__text p:last-child{margin-bottom:0}.material-function__controls{display:none}@media(max-width:749px){.material-function{padding:36px 0}.material-function__heading{padding:0 16px;font-size:2.4rem;line-height:1.15}.material-function__track{display:flex;gap:16px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:0 16px 4px;scrollbar-width:none}.material-function__track::-webkit-scrollbar{display:none}.material-function__card{flex:0 0 85%;min-width:0;scroll-snap-align:start}.material-function__controls{display:flex;justify-content:center;gap:16px;margin-top:24px}.material-function__controls button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background:transparent;color:var(--mf-heading);cursor:pointer}.material-function__controls button:disabled{opacity:.35;cursor:default}}.material-function button:focus-visible,.material-function__track:focus-visible{outline:2px solid var(--mf-accent);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map */