body.dp-portfolio-page{margin:0;background:#fafbf8;color:#17231b;font:16px/1.6 Inter,system-ui,sans-serif}.dp-portfolio-page *{box-sizing:border-box}.dp-portfolio{min-width:0}.pf-wrap{width:min(1280px,100%);margin:auto;padding:0 40px}.pf-hero{padding:40px 0 28px;background:#eed630;border-bottom:1px solid #20372920}.pf-eyebrow{margin:0 0 16px;font-size:12px;letter-spacing:.14em;font-weight:700}.pf-hero h1{margin:0;max-width:900px;font-size:clamp(34px,4vw,48px);line-height:1.1;letter-spacing:-.045em}.pf-hero p:not(.pf-eyebrow){max-width:980px;margin:18px 0 0;font-size:18px}.pf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.pf-btn{display:inline-flex;align-items:center;min-height:46px;padding:11px 18px;border:1px solid #203729;background:#203729;color:white;text-decoration:none;font-weight:650;border-radius:3px}.pf-btn.pf-secondary{background:transparent;color:#17231b}.pf-jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.pf-jump a,.dp-portfolio a:not(.pf-image-link):not(.pf-btn){color:#203729;text-underline-offset:4px}.pf-controls{padding:28px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.pf-filter{display:flex;flex-wrap:wrap;gap:8px}.pf-filter button{border:1px solid #b8c6ba;border-radius:3px;padding:10px 14px;min-height:44px;font:600 14px/1.4 Inter,system-ui,sans-serif;background:white;color:#203729;cursor:pointer}.pf-filter button[aria-pressed="true"]{background:#203729;color:white;border-color:#203729}.pf-status{font-size:14px;margin:0}.pf-section{padding:38px 0 44px;border-bottom:1px solid #dce3dd;scroll-margin-top:calc(var(--header-offset) + 20px)}.pf-section h2{margin:0 0 12px;font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em}.pf-intro{max-width:780px;margin:0 0 26px;color:#46574a}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.pf-card{margin:0;min-width:0}.pf-image-link{display:block;background:#e8eee8;border-radius:5px;overflow:hidden}.pf-card picture{display:block;aspect-ratio:16/10}.pf-card img{display:block;width:100%;height:100%;object-fit:contain}.pf-card figcaption{padding:12px 0 0;font-size:14px;line-height:1.45}.pf-card figcaption span{display:block;margin-top:5px;font-size:12px;color:#56685b}.pf-help{padding:50px 0 65px}.pf-help h2{font-size:32px;line-height:1.2;margin:0 0 18px}.pf-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.pf-help p{max-width:740px}.pf-note{font-size:14px;color:#46574a}.pf-dialog{width:min(1200px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:18px;border:1px solid #64786b;border-radius:5px;background:#fafbf8;color:#17231b;overflow:auto}.pf-dialog::backdrop{background:#08100cd9}.pf-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.pf-dialog h2{font:650 18px/1.4 Inter,system-ui,sans-serif;margin:0}.pf-dialog button{font:600 14px/1.4 Inter,system-ui,sans-serif;padding:10px 14px;min-height:44px;background:white;color:#203729;border:1px solid #a9b8ad;border-radius:3px;cursor:pointer}.pf-dialog button:disabled{opacity:.5;cursor:default}.pf-preview{margin:18px 0;min-height:80px;text-align:center}.pf-preview img{display:block;max-width:100%;width:auto;max-height:65dvh;height:auto;object-fit:contain;margin:auto}.pf-dialog-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.pf-dialog-actions a{color:#203729;text-underline-offset:4px}.pf-prevnext{display:flex;gap:8px}.dp-portfolio :focus-visible,.pf-dialog :focus-visible{outline:3px solid #a37807;outline-offset:4px}.dp-portfolio [hidden],.pf-dialog [hidden]{display:none!important}.pf-dialog-status{font-size:13px;color:#46574a;margin:8px 0 0}@media(max-width:900px){.pf-wrap{padding:0 24px}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-hero{padding:48px 0 36px}.pf-help-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.pf-wrap{padding:0 20px}.pf-grid{grid-template-columns:1fr;gap:25px}.pf-hero{padding:36px 0 30px}.pf-hero p:not(.pf-eyebrow){font-size:16px}.pf-section{padding:30px 0}.pf-help{padding:36px 0 44px}.pf-help h2{font-size:26px}.pf-dialog{padding:14px}.pf-dialog h2{font-size:16px}.pf-dialog-head{gap:10px}.pf-filter button{font-size:13px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.dp-portfolio *,.pf-dialog *{scroll-behavior:auto}}