.compass-page{max-width:960px;margin:0 auto;padding-bottom:3rem}.card-waterfall{column-count:1;column-gap:1rem;list-style:none;padding:0;margin:0}@media (min-width:540px){.card-waterfall{column-count:2}}@media (min-width:860px){.card-waterfall{column-count:3}}.waterfall-item{break-inside:avoid;margin-bottom:1rem}.compass-card{display:flex;flex-direction:column;gap:.85rem;padding:1.375rem 1.25rem;border-radius:12px;border:1.5px solid rgb(180 140 60/.25);background:radial-gradient(circle at 80% 10%,rgb(255 248 220/.6),transparent 60%),linear-gradient(160deg,#fdf8ec,#f5ead0);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease,transform .12s ease}.compass-card--active{cursor:pointer}.compass-card--active:hover{border-color:rgb(180 140 60/.6);box-shadow:0 6px 28px rgb(100 70 20/.14),0 1px 4px rgb(100 70 20/.08);transform:translateY(-2px)}.compass-card--active:active{transform:translateY(0)}.compass-card[data-stage=current]{border-color:rgb(190 130 30/.72);background:radial-gradient(circle at 80% 10%,rgb(255 234 160/.72),transparent 62%),linear-gradient(160deg,#fff5d6,#f3dfa8);box-shadow:0 8px 28px rgb(140 90 20/.16),inset 0 0 0 1px rgb(255 255 255/.5)}.compass-card[data-stage=tool]{border-style:dashed;background:radial-gradient(circle at 80% 10%,rgb(230 248 210/.52),transparent 62%),linear-gradient(160deg,#fbf8ec,#edf3d4)}.compass-card--soon{opacity:.46;cursor:default;border-style:dashed;border-color:rgb(120 105 80/.16);background:radial-gradient(circle at 80% 10%,rgb(245 240 225/.34),transparent 62%),linear-gradient(160deg,rgb(250 247 238/.58),rgb(236 230 214/.48));filter:grayscale(.25)}.compass-card--soon .card-body,.compass-card--soon .card-role-title{color:rgb(70 60 48/.58)}.compass-card--soon .card-tag{background:rgb(140 125 100/.08);border-color:rgb(140 125 100/.14);color:rgb(85 75 62/.58)}.card-role-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.card-role-title{font-size:1.0625rem;font-weight:800;color:#1a0e04;letter-spacing:.03em;margin:0;line-height:1.3}.card-role-owner{font-size:.75rem;color:#8a5a20;background:rgb(180 140 60/.14);border:1px solid rgb(180 140 60/.28);border-radius:20px;font-weight:500}.card-role-owner,.card-stage-badge{padding:.15rem .5rem;white-space:nowrap}.card-stage-badge{font-size:.72rem;color:#fff;background:#7a4a10;border:1px solid rgb(80 45 10/.2);border-radius:20px;font-weight:700}.card-person-head{display:flex;flex-direction:column;gap:.2rem}.card-person-name{font-size:1.375rem;font-weight:800;color:#1a0e04;letter-spacing:.08em}.card-person-role{font-size:.8125rem;color:#7a4a10}.card-body{font-size:.875rem;color:#503218;line-height:1.65;margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;padding:0;margin:0}.card-tag{display:inline-block;padding:.2rem .55rem;border-radius:4px;background:rgb(180 140 60/.12);border:1px solid rgb(180 140 60/.25);color:#6a3c10;font-size:.75rem;font-weight:500}.card-cta{display:block;font-size:.875rem;font-weight:600;color:#8a5a20;letter-spacing:.02em}.soon-badge{position:absolute;top:10px;right:10px;padding:.175rem .5rem;border-radius:4px;background:rgb(80 70 55/.12);border:1px solid rgb(80 70 55/.26);color:#6a6255;font-size:.6875rem;font-weight:600;letter-spacing:.04em}