:where(.vc-sec--materials-grid) *,:where(.vc-sec--materials-grid) *:before,:where(.vc-sec--materials-grid) *:after{box-sizing:inherit;margin:0;padding:0}:where(.vc-sec--materials-grid) h1,:where(.vc-sec--materials-grid) h2,:where(.vc-sec--materials-grid) h3{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.08}:where(.vc-sec--materials-grid) img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}:where(.vc-sec--materials-grid) :focus-visible{outline:2px solid var(--gold);outline-offset:3px}:where(.vc-sec--materials-grid) .kicker{font-family:var(--display);font-size:15px;color:var(--stone);margin-bottom:calc(14px * var(--vc-space, 1));display:block}:where(.vc-sec--materials-grid) .kicker,:where(.vc-sec--materials-grid) .pgroup,:where(.vc-sec--materials-grid) .nav-kick,:where(.vc-sec--materials-grid) .chapter span{color:var(--gold)}:where(.vc-sec--materials-grid) ::selection{background:var(--rose)}:where(.vc-sec--materials-grid) .kicker,:where(.vc-sec--materials-grid) .pgroup,:where(.vc-sec--materials-grid) .nav-kick,:where(.vc-sec--materials-grid) .chapter span,:where(.vc-sec--materials-grid) .back,:where(.vc-sec--materials-grid) .where,:where(.vc-sec--materials-grid) .cap,:where(.vc-sec--materials-grid) .pn,:where(.vc-sec--materials-grid) .pm,:where(.vc-sec--materials-grid) .marks h3,:where(.vc-sec--materials-grid) .bts h4,:where(.vc-sec--materials-grid) .sub,:where(.vc-sec--materials-grid) .contact-list li span:first-child,:where(.vc-sec--materials-grid) .meta li span:first-child,:where(.vc-sec--materials-grid) .credits li span:first-child{font-family:var(--sc);font-weight:400;letter-spacing:.06em;text-transform:none}:where(.vc-sec--materials-grid) .kicker,:where(.vc-sec--materials-grid) .pgroup,:where(.vc-sec--materials-grid) .nav-kick,:where(.vc-sec--materials-grid) .chapter span{font-size:17px}:where(.vc-sec--materials-grid) .fw-intro{text-align:center;margin:calc(30px * var(--vc-space, 1)) 0 calc(36px * var(--vc-space, 1)) 0}:where(.vc-sec--materials-grid) .fw-intro .kicker{display:block;margin-bottom:calc(8px * var(--vc-space, 1))}:where(.vc-sec--materials-grid) .fw-intro-t{font-family:var(--display);font-size:clamp(34px,3.6vw,52px);font-weight:400;margin:0}:where(.vc-sec--materials-grid) .mats{margin-top:calc(90px * var(--vc-space, 1));padding-top:calc(30px * var(--vc-space, 1));border-top:1px solid var(--line)}:where(.vc-sec--materials-grid) .mats-note{font-size:15px;color:var(--stone);margin-top:calc(10px * var(--vc-space, 1))}:where(.vc-sec--materials-grid) .mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}:where(.vc-sec--materials-grid) .mat{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;cursor:pointer}:where(.vc-sec--materials-grid) .mat img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}:where(.vc-sec--materials-grid) .mat-name{position:absolute;left:18px;bottom:16px;font-family:var(--sc);font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(40,34,28,.55);transition:opacity .4s}:where(.vc-sec--materials-grid) .mat figcaption{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:calc(34px * var(--vc-space, 1)) 34px calc(34px * var(--vc-space, 1)) 34px;background:#28221cdb;color:#fff;opacity:0;transition:opacity .5s}:where(.vc-sec--materials-grid) .mat-k{font-family:var(--sc);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}:where(.vc-sec--materials-grid) .mat figcaption strong{font-family:var(--display);font-weight:400;font-size:30px;margin:calc(6px * var(--vc-space, 1)) 0 calc(12px * var(--vc-space, 1)) 0}:where(.vc-sec--materials-grid) .mat-d{font-size:17px;line-height:1.55;opacity:.9}:where(.vc-sec--materials-grid) .mat:hover img,:where(.vc-sec--materials-grid) .mat:focus img{transform:scale(1.06)}:where(.vc-sec--materials-grid) .mat:hover figcaption,:where(.vc-sec--materials-grid) .mat:focus figcaption{opacity:1}:where(.vc-sec--materials-grid) .mat:hover .mat-name,:where(.vc-sec--materials-grid) .mat:focus .mat-name{opacity:0}@media(max-width:860px){:where(.vc-sec--materials-grid) .mat-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){:where(.vc-sec--materials-grid) .mat figcaption{padding:calc(16px * var(--vc-space, 1)) 16px calc(16px * var(--vc-space, 1)) 16px}}@media(max-width:860px){:where(.vc-sec--materials-grid) .mat figcaption strong{font-size:20px}}@media(max-width:860px){:where(.vc-sec--materials-grid) .mat-d{font-size:14px}}:where(.vc-sec--materials-grid) :is(#v-fieldwork,.vcid-v-fieldwork) .fw-intro{margin-top:calc(26px * var(--vc-space, 1))!important}@media(min-width:861px){:where(.vc-sec--materials-grid) .mat{aspect-ratio:auto!important;height:min(26vw,calc((100svh - 150px)/2))}}:where(.vc-sec--materials-grid) .fw-intro .mats-note{margin-top:calc(6px * var(--vc-space, 1))}:where(.vc-sec--materials-grid) :is(#v-fieldwork,.vcid-v-fieldwork) .fw-intro{margin-top:calc(30px * var(--vc-space, 1))!important}@media(max-width:700px){:where(.vc-sec--materials-grid) .mats-note{font-size:15px}}@media(max-width:700px){:where(.vc-sec--materials-grid) .fw-intro-t,:where(.vc-sec--materials-grid) .tp-txt h3,:where(.vc-sec--materials-grid) .mag-feature .mf-title,:where(.vc-sec--materials-grid) .mf-title{font-size:32px!important;line-height:1.1!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) p,:where(.vc-sec--materials-grid) .os-col p,:where(.vc-sec--materials-grid) .tp-txt p,:where(.vc-sec--materials-grid) .co-txt p,:where(.vc-sec--materials-grid) .mf-body,:where(.vc-sec--materials-grid) .vs-p{font-size:18px!important;line-height:1.6!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) .kicker,:where(.vc-sec--materials-grid) .nav-kick,:where(.vc-sec--materials-grid) .vs-k,:where(.vc-sec--materials-grid) .co-n,:where(.vc-sec--materials-grid) .tp-k,:where(.vc-sec--materials-grid) .mf-kick,:where(.vc-sec--materials-grid) .mhA-k,:where(.vc-sec--materials-grid) .tb-k,:where(.vc-sec--materials-grid) .hl-kick,:where(.vc-sec--materials-grid) .tp-h,:where(.vc-sec--materials-grid) .os-lead,:where(.vc-sec--materials-grid) .tp-film-k,:where(.vc-sec--materials-grid) .where{font-size:15px!important;letter-spacing:.14em!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) figcaption,:where(.vc-sec--materials-grid) .s2-d,:where(.vc-sec--materials-grid) .mats-note,:where(.vc-sec--materials-grid) .note,:where(.vc-sec--materials-grid) cite,:where(.vc-sec--materials-grid) .founder-role,:where(.vc-sec--materials-grid) .sc-p,:where(.vc-sec--materials-grid) .pr-hint,:where(.vc-sec--materials-grid) .tp-film small,:where(.vc-sec--materials-grid) .lk-cap,:where(.vc-sec--materials-grid) .vs-list li,:where(.vc-sec--materials-grid) .vs-list a{font-size:14px!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) .s2-n,:where(.vc-sec--materials-grid) .tc-n,:where(.vc-sec--materials-grid) .sc-n,:where(.vc-sec--materials-grid) .tc-where,:where(.vc-sec--materials-grid) .tc-go,:where(.vc-sec--materials-grid) .mat-k,:where(.vc-sec--materials-grid) .mat-name{font-size:12px!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) .mat figcaption strong{font-size:22px!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mats-note{display:none!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-grid{grid-template-columns:1fr!important;gap:14px!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat{display:grid!important;grid-template-columns:96px 1fr;column-gap:14px;align-items:center;height:auto!important;aspect-ratio:auto!important;overflow:visible!important;cursor:default;padding-bottom:calc(14px * var(--vc-space, 1));border-bottom:1px solid var(--line)}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat:last-child{border-bottom:0;padding-bottom:0}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat img{width:96px!important;height:96px!important;transform:none!important;border:1px solid var(--gold);padding:calc(3px * var(--vc-space, 1)) 3px calc(3px * var(--vc-space, 1)) 3px;background:#fff;box-sizing:border-box}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-name{display:none!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat figcaption,:where(.vc-sec--materials-grid) .mat:hover figcaption,:where(.vc-sec--materials-grid) .mat:focus figcaption{position:static!important;opacity:1!important;background:none!important;color:var(--ink)!important;padding:0!important;display:block!important;transition:none!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat figcaption strong{display:block;font-size:20px!important;margin:calc(2px * var(--vc-space, 1)) 0 calc(4px * var(--vc-space, 1)) 0!important;color:var(--ink)}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-d{display:block;font-size:14px!important;line-height:1.45!important;opacity:1!important;color:var(--stone, #3D3833)}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mats{margin-top:calc(40px * var(--vc-space, 1))!important;padding-top:calc(22px * var(--vc-space, 1))!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mats .fw-intro,:where(.vc-sec--materials-grid) .mats>div:first-child{margin-bottom:calc(14px * var(--vc-space, 1))!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-grid{gap:9px!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat{grid-template-columns:72px 1fr!important;column-gap:12px!important;padding-bottom:calc(9px * var(--vc-space, 1))!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat img{width:72px!important;height:72px!important;padding:calc(2px * var(--vc-space, 1)) 2px calc(2px * var(--vc-space, 1)) 2px!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-k{font-size:10px!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat figcaption strong{font-size:17px!important;margin:calc(1px * var(--vc-space, 1)) 0 calc(2px * var(--vc-space, 1)) 0!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .mat-d{font-size:13px!important;line-height:1.35!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) .fw-body .fw-intro{margin:calc(16px * var(--vc-space, 1)) 0 calc(14px * var(--vc-space, 1)) 0!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) :is(#v-fieldwork,.vcid-v-fieldwork) .mats{margin-top:calc(20px * var(--vc-space, 1))!important;padding-top:calc(16px * var(--vc-space, 1))!important}}@media(max-width:700px)and (max-width:700px){:where(.vc-sec--materials-grid) :is(#v-fieldwork,.vcid-v-fieldwork) .mats>.fw-intro{margin-top:0!important;margin-bottom:calc(12px * var(--vc-space, 1))!important}}@media(max-width:700px){:where(.vc-sec--materials-grid) .fw-choose{text-transform:uppercase;letter-spacing:.06em}}@media(min-width:701px){:where(.vc-sec--materials-grid) .fw-choose{text-transform:uppercase;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-materials-grid.css.map */