#project-detail-page{--pd-fs-label: .6875rem;--pd-fs-body: clamp(1rem, .15vw + .95rem, 1.0625rem);--pd-fs-lead: clamp(1.0625rem, .3vw + .95rem, 1.1875rem);--pd-fs-display: clamp(2rem, 2.4vw + 1.1rem, 3.35rem);--pd-fs-mega: clamp(2.35rem, 5vw + .6rem, 4.75rem);--pd-track: .16em;--pd-ease: cubic-bezier(.22, 1, .36, 1);--pd-dur: .28s}.pd-type-label{font-size:var(--pd-fs-label);font-weight:600;letter-spacing:var(--pd-track);text-transform:uppercase;line-height:1.4}[dir=rtl] .pd-type-label{letter-spacing:0;text-transform:none}.pd-type-body{font-size:var(--pd-fs-body);line-height:1.65}.pd-type-lead{font-size:var(--pd-fs-lead);line-height:1.55}.pd-type-display{font-family:var(--font-header);font-size:var(--pd-fs-display);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.pd-type-mega{font-family:var(--font-header);font-size:var(--pd-fs-mega);font-weight:800;line-height:.96;letter-spacing:-.045em;text-wrap:balance}.pd-type-ui{font-family:var(--font-header);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}[dir=rtl] .pd-type-ui{letter-spacing:0;text-transform:none}.pd-btn{transition:transform var(--pd-dur) var(--pd-ease),background-color var(--pd-dur) ease,border-color var(--pd-dur) ease,color var(--pd-dur) ease,box-shadow var(--pd-dur) ease}.pd-btn:hover{transform:translateY(-1px) scale(1.02)}.pd-btn:active{transform:translateY(0) scale(.98)}.pd-btn--primary:hover{background-color:color-mix(in srgb,var(--primary) 88%,white);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 35%,transparent)}.pd-btn--primary:hover i{transform:translate(3px)}[dir=rtl] .pd-btn--primary:hover i{transform:translate(-3px) rotate(180deg)}.pd-btn--ghost:hover{border-color:color-mix(in srgb,var(--cream) 55%,transparent);background-color:color-mix(in srgb,var(--cream) 8%,transparent)}.pd-nav-btn{transition:transform var(--pd-dur) var(--pd-ease),border-color var(--pd-dur) ease,color var(--pd-dur) ease,background-color var(--pd-dur) ease}.pd-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.pd-nav-btn:active{transform:scale(.96)}.pd-link{position:relative}.pd-link:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--pd-dur) var(--pd-ease)}[dir=rtl] .pd-link:after{transform-origin:right center}.pd-link:hover:after,.pd-link:focus-visible:after{transform:scaleX(1)}.pd-hero__veil{background:linear-gradient(105deg,#0c0a09d6,#0c0a096b 48%,#0c0a0947),linear-gradient(to top,rgba(12,10,9,.82) 0%,transparent 52%)}.pd-wipe{transform-origin:center center;overflow:hidden;will-change:transform;backface-visibility:hidden}.pd-wipe.is-open{will-change:auto}.pd-hero__img,.pd-media{transform-origin:center center;backface-visibility:hidden}.pd-media__img{transform-origin:center center;will-change:transform;backface-visibility:hidden}.pd-story{background-color:var(--sand, #e7ded3)}.pd-story__atmosphere{background:radial-gradient(ellipse 70% 55% at 92% 28%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 68%),radial-gradient(ellipse 50% 40% at 8% 80%,color-mix(in srgb,var(--cream, #f5f0e8) 70%,transparent),transparent 70%),linear-gradient(180deg,var(--sand, #e7ded3) 0%,color-mix(in srgb,var(--sand, #e7ded3) 85%,white) 100%)}.pd-story__atmosphere:after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply;pointer-events:none}.pd-story__line{position:relative;margin:0;padding:.85rem 0 .85rem 1rem;border-inline-start:2px solid color-mix(in srgb,var(--foreground, #1c1917) 12%,transparent);transition:border-color var(--pd-dur) var(--pd-ease),color var(--pd-dur) ease,background-color var(--pd-dur) ease,padding-inline-start var(--pd-dur) var(--pd-ease)}.pd-story__line:hover,.pd-story__line:focus-visible,.pd-story__line.is-active{border-inline-start-color:var(--primary);color:var(--foreground, #1c1917);background-color:color-mix(in srgb,var(--cream, #f5f0e8) 55%,transparent);padding-inline-start:1.15rem}.pd-story__cta{transition:color var(--pd-dur) ease}.pd-story__cta:hover i,.pd-story__cta:focus-visible i{transform:translate(4px)}[dir=rtl] .pd-story__cta:hover i,[dir=rtl] .pd-story__cta:focus-visible i{transform:translate(-4px) rotate(180deg)}.pd-story__stage{min-width:0}.pd-blueprint,.pd-blueprint__mat{width:min(100%,736px)}.pd-blueprint{outline:none}.pd-blueprint__glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 22%,transparent),transparent 75%);opacity:0;transform:scale(.92);transition:opacity .4s var(--pd-ease),transform .4s var(--pd-ease)}.pd-blueprint:hover .pd-blueprint__glow,.pd-blueprint:focus-visible .pd-blueprint__glow{opacity:1;transform:scale(1)}.pd-blueprint__mat{padding:clamp(.65rem,1.6vw,1rem);background:linear-gradient(145deg,color-mix(in srgb,var(--cream, #f5f0e8) 92%,white) 0%,var(--cream, #f5f0e8) 100%);box-shadow:0 1px color-mix(in srgb,var(--foreground, #1c1917) 6%,transparent),0 18px 48px color-mix(in srgb,var(--foreground, #1c1917) 10%,transparent);will-change:transform;transform-style:preserve-3d;transition:box-shadow .32s var(--pd-ease)}.pd-blueprint:hover .pd-blueprint__mat,.pd-blueprint:focus-visible .pd-blueprint__mat{box-shadow:0 1px color-mix(in srgb,var(--foreground, #1c1917) 8%,transparent),0 28px 64px color-mix(in srgb,var(--foreground, #1c1917) 16%,transparent)}.pd-blueprint__corner{position:absolute;z-index:2;width:14px;height:14px;border-color:var(--primary);border-style:solid;opacity:.55;transition:opacity var(--pd-dur) ease,transform var(--pd-dur) var(--pd-ease);pointer-events:none}.pd-blueprint__corner--tl{top:6px;left:6px;border-width:2px 0 0 2px}.pd-blueprint__corner--tr{top:6px;right:6px;border-width:2px 2px 0 0}.pd-blueprint__corner--bl{bottom:6px;left:6px;border-width:0 0 2px 2px}.pd-blueprint__corner--br{bottom:6px;right:6px;border-width:0 2px 2px 0}.pd-blueprint:hover .pd-blueprint__corner,.pd-blueprint:focus-visible .pd-blueprint__corner{opacity:1}.pd-blueprint:hover .pd-blueprint__corner--tl,.pd-blueprint:focus-visible .pd-blueprint__corner--tl{transform:translate(-2px,-2px)}.pd-blueprint:hover .pd-blueprint__corner--tr,.pd-blueprint:focus-visible .pd-blueprint__corner--tr{transform:translate(2px,-2px)}.pd-blueprint:hover .pd-blueprint__corner--bl,.pd-blueprint:focus-visible .pd-blueprint__corner--bl{transform:translate(-2px,2px)}.pd-blueprint:hover .pd-blueprint__corner--br,.pd-blueprint:focus-visible .pd-blueprint__corner--br{transform:translate(2px,2px)}.pd-blueprint__frame{width:736px;height:588px;max-width:100%;aspect-ratio:736 / 588;transform-origin:center center;backface-visibility:hidden}@media(max-width:767px){.pd-blueprint__frame{width:100%;height:auto}}.pd-blueprint__veil{background:linear-gradient(160deg,color-mix(in srgb,var(--cream, #f5f0e8) 18%,transparent) 0%,transparent 42%,color-mix(in srgb,var(--foreground, #1c1917) 12%,transparent) 100%);opacity:.55;transition:opacity .35s var(--pd-ease)}.pd-blueprint:hover .pd-blueprint__veil,.pd-blueprint:focus-visible .pd-blueprint__veil{opacity:.15}.pd-blueprint__img{width:100%;height:100%;transition:transform .7s var(--pd-ease);will-change:transform}.pd-blueprint:hover .pd-blueprint__img,.pd-blueprint:focus-visible .pd-blueprint__img{transform:scale(1.035)}.pd-design{width:100%;max-width:1920px;margin-inline:auto;aspect-ratio:1920 / 600;height:auto;min-height:0}.pd-design__media{inset:0}.pd-design__veil{background:linear-gradient(100deg,#0c0a09e0,#0c0a098c 42%,#0c0a0959),linear-gradient(to top,rgba(12,10,9,.7) 0%,transparent 55%)}.pd-install{--pd-install-ease: cubic-bezier(.22, 1, .36, 1);--pd-install-dur: .28s;--pd-plate-w: min(42vw, 9.75rem);--pd-plate-gap: .75rem;min-height:min(100svh,48rem)}.pd-install__bg{z-index:0}.pd-install__bg-img{z-index:0;opacity:0;transform:translateZ(0);backface-visibility:hidden;will-change:opacity;pointer-events:none}.pd-install__veil{z-index:1;background:linear-gradient(105deg,#0c0a0961,#0c0a0933 42%,#0c0a091a 72%,#0c0a0924),linear-gradient(to top,rgba(12,10,9,.22) 0%,transparent 55%)}.pd-install__content{z-index:2}.pd-install__point{transition:transform var(--pd-install-dur) var(--pd-install-ease),opacity var(--pd-install-dur) ease}.pd-install__point-icon{transition:transform var(--pd-install-dur) var(--pd-install-ease),background-color var(--pd-install-dur) ease,border-color var(--pd-install-dur) ease,box-shadow var(--pd-install-dur) ease}.pd-install__point:hover .pd-install__point-icon,.pd-install__point.is-lit .pd-install__point-icon{transform:scale(1.06);background-color:color-mix(in srgb,var(--primary) 28%,transparent);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.pd-install__feature{aspect-ratio:16 / 9;width:100%;overflow:hidden;border-radius:1.25rem;background:color-mix(in srgb,var(--ink, #0c0a09) 40%,transparent);box-shadow:0 12px 32px #00000038}.pd-install__feature-img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.pd-install__plates{width:100%;align-items:stretch;gap:var(--pd-plate-gap);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;padding-block:.65rem;min-height:calc(var(--pd-plate-w) * .75 + 1.25rem)}.pd-install__plates::-webkit-scrollbar{display:none}.pd-install__plate{flex:0 0 var(--pd-plate-w);width:var(--pd-plate-w);max-width:var(--pd-plate-w);margin:0;border:0;background:transparent;padding:0;opacity:.62;z-index:0;scroll-snap-align:start;transition:opacity var(--pd-install-dur) ease}.pd-install__plate.is-active{opacity:1;z-index:2}.pd-install__frame{display:block;width:100%;aspect-ratio:4 / 3;height:auto;overflow:hidden;border-radius:1.25rem;transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;box-shadow:0 1px color-mix(in srgb,var(--cream) 10%,transparent),0 10px 28px #00000038;transition:transform var(--pd-install-dur) var(--pd-install-ease),box-shadow var(--pd-install-dur) ease}.pd-install__plate.is-active .pd-install__frame{transform:translateZ(0) scale(1.03)}.pd-install__img{transform:translateZ(0) scale(1.025);backface-visibility:hidden;transition:transform calc(var(--pd-install-dur) + 40ms) var(--pd-install-ease)}.pd-install__plate.is-active .pd-install__img{transform:translateZ(0) scale(1)}.pd-install__plate-veil{background:linear-gradient(to top,rgba(12,10,9,.35) 0%,transparent 55%);opacity:.7;transition:opacity var(--pd-install-dur) ease}.pd-install__plate.is-active .pd-install__plate-veil{opacity:.12}.pd-install__step{padding:.3rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--ink, #0c0a09) 50%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.14em;transition:background-color var(--pd-install-dur) ease,color var(--pd-install-dur) ease}.pd-install__plate.is-active .pd-install__step{background:var(--primary);color:#fff}@media(min-width:768px){.pd-install{--pd-plate-w: 25rem;--pd-plate-gap: 1.75rem}.pd-install__plates{overflow:visible;scroll-snap-type:none;min-height:20.25rem;padding-block:.75rem}.pd-install__plate{opacity:.72}.pd-install__plate.is-active .pd-install__frame{box-shadow:0 1px color-mix(in srgb,var(--cream) 12%,transparent),0 18px 40px #00000047}.pd-install__plate:not(.is-active):hover .pd-install__frame,.pd-install__plate:not(.is-active):focus-visible .pd-install__frame{transform:translateZ(0) scale(1.015)}.pd-install__plate:not(.is-active):hover,.pd-install__plate:not(.is-active):focus-visible{opacity:.9}}.pd-filmstrip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-x}.pd-filmstrip__shot{scroll-snap-align:start}.pd-products__rail{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem 1.5rem;padding-block:.5rem 1.5rem}.pd-product{width:15.625rem;flex:0 0 15.625rem}.pd-product[data-pd-product-i="0"]{margin-top:0}.pd-product[data-pd-product-i="1"]{margin-top:2.75rem}.pd-product[data-pd-product-i="2"]{margin-top:.75rem}.pd-product[data-pd-product-i="3"]{margin-top:3.5rem}.pd-product[data-pd-product-i="4"]{margin-top:1.5rem}@media(max-width:639px){.pd-products__rail{gap:1.75rem 1rem;padding-block:0 .5rem}.pd-product[data-pd-product-i]{margin-top:0}.pd-product[data-pd-product-i="1"],.pd-product[data-pd-product-i="3"]{margin-top:1.25rem}}.pd-product__hit{width:15.625rem;transition:box-shadow var(--pd-dur) ease}.pd-product__media{width:15.625rem;height:15.625rem}.pd-product__hit:hover,.pd-product__hit[aria-expanded=true]{box-shadow:0 12px 32px #0c0a091f}.pd-product__img{transition:transform .5s var(--pd-ease);will-change:transform}.pd-product__hit:hover .pd-product__img,.pd-product__hit[aria-expanded=true] .pd-product__img{transform:scale(1.04)}.pd-product__caption{opacity:.72;transition:opacity var(--pd-dur) ease,color var(--pd-dur) ease}.pd-product:hover .pd-product__caption,.pd-product:focus-within .pd-product__caption,.pd-product.is-open .pd-product__caption{opacity:1;color:var(--foreground, #1c1917)}.pd-gallery__atmosphere{background:radial-gradient(90% 60% at 12% 0%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 55%),linear-gradient(to bottom,color-mix(in srgb,var(--cream, #f5f0e8) 70%,white),#fff 42% 100%)}.pd-gallery__runway{height:calc(100svh * (.2 + var(--pd-gallery-count, 4) * 1.05));min-height:220svh}.pd-gallery__stage{position:sticky;top:0;z-index:1;height:100svh;max-height:100dvh;display:flex;flex-direction:column;overflow:clip}.pd-gallery__viewport{position:relative;flex:1 1 auto;width:100%;min-height:0;height:100%;border-radius:1.25rem;background:color-mix(in srgb,var(--ink, #0c0a09) 6%,white);box-shadow:0 1px color-mix(in srgb,var(--ink, #0c0a09) 5%,transparent),0 22px 56px color-mix(in srgb,var(--ink, #0c0a09) 10%,transparent);overflow:hidden;isolation:isolate}.pd-gallery__slide{position:absolute;inset:0;margin:0;overflow:hidden;opacity:0;z-index:0;pointer-events:none}.pd-gallery__slide.is-active{opacity:1;z-index:2;pointer-events:auto}.pd-gallery__img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1);backface-visibility:hidden;will-change:transform,opacity}.pd-gallery__expand{position:absolute;right:1rem;bottom:1rem;z-index:4;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;cursor:pointer;color:var(--foreground, #1c1917);background:color-mix(in srgb,white 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0c0a091f;transition:transform .2s var(--pd-ease),background-color .2s ease}.pd-gallery__expand:hover,.pd-gallery__expand:focus-visible{transform:scale(1.05);background:#fff}.pd-gallery__expand:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.pd-gallery__caption{max-width:18rem}.pd-gallery__progress{width:100%}.pd-gallery__seg{position:relative;flex:1 1 0;min-width:0;height:2.75rem;padding:0;border:0;border-radius:999px;cursor:pointer;background:transparent}.pd-gallery__seg:before{content:"";position:absolute;inset-inline:0;top:50%;height:.28rem;translate:0 -50%;border-radius:inherit;background:color-mix(in srgb,var(--ink, #0c0a09) 12%,transparent)}.pd-gallery__seg-fill{position:absolute;inset-inline:0;top:50%;height:.28rem;translate:0 -50%;border-radius:inherit;background:var(--primary);transform:scaleX(0);transform-origin:left center;pointer-events:none}[dir=rtl] .pd-gallery__seg-fill{transform-origin:right center}.pd-gallery__seg.is-complete .pd-gallery__seg-fill{transform:scaleX(1)}.pd-gallery__seg:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pd-gallery__hint{letter-spacing:.06em}.pd-gallery__stack-hit{display:block;padding:0;border:0;background:transparent;cursor:pointer;border-radius:1.25rem;text-align:start}.pd-gallery__stack-hit:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.pd-gallery__stack-frame{display:block;overflow:hidden;aspect-ratio:1920 / 1080;border-radius:1.25rem;box-shadow:0 1px color-mix(in srgb,var(--ink, #0c0a09) 5%,transparent),0 18px 48px color-mix(in srgb,var(--ink, #0c0a09) 8%,transparent)}.pd-gallery.is-static .pd-gallery__runway{display:none}.pd-gallery.is-static .pd-gallery__stack{display:block;padding-top:5rem}.pd-gallery.is-static .pd-gallery__atmosphere{opacity:.85}.pd-lightbox{margin:auto;padding:0;border:0;max-width:min(96vw,72rem);max-height:92vh;background:transparent;color:inherit}.pd-lightbox::backdrop{background:color-mix(in srgb,var(--ink, #0c0a09) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pd-lightbox__panel{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem}.pd-lightbox__img{display:block;max-width:100%;max-height:min(86vh,48rem);width:auto;height:auto;object-fit:contain;border-radius:1rem;box-shadow:0 24px 64px #00000059}.pd-lightbox__close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;cursor:pointer;color:#fff;background:color-mix(in srgb,var(--ink, #0c0a09) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .18s ease}.pd-lightbox__close:hover,.pd-lightbox__close:focus-visible{background:color-mix(in srgb,var(--ink, #0c0a09) 80%,transparent)}.pd-lightbox__close:focus-visible{outline:2px solid white;outline-offset:2px}@media(max-width:767px){.pd-gallery__runway{height:calc(100svh * (.15 + var(--pd-gallery-count, 4) * .9));min-height:180svh}}@media(prefers-reduced-motion:reduce){.pd-wipe,.pd-hero__img,.pd-media__img,.pd-blueprint__img,.pd-blueprint__mat,.pd-blueprint__corner,.pd-blueprint__glow,.pd-install__bg-img,.pd-install__img,.pd-install__frame,.pd-install__point-icon,.pd-product__img,.pd-gallery__img{transform:none!important;will-change:auto;filter:none!important}.pd-install__plate{transition:none!important;width:var(--pd-plate-w);opacity:1}.pd-install__frame,.pd-install__img{transition:none!important}.pd-blueprint:hover .pd-blueprint__mat,.pd-blueprint:focus-visible .pd-blueprint__mat{box-shadow:0 1px color-mix(in srgb,var(--foreground, #1c1917) 6%,transparent),0 18px 48px color-mix(in srgb,var(--foreground, #1c1917) 10%,transparent)}.pd-blueprint:hover .pd-blueprint__img,.pd-blueprint:focus-visible .pd-blueprint__img{transform:none}.pd-blueprint__glow{opacity:0!important}.pd-story__line{transition:none}.pd-btn:hover,.pd-btn:active,.pd-nav-btn:hover,.pd-nav-btn:active{transform:none}.pd-link:after{transition:none}}
