.project-archive{background:var(--portfolio-ink,#09131f);color:var(--portfolio-bone,#f2ebdd);font-family:var(--pf-font-body,"Inter",sans-serif);--cat-web:var(--pf-cobalt,#2457e6);--cat-mobile:#38bdf8;--cat-cross:var(--portfolio-lime,#b7f34a)}.project-archive .cat-web{--cat:var(--cat-web)}.project-archive .cat-mobile{--cat:var(--cat-mobile)}.project-archive .cat-cross{--cat:var(--cat-cross)}.project-visual{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#07111f}.project-visual__img{object-position:var(--project-object-position,center);transition:transform .5s ease,filter .3s ease}.project-visual:hover .project-visual__img,a:hover>.project-visual .project-visual__img{transform:scale(1.03);filter:brightness(.9)}.project-archive-hero{position:relative;overflow:hidden;background:var(--portfolio-ink,#09131f);padding-inline:var(--pf-gutter,clamp(16px,4vw,64px));padding-block:clamp(72px,9vw,118px) clamp(40px,5vw,64px);min-height:clamp(460px,52vh,600px);display:flex;align-items:center}.portfolio-hero__media{position:absolute;right:0;top:0;bottom:0;width:clamp(280px,50%,700px);display:grid;grid-template-columns:54fr 30fr 22fr;grid-template-rows:1fr auto;grid-gap:2px;gap:2px;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-hero__media:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#09131f,rgba(9,19,31,.78) 24%,rgba(9,19,31,.06))}.portfolio-hero__media-primary,.portfolio-hero__media-secondary,.portfolio-hero__media-tertiary{position:relative;overflow:hidden;min-height:0}.portfolio-hero__media-img{object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.08);opacity:.42}.portfolio-hero__media-index{grid-column:1/-1;position:relative;z-index:3;padding:6px 14px;font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pf-orange,#e7652d);border-top:1px solid rgba(231,101,45,.28);background:rgba(9,19,31,.6);text-align:right}.project-archive-hero__inner{position:relative;z-index:1;width:100%}.project-archive-hero__copy{max-width:min(46%,480px)}.project-archive-hero__eyebrow{margin:0 0 1.1rem;font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-orange,#e7652d)}.project-archive-hero__title{margin:0;font-family:var(--pf-font-display,"Bebas Neue",sans-serif);font-weight:400;font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:.005em;text-transform:uppercase;color:var(--portfolio-bone,#f2ebdd)}.project-archive-hero__intro{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.project-archive-hero__intro p{margin:0;max-width:40ch;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.65;color:rgba(242,235,221,.7)}.project-archive-hero__count{font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,235,221,.42)}.archive-filters-wrap{border-bottom:1px solid rgba(242,235,221,.12);padding-inline:var(--pf-gutter,clamp(16px,4vw,64px))}.archive-filters-wrap .pf-container{overflow:hidden}.archive-filters{display:flex;gap:clamp(22px,3vw,48px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.archive-filters::-webkit-scrollbar{display:none}.archive-filter{position:relative;flex-shrink:0;padding:20px 0 16px;background:none;border:0;cursor:pointer;white-space:nowrap;min-height:44px;font-family:var(--pf-font-body,"Inter",sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,235,221,.48);transition:color .18s ease}.archive-filter:hover{color:rgba(242,235,221,.82)}.archive-filter[aria-pressed=true]{color:var(--portfolio-bone,#f2ebdd)}.archive-filter[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pf-orange,#e7652d)}.archive-filter:focus-visible{outline:2px solid var(--portfolio-lime,#b7f34a);outline-offset:3px;border-radius:2px}.archive-filter__count{margin-left:6px;font-weight:400;opacity:.55}.archive-body{padding-inline:var(--pf-gutter,clamp(16px,4vw,64px));padding-block:clamp(44px,6vw,80px) clamp(72px,9vw,112px)}.archive-index{font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.68rem;font-weight:600;letter-spacing:.16em;color:var(--pf-orange,#e7652d)}.archive-category,.archive-index{margin:0;text-transform:uppercase}.archive-category{font-size:.64rem;font-weight:700;letter-spacing:.15em;color:var(--cat,var(--pf-orange))}.archive-stack{margin:0;font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.76rem;line-height:1.5;color:rgba(242,235,221,.5)}.archive-evidence{display:flex;align-items:baseline;gap:.6rem;padding:.6rem 0;border-top:1px solid var(--cat,rgba(242,235,221,.2));border-image:linear-gradient(90deg,var(--cat,var(--pf-orange)) 0 44px,rgba(242,235,221,.14) 44px) 1;width:-moz-fit-content;width:fit-content;min-width:220px}.archive-evidence__value{font-family:var(--pf-font-display,"Bebas Neue",sans-serif);font-size:1.9rem;line-height:1;color:var(--portfolio-bone,#f2ebdd)}.archive-evidence__label{font-size:.74rem;letter-spacing:.04em;color:rgba(242,235,221,.55)}.archive-feature{border:1px solid rgba(242,235,221,.14);margin-bottom:clamp(44px,5vw,72px)}.archive-feature__link{display:grid;grid-template-columns:56fr 44fr;min-height:clamp(340px,34vw,480px);text-decoration:none;color:inherit}.archive-feature__link:focus-visible{outline:2px solid var(--portfolio-lime,#b7f34a);outline-offset:4px}.archive-feature__visual{position:relative}.archive-feature__visual .project-visual{height:100%;aspect-ratio:auto}.archive-feature__content{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:clamp(28px,3.5vw,52px);background:#0b1524}.archive-feature__content h2{margin:0;font-family:var(--pf-font-display,"Bebas Neue",sans-serif);font-weight:400;font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1;text-transform:uppercase;letter-spacing:.01em;color:var(--portfolio-bone,#f2ebdd);transition:color .2s ease}.archive-feature__link:hover h2{color:rgba(242,235,221,.82)}.archive-feature__summary{margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.65;color:rgba(242,235,221,.64);max-width:46ch}.archive-feature__cta{margin-top:.35rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--pf-orange,#e7652d);transition:letter-spacing .2s ease}.archive-feature__link:hover .archive-feature__cta{letter-spacing:.1em}.archive-ledger__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(242,235,221,.16)}.archive-ledger__head h2{margin:0;font-family:var(--pf-font-display,"Bebas Neue",sans-serif);font-weight:400;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--portfolio-bone,#f2ebdd)}.archive-ledger__head span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,235,221,.36)}.project-ledger-row{border-bottom:1px solid rgba(242,235,221,.1);animation:archiveRowIn .4s ease both}@keyframes archiveRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.project-ledger-row__link{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr) minmax(300px,380px) 32px;grid-template-areas:"index body visual action";align-items:center;grid-gap:clamp(24px,3vw,52px);gap:clamp(24px,3vw,52px);min-height:220px;padding-block:30px;text-decoration:none;color:inherit;transition:background .15s ease}.project-ledger-row__link:hover{background:rgba(242,235,221,.025)}.project-ledger-row__link:focus-visible{outline:2px solid var(--portfolio-lime,#b7f34a);outline-offset:-2px}.project-ledger-row__index{grid-area:index;display:flex;flex-direction:column;gap:6px}.project-ledger-row__index span:first-child{font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.66rem;font-weight:600;letter-spacing:.12em;color:var(--pf-orange,#e7652d)}.project-ledger-row__index span:last-child{font-size:.72rem;color:rgba(242,235,221,.4)}.project-ledger-row__body{grid-area:body;display:flex;flex-direction:column;gap:.55rem}.project-ledger-row__body h2{margin:0;font-family:var(--pf-font-body,"Inter",sans-serif);font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:700;line-height:1.2;color:var(--portfolio-bone,#f2ebdd);transition:color .18s ease}.project-ledger-row__link:hover .project-ledger-row__body h2{color:var(--pf-orange,#e7652d)}.project-ledger-row__summary{margin:0;font-size:.9rem;line-height:1.6;color:rgba(242,235,221,.56);max-width:60ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-ledger-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-top:.15rem;font-family:var(--pf-font-mono,"JetBrains Mono",monospace);font-size:.72rem;letter-spacing:.04em;color:rgba(242,235,221,.5)}.project-ledger-row__meta .dot{color:rgba(242,235,221,.28)}.project-ledger-row__meta .status{color:var(--portfolio-lime,#b7f34a);border:1px solid rgba(183,243,74,.3);border-radius:3px;padding:1px 7px;letter-spacing:.1em;text-transform:uppercase;font-size:.64rem}.project-ledger-row__meta .status--demo{color:#7ea2ff;border-color:rgba(126,162,255,.35)}.project-ledger-row__meta .evidence-inline{color:rgba(242,235,221,.68)}.project-ledger-row__meta .evidence-inline strong{color:var(--portfolio-bone,#f2ebdd);font-weight:700}.project-ledger-row__visual{grid-area:visual}.project-ledger-row__action{grid-area:action;justify-self:end;font-size:1.15rem;color:rgba(242,235,221,.36);text-decoration:none;transition:transform .18s ease,color .18s ease}.project-ledger-row__link:hover .project-ledger-row__action,.project-ledger-row__link:hover~.project-ledger-row__action{color:var(--pf-orange,#e7652d)}#project-archive[data-filter=cross] .js-cat:not([data-category=cross]),#project-archive[data-filter=mobile] .js-cat:not([data-category=mobile]),#project-archive[data-filter=web] .js-cat:not([data-category=web]){display:none}#project-archive[data-filter=cross] .archive-ledger:not(:has(.project-ledger-row[data-category=cross])),#project-archive[data-filter=mobile] .archive-ledger:not(:has(.project-ledger-row[data-category=mobile])),#project-archive[data-filter=web] .archive-ledger:not(:has(.project-ledger-row[data-category=web])){display:none}.archive-empty{display:none}#project-archive[data-filter=cross]:not(:has(.js-cat[data-category=cross])) .archive-empty,#project-archive[data-filter=mobile]:not(:has(.js-cat[data-category=mobile])) .archive-empty,#project-archive[data-filter=web]:not(:has(.js-cat[data-category=web])) .archive-empty{display:block}.archive-empty{padding-block:48px}.archive-empty p{margin:0 0 12px;color:rgba(242,235,221,.5)}.archive-empty a{font-size:.85rem;font-weight:600;color:var(--pf-orange,#e7652d);text-decoration:none}.archive-empty a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1100px){.project-ledger-row__link{grid-template-columns:minmax(0,1fr) minmax(220px,300px) 28px;grid-template-areas:"index  index   index" "body   visual  action";gap:16px clamp(20px,3vw,36px);min-height:0;padding-block:26px;align-items:center}.project-ledger-row__index{flex-direction:row;gap:12px;align-items:baseline}}@media (max-width:900px){.portfolio-hero__media{width:55%;grid-template-columns:1fr}.portfolio-hero__media-secondary,.portfolio-hero__media-tertiary{display:none}.project-archive-hero__copy{max-width:min(80%,480px)}.archive-feature__link{grid-template-columns:1fr}.archive-feature__visual .project-visual{aspect-ratio:16/10}}@media (max-width:767px){.archive-body,.archive-filters-wrap,.project-archive-hero{padding-inline:clamp(20px,5vw,24px)}.project-archive-hero{min-height:0;padding-block:clamp(56px,14vw,84px) clamp(28px,6vw,40px)}.project-archive-hero__title{font-size:clamp(3.25rem,15vw,5rem)}.portfolio-hero__media{display:none}.project-archive-hero__copy{max-width:100%}.archive-feature__content{padding:24px 20px}.project-ledger-row__link{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding-block:24px}.project-ledger-row__index{order:0}.project-ledger-row__visual{order:1}.project-ledger-row__body{order:2}.project-ledger-row__action{display:none}.project-ledger-row__body h2{font-size:clamp(1.35rem,6vw,1.6rem)}.project-ledger-row__summary{-webkit-line-clamp:4}}@media (prefers-reduced-motion:reduce){.archive-feature__cta,.archive-feature__link h2,.archive-filter,.project-ledger-row,.project-ledger-row__action,.project-ledger-row__link,.project-visual__img{animation:none;transition:none}}