.branding-specialties{position:relative;width:100%;--bspec-ease: cubic-bezier(.22, 1, .36, 1)}.branding-specialties .bspec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px 72px;align-items:center}.branding-specialties .bspec--empty{grid-template-columns:minmax(0,1fr)}.branding-specialties .bspec__intro{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.branding-specialties .bspec__subtitle{margin:0 0 -8px;opacity:.8;letter-spacing:.05em;color:var(--color-black)}.branding-specialties .bspec__heading{color:var(--color-black)}.branding-specialties .bspec__heading em{font-style:normal;color:var(--color-charcoal-gray)}.branding-specialties .bspec__description{max-width:480px;color:var(--color-charcoal-gray)}.branding-specialties .bspec__description p{margin:0}.branding-specialties .bspec__description p+p{margin-top:8px}.branding-specialties .bspec__btn{display:inline-flex}.branding-specialties .bspec__panels{display:flex;gap:12px;height:560px;margin:0;padding:0;list-style:none}.branding-specialties .bspec__panel{--bspec-open: 0;position:relative;flex:calc(1 + 3.5 * var(--bspec-open)) 1 0;min-width:0;margin:0;overflow:hidden;border-radius:var(--style-border-radius-md);background-color:var(--color-black-5);transition:flex-grow .7s var(--bspec-ease)}.branding-specialties .bspec__panels:not(:hover):not(:focus-within) .bspec__panel--default,.branding-specialties .bspec__panel:hover,.branding-specialties .bspec__panel:focus-within{--bspec-open: 1}.branding-specialties .bspec__media{position:absolute;top:0;right:0;bottom:0;left:0}.branding-specialties .bspec__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.06 - .06 * var(--bspec-open)));transition:transform .9s var(--bspec-ease)}.branding-specialties .bspec__placeholder{fill:var(--color-black-10)}.branding-specialties .bspec__panel:before,.branding-specialties .bspec__panel:after{content:"";position:absolute;z-index:1;pointer-events:none;transition:opacity .6s ease}.branding-specialties .bspec__panel:before{top:0;right:0;bottom:0;left:0;background-color:var(--color-black);opacity:calc(.45 - .45 * var(--bspec-open))}.branding-specialties .bspec__panel:after{left:0;right:0;bottom:0;height:55%;background-image:linear-gradient(to top,var(--color-black),transparent);opacity:calc(.7 * var(--bspec-open))}.branding-specialties .bspec__index{position:absolute;z-index:2;top:24px;left:28px;letter-spacing:.05em;color:var(--color-white);white-space:nowrap;opacity:calc(.85 * var(--bspec-open));transition:opacity .4s ease calc(var(--bspec-open) * .25s)}.branding-specialties .bspec__spine{position:absolute;z-index:2;bottom:28px;left:50%;font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1;letter-spacing:var(--letter-spacing-h2);color:var(--color-white);white-space:nowrap;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);opacity:calc(1 - var(--bspec-open));transition:opacity .3s ease calc((1 - var(--bspec-open)) * .3s)}.branding-specialties .bspec__body{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;min-width:290px;color:var(--color-white);opacity:var(--bspec-open);transform:translateY(calc(12px - 12px * var(--bspec-open)));transition:opacity .4s ease calc(var(--bspec-open) * .25s),transform .6s var(--bspec-ease) calc(var(--bspec-open) * .25s)}.branding-specialties .bspec__title{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1.15;letter-spacing:var(--letter-spacing-h2);color:inherit}.branding-specialties .bspec__title-link{color:inherit;text-decoration:none}.branding-specialties .bspec__title-link:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.branding-specialties .bspec__text{max-width:360px;margin-top:10px;color:var(--color-white)}@media screen and (max-width:1199px){.branding-specialties .bspec{grid-template-columns:minmax(0,1fr);gap:48px}.branding-specialties .bspec__panels{height:500px}}@media screen and (max-width:749px){.branding-specialties .bspec{gap:36px}.branding-specialties .bspec__intro{gap:20px}.branding-specialties .bspec__subtitle{margin-bottom:-6px}.branding-specialties .bspec__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;height:auto;padding-bottom:44px}.branding-specialties .bspec__panel{--bspec-open: 1;overflow:visible;border-radius:0;background:none}.branding-specialties .bspec__panel:nth-child(2n){transform:translateY(44px)}.branding-specialties .bspec__panel:before,.branding-specialties .bspec__panel:after,.branding-specialties .bspec__index,.branding-specialties .bspec__spine{display:none}.branding-specialties .bspec__media{position:relative;inset:auto;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--style-border-radius-md);background-color:var(--color-black-5)}.branding-specialties .bspec__body{position:static;min-width:0;padding-top:14px;color:var(--color-black);transform:none}.branding-specialties .bspec__title{font-size:var(--font-size-h4);line-height:1.25}.branding-specialties .bspec__title-link:focus-visible{outline-color:var(--color-black)}.branding-specialties .bspec__text{margin-top:6px;color:var(--color-charcoal-gray)}}@media(prefers-reduced-motion:reduce){.branding-specialties *,.branding-specialties *:before,.branding-specialties *:after{transition-duration:.01ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/branding-specialties.css.map */