.article-grid-page .article-zone-cta .panel-desc-samples-link{display:inline-flex;align-items:center;gap:.3em;vertical-align:baseline;font-size:inherit;font-weight:600}.article-grid-page .article-zone-cta .panel-desc-samples-icon{width:1em;height:1em;max-width:1em;max-height:1em;flex-shrink:0;color:#ea580c}.article-grid-page .article-samples-backdrop .grid-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(12px,1.8vmin,18px);border-bottom:1px solid var(--clr-border, #e2e8f0);flex-shrink:0}.article-grid-page .article-samples-backdrop .grid-modal-title-row{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.article-grid-page .article-samples-backdrop .modal-title-icon{width:clamp(22px,3.2vmin,28px);height:clamp(22px,3.2vmin,28px);max-width:clamp(22px,3.2vmin,28px);max-height:clamp(22px,3.2vmin,28px);flex-shrink:0}.article-grid-page .article-samples-backdrop .modal-title-icon--samples{color:#ea580c}.article-grid-page .article-samples-backdrop .grid-modal-title{margin:0;font-size:var(--fs-md, 1.08vh);font-weight:700;min-width:0}.article-grid-page .article-samples-backdrop .grid-modal-title--samples{font-size:var(--fs-md, 1.08vh);line-height:1.25;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.article-grid-page .article-samples-backdrop .samples-title-flags{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.article-grid-page .article-samples-backdrop .flag-img{width:20px;height:13px;max-width:20px;max-height:13px;object-fit:cover;border-radius:2px}.article-grid-page .article-samples-backdrop .grid-modal-close{background:none;border:none;font-size:var(--fs-xl, 2.65vh);cursor:pointer;color:var(--clr-muted, #64748b);line-height:1;padding:4px 8px;flex-shrink:0}.article-grid-page .article-samples-backdrop .samples-carousel-wrap{--samples-gap: clamp(8px, 1.2vmin, 14px)}.article-grid-page .article-samples-backdrop .samples-row{display:flex;align-items:center;cursor:pointer;overflow:hidden}.article-grid-page .article-samples-backdrop .samples-row-track{display:flex;gap:var(--samples-gap);align-items:center;height:100%;width:max-content;animation:article-samples-scroll 16s linear infinite}.article-grid-page .article-samples-backdrop .samples-carousel-wrap--paused .samples-row-track{animation-play-state:paused}.article-grid-page .article-samples-backdrop .samples-row-track img{border-radius:8px;border:1px solid var(--clr-border, #e2e8f0);object-fit:contain;background:#f8fafc;cursor:zoom-in}@keyframes article-samples-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.article-grid-page .sample-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;background:#0f172aeb;display:flex;flex-direction:column;overflow:hidden}.article-grid-page .sample-lightbox-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#00000059}.article-grid-page .sample-lightbox-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1a;color:#fff;font-size:var(--fs-sm, .9vh);font-weight:600;cursor:pointer;font-family:inherit}.article-grid-page .sample-lightbox-tool-icon{width:22px;height:22px;max-width:22px;max-height:22px;flex-shrink:0}.article-grid-page .sample-lightbox-tool-label{line-height:1.2}.article-grid-page .sample-lightbox-tool-btn:hover{background:#fff3}.article-grid-page .sample-lightbox-stage{flex:1;min-height:0;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;position:relative;cursor:grab}.article-grid-page .sample-lightbox-stage.is-dragging{cursor:grabbing}.article-grid-page .sample-lightbox-img{max-width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:top center}.article-grid-page .sample-lightbox-close{position:absolute;top:12px;right:16px;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:var(--fs-xl, 2.65vh);cursor:pointer;line-height:1}@media (max-width: 960px){.article-grid-page .article-samples-backdrop .grid-modal-title,.article-grid-page .article-samples-backdrop .grid-modal-title--samples{font-size:var(--fs-md, 3.85vw)}.article-grid-page .sample-lightbox-toolbar{gap:10px;padding:10px 16px}.article-grid-page .sample-lightbox-tool-btn{width:44px;height:44px;padding:0}.article-grid-page .sample-lightbox-tool-label{display:none}}.article-grid-page .grid-modal-backdrop.article-samples-backdrop{position:fixed!important;z-index:5000;top:calc(var(--zone-pad, 12px) + var(--article-row-h, 6vh))!important;left:calc(var(--zone-pad, 12px) + var(--article-col-w, 6vw))!important;right:calc(var(--zone-pad, 12px) + var(--article-col-w, 6vw))!important;bottom:calc(var(--zone-pad, 12px) + var(--article-row-h, 6vh))!important;display:flex!important;flex-direction:column;grid-template-columns:none!important;grid-template-rows:none!important;padding:0!important;background:#fff!important;border-radius:12px;overflow:hidden;box-shadow:0 12px 48px #0f27442e;isolation:isolate}.article-grid-page .grid-modal-backdrop.article-samples-backdrop:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0f274473;pointer-events:none}.article-grid-page .article-samples-backdrop>.grid-modal.grid-modal--samples{flex:1 1 auto;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;grid-column:unset!important;grid-row:unset!important;border-radius:0!important;box-shadow:none!important;background:#fff}.article-grid-page .article-samples-backdrop .grid-modal-body.samples-carousel-wrap{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:clamp(10px,1.4vmin,16px);padding:clamp(12px,1.8vmin,18px)}.article-grid-page .article-samples-backdrop .samples-row{flex:1 1 0;min-height:0;height:auto!important;max-height:none!important;overflow:hidden}.article-grid-page .article-samples-backdrop .samples-row-track{height:100%}.article-grid-page .article-samples-backdrop .samples-row-track img{height:100%!important;max-height:100%!important;width:auto;object-fit:contain}.article-grid-page .sample-lightbox{z-index:6000}.article-cta-panels[data-v-30506115]{display:flex;flex-direction:column;min-height:0;flex:1;height:100%}.article-cta-desktop[data-v-30506115]{display:flex;flex-direction:column;gap:calc(var(--zone-pad, 12px) * 1.5)}.article-cta-panel[data-v-30506115] .upload-zone,.article-cta-panel[data-v-30506115] .hum-input-box{--input-zone-h: clamp(100px, 12vh, 160px)}.article-cta-mobile[data-v-30506115]{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.article-cta-mobile-tabs[data-v-30506115]{flex:0 0 var(--article-mobile-dock-tab-h, 20%);height:var(--article-mobile-dock-tab-h, 20%);min-height:var(--article-mobile-dock-tab-h, 20%);max-height:var(--article-mobile-dock-tab-h, 20%)}.article-cta-mobile-body[data-v-30506115]{flex:0 0 var(--article-mobile-dock-body-h, 80%);height:var(--article-mobile-dock-body-h, 80%);min-height:var(--article-mobile-dock-body-h, 80%);max-height:var(--article-mobile-dock-body-h, 80%);display:flex;flex-direction:column;overflow:hidden}.article-cta-mobile-panel[data-v-30506115]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:stretch;flex:1 1 auto;width:100%;height:100%;min-height:0;overflow:hidden}.article-cta-mobile-desc[data-v-30506115]{grid-row:1;align-self:start;padding:var(--article-mobile-dock-cell-pad, calc(var(--zone-pad, 12px) * .5));box-sizing:border-box;overflow:hidden}.article-cta-mobile-upload-col[data-v-30506115]{grid-row:1;display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0;height:100%;padding:var(--article-mobile-dock-cell-pad, calc(var(--zone-pad, 12px) * .5));box-sizing:border-box;overflow:hidden}.article-cta-mobile-upload-col[data-v-30506115] .upload-zone,.article-cta-mobile-upload-col[data-v-30506115] .hum-input-box{flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;max-height:none;position:relative;box-sizing:border-box;background:transparent;--input-zone-h: 100%;border:3px dashed var(--clr-border)}.article-cta-mobile-upload-col[data-v-30506115] .hum-input-box{display:grid;grid-template:minmax(0,1fr) / 1fr}.article-cta-mobile-upload-col[data-v-30506115] .hum-input-box>.upload-zone--native{position:relative;grid-area:1 / 1;height:100%;min-height:0}
