.portfolio-brand-rows{padding-block-start:calc(clamp(12rem,10.42vw,20rem) + var(--portfolio-brand-rows-spacing-top-adjust, 0rem));padding-block-end:calc(clamp(12rem,10.42vw,20rem) + var(--portfolio-brand-rows-spacing-bottom-adjust, 0rem))}.portfolio-brand-rows__inner{display:grid;gap:5rem}.portfolio-brand-rows__head{display:grid;gap:2.4rem}.portfolio-brand-rows__title{margin:0;color:rgb(var(--color-heading-text));font-size:4rem;line-height:1.1;letter-spacing:.1em;font-family:var(--portfolio-main-title-font-family, var(--font-heading-family));text-transform:var(--portfolio-main-title-text-transform, uppercase)}.portfolio-brand-rows__title.section__heading{padding-block:0}.portfolio-brand-rows__quote,.portfolio-brand-rows__points{margin:0;max-width:64rem;color:rgba(var(--color-foreground),.8);font-size:var(--font-size-static-xl);line-height:1.6;font-family:var(--portfolio-main-quote-font-family, inherit);text-transform:var(--portfolio-main-quote-text-transform, inherit)}.portfolio-brand-rows__points{color:#8e8e93;font-family:var(--portfolio-main-points-font-family, var(--font-heading-family));font-size:1.2rem;line-height:1.4;text-transform:var(--portfolio-main-points-text-transform, uppercase);letter-spacing:.12rem}.portfolio-brand-rows__mobile-image{position:relative;display:flex;min-height:100svh;margin-inline:calc(50% - 50vw);overflow:hidden}.portfolio-brand-rows__mobile-image-media{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-brand-rows__mobile-image-media img,.portfolio-brand-rows__mobile-image-media svg{width:100%;height:100%;object-fit:cover}.portfolio-brand-rows__mobile-image-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(100%,33rem);min-height:100svh;margin:0 auto;padding:3rem;text-align:center}.portfolio-brand-rows__mobile-image-heading{margin:0;color:var(--portfolio-mobile-image-heading-color, rgb(var(--color-white-rgb)));font-family:var(--portfolio-mobile-image-heading-font-family, var(--font-heading-family));font-size:3.2rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.1;letter-spacing:.1em;text-transform:var(--portfolio-mobile-image-heading-text-transform, uppercase)}.portfolio-brand-rows__mobile-image-subheader{margin:1.6rem 0 0;color:var(--portfolio-mobile-image-subheader-color, rgb(var(--color-white-rgb)));font-family:var(--portfolio-mobile-image-subheader-font-family, var(--font-body-family));font-size:1.8rem;line-height:1.4;text-transform:var(--portfolio-mobile-image-subheader-text-transform, none)}.portfolio-brand-rows__list{border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.portfolio-brand-rows__row{border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border))}.portfolio-brand-rows__pill{display:inline-flex;grid-column:1 / -1;align-items:center;justify-content:center;width:fit-content;padding:.3rem 1.6rem;color:rgb(var(--color-white-rgb));background-color:var(--op2-blue);font-family:var(--font-heading-family);font-size:1.2rem;font-weight:var(--font-heading-weight);line-height:normal;letter-spacing:.1em;text-transform:uppercase}.portfolio-brand-rows__summary{display:grid;grid-template-columns:minmax(20rem,30rem) minmax(24rem,40rem) minmax(18rem,26.8rem) auto;column-gap:clamp(4rem,5vw,8rem);row-gap:0;align-items:center;min-height:auto;padding-block:6.4rem;list-style:none;cursor:pointer}.portfolio-brand-rows__summary:has(.portfolio-brand-rows__pill){padding-block-start:0}.portfolio-brand-rows__summary:has(.portfolio-brand-rows__pill) .portfolio-brand-rows__pill{margin-block-end:6.4rem}.portfolio-brand-rows__summary::-webkit-details-marker{display:none}.portfolio-brand-rows__brand{color:rgb(var(--color-heading-text));font-family:var(--portfolio-brand-font-family, var(--font-heading-family));font-size:3rem;font-weight:var(--font-heading-weight);line-height:normal;letter-spacing:.05em;text-transform:var(--portfolio-brand-text-transform, uppercase)}.portfolio-brand-rows__tagline{color:rgba(var(--color-foreground),.8);font-size:2rem;line-height:normal;font-family:var(--portfolio-tagline-font-family, inherit);text-transform:var(--portfolio-tagline-text-transform, inherit)}.portfolio-brand-rows__row-points{color:#8e8e93;font-family:var(--portfolio-row-points-font-family, var(--font-heading-family));font-size:1.2rem;line-height:normal;letter-spacing:.12rem;text-transform:var(--portfolio-row-points-text-transform, uppercase)}.portfolio-brand-rows__icon{justify-self:end;color:rgba(var(--color-foreground),.4);font-family:var(--font-heading-family);font-size:3rem;line-height:1;letter-spacing:.3rem;transition:transform var(--duration-default)}.portfolio-brand-rows__row[open] .portfolio-brand-rows__icon{transform:rotate(45deg)}.portfolio-brand-rows__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(28rem,1.04fr);gap:8rem;padding-block-end:8rem}.portfolio-brand-rows__media{min-height:46rem;overflow:hidden;border-radius:var(--card-corner-radius);background-color:rgba(var(--color-foreground),.06)}.portfolio-brand-rows__media img,.portfolio-brand-rows__placeholder svg{width:100%;height:100%;object-fit:cover}.portfolio-brand-rows__placeholder{display:block;height:100%;min-height:inherit}.portfolio-brand-rows__panel-content{align-self:start;display:grid;gap:3.2rem}.portfolio-brand-rows__panel-image{width:var(--portfolio-panel-image-width, 15rem);max-width:100%}.portfolio-brand-rows__panel-image img,.portfolio-brand-rows__panel-image svg{display:block;width:100%;height:auto}.portfolio-brand-rows__panel-title{margin:0;color:rgb(var(--color-heading-text));font-family:var(--portfolio-panel-title-font-family, var(--font-heading-family));font-size:var(--font-size-static-xxl);font-weight:var(--font-heading-weight);line-height:1.3;text-transform:var(--portfolio-panel-title-text-transform, inherit)}.portfolio-brand-rows__panel-text{color:rgba(var(--color-foreground),.78);font-size:var(--font-size-static-xl);line-height:1.55;font-family:var(--portfolio-panel-text-font-family, inherit);text-transform:var(--portfolio-panel-text-text-transform, inherit)}.portfolio-brand-rows__panel-text p{margin:0 0 1.6rem}.portfolio-brand-rows__panel-text p:last-child{margin-block-end:0}.portfolio-brand-rows__link{justify-self:start;color:rgb(var(--color-heading-text));font-size:var(--font-size-static-md);text-decoration:none;text-transform:uppercase}.portfolio-brand-rows__disclaimer{max-width:47.8rem;margin:0;color:#8e8e93;font-family:var(--font-body-family);font-size:1.2rem;font-style:italic;line-height:1.6}@media(hover:hover){.portfolio-brand-rows__summary:hover .portfolio-brand-rows__brand,.portfolio-brand-rows__link:hover{text-decoration:underline;text-underline-offset:.4rem}}@media screen and (max-width:989px){.portfolio-brand-rows{padding-block-start:calc(10rem + var(--portfolio-brand-rows-spacing-top-adjust, 0rem));padding-block-end:calc(10rem + var(--portfolio-brand-rows-spacing-bottom-adjust, 0rem))}.portfolio-brand-rows__summary{grid-template-columns:1fr auto;gap:1.2rem;align-items:start;padding-block:4rem}.portfolio-brand-rows__summary:has(.portfolio-brand-rows__pill){padding-block-start:0;row-gap:0}.portfolio-brand-rows__summary:has(.portfolio-brand-rows__pill) .portfolio-brand-rows__pill{margin-block-end:4rem}.portfolio-brand-rows__brand{font-size:3rem}.portfolio-brand-rows__tagline,.portfolio-brand-rows__row-points{grid-column:1 / -1}.portfolio-brand-rows__tagline{font-size:1.8rem}.portfolio-brand-rows__panel{grid-template-columns:1fr;gap:3.2rem;padding-block-end:4rem}.portfolio-brand-rows__media{min-height:46rem}.portfolio-brand-rows__media--secondary{display:none}}@media screen and (max-width:749px){.portfolio-brand-rows{padding-block-start:calc(8rem + var(--portfolio-brand-rows-spacing-top-adjust, 0rem));padding-block-end:calc(8rem + var(--portfolio-brand-rows-spacing-bottom-adjust, 0rem))}.portfolio-brand-rows:has(.portfolio-brand-rows__mobile-image){padding-block-start:0}.portfolio-brand-rows__inner{gap:4.8rem}.portfolio-brand-rows__head{display:none}.portfolio-brand-rows__title{font-size:3.2rem}.portfolio-brand-rows__quote{max-width:30rem;font-size:var(--font-size-static-xl)}.portfolio-brand-rows__points{max-width:27rem}.portfolio-brand-rows__list{margin-inline:-.6rem}.portfolio-brand-rows__summary,.portfolio-brand-rows__panel{padding-inline:.6rem}.portfolio-brand-rows__panel-content{gap:2.8rem}.portfolio-brand-rows__panel-text{font-size:var(--font-size-static-lg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-portfolio-brand-rows.css.map */