.ph-steps[data-v-792ac871]{scrollbar-width:none}.ph-steps[data-v-792ac871]::-webkit-scrollbar{display:none}.ph-reveal[data-v-3baffef7]{transition:opacity .18s}.ph-reveal--out[data-v-3baffef7]{opacity:0;transition:opacity .12s}@media (prefers-reduced-motion:reduce){.ph-reveal[data-v-3baffef7],.ph-reveal--out[data-v-3baffef7]{transition:none}}.ph-step-viewport[data-v-3baffef7]{transition:height .35s cubic-bezier(.4,0,.2,1);position:relative}.ph-step-leave-active[data-v-3baffef7]{transition:opacity .12s}.ph-step-enter-active[data-v-3baffef7]{transition:opacity .18s .42s}.ph-step-enter-from[data-v-3baffef7],.ph-step-leave-to[data-v-3baffef7]{opacity:0}@media (prefers-reduced-motion:reduce){.ph-step-viewport[data-v-3baffef7],.ph-step-leave-active[data-v-3baffef7],.ph-step-enter-active[data-v-3baffef7]{transition:none}}.ph-side[data-v-17d1853f]{height:var(--ph-wall-height,176px);width:calc(var(--ph-piece-width,44px) * var(--ph-panel-count,4));backface-visibility:hidden;--ph-roof-shadow:linear-gradient(to bottom, #00000061, #0000);display:block;position:relative;transform:translateZ(0)}.ph-side--overhang.ph-side--left[data-v-17d1853f],.ph-side--overhang.ph-side--right[data-v-17d1853f]{backface-visibility:visible}.ph-side[data-v-17d1853f]:before,.ph-side[data-v-17d1853f]:after{content:"";position:absolute;left:0;right:0}.ph-side[data-v-17d1853f]:before{z-index:3;background:#363d3f;border:1px solid #111;height:7%;top:-5%}.ph-side[data-v-17d1853f]:after{background:var(--ph-roof-shadow);z-index:2;height:.15em;top:2%}.ph-side--left[data-v-17d1853f]:before,.ph-side--left[data-v-17d1853f]:after{transform-origin:100%;transform:skewY(-1.5deg)}.ph-side--right[data-v-17d1853f]:before,.ph-side--right[data-v-17d1853f]:after{transform-origin:0;transform:skewY(1.5deg)}.ph-front.ph-side--overhang[data-v-17d1853f]:before{background:var(--ph-roof-shadow);border:none;height:16%;top:4px;transform:none}.ph-front.ph-side--overhang[data-v-17d1853f]:after{display:none}.ph-side--left.ph-side--overhang[data-v-17d1853f]:before,.ph-side--left.ph-side--overhang[data-v-17d1853f]:after{right:calc(-1 * var(--ph-roof-overhang,0px))}.ph-side--right.ph-side--overhang[data-v-17d1853f]:before,.ph-side--right.ph-side--overhang[data-v-17d1853f]:after{left:calc(-1 * var(--ph-roof-overhang,0px))}.ph-side--left.ph-side--overhang[data-v-17d1853f]:before{right:calc(-1 * (var(--ph-roof-overhang,0px) + 1px));border-right:none}.ph-side--right.ph-side--overhang[data-v-17d1853f]:before{left:calc(-1 * (var(--ph-roof-overhang,0px) + 1px));border-left:none}.ph-side--left.ph-side--overhang[data-v-17d1853f]:after{clip-path:inset(0 var(--ph-roof-overhang,0px) 0 0)}.ph-side--right.ph-side--overhang[data-v-17d1853f]:after{clip-path:inset(0 0 0 var(--ph-roof-overhang,0px))}.ph-wall[data-v-17d1853f]{grid-auto-flow:column;grid-template-columns:repeat(var(--ph-panel-count,4), var(--ph-piece-width,44px));align-items:stretch;width:100%;height:100%;transition:background-color .25s;display:grid;position:relative}.ph-wall[data-v-17d1853f]:after{content:"";background:var(--ph-woodgrain) repeat center;opacity:.15;pointer-events:none;background-size:250%;position:absolute;inset:0}.ph-panel[data-v-17d1853f]{border:var(--ph-plank-line,1px) solid var(--ph-plank-colour,#222);box-sizing:border-box;width:100%;height:100%;position:relative}.ph-panel+.ph-panel[data-v-17d1853f]{border-left:none}.ph-panel[data-v-17d1853f]:before,.ph-panel[data-v-17d1853f]:after{content:"";border-right:var(--ph-plank-line,1px) solid var(--ph-plank-colour,#222);position:absolute;top:0;bottom:0}.ph-panel[data-v-17d1853f]:before{left:var(--ph-plank-inset,32%)}.ph-panel[data-v-17d1853f]:after{right:var(--ph-plank-inset,32%)}.ph-layouts-veil[data-v-17d1853f]{top:var(--ph-layout-top-offset,5%);pointer-events:none;transition:opacity var(--ph-layout-fade-duration,.3s) var(--ph-layout-fade-easing,cubic-bezier(.8, 0, .2, 1));position:absolute;bottom:0;left:0;right:0}.ph-layouts-veil--hidden[data-v-17d1853f]{opacity:0;visibility:hidden}.ph-layouts[data-v-17d1853f]{pointer-events:none;position:absolute;inset:0}.ph-glazing[data-v-17d1853f]{position:absolute;inset:0}.ph-glazing img[data-v-17d1853f]{width:auto;height:100%;max-height:100%;position:absolute}.ph-glazing.ph-x-centre img[data-v-17d1853f]{left:50%;transform:translate(-50%)}.ph-glazing.ph-y-centre img[data-v-17d1853f]{top:50%;transform:translateY(-50%)}.ph-glazing.ph-x-centre.ph-y-centre img[data-v-17d1853f]{transform:translate(-50%)translateY(-50%)}.ph-roof[data-v-bd2d662d]{width:0;height:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.ph-roof-anchor[data-v-bd2d662d]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.ph-roof-anchor--instant[data-v-bd2d662d]{transition:none}.ph-roof-fascia[data-v-bd2d662d]{box-sizing:border-box;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:#363d3f;border:1px solid #111;position:relative;transform:translateZ(0)}.ph-roof-soffit[data-v-bd2d662d]{transform-origin:top;width:100%;transition:background-color .25s;position:absolute;top:100%;left:0}.ph-roof-soffit[data-v-bd2d662d]:after{content:"";background:var(--ph-woodgrain) repeat center;opacity:.15;pointer-events:none;background-size:250%;position:absolute;inset:0}.ph-roof-soffit[data-v-bd2d662d]:before{content:"";pointer-events:none;background:#00000061;position:absolute;inset:0}.ph-scene[data-v-befa0a30]{width:100%;min-height:var(--ph-wall-height,192px);perspective:50rem;perspective-origin:50%;justify-content:center;align-items:center;display:flex;transform:translateZ(0)}.ph-building-scaler[data-v-befa0a30]{transform-origin:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .35s}.ph-building-scaler--instant[data-v-befa0a30]{transition:none}.ph-pivot[data-v-befa0a30]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ph-cube[data-v-befa0a30]{width:0;height:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.ph-face-anchor[data-v-befa0a30]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .55s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.ph-face-anchor--instant[data-v-befa0a30]{transition:none}.ph-face-anchor--occluded[data-v-befa0a30]{visibility:hidden;pointer-events:none}.ph-face-anchor--two-sided[data-v-befa0a30]{backface-visibility:visible}.ph-face-anchor--left[data-v-befa0a30] .ph-side{position:absolute;top:0;right:0}.ph-face-anchor--right[data-v-befa0a30] .ph-side{position:absolute;top:0;left:0}.ph-view-label[data-v-eea382fa]{flex-direction:column;align-items:center;display:inline-flex}.ph-view-label[data-v-eea382fa]:after{content:attr(data-label);visibility:hidden;pointer-events:none;height:0;font-weight:700;overflow:hidden}.ph-gallery-preview[data-v-accbf1c7]{content-visibility:visible;contain:none}.ph-preview-bg[data-v-accbf1c7]{background:linear-gradient(#f3f4f6 0% 48%,#ebeded 63% 100%)}.ph-mobile-preview-bar[data-v-e43762cc]{z-index:40;pointer-events:none;opacity:0;transition:opacity .3s,transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.ph-mobile-preview-bar--visible[data-v-e43762cc]{pointer-events:auto;opacity:1;transform:translateY(0)}.ph-mobile-preview-bar--reduced-motion[data-v-e43762cc]{transition:opacity .2s;transform:none}.ph-mobile-preview-bar--reduced-motion.ph-mobile-preview-bar--visible[data-v-e43762cc]{transform:none}.ph-mobile-preview-bar__inner[data-v-e43762cc]{--ph-mobile-thumb-size:30vw;min-height:10vw;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));padding-left:calc(var(--ph-mobile-thumb-size) + 1.5rem);border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative;box-shadow:0 -4px 24px #0003}.ph-mobile-preview-bar__price[data-v-e43762cc]{margin-left:auto}.ph-mobile-preview-bar__thumb[data-v-e43762cc]{width:var(--ph-mobile-thumb-size);height:calc(var(--ph-mobile-thumb-size) * .66);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute;bottom:0;left:2rem}.ph-mobile-preview-bar__thumb-frame[data-v-e43762cc]{width:var(--ph-mobile-thumb-size);height:calc(var(--ph-mobile-thumb-size) * .66);justify-content:center;align-items:center;display:flex}.ph-mobile-preview-bar__thumb-frame[data-v-e43762cc] .ph-scene{width:100%;height:100%;min-height:0}.ph-mobile-preview-modal[data-v-e43762cc]{z-index:50;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ph-mobile-preview-modal__backdrop[data-v-e43762cc]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffb3;border:none;position:absolute;inset:0}.ph-mobile-preview-modal__content[data-v-e43762cc]{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex;position:relative}.ph-mobile-preview-modal__preview[data-v-e43762cc]{border-radius:.5rem;justify-content:center;align-items:center;width:100%;min-height:220px;padding:1rem;display:flex}.ph-mobile-preview-modal-enter-active[data-v-e43762cc],.ph-mobile-preview-modal-leave-active[data-v-e43762cc]{transition:opacity .25s}.ph-mobile-preview-modal-enter-active .ph-mobile-preview-modal__content[data-v-e43762cc],.ph-mobile-preview-modal-leave-active .ph-mobile-preview-modal__content[data-v-e43762cc]{transition:transform .25s,opacity .25s}.ph-mobile-preview-modal-enter-from[data-v-e43762cc],.ph-mobile-preview-modal-leave-to[data-v-e43762cc]{opacity:0}.ph-mobile-preview-modal-enter-from .ph-mobile-preview-modal__content[data-v-e43762cc],.ph-mobile-preview-modal-leave-to .ph-mobile-preview-modal__content[data-v-e43762cc]{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.ph-mobile-preview-bar[data-v-e43762cc]{transition:opacity .2s}.ph-mobile-preview-modal-enter-active[data-v-e43762cc],.ph-mobile-preview-modal-leave-active[data-v-e43762cc],.ph-mobile-preview-modal-enter-active .ph-mobile-preview-modal__content[data-v-e43762cc],.ph-mobile-preview-modal-leave-active .ph-mobile-preview-modal__content[data-v-e43762cc]{transition:opacity .15s}.ph-mobile-preview-modal-enter-from .ph-mobile-preview-modal__content[data-v-e43762cc],.ph-mobile-preview-modal-leave-to .ph-mobile-preview-modal__content[data-v-e43762cc]{transform:none}}.ph-wave-letter[data-v-0b84ec00]{transform-origin:bottom}.ph-basket-fade[data-v-0b84ec00]{transition:opacity .18s}.ph-basket-fade--out[data-v-0b84ec00]{opacity:0;transition:opacity .12s}@media (prefers-reduced-motion:reduce){.ph-basket-fade[data-v-0b84ec00],.ph-basket-fade--out[data-v-0b84ec00]{transition:none}}