.product-project{--pp-gutter: max(60px, calc((100vw - 1680px)/2) );--pp-sand: var(--brand-sand, #f6f2e9);--pp-wet-sand: var(--brand-wet-sand, #ddd3bf);--pp-deep-sea: var(--brand-deep-sea, #121212);--pp-clay: var(--brand-clay, #5e5b55);--pp-coral: var(--brand-precious-coral, #fa643b);--pp-leaf: var(--brand-leaf, #96c547);--pp-seagrass: var(--brand-seagrass, #3a713c);--pp-white: var(--brand-white, #ffffff);color:var(--pp-deep-sea);font-family:Obviously,system-ui,sans-serif;font-weight:400;font-size:16px;line-height:normal}.product-project *,.product-project *:before,.product-project *:after{box-sizing:border-box}.product-project :is(.title,.label,.price){margin:0;padding:0;gap:0;font:inherit;letter-spacing:normal;text-transform:none;text-decoration:none;color:inherit;min-height:0;height:auto}.product-project .project-purchase,.product-project .project-purchase__form{display:block;min-width:0}.product-project .btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:40px;background:var(--pp-leaf);color:var(--pp-deep-sea);font-family:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .3s,color .3s;text-align:center}.product-project .btn:hover{background:var(--pp-seagrass);color:var(--pp-sand)}.product-project .btn[disabled]{cursor:not-allowed;background:var(--pp-wet-sand);color:var(--pp-clay)}.product-project .btn-md{height:48px;padding:0 26px;font-size:14px}.product-project .btn-lg{height:56px;padding:0 30px;font-size:14px}.product-project .btn-block{width:100%}.product-project__hero{position:relative}.product-project__hero>img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-project__hero .scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#1d1d1d60,#000000e5)}.product-project__hero .inner{position:relative;display:flex;flex-direction:column;gap:56px;padding-top:56px;padding-bottom:60px}.product-project__hero.header-overlay{margin-top:calc((var(--header-height, 0px) + 1px) * -1)}.product-project__hero.header-overlay .inner{padding-top:calc(var(--header-height, 96px) + 56px)}.product-project__hero .cols{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;padding:0 var(--pp-gutter)}.product-project__hero .intro{display:flex;flex-direction:column;gap:20px}.product-project__hero .eyebrow{font-size:24px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pp-coral);text-shadow:0 4px 12px #0000009c}.product-project__hero h1{font-size:104px;line-height:.9;font-weight:700;color:var(--pp-white);max-width:800px;margin:0}.product-project__hero .sub,.product-project__hero .sub p{font-size:20px;line-height:34px;color:var(--pp-white);max-width:none;margin:0}.product-project .buy-panel{background:var(--pp-sand);border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:18px}.product-project .buy-panel .title{font-size:36px;line-height:1;font-weight:700}.product-project .buy-panel .note{font-size:16px;line-height:24px;color:var(--pp-clay)}.product-project .buy-panel .fine,.product-project .buy-panel .fine p{font-size:14px;line-height:20px;color:var(--pp-clay);text-align:center;margin:0}.product-project .freq{display:flex;gap:10px}.product-project .freq button{flex:1;display:flex;flex-direction:column;gap:2px;align-items:flex-start;border:none;cursor:pointer;text-align:left;border-radius:16px;padding:13px 15px;min-height:44px;font-family:inherit;background:transparent;color:var(--pp-deep-sea);box-shadow:inset 0 0 0 2px var(--pp-wet-sand);transition:background-color .3s,box-shadow .3s}.product-project .freq button.active{background:var(--pp-leaf);box-shadow:inset 0 0 0 2px var(--pp-leaf)}.product-project .freq .l1{font-size:20px;font-weight:700}.product-project .freq .l2{font-size:16px;line-height:18px;opacity:.75;font-weight:500;color:var(--pp-clay)}.product-project .qty-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:24px;box-shadow:inset 0 0 0 2px var(--pp-wet-sand)}.product-project .qty-row .label{display:flex;flex-direction:column;min-width:0}.product-project .qty-row .label .l1{font-size:20px;font-weight:700}.product-project .qty-row .label .l2{font-size:16px;color:var(--pp-clay)}.product-project .stepper{display:flex;align-items:center;gap:8px}.product-project .stepper button{width:46px;height:46px;flex:none;border:none;border-radius:40px;background:transparent;box-shadow:inset 0 0 0 2px var(--pp-deep-sea);font-size:24px;font-weight:700;color:var(--pp-deep-sea);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.product-project .stepper button[disabled]{opacity:.35;cursor:not-allowed}.product-project .project-qty__input{border:none;background:transparent;font-family:inherit;color:inherit;padding:0;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.product-project .project-qty__input::-webkit-outer-spin-button,.product-project .project-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-project .project-qty__input:focus-visible{outline:2px solid var(--pp-deep-sea);outline-offset:2px;border-radius:4px}.product-project .stepper .project-qty__input.value{min-width:36px;width:46px;text-align:center;font-size:24px;font-weight:700}.product-project .project-qty__field{display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;line-height:1}.product-project .stepper .project-qty__field .project-qty__input.value{width:4ch;min-width:1ch;field-sizing:content;text-align:left}.product-project .sticky-bar__inner .sticky-bar__count .project-qty__field{font-size:22px}.product-project .sticky-bar__inner .sticky-bar__count .project-qty__field .project-qty__input.qty{width:4ch;min-width:1ch;field-sizing:content;text-align:left}.product-project .total-row{display:flex;align-items:baseline;justify-content:space-between;padding-top:4px}.product-project .total-row .label{font-size:20px;font-weight:600}.product-project .total-row .amount{font-size:34px;line-height:1;font-weight:700;color:var(--pp-coral)}.product-project .product-form__error-message-wrapper[hidden]{display:none}.product-project .product-form__error-message-wrapper{margin-bottom:10px;color:#eb001b;font-size:14px;line-height:20px}.product-project .project-purchase__submit{position:relative}.product-project .loading-overlay__spinner.hidden{display:none}.product-project .loading-overlay__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.product-project .loading-overlay__spinner .spinner{width:24px;height:24px;animation:rotator 1.4s linear infinite}.product-project .loading-overlay__spinner .path{stroke:currentColor;stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}.product-project .project-purchase__submit.loading span{visibility:hidden}.product-project__sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--pp-sand);box-shadow:0 -2px 0 0 var(--pp-wet-sand);transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.product-project__sticky-bar.is-shown{transform:translateY(0);opacity:1;pointer-events:auto}.product-project .sticky-bar__inner{display:flex;align-items:center;gap:32px;padding:16px var(--pp-gutter)}.product-project .sticky-bar__inner .project{display:flex;align-items:center;gap:16px;flex:none}.product-project .sticky-bar__inner .project .name{font-size:20px;line-height:1;font-weight:700}.product-project .sticky-bar__inner .project .type{font-size:15px;line-height:1;color:var(--pp-clay);margin-top:4px}.product-project .sticky-bar__inner .pills{display:flex;align-items:center;gap:10px;flex:none}.product-project .sticky-bar__inner .pills button{border:none;cursor:pointer;font-family:inherit;border-radius:40px;padding:0 22px;height:44px;font-size:16px;font-weight:700;background:transparent;color:var(--pp-deep-sea);box-shadow:inset 0 0 0 2px var(--pp-wet-sand);transition:background-color .3s,box-shadow .3s}.product-project .sticky-bar__inner .pills button.active{background:var(--pp-leaf);box-shadow:inset 0 0 0 2px var(--pp-leaf)}.product-project .sticky-bar__inner .stepper-group{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.product-project .sticky-bar__inner .stepper-group button{width:44px;height:44px;flex:none;border:none;border-radius:40px;background:transparent;box-shadow:inset 0 0 0 2px var(--pp-deep-sea);font-size:22px;font-weight:700;color:var(--pp-deep-sea);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.product-project .sticky-bar__inner .stepper-group button[disabled]{opacity:.35;cursor:not-allowed}.product-project .sticky-bar__inner .sticky-bar__count{display:flex;flex-direction:column;align-items:center;min-width:96px}.product-project .sticky-bar__inner .sticky-bar__count .project-qty__input.qty{font-size:22px;line-height:1;font-weight:700;width:100%}.product-project .sticky-bar__inner .sticky-bar__count .units{font-size:14px;line-height:16px;color:var(--pp-clay)}.product-project .sticky-bar__inner .total{font-size:28px;line-height:1;font-weight:700;color:var(--pp-coral);flex:none}.product-project__sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--pp-sand);box-shadow:0 -2px 0 0 var(--pp-wet-sand);transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.product-project__sticky-cta.is-shown{transform:translateY(0);opacity:1;pointer-events:auto}.product-project .sticky-cta__inner{padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px))}.product-project .sticky-cta__inner .collapsed{display:flex;align-items:center;gap:14px}.product-project__sticky-cta.is-open .collapsed{display:none}.product-project .sticky-cta__inner .expanded{display:none;flex-direction:column;gap:14px}.product-project__sticky-cta.is-open .expanded{display:flex}.product-project .sticky-cta__inner .price{display:flex;flex-direction:column;flex:none}.product-project .sticky-cta__inner .price .l1{font-size:19px;line-height:1;font-weight:700}.product-project .sticky-cta__inner .price .l2{font-size:14px;color:var(--pp-clay);margin-top:4px}.product-project .sticky-cta__inner .grow{flex:1;min-width:0}.product-project .sticky-cta__inner .top{display:flex;align-items:center;justify-content:space-between}.product-project .sticky-cta__inner .top .title{font-size:22px;line-height:1;font-weight:700}.product-project .sticky-cta__inner .top .close{border:none;background:transparent;font-size:15px;font-weight:700;text-transform:uppercase;color:var(--pp-clay);cursor:pointer;padding:0 12px;min-height:44px;min-width:44px;border-radius:40px;font-family:inherit}@media(max-width:1100px){.product-project__hero .cols{grid-template-columns:1fr;gap:48px}.product-project__hero h1{font-size:72px}.product-project .sticky-bar__inner{padding:16px 24px;gap:20px}.product-project .sticky-bar__inner .project{display:none}}@media(max-width:767px){.product-project__hero .inner{gap:40px;padding-top:40px;padding-bottom:22px}.product-project__hero.header-overlay .inner{padding-top:calc(var(--header-height, 72px) + 40px)}.product-project__hero .cols{padding:0 20px;gap:24px}.product-project__hero .eyebrow{font-size:14px}.product-project__hero h1{font-size:52px}.product-project__hero .sub,.product-project__hero .sub p{font-size:17px;line-height:25px}.product-project .buy-panel{border-radius:24px;padding:24px 20px}.product-project .buy-panel .title{font-size:30px}.product-project__sticky-cta{display:block}.product-project__sticky-bar{display:none}}@media(prefers-reduced-motion:reduce){.product-project__sticky-bar,.product-project__sticky-cta,.product-project .btn,.product-project .freq button,.product-project .sticky-bar__inner .pills button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/section-main-product-project.css.map */