.portfolio-page{position:relative;z-index:1;width:min(100% - 2rem,1440px);margin:0 auto;padding:1rem 0 4rem}.portfolio-hero{position:relative;display:grid;gap:clamp(1.4rem,3vw,2.2rem);min-height:min(680px,calc(100vh - 1.5rem));padding:.2rem 0 clamp(1.5rem,4vw,3rem);overflow:hidden}.topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.topline a{text-decoration:none}.wordmark{font-weight:500}.topline-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem;color:var(--muted)}.hero-poster{position:relative;min-height:clamp(500px,62vh,640px);display:grid;align-items:center;justify-items:center;padding:clamp(2.8rem,7vw,6rem) 0 clamp(2.2rem,5vw,4.5rem);isolation:isolate;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:clamp(.55rem,1.4vw,.9rem);max-width:min(1040px,94vw);text-align:center}.eyebrow{margin:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.hero-copy h1{max-width:14.5ch;font-family:var(--sans);font-size:clamp(3rem,7vw,6.8rem);font-weight:600;line-height:.86;letter-spacing:0;text-transform:uppercase;color:var(--ink)}.hero-subtitle{max-width:54rem;color:var(--muted);font-family:var(--serif);font-size:clamp(1.15rem,2vw,2.05rem);font-weight:500;line-height:1.08}.hero-mark{position:absolute;z-index:1;pointer-events:none;opacity:.72}.hero-mark--top{width:clamp(230px,25vw,390px);aspect-ratio:.82;top:3%;left:50%;border-radius:55% 45% 52% 48%;background:#63847433;transform:translate(-50%) rotate(8deg);clip-path:polygon(48% 0,63% 7%,70% 43%,100% 55%,72% 68%,62% 100%,47% 72%,19% 95%,29% 62%,0 48%,32% 36%)}.hero-mark--side{width:clamp(300px,34vw,520px);aspect-ratio:1.55;right:max(-7vw,-5rem);bottom:5%;border:1px solid rgba(99,132,116,.22);border-radius:999px;background:linear-gradient(90deg,transparent 49%,rgba(99,132,116,.22) 49% 51%,transparent 51%),linear-gradient(rgba(99,132,116,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(99,132,116,.12) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;transform:rotate(-9deg)}.work-section{display:grid;gap:1rem;padding-top:0}.section-kicker{display:block;padding:.4rem 0}.section-kicker h2{max-width:18ch;font-family:var(--sans);font-size:clamp(1.4rem,2.6vw,2.7rem);font-weight:600;line-height:1;letter-spacing:0;text-align:right}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:.8rem}.project-card{--card-bg: #f6f6f3;--card-fg: #111312;--card-muted: rgba(17, 19, 18, .62);--card-line: rgba(17, 19, 18, .14);position:relative;min-height:520px;grid-column:span 4;padding:clamp(1rem,1.7vw,1.4rem);border:1px solid var(--card-line);border-radius:8px;overflow:hidden;display:grid;grid-template-rows:auto minmax(230px,1fr) auto;gap:1rem;color:var(--card-fg);background:var(--card-bg);text-decoration:none;box-shadow:0 18px 40px #1012110f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card--wide{grid-column:span 8}.project-card--tall{grid-column:span 4;grid-row:span 2;min-height:680px}.project-card:hover{transform:scale(.985);border-color:#11131247;box-shadow:0 12px 30px #10121114}.project-card:hover .preview-stage{transform:scale(.982)}.card-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--card-muted)}.preview-stage{position:relative;z-index:1;min-height:240px;display:grid;place-items:center;border-radius:6px;overflow:hidden;transition:transform .18s ease}.card-copy{position:relative;z-index:2;display:grid;gap:.55rem;max-width:42rem}.card-copy h3{font-family:var(--sans);font-size:clamp(1.7rem,2.8vw,3.2rem);font-weight:600;line-height:.98;letter-spacing:0}.project-card--compact .card-copy h3,.project-card--tall .card-copy h3{font-size:clamp(1.55rem,2.1vw,2.25rem)}.card-copy p{color:var(--card-muted);font-size:.92rem;line-height:1.5}.preview-compliance-bond-trade-labeling{--card-bg: #f4f4ee}.preview-reconciliation-instruments{--card-bg: #101412;--card-fg: #f4f6ef;--card-muted: rgba(244, 246, 239, .62);--card-line: rgba(244, 246, 239, .16)}.preview-fix-parser{--card-bg: #f0f5f1}.preview-sybil-detection{--card-bg: #141414;--card-fg: #f5f4ef;--card-muted: rgba(245, 244, 239, .62);--card-line: rgba(245, 244, 239, .15)}.preview-cds-bond-market-neutral{--card-bg: #eef2f5}.preview-calendar-of-earnings{--card-bg: #f5f2e8}.preview-pdf-parser-sed{--card-bg: #f4f1ef}.preview-value-add-score{--card-bg: #101820;--card-fg: #f7f5ee;--card-muted: rgba(247, 245, 238, .64);--card-line: rgba(247, 245, 238, .17)}.preview-hr-recommendation-algo{--card-bg: #f1f4f7}.preview-maps-optimisation-ellipses{--card-bg: #f2f1f7}.trade-preview,.recon-preview,.fix-preview,.graph-preview,.hedge-preview,.calendar-preview,.parser-preview,.score-preview,.ranking-preview,.ellipse-preview{width:min(100%,520px);min-height:220px}.trade-preview{position:relative;display:grid;align-content:center;gap:.55rem}.price-band{height:44px;border:1px solid rgba(17,19,18,.12);border-radius:6px;display:flex;align-items:center;padding-left:.8rem;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;color:#1113128c}.price-band.ask{background:#efe2da}.price-band.mid{background:#f8f8f4}.price-band.bid{background:#dde7e2}.trade-line{position:absolute;left:14%;right:9%;top:50%;height:2px;background:#111312;transform:rotate(-10deg)}.trade-dot{position:absolute;width:18px;height:18px;border-radius:999px;background:#111312;border:3px solid #f4f4ee}.trade-dot.good{left:25%;top:62%}.trade-dot.fair{left:53%;top:48%}.trade-dot.bad{left:78%;top:32%}.recon-preview{display:grid;grid-template-columns:1fr .55fr 1fr;gap:.6rem;align-items:center}.ledger{display:grid;gap:.6rem}.ledger span{height:42px;border:1px solid rgba(244,246,239,.18);border-radius:5px;background:#f4f6ef14}.ledger span:nth-child(2){background:#afd6a638}.ledger span:nth-child(4){background:#e5865c2e}.match-rails{display:grid;gap:1rem}.match-rails i{height:1px;background:#f4f6ef6b;transform:rotate(-8deg)}.fix-preview{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.55rem}.fix-preview span{border:1px solid rgba(17,19,18,.16);border-radius:999px;padding:.55rem .7rem;font-family:var(--mono);font-size:.75rem;background:#ffffff9e}.graph-preview{position:relative}.graph-preview .node,.graph-preview .edge{position:absolute;display:block}.graph-preview .node{width:24px;height:24px;border-radius:999px;background:#f2f0e8;box-shadow:0 0 0 14px #f2f0e814}.graph-preview .n1{left:17%;top:58%}.graph-preview .n2{left:38%;top:28%}.graph-preview .n3{left:56%;top:62%;background:#e5865c}.graph-preview .n4{left:76%;top:35%}.graph-preview .n5{left:70%;top:72%}.graph-preview .edge{height:1px;background:#f5f4ef52;transform-origin:left center}.graph-preview .e1{left:22%;top:62%;width:132px;transform:rotate(-35deg)}.graph-preview .e2{left:42%;top:36%;width:142px;transform:rotate(35deg)}.graph-preview .e3{left:60%;top:66%;width:92px;transform:rotate(-38deg)}.graph-preview .e4{left:59%;top:68%;width:82px;transform:rotate(15deg)}.hedge-preview{display:grid;align-content:center;gap:.85rem}.bar{height:56px;border-radius:6px;display:flex;align-items:center;padding-left:.85rem;font-family:var(--mono);font-size:.68rem;text-transform:uppercase}.bar.bond{width:82%;background:#141414;color:#f7f7f3}.bar.cds{width:66%;margin-left:auto;background:#638474;color:#f7f7f3}.balance-line{height:1px;background:#11131238}.calendar-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;align-content:center}.calendar-preview span{aspect-ratio:1;border:1px solid rgba(17,19,18,.12);border-radius:5px;background:#ffffff94}.calendar-preview span.event{background:#141414}.parser-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center}.doc-lines,.clean-lines{display:grid;gap:.55rem}.doc-lines span,.clean-lines span{height:14px;border-radius:999px;background:#1113122e}.doc-lines span:nth-child(2),.clean-lines span:nth-child(1){width:72%}.doc-lines span:nth-child(3),.clean-lines span:nth-child(3){width:88%}.pipe{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:#111312;color:#f7f7f3;font-family:var(--mono);font-size:.72rem}.score-preview{display:grid;grid-template-columns:auto minmax(160px,1fr);gap:1.2rem;align-items:center}.score-ring{width:168px;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#8fb899 0 84%,#f7f5ee24 84% 100%)}.score-ring span{width:112px;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;background:#101820;color:#f7f5ee;font-size:2.6rem;font-weight:600}.score-bars{display:grid;gap:.7rem}.score-bars span{height:18px;border-radius:999px;background:#f7f5ee33}.score-bars span:nth-child(1){width:92%}.score-bars span:nth-child(2){width:74%}.score-bars span:nth-child(3){width:82%}.score-bars span:nth-child(4){width:58%}.ranking-preview{display:grid;gap:.8rem;align-content:center}.ranking-preview span{position:relative;min-height:46px;border:1px solid rgba(17,19,18,.14);border-radius:6px;padding:.8rem;overflow:hidden;font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.ranking-preview span:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--rank);background:#63847447;z-index:-1}.ellipse-preview{position:relative}.ellipse{position:absolute;display:block;border:1px solid rgba(17,19,18,.42);border-radius:999px;background:#ffffff57}.ellipse.a{width:58%;height:34%;left:8%;top:24%;transform:rotate(-16deg)}.ellipse.b{width:48%;height:42%;left:36%;top:34%;transform:rotate(22deg)}.ellipse.c{width:36%;height:25%;left:28%;top:12%;transform:rotate(8deg);background:#63847433}.ellipse.d{width:30%;height:22%;left:14%;top:62%;transform:rotate(-8deg);background:#e5865c2e}@media(max-width:1120px){.project-card,.project-card--wide,.project-card--tall{grid-column:span 6;grid-row:auto;min-height:540px}}@media(max-width:820px){.portfolio-page{width:min(100% - 1rem,1440px);padding-top:.8rem}.portfolio-hero{min-height:min(620px,calc(100vh - 1rem));gap:1.2rem}.topline{align-items:flex-start}.topline-links{gap:.55rem}.hero-poster{min-height:clamp(500px,70vh,620px);padding-top:clamp(2rem,8vw,3rem)}.hero-copy h1{max-width:12.4ch;font-size:clamp(2.4rem,11.6vw,4.5rem);line-height:.9}.hero-subtitle{max-width:24rem;font-size:clamp(1.05rem,5.2vw,1.7rem);line-height:1.02}.hero-mark--top{top:9%;width:clamp(180px,58vw,280px)}.hero-mark--side{right:-9rem;bottom:2%;width:clamp(250px,82vw,390px)}.section-kicker h2{max-width:12ch;text-align:left}.project-grid{grid-template-columns:1fr}.project-card,.project-card--wide,.project-card--tall{grid-column:auto;min-height:500px}.score-preview,.parser-preview,.recon-preview{grid-template-columns:1fr}.score-ring{width:140px;margin:0 auto}.pipe{margin:0 auto}}@media(max-width:520px){.project-card{min-height:460px;grid-template-rows:auto minmax(190px,1fr) auto}.card-meta{display:grid}.preview-stage{min-height:190px}.card-copy h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.project-card,.preview-stage{transition:none}.project-card:hover,.project-card:hover .preview-stage{transform:none}}