.project-detail-hero{--_panel-radius: var(--radius-m);--_muted-color: var(--text-dark-muted);--_media-aspect: 4 / 3;--_compare-position: 50%;--_compare-transition: .22s cubic-bezier(.22, 1, .36, 1);--_panel-bg: var(--white);padding-block-start:var(--space-m)}.project-detail-hero .section__container{gap:var(--space-m)}.project-detail-hero__details-grid .accent-grid__item--has-content{padding:var(--space-xs)}.project-detail-hero__details-grid.accent-grid{--_item-min-size: 5rem;align-items:stretch}.project-detail-hero__detail{flex-direction:row;align-items:flex-start;justify-content:start;gap:.7em;text-align:start}.project-detail-hero__detail-icon-wrap{flex:0 0 auto}.project-detail-hero__detail-content{min-inline-size:0;display:flex;flex-direction:column;gap:.1em}.project-detail-hero__detail-label{font-size:var(--text-s);font-weight:500;line-height:1.2;color:var(--_muted-color)}.project-detail-hero__detail-value{font-size:var(--text-s);font-weight:400;line-height:1.25;color:var(--text-dark)}.project-detail-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--container-gap)}.project-detail-hero__summary{justify-content:flex-start;& blockquote{--blockquote-padding: var(--space-xs);margin-inline:0;& p{font-size:var(--text-m)}}& h1{font-size:var(--h3)}}.project-detail-hero__gallery{gap:var(--space-xs);padding-block-start:var(--space-xs);border-block-start:var(--border-light);margin-block-start:auto}.project-detail-hero__gallery-heading{font-size:var(--h4)}.project-detail-hero__gallery-shell{position:relative;inline-size:100%;overflow:hidden}.project-detail-hero__gallery-shell:before,.project-detail-hero__gallery-shell:after{content:"";position:absolute;inset-block:0;z-index:2;inline-size:var(--space-l);opacity:0;pointer-events:none;transition:opacity var(--transition)}.project-detail-hero__gallery-shell:before{inset-inline-start:0;background:linear-gradient(to right,var(--_panel-bg),color-mix(in srgb,var(--_panel-bg) 0%,transparent))}.project-detail-hero__gallery-shell:after{inset-inline-end:0;background:linear-gradient(to left,var(--_panel-bg),color-mix(in srgb,var(--_panel-bg) 0%,transparent))}.project-detail-hero__gallery.has-scroll-left .project-detail-hero__gallery-shell:before,.project-detail-hero__gallery.has-scroll-right .project-detail-hero__gallery-shell:after{opacity:1}.project-detail-hero__gallery-track{flex-direction:row;gap:.6rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none}.project-detail-hero__gallery-track::-webkit-scrollbar{display:none}.project-detail-hero__gallery-thumb{flex:0 0 auto;inline-size:6.4rem;block-size:6.4rem;padding:0;border:unset;border-radius:var(--radius);background:transparent;cursor:pointer;overflow:hidden;transition:transform var(--transition),border-color var(--transition)}.project-detail-hero__gallery-thumb img{inline-size:100%;block-size:100%;aspect-ratio:1;object-fit:cover}.project-detail-hero__gallery-nav{position:absolute;inset-block-start:50%;z-index:3;display:flex;align-items:center;justify-content:center;inline-size:2.8rem;block-size:2.8rem;padding:0;border:var(--border-light);border-radius:var(--radius-circle);background:color-mix(in srgb,var(--white) 86%,transparent);color:var(--text-dark);opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--transition),background var(--transition),transform var(--transition);backdrop-filter:blur(8px)}.project-detail-hero__gallery-nav svg{inline-size:1.6rem;block-size:1.6rem}.project-detail-hero__gallery-nav--prev{inset-inline-start:.4rem}.project-detail-hero__gallery-nav--next{inset-inline-end:.4rem}.project-detail-hero__gallery.has-scroll-left .project-detail-hero__gallery-nav--prev,.project-detail-hero__gallery.has-scroll-right .project-detail-hero__gallery-nav--next{opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.project-detail-hero__gallery-thumb:hover{border-color:var(--primary);transform:translateY(-.1rem)}.project-detail-hero__gallery-nav:hover{background:var(--white);transform:translateY(-50%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.project-detail-hero__gallery-shell:before,.project-detail-hero__gallery-shell:after,.project-detail-hero__gallery-thumb,.project-detail-hero__gallery-nav{transition-duration:.01ms}}.project-detail-hero__meta-grid{display:grid;grid-template-columns:var(--grid-4);gap:var(--space-s);align-items:stretch}.project-detail-hero__meta-grid article{min-block-size:30rem}.project-detail-hero__meta-item{padding:var(--space-s);border:var(--border-light);border-radius:var(--radius-m)}.project-detail-hero__meta-item--wide{grid-column:span 2}.project-detail-hero__service-card{position:relative;padding:0;overflow:hidden;isolation:isolate;min-block-size:15rem;border:0;background:var(--text-dark)}.project-detail-hero__service-content{z-index:2;margin-block-start:auto;gap:var(--space-xs);padding:var(--space-m);color:var(--white)}.project-detail-hero__service-title{font-size:var(--h4);color:var(--white)}.project-detail-hero__service-title a,.project-detail-hero__service-title a:hover{color:inherit;text-decoration:none}.project-detail-hero__service-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;color:color-mix(in srgb,var(--white) 82%,transparent);font-size:var(--text-s);pointer-events:none;max-inline-size:45ch}.project-detail-hero__service-cta{display:flex;flex-direction:row;align-items:center;inline-size:auto;gap:.5em;color:var(--white);font-size:var(--text-s);font-weight:500;pointer-events:none}.project-detail-hero__service-cta-label{text-decoration:underline;text-underline-offset:.2em}.project-detail-hero__service-cta-icon{inline-size:1.1em;block-size:1.1em;flex-shrink:0;transition:transform var(--transition)}.project-detail-hero__service-image{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.project-detail-hero__service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000f2,#000000b3 45%,#0006)}.project-detail-hero__service-image img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--transition);will-change:transform}@media(hover:hover)and (pointer:fine){.project-detail-hero__service-card:hover .project-detail-hero__service-image img{transform:scale(1.05)}.project-detail-hero__service-card:hover .project-detail-hero__service-cta-icon{transform:translate(.25em)}}@media(prefers-reduced-motion:reduce){.project-detail-hero__service-image img{transition-duration:.01ms}}@media(width<=768px){.project-detail-hero__meta-grid{grid-template-columns:var(--grid-1)}.project-detail-hero__meta-item--wide{grid-column:auto}}.project-detail-hero__comparison{--_compare-position: 50%;gap:var(--space-xs);margin:0;align-self:stretch}.project-detail-hero__compare-frame{position:relative;flex-grow:1;display:block;inline-size:100%;overflow:hidden;border-radius:var(--_panel-radius);isolation:isolate;touch-action:none;user-select:none}.project-detail-hero__compare-img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.project-detail-hero__compare-img--before{z-index:2;clip-path:inset(0 calc(100% - var(--_compare-position)) 0 0);transition:clip-path var(--_compare-transition);will-change:clip-path}.project-detail-hero__comparison.is-dragging .project-detail-hero__compare-img--before{transition:none}.project-detail-hero__compare-after{position:absolute;inset:0;z-index:1;overflow:hidden}.project-detail-hero__compare-label{position:absolute;inset-block-start:var(--space-s);z-index:4;inline-size:auto;padding-block:.5rem;padding-inline:.8rem;border:var(--border-light);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--white) 84%,transparent);color:var(--text-dark);font-size:var(--text-xs);font-weight:500;line-height:1;backdrop-filter:blur(8px)}.project-detail-hero__compare-label--before{inset-inline-start:var(--space-s)}.project-detail-hero__compare-label--after{inset-inline-end:var(--space-s)}.project-detail-hero__compare-handle{position:absolute;inset-block-start:0;inset-inline-start:var(--_compare-position);z-index:5;display:block;inline-size:5.6rem;block-size:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--primary);cursor:grab;translate:-50% 0;transition:inset-inline-start var(--_compare-transition),transform var(--transition);will-change:inset-inline-start}.project-detail-hero__comparison.is-dragging .project-detail-hero__compare-handle{transition:transform var(--transition);cursor:grabbing}.project-detail-hero__compare-handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%);inline-size:.1rem;background:linear-gradient(to bottom,transparent 5%,var(--primary) 50%,transparent 95%);box-shadow:0 0 2rem color-mix(in srgb,var(--primary) 55%,transparent),0 0 .1rem color-mix(in srgb,var(--white) 75%,transparent);pointer-events:none}.project-detail-hero__compare-glow{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:1;transform:translateY(-50%);pointer-events:none}.project-detail-hero__compare-glow--wide{inline-size:14rem;block-size:100%;background:linear-gradient(to right,color-mix(in srgb,var(--primary) 46%,transparent),transparent);-webkit-mask-image:radial-gradient(10rem at left,var(--black),transparent);mask-image:radial-gradient(10rem at left,var(--black),transparent);opacity:.48}.project-detail-hero__compare-glow--tight{inline-size:5rem;block-size:70%;background:linear-gradient(to right,color-mix(in srgb,var(--info) 80%,transparent),transparent);-webkit-mask-image:radial-gradient(5rem at left,var(--black),transparent);mask-image:radial-gradient(5rem at left,var(--black),transparent);opacity:.92}.project-detail-hero__compare-sparkles{position:absolute;inset-block-start:50%;inset-inline-start:calc(50% + 3rem);z-index:2;inline-size:4rem;block-size:74%;transform:translateY(-50%);-webkit-mask-image:radial-gradient(8rem at left,var(--black),transparent);mask-image:radial-gradient(8rem at left,var(--black),transparent);opacity:.9;pointer-events:none}.project-detail-hero__compare-sparkles:before,.project-detail-hero__compare-sparkles:after{content:"";position:absolute;inset:0;background-repeat:no-repeat}.project-detail-hero__compare-sparkles:before{background-image:radial-gradient(circle,var(--white) 0 .08rem,transparent .1rem),radial-gradient(circle,var(--white) 0 .05rem,transparent .07rem),radial-gradient(circle,var(--white) 0 .1rem,transparent .12rem),radial-gradient(circle,var(--white) 0 .06rem,transparent .08rem),radial-gradient(circle,var(--white) 0 .09rem,transparent .11rem),radial-gradient(circle,var(--white) 0 .04rem,transparent .06rem),radial-gradient(circle,var(--white) 0 .08rem,transparent .1rem),radial-gradient(circle,var(--white) 0 .05rem,transparent .07rem),radial-gradient(circle,var(--white) 0 .07rem,transparent .09rem),radial-gradient(circle,var(--white) 0 .04rem,transparent .06rem);background-position:12% 8%,54% 14%,86% 22%,28% 33%,68% 42%,18% 54%,78% 62%,44% 76%,92% 88%,8% 92%;filter:drop-shadow(0 0 .4rem var(--white))}.project-detail-hero__compare-sparkles:after{background-image:radial-gradient(circle,var(--white) 0 .04rem,transparent .06rem),radial-gradient(circle,var(--white) 0 .08rem,transparent .1rem),radial-gradient(circle,var(--white) 0 .05rem,transparent .07rem),radial-gradient(circle,var(--white) 0 .07rem,transparent .09rem),radial-gradient(circle,var(--white) 0 .04rem,transparent .06rem),radial-gradient(circle,var(--white) 0 .06rem,transparent .08rem),radial-gradient(circle,var(--white) 0 .09rem,transparent .11rem),radial-gradient(circle,var(--white) 0 .05rem,transparent .07rem);background-position:36% 5%,74% 16%,18% 24%,58% 36%,96% 47%,34% 58%,66% 73%,24% 86%;filter:drop-shadow(0 0 .7rem var(--white));animation-delay:-1.3s}.project-detail-hero__compare-sparkles span{position:absolute;inline-size:.16rem;block-size:.16rem;border-radius:var(--radius-circle);background:var(--white);box-shadow:0 0 .55rem var(--white)}.project-detail-hero__compare-sparkles span:nth-child(1){inset-block-start:8%;inset-inline-start:16%;animation-delay:-.2s}.project-detail-hero__compare-sparkles span:nth-child(2){inset-block-start:18%;inset-inline-start:62%;animation-delay:-1s}.project-detail-hero__compare-sparkles span:nth-child(3){inset-block-start:28%;inset-inline-start:34%;animation-delay:-.6s}.project-detail-hero__compare-sparkles span:nth-child(4){inset-block-start:38%;inset-inline-start:78%;animation-delay:-1.4s}.project-detail-hero__compare-sparkles span:nth-child(5){inset-block-start:48%;inset-inline-start:20%;animation-delay:-.8s}.project-detail-hero__compare-sparkles span:nth-child(6){inset-block-start:58%;inset-inline-start:54%;animation-delay:-1.6s}.project-detail-hero__compare-sparkles span:nth-child(7){inset-block-start:68%;inset-inline-start:30%;animation-delay:-.4s}.project-detail-hero__compare-sparkles span:nth-child(8){inset-block-start:78%;inset-inline-start:72%;animation-delay:-1.2s}.project-detail-hero__compare-sparkles span:nth-child(9){inset-block-start:88%;inset-inline-start:44%;animation-delay:-.1s}.project-detail-hero__compare-sparkles span:nth-child(10){inset-block-start:12%;inset-inline-start:86%;animation-delay:-1.8s}.project-detail-hero__compare-sparkles span:nth-child(11){inset-block-start:43%;inset-inline-start:92%;animation-delay:-.9s}.project-detail-hero__compare-sparkles span:nth-child(12){inset-block-start:72%;inset-inline-start:8%;animation-delay:-1.3s}.project-detail-hero__compare-handle-icon{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:3;display:flex;align-items:center;justify-content:center;inline-size:2.2rem;block-size:2.2rem;border:var(--border-light);border-radius:var(--radius-xs);background:var(--white);color:var(--black);box-shadow:0 -.1rem color-mix(in srgb,var(--white) 25%,transparent),var(--box-shadow-m);transform:translate(-50%,-50%);transition:transform var(--transition),box-shadow var(--transition)}.project-detail-hero__compare-handle-icon svg{inline-size:100%;block-size:100%}.project-detail-hero__compare-caption{color:var(--_muted-color);font-size:var(--text-xs);line-height:1.4;order:-1}@media(hover:hover)and (pointer:fine){.project-detail-hero__compare-handle:hover{color:var(--black)}.project-detail-hero__compare-handle:hover .project-detail-hero__compare-handle-icon{transform:translate(-50%,-50%) scale(1.08);box-shadow:var(--box-shadow-1)}}@media(width<=768px){.project-detail-hero__comparison{order:2}.project-detail-hero__compare-caption{order:1}.project-detail-hero__grid{grid-template-columns:var(--grid-1)}.project-detail-hero__compare-frame{min-block-size:26rem;aspect-ratio:var(--_media-aspect)}}@media(prefers-reduced-motion:reduce){.project-detail-hero__compare-img--before,.project-detail-hero__compare-after,.project-detail-hero__compare-handle{transition-duration:.01ms}}.product-card-main-b{--_padding: var(--space-xs);--_radius: var(--radius);--_media-ratio: 4 / 3;--_body-gap: var(--space-xs);--_title-size: var(--text-m);--_subtitle-size: calc(var(--text-m) / 1.1);--_meta-size: var(--text-s);--_image-inset-inline: -15%;--_image-inset-block: -20%;flex-grow:1;background:var(--body-bg-color);border:var(--border-light);border-radius:var(--_radius);overflow:hidden;transition:border-color var(--transition);isolation:isolate;[data-cover-link]:after{z-index:1}}.product-card-main-b__media{order:-1;inline-size:100%;block-size:22rem;background:var(--bg-ultra-light);border-block-end:var(--border-light);aspect-ratio:var(--_media-ratio);overflow:hidden;position:relative}.product-card-main-b__image{position:absolute;inset-block-end:var(--_image-inset-block);inset-inline-end:var(--_image-inset-inline);inline-size:100%;block-size:100%;object-fit:contain;border-radius:0;transition:transform 1.2s cubic-bezier(.25,0,.15,1);scale:2}.product-card-main-b__body{flex-grow:1;padding:var(--_padding);gap:var(--_body-gap)}.product-card-main-b__title{display:flex;flex-direction:column;flex-grow:1;gap:.15em;color:var(--text-dark);& a{display:flex;flex-direction:column;gap:inherit;color:inherit}}.product-card-main-b__collection{font-size:var(--_title-size);font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}.product-card-main-b__name{font-size:var(--_subtitle-size);font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.2}.product-card-main-b__options{flex-direction:row;flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--_padding);border-block-start:var(--border-light);gap:var(--_body-gap)}.product-card-main-b__option{flex-direction:row;align-items:center;inline-size:auto;gap:.5em;font-size:var(--_meta-size);color:var(--text-dark)}.product-card-main-b__option-label{color:var(--text-dark-muted)}.product-card-main-b__option-count{--_count-bg: var(--neutral-ultra-light);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:2.2rem;aspect-ratio:1;padding:.1em;font-size:var(--text-xs);font-weight:450;line-height:1;color:var(--text-dark);background:var(--_count-bg);border-radius:var(--radius-circle)}.product-card-main-b__option-count--colors{--_count-bg: color-mix(in srgb, var(--warning) 40%, transparent)}.product-card-main-b__option-count--heights{--_count-bg: color-mix(in srgb, var(--info) 35%, transparent)}@media(hover:hover)and (pointer:fine){.product-card-main-b:hover{border-color:var(--primary)}.product-card-main-b:hover .product-card-main-b__image{transform:scale(1.05)}.product-card-main-b:hover h3 a{color:var(--text-dark)}}