.media-preview{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);position:relative;overflow:hidden}.media-preview__remove{border-radius:var(--ds-radius-full);background-color:var(--ds-color-surface);padding:var(--ds-space-1-5);box-shadow:var(--ds-shadow-sm);transition:background-color var(--ds-duration-fast)var(--ds-ease-default);position:absolute;inset-block-start:var(--ds-space-2);inset-inline-end:var(--ds-space-2)}.media-preview__remove:hover{background-color:var(--ds-color-surface-hover)}.progress-bar{border-radius:var(--ds-radius-full);background-color:var(--ds-color-bg-elevated);width:100%;max-width:20rem;height:.375rem;overflow:hidden}.progress-bar__fill{border-radius:var(--ds-radius-full);background-color:var(--ds-color-interactive);height:100%;transition:width var(--ds-duration-fast)var(--ds-ease-default)}.media-picker{z-index:var(--ds-z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-picker__backdrop{background-color:var(--ds-color-overlay);position:absolute;inset:0}.media-picker__panel{z-index:10;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:100%;max-width:48rem;max-height:80vh;box-shadow:var(--ds-shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.media-picker__header{z-index:10;border-block-end:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);padding:var(--ds-space-4)var(--ds-space-5);justify-content:space-between;align-items:center;display:flex;position:sticky;inset-block-start:0}.media-uploader--large{padding:var(--ds-space-16)var(--ds-space-4);min-height:16rem}.media-grid-item{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);transition:all var(--ds-duration-fast)var(--ds-ease-default);position:relative;overflow:hidden}.media-grid-item:hover{border-color:var(--ds-color-border-hover);box-shadow:var(--ds-shadow-sm)}.media-grid-item__overlay{background-color:var(--ds-color-overlay);opacity:0;transition:opacity var(--ds-duration-fast)var(--ds-ease-default);pointer-events:none;position:absolute;inset:0}.media-grid-item:hover .media-grid-item__overlay{opacity:.3}.media-grid-item--selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-color-interactive)20%,transparent);border-color:var(--ds-color-interactive)!important}.media-detail-panel{gap:var(--ds-space-4);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:18rem;padding:var(--ds-space-4);flex-direction:column;flex-shrink:0;display:none}@media (min-width:1024px){.media-detail-panel{display:flex}}.search-bar__icon{pointer-events:none;opacity:.5;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%)}.search-bar__input{width:100%;padding-inline-start:2.5rem}.media-folder-sidebar{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:12rem;padding:var(--ds-space-3);flex-direction:column;flex-shrink:0;display:none}@media (min-width:768px){.media-folder-sidebar{display:flex}}.media-folder-item{align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-1-5)var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);cursor:pointer;transition:background-color var(--ds-duration-fast)var(--ds-ease-default),color var(--ds-duration-fast)var(--ds-ease-default);background:0 0;border:none;display:flex}.media-folder-item:hover{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-text)}.media-folder-item--active{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-text);font-weight:var(--ds-weight-medium)}.media-folder-item__actions{align-items:center;gap:2px;margin-inline-start:auto;display:none}.media-folder-item:hover .media-folder-item__actions{display:flex}.sortable-list{gap:var(--ds-space-3);flex-direction:column;display:flex}.sortable-item{align-items:center;gap:var(--ds-space-3);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);padding:var(--ds-space-3);transition:opacity var(--ds-duration-fast)var(--ds-ease-default),border-color var(--ds-duration-fast)var(--ds-ease-default),box-shadow var(--ds-duration-fast)var(--ds-ease-default);display:flex}.sortable-item--dragging{opacity:.4}.sortable-item--drop-target{border-color:var(--ds-color-interactive);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-color-interactive)20%,transparent)}.sortable-item__controls{flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex}.sortable-item__grip{cursor:grab;color:var(--ds-color-text-tertiary);padding:var(--ds-space-0-5)0;align-items:center;display:flex}.sortable-item__grip:active{cursor:grabbing}.sortable-item__thumb{width:var(--sortable-thumb-w,80px);height:var(--sortable-thumb-h,60px);object-fit:cover;border-radius:var(--ds-radius-md);flex-shrink:0}.sortable-item__extra{flex:1;min-width:0}.sortable-item__label{min-width:0;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sortable-item__remove{flex-shrink:0;margin-inline-start:auto}
.mobile-nav{background-color:var(--ds-color-surface);-webkit-backdrop-filter:blur(20px)saturate(1.5);transition:max-height var(--ds-duration-normal)var(--ds-ease-default),border-color var(--ds-duration-normal)var(--ds-ease-default);border-bottom:1px solid #0000;max-height:0;overflow:hidden}.mobile-nav.is-open{border-bottom-color:var(--ds-color-border);max-height:12rem}.nav-fixed{inset-inline:0;z-index:var(--ds-z-sticky);background-color:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border);-webkit-backdrop-filter:blur(20px)saturate(1.5);position:fixed;top:0}.quote-block{border-left:2px solid var(--ds-color-border);padding-left:var(--ds-space-6);padding-block:var(--ds-space-2)}.compare-slider__divider{background-color:var(--ds-color-on-inverted);box-shadow:var(--ds-shadow-md)}.compare-slider__knob{background-color:var(--ds-color-on-inverted);box-shadow:var(--ds-shadow-md);color:var(--ds-color-text-tertiary)}.compare-slider__label{background-color:var(--ds-color-overlay);color:var(--ds-color-on-inverted);padding:var(--ds-space-0-5)var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs)}.env-dot{border-radius:var(--ds-radius-full);width:.5rem;height:.5rem}.env-dot--ok{background-color:var(--ds-color-success)}.env-dot--error{background-color:var(--ds-color-error)}.shot-picker-dropdown{z-index:var(--ds-z-dropdown);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);max-height:16rem;box-shadow:var(--ds-shadow-lg);position:relative;overflow-y:auto}.shot-picker-item{align-items:center;gap:var(--ds-space-3);width:100%;padding:var(--ds-space-2)var(--ds-space-3);text-align:left;transition:background-color var(--ds-duration-fast)var(--ds-ease-default);display:flex}.shot-picker-item:hover{background-color:var(--ds-color-surface-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.blog-section{padding-top:clamp(3rem,4vw + 2rem,5rem);padding-bottom:clamp(2rem,3vw + 1rem,4rem)}.blog-section__header{max-width:720px;margin:0 auto clamp(2rem,4vw,4rem)}.blog-section__main{min-width:0}.blog-grid{gap:var(--ds-space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{transition:transform var(--ds-duration-fast)var(--ds-ease-default);background:0 0;border:none;flex-direction:column;display:flex}.blog-card:hover .blog-card__img{transform:scale(1.03)}.blog-card__media{aspect-ratio:4/3;background:var(--ds-color-surface-muted);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-5);display:block;position:relative;overflow:hidden}.blog-card__img{object-fit:cover;transition:transform .6s var(--ds-ease-default)}.blog-card__placeholder{background:linear-gradient(135deg,var(--ds-color-surface-muted),var(--ds-color-border));width:100%;height:100%}.blog-card__body{gap:var(--ds-space-2);flex-direction:column;flex:1;padding:0;display:flex}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__category{color:var(--ds-color-text-interactive);margin-bottom:var(--ds-space-1);display:inline-block}.blog-card__meta{align-items:center;gap:var(--ds-space-2);margin-top:var(--ds-space-3);display:flex}.blog-detail{padding-top:clamp(2rem,4vw,4rem);padding-bottom:clamp(3rem,5vw,5rem)}.blog-detail__header{max-width:720px;margin:0 auto clamp(2rem,4vw,4rem);padding-top:clamp(2.5rem,4vw + 1rem,5rem)}.blog-detail__meta{align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-8);display:flex}.blog-detail__meta-sep{background:var(--ds-color-text-tertiary);opacity:.6;border-radius:50%;width:4px;height:4px;display:inline-block}.blog-detail__cover{aspect-ratio:21/9;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);width:100%;max-width:1080px;margin:0 auto clamp(2rem,4vw,4rem);position:relative;overflow:hidden}.blog-detail__cover-img{object-fit:cover}.blog-detail__body{max-width:720px;margin:0 auto}.blog-detail__credit{max-width:720px;margin:var(--ds-space-6)auto 0}.blog-detail__footer{max-width:720px;margin:clamp(3rem,5vw,5rem) auto 0}.blog-detail__related{max-width:1080px;margin:clamp(4rem,6vw,6rem) auto 0}.blog-detail__faq{max-width:720px;margin:clamp(3rem,5vw,5rem) auto 0}.blog-detail__faq-list{gap:var(--ds-space-6);flex-direction:column;margin:0;padding:0;display:flex}.blog-detail__faq-item{border-top:1px solid var(--ds-color-border);padding-top:var(--ds-space-4)}.blog-detail__faq-q{font-family:var(--ds-font-display);font-weight:var(--ds-font-display-weight);font-size:var(--ds-text-lg);line-height:var(--ds-leading-snug);color:var(--ds-color-text);margin-bottom:var(--ds-space-2)}.blog-detail__faq-a{color:var(--ds-color-text-secondary);line-height:var(--ds-leading-relaxed);margin:0}.blog-detail__cta{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);text-align:left;max-width:720px;margin:clamp(4rem,6vw,6rem) auto 0;padding:clamp(2rem,4vw,3rem)}.blog-detail__cta-eyebrow,.blog-detail__cta-title{margin:0 0 var(--ds-space-3)}.blog-detail__cta-text{margin:0 0 var(--ds-space-6);color:var(--ds-color-text-secondary);line-height:var(--ds-leading-relaxed);max-width:60ch}.blog-detail__cta-actions{gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.blog-form{display:block}.blog-form__layout{gap:var(--ds-space-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.blog-form__layout{grid-template-columns:minmax(0,1fr) 360px}}.blog-form__main,.blog-form__sidebar{min-width:0}.blog-rte{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);overflow:hidden}.blog-rte--loading{padding:var(--ds-space-4);color:var(--ds-color-text-secondary)}.blog-rte__toolbar{gap:var(--ds-space-1);padding:var(--ds-space-2);border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);flex-wrap:wrap;display:flex}.blog-rte__btn--active{background:var(--ds-color-surface-active);color:var(--ds-color-text-interactive);border-color:var(--ds-color-border)}.blog-rte__btn{width:32px;height:32px;color:var(--ds-color-text-secondary);border-radius:var(--ds-radius-sm);cursor:pointer;transition:background var(--ds-duration-fast)var(--ds-ease-default),color var(--ds-duration-fast)var(--ds-ease-default);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.blog-rte__btn:hover:not(:disabled){background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary)}.blog-rte__btn:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed}.blog-rte__sep{background:var(--ds-color-border);width:1px;margin:0 var(--ds-space-1)}.blog-rte__content{padding:var(--ds-space-4);min-height:280px}.blog-rte__img{border-radius:var(--ds-radius-sm);max-width:100%;height:auto}.blog-rte__file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-cover-picker{display:block}.blog-cover-tabs{gap:var(--ds-space-1);padding:var(--ds-space-1);background:var(--ds-color-surface-muted);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);display:flex}.blog-cover-tab--active{background:var(--ds-color-surface-active);color:var(--ds-color-text-primary);box-shadow:var(--ds-shadow-sm)}.blog-cover-tab{padding:var(--ds-space-2)var(--ds-space-3);color:var(--ds-color-text-secondary);border-radius:var(--ds-radius-sm);cursor:pointer;transition:background var(--ds-duration-fast)var(--ds-ease-default),color var(--ds-duration-fast)var(--ds-ease-default);background:0 0;border:0;flex:1;justify-content:center;align-items:center;display:inline-flex}.blog-cover-tab:hover{color:var(--ds-color-text-primary)}.blog-cover-tabs__panel{display:block}.blog-cover-picker__selected{gap:var(--ds-space-3);flex-direction:column;display:flex}.blog-cover-picker__preview{aspect-ratio:16/10;border-radius:var(--ds-radius-md);background:var(--ds-color-surface-muted);width:100%;position:relative;overflow:hidden}.blog-cover-picker__preview-img{object-fit:cover}.blog-cover-picker__credit{justify-content:space-between;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.blog-unsplash{display:block}.blog-unsplash__loading,.blog-unsplash__empty{padding:var(--ds-space-6);color:var(--ds-color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-unsplash__loading{flex-direction:row}.blog-unsplash__grid{gap:var(--ds-space-2);margin-top:var(--ds-space-3);grid-template-columns:repeat(2,minmax(0,1fr));max-height:480px;display:grid;overflow-y:auto}@media (min-width:480px){.blog-unsplash__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-unsplash__thumb{aspect-ratio:3/2;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);cursor:pointer;background:var(--ds-color-surface-muted);transition:border-color var(--ds-duration-fast)var(--ds-ease-default),transform var(--ds-duration-fast)var(--ds-ease-default);padding:0;position:relative;overflow:hidden}.blog-unsplash__thumb:hover{border-color:var(--ds-color-border-strong);transform:scale(1.02)}.blog-unsplash__thumb-img{object-fit:cover}.blog-cover-upload,.blog-upload{display:block}.blog-cover-upload__dropzone{width:100%;min-height:220px;padding:var(--ds-space-6);background:var(--ds-color-surface-muted);border:2px dashed var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-tertiary);cursor:pointer;transition:border-color var(--ds-duration-fast)var(--ds-ease-default),background var(--ds-duration-fast)var(--ds-ease-default);flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-cover-upload__dropzone:hover:not(:disabled){border-color:var(--ds-color-border-strong);background:var(--ds-color-surface-hover)}.blog-cover-upload__dropzone:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed}.blog-cover-library{padding:var(--ds-space-4)0;display:block}.blog-picker-modal{max-height:85dvh}.blog-picker-modal__state{padding:var(--ds-space-12);text-align:center;justify-content:center;align-items:center;display:flex}.blog-picker-modal__grid{gap:var(--ds-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.blog-picker-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.blog-picker-modal__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.blog-picker-modal__thumb{aspect-ratio:1;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-muted);cursor:pointer;transition:border-color var(--ds-duration-fast)var(--ds-ease-default),transform var(--ds-duration-fast)var(--ds-ease-default);padding:0;display:block;position:relative;overflow:hidden}.blog-picker-modal__thumb:hover{border-color:var(--ds-color-border-strong);transform:scale(1.02)}.blog-picker-modal__thumb-img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.blog-card:hover .blog-card__img,.blog-unsplash__thumb:hover,.blog-picker-modal__thumb:hover{transform:none}.blog-card__img,.blog-unsplash__thumb,.blog-picker-modal__thumb,.blog-rte__btn,.blog-cover-tab,.blog-cover-upload__dropzone{transition:none}}
html{scroll-behavior:smooth}body{background-color:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,[role=button],select,summary{cursor:pointer}::selection{background-color:var(--ds-color-text);color:var(--ds-color-bg)}