.willian-materials-feature{position:relative;padding-block:var(--willian-materials-padding-top, 100px) var(--willian-materials-padding-bottom, 100px);background:transparent;color:var(--willian-materials-text, #f3f0ea)}.willian-materials-feature__stage{--gobyincense-materials-grid-left: 0px;--gobyincense-materials-grid-width: 100%;position:relative;isolation:isolate;width:calc(100% - (2 * var(--gobyincense-home-side-gutter, 48px)));max-width:1760px;margin-inline:auto;overflow:clip;border-radius:16px;background:var(--gobyincense-materials-stage-bg, var(--gobyincense-home-materials-bg, #392d23))}.willian-materials-feature__stage:before{position:absolute;z-index:2;top:0;bottom:0;left:var(--gobyincense-materials-grid-left);width:var(--gobyincense-materials-grid-width);border-right:1px solid currentColor;background-image:linear-gradient(to right,currentColor 0 1px,transparent 1px);background-repeat:repeat-x;background-size:25% 100%;color:var(--gobyincense-home-grid-line-dark, rgba(243, 240, 234, .08));content:"";pointer-events:none}.willian-materials-feature__opening,.willian-materials-feature__library{position:relative;z-index:1}.willian-materials-feature__opening{display:grid;min-height:clamp(720px,92svh,980px);grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:clamp(52px,5vw,104px);align-items:center;padding:clamp(56px,5vw,96px)}.willian-materials-feature__content{position:relative;z-index:1;max-width:620px}.willian-materials-feature__heading,.willian-materials-feature__material-name,.willian-materials-feature__mobile-name,.willian-materials-feature__detail-title{font-family:GOBYINCENSE Newsreader,Georgia,Times New Roman,serif;font-optical-sizing:auto;font-weight:400;letter-spacing:0}.willian-materials-feature__heading{margin:0;color:currentColor;font-size:clamp(68px,6.1vw,118px);line-height:.88}.willian-materials-feature__text{max-width:36ch;margin-top:clamp(32px,3vw,48px);color:var(--willian-materials-muted, #c7c2b9);font-family:var(--font-body-family);font-size:17px;line-height:1.55}.willian-materials-feature__text p{margin:0}.willian-materials-feature__link{display:inline-flex;align-items:center;gap:20px;margin-top:36px;padding-bottom:8px;border-bottom:1px solid currentColor;color:currentColor;font-family:var(--font-body-family);font-size:12px;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.willian-materials-feature__link:hover,.willian-materials-feature__link:focus-visible{opacity:.72}.willian-materials-feature__opening-media{position:relative;width:100%;height:clamp(500px,68svh,760px);overflow:hidden;border-radius:4px}.willian-materials-feature__image,.willian-materials-feature__material-image{display:block;width:100%;height:100%;object-fit:cover}.willian-materials-feature__image{object-position:center center}@media screen and (min-width:990px){.willian-materials-feature__opening-media.gobyincense-materials-image-pan--enabled .willian-materials-feature__image{transform:translate3d(0,var(--gobyincense-materials-image-pan, 0%),0) scale(1.24);will-change:transform}}.willian-materials-feature__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,14,10,.38) 0%,transparent 34%),rgba(20,14,10,var(--willian-materials-overlay, .2));pointer-events:none}.willian-materials-feature__library{position:relative;padding:clamp(72px,7vw,132px) clamp(56px,5vw,96px) clamp(104px,9vw,176px)}.willian-materials-feature__library-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(48px,7vw,132px);align-items:start}.willian-materials-feature__library-label,.willian-materials-feature__library-intro,.willian-materials-feature__detail-count,.willian-materials-feature__detail-description,.willian-materials-feature__material-description,.willian-materials-feature__material-placeholder{font-family:var(--font-body-family)}.willian-materials-feature__library-label,.willian-materials-feature__detail-count{margin:0;color:var(--willian-materials-muted, #c7c2b9);font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.willian-materials-feature__library-intro{max-width:42ch;margin:0;color:var(--willian-materials-muted, #c7c2b9);font-size:15px;line-height:1.55}.willian-materials-feature__library-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:clamp(64px,8vw,156px);align-items:center;margin-top:clamp(80px,9vw,168px)}.willian-materials-feature__index{margin:0;padding:0;list-style:none}.willian-materials-feature__material{margin:0;color:var(--willian-materials-text, #f3f0ea)}.willian-materials-feature__material-trigger{display:none;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;-webkit-appearance:none;appearance:none;cursor:pointer}.willian-materials-feature__material-name{display:block;font-size:clamp(52px,5.15vw,96px);line-height:.86;opacity:.28;transform:translateZ(0);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.willian-materials-feature__material.is-active .willian-materials-feature__material-name{opacity:1;transform:translate3d(6px,0,0)}.willian-materials-feature__material-trigger:focus-visible{outline:1px solid rgba(243,240,234,.72);outline-offset:4px}.willian-materials-feature__mobile-material+.willian-materials-feature__mobile-material{margin-top:0}.willian-materials-feature__mobile-name{margin:0;font-size:clamp(38px,9vw,62px);line-height:.95}.willian-materials-feature__mobile-media,.willian-materials-feature__material-media{overflow:hidden;border-radius:4px;background:#f3f0ea11}.willian-materials-feature__mobile-media{width:100%;aspect-ratio:3 / 2;margin-top:18px}.willian-materials-feature__material-description{max-width:34ch;margin:14px 0 0;color:var(--willian-materials-muted, #c7c2b9);font-size:14px;line-height:1.5}.willian-materials-feature__detail{display:none;align-self:center;width:100%;max-width:390px}.willian-materials-feature__material-media{position:relative;width:min(100%,360px);aspect-ratio:3 / 2}.willian-materials-feature__media-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate3d(0,6px,0);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);pointer-events:none}.willian-materials-feature__media-panel.is-active{z-index:1;opacity:1;transform:translateZ(0)}.willian-materials-feature__material-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--willian-materials-muted, #c7c2b9);font-size:10px;letter-spacing:.12em;text-align:center;opacity:.64}.willian-materials-feature__material-placeholder span:first-child{color:var(--willian-materials-text, #f3f0ea);opacity:.78}.willian-materials-feature__detail-copy{position:relative;min-height:124px;margin-top:28px}.willian-materials-feature__detail-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate3d(0,6px,0);transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1);pointer-events:none}.willian-materials-feature__detail-panel.is-active{opacity:1;transform:translateZ(0);pointer-events:auto}.willian-materials-feature__detail-title{margin:18px 0 0;color:var(--willian-materials-text, #f3f0ea);font-size:clamp(30px,2.5vw,44px);line-height:1;opacity:.86}.willian-materials-feature__detail-description{max-width:32ch;margin:14px 0 0;color:var(--willian-materials-text, #f3f0ea);font-size:15px;line-height:1.55;opacity:.8}@media screen and (min-width:990px){.willian-materials-feature{padding-top:0}.willian-materials-feature__material-trigger,.willian-materials-feature__detail{display:block}.willian-materials-feature__mobile-material{display:none}.willian-materials-feature__library.gobyincense-materials--enhanced{height:var(--gobyincense-materials-scroll-height, 368svh);padding-block:0}.gobyincense-materials--enhanced .willian-materials-feature__library-sticky{position:sticky;top:10svh;display:flex;height:80svh;flex-direction:column;justify-content:center}.gobyincense-materials--enhanced .willian-materials-feature__library-layout{margin-top:clamp(40px,5svh,64px)}}@media screen and (max-width:989px){.willian-materials-feature{padding-block:min(var(--willian-materials-padding-top, 100px),72px) min(var(--willian-materials-padding-bottom, 100px),72px)}.willian-materials-feature__stage{width:calc(100% - 32px);border-radius:12px}.willian-materials-feature__opening{min-height:auto;grid-template-columns:1fr;gap:48px;padding:64px 32px 32px}.willian-materials-feature__heading{font-size:clamp(54px,11vw,84px)}.willian-materials-feature__opening-media{height:auto;aspect-ratio:4 / 3}.willian-materials-feature__overlay{background:rgba(20,14,10,var(--willian-materials-overlay, .2))}.willian-materials-feature__library{height:auto!important;padding:72px 32px 88px}.willian-materials-feature__library-header,.willian-materials-feature__library-layout{grid-template-columns:1fr}.willian-materials-feature__library-header{gap:24px}.willian-materials-feature__library-layout{gap:0;margin-top:64px}.willian-materials-feature__material+.willian-materials-feature__material{margin-top:48px}}@media screen and (max-width:549px){.willian-materials-feature__stage{width:calc(100% - 24px);border-radius:10px}.willian-materials-feature__opening{padding:52px 20px 20px}.willian-materials-feature__text{font-size:16px}.willian-materials-feature__link{gap:14px;font-size:11px}.willian-materials-feature__library{padding:64px 20px 72px}}@media screen and (max-width:749px){.willian-materials-feature__stage:before{display:none}}@media(prefers-reduced-motion:reduce){.willian-materials-feature__opening-media .willian-materials-feature__image{transform:none}.willian-materials-feature__material-name,.willian-materials-feature__media-panel,.willian-materials-feature__detail-panel{transition:none}.willian-materials-feature__material-name,.willian-materials-feature__material.is-active .willian-materials-feature__material-name,.willian-materials-feature__media-panel,.willian-materials-feature__detail-panel{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-willian-materials-feature.css.map */
