.pino-material-care{scroll-margin-top:9rem}.pino-material-care__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,.7fr);gap:clamp(4rem,9vw,14rem);align-items:start;margin-bottom:clamp(3rem,5vw,6rem)}.pino-material-care__intro h2{max-width:12ch;margin:0;font-size:clamp(4rem,6vw,8.5rem);line-height:.92;letter-spacing:-.055em}.pino-material-care__intro .rte{max-width:66rem;font-size:clamp(1.5rem,1.25vw,1.9rem);line-height:1.55}.pino-material-care__selector{position:sticky;top:var(--header-height, 0);z-index:4;display:flex;gap:.8rem;overflow-x:auto;padding:1.2rem 0 1.4rem;margin:0 0 clamp(4rem,6vw,8rem);background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.18);border-bottom:.1rem solid rgba(var(--color-foreground),.18);scrollbar-width:thin}.pino-material-care__selector a{flex:0 0 auto;padding:1rem 1.7rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:999px;color:rgb(var(--color-foreground));font-size:1.35rem;line-height:1;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease}.pino-material-care__selector a:hover,.pino-material-care__selector a:focus-visible{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.pino-material-care__group{display:grid;grid-template-columns:minmax(16rem,.45fr) minmax(0,1.55fr);gap:clamp(2rem,5vw,8rem);padding:clamp(3rem,5vw,6.5rem) 0;border-top:.1rem solid rgba(var(--color-foreground),.2);scroll-margin-top:13rem}.pino-material-care__group-head{position:sticky;top:calc(var(--header-height, 0px) + 7rem);align-self:start}.pino-material-care__group-head p{margin:0 0 1rem;color:rgba(var(--color-foreground),.55);font-size:1.2rem;letter-spacing:.14em}.pino-material-care__group-head h3{margin:0;font-size:clamp(2.6rem,3vw,4.8rem);line-height:1;letter-spacing:-.035em}.pino-material-care__cards{min-width:0}.pino-material-care__card{border-top:.1rem solid rgba(var(--color-foreground),.22)}.pino-material-care__card:last-child{border-bottom:.1rem solid rgba(var(--color-foreground),.22)}.pino-material-care__card summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.2rem 0;cursor:pointer;list-style:none;font-size:clamp(1.8rem,1.65vw,2.5rem);line-height:1.15;font-weight:600}.pino-material-care__card summary::-webkit-details-marker{display:none}.pino-material-care__card summary span:last-child{flex:0 0 auto;font-size:2.4rem;font-weight:400;transition:transform .2s ease}.pino-material-care__card[open] summary span:last-child{transform:rotate(45deg)}.pino-material-care__card>div{max-width:84rem;padding:0 4rem 2.8rem 0;font-size:clamp(1.45rem,1.1vw,1.7rem);line-height:1.58}.pino-material-care__card p{margin:0 0 1.1rem}.pino-material-care__card strong{font-weight:650}.pino-material-care__help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:end;margin-top:clamp(4rem,8vw,10rem);padding:clamp(3rem,5vw,6rem);color:#f5f0e8;background:#b9644b}.pino-material-care__help h3{max-width:15ch;margin:.8rem 0 1.5rem;font-size:clamp(3rem,4vw,6rem);line-height:.95;letter-spacing:-.045em}.pino-material-care__help p{max-width:66rem}.pino-material-care__help .pino-content-hub__eyebrow{color:inherit}.pino-material-care__help-links{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}.pino-material-care__help .pino-content-hub__button{color:#f5f0e8;border-color:#f5f0e8b3}.pino-material-care__help .pino-content-hub__button:hover,.pino-material-care__help .pino-content-hub__button:focus-visible{color:#b9644b;background:#f5f0e8}@media screen and (max-width:749px){.pino-material-care__intro{grid-template-columns:1fr;gap:2.4rem}.pino-material-care__intro h2{font-size:clamp(4rem,13vw,6rem)}.pino-material-care__selector{margin-right:-1.5rem;padding-right:1.5rem}.pino-material-care__group{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0;scroll-margin-top:12rem}.pino-material-care__group-head{position:static}.pino-material-care__group-head{display:flex;align-items:baseline;gap:1rem}.pino-material-care__group-head p{margin:0}.pino-material-care__card summary{padding:1.8rem 0;font-size:1.9rem}.pino-material-care__card>div{padding:0 0 2.3rem}.pino-material-care__help{grid-template-columns:1fr;gap:2.5rem;padding:3rem 2rem}.pino-material-care__help-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.pino-material-care__selector a,.pino-material-care__card summary span:last-child{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/pino-material-care.css.map */