.port-card[data-v-8cf4fd55]{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color .3s ease,background .3s ease,transform .3s ease}.port-card[data-v-8cf4fd55]:hover{background:var(--surface-2);border-color:var(--border-strong)}.port-media[data-v-8cf4fd55]:before{background:transparent;content:"";inset:0;pointer-events:none;position:absolute;transition:background .35s ease;z-index:1}@media(hover:hover){.port-media[data-v-8cf4fd55]:hover:before{background:#0000006b}}.port-grid[data-v-8cf4fd55]{display:grid;gap:0;grid-template-columns:1fr}.port-heading--mobile[data-v-8cf4fd55]{display:block}.port-heading--desktop[data-v-8cf4fd55]{display:none;margin-bottom:22px}@media(max-width:767px){.port-heading--mobile[data-v-8cf4fd55]{order:1}.port-media[data-v-8cf4fd55]{order:2}.port-body[data-v-8cf4fd55]{order:3}}@media(min-width:768px){.port-grid[data-v-8cf4fd55]{align-items:stretch;grid-template-columns:.9fr 2fr}.port-heading--mobile[data-v-8cf4fd55]{display:none}.port-heading--desktop[data-v-8cf4fd55]{display:block}}.port-media[data-v-8cf4fd55]{aspect-ratio:1600/838;background:#0a0a0a;display:block;overflow:hidden;position:relative}@media(min-width:768px){.port-media[data-v-8cf4fd55]{aspect-ratio:1600/838;min-height:0}}.port-img[data-v-8cf4fd55]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .5s ease;width:100%}.port-card:hover .port-img[data-v-8cf4fd55]{transform:scale(1.02)}.port-heading--mobile[data-v-8cf4fd55]{padding:32px 26px 18px;text-align:center}.port-body[data-v-8cf4fd55]{display:flex;flex-direction:column;justify-content:center;padding:22px 26px 36px;text-align:center}@media(min-width:768px){.port-body[data-v-8cf4fd55]{padding:56px 56px 60px}}.port-heading--desktop[data-v-8cf4fd55]{text-align:center}.port-title[data-v-8cf4fd55]{color:var(--fg);font-size:clamp(1.75rem,5vw,2.625rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0}.port-name[data-v-8cf4fd55],.port-title[data-v-8cf4fd55]{font-family:Space Grotesk,Inter,system-ui,sans-serif}.port-name[data-v-8cf4fd55]{color:#93c5fd;font-size:clamp(1rem,2.4vw,1.25rem);font-style:italic;font-weight:500;letter-spacing:-.01em;margin:8px 0 0}.port-intro[data-v-8cf4fd55]{color:var(--fg-muted);font-size:15.5px;line-height:1.65;margin:0 auto 26px;max-width:52ch}@media(min-width:768px){.port-intro[data-v-8cf4fd55]{font-size:16.5px;margin-bottom:32px}}.port-cta[data-v-8cf4fd55]{display:flex;justify-content:center}@media(max-width:768px){.port-card[data-v-8cf4fd55]{border-radius:16px}.port-heading--mobile[data-v-8cf4fd55]{padding:22px 20px 18px}.port-body[data-v-8cf4fd55]{padding:22px 20px 26px}.port-intro[data-v-8cf4fd55]{font-size:14px;line-height:1.55;margin-bottom:20px}.port-title[data-v-8cf4fd55]{font-size:1.625rem}.port-name[data-v-8cf4fd55]{font-size:1rem}}.port-play-btn[data-v-8cf4fd55]{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff47;border:1px solid hsla(0,0%,100%,.35);border-radius:50%;box-shadow:0 8px 24px #0000004d;color:#fff;cursor:pointer;display:flex;height:76px;inset:0;justify-content:center;margin:auto;opacity:0;pointer-events:none;position:absolute;transition:transform .25s ease,background .25s ease,opacity .35s ease,border-color .25s ease;width:76px;z-index:2}@media(hover:hover){.port-media:hover .port-play-btn[data-v-8cf4fd55]{opacity:1;pointer-events:auto}}.port-play-btn[data-v-8cf4fd55]:hover{background:#ffffff73;border-color:#fff9;transform:scale(1.08)}.port-play-btn[data-v-8cf4fd55]:active{transform:scale(.96)}.port-play-btn[data-v-8cf4fd55]:focus{outline:none}.port-play-btn:not(.is-playing) svg[data-v-8cf4fd55]{transform:translate(2px)}.port-play-btn.is-playing svg[data-v-8cf4fd55]{transform:translate(0)}@media(hover:none){.port-play-btn[data-v-8cf4fd55]:not(.is-playing){opacity:.85;pointer-events:auto}.port-play-btn.is-playing[data-v-8cf4fd55]{opacity:0;pointer-events:none}.port-play-btn[data-v-8cf4fd55]{height:56px;width:56px}.port-play-btn svg[data-v-8cf4fd55]{height:24px;width:24px}}
