@keyframes rotating{100%{transform:rotate(360deg)}}main:has(.referenceListing-filter) .pageTitle-content p{font-size:clamp(1.8rem,1.3071895425vw,2rem);line-height:1.4}@media(min-width: 62rem){main:has(.referenceListing-filter) .pageTitle-content{flex-direction:row;align-items:flex-start;gap:0}main:has(.referenceListing-filter) .pageTitle-content h1{flex:0 0 60%}main:has(.referenceListing-filter) .pageTitle-content p{flex:1}}.pageTitleReference{padding-bottom:2.4rem}.referenceListing-filter{display:flex;flex-direction:column;margin-bottom:clamp(4rem,5.2287581699vw,8rem)}.referenceListing-filterDetails{width:100%}.referenceListing-filterDetails[open] .referenceListing-filterButtonText--collapsed{display:none}.referenceListing-filterDetails[open] .referenceListing-filterButtonText--expanded{display:inline}.referenceListing-filterSummary{display:flex;align-items:center;flex-wrap:wrap;cursor:pointer;gap:clamp(0.8rem,1.045751634vw,1.6rem);list-style:none}.referenceListing-filterSummary::-webkit-details-marker{display:none}.referenceListing-filterButton{display:inline-flex;min-height:6.4rem;align-items:center;justify-content:center;gap:clamp(0.8rem,1.045751634vw,1.6rem);padding:0 3.2rem;border:2px solid var(--base-white, #ffffff);border-radius:3.2rem;color:var(--base-white, #ffffff);transition:border-color 300ms ease,background-color 300ms ease,color 300ms ease}.referenceListing-filterButtonIcon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;flex-shrink:0}.referenceListing-filterButtonIcon::before{width:2.4rem;height:2.4rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;line-height:1;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;-webkit-mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-filter-view");mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-filter-view");color:currentColor}.referenceListing-filterButtonText{color:currentColor;font-family:"Syne",sans-serif;font-size:clamp(1.5rem,1.1111111111vw,1.7rem);font-weight:600;line-height:1.24}.referenceListing-filterButtonText--expanded{display:none}.referenceListing-activeFilters{display:inline-flex;flex-wrap:wrap;align-items:center;gap:clamp(0.8rem,1.045751634vw,1.6rem)}.referenceListing-activeFilter{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 0;color:var(--base-white, #ffffff);font-family:"Syne",sans-serif;font-size:clamp(1.5rem,1.1111111111vw,1.7rem);font-weight:600;line-height:1.24;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;transition:color 300ms ease}.referenceListing-activeFilter:focus,.referenceListing-activeFilter:hover{color:#ced500;text-decoration:underline}.referenceListing-activeFilterIcon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;flex-shrink:0;color:#ced500}.referenceListing-activeFilterIcon::before{width:1.4rem;height:1.4rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;line-height:1;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;-webkit-mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-close-view");mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-close-view");color:currentColor}.referenceListing-activeFilterText{color:currentColor}.referenceListing-filterSummary{cursor:default}.referenceListing-filterSummary .referenceListing-filterButton{cursor:pointer}.referenceListing-filterSummary .referenceListing-filterButton:hover,.referenceListing-filterSummary .referenceListing-filterButton:focus-visible{border-color:var(--base-white, #ffffff);background:var(--base-white, #ffffff);color:var(--base-black, #202020)}.referenceListing-filterContent{display:flex;flex-direction:column;gap:1.6rem;padding-top:2.4rem}@media(min-width: 48rem){.referenceListing-filterContent{padding-top:clamp(4rem,5.2287581699vw,8rem)}}.referenceFilter-group{display:grid;gap:.8rem}@media(min-width: 48rem){.referenceFilter-group{grid-template-columns:13.9rem minmax(0, 1fr);align-items:start}}.referenceFilter-label{margin:0;color:#a6a5a5;font-family:"Syne",sans-serif;font-size:clamp(1.5rem,1.1111111111vw,1.7rem);font-weight:600;line-height:1.24;text-transform:uppercase}.referenceFilter-tags{display:flex;flex-wrap:wrap;gap:clamp(0.8rem,1.045751634vw,1.6rem) .8rem}.referenceListing-filterContent .filter-box{display:flex}.referenceListing-filterContent .filter-item{display:inline-flex;min-height:4rem;align-items:center;justify-content:center;padding:0 1.6rem;border:2px solid var(--base-white, #ffffff);border-radius:3.2rem;background:rgba(0,0,0,0);color:var(--base-white, #ffffff);cursor:pointer;font-family:"Syne",sans-serif;font-size:clamp(1.7rem,1.1111111111vw,1.7rem);font-weight:600;line-height:1.24;text-decoration:none;transition:border-color 300ms ease,background-color 300ms ease,color 300ms ease;white-space:nowrap}.referenceListing-filterContent .filter-item.active{border-color:var(--main-color, #ced500);background:var(--main-color, #ced500);color:var(--base-black, #202020)}.referenceListing-filterContent .filter-item:focus,.referenceListing-filterContent .filter-item:hover{border-color:var(--base-white, #ffffff);background:var(--base-white, #ffffff);color:var(--base-black, #202020);text-decoration:none}.repeater--references .repeater-grid{gap:1.6rem}@media(min-width: 48rem){.repeater--references .repeater-grid{gap:.8rem;grid-template-columns:repeat(6, minmax(0, 1fr))}.repeater--references .repeater-grid .referenceItem:nth-child(5n+1),.repeater--references .repeater-grid .referenceItem:nth-child(5n+2),.repeater--references .repeater-grid .referenceItem:nth-child(5n+3){grid-column:span 2}.repeater--references .repeater-grid .referenceItem:nth-child(5n+4),.repeater--references .repeater-grid .referenceItem:nth-child(5n+5){grid-column:span 3}}.referenceItem{position:relative;display:flex;min-height:30rem;flex-direction:column;color:var(--base-white, #ffffff);text-decoration:none}.referenceItem:focus,.referenceItem:hover{color:var(--base-white, #ffffff);text-decoration:none}.referenceItem:focus img,.referenceItem:hover img{transform:scale(1.04)}.referenceItem:focus .referenceItem-arrow,.referenceItem:hover .referenceItem-arrow{transform:translateX(0.4rem)}@media(min-width: 48rem){.referenceItem:focus .referenceItem-image,.referenceItem:hover .referenceItem-image{border-radius:.8rem}.referenceItem:focus .referenceItem-content,.referenceItem:hover .referenceItem-content{opacity:1;background:rgba(52,52,52,.64);border-radius:.8rem}}.referenceItem-image{position:relative;overflow:hidden;aspect-ratio:1/1}@media(min-width: 48rem){.referenceItem-image{aspect-ratio:unset;height:48rem;transition:border-radius 300ms ease}}.referenceItem-image img{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}.referenceItem-tags{display:flex;flex-wrap:wrap;gap:.8rem}.referenceTag{display:inline-flex;align-items:center;justify-content:center;height:4rem;padding:0 1.6rem;border:2px solid var(--base-white, #ffffff);border-radius:3.2rem;color:var(--base-white, #ffffff);font-size:clamp(1.4rem,1.1111111111vw,1.7rem);font-weight:600;line-height:1.24;white-space:nowrap}.referenceTag:hover{background:var(--base-white, #ffffff);color:var(--base-black, #202020)}.referenceItem-content{display:flex;flex:1;flex-direction:column;gap:1.6rem;padding-top:clamp(1.6rem,1.568627451vw,2.4rem)}@media(min-width: 48rem){.referenceItem-content{position:absolute;top:0;left:0;right:0;height:48rem;flex:none;padding:clamp(2.4rem,2.614379085vw,4rem);background:rgba(52,52,52,0);opacity:0;transition:opacity 300ms ease,background-color 300ms ease,border-radius 300ms ease}}.referenceItem-content h3{margin:0;color:var(--base-white, #ffffff);font-size:clamp(2.5rem,2.091503268vw,3.2rem);line-height:1.08}.referenceItem-content p{display:none}.referenceItem-arrow{display:inline-flex;width:2.4rem;height:2.4rem;margin-top:auto;transition:transform 300ms ease;color:var(--main-color, #ced500)}.referenceItem-arrow::before{width:1.6rem;height:1.6rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;line-height:1;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;-webkit-mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-arrow-forward-view");mask-image:url("/dist/designatak/assets/icons/puxspritemap.svg#pux-arrow-forward-view");margin:.4rem}@media(min-width: 48rem){.referenceItem-arrow{color:var(--base-white, #ffffff)}}.btn--loadMore{border-color:var(--main-color, #ced500);color:var(--base-black, #202020);background:var(--main-color, #ced500)}.blog-detail-page{background:var(--base-black, #202020);color:var(--base-white, #ffffff)}.blog-detail-page .puxContainer{max-width:120.2rem}@media(min-width: 48rem){.blog-detail-page .puxContainer{max-width:133rem}}.blog-detail-hero{position:relative;padding:12rem 0 clamp(4rem,5.2287581699vw,8rem);background:var(--base-black, #202020)}.blog-detail-hero-inner{display:flex;max-width:117rem;flex-direction:column;align-items:flex-start;gap:clamp(1.6rem,1.568627451vw,2.4rem)}.blog-detail-hero-inner .breadcrumbContainer{margin:0}.blog-detail-hero-inner h1{max-width:100%;margin:0;color:var(--base-white, #ffffff);font-size:clamp(4.4rem,5.2287581699vw,8rem);font-weight:600;line-height:1}.blog-detail-hero-inner .blog-detail-perex{max-width:117rem;margin:0;color:var(--base-white, #ffffff);font-family:"Inter",sans-serif;font-size:clamp(2.2rem,1.8300653595vw,2.8rem);font-weight:400;line-height:124%}.blog-detail-hero-inner .blog-detail-perex p{margin:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}.blog-detail-image-wrapper{background:var(--base-black, #202020)}.blog-detail-image{position:relative;overflow:hidden;width:100%;aspect-ratio:1920/1050;background:#202020}.blog-detail-image picture,.blog-detail-image img{display:block;width:100%;height:100%}.blog-detail-image img{object-fit:cover}.blog-detail-body{padding:clamp(4.8rem,6.2745098039vw,9.6rem) 0;background:var(--base-black, #202020);color:var(--base-white, #ffffff)}.blog-detail-content-inner{max-width:117rem}.blog-detail-content{color:var(--base-white, #ffffff);font-family:"Inter",sans-serif;font-size:clamp(1.7rem,1.3071895425vw,2rem);font-weight:400;line-height:1.4}.blog-detail-content>*:first-child{margin-top:0}.blog-detail-content>*:last-child{margin-bottom:0}.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6{color:var(--base-white, #ffffff);font-family:"Syne",sans-serif;font-weight:600}.blog-detail-content h2{margin:0 0 clamp(2.4rem,3.137254902vw,4.8rem);font-size:clamp(3.6rem,3.9215686275vw,6rem);line-height:1}.blog-detail-content h3{margin:clamp(2.4rem,3.137254902vw,4.8rem) 0 clamp(1.6rem,1.568627451vw,2.4rem);font-size:clamp(2.5rem,2.091503268vw,3.2rem);line-height:108%}.blog-detail-content p{margin:0 0 clamp(1.6rem,1.568627451vw,2.4rem)}.blog-detail-content a{color:var(--base-white, #ffffff);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.blog-detail-content a:hover,.blog-detail-content a:focus-visible{color:var(--main-color, #ced500)}.blog-detail-wideContainer{width:100%;max-width:179.2rem;padding-right:1.6rem;padding-left:1.6rem;margin-right:auto;margin-left:auto}.blog-detail-references{padding:0 0 clamp(4.8rem,6.2745098039vw,9.6rem);background:var(--base-black, #202020);color:var(--base-white, #ffffff)}.blog-detail-references h2{margin:0 0 clamp(2.4rem,3.137254902vw,4.8rem);color:var(--base-white, #ffffff);font-size:clamp(3.6rem,3.9215686275vw,6rem);font-weight:600;line-height:1}.repeater--references-blogDetail .repeater-grid{display:grid;gap:.8rem}@media(min-width: 62rem){.repeater--references-blogDetail .repeater-grid{grid-template-columns:repeat(auto-fit, minmax(23rem, 1fr))}}.repeater--references-blogDetail .referenceItem{grid-column:auto;min-height:30rem;overflow:hidden}.repeater--references-blogDetail .referenceItem-image{height:30rem;aspect-ratio:auto}@media(min-width: 48rem){.repeater--references-blogDetail .referenceItem-image{height:48rem}}