.dist-pf{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;border:1px solid var(--color-line);border-radius:var(--r-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-md)}@media (max-width:980px){.dist-pf{grid-template-columns:1fr}}.dist-pf-media{position:relative;margin:0;min-height:100%;aspect-ratio:4/3;background:var(--color-sunken);overflow:hidden}@media (min-width:981px){.dist-pf-media{aspect-ratio:auto}}.dist-pf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-smooth)}.dist-pf-img.is-on{opacity:1}.dist-pf-lines{list-style:none;margin:0;padding:0;counter-reset:none;display:flex;flex-direction:column}.dist-pf-lines li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:clamp(10px,1vw,12px) clamp(18px,2.4vw,28px);cursor:default;transition:background .3s var(--ease-smooth)}.dist-pf-lines li+li{border-top:1px solid var(--color-line)}@media (hover:hover) and (pointer:fine){.dist-pf-lines li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent);transform:scaleY(0);transform-origin:center;transition:transform .35s var(--ease-smooth)}}.dist-pf-lines li.is-active:before{transform:scaleY(1)}.dist-pf-lines li.is-active{background:var(--color-sunken)}.dist-pf-lines li:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-sm)}.dist-pf-n{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:var(--ls-label);color:var(--color-text-3);padding-top:3px;transition:color .3s var(--ease-smooth)}.dist-pf-lines li.is-active .dist-pf-n{color:var(--color-accent)}.dist-pf-lines h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h5);letter-spacing:var(--ls-body);line-height:1.25;color:var(--color-text);margin:0 0 5px}.dist-pf-lines p{font-size:var(--fs-sm);line-height:1.55;color:var(--color-text-muted);margin:0}.dist-pf-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center;margin-top:clamp(20px,2.6vh,28px)}@media (max-width:860px){.dist-pf-foot{grid-template-columns:1fr;gap:20px}}.dist-pf-note{font-size:var(--fs-body);line-height:1.6;color:var(--color-text-muted);margin:0;max-width:58ch}.dist-pf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}#portfolio{padding-top:clamp(28px,3.1vh,52px);padding-bottom:clamp(28px,3.1vh,52px)}#portfolio .section-intro{margin-bottom:clamp(20px,2.6vh,34px)}.dist-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px);margin:0 0 clamp(40px,6vh,72px);padding-bottom:clamp(28px,4vh,44px);border-bottom:1px solid var(--color-line)}@media (max-width:860px){.dist-stats{grid-template-columns:repeat(2,1fr);gap:28px 20px}}.dist-stat{display:flex;flex-direction:column-reverse;gap:6px;min-width:0}.dist-stat-n{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(1.875rem,3.4vw,3rem);line-height:1;letter-spacing:var(--ls-display);color:var(--color-text);font-variant-numeric:tabular-nums}.dist-stat-l{font-size:var(--fs-sm);font-weight:500;line-height:1.35;color:var(--color-text-2)}.dist-why{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:clamp(28px,4.5vw,64px);align-items:center}@media (max-width:980px){.dist-why{grid-template-columns:1fr;gap:32px}}.dist-why-lede{font-size:var(--fs-lede);line-height:1.55;font-weight:500;margin:0 0 18px}.dist-why-body,.dist-why-lede{color:var(--color-text-muted);max-width:62ch}.dist-why-body{font-size:var(--fs-body);line-height:1.65;margin:0 0 14px}.dist-why-proof{color:var(--color-text-2,#666);margin-bottom:28px}.dist-credential{position:relative;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-lg);padding:clamp(24px,2.8vw,32px);box-shadow:var(--shadow-md)}.dist-credential header{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-family:var(--font-bebas);font-size:10px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-accent)}.dist-credential-seal{width:20px;height:20px;flex-shrink:0}.dist-credential dl{margin:0}.dist-credential dl>div{padding:15px 0;border-top:1px solid var(--color-line)}.dist-credential dl>div:last-child{padding-bottom:0}.dist-credential dt{font-family:var(--font-bebas);font-size:10px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2)}.dist-credential dd{margin:7px 0 0;font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);line-height:1.3;color:var(--color-text)}