@layer components{.macbook-pro-hero{padding-block:clamp(2rem,3vw,4rem) clamp(1.4rem,2vw,2.4rem);background:linear-gradient(180deg,#f7f9fc,#fff)}.macbook-pro-hero__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(34rem,1.1fr);align-items:center;gap:clamp(2.4rem,4vw,5.6rem)}.macbook-pro-hero__content{max-width:58rem}.macbook-pro-hero__eyebrow{margin:0 0 .8rem;color:rgb(var(--color-link));font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.macbook-pro-hero__title{margin:0;color:rgb(var(--color-foreground));font-size:clamp(3.2rem,3.8vw,5.2rem);font-weight:650;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.macbook-pro-hero__title [dir=ltr]{display:inline-block;unicode-bidi:isolate}.macbook-pro-hero__text{max-width:52rem;margin-top:1.2rem;color:rgba(var(--color-foreground),.72);font-size:clamp(1.5rem,1.45vw,1.8rem);line-height:1.5}.macbook-pro-hero__text p{margin:0}.macbook-pro-hero__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.8rem}.macbook-pro-hero__filter-group{min-width:0}.macbook-pro-hero__filter-label{margin:0 0 .6rem;color:rgba(var(--color-foreground),.56);font-size:1.15rem;font-weight:650;line-height:1.3}.macbook-pro-hero__segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.4rem;border:1px solid rgba(var(--color-foreground),.07);border-radius:1.6rem;background:rgba(var(--color-foreground),.055);transition:opacity .16s ease}.macbook-pro-hero__choices[aria-busy=true] :is(.macbook-pro-hero__segments,.macbook-pro-hero__chips){cursor:progress;opacity:.72}.macbook-pro-hero__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.4rem;border:1px solid rgba(var(--color-foreground),.07);border-radius:1.6rem;background:rgba(var(--color-foreground),.055);transition:opacity .16s ease}#ProductGridContainer{position:relative;isolation:isolate}#ProductGridContainer.collection-quick-filter--pending .collection{cursor:progress}#ProductGridContainer #product-grid.collection-quick-filter__incoming-grid{transform:translateY(.4rem);transform-origin:top center;opacity:.88;will-change:transform,opacity;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease}#ProductGridContainer #product-grid.collection-quick-filter__incoming-grid.is-entering{transform:translateY(0) scale(1);opacity:1}@media(prefers-reduced-motion:reduce){#ProductGridContainer #product-grid.collection-quick-filter__incoming-grid{transform:none;opacity:1;transition:none}}.macbook-pro-hero__choice{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:5.8rem;padding:.9rem 1.4rem;border-radius:1.2rem;color:rgba(var(--color-foreground),.68);text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.macbook-pro-hero__choice.is-active{background:rgb(var(--color-background));box-shadow:0 .2rem .8rem #0f172a17,inset 0 0 0 .1rem rgba(var(--color-link),.16);color:rgb(var(--color-link))}.macbook-pro-hero__choice-title{font-size:1.6rem;font-weight:650;line-height:1.2}.macbook-pro-hero__choice-note{min-height:2.5em;margin-top:.3rem;color:rgba(var(--color-foreground),.54);font-size:1.2rem;line-height:1.25}.macbook-pro-hero__chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:0;min-height:6.8rem;overflow:hidden;padding:.55rem .35rem .65rem;border-radius:1.2rem;color:rgba(var(--color-foreground),.66);text-align:center;text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.macbook-pro-hero__chip-image{flex:0 0 auto;width:clamp(3rem,2.7vw,3.4rem);height:clamp(3rem,2.7vw,3.4rem);border-radius:.75rem;object-fit:cover}.macbook-pro-hero__chip-copy{display:flex;flex:0 1 auto;min-width:0;flex-direction:column;align-items:center;text-align:center}.macbook-pro-hero__chip-copy>span{max-width:100%;overflow:hidden;font-size:clamp(1.05rem,.95vw,1.2rem);font-weight:680;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.macbook-pro-hero__chip-copy>small{display:none}.macbook-pro-hero__chip.is-active{background:rgb(var(--color-background));box-shadow:0 .2rem .8rem #0f172a17,inset 0 0 0 .1rem rgba(var(--color-link),.16);color:rgb(var(--color-link))}.macbook-pro-hero__remove{position:absolute;inset-block-start:.45rem;inset-inline-end:.45rem;display:none;width:1.4rem;height:1.4rem;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-link),.1);color:rgb(var(--color-link));pointer-events:none}:is(.macbook-pro-hero__choice,.macbook-pro-hero__chip).is-active .macbook-pro-hero__remove{display:inline-flex}.macbook-pro-hero__remove svg{width:.75rem;height:.75rem}.macbook-pro-hero__actions{display:flex;grid-column:1 / -1;align-items:center;gap:0;margin-top:.8rem}.macbook-pro-hero__all,.macbook-pro-hero__compare{display:inline-flex;align-items:center;min-height:3.8rem;padding-inline:1.2rem;color:rgb(var(--color-link));font-size:1.3rem;font-weight:650;text-decoration:none;transition:color .18s ease,opacity .18s ease}.macbook-pro-hero__compare{border-inline-start:1px solid rgba(var(--color-foreground),.13);color:rgba(var(--color-foreground),.7)}@media(hover:hover){.macbook-pro-hero__choice:hover{background:rgba(var(--color-background),.72);color:rgb(var(--color-link))}.macbook-pro-hero__choice.is-active:hover{background:rgb(var(--color-background));transform:translateY(-1px)}.macbook-pro-hero__chip:hover{background:rgba(var(--color-background),.72);color:rgb(var(--color-link))}.macbook-pro-hero__chip.is-active:hover{background:rgb(var(--color-background));transform:translateY(-1px)}.macbook-pro-hero__all:hover,.macbook-pro-hero__compare:hover{color:rgb(var(--color-link));text-decoration:underline;text-underline-offset:.3rem}}.macbook-pro-hero__choice:focus-visible,.macbook-pro-hero__chip:focus-visible,.macbook-pro-hero__all:focus-visible,.macbook-pro-hero__compare:focus-visible{outline:.2rem solid rgb(var(--color-link));outline-offset:.3rem}.macbook-pro-hero__media{min-width:0;overflow:hidden;border-radius:clamp(1.8rem,3vw,3.2rem);background:#eef1f5;aspect-ratio:16 / 9}.macbook-pro-hero__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}@media screen and (max-width:989px){.macbook-pro-hero__inner{grid-template-columns:1fr;gap:2.4rem}.macbook-pro-hero__content{max-width:none}.macbook-pro-hero__choices{grid-template-columns:1fr}.macbook-pro-hero__actions{grid-column:auto}.macbook-pro-hero__media{order:-1;max-height:30rem}}@media screen and (max-width:749px){.page-collection{--macbook-pro-mobile-gutter: clamp(1.8rem, 5vw, 2.2rem)}.page-collection .header-wrapper .page-width,.page-collection #MainContent .breadcrumb_main.page-width,.page-collection #MainContent .macbook-pro-hero__inner.page-width{padding-inline:var(--macbook-pro-mobile-gutter)}.page-collection .breadcrumb__track{padding-inline:0}.macbook-pro-hero{padding-block:1.4rem 1rem}.macbook-pro-hero__inner{gap:1.6rem}.macbook-pro-hero__media{max-height:19rem;border-radius:1.6rem}.macbook-pro-hero__title{font-size:clamp(3rem,10vw,4.2rem)}.macbook-pro-hero__text{margin-top:1rem;font-size:1.4rem}.macbook-pro-hero__choices{gap:1rem;margin-top:1.4rem}.macbook-pro-hero__choice{min-height:5.4rem;padding-inline:1rem}.macbook-pro-hero__chip{min-height:4.8rem;padding-inline:.6rem}}@media(prefers-reduced-motion:reduce){.macbook-pro-hero__choice,.macbook-pro-hero__chip,.macbook-pro-hero__all,.macbook-pro-hero__compare,#ProductGridContainer .collection{transition:none}#ProductGridContainer.collection-quick-filter--revealing .collection{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-macbook-pro-collection-hero.css.map */