/* Keep the original photo-led section and typography; protect text contrast. */
.px-about-workspace::before{background:linear-gradient(180deg,#07060cf2 0%,#07060c77 30%,#07060c9e 65%,#07060c 100%)}
.px-workspace-note{font:400 12px/1.6 'PX Noto Sans','PX Georgian',sans-serif;color:#c5c2cc;max-width:520px;margin:22px auto 0;padding:0 20px}

.px-editing-principles .tp-counter-start,.px-editing-principles .tp-counter-end{float:none}
.px-editing-principles .tp-counter-subtitle{block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;font-size:28px;line-height:1.3;overflow-wrap:anywhere}
.px-principle-description{font-size:15px;line-height:1.7;color:#a9a5b3;max-width:280px;margin:17px auto 0}
.px-editing-principles .tp-counter-update-provide p{block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;padding:12px 20px}

/* Three real-frame demonstration concepts in the existing pinned image layout. */
.px-selected-work .tp-portfolio-content-wrap h2,.px-selected-work .tp-portfolio-content-wrap h2 span{block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;font-size:clamp(38px,4vw,54px);line-height:1.1}
.px-selected-work-note{font-size:12px;line-height:1.7;color:#a4a0ad;margin:0 0 26px}
.px-selected-work .tp-portfolio-thumb{border-radius:18px;background:#111017}
.px-case-panel{position:relative;overflow:hidden;border-radius:18px}
.px-case-panel[hidden]{display:none}
.px-case-panel>img{display:block;width:100%;height:auto;aspect-ratio:690/380;object-fit:cover;border-radius:18px}
.px-case-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 24px 22px;background:linear-gradient(transparent,#07060ce6);color:#fff;font-size:22px;line-height:1.35;font-weight:600;pointer-events:none}
.px-selected-work .px-case-item{padding:22px 0 20px;border-top:1px solid #ffffff17;transition:border-color .2s}
.px-selected-work .px-case-item.is-active{border-top-color:#d4ff00a0}
.px-case-select{display:block;border:0;background:none;padding:0;text-align:left;width:100%;color:#fff}
.px-case-select:focus-visible{outline:2px solid #d4ff00;outline-offset:7px;border-radius:3px}
.px-selected-work .px-case-select>span{color:inherit;font-size:19px;line-height:1.4;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;overflow-wrap:anywhere}
.px-selected-work .is-active .px-case-select{color:#d4ff00}
.px-selected-work .px-case-brief,.px-selected-work .px-case-details p{font-size:14px;line-height:1.65;color:#b7b3c0;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;margin:9px 0 0}
.px-selected-work .px-case-details strong{font-size:11px;font-weight:600;color:#e0dce7;text-transform:uppercase;letter-spacing:.04em;display:block;margin:12px 0 5px}
.px-selected-work .px-case-details span{font-size:14px;line-height:1.65;font-weight:400;margin:0;color:#b7b3c0}
.px-selected-work .px-case-format span{font-size:12px;color:#d4ff00}

/* Editable format names with lightweight native vector diagrams. */
.px-delivery-formats{overflow:hidden}
.px-formats-heading{color:#fff;font-size:26px;line-height:1.35;margin:0 0 45px;overflow-wrap:anywhere}
.px-delivery-formats .tp-grid-item{width:176px}
.px-format-visual{display:flex;flex-direction:column;align-items:center;gap:13px}
.px-format-visual svg{flex-shrink:0}
.px-delivery-formats .px-format-visual>span{font-size:14px;line-height:1.4}
.px-format-detail{font-size:12px;line-height:1.5;color:#898491;text-align:center;max-width:175px}

/* Actual still photographs in the original pair of carousels. */
.px-repurpose .tp-shop-title,.px-repurpose .tp-shop-para,.px-repurpose .tp-shop-title-wrap h2,.px-repurpose .tp-shop-title-wrap h2 span,.px-repurpose .tp-plugin-para{block-size:auto;min-block-size:0;max-block-size:none;overflow:visible}
.px-repurpose .tp-shop-title-wrap h2{font-size:clamp(38px,4.3vw,60px);line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
.px-repurpose .tp-plugin-para{font-size:17px;line-height:1.65}
.px-repurpose .tp-shop-para{font-size:14px;line-height:1.6;padding-right:20px}
.px-repurpose .tp-shop-slider-active,.px-repurpose .tp-shop-slider-2-active{margin-left:0;margin-right:0}
.px-repurpose .tp-shop-thumb{height:300px;position:relative;border-radius:20px;overflow:hidden;background:#17171d;padding:12px}
.px-take-frame{height:100%;width:100%;position:relative;overflow:hidden;border-radius:12px}
.px-repurpose .tp-shop-thumb[data-take="landscape"] .px-take-frame{height:auto;aspect-ratio:16/9;top:50%;transform:translateY(-50%)}
.px-repurpose .tp-shop-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.px-repurpose .tp-shop-thumb[data-take="vertical"] .px-take-frame{width:auto;aspect-ratio:9/16;max-width:100%;margin:auto}
.px-repurpose .tp-shop-thumb[data-take="vertical"][data-example="interview"] img{object-position:65% center}
.px-take-label{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(transparent,#08080be8);padding:36px 20px 18px;pointer-events:none}
.px-take-label span{font:500 10px/1.4 'PX Noto Sans','PX Georgian',sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#d4ff00}
.px-take-label strong{font-size:17px;line-height:1.3;color:#fff;font-weight:600;overflow-wrap:anywhere}
.px-repurpose .tp-shop-navigation button{background:none;border:0;padding:6px;color:inherit;border-radius:5px;line-height:1}
.px-repurpose .tp-shop-navigation button:focus-visible{outline:2px solid #5540be;outline-offset:4px}
@media(max-width:1199px){.px-repurpose .tp-shop-title-wrap{margin-left:30px;margin-right:24px}.px-repurpose .tp-shop-thumb{height:270px}.px-repurpose .tp-plugin-para{font-size:16px}.px-selected-work .tp-portfolio-thumb-text{bottom:65px;left:-75px}}
@media(max-width:991px){.px-repurpose .tp-shop-title-wrap{margin-left:28px;margin-right:28px}.px-repurpose .tp-shop-slider-wrap{margin-top:28px}.px-repurpose .tp-blog-main-wrap{padding-top:90px}.px-selected-work .tp-portfolio-thumb-text{display:none}.px-selected-work .tp-portfolio-content-wrap{margin-top:30px}}
@media(max-width:767px){.px-about-workspace .images{height:560px;object-fit:cover;object-position:center;width:100%}.px-about-workspace .tp-template-content{padding:100px 20px 70px}.px-about-workspace .tp-template-header{top:0}.px-workspace-note{font-size:11px}.px-editing-principles .tp-counter-item{margin-bottom:48px}.px-editing-principles .tp-counter-subtitle{font-size:27px}.px-case-photo-caption{font-size:19px;padding:40px 18px 18px}.px-formats-heading{font-size:24px}.px-repurpose .tp-shop-thumb{height:300px}.px-repurpose .tp-shop-title{font-size:24px}.px-repurpose .tp-shop-title-wrap h2{font-size:40px}.px-repurpose .tp-plugin-para{font-size:16px}.px-repurpose .tp-shop-title-wrap .tp-btn-yellow{white-space:normal;text-align:center;max-width:100%}}
@media(prefers-reduced-motion:reduce){.px-case-item{transition:none}}