/* JANO product family 1.0.0: compact directory and consolidated legacy presentations. */
:root{--family-icon:#35f3a5;--family-space:clamp(20px,4vw,64px);--family-line:color-mix(in srgb,currentColor 20%,transparent)}
[data-product-page] [hidden]{display:none!important}
[data-product-page] .brand81{color:var(--family-icon)!important;font-size:.55em;white-space:nowrap}
[data-product-page] :is(.old-review-header,.hero-visual,.brain-transition,.ribbon-transition,.ribbon-window,.jano-color-edge,.np-lab,[data-obsolete-hero-art],[data-obsolete-decoration]){display:none!important}
[data-product-page] .hero-footer{display:none!important}
[data-product-page] .family-hero{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:clamp(24px,5vw,90px)!important;align-items:center!important;position:relative;min-height:0!important;height:auto!important;padding-block:clamp(48px,6vw,100px)!important;max-width:1520px!important;width:calc(100% - 2*var(--family-space))!important;margin:0 auto!important;overflow:visible!important}
[data-product-page] .family-hero>div:not(.family-art){grid-column:1;max-width:100%;position:relative!important;top:auto!important;transform:none!important}
[data-product-page] .family-hero h1{font-size:clamp(44px,6.3vw,106px)!important;line-height:1.03!important;max-width:12ch!important;white-space:normal!important;margin-block:20px 28px!important}
[data-product-page] .family-hero :is(.intro,.lead){max-width:54ch!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.6!important}
[data-product-page] .family-hero .family-art{grid-column:2;grid-row:1/7;position:relative!important;inset:auto!important;align-self:center;width:100%!important;height:clamp(280px,37vw,560px)!important;margin:0!important;perspective:900px;overflow:visible;cursor:grab;touch-action:pan-y}
[data-product-page] .family-art:active{cursor:grabbing}
[data-product-page] .family-art .bs-object{transform:rotateX(var(--family-rx,-12deg)) rotateY(var(--family-ry,-16deg))!important;animation:none!important;transform-style:preserve-3d}
[data-product-page] .family-art .bs-logo{filter:none!important}
[data-product-page] .family-art .bs-object{position:absolute!important;width:85%!important;height:85%!important;left:7.5%!important;top:7.5%!important;inset:auto!important;left:7.5%!important;top:7.5%!important}
[data-product-page] .family-art svg.bs-logo{width:100%!important;height:100%!important;max-width:none!important;display:block!important;overflow:visible}
[data-product-page] .family-art .bs-orbit{width:100%;height:85%;inset:7.5% 0}
[data-product-page] .hero-sticky{height:auto!important;min-height:0!important;position:relative!important;top:auto!important;display:block!important}
[data-product-page] .hero-wrap{width:100%!important;display:block!important;min-height:0!important;padding:0!important}
[data-product-page] .hero-wrap :is(.dimension-scene,.hero-bottom){display:none!important}
[data-product-page] .family-art .family-depth{position:absolute;inset:0;transform:translateZ(-12px);filter:brightness(.55);pointer-events:none}
[data-product-page] .family-art .family-depth:nth-child(2){transform:translateZ(-24px);filter:brightness(.4)}
[data-product-page] :is(.brain-hero,.hero-chapter) .hero-art{display:none!important}
[data-product-page] .hero-chapter :is(.chapter-track,.scroll-indicator,.hero-scroll){display:none!important}
[data-product-page] :is(.x-manifesto,.idea-surface,.manifest){height:auto!important;min-height:0!important;padding-block:clamp(48px,5vw,90px)!important}
[data-product-page] .app-directory{width:100%!important;max-width:none!important;margin:0!important;padding:32px var(--family-space)!important;color:var(--text,var(--ink,#eff7f2));background:var(--bg,#102019);box-sizing:border-box}
.app-directory .directory-inner{max-width:1520px;margin:auto}
.app-directory h2{font:700 22px/1.2 inherit!important;font-size:22px!important;letter-spacing:-.02em!important;margin:0 0 16px!important;transform:none!important;opacity:1!important;background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;color:inherit!important}
.app-directory .directory-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0;width:100%}
.app-directory li{min-width:0;margin:0;padding:0}
.app-directory li>a{display:flex!important;align-items:center;gap:12px;min-height:70px;padding:12px;border:1px solid var(--family-line);border-radius:8px;color:inherit!important;text-decoration:none;box-sizing:border-box;background:transparent}
.app-directory li>a:hover,.app-directory li>a:focus-visible{border-color:var(--family-icon);background:color-mix(in srgb,var(--family-icon) 8%,transparent);outline-offset:3px}
.app-directory li>a[aria-current=page]{border-color:var(--family-icon)}
.app-directory img{width:26px!important;height:26px!important;flex:0 0 auto;object-fit:contain;filter:none!important;background:none!important;border:0!important}
.app-directory span{min-width:0;display:block}
.app-directory strong{display:block;font-size:13px;line-height:1.25}
.app-directory span>small{display:block;font-size:11px;line-height:1.4;opacity:.75;margin-top:3px}
.family-seam{position:relative;display:block!important;width:100vw!important;max-width:none!important;height:clamp(54px,6vw,110px)!important;margin-block:0!important;padding:0!important;overflow:hidden!important;pointer-events:none;line-height:0;border:0!important}
.family-seam svg{display:block;width:100%;height:100%;overflow:hidden}
.family-band-bridge{position:relative;isolation:isolate;width:100vw;overflow:hidden;margin-block:0;padding:clamp(24px,3vw,58px) 0;background:var(--family-before)}
.family-band-bridge:before{content:'';position:absolute;inset:50% 0 -30%;background:var(--family-after);transform:skewY(-2.4deg);transform-origin:center top}
.family-band{position:relative;z-index:1;transform:skewY(-2.4deg);background:var(--family-band-color);color:var(--family-band-ink);padding:14px 0;overflow:hidden}
.family-band-track{display:flex;width:max-content;animation:family-ticker 36s linear infinite}
.family-band-copy{display:flex;align-items:center;justify-content:space-around;gap:36px;min-width:160vw;padding-inline:36px;box-sizing:border-box;white-space:nowrap;font-size:clamp(20px,3vw,42px);font-weight:800}
.family-band svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.family-band-bridge[data-offscreen=true] .family-band-track{animation-play-state:paused}
@keyframes family-ticker{to{transform:translateX(-50%)}}
[data-product-page] :is(header.site-header,header.rf-header,header.tools-header,body>header){position:sticky!important;top:0!important;z-index:100!important}
[data-product-page] header a{min-height:40px;display:inline-flex;align-items:center}
.family-simple-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--family-space);background:var(--bg,#171323);color:var(--text,#f3efff);border-bottom:1px solid var(--family-line)}
.family-simple-header img{width:32px;height:32px}.family-simple-header a{color:inherit;text-decoration:none;gap:10px}.family-simple-header nav{display:flex;gap:20px;align-items:center}
.family-status-note{padding:20px;border:1px solid var(--family-line);border-radius:8px;max-width:70ch;margin:28px auto}
[data-family-new]{--bg:#171323;--text:#f1edf8;--surface:#262039;--accent:#bd9aff;--ink:#f1edf8;background:var(--bg)!important;color:var(--text)!important;font-family:system-ui,sans-serif}
html[data-family-look=graphit] [data-family-new]{--bg:#151b24;--surface:#263043;--text:#edf3f9;--ink:#edf3f9;--accent:#9dbee9}
html[data-family-look=violett] [data-family-new]{--bg:#201629;--surface:#342340;--text:#f5eafa;--ink:#f5eafa;--accent:#c9a7e8}
html[data-family-look=papier] [data-family-new]{--bg:#f1eee6;--surface:#e2ddd1;--text:#263242;--ink:#263242;--accent:#3e618b}
[data-family-new] main{max-width:none!important;padding:0!important;width:100%!important}
[data-family-new] main>figure,[data-family-new] main>img,[data-family-new] main>div,[data-family-new] main>p,[data-family-new] main>section:not(.family-hero):not(.app-directory){width:calc(100% - 2*var(--family-space));max-width:1520px;margin:40px auto;padding-block:32px;box-sizing:border-box}
[data-family-new] .family-hero h1{white-space:pre-line!important}
[data-family-new] .family-hero .family-new-copy{grid-row:1;grid-column:1}
[data-family-new] .family-art{min-height:300px}
[data-family-new] .family-art .bs-object{transform-origin:center}
[data-family-new] a{color:var(--accent)}
[data-family-new] .button,[data-family-new] .family-looks button,[data-family-new] [data-family-language]{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--family-line);padding:10px 18px;border-radius:8px;background:var(--surface);color:var(--text)}
.family-looks{display:flex;gap:6px}.family-looks button{width:24px;min-height:24px!important;padding:0!important;border-radius:50%!important;background:#9dbee9!important}.family-looks button:nth-child(2){background:#c9a7e8!important}.family-looks button:nth-child(3){background:#f1eee6!important}.family-looks button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}
[data-family-new] footer{padding:36px var(--family-space);border-top:1px solid var(--family-line);line-height:1.6}
@media(max-width:1100px){.app-directory .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){[data-product-page] .family-hero{grid-template-columns:1fr!important}[data-product-page] .family-hero .family-art{grid-column:1;grid-row:auto;height:320px!important;max-width:600px!important;justify-self:center}.app-directory .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.app-directory li>a{min-height:80px;padding:9px;gap:8px}.app-directory img{width:22px!important;height:22px!important}.app-directory strong{font-size:11px}.app-directory span>small{font-size:10px}.family-simple-header{flex-wrap:wrap}.family-simple-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.family-band-track{animation:none}.family-art *{animation:none!important;transition:none!important}}

[data-product-page] .family-hero .family-art{grid-row:1!important;align-self:center!important}
[data-product-page] .family-hero>div:not(.family-art){grid-row:1!important}
[data-product-page] .family-hero [data-public-repository]{display:inline-block;margin:4px 6px 8px 0}
[data-product-page] .family-hero .public-repository-link{font-size:12px!important;padding:10px 12px!important;min-height:40px!important}

[data-family-new] .features{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-family-new] .features article{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){[data-family-new] .features,[data-family-new] .detail,[data-family-new] .grid{grid-template-columns:1fr!important}}

[data-product-page] .family-hero>:is(.cube-scene,.hero-bottom){display:none!important}
@media(max-width:850px){[data-product-page] .family-hero .family-art{grid-row:2!important;grid-column:1!important}[data-product-page] .family-hero>div:not(.family-art){grid-row:1!important}}

[data-product-page] main>:is(.docksy-band,.brain-ribbon,.x-ribbon,.ribbon,.ticker){display:none!important}

button[data-family-no-pause]{display:none!important;visibility:hidden!important;pointer-events:none!important}