/* selected work */
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:54px}.work-card{--mx:50%;--my:50%;--accent:var(--blue);position:relative;min-height:330px;grid-column:span 6;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(180deg,rgba(15,31,53,.64),rgba(7,16,28,.73));overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;cursor:pointer;transition:transform .76s var(--ease-card),border-color .66s var(--ease-soft),background .66s var(--ease-soft),box-shadow .76s var(--ease-card)}
.work-card:first-child{grid-column:span 7}.work-card:nth-child(2){grid-column:span 5;--accent:var(--violet)}.work-card:nth-child(3){grid-column:span 5;--accent:var(--green)}.work-card:nth-child(4){grid-column:span 7;--accent:var(--coral)}
.work-card::before{content:"";position:absolute;inset:-1px;z-index:0;background:radial-gradient(430px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 22%,transparent),transparent 43%);opacity:0;pointer-events:none;transition:opacity .52s ease-out}.work-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:linear-gradient(90deg,var(--accent),transparent 75%);transform:scaleX(.45);transform-origin:left;opacity:.55;transition:transform .76s var(--ease-card),opacity .52s ease-out}
.work-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.14));background:linear-gradient(180deg,rgba(18,39,68,.82),rgba(7,16,28,.80));box-shadow:0 24px 56px rgba(0,0,0,.22)}.work-card:hover::before{opacity:1}.work-card:hover::after{transform:scaleX(.94);opacity:.95}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#9eb3ca;text-transform:uppercase;letter-spacing:.08em;transition:transform .72s var(--ease-card),color .62s var(--ease-soft)}.card-title{position:relative;z-index:2;font-size:40px;letter-spacing:-.038em;margin:0 0 12px;font-weight:570;transition:transform .76s var(--ease-card),color .62s var(--ease-soft)}.card-copy{position:relative;z-index:2;max-width:620px;margin:0;color:#b6c6d8;font-size:16px;line-height:1.76;transition:transform .78s var(--ease-card),color .62s var(--ease-soft)}.card-index{position:absolute;right:26px;top:55px;z-index:1;font:700 72px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:rgba(255,255,255,.027);transition:transform .9s var(--ease-card),color .72s var(--ease-soft)}.card-visual{position:absolute;right:0;bottom:0;width:58%;height:74%;opacity:.50;pointer-events:none;transition:transform .94s var(--ease-card),opacity .72s var(--ease-soft)}.card-visual.grid{background-image:linear-gradient(rgba(127,184,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(127,184,255,.075) 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(135deg,transparent,black)}.card-visual.orbits::before,.card-visual.orbits::after{content:"";position:absolute;border:1px solid rgba(169,140,255,.20);border-radius:50%;right:30px;top:25px;transition:transform .96s var(--ease-card),border-color .72s var(--ease-soft)}.card-visual.orbits::before{width:190px;height:190px}.card-visual.orbits::after{width:112px;height:112px;right:69px;top:64px}.card-visual.lines{background:repeating-linear-gradient(-14deg,transparent 0 25px,rgba(119,223,178,.075) 26px 27px)}
.work-card:hover .card-top{transform:translateY(-1px);color:#c9d8e9}.work-card:hover .card-title{transform:translateY(-2px);color:#fff}.work-card:hover .card-copy{transform:translateY(-1px);color:#bdd0e2}.work-card:hover .card-index{transform:translate3d(-2px,2px,0) scale(1.02);color:color-mix(in srgb,var(--accent) 11%,transparent)}.work-card:hover .card-visual{transform:translate3d(-2px,-2px,0) scale(1.012);opacity:.72}.work-card:hover .card-visual.orbits::before{transform:rotate(6deg) scale(1.04);border-color:rgba(169,140,255,.30)}.work-card:hover .card-visual.orbits::after{transform:rotate(-8deg) scale(.97);border-color:rgba(169,140,255,.26)}

/* ACKit */
.ackit{background:radial-gradient(circle at 12% 16%,rgba(100,154,246,.10),transparent 30%),radial-gradient(circle at 88% 12%,rgba(169,140,255,.08),transparent 27%),#060d18}.ackit-head{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:end}.install{border:1px solid var(--line);border-radius:14px;background:rgba(4,12,23,.66);padding:18px 20px;font:12px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;color:#afc0d2;overflow:auto;transition:transform .76s var(--ease-card),border-color .66s var(--ease-soft),background .66s var(--ease-soft),box-shadow .76s var(--ease-card)}.install:hover{transform:translateY(-2px);border-color:rgba(144,192,255,.18);background:rgba(8,20,37,.78);box-shadow:0 18px 42px rgba(0,0,0,.15)}.install span{display:block;color:#dce8f7;margin-bottom:4px}.install code{color:#90c0ff;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}.feature{--mx:50%;--my:50%;--accent:var(--blue);position:relative;min-height:220px;border:1px solid rgba(255,255,255,.08);border-radius:17px;padding:22px;background:rgba(10,24,43,.53);overflow:hidden;isolation:isolate;transition:transform .76s var(--ease-card),border-color .66s var(--ease-soft),background .66s var(--ease-soft),box-shadow .76s var(--ease-card)}
.feature:nth-child(2),.feature:nth-child(6){--accent:var(--violet)}.feature:nth-child(3),.feature:nth-child(7){--accent:var(--green)}.feature:nth-child(4),.feature:nth-child(8){--accent:var(--coral)}
.feature::before{content:"";position:absolute;left:0;top:0;width:46%;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(.58);transform-origin:left;transition:transform .76s var(--ease-card)}.feature::after{content:"";position:absolute;inset:-1px;z-index:-1;background:radial-gradient(320px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 19%,transparent),transparent 46%);opacity:0;transition:opacity .52s ease-out}
.feature:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.11));background:rgba(13,29,51,.70);box-shadow:0 18px 44px rgba(0,0,0,.16)}.feature:hover::before{transform:scaleX(.92)}.feature:hover::after{opacity:.95}
.feature-no{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7d91a9}.feature h3{font-size:23px;letter-spacing:-.026em;margin:34px 0 12px;transition:transform .76s var(--ease-card),color .62s var(--ease-soft)}.feature p{font-size:15px;line-height:1.76;color:#b3c3d5;margin:0;padding-bottom:38px;transition:transform .78s var(--ease-card),color .62s var(--ease-soft)}.feature code{position:absolute;left:22px;bottom:18px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);transition:transform .76s var(--ease-card),filter .62s var(--ease-soft),opacity .48s ease}.feature:hover h3{transform:translateY(-1px);color:#fff}.feature:hover p{transform:translateY(-1px);color:#c2d0de}.feature:hover code{transform:translateX(1px);filter:brightness(1.08)}