.pf{--pf-gap:14px}@media (min-width:768px){.pf{--pf-gap:var(--el-gap,24px)}}.pf__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:18px;display:flex}.pf__chips{flex-wrap:wrap;gap:8px;display:flex}.pf__chips a{border:var(--el-line,1px solid var(--border));background:var(--el-surface,var(--bg));min-height:40px;color:var(--fg);border-radius:999px;align-items:center;padding:6px 16px;font-size:14px;text-decoration:none;display:inline-flex}.pf__chips a[aria-pressed=true]{background:var(--el-hl,var(--accent));color:var(--el-hl-fg,var(--accent-fg));border-color:var(--el-hl,var(--accent))}.pf__list{gap:var(--pf-gap);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pf--grid .pf__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pf--grid .pf__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf__empty{color:var(--fg-muted);padding-block:12px}.pf__foot{flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:22px;display:flex}.pf__foot:empty{display:none}.pf[aria-busy=true] .pf__list{opacity:.55}.pf-card{min-width:0}.pf-card__link{height:100%;color:inherit;border-radius:var(--el-r,var(--radius-card));background:var(--el-surface,var(--bg));border:var(--el-line,1px solid var(--border));box-shadow:var(--el-shadow,none);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.pf-card__link:focus-visible{outline:2px solid var(--accent-deep,var(--accent));outline-offset:3px}.pf-card__media{aspect-ratio:4/3;background:var(--el-surface-2,var(--bg-muted));display:block;position:relative;overflow:hidden}.pf-card__media img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pf-card__media img{transition:transform var(--d-slow,.5s) var(--ease-out,ease)}.pf-card__link:hover .pf-card__media img{transform:scale(1.04)}}.pf-card__ph{background:linear-gradient(135deg, var(--el-surface-2,var(--bg-muted)), color-mix(in oklab, var(--accent) 18%, var(--bg)));width:100%;height:100%;display:block}.pf-card__badge{top:10px;background:color-mix(in oklab, var(--bg) 90%, transparent);color:var(--fg);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;inset-inline-start:10px}.pf-card__badge--play{place-items:center;width:32px;height:32px;padding:0;display:grid;inset-inline:auto 10px}.pf-card__badge--play svg{fill:currentColor;width:14px;height:14px}[dir=rtl] .pf-card__badge--play svg{transform:scaleX(-1)}.pf-card__body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.pf-card__title{font-family:var(--font-heading);color:var(--fg);font-size:17px;font-weight:600;line-height:1.35}.pf-card__sum{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.pf-card__meta{color:var(--fg-muted);flex-wrap:wrap;gap:4px 12px;margin-block-start:auto;font-size:12px;display:flex}.pf--masonry .pf__list{columns:2;column-gap:var(--pf-gap);display:block}@media (min-width:1024px){.pf--masonry .pf__list{columns:3}}.pf--masonry .pf-card{break-inside:avoid;margin-block-end:var(--pf-gap)}.pf--masonry .pf-card__media{aspect-ratio:auto}.pf--masonry .pf-card__media img{height:auto}.pf--masonry .pf-card:nth-child(3n+1) .pf-card__media{aspect-ratio:3/4}.pf--masonry .pf-card:nth-child(3n+1) .pf-card__media img{height:100%}.pf--masonry .pf-card__body{padding:10px 12px 12px}.pf--masonry .pf-card__title{font-size:15px}.pf--list .pf-card__link{flex-direction:row;align-items:stretch}.pf--list .pf-card__media{aspect-ratio:1;flex:0 0 38%}@media (min-width:768px){.pf--list .pf-card__media{aspect-ratio:16/10;flex-basis:42%}.pf--list .pf-card__body{justify-content:center;padding:22px 26px}.pf--list .pf-card__title{font-size:22px}.pf--list .pf-card__sum{-webkit-line-clamp:3}}.pf--carousel .pf__list{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:min(80%,320px);grid-auto-flow:column;padding-block-end:4px;overflow-x:auto}.pf--carousel .pf__list::-webkit-scrollbar{display:none}.pf--carousel .pf-card{scroll-snap-align:start}@media (min-width:1024px){.pf--carousel .pf__list{grid-auto-columns:calc((100% - 2 * var(--pf-gap)) / 3)}}@media (prefers-reduced-motion:no-preference){.pf--carousel .pf__list{scroll-behavior:smooth}}.pf-page{padding-block:8px 72px}.pf-page__head{margin-block:8px 24px}.pf-page__head p{color:var(--fg-muted);max-width:60ch;margin-block-start:6px}.pf-page>.el{padding-block:0}.pf-detail{padding-block-end:72px}.pf-detail__draft{color:#6b4e00;text-align:center;background:#fff4d6;margin:0;padding:8px 12px;font-size:14px}.pf-detail__head{align-items:center;gap:20px;padding-block:8px 28px;display:grid}@media (min-width:1024px){.pf-detail__head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}.pf-detail__cats{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.pf-detail__cats a{background:var(--bg-muted);color:var(--fg);border-radius:999px;padding:3px 10px;font-size:12px;text-decoration:none}.pf-detail__sum{color:var(--fg-muted);margin-block-start:10px;font-size:17px;line-height:1.7}.pf-detail__actions{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-block-start:20px;display:flex}.pf-detail__cover{border-radius:var(--radius-image,var(--radius-card));background:var(--bg-muted);aspect-ratio:4/3;overflow:hidden}.pf-detail__cover img{object-fit:cover;width:100%;height:100%;display:block}.pf-detail__body{gap:24px;display:grid}@media (min-width:1024px){.pf-detail__body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:48px}}.pf-detail__facts{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}@media (min-width:1024px){.pf-detail__facts{top:calc(var(--header-h,64px) + 16px);grid-template-columns:minmax(0,1fr);position:sticky}}.pf-detail__facts div{background:var(--bg);padding:12px 14px}.pf-detail__facts dt{color:var(--fg-muted);font-size:12px}.pf-detail__facts dd{margin:2px 0 0;font-weight:600}.pf-detail__text{max-width:68ch;font-size:16px;line-height:1.9}.pf-detail__text p{margin:0 0 14px}.pf-detail__text ul{margin:0 0 14px;padding-inline-start:20px;list-style:outside}.pf-detail__text li{margin-block-end:4px}.pf-detail__block{margin-block-start:48px}.pf-detail__block>h2{margin-block-end:16px;font-size:clamp(22px,3.4vw,30px)}.pf-detail__block>.el{padding:0}.pf-detail__block .el__inner--full{padding-inline:0}.pf-detail__products{margin-block-start:0}.pf-detail__cta{border-radius:var(--radius-card);background:var(--bg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.pf-detail__cta h2{margin:0;font-size:clamp(20px,3vw,26px)}.pf-detail__cta p{color:var(--fg-muted);margin:4px 0 0}.pf-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.pf-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.pf-more a{color:inherit;flex-direction:column;gap:8px;font-weight:600;text-decoration:none;display:flex}.pf-more img,.pf-more .pf-card__ph{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);width:100%}.pf-share__btn{align-items:center;gap:8px;display:inline-flex}.pf-share__btn svg{width:18px;height:18px}html[data-system=journal] .pf-card__link{border:0;border-block-start:1px solid var(--ink-rule,var(--fg));background:0 0;border-radius:0}html[data-system=journal] .pf-card__body{padding-inline:0}html[data-system=journal] .pf-card__title{font-style:italic}html[data-system=journal] .pf__chips a{border-radius:2px}html[data-system=journal] .pf__chips a:not([aria-pressed=true]){background:0 0}html[data-system=sticker] .pf__chips a{border:var(--el-line);border-radius:12px;font-weight:700}html[data-system=sticker] .pf-card__title{font-weight:800}html[data-system=gallery] .el:not(.dark):not(.band) .pf-card__title{color:var(--night-fg)}html[data-system=gallery] .el:not(.dark):not(.band) :is(.pf-card__sum,.pf-card__meta){color:var(--night-muted)}html[data-system=catalogue] .pf-card__body{padding:10px 12px 12px}html[data-system=catalogue] .pf__chips a{border-radius:6px;min-height:36px;font-size:13px}