.perspectives-heading{position:relative;isolation:isolate;display:grid;place-items:center;width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(320px,27vw,450px);overflow:hidden;background:#284772;text-align:center;color:#fff}
.perspectives-hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.perspectives-heading::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(12,29,51,.62),rgba(20,38,62,.40) 50%,rgba(28,40,62,.50))}
.perspectives-motion{position:absolute;right:24px;bottom:20px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#17264740;color:#fff;cursor:pointer}
.perspectives-motion[hidden]{display:none}
.perspectives-motion:hover{background:#17264780}
.perspectives-motion:focus-visible{outline:2px solid #fff;outline-offset:4px}
.perspectives-motion svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perspectives-motion .motion-play,.perspectives-heading[data-motion-paused] .motion-pause{display:none}
.perspectives-heading[data-motion-paused] .motion-play{display:block}
.perspectives-hero-copy{width:min(100%,1000px);padding:64px 24px 68px}
.perspectives-heading h1{font-size:clamp(42px,4.3vw,64px);font-weight:600;line-height:1.3;letter-spacing:2px;margin:0 0 14px;color:#fff}
.perspectives-hero-copy>p{font-size:clamp(17px,1.7vw,24px);font-weight:400;line-height:1.8;letter-spacing:1px;color:#e8e6f1;margin:0}
.perspectives-heading+.breadcrumbs{margin:0;padding:21px 0;border-bottom:1px solid var(--line)}
.perspectives{padding-top:30px}
.perspective-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;align-items:end;gap:22px;padding:26px;background:#f6f6f5;border-radius:12px}
.perspective-filters label{display:grid;gap:10px;font-size:13px;font-weight:600;min-width:0}
.perspective-filters input,.perspective-filters select{width:100%;height:48px;border:1px solid #d9d9d6;border-radius:5px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-size:14px}
.perspective-filters input:focus-visible,.perspective-filters select:focus-visible,.perspectives button:focus-visible,.perspective-card:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.perspective-reset{height:48px;border:0;background:transparent;color:var(--brand);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.perspective-results{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 24px;font-size:14px;color:var(--sub)}
.perspective-chips{display:flex;flex-wrap:wrap;gap:8px}
.perspective-chips button{border:1px solid #e5d8d8;background:#fff7f7;color:var(--brand);padding:6px 11px;border-radius:20px;font:inherit;font-size:12px;cursor:pointer;overflow-wrap:anywhere;max-width:100%}
.perspective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.perspective-card{display:flex;flex-direction:column;background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #17202212;border:1px solid #eee;transition:transform .2s,box-shadow .2s}
.perspective-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #17202222}
.perspective-image{aspect-ratio:2/1;overflow:hidden;background:#eceeed}
.perspective-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.perspective-card:hover img{transform:scale(1.035)}
.perspective-body{padding:25px;display:flex;flex-direction:column;flex:1}
.perspective-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#53605c;margin-bottom:16px}
.perspective-meta>span{font-size:11px;font-weight:400;border-left:1px solid #ccc;padding-left:10px}
.perspective-body h2{font-size:21px;line-height:1.5;font-weight:650;margin:0 0 15px}
.perspective-body>p{font-size:14px;line-height:1.8;color:var(--sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}
.perspective-read{display:flex;justify-content:space-between;margin-top:auto;font-size:13px;color:var(--brand);font-weight:600}
.perspective-read>span{font-size:20px}
.perspective-empty{text-align:center;padding:65px 20px;background:#f8f8f7;border-radius:12px}
.perspective-empty>span{font-size:40px;color:var(--sub)}
.perspective-empty h2{font-size:23px;margin:12px 0}
.perspective-empty p{font-size:14px;color:var(--sub)}
.perspective-empty button{margin-top:24px;border:0;border-radius:5px;background:var(--brand);color:white;padding:12px 22px;font:inherit;cursor:pointer}
.perspectives [hidden]{display:none!important}
@media(max-width:1000px){.perspective-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.perspective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.perspectives-heading{min-height:280px}.perspectives-hero-copy{padding:54px 24px}.perspectives-heading h1{font-size:38px;letter-spacing:1px;margin-bottom:16px}.perspectives-hero-copy>p{font-size:16px;letter-spacing:0;max-width:290px;margin:0 auto}.perspectives-hero-video{object-position:60% 32%}.perspectives-heading+.breadcrumbs{padding:16px 0}.perspective-filters{gap:18px 12px;padding:20px 16px}.perspective-search{grid-column:1/-1}.perspective-reset{grid-column:1/-1;height:30px;text-align:right}.perspective-grid{grid-template-columns:1fr;gap:24px}.perspective-body{padding:22px}.perspective-body h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.perspective-card,.perspective-image img{transition:none}.perspective-card:hover,.perspective-card:hover img{transform:none}}