@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap");.pf-section{background:var(--pf-bg);font-family:DM Sans,sans-serif;padding:8rem 2rem 6rem;position:relative}.pf-header{align-items:flex-end;border-bottom:1px solid var(--pf-line);display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto 3.5rem;max-width:1200px;padding-bottom:1.5rem}.pf-label{color:var(--pf-muted);font-size:.67rem;letter-spacing:.3em;margin:0 0 .5rem;text-transform:uppercase}.pf-title{color:var(--pf-heading);font-size:clamp(3.2rem,7vw,5.8rem);letter-spacing:.04em;line-height:.93;margin:0}.pf-count,.pf-title{font-family:Bebas Neue,sans-serif}.pf-count{color:var(--pf-muted);font-size:.95rem;letter-spacing:.16em;padding-bottom:.3rem;white-space:nowrap}.pf-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1200px}.pf-card{aspect-ratio:4/3;background:var(--pf-card-bg);border:1px solid rgba(24,50,41,.08);cursor:pointer;opacity:1;outline:none;overflow:hidden;position:relative;transform:translateZ(0);transition:box-shadow .4s ease,transform .4s cubic-bezier(.23,1,.32,1)}.pf-card:focus-visible,.pf-card:hover{box-shadow:0 22px 64px var(--ccg,rgba(0,0,0,.3));transform:translateY(-4px) scale(1.01)}.pf-card.pf-anim{opacity:0;transform:translateY(16px)}.pf-card.pf-anim.pf-in{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s cubic-bezier(.23,1,.32,1),box-shadow .4s ease}.pf-card.pf-featured{aspect-ratio:16/7;grid-column:1/-1}.pf-card:after{border:1px solid transparent;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .3s;z-index:6}.pf-card:focus-visible:after,.pf-card:hover:after{border-color:hsla(0,0%,100%,.2)}.pf-card:focus-visible{outline:3px solid var(--cc,var(--pf-accent));outline-offset:2px}.pf-color-bg{inset:0;opacity:.55;position:absolute;transition:opacity .4s ease;z-index:0}.pf-card:hover .pf-color-bg{opacity:.7}.pf-card:not(:has(.pf-card-img:not(.pf-no-img))) .pf-color-bg{opacity:1}.pf-stripe{height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.23,1,.32,1) .2s;z-index:5}.pf-card.pf-in .pf-stripe,.pf-card:not(.pf-anim) .pf-stripe{transform:scaleX(1)}.pf-card-img{filter:grayscale(100%) brightness(.65);height:100%;object-fit:cover;transform:scale(1) translateZ(0);transition:filter .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.pf-card-img,.pf-no-img{inset:0;position:absolute;z-index:1}.pf-no-img{align-items:center;display:flex;justify-content:center}.pf-card:focus-visible .pf-card-img,.pf-card:hover .pf-card-img{filter:grayscale(0) brightness(.85);transform:scale(1.05) translateZ(0)}.pf-overlay{background:linear-gradient(0deg,rgba(5,12,9,.96) 0,rgba(5,12,9,.4) 50%,rgba(5,12,9,.05));inset:0;position:absolute;transition:background .4s ease;z-index:2}.pf-card:focus-visible .pf-overlay,.pf-card:hover .pf-overlay{background:linear-gradient(0deg,#050c09 0,rgba(5,12,9,.5) 50%,rgba(5,12,9,.03))}.pf-tag{background:var(--cc,var(--pf-accent));color:var(--cct,#111);font-size:.59rem;font-weight:600;left:1.1rem;letter-spacing:.2em;opacity:0;padding:.3rem .7rem;position:absolute;text-transform:uppercase;top:1.1rem;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;z-index:4}.pf-card:focus-visible .pf-tag,.pf-card:hover .pf-tag{opacity:1;transform:translateY(0)}.pf-badge{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);color:hsla(45,35%,93%,.9);font-size:.55rem;font-weight:600;letter-spacing:.2em;padding:.28rem .65rem;text-transform:uppercase}.pf-badge,.pf-card-logo-wrap{position:absolute;right:1.1rem;top:1.1rem;z-index:4}.pf-card-logo-wrap{opacity:0;transform:translateY(-4px);transition:opacity .3s ease .05s,transform .3s ease .05s}.pf-card:focus-visible .pf-card-logo-wrap,.pf-card:hover .pf-card-logo-wrap{opacity:1;transform:translateY(0)}.pf-card-logo{filter:brightness(0) invert(1);height:24px;max-width:80px;object-fit:contain;opacity:.85;width:auto}.pf-info{bottom:0;display:flex;flex-direction:column;gap:.2rem;left:0;padding:1.6rem;position:absolute;right:0;z-index:3}.pf-card-client{color:var(--cc,hsla(45,35%,93%,.55));font-size:.62rem;font-weight:500;letter-spacing:.18em;margin:0 0 .15rem;opacity:0;text-transform:uppercase;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.pf-card:focus-visible .pf-card-client,.pf-card:hover .pf-card-client{opacity:1;transform:translateY(0)}.pf-card-title{color:var(--pf-card-txt);font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,2.9vw,2.5rem);letter-spacing:.05em;line-height:.97;margin:0;transform:translateY(5px);transition:transform .4s ease}.pf-card:focus-visible .pf-card-title,.pf-card:hover .pf-card-title{transform:translateY(0)}.pf-card-sub{color:hsla(45,35%,93%,.68);font-size:.77rem;font-weight:400;letter-spacing:.04em;margin:0;opacity:0;transform:translateY(6px);transition:opacity .3s ease .06s,transform .3s ease .06s}.pf-card:focus-visible .pf-card-sub,.pf-card:hover .pf-card-sub{opacity:1;transform:translateY(0)}.pf-card-year{color:hsla(45,35%,93%,.35);font-size:.65rem;font-style:italic;font-weight:300;letter-spacing:.06em;margin:0;opacity:0;transform:translateY(4px);transition:opacity .3s ease .1s,transform .3s ease .1s}.pf-card:focus-visible .pf-card-year,.pf-card:hover .pf-card-year{opacity:1;transform:translateY(0)}.pf-cta{align-items:center;background:var(--cc,var(--pf-accent));border-radius:50%;bottom:1.3rem;display:flex;height:2.5rem;justify-content:center;opacity:0;position:absolute;right:1.3rem;transform:scale(.65) rotate(-40deg);transition:opacity .28s ease .08s,transform .35s cubic-bezier(.34,1.56,.64,1) .08s;width:2.5rem;z-index:4}.pf-card:focus-visible .pf-cta,.pf-card:hover .pf-cta{opacity:1;transform:scale(1) rotate(0)}.pf-cta svg{height:13px;stroke:var(--cct,#111);width:13px}.pf-backdrop{align-items:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:rgba(4,10,7,0);display:none;inset:0;justify-content:center;padding:1.5rem;position:fixed;transition:background .38s ease,backdrop-filter .38s ease;z-index:9999}.pf-backdrop.pf-show{display:flex}.pf-backdrop.pf-open{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(4,10,7,.8)}.pf-modal{background:#ecf5eb;border-top:4px solid transparent;box-shadow:0 50px 130px rgba(0,0,0,.38),0 14px 36px rgba(0,0,0,.18);max-height:90vh;max-width:860px;opacity:0;overflow-y:auto;position:relative;transform:translateY(28px) scale(.97);transition:opacity .4s ease,transform .42s cubic-bezier(.34,1.15,.64,1);width:100%}.pf-backdrop.pf-open .pf-modal{opacity:1;transform:translateY(0) scale(1)}.pf-modal::-webkit-scrollbar{width:4px}.pf-modal::-webkit-scrollbar-track{background:transparent}.pf-modal::-webkit-scrollbar-thumb{background:var(--mc,rgba(24,50,41,.2));border-radius:2px}.pf-modal-hero{background:#1a2e22;min-height:60px;overflow:hidden;position:relative;transition:background-color .4s ease;width:100%}.pf-mhero-img{display:block;filter:brightness(.88);height:300px;object-fit:cover;transition:filter .3s ease;width:100%}.pf-mhero-img:hover{filter:brightness(1)}.pf-modal-hero-overlay{background:linear-gradient(0deg,rgba(20,40,28,.5),transparent);bottom:0;height:60%;left:0;pointer-events:none;position:absolute;right:0}.pf-modal-bar{background:transparent;height:0;position:relative;transition:background .35s ease;width:100%;z-index:2}.pf-modal-logo-wrap{bottom:1.2rem;left:1.5rem;position:absolute;z-index:3}.pf-mhero-logo{background:rgba(0,0,0,.25);filter:brightness(0) invert(1);height:36px;max-width:120px;object-fit:contain;opacity:.9;padding:.4rem .7rem;width:auto}.pf-modal-body{padding:2rem 2.5rem 3rem}.pf-modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.9rem}.pf-modal-tag{background:var(--mc,var(--pf-accent));color:var(--mct,#111);font-size:.59rem;font-weight:600;letter-spacing:.2em;padding:.28rem .65rem;text-transform:uppercase}.pf-modal-year{color:var(--pf-muted);font-size:.7rem;letter-spacing:.1em}.pf-modal-client-name{border-left:2px solid var(--mc,var(--pf-line));color:var(--mc,var(--pf-muted));font-size:.68rem;font-weight:500;letter-spacing:.16em;margin-left:.1rem;padding-left:.65rem;text-transform:uppercase}.pf-modal-title{color:var(--pf-text);font-family:Bebas Neue,sans-serif;font-size:clamp(2.3rem,5vw,3.8rem);letter-spacing:.04em;line-height:.96;margin:0 0 .4rem}.pf-modal-sub{color:var(--pf-muted);font-size:.9rem;letter-spacing:.03em;margin:0 0 .9rem}.pf-modal-desc{color:var(--pf-muted);font-size:.93rem;font-weight:300;line-height:1.9;margin:0 0 1.5rem}.pf-modal-img2-wrap{margin-bottom:1.5rem}.pf-modal-img2{display:block;filter:brightness(.9);max-height:240px;object-fit:cover;width:100%}.pf-divider{border:none;border-top:1px solid var(--pf-line);margin-bottom:1.5rem}.pf-modal-details{display:grid;gap:1.1rem 2.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.pf-det{display:flex;flex-direction:column;gap:.22rem}.pf-det-l{color:var(--pf-muted);font-size:.57rem;letter-spacing:.22em;margin:0;text-transform:uppercase}.pf-det-v{color:var(--pf-text);font-size:.92rem;font-weight:500;line-height:1.4;margin:0}.pf-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pf-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.13em;line-height:1;padding:.8rem 1.6rem;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s,transform .2s}.pf-btn:hover{transform:translateY(-2px)}.pf-btn:active{transform:translateY(0)}.pf-primary{background:var(--mc,#183229);color:var(--mct,#f4f7f1)}.pf-primary:hover{background:var(--mcs,#0f241c);color:var(--mct,#f4f7f1)}.pf-ghost{background:transparent;border:1px solid rgba(24,50,41,.22);color:var(--pf-text)}.pf-ghost:hover{background:var(--mcg,rgba(24,50,41,.05));border-color:var(--mc,rgba(24,50,41,.4))}.pf-close{align-items:center;background:rgba(15,32,22,.85);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:hsla(0,0%,100%,.88);cursor:pointer;display:flex;height:2.2rem;justify-content:center;padding:0;position:absolute;right:.9rem;top:.9rem;transition:background .2s,transform .3s cubic-bezier(.34,1.56,.64,1);width:2.2rem;z-index:10}.pf-close:hover{background:rgba(8,18,12,.96);transform:rotate(90deg)}.pf-close svg{height:12px;width:12px}@media (max-width:900px){.pf-section{padding:7rem 1.5rem 5rem}.pf-card.pf-featured{aspect-ratio:16/9}}@media (max-width:700px){.pf-section{padding:6rem 1rem 4rem}.pf-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:2rem}.pf-grid{gap:8px;grid-template-columns:1fr}.pf-card,.pf-card.pf-featured{aspect-ratio:4/3;grid-column:1}.pf-info{padding:1.2rem}.pf-cta{bottom:.9rem;height:2.2rem;right:.9rem;width:2.2rem}.pf-modal-details{gap:1rem;grid-template-columns:1fr}.pf-modal-body{padding:1.4rem 1.4rem 2rem}.pf-mhero-img{height:200px}}@media (max-width:480px){.pf-backdrop{align-items:flex-end;padding:0}.pf-modal{border-radius:0;max-height:96vh}}