.coat-trade-team{background-color:var(--alabaster);color:var(--night)}.coat-trade-team .team{position:relative;display:flex;gap:22px;padding-inline:var(--page-margin-mobile);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin-mobile);scrollbar-width:none}.coat-trade-team .team::-webkit-scrollbar{display:none}.coat-trade-team .member{flex:0 0 min(320px,calc(100% - 8px));scroll-snap-align:start}.coat-trade-team .image{aspect-ratio:320 / 434;border-radius:var(--border-radius);background-color:var(--tortilla);overflow:hidden}.coat-trade-team .image img{width:100%;height:100%;object-fit:cover}.coat-trade-team .info{display:flex;flex-direction:column;gap:8px;padding-top:24px}.coat-trade-team .details{display:flex;flex-direction:column;gap:12px}.coat-trade-team .name{font-family:var(--font-header);font-weight:200;font-size:clamp(1.625rem,1.4857rem + .5714vw,2rem);line-height:1.1}.coat-trade-team .role,.coat-trade-team .bio{color:var(--dusk)}.coat-trade-team .specialisms{display:flex;flex-wrap:wrap;gap:4px 8px}.coat-trade-team .actions{display:flex;gap:8px}.coat-trade-team .action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--night);color:var(--alabaster);transition:background-color .3s ease,color .3s ease}.coat-trade-team .action:hover{text-decoration:none}.coat-trade-team .action:focus-visible,.coat-trade-team .close:focus-visible,.coat-trade-team .dot:focus-visible{outline:2px solid var(--night);outline-offset:2px}.coat-trade-team .action .icon svg,.coat-trade-team .submit .icon svg{width:16px;height:16px}.coat-trade-team .pagination{display:flex;justify-content:center;gap:4px;padding-top:24px}.coat-trade-team .dot{padding:8px 0}.coat-trade-team .bar{display:block;width:8px;height:8px;border-radius:16px;background-color:var(--tortilla);transition:width .3s ease,background-color .3s ease}.coat-trade-team .dot.active .bar{width:32px;background-color:var(--night)}html:has(.coat-trade-team .modal[open]){overflow:hidden}.coat-trade-team .modal{width:calc(100% - 2 * var(--page-margin-mobile));max-width:500px;max-height:calc(100dvh - 2 * var(--page-margin-mobile));margin:auto;padding:0;border:0;border-radius:var(--border-radius);background-color:var(--alabaster);color:var(--night);overscroll-behavior:contain;opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.coat-trade-team .modal[open]{opacity:1;transform:none}@starting-style{.coat-trade-team .modal[open]{opacity:0;transform:translateY(16px)}}.coat-trade-team .modal::backdrop{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .3s ease,backdrop-filter .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.coat-trade-team .modal[open]::backdrop{background-color:var(--opaque-night-60, #25252599);-webkit-backdrop-filter:var(--blur, blur(.25rem));backdrop-filter:var(--blur, blur(.25rem))}@starting-style{.coat-trade-team .modal[open]::backdrop{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.coat-trade-team .modal-inner{position:relative;padding:24px 16px 16px}.coat-trade-team .close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background-color:var(--opaque-night-50);color:var(--alabaster);transition:background-color .3s ease}.coat-trade-team .close .icon svg{width:24px;height:24px}.coat-trade-team .modal-header{display:flex;flex-direction:column;gap:8px}.coat-trade-team .title{padding-right:48px}.coat-trade-team .subheading{color:var(--dusk)}.coat-trade-team .form{display:flex;flex-direction:column;gap:12px;padding-top:16px}.coat-trade-team .row{display:flex;flex-direction:column;gap:12px}.coat-trade-team .field{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-width:0}.coat-trade-team .label{font-family:var(--font-body);font-size:.875rem;line-height:1.6;letter-spacing:-.01rem}.coat-trade-team .input{width:100%;height:51px;padding:0 16px;border:1px solid var(--burnt-tortilla);border-radius:var(--border-radius);background-color:var(--white);color:var(--night);font-family:var(--font-body);font-size:.875rem;letter-spacing:-.01rem;transition:border-color .2s ease}.coat-trade-team textarea.input{height:83px;padding:16px;line-height:1.4;resize:vertical}.coat-trade-team .input::placeholder{color:var(--opaque-night-50)}.coat-trade-team .input:focus{border-color:var(--night);outline:none}.coat-trade-team .submit{justify-content:space-between}.coat-trade-team .submit.sending{justify-content:center}.coat-trade-team .submit:hover .coat-dot{background-color:var(--night)}@media(hover:hover)and (pointer:fine){.coat-trade-team .action:hover{background-color:var(--mindful);color:var(--night)}.coat-trade-team .close:hover{background-color:var(--night)}}@media(prefers-reduced-motion:reduce){.coat-trade-team .bar,.coat-trade-team .action,.coat-trade-team .close,.coat-trade-team .input,.coat-trade-team .modal,.coat-trade-team .modal::backdrop{transition:none}}@media screen and (min-width:1000px){.coat-trade-team .team{flex-wrap:wrap;justify-content:center;gap:48px 32px;max-width:1440px;margin-inline:auto;padding-inline:var(--page-margin-desktop);overflow:visible;scroll-snap-type:none}.coat-trade-team .member{flex-basis:calc((100% - 96px)/4)}.coat-trade-team .pagination{display:none}.coat-trade-team .modal-inner{padding:32px 24px 24px}.coat-trade-team .close{top:24px}.coat-trade-team .modal-header{padding-right:58px}.coat-trade-team .title{padding-right:0}.coat-trade-team .row{flex-direction:row}.coat-trade-team .label{font-family:var(--font-body-bold);font-size:1.125rem}.coat-trade-team .input{height:56px;font-size:1rem}.coat-trade-team textarea.input{height:56px}.coat-trade-team .modal.message textarea.input{height:76px}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-trade-team.css.map */