.work-page{min-height:100vh;padding-bottom:6rem}.work-page-shell{width:min(1320px,calc(100% - 48px));margin:0 auto}.work-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);grid-gap:2rem;gap:2rem;align-items:end;margin-bottom:2.5rem}.work-kicker{display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:999px;background:rgba(10,55,109,.16);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:1.25rem}.work-hero-title,.work-kicker{color:var(--color-brand-blue,#0a376d)}.work-hero-title{max-width:12ch;font-size:clamp(3.5rem,7vw,7rem);line-height:.92;letter-spacing:-.04em}.work-hero-summary{max-width:54ch;margin-top:1.35rem;font-size:1.08rem;line-height:1.75;color:rgba(10,55,109,.82)}.work-hero-stats{display:grid;grid-gap:.9rem;gap:.9rem}.work-stat-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:rgba(255,248,216,.54);border:1px solid rgba(10,55,109,.14);border-radius:22px;color:var(--color-brand-blue,#0a376d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(10,55,109,.08)}.work-stat-card strong{display:block;font-size:1.2rem;line-height:1.1}.work-stat-card span{display:block;margin-top:.15rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.work-toolbar{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2rem}.work-filter-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(10,55,109,.14);background:rgba(255,248,216,.48);color:rgba(10,55,109,.85);padding:.8rem 1.1rem;border-radius:999px;font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease}.work-filter-pill.active,.work-filter-pill:hover{transform:translateY(-2px);background:var(--color-brand-blue,#0a376d);border-color:var(--color-brand-blue,#0a376d);color:var(--color-off-white,#f8f5ee)}.work-content-grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.work-preview-column{position:-webkit-sticky;position:sticky;top:110px}.work-preview-card{overflow:hidden;border-radius:32px;background:radial-gradient(circle at top left,rgba(255,255,255,.5),transparent 34%),linear-gradient(180deg,rgba(10,55,109,.96),rgba(10,55,109,.88));color:var(--color-off-white,#f8f5ee);box-shadow:0 28px 80px rgba(10,55,109,.24)}.work-preview-media{position:relative;min-height:420px;overflow:hidden}.work-preview-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,55,109,0),rgba(10,55,109,.28))}.work-preview-media img,.work-project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.work-preview-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7rem,12vw,10rem);color:rgba(255,255,255,.4)}.work-preview-body{padding:1.6rem}.work-list-header,.work-preview-meta,.work-preview-tags,.work-project-meta,.work-project-tags{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.work-preview-meta span,.work-preview-tags span,.work-project-meta span,.work-project-tags span{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .65rem;border-radius:999px}.work-preview-meta span,.work-preview-tags span{background:rgba(255,255,255,.12);color:rgba(248,245,238,.9)}.work-preview-body h2{margin-top:1.15rem;font-size:clamp(2.25rem,4vw,3.8rem);line-height:.95;letter-spacing:-.03em}.work-preview-body p{margin-top:1rem;font-size:1rem;line-height:1.8;color:rgba(248,245,238,.84)}.work-preview-tags{margin-top:1.25rem}.work-preview-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.work-primary-link,.work-secondary-link{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.8rem 1.1rem;border-radius:999px;text-decoration:none;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;transition:transform .25s ease,background-color .25s ease,color .25s ease}.work-primary-link{background:var(--color-accent-yellow,#ffd900);color:var(--color-brand-blue,#0a376d)}.work-primary-link:hover{transform:translateY(-2px)}.work-secondary-link{background:rgba(255,255,255,.08);color:var(--color-off-white,#f8f5ee)}.work-secondary-link:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.work-list-column{min-width:0}.work-list-header{justify-content:space-between;gap:1rem;margin-bottom:1rem;color:rgba(10,55,109,.72)}.work-list-header strong{color:var(--color-brand-blue,#0a376d)}.work-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.work-project-card{display:block;min-width:0;padding:1rem;border-radius:28px;text-decoration:none;background:rgba(255,252,240,.56);border:1px solid rgba(10,55,109,.1);color:var(--color-brand-blue,#0a376d);box-shadow:0 16px 36px rgba(10,55,109,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.work-project-card.active,.work-project-card:hover{transform:translateY(-4px);border-color:rgba(10,55,109,.24);box-shadow:0 24px 44px rgba(10,55,109,.12)}.work-project-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.work-project-featured,.work-project-index{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .6rem;border-radius:999px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.work-project-index{background:rgba(10,55,109,.07)}.work-project-featured{background:rgba(255,217,0,.2)}.work-project-thumb{position:relative;overflow:hidden;min-height:220px;border-radius:22px}.work-project-thumb span{position:absolute;inset:0;display:grid;place-items:center;font-size:4.5rem;color:rgba(255,255,255,.46)}.work-project-copy{padding-top:1rem}.work-project-meta span,.work-project-tags span{background:rgba(10,55,109,.07)}.work-project-copy h3{margin-top:.95rem;font-size:clamp(1.7rem,3vw,2.3rem);line-height:.98;letter-spacing:-.03em}.work-project-description{margin-top:.85rem;font-size:.98rem;line-height:1.7;color:rgba(10,55,109,.74);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-project-tags{margin-top:1rem}.work-empty-state{padding:4rem 2rem;border-radius:32px;background:rgba(255,252,240,.56);border:1px solid rgba(10,55,109,.1);text-align:center;color:var(--color-brand-blue,#0a376d)}.work-empty-state h2{font-size:clamp(2.5rem,5vw,4rem)}.work-empty-state p{max-width:48ch;margin:1rem auto 0;line-height:1.8;color:rgba(10,55,109,.76)}@media (max-width:1100px){.work-content-grid,.work-hero{grid-template-columns:1fr}.work-hero-title{max-width:none}.work-preview-column{position:static}}@media (max-width:768px){.work-page{padding-top:6.75rem;padding-bottom:4rem}.work-page-shell{width:min(100% - 24px,1320px)}.work-hero{gap:1.5rem;margin-bottom:1.75rem}.work-hero-summary{font-size:1rem}.work-toolbar{gap:.7rem}.work-filter-pill{width:100%;justify-content:center}.work-preview-media{min-height:280px}.work-preview-body,.work-project-card{padding:1rem}.work-project-grid{grid-template-columns:1fr}.work-list-header{flex-direction:column;align-items:flex-start}}