.pf-hero-section{border-bottom:1px solid var(--rule);grid-template-columns:1fr;min-height:100dvh;padding:0;display:grid;position:relative}@media (min-width:768px){.pf-hero-section{grid-template-columns:1fr 1fr}}.pf-hero-left{flex-direction:column;justify-content:flex-end;padding:120px clamp(24px,5vw,80px) clamp(64px,10vw,120px);display:flex}.pf-hero-mascota{background:var(--raised);border-left:1px solid var(--rule);justify-content:center;align-items:center;overflow:hidden}.pf-eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.pf-eyebrow:before{content:"";background:var(--muted);width:24px;height:1px;display:block}.pf-hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cream);max-width:900px;margin-bottom:clamp(32px,4vw,56px);font-size:clamp(56px,8vw,136px);line-height:.9}.pf-counter-row{border-top:1px solid var(--rule);align-items:baseline;gap:24px;padding-top:32px;display:flex}.pf-counter-num{font-family:var(--font-display);color:var(--cream);letter-spacing:-.03em;font-size:clamp(64px,8vw,128px);line-height:1}.pf-counter-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.pf-counter-label strong{color:var(--cream);letter-spacing:0;text-transform:none;font-size:14px;font-family:var(--font-body);font-weight:500}.pf-filter-bar{border-bottom:1px solid var(--rule);align-items:center;gap:0;padding:0 clamp(24px,5vw,80px);display:flex;overflow-x:auto}.pf-filter-btn{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:24px 32px;font-size:11px;transition:all .2s}.pf-filter-btn:hover{color:var(--cream)}.pf-filter-btn.pf-active{color:var(--cream);border-bottom-color:var(--cream)}.pf-grid-section{min-height:60dvh;padding:clamp(48px,6vw,80px) clamp(24px,5vw,80px)}.pf-portfolio-grid{grid-template-columns:repeat(12,1fr);gap:2px;display:grid}.pf-case-card{cursor:pointer;background:var(--raised);transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pf-case-card:hover{z-index:10}.pf-case-card.pf-large{grid-column:span 8}.pf-case-card.pf-medium{grid-column:span 6}.pf-case-card.pf-small{grid-column:span 4}.pf-case-thumb-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.pf-case-card.pf-large .pf-case-thumb-wrap{aspect-ratio:16/9}.pf-case-thumb{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.pf-case-card:hover .pf-case-thumb{transform:scale(1.04)}.pf-thumb-eleven{background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 50%,#1c1c1c 100%);position:relative;overflow:hidden}.pf-thumb-eleven:before{content:"ELEVEN";font-family:var(--font-display);color:#f0ede812;letter-spacing:-.02em;font-size:clamp(40px,6vw,80px);position:absolute}.pf-thumb-eleven:after{content:"";background:radial-gradient(circle at 60% 40%,#f0ede80d 0%,#0000 60%);position:absolute;inset:0}.pf-thumb-jpr{background:linear-gradient(135deg,#080808 0%,#1c1c1c 50%,#0d0d0d 100%);position:relative;overflow:hidden}.pf-thumb-jpr:before{content:"JPR";font-family:var(--font-display);color:#e8272a1f;letter-spacing:.05em;font-size:clamp(48px,7vw,96px);position:absolute}.pf-thumb-jpr:after{content:"";background:radial-gradient(circle at 40% 60%,#e8272a14 0%,#0000 60%);position:absolute;inset:0}.pf-thumb-coming{background:var(--raised);flex-direction:column;justify-content:center;align-items:center;display:flex}.pf-thumb-coming-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rule);font-size:10px}.pf-case-overlay{opacity:0;background:#0e0e0eb3;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;inset:0}.pf-case-card:hover .pf-case-overlay{opacity:1}.pf-case-info{opacity:0;width:100%;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;transform:translateY(12px)}.pf-case-card:hover .pf-case-info{opacity:1;transform:translateY(0)}.pf-case-category{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.pf-case-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(20px,2.5vw,32px);line-height:1.1}.pf-case-desc{color:var(--muted);font-size:13px;line-height:1.5}.pf-case-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pf-case-client{color:var(--cream);font-size:13px;font-weight:500}.pf-case-client.pf-placeholder{color:var(--rule)}.pf-case-year{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.pf-case-year.pf-placeholder{color:var(--rule)}.pf-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#0e0e0eeb;justify-content:center;align-items:center;padding:clamp(24px,5vw,64px);transition:opacity .3s;display:flex;position:fixed;inset:0}.pf-modal-overlay.pf-open{opacity:1;pointer-events:all}.pf-modal{background:var(--raised);border:1px solid var(--rule);width:100%;max-width:1000px;max-height:90dvh;transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:scale(.96)}.pf-modal-overlay.pf-open .pf-modal{transform:scale(1)}.pf-modal-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding:32px 40px;display:flex}.pf-modal-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10px}.pf-modal-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:clamp(28px,3.5vw,48px);line-height:1}.pf-modal-close{border:1px solid var(--rule);color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.pf-modal-close:hover{border-color:var(--cream);color:var(--cream)}.pf-modal-thumb-wrap{aspect-ratio:16/9;overflow:hidden}.pf-modal-thumb{width:100%;height:100%;font-family:var(--font-display);letter-spacing:-.02em;color:#f0ede80f;background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 50%,#1c1c1c 100%);justify-content:center;align-items:center;font-size:80px;display:flex}.pf-modal-body{padding:40px}.pf-modal-meta{border-bottom:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;margin-bottom:40px;padding-bottom:40px;display:grid}.pf-modal-meta-item{flex-direction:column;gap:6px;display:flex}.pf-modal-meta-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.pf-modal-meta-val{color:var(--cream);font-size:14px;font-weight:500}.pf-modal-desc{color:var(--muted);margin-bottom:32px;font-size:16px;line-height:1.8}.pf-modal-metrics{border:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:40px;display:grid}.pf-modal-metric{background:var(--ink);border-right:1px solid var(--rule);padding:24px}.pf-modal-metric:last-child{border-right:none}.pf-modal-metric-val{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:40px;line-height:1}.pf-modal-metric-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:10px}.pf-modal-stack-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:10px}.pf-stack-tags{flex-wrap:wrap;gap:8px;display:flex}.pf-stack-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);border:1px solid var(--rule);padding:6px 12px;font-size:11px}.pf-contact-section{border-bottom:1px solid var(--rule);padding:clamp(80px,12vw,160px) clamp(24px,5vw,80px)}.pf-contact-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin-bottom:clamp(48px,6vw,80px);font-size:11px;display:flex}.pf-contact-label:before{content:"";background:var(--muted);width:24px;height:1px;display:block}.pf-contact-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cream);margin-bottom:clamp(48px,6vw,80px);font-size:clamp(40px,5.5vw,96px);line-height:.95}.pf-contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(48px,6vw,96px);display:grid}.pf-contact-ig-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pf-contact-ig-handle{font-family:var(--font-mono);letter-spacing:.1em;color:var(--cream);font-size:12px}.pf-contact-ig-link{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:11px;text-decoration:none;transition:color .2s}.pf-contact-ig-link:hover{color:var(--cream)}.pf-ig-feed-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.pf-ig-post{aspect-ratio:1;background:var(--raised);cursor:pointer;transition:opacity .2s;position:relative;overflow:hidden}.pf-ig-post:hover{opacity:.75}.pf-ig-post:after{content:"";border:1px solid #3a3a3a80;position:absolute;inset:0}.pf-ig-feed-note{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rule);margin-top:12px;font-size:9px}.pf-response-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);align-items:center;gap:10px;margin-bottom:40px;padding:8px 16px;font-size:11px;display:inline-flex}.pf-badge-dot{background:var(--cream);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pf-contact-items{flex-direction:column;margin-bottom:48px;display:flex}.pf-contact-item{border-bottom:1px solid var(--rule);color:var(--cream);align-items:center;gap:20px;padding:20px 0;text-decoration:none;display:flex}.pf-contact-item:first-child{border-top:1px solid var(--rule)}.pf-contact-item-icon{border:1px solid var(--rule);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pf-contact-item-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px}.pf-contact-item-val{color:var(--cream);font-size:15px;font-weight:500}.pf-contact-item-arrow{color:var(--rule);margin-left:auto;font-size:18px;transition:transform .2s,color .2s}.pf-contact-item:hover .pf-contact-item-arrow{color:var(--cream);transform:translate(4px)}.pf-contact-cta-block{flex-direction:column;gap:20px;display:flex}.pf-contact-cta-question{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:clamp(24px,2.8vw,40px);line-height:1}.pf-contact-cta-note{font-family:var(--font-mono);letter-spacing:.1em;color:var(--rule);font-size:10px}.pf-btn-cta-form{background:var(--cream);color:var(--ink);border:1px solid var(--cream);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;align-self:flex-start;align-items:center;padding:16px 40px;font-size:11px;text-decoration:none;transition:all .2s;display:inline-flex}.pf-btn-cta-form:hover{background:#e0ddd8;border-color:#e0ddd8}.pf-empty-state{text-align:center;padding:96px 24px}.pf-empty-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rule);margin-bottom:16px;font-size:11px}.pf-empty-text{font-family:var(--font-display);color:var(--muted);letter-spacing:-.02em;font-size:32px}.pf-fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.pf-fade-up.pf-visible{opacity:1;transform:translateY(0)}.pf-fade-up.pf-d1{transition-delay:80ms}.pf-fade-up.pf-d2{transition-delay:.16s}.pf-fade-up.pf-d3{transition-delay:.24s}@media (max-width:768px){.pf-case-card.pf-large,.pf-case-card.pf-medium,.pf-case-card.pf-small{grid-column:span 12}.pf-modal-metrics{grid-template-columns:1fr}}@media (max-width:900px){.pf-contact-grid{grid-template-columns:1fr}}.pf-thumb-screenshot{z-index:1;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.pf-case-card:hover .pf-thumb-screenshot{transform:scale(1.04)}.pf-case-overlay{z-index:2}.pf-case-link-hint{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cream);opacity:.7;margin-top:12px;font-size:11px}.pf-modal-thumb-wrap{position:relative}.pf-modal-thumb-img{object-fit:cover;object-position:top}.pf-modal-url-link{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;transition:text-decoration-color .2s;color:var(--cream)!important}.pf-modal-url-link:hover{-webkit-text-decoration-color:var(--cream);text-decoration-color:var(--cream)}.pf-modal-visit-btn{border:1px solid var(--cream);color:var(--cream);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:40px;padding:14px 28px;font-size:12px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pf-modal-visit-btn:hover{background:var(--cream);color:var(--ink)}