#aboutGrid .cf-own svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#aboutGrid .cf-arrow{width:26px;height:26px;flex:0 0 auto;border-radius:50%;border:0;background:none;color:var(--muted);cursor:pointer;
    display:grid;place-items:center;transition:background .18s ease,color .18s ease,transform .18s var(--flow)}
#aboutGrid .cf-arrow:hover{background:var(--surface-2);color:var(--klein-text)}
#aboutGrid .cf-arrow:active{transform:scale(.9)}
#aboutGrid .cf-arrow:disabled{opacity:.3;cursor:default;background:none;color:var(--muted)}
#aboutGrid .cf-arrow svg{width:18px;height:18px}
#aboutGrid .cf-dots{flex:1;min-width:0;overflow:hidden;display:flex;gap:4px;align-items:center;justify-content:center}
#aboutGrid .cf-dot{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--muted);cursor:default;padding:0;border:0;
    transition:width .28s var(--flow),background .28s var(--flow),border-radius .28s var(--flow)}
#aboutGrid .cf-dot:hover{background:color-mix(in srgb,var(--klein) 45%,var(--edge))}
#aboutGrid .cf-dot.on{width:16px;border-radius:4px;background:var(--klein)}
#aboutGrid.fanned .cf-stage{perspective:none;overflow:visible;height:auto}
#aboutGrid.fanned .cf-track{position:static;transform:none;transform-style:flat;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(104px,15vh,148px);
    gap:12px;opacity:1!important}
#aboutGrid.fanned .cf-card{position:static;left:auto;top:auto;width:auto;height:auto;
    margin:0;transform:none!important;opacity:1!important;
    pointer-events:auto!important;z-index:auto!important;
    animation:fanIn .46s var(--ease) both}
#aboutGrid.fanned .cf-card:hover{transform:translateY(-3px) scale(1.03)!important;transition:transform .18s var(--ease)}
#aboutGrid.fanned .cf-card.is-sel .cf-in{box-shadow:0 0 0 2px var(--klein),0 0 0 5px rgba(51,70,255,.18),0 8px 20px -12px rgba(20,18,20,.22)}
#aboutGrid.fanned .cf-in,#aboutGrid.fanned .cf-card.is-active .cf-in{box-shadow:0 8px 20px -12px rgba(20,18,20,.2)}
#aboutGrid.fanned .cf-own-panel{display:none}
#aboutGrid.fanned .cf-in,#aboutGrid.fanned .cf-ring{border-radius:10px}
#aboutGrid.fanned .cf-ic{display:none}
#aboutGrid.fanned .cf-txt{left:11px;right:11px;bottom:14px}
#aboutGrid.fanned .cf-lbl{font-size:0;line-height:1.1}
#aboutGrid.fanned .cf-lbl::after{content:attr(data-grid);font-size:14px;line-height:1.18;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    text-shadow:0 1px 14px rgba(0,0,0,.5)}
#aboutGrid.fanned .cf-net{display:none}
#aboutGrid.fanned .cf-img{filter:saturate(.66) contrast(.98) brightness(.92)}
@keyframes fanIn{from{opacity:0;transform:translateY(-9px) scale(.965)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#aboutGrid.fanned .cf-card{animation:none}}
@media (max-width:640px){#aboutGrid{--cardW:clamp(150px,45vw,196px)}
#aboutGrid .cf-arrow{width:32px;height:32px}
#aboutGrid .cf-lbl{font-size:18px}
#aboutGrid .cf-net{font-size:11.5px}
#aboutGrid.fanned .cf-stage{height:auto;min-height:calc(var(--cardH) + 8px)}
#aboutGrid.fanned .cf-track{position:static;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:1fr;gap:9px}}
.lookrail{display:block}
.lg-fam{display:flex;align-items:center;gap:12px;font:600 10px var(--sans);letter-spacing:.18em;
    text-transform:uppercase;color:var(--muted);margin:20px 2px 10px}
.lg-fam::after{content:"";flex:1;height:1px;background:var(--edge)}
.lookrail .lg-fam:first-child{margin-top:2px}
.lg-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:13px}
.lb-dots{display:flex;gap:7px;align-items:center}
.lb-a{width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--muted);cursor:pointer;
    display:grid;place-items:center;transition:background .18s ease,color .18s ease,transform .18s var(--flow)}
.lb-a:hover{background:var(--surface-2);color:var(--klein-text)}
.lb-a:active{transform:scale(.9)}
.lb-a:disabled{opacity:.3;cursor:default;background:none;color:var(--muted)}
.lb-a svg{width:20px;height:20px}
.lb-d{position:relative;width:7px;height:7px;border-radius:50%;background:var(--muted);cursor:pointer;padding:0;border:0;
    transition:width .28s var(--flow),background .28s var(--flow),border-radius .28s var(--flow)}
.lb-d::before{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}
.lb-d:hover{background:color-mix(in srgb,var(--klein) 45%,var(--edge))}
.lb-d.on{width:22px;border-radius:4px;background:var(--klein)}
.railnav{margin-left:auto;display:inline-flex;align-items:center;gap:9px}
@media (max-width:640px){.railnav{display:none}}
.scard{position:relative;width:auto;border:1px solid rgba(20,18,20,.07);border-radius:14px;background:#fff;
    overflow:hidden;cursor:pointer;box-shadow:0 12px 26px -20px rgba(20,18,20,.5);
    transition:opacity .3s ease,filter .3s ease,box-shadow .3s var(--flow),transform .22s var(--flow)}
.scard:hover{box-shadow:0 20px 42px -22px rgba(20,18,20,.6);transform:translateY(-3px)}
.scard.saved{outline:2.5px solid var(--accent);outline-offset:-2.5px}
.vig{width:100%;height:164px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:20px}
.vig em{font-style:normal;font-size:8.5px;letter-spacing:.18em;margin-bottom:7px;display:block}
.vig b{display:block;line-height:1.04}
.v-edit{background:#f6f3ed;color:#141214}
.v-edit em{color:#b42239;font-family:ui-monospace,monospace}
.v-edit b{font:900 25px var(--serif);letter-spacing:-.02em}
.v-edit .rule{height:2.5px;background:#141214;margin-bottom:12px}
.v-edit .rule.thin{height:1px;margin:12px 0 0}
.v-lux{background:#f4efe6;color:#2c261c;padding:26px}
.v-lux em{color:#8a7d63;font-family:var(--sans);letter-spacing:.26em}
.v-lux b{font:500 21px 'Newsreader',var(--serif);letter-spacing:.005em}
.v-dark{background:#101418;color:#f1ede4}
.v-dark em{color:#7c97f5;font-family:ui-monospace,monospace}
.v-dark b{font:600 23px var(--serif);letter-spacing:-.01em}
.v-swiss{background:#fff;color:#111;background-image:linear-gradient(#eee 1px,transparent 1px),linear-gradient(90deg,#eee 1px,transparent 1px);background-size:37px 37px}
.v-swiss em{color:#111;font-family:ui-monospace,monospace}
.v-swiss b{font:700 22px 'Space Grotesk',var(--sans);letter-spacing:-.02em}
.v-swiss .dotx{position:absolute;right:18px;bottom:16px;width:11px;height:11px;border-radius:50%;background:#e0301e}
.v-warm{background:#efe3d0;color:#4a341f}
.v-warm em{color:#8a6a43;font-family:ui-monospace,monospace}
.v-warm b{font:600 21px var(--serif)}
.v-brut{background:#fff;color:#111;border-bottom:3px solid #111}
.v-brut b{font:700 27px 'Space Grotesk',var(--sans);letter-spacing:-.02em;position:relative;z-index:1}
.v-brut em{color:#111;font-family:ui-monospace,monospace;margin:8px 0 0;font-weight:700}
.v-brut .blk{position:absolute;right:14px;top:14px;width:48px;height:48px;background:#b7c93c;border:3px solid #111;box-shadow:6px 6px 0 #111}
.v-glass{background:#dfe7f4}
.v-glass .orb{position:absolute;border-radius:50%}
.v-glass .o1{width:110px;height:110px;background:#aebffa;left:-22px;top:-30px}
.v-glass .o2{width:84px;height:84px;background:#f2c4cf;right:-14px;bottom:-26px}
.v-glass .pane{position:relative;align-self:center;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);
    border-radius:16px;padding:15px 20px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.v-glass .pane b{font:600 19px var(--sans);color:#1d2433}
.v-clay{background:#f2e6f4;color:#4a3550;align-items:flex-start}
.v-clay b{font:700 23px 'Sora',var(--sans);margin-bottom:11px}
.v-clay .pill2{display:inline-block;background:#cfe0c8;color:#33512f;font:600 12px var(--sans);padding:10px 18px;border-radius:999px;
    box-shadow:inset 0 -4px 8px rgba(0,0,0,.09),inset 0 4px 8px rgba(255,255,255,.85),0 6px 14px -6px rgba(74,53,80,.35)}
.v-min{background:#fff;color:#171717;padding:30px}
.v-min em{color:#9a9a9a;letter-spacing:.3em;font-family:var(--sans)}
.v-min b{font:300 24px var(--sans);letter-spacing:-.01em}
.v-max{background:#f6f1e7;color:#1d1547;overflow:hidden}
.v-max b{font:800 30px 'Unbounded',var(--sans);line-height:.98;position:relative;z-index:2;max-width:66%}
.v-max .slab{position:absolute;pointer-events:none}
.v-max .s1{width:120px;height:120px;background:#d03500;right:-34px;top:-40px;transform:rotate(18deg)}
.v-max .s2{width:70px;height:70px;background:#1d1547;right:14px;bottom:-26px;transform:rotate(-12deg)}
.v-deco{background:#101010;color:#e8dcc0;align-items:center;text-align:center}
.v-deco em{color:#c9a227;letter-spacing:.34em;font-family:var(--sans)}
.v-deco b{font:500 22px 'Playfair Display',var(--serif);letter-spacing:.06em}
.v-deco .dia{width:8px;height:8px;background:#c9a227;transform:rotate(45deg);margin:10px auto 0}
.v-y2k{background:#e8ecf9;color:#1b1140}
.v-y2k em{color:#6a35ff;letter-spacing:.2em;font-family:ui-monospace,monospace}
.v-y2k b{font:700 24px 'Orbitron',var(--sans);letter-spacing:.01em}
.v-y2k .chrome{position:absolute;top:14px;left:20px;right:20px;height:10px;border-radius:999px;
    background:linear-gradient(90deg,#fff,#6a35ff 55%,#1b1140);opacity:.8}
.v-memphis{background:#fdf6ee;color:#232043}
.v-memphis b{font:600 25px 'Fredoka',var(--sans)}
.v-memphis .pop{position:absolute;pointer-events:none}
.v-memphis .p1{width:44px;height:44px;border-radius:50%;border:5px solid #ff477e;right:24px;top:18px}
.v-memphis .p2{width:38px;height:38px;background:#232043;clip-path:polygon(50% 0,100% 100%,0 100%);left:22px;bottom:20px;transform:rotate(-14deg)}
.v-memphis .p3{width:52px;height:14px;right:30px;bottom:30px;transform:rotate(9deg);
    background:repeating-linear-gradient(90deg,#f2a71b 0 8px,transparent 8px 15px)}
.v-saas{background:#fafbfe;color:#0f1c33}
.v-saas em{color:#2563eb;font-family:var(--sans);letter-spacing:.18em}
.v-saas b{font:700 23px var(--sans);letter-spacing:-.02em}
.v-saas .chip{margin-top:12px;align-self:flex-start;background:#2563eb;color:#fff;font:600 11px var(--sans);
    padding:8px 16px;border-radius:9px;box-shadow:0 8px 18px -8px rgba(37,99,235,.6)}
.v-org{background:#f4f1e8;color:#2f3a2a}
.v-org em{color:#5f7d54;letter-spacing:.22em;font-family:var(--sans)}
.v-org b{font:500 23px var(--serif)}
.v-org .leaf{position:absolute;right:-24px;top:-24px;width:110px;height:110px;background:#5f7d54;opacity:.25;
    border-radius:0 0 0 100%}
.v-mono{background:#0a0f0a;color:#c8f5c8;font-family:ui-monospace,monospace;
    background-image:repeating-linear-gradient(0deg,rgba(200,245,200,.05) 0 1px,transparent 1px 4px)}
.v-mono em{color:#2bb54a;letter-spacing:.1em}
.v-mono b{font:600 21px ui-monospace,monospace}
.v-vint{background:#f6ead6;color:#3b2a1a;border-top:5px solid #3b2a1a;border-bottom:5px solid #3b2a1a}
.v-vint em{color:#c1521d;letter-spacing:.24em;font-family:var(--sans)}
.v-vint b{font:500 23px 'DM Serif Display',var(--serif)}
.v-vint .badge{position:absolute;right:22px;top:20px;width:52px;height:52px;border-radius:50%;
    border:2.5px dashed #c1521d;opacity:.85}
.v-bento{background:#f2f4f7;color:#15181d}
.v-bento b{font:700 22px var(--sans);letter-spacing:-.02em;position:relative;z-index:1}
.v-bento .cell{position:absolute;border-radius:14px;background:#fff;box-shadow:0 6px 16px -8px rgba(21,24,29,.25)}
.v-bento .c1{width:100px;height:64px;right:18px;top:16px}
.v-bento .c2{width:64px;height:52px;right:34px;bottom:18px;background:#2b6ef2;opacity:.9}
.scard .sc-t{padding:12px 14px 13px}
.scard .sc-t b{font:600 15px var(--serif);display:block;margin-bottom:2px}
.scard .sc-t span{font:400 12px var(--sans);color:var(--muted);line-height:1.4;display:block}
.mann{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--fwI,#111) 9%,transparent);border-radius:16px;padding:clamp(26px,4vw,54px) clamp(22px,4.5vw,60px);min-height:330px;
    display:flex;flex-direction:column;justify-content:center;
    transition:background-color .45s ease,border-color .45s ease,border-radius .45s ease,box-shadow .45s ease}