.bcc-build{background:#fff;padding:0 var(--bcc-pad-inline) 80px}.bcc-build h1,.bcc-build h2,.bcc-build h3,.bcc-build p{margin:0}.bcc-build h1,.bcc-build h2,.bcc-build h3{font-family:var(--bcc-serif);font-weight:400;text-wrap:balance}.bcc-build__intro{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:480px;padding:54px var(--bcc-pad-inline);margin:0 calc(-1 * var(--bcc-pad-inline));background:#f5f0e9}.bcc-build__hero-image,.bcc-build__hero-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2}.bcc-build__hero-image img{object-fit:cover;object-position:center}.bcc-build__intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000001a;pointer-events:none}.bcc-build__hero-copy{width:58%;max-width:740px}.bcc-build__hero-copy h1{font-size:clamp(46px,5vw,74px);line-height:1.06;letter-spacing:-.03em;margin:22px 0}.bcc-build__hero-copy h1 em{color:var(--bcc-becco-ink)}.bcc-build__hero-copy>p:not(.bcc-eyebrow){font-size:14px;line-height:1.6;color:var(--bcc-ink-2)}.bcc-build__intro ol{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:0;margin:30px 0 0;font-size:11px}.bcc-build__intro li span{font-family:var(--bcc-mono);color:var(--bcc-becco-ink);margin-right:8px}.bcc-build__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px 0 28px}.bcc-build__heading h2{font-size:30px}.bcc-build__heading>span{font-size:11px;color:var(--bcc-muted)}.bcc-build__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 24px}.bcc-build__card{color:inherit;text-decoration:none;min-width:0}.bcc-build__image{position:relative;aspect-ratio:1;background:#fff;overflow:hidden;border:0;padding:0}.bcc-build__image img,.bcc-build__image svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.bcc-build__image img{transform:translate(var(--bag-x, 0%),var(--bag-y, 0%)) scale(var(--bag-scale, 1))}.bcc-build__open{position:absolute;right:14px;bottom:14px;background:#fff;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:20px}.bcc-build__details{padding-top:10px}.bcc-build__details h3{font-size:20px;line-height:1.25;min-height:0}.bcc-build__hint{display:block;margin-top:6px;color:var(--bcc-ink-2);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.bcc-build__card[aria-busy=true] .bcc-build__open{animation:bcc-build-pulse .8s ease-in-out infinite alternate}.bcc-build__card[aria-busy=true] .bcc-build__hint{color:var(--bcc-becco-ink)}.bcc-build__status:empty{display:none}.bcc-build__status{font-size:13px;padding:14px 0;line-height:1.6}.bcc-build__status a{color:inherit;text-decoration:underline}.bcc-build__pages{padding-top:35px;text-align:center}.bcc-build a:focus-visible{outline:2px solid var(--bcc-becco-ink);outline-offset:5px}@keyframes bcc-build-pulse{to{opacity:.35}}@media(min-width:1800px){.bcc-build__intro{min-height:580px}}@media(max-width:1100px){.bcc-build__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.bcc-build{padding-bottom:45px}.bcc-build__intro{min-height:480px;padding:34px var(--bcc-pad-inline);align-items:start}.bcc-build__hero-image img{object-position:center}.bcc-build__hero-copy{width:100%;max-width:350px}.bcc-build__hero-copy h1{font-size:32px;line-height:1.1;margin:17px 0}.bcc-build__hero-copy>p:not(.bcc-eyebrow){font-size:12px;max-width:270px}.bcc-build__intro ol{gap:10px 13px;font-size:9px;margin-top:21px}.bcc-build__intro li span{margin-right:5px}.bcc-build__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.bcc-build__heading{padding:25px 0 21px}.bcc-build__heading h2{font-size:24px}.bcc-build__details{padding-top:10px}.bcc-build__details h3{font-size:15px;line-height:1.3;min-height:0}.bcc-build__hint{font-size:9px;line-height:1.5;margin-top:7px}.bcc-build__open{width:30px;height:30px;right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){.bcc-build__card[aria-busy=true] .bcc-build__open{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/becco-build-your-own.css.map */