/* Client websites by industry; shares the Mbixflow type and motion system. */
.sector-hero{padding:90px 0 36px;background:var(--orange-hi);color:#fff;overflow:hidden;isolation:isolate}
.sector-hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - 1px),#ffffff18 50%,transparent calc(50% + 1px)),linear-gradient(0deg,transparent 35%,#ffffff18 35%,transparent calc(35% + 1px))}
.sector-hero .lbl{font-size:10px;letter-spacing:.1em;opacity:.75;margin-bottom:24px}
.sector-hero .d-xl{font-size:clamp(44px,14.5vw,184px);white-space:nowrap;line-height:.83;margin-left:-.035em;padding-bottom:.04em}
.sector-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:46px}
.sector-hero-bottom>p{font-size:15px;line-height:1.4}
.sector-hero-stats{display:flex;gap:38px}
.sector-hero-stats div{display:flex;gap:10px;align-items:end}
.sector-hero-stats b{font-family:var(--display);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.06em}
.sector-hero-stats span{font-size:10px;text-transform:uppercase;opacity:.75;padding-bottom:3px}
.sector-explore{display:flex;align-items:center;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #ffffff55;padding-bottom:6px}
.sector-explore span{font-size:24px;line-height:1;transition:transform .4s var(--ease)}
.sector-explore:hover span{transform:translateY(4px)}
.sector-catalog{padding:60px 0 64px;scroll-margin-top:85px}
.sector-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.sector-intro p{max-width:350px;color:#777;font-size:12px}
.sector-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sector-choice{display:flex;flex-direction:column;text-align:left;min-height:168px;background:#fff;padding:19px;position:relative;border:1px solid transparent;transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease)}
.sector-choice:hover{transform:translateY(-4px);border-color:var(--orange)}
.sector-choice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:10px;color:#999}
.sector-choice-top svg{width:20px;height:20px;stroke:var(--orange)}
.sector-choice strong{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.03em;text-transform:uppercase;line-height:1.1}
.sector-choice small{margin-top:6px;font-size:11px;color:#888}
.sector-choice .sector-choice-arrow{position:absolute;right:18px;bottom:18px;color:#aaa;font-size:19px;transition:transform .35s}
.sector-choice:hover .sector-choice-arrow{transform:rotate(45deg);color:var(--orange)}
.sector-choice.on{background:var(--ink);color:#fff}
.sector-choice.on small,.sector-choice.on .sector-choice-top{color:#b5b5b5}
.sector-choice.on .sector-choice-arrow{color:var(--orange)}
.sector-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);margin-bottom:34px}
.sector-filter-summary{display:flex;align-items:center;gap:15px}
.sector-all{display:flex;gap:15px;align-items:center;padding:10px 13px;font-size:11px;background:#e8e8e5;font-weight:600}
.sector-all span{font-size:10px;opacity:.6}
.sector-all.on{background:var(--orange);color:#fff}
.sector-result-count{font-size:11px;color:#777}
.sector-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:0 12px;width:280px;transition:border-color .25s}
.sector-search:focus-within{border-color:var(--orange)}
.sector-search svg{width:16px;height:16px;flex:none;color:#888}
.sector-search input{width:100%;min-width:0;height:40px;border:0;background:none;font-size:12px;outline:none}
.sector-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.sector-gallery-heading h2{font-size:30px}
.sector-gallery-heading p{max-width:400px;color:#777;font-size:12px}
.sector-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.sector-card{min-width:0;background:#fff;padding:7px;display:flex;flex-direction:column;animation:sector-in .5s var(--ease) both;animation-delay:var(--card-delay,0ms)}
.sector-card[hidden],.sector-empty[hidden]{display:none}
.sector-browser-bar{height:27px;display:flex;gap:14px;align-items:center;padding:0 9px;background:#eeefed;border-bottom:1px solid #e4e4e1;font-size:9px;color:#8b8b87}
.sector-browser-dots{display:flex;gap:3px;flex:none}
.sector-browser-dots i{width:4px;height:4px;border-radius:50%;background:#c1c1bd}
.sector-browser-domain{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center;padding-right:20px}
.sector-card-image{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8e8e5;position:relative}
.sector-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .85s var(--ease)}
.sector-card-image:hover img{transform:scale(1.045)}
.sector-preview-hint{position:absolute;right:10px;bottom:10px;background:#0d0d0dea;color:#fff;padding:7px 10px;font-size:10px;display:flex;gap:20px;align-items:center;transition:background .3s}
.sector-card-image:hover .sector-preview-hint{background:var(--orange)}
.sector-card-copy{padding:17px 10px 0;flex:1;display:flex;flex-direction:column}
.sector-card-category{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--orange);margin-bottom:8px}
.sector-own{color:#777;background:#f1f1ee;padding:3px 5px;font-size:8px;white-space:nowrap}
.sector-card h3{font-family:var(--display);font-size:22px;line-height:1.08;font-weight:600;letter-spacing:-.035em;margin-bottom:8px}
.sector-card h3 a:hover{color:var(--orange)}
.sector-card-place{font-size:10px;color:#999;margin-bottom:11px}
.sector-card-desc{font-size:11.5px;color:#777;line-height:1.6;margin-bottom:16px}
.sector-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.sector-tags span{background:#f0f0ed;font-size:9px;padding:4px 7px;color:#666}
.sector-card-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0 6px;font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.025em}
.sector-card-link:hover{color:var(--orange)}
.sector-card-link span:last-child{font-size:18px}
.sector-empty{text-align:center;padding:64px 20px;background:#fff}
.sector-empty>span{display:block;color:var(--orange);font-size:40px}
.sector-empty h3{font-family:var(--display);font-size:28px;text-transform:uppercase;letter-spacing:-.04em}
.sector-empty p{font-size:12px;color:#777;margin:8px 0 20px}
.sector-contact{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.sector-contact p{font-size:15px;color:#777}
.sector-preview{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;background:var(--bg);color:var(--ink);box-shadow:0 40px 90px #0005;overflow:auto;overscroll-behavior:contain}
.sector-preview::backdrop{background:#0a0a0abf;backdrop-filter:blur(7px)}
.sector-preview-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 25px;background:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
.sector-preview-head .small{font-size:9px;letter-spacing:.08em}
.sector-preview-head h2{font-family:var(--display);font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-.03em;margin-top:4px}
.sector-preview-close{width:34px;height:34px;background:var(--ink);color:#fff;font-size:25px;line-height:1;flex:none;transition:background .3s}
.sector-preview-close:hover{background:var(--orange)}
.sector-preview-scroll{max-height:56dvh;overflow:auto;overscroll-behavior:contain;background:#ddd;border:12px solid #e8e8e5}
.sector-preview-scroll img{width:100%;height:auto}
.sector-preview-info{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 25px}
.sector-preview-info>div{max-width:650px}
.sector-preview-info p{font-size:12px;color:#666;margin-bottom:12px}
.sector-preview-info .sector-tags{margin:0}
.sector-preview-info .btn{flex:none}
body.sector-preview-open{overflow:hidden}
.sector-choice:focus-visible,.sector-all:focus-visible,.sector-card-image:focus-visible,.sector-preview-close:focus-visible,.sector-card a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@keyframes sector-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.sector-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-choice{padding:15px}.sector-choice strong{font-size:18px}.sector-hero-bottom{flex-wrap:wrap}.sector-explore{margin-left:auto}}
@media(max-width:700px){.sector-hero{padding-top:125px}.sector-hero-bottom{margin-top:30px;gap:24px}.sector-hero-bottom>p{font-size:13px}.sector-hero-stats{gap:22px}.sector-hero-stats b{font-size:30px}.sector-explore{margin-left:0;width:100%;justify-content:space-between}.sector-catalog{padding-top:34px}.sector-intro{align-items:start}.sector-intro p{max-width:180px;font-size:11px}.sector-choices{grid-template-columns:1fr 1fr}.sector-choice{min-height:140px}.sector-choice-top{margin-bottom:22px}.sector-toolbar{flex-direction:column;align-items:stretch;padding:20px 0;gap:14px}.sector-search{width:100%}.sector-gallery-heading{flex-direction:column;align-items:start;gap:10px}.sector-gallery-heading p{max-width:100%}.sector-gallery{grid-template-columns:1fr;gap:20px}.sector-card h3{font-size:25px}.sector-card-copy{padding:18px 12px 4px}.sector-card-desc{font-size:12px}.sector-contact{flex-direction:column;align-items:start}.sector-preview{max-height:calc(100dvh - 24px);width:calc(100vw - 20px)}.sector-preview-head{padding:16px}.sector-preview-head h2{font-size:22px}.sector-preview-info{flex-direction:column;align-items:start;padding:18px 16px}.sector-preview-scroll{border-width:6px;max-height:52dvh}}
@media(prefers-reduced-motion:reduce){.sector-card{animation:none}.sector-choice:hover{transform:none}}
@media(max-width:700px){.sector-hero{padding-top:78px}.sector-hero .d-xl{font-size:15vw;white-space:nowrap}.sector-intro{flex-direction:column;gap:12px}.sector-intro .tag{white-space:nowrap}.sector-intro p{max-width:280px}}

@media(min-width:701px) and (max-width:1100px){.sector-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}