/* Shared brand identity and complete video library. */
.brand-tag,.card-top>.card-brand{display:inline-flex;align-items:center;gap:10px}
.video-brand-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:62px;height:42px;padding:7px;background:#fffdf8;border:1px solid #e6ddcc;border-radius:10px;color:#674797;font-weight:700}
.video-brand-icon img,.card-media .video-brand-icon img{position:static;width:100%;height:100%;object-fit:contain;transform:none!important;filter:none}
.card-top>.card-brand{background:#fbf7f0ed;color:#191a1c;padding:5px 10px 5px 5px;border-radius:12px;max-width:80%}
.card-top .video-brand-icon{width:46px;height:32px;border:0;padding:4px}
.feed-tags .brand-tag{padding:8px 14px 8px 8px;border-radius:16px;font-size:15px}
.category-pick>.eyebrow{display:block;margin:0 0 16px;color:#674797}
.category-pick .video-card{width:100%}
.video-library .work-section{padding-top:64px}
.video-library h1{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-.05em}
.video-archive{padding-top:100px;padding-bottom:100px}
.catalog-jumps{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 50px}
.catalog-jumps a{padding:12px 18px;border:1px solid #d9ccb7;border-radius:24px;text-decoration:none;font-size:14px}
.catalog-jumps a:hover{background:#e7ddf5}
.catalog-category{margin:0 0 70px;scroll-margin-top:30px}
.catalog-category .section-topline{align-items:center;border-bottom:1px solid #d9ccb7;padding-bottom:18px;margin-bottom:26px}
.catalog-category h3{font-size:26px;text-transform:none;letter-spacing:-.025em;margin:0}
.logo-item{border:0;background:transparent;cursor:pointer;border-radius:12px}
.logo-item:hover{background:transparent;outline:none}.logo-item:focus-visible{background:transparent;outline:2px solid #9471d2;outline-offset:-3px}div.logo-item{cursor:default}
.brand-dialog{width:min(680px,calc(100% - 32px));max-height:85dvh;border:1px solid #d9ccb7;background:#fbf7f0;color:#191a1c;border-radius:24px;padding:40px}
.brand-dialog::backdrop{background:#191a1cbb;backdrop-filter:blur(6px)}
.brand-close{position:absolute;right:16px;top:16px}.brand-dialog h2{font-size:38px;margin:14px 0 26px;max-width:90%}
.brand-video-list{display:grid;gap:12px}.brand-video-list button{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #d9ccb7;background:#fffdf8;border-radius:14px;padding:10px;color:inherit;cursor:pointer;font:inherit}
.brand-video-list button:hover{background:#eee5f8}.brand-video-list img{width:56px;height:78px;object-fit:cover;border-radius:8px}.brand-video-list button>span{flex:1}.brand-video-list strong,.brand-video-list small{display:block}.brand-video-list small{margin-top:6px;color:#736c7c}
@media(max-width:600px){.video-library .work-section{padding-top:32px}.video-archive{padding-top:60px;padding-bottom:40px}.brand-dialog{padding:48px 20px 24px}.feed-filters{max-width:100%;flex-wrap:wrap}.catalog-jumps{gap:8px}.catalog-jumps a{font-size:12px;padding:10px 14px}}
.video-library h1 .serif{color:#9471d2}.feed-tags{align-items:center}
.card-top{gap:8px}.card-top>.card-brand{max-width:calc(100% - 44px);min-width:0}.card-top>.card-brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-top>span:last-child{flex-shrink:0}
@media(max-width:600px){.card-top>.card-brand>span:last-child{display:none}.card-top>.card-brand{padding:3px}.card-top .video-brand-icon{width:42px;height:30px}.card-top{left:10px;right:10px}}
/* Category dividers and a consistent pair of metadata chips. */
.catalog-category .section-topline{background:#f9713a;border:0;border-radius:14px;padding:22px 26px;margin-bottom:30px;color:#191a1c;min-height:80px;gap:16px}
.catalog-category .section-topline>span{color:#191a1c;background:#fff7ed8c;padding:8px 12px;border-radius:20px;white-space:nowrap}
.catalog-category h3{font-size:30px}
.feed-tags{gap:10px;flex-wrap:wrap}
.feed-tags .brand-tag,.feed-tags .category-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 12px;border:1px solid #d9ccb7;border-radius:12px;background:#f0e7d580;color:#302a37;font-size:13px;font-weight:500;line-height:1.25;text-transform:none}
.feed-tags .video-brand-icon{width:38px;height:28px;padding:2px;background:transparent;border:0;border-radius:0}
.card-top>.card-brand{background:rgba(251,247,240,.55);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card-top .video-brand-icon{background:transparent}
.category-pick>.eyebrow{text-transform:none}
@media(max-width:600px){.catalog-category .section-topline{padding:18px 16px;min-height:72px;gap:10px}.catalog-category h3{font-size:24px}.catalog-category .section-topline>span{font-size:11px;padding:7px 9px}.feed-tags .brand-tag,.feed-tags .category-tag{font-size:12px}}
/* Search shares the portfolio's warm surfaces and purple interaction accents. */
.archive-search{margin-top:38px;max-width:820px}
.archive-search>label{display:block;font-size:17px;font-weight:600;margin-bottom:14px}
.archive-search-field{display:flex;align-items:center;gap:15px;min-height:66px;padding:8px 12px 8px 22px;border:1px solid #cbbca9;border-radius:18px;background:#fbf7f0;transition:border-color .22s,box-shadow .22s,background .22s}
.archive-search-field:focus-within{border-color:#9471d2;box-shadow:0 0 0 4px #9471d21c;background:#fffdf8}
.archive-search-field>svg{width:24px;height:24px;flex:none;color:#7953ae}
.archive-search-field input{min-width:0;width:100%;border:0;background:transparent;box-shadow:none;color:#191a1c;font:inherit;font-size:16px;line-height:1.5;padding:10px 0;outline:none}
.archive-search-field input::placeholder{color:#766f7b;opacity:1}
.archive-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-clear{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#eee5f5;color:#674797;font-size:25px;cursor:pointer;transition:background .2s,transform .2s}
.search-clear:hover{background:#e3d4f1;transform:rotate(90deg)}
.archive-search>p{margin:12px 0 0;font-size:13px;line-height:1.5;color:#736c7c}
.video-archive .catalog-jumps{margin:26px 0 22px;gap:9px}
.catalog-jumps button{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #d9ccb7;border-radius:24px;background:transparent;color:#191a1c;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.catalog-jumps button:hover{background:#e7ddf5;transform:translateY(-2px)}
.catalog-jumps button[aria-pressed=true]{background:#9471d2;border-color:#9471d2}
.catalog-jumps .category-count{font-size:11px;min-width:22px;line-height:22px;text-align:center;border-radius:50%;background:#fff8;color:#403547;font-variant-numeric:tabular-nums}
.catalog-jumps .category-empty{color:#807785}
.search-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin-bottom:24px;color:#736c7c;font-size:13px}
.search-summary p{margin:0;overflow-wrap:anywhere}
.search-reset{border:0;background:transparent;color:#674797;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px 0;flex-shrink:0}
.search-results{align-items:start}
.search-empty{padding:64px 24px;text-align:center;border:1px solid #d9ccb7;border-radius:24px;background:#fbf7f080}
.search-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:#e7ddf5;border-radius:18px;color:#7953ae;margin-bottom:14px}
.search-empty h3{font-size:28px;letter-spacing:-.03em;margin:6px 0 12px}
.search-empty p{color:#736c7c;margin:0 0 24px}
.video-archive button:focus-visible{outline:2px solid #674797;outline-offset:4px}
.video-archive [hidden]{display:none!important}
@media(max-width:600px){
 .archive-search{margin-top:26px}.archive-search-field{padding-left:15px;gap:10px;min-height:60px;border-radius:15px}
 .archive-search-field>svg{width:20px;height:20px}.archive-search>p{font-size:12px}
 .catalog-jumps button{font-size:12px;padding:8px 11px;gap:6px}.video-archive .catalog-jumps{gap:7px}
 .search-summary{align-items:flex-start;gap:8px;font-size:12px}.search-reset{padding-top:0}
 .search-empty{padding:44px 20px}.search-empty h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.archive-search-field,.search-clear,.catalog-jumps button{transition:none}.search-clear:hover,.catalog-jumps button:hover{transform:none}}