.cat{--skew:120px;position:fixed;inset:0;background:var(--bg,#050607);overflow:hidden;font-family:var(--font-main,"Rajdhani",sans-serif)}.cat__head{position:absolute;top:18px;left:24px;z-index:5;pointer-events:none}.cat__head-label{display:inline-block;font-family:var(--font-mono,"Spline Sans Mono",monospace);letter-spacing:.22em}.cat__head-label,.cat__home{padding:9px 15px;border:1px solid var(--line,#233037);border-radius:8px;background:rgba(5,6,7,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;color:var(--text,#eef0eb)}.cat__home{position:absolute;top:18px;right:24px;z-index:6;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;font-family:var(--font-mono,monospace);letter-spacing:.18em;transition:border-color .3s,color .3s}.cat__home:hover{border-color:var(--signal,#5f8b84);color:var(--signal,#5f8b84)}.cat__home svg{width:14px;height:14px}.cat__row{position:absolute;inset:0;display:flex;animation:catRowIn .5s ease both}@keyframes catRowIn{0%{opacity:0}to{opacity:1}}.cat__slice{position:relative;flex:1 1;min-width:0;overflow:hidden;cursor:pointer;text-decoration:none;-webkit-clip-path:polygon(var(--skew) 0,100% 0,calc(100% - var(--skew)) 100%,0 100%);clip-path:polygon(var(--skew) 0,100% 0,calc(100% - var(--skew)) 100%,0 100%);margin-left:calc(var(--skew) * -1);transition:flex-grow .6s cubic-bezier(.22,.61,.36,1)}.cat__slice:first-child{margin-left:0;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - var(--skew)) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - var(--skew)) 100%,0 100%)}.cat__slice:last-child{-webkit-clip-path:polygon(var(--skew) 0,100% 0,100% 100%,0 100%);clip-path:polygon(var(--skew) 0,100% 0,100% 100%,0 100%)}.cat__row--ready:hover .cat__slice{flex-grow:0.7}.cat__row--ready .cat__slice:focus-visible,.cat__row--ready .cat__slice:hover{flex-grow:2.6;outline:none}.cat__img{background-size:cover;background-position:top;background-attachment:fixed}.cat__img,.cat__veil{position:absolute;inset:0}.cat__veil{background:linear-gradient(180deg,rgba(5,6,7,0),rgba(5,6,7,.04) 45%,rgba(5,6,7,.58))}.cat__meta{position:absolute;left:14%;bottom:44px;z-index:2;display:flex;flex-direction:column;gap:4px;transform:translateY(12px);opacity:.85;transition:transform .5s,opacity .5s}.cat__slice:focus-visible .cat__meta,.cat__slice:hover .cat__meta{transform:translateY(0);opacity:1}.cat__name{font-family:var(--font-display,"Chakra Petch",sans-serif);font-weight:800;font-size:clamp(22px,3vw,40px);line-height:1.05;text-shadow:0 3px 22px rgba(0,0,0,.7),0 1px 4px rgba(0,0,0,.8)}.cat__name,.cat__sub{color:var(--text,#eef0eb)}.cat__sub{font-size:12px;letter-spacing:.12em;text-shadow:0 2px 14px rgba(0,0,0,.85)}.cat__lock,.cat__sub{font-family:var(--font-mono,monospace)}.cat__lock{margin-top:8px;font-size:11px;letter-spacing:.2em;color:var(--accent,#5f8b84)}.cat__slice.is-locked{cursor:default}.cat__slice.is-locked .cat__img{filter:blur(7px) saturate(.5) brightness(.6)}.cat__slice.is-locked .cat__veil{background:rgba(5,6,7,.55)}.cat__overlay{display:none;position:fixed;inset:0;width:100vw;height:100vh;z-index:50;background-size:cover;background-position:top;pointer-events:none}.cat__overlay-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,7,0),rgba(5,6,7,.04) 45%,rgba(5,6,7,.58))}.cat__wipe{display:none;position:fixed;top:-20vh;bottom:-20vh;left:0;width:200vw;z-index:60;background:var(--bg,#050607);pointer-events:none}@media (max-aspect-ratio:1/1){.cat__row{flex-direction:column}.cat__slice{flex:1 1;min-height:0;margin-left:0;margin-top:-60px;-webkit-clip-path:polygon(0 60px,100% 0,100% calc(100% - 60px),0 100%);clip-path:polygon(0 60px,100% 0,100% calc(100% - 60px),0 100%)}.cat__slice:first-child{margin-top:0;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),0 100%)}.cat__slice:last-child{-webkit-clip-path:polygon(0 60px,100% 0,100% 100%,0 100%);clip-path:polygon(0 60px,100% 0,100% 100%,0 100%)}.cat__img{background-attachment:scroll}.cat__row--ready .cat__slice:focus-visible,.cat__row--ready .cat__slice:hover,.cat__row--ready:hover .cat__slice{flex-grow:1}.cat__meta{left:22px;bottom:30px;opacity:1;transform:none}.cat__slice:not(.is-locked) .cat__meta:after{content:"Tap to open  →";margin-top:8px;font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.18em;color:var(--accent,#9bb0ad);text-shadow:0 2px 12px rgba(0,0,0,.85)}.cat__head{top:14px;left:16px}.cat__head-label{font-size:10px;letter-spacing:.16em;padding:7px 11px}.cat__home{top:auto;right:16px;bottom:16px}}.cat__fade{display:none;position:fixed;inset:0;z-index:70;opacity:0;pointer-events:none}.cat__fade,.demo{background:var(--bg,#050607)}.demo{position:relative;min-height:100vh;overflow:hidden}.demo__hero{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover}.demo__content{position:relative;z-index:2;max-width:720px;padding:clamp(32px,8vh,120px) clamp(24px,6vw,96px);display:flex;flex-direction:column;gap:14px;min-height:100vh;justify-content:center;animation:demoContentIn .6s ease .25s both}@keyframes demoContentIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.demo__tag{font-family:var(--font-mono,monospace);font-size:12px;letter-spacing:.24em;color:var(--accent,#98a5a3);text-shadow:0 2px 14px rgba(0,0,0,.7)}.demo__name{font-family:var(--font-display,"Chakra Petch",sans-serif);font-weight:900;font-size:clamp(40px,8vw,96px);line-height:1;text-shadow:0 4px 30px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.7)}.demo__name,.demo__subtitle{color:var(--text,#eef0eb);margin:0}.demo__subtitle{font-family:var(--font-mono,monospace);font-size:14px;letter-spacing:.14em;text-shadow:0 2px 16px rgba(0,0,0,.75)}.demo__pitch{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-gap:10px;gap:10px}.demo__pitch-item{font-family:var(--font-main,"Rajdhani",sans-serif);font-size:18px;color:var(--text,#eef0eb);padding-left:22px;position:relative;text-shadow:0 2px 16px rgba(0,0,0,.8)}.demo__pitch-item:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--accent,#5f8b84)}.demo__back{margin-top:28px;align-self:flex-start;font-family:var(--font-mono,monospace);font-size:13px;letter-spacing:.18em;color:var(--text,#eef0eb);text-decoration:none;border:1px solid var(--line,#233037);background:rgba(5,6,7,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:10px 16px;border-radius:8px}.demo__back:hover{border-color:var(--accent,#5f8b84)}@media (prefers-reduced-motion:reduce){.cat__meta,.cat__overlay,.cat__slice{transition:none}.cat__row,.demo__content{animation:none}}