.lf-portals{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.lf-portal-cell{min-width:0;display:flex}.lf-portal{background:var(--lf-card);width:100%;box-shadow:var(--lf-card-shadow);color:var(--lf-ink);border-radius:24px;flex-direction:column;text-decoration:none;display:flex;position:relative;container-type:inline-size}.lf-portal-stage{aspect-ratio:8/7;border-bottom:1px solid var(--lf-hair);background:radial-gradient(70% 60% at 50% 38%, #fffffff2, #fff0 70%), radial-gradient(90% 70% at 85% 105%, color-mix(in srgb, var(--lf-gold) 16%, transparent), transparent 70%), linear-gradient(180deg, #eef3f8 0%, #dfe8f1 100%);border-radius:24px 24px 0 0;flex:none;display:block;position:relative;overflow:hidden}html.dark .lf-portal-stage,html[data-theme=dark] .lf-portal-stage{background:radial-gradient(70% 60% at 50% 38%, #3c78b457, #3c78b400 70%), radial-gradient(90% 70% at 85% 105%, color-mix(in srgb, var(--lf-gold) 20%, transparent), transparent 70%), linear-gradient(180deg, #0f3050 0%, #07192c 100%)}.lf-portal-stage:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff80 0%,#fff0 22%);position:absolute;inset:0}html.dark .lf-portal-stage:after,html[data-theme=dark] .lf-portal-stage:after{mix-blend-mode:normal;background:linear-gradient(#ffffff1a 0%,#fff0 24%)}.lf-portal-stage:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(60% 55% at 50% 48%, color-mix(in srgb, var(--lf-gold-2) 34%, transparent), transparent 72%);opacity:0;transition:opacity .9s;position:absolute;inset:0}.lf-portal:is(:hover,:focus-visible) .lf-portal-stage:before{opacity:.55}.lf-portal-stage .sc--portal{top:0;bottom:0}.lf-portal-body{flex-direction:column;flex:auto;padding:24px 28px 26px;display:flex;position:relative}.lf-portal-top{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.lf-portal-n{letter-spacing:.2em;color:var(--lf-ink-38);font-size:11px;font-weight:700}.lf-portal-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--lf-gold);font-size:11px;font-weight:700}.lf-portal-name{letter-spacing:-.045em;text-wrap:balance;margin-top:12px;font-size:clamp(26px,9cqi,38px);font-weight:400;line-height:1.06;display:block}.lf-portal-hint{color:var(--lf-ink-70);margin-top:12px;font-size:15px;line-height:1.5;display:block}.lf-portal-keys{color:var(--lf-ink-52);flex-wrap:wrap;gap:4px 0;margin-top:16px;font-size:13px;font-weight:600;line-height:1.4;transition:color .4s;display:flex}.lf-portal-keys b{color:var(--lf-ink-38);margin:0 6px;font-weight:400}.lf-portal:is(:hover,:focus-visible) .lf-portal-keys{color:var(--lf-ink)}.lf-portal-go{color:var(--lf-ink-70);align-items:center;gap:8px;margin-top:auto;padding-top:22px;font-size:13px;font-weight:650;transition:color .3s;display:inline-flex}.lf-portal-go svg{flex:none}.lf-portal:is(:hover,:focus-visible) .lf-portal-go{color:var(--lf-gold)}@media (max-width:979px){.lf-portals{grid-template-columns:minmax(0,1fr);gap:16px}}@media (min-width:640px) and (max-width:979px){.lf-portal{flex-direction:row}.lf-portal-stage{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--lf-hair);border-radius:24px 0 0 24px;flex:0 0 46%;min-height:300px}.lf-portal-body{justify-content:center}.lf-portal-go{margin-top:0}}@media (max-width:639px){.lf-portal-stage{aspect-ratio:5/4}.lf-portal-body{padding:22px 22px 24px}}@media (prefers-reduced-motion:reduce){.lf-portal-stage:before{transition:none}}@media (min-width:980px){.lf-portals{grid-template-columns:1fr 1fr 1fr;transition:grid-template-columns .54s cubic-bezier(.22,1,.36,1)}.lf-portals-zone[data-active="0"] .lf-portals{grid-template-columns:1.5fr .75fr .75fr}.lf-portals-zone[data-active="1"] .lf-portals{grid-template-columns:.75fr 1.5fr .75fr}.lf-portals-zone[data-active="2"] .lf-portals{grid-template-columns:.75fr .75fr 1.5fr}.lf-portal-stage{aspect-ratio:auto;height:calc((var(--pz-w,1200px) - 36px) / 3 * .875)}.lf-portal-stage .sc--portal{width:calc((var(--pz-w,1200px) - 36px) / 3);left:50%;translate:-50%}.lf-portal-body{min-height:376px}@media (min-width:1040px){.lf-portal-body{min-height:356px}}@media (min-width:1100px){.lf-portal-body{min-height:320px}}@media (min-width:1180px){.lf-portal-body{min-height:272px}}.lf-portal-cell{transition:opacity .54s,filter .54s}.lf-portals-zone[data-active] .lf-portal-cell{opacity:.72}.lf-portals-zone[data-active="0"] .lf-portal-cell:first-child,.lf-portals-zone[data-active="1"] .lf-portal-cell:nth-child(2),.lf-portals-zone[data-active="2"] .lf-portal-cell:nth-child(3){opacity:1}.lf-portal-stage .sc--portal{transition:scale .54s cubic-bezier(.22,1,.36,1)}.lf-portals-zone[data-active] .lf-portal-cell .lf-portal-stage .sc--portal{scale:.74}.lf-portals-zone[data-active="0"] .lf-portal-cell:first-child .lf-portal-stage .sc--portal,.lf-portals-zone[data-active="1"] .lf-portal-cell:nth-child(2) .lf-portal-stage .sc--portal,.lf-portals-zone[data-active="2"] .lf-portal-cell:nth-child(3) .lf-portal-stage .sc--portal{scale:1.14}}@media (prefers-reduced-motion:reduce){.lf-portals,.lf-portal-cell,.lf-portal-stage .sc--portal{transition:none}}
