.pf-case{--case-navy:var(--portfolio-ink);--case-panel:#0c1a2b;--case-line:rgba(242,235,221,0.14);--case-line-strong:rgba(242,235,221,0.26);--case-cyan:#6fe3f2;--case-cream:var(--portfolio-bone);--case-muted:rgba(243,236,221,0.78);--case-faint:rgba(243,236,221,0.5);background:var(--case-navy);color:var(--case-cream);font-family:var(--pf-font-body)}.pf-case .pf-display{font-family:var(--pf-font-display);font-weight:400;letter-spacing:var(--pf-tracking-display)}.pf-case-body,.pf-case-contact,.pf-case-evidence,.pf-case-hero{position:relative;padding-inline:var(--pf-gutter)}.pf-case-hero{padding-block:calc(var(--pf-header-height) + clamp(2.5rem, 6vw, 4.5rem)) clamp(3rem,6vw,5rem);overflow:hidden;border-bottom:1px solid var(--case-line);background:var(--case-navy)}.pf-case-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--project-accent,#2457e6) 18%,transparent),transparent 60%)}.pf-case-hero__inner{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);grid-gap:clamp(2rem,4vw,4rem);gap:clamp(2rem,4vw,4rem);align-items:center}.pf-case-hero__copy{min-width:0}.pf-case-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:var(--pf-tracking-label);text-transform:uppercase;color:var(--case-faint);text-decoration:none;margin-bottom:clamp(1.5rem,3vw,2.25rem);transition:color .18s var(--pf-ease)}.pf-case-back:hover,.pf-case-index{color:var(--portfolio-orange)}.pf-case-index{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;letter-spacing:var(--pf-tracking-label);text-transform:uppercase;margin:0 0 1rem}.pf-case-index__mark{width:26px;height:1px;background:var(--portfolio-orange)}.pf-case-index span[aria-hidden]{color:var(--case-faint)}.pf-case-title{font-size:clamp(3rem,7vw,6rem);line-height:.92;color:var(--case-cream);margin:0 0 clamp(1rem,2vw,1.5rem);max-width:15ch}.pf-case-thesis{font-size:clamp(1.05rem,.5vw + .95rem,1.3rem);line-height:1.5;color:var(--case-muted);max-width:46ch;margin:0 0 clamp(1.75rem,3vw,2.5rem)}.pf-case-meta{margin:0;display:grid;border-top:1px solid var(--case-line);max-width:32rem}.pf-case-meta__row{display:grid;grid-template-columns:8rem minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--case-line)}.pf-case-meta__row dt{font-size:.7rem;letter-spacing:var(--pf-tracking-label);text-transform:uppercase;color:var(--case-faint);align-self:center}.pf-case-meta__row dd{margin:0;font-size:.92rem;line-height:1.4;color:var(--case-cream);align-self:center}.pf-case-meta__row dd a{color:var(--pf-cobalt-300);text-decoration:none}.pf-case-meta__row dd a:hover{color:var(--portfolio-orange)}.pf-case-hero__visual{position:relative;z-index:1;margin:0;min-width:0}.pf-case-frame{position:relative;border:1px solid var(--case-line-strong);background:var(--case-panel);-webkit-clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));overflow:hidden}.pf-case-frame__img{display:block;width:100%;height:auto}.pf-case-evidence{padding-block:0;border-bottom:1px solid var(--case-line);background:var(--pf-ink-900)}.pf-case-evidence__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--case-line)}.pf-case-ev{display:flex;flex-direction:column;gap:.4rem;padding:clamp(1.2rem,2.4vw,1.9rem) clamp(1.1rem,2vw,1.6rem);background:var(--pf-ink-900)}.pf-case-ev__value{font-family:var(--pf-font-display);font-weight:400;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.2;color:var(--case-cream);overflow-wrap:break-word}.pf-case-ev__label{font-size:.7rem;letter-spacing:var(--pf-tracking-label);text-transform:uppercase;color:var(--portfolio-orange)}.pf-case-ev__detail{font-size:.82rem;line-height:1.45;color:var(--case-faint)}.pf-case-body{padding-block:clamp(3rem,6vw,5.5rem)}.pf-case-body__grid{display:grid;grid-template-columns:168px minmax(0,1fr);grid-gap:clamp(2rem,5vw,5rem);gap:clamp(2rem,5vw,5rem);align-items:start}.pf-case-body__chapters{min-width:0}.pf-case-rail{position:-webkit-sticky;position:sticky;top:calc(var(--pf-header-height) + 1.75rem)}.pf-case-rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-left:1px solid var(--case-line)}.pf-case-rail__link{display:flex;align-items:baseline;gap:.6rem;padding:.5rem 0 .5rem .9rem;margin-left:-1px;border-left:1px solid transparent;text-decoration:none;color:var(--case-faint);transition:color .18s var(--pf-ease),border-color .18s var(--pf-ease)}.pf-case-rail__num{font-size:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--case-faint)}.pf-case-rail__label{font-size:.82rem;letter-spacing:.02em}.pf-case-rail__link:hover{color:var(--case-cream)}.pf-case-rail__link.is-active{color:var(--case-cream);border-left-color:var(--portfolio-orange)}.pf-case-rail__link.is-active .pf-case-rail__num{color:var(--portfolio-orange)}.pf-chap{padding-block:clamp(1.75rem,4vw,3rem);border-top:1px solid var(--case-line)}.pf-chap:first-child{border-top:none;padding-top:0}.pf-chap__head{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(1.1rem,2vw,1.6rem)}.pf-chap__num{font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--portfolio-orange);padding-top:.4rem}.pf-chap__title{font-size:clamp(2rem,3.6vw,3rem);line-height:1;color:var(--case-cream);margin:0}.pf-case-p{color:rgba(243,236,221,.82);font-size:clamp(1rem,.3vw + .95rem,1.18rem);line-height:1.7;max-width:68ch;margin:0 0 1.1rem}.pf-case-p:last-child{margin-bottom:0}.pf-case-lead{color:rgba(243,236,221,.92);font-size:clamp(1.25rem,1vw + 1rem,2rem);line-height:1.42;max-width:36ch;margin:0 0 1.25rem}.pf-scope{list-style:none;margin:0;padding:0;border-top:1px solid var(--case-line);max-width:72ch}.pf-scope__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--case-line);align-items:start}.pf-scope__num{font-size:.78rem;font-weight:700;color:var(--pf-cobalt-300);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:.15rem}.pf-scope__text{display:flex;flex-direction:column;gap:.25rem}.pf-scope__label{font-weight:700;color:var(--case-cream);font-size:.95rem;letter-spacing:.01em}.pf-scope__detail{color:var(--case-muted);font-size:.92rem;line-height:1.55}.pf-arch{margin:0 0 clamp(1.5rem,3vw,2rem)}.pf-arch__panel{position:relative;padding:clamp(1.6rem,3vw,2.5rem);background:linear-gradient(180deg,rgba(16,33,56,.55),rgba(9,19,31,.55));border:1px solid var(--case-line-strong);-webkit-clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));overflow:hidden}.pf-arch__gridlines{position:absolute;inset:0;background:url(/portfolio/motifs/blueprint-grid.svg) repeat;background-size:180px 180px;opacity:.22;pointer-events:none}.pf-arch__corner{position:absolute;width:14px;height:14px;border:1px solid var(--case-cyan);opacity:.7}.pf-arch__corner--tl{top:13px;left:13px;border-right:none;border-bottom:none}.pf-arch__corner--br{bottom:13px;right:13px;border-left:none;border-top:none}.pf-arch__plate{position:absolute;top:15px;right:22px;font-size:.64rem;letter-spacing:.14em;color:var(--case-cyan);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-arch__flow{position:relative;max-width:540px;margin-inline:auto}.pf-arch__flow,.pf-arch__step{display:flex;flex-direction:column;align-items:center}.pf-arch__step{width:100%}.pf-arch__node{width:100%;border:1px solid var(--case-line-strong);background:rgba(12,26,43,.9);padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.55rem;-webkit-clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.pf-arch__node--data{border-color:rgba(183,243,74,.5)}.pf-arch__node-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--case-cyan)}.pf-arch__node--data .pf-arch__node-label{color:var(--portfolio-lime)}.pf-arch__node-techs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.pf-arch__node-techs li{font-size:.82rem;color:var(--case-cream);padding:.14rem .5rem;border:1px solid var(--case-line)}.pf-arch__arrow{color:var(--portfolio-orange);display:grid;place-items:center}.pf-arch__arrow svg{width:20px;height:34px}.pf-arch__delivery{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--case-line);display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.pf-arch__delivery-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--case-faint)}.pf-arch__branches{display:flex;gap:.6rem;flex-wrap:wrap}.pf-arch__branch{font-size:.82rem;color:var(--case-cream);border:1px solid var(--case-line-strong);padding:.3rem .75rem;-webkit-clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.pf-arch__cap{margin-top:.9rem;font-size:.8rem;color:var(--case-faint);line-height:1.5}.pf-stackspec{margin:clamp(1.25rem,2.5vw,1.75rem) 0 0;display:grid;border-top:1px solid var(--case-line);max-width:68ch}.pf-stackspec__row{display:grid;grid-template-columns:12rem minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--case-line)}.pf-stackspec__cat{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-cobalt-300);margin:0;align-self:center}.pf-stackspec__items{margin:0;font-size:.92rem;color:var(--case-cream);align-self:center}.pf-delivered{list-style:none;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0;display:grid;grid-gap:.65rem;gap:.65rem;max-width:68ch}.pf-delivered li{display:grid;grid-template-columns:1.4rem 1fr;grid-gap:.6rem;gap:.6rem;color:var(--case-muted);font-size:.95rem;line-height:1.5}.pf-delivered__mark{color:var(--portfolio-lime);font-weight:700}.pf-nextcase{display:block;position:relative;padding-inline:var(--pf-gutter);padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--case-line);background:var(--pf-ink-900);text-decoration:none;overflow:hidden}.pf-nextcase__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);grid-gap:clamp(1.5rem,4vw,3.5rem);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.pf-nextcase__eyebrow{font-size:.75rem;letter-spacing:var(--pf-tracking-label);text-transform:uppercase;color:var(--portfolio-orange)}.pf-nextcase__title{font-size:clamp(2.6rem,6vw,5rem);line-height:.96;color:var(--case-cream);margin:.6rem 0 .8rem}.pf-nextcase__teaser{color:var(--case-muted);font-size:1rem;line-height:1.55;max-width:48ch;margin:0 0 1.2rem}.pf-nextcase__cta{display:inline-flex;align-items:center;gap:.5rem;color:var(--case-cream);font-weight:600}.pf-nextcase__cta span{display:inline-block;transition:transform .18s var(--pf-ease)}.pf-nextcase:hover .pf-nextcase__cta{color:var(--portfolio-orange)}.pf-nextcase:hover .pf-nextcase__cta span{transform:translateX(4px)}.pf-nextcase__visual{position:relative;min-width:0}.pf-nextcase__visual img{width:100%;max-height:300px;object-fit:cover;display:block;border:1px solid var(--case-line-strong);-webkit-clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:opacity .18s var(--pf-ease)}.pf-nextcase:hover .pf-nextcase__visual img{opacity:.9}.pf-nextcase__mark{display:grid;place-items:center;font-family:var(--pf-font-display);font-size:clamp(4rem,12vw,9rem);color:rgba(126,162,255,.2);border:1px solid var(--case-line);aspect-ratio:16/10}.pf-case-contact{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--case-line);background:var(--case-navy)}.pf-case-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.pf-case-contact__lead{font-family:var(--pf-font-display);font-weight:400;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.04;color:var(--case-cream);margin:0;max-width:24ch}.pf-case-contact__cta{color:var(--portfolio-orange);text-decoration:none}.pf-case-contact__cta span{display:inline-block;transition:transform .18s var(--pf-ease)}.pf-case-contact__cta:hover span{transform:translateX(4px)}.pf-case-contact__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pf-case-contact__email{color:var(--case-cream);text-decoration:none;font-size:.95rem}.pf-case-contact__email:hover{color:var(--portfolio-orange)}.pf-case-contact__sep{width:1px;height:1rem;background:var(--case-line-strong)}.pf-case-contact__social{color:var(--case-faint);text-decoration:none;font-size:.85rem;letter-spacing:.04em}.pf-case-contact__social:hover{color:var(--pf-cobalt-300)}.pf-case-missing{padding-block:8rem;text-align:center}.pf-case-missing h1{font-size:clamp(2.5rem,6vw,4rem);margin:0 0 1.5rem}@media (max-width:1024px){.pf-case-body__grid{grid-template-columns:minmax(0,1fr);gap:0}.pf-case-body__rail{margin-bottom:clamp(1.5rem,4vw,2.25rem)}.pf-case-rail{position:static}.pf-case-rail ol{flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line);padding:.5rem 0;gap:.25rem 1.5rem}.pf-case-rail__link{border-left:none;padding:.3rem 0;margin-left:0}.pf-case-rail__link.is-active{border-left:none}}@media (max-width:900px){.pf-case-evidence__grid{grid-template-columns:repeat(2,1fr)}.pf-case-hero__inner{grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,5vw,2.5rem)}.pf-case-hero__visual{order:2}}@media (max-width:767px){.pf-case-title{font-size:clamp(3rem,15vw,5rem);max-width:100%}.pf-case-meta__row{grid-template-columns:6.5rem minmax(0,1fr)}.pf-nextcase__inner{grid-template-columns:minmax(0,1fr)}.pf-nextcase__visual{order:-1}.pf-case-contact__inner{flex-direction:column;align-items:flex-start}.pf-stackspec__row{grid-template-columns:minmax(0,1fr);gap:.25rem;padding:.85rem 0}}@media (max-width:480px){.pf-case-evidence__grid{grid-template-columns:1fr}.pf-case-meta__row{grid-template-columns:minmax(0,1fr);gap:.2rem;padding:.65rem 0}.pf-scope__item{grid-template-columns:2rem minmax(0,1fr);gap:.75rem}}