/* Product references: the same editorial language as the rest of OriginK. */
body[data-page=portfolio]{background:#fff}
.pf-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding-top:62px;padding-bottom:56px;align-items:center}
.pf-hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.07;letter-spacing:-.045em;white-space:pre-line;max-width:650px}
.pf-hero .lead{font-size:17px;max-width:490px;margin:25px 0 27px}
.pf-hero .eyebrow{font-size:12px;letter-spacing:.14em;display:flex;gap:10px;align-items:center}
.pf-dot{width:7px;height:7px;background:#617b62;border-radius:50%;display:inline-block}
.pf-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.pf-hero-actions .text-link{border-bottom:1px solid #a5b0b3;padding:8px 0}
.pf-mosaic{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:400px;margin:0}
.pf-mosaic figure{margin:0;position:relative;overflow:hidden;background:#f0f2ef}
.pf-mosaic figure:first-child{grid-row:1/3}
.pf-mosaic img{display:block;width:100%;height:100%;object-fit:cover}
.pf-mosaic figure:first-child img{object-fit:contain;background:#eef1f1}
.pf-mosaic figcaption{position:absolute;left:12px;bottom:12px;background:#fffffff0;padding:5px 10px;font-size:11px;color:#263c40;line-height:1.4}
.pf-proof{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pf-proof p{margin:0;font-size:13px;max-width:760px}.pf-proof strong{font-weight:500;color:var(--ink)}
.pf-proof a{font-size:13px;white-space:nowrap;border-bottom:1px solid #a5b0b3}
.pf-collection{padding-top:60px;padding-bottom:65px;scroll-margin-top:25px}
.pf-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:29px}.pf-section-head h2{font-size:36px}.pf-section-head p{margin:9px 0 0;font-size:15px}
.pf-tabs{display:flex;gap:8px;flex-shrink:0}.pf-tabs button{background:#fff;border:1px solid var(--line);border-radius:2px;padding:10px 15px;color:var(--muted);font-size:13px}.pf-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.pf-controls{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:12px;padding:20px;background:#f3f5f3;border:1px solid #e4e9e5}
.pf-controls label{display:block;font-size:11px;letter-spacing:.06em;color:#4e605c}.pf-controls input,.pf-controls select{display:block;width:100%;border:1px solid #d7dfda;background:white;color:var(--ink);border-radius:2px;font-size:14px;padding:11px 12px;min-height:46px;margin-top:5px}.pf-controls input:focus,.pf-controls select:focus{outline:2px solid var(--blue);outline-offset:2px}
.pf-results{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px;margin:7px 0}.pf-results p{margin:0;font-size:13px}.pf-reset{border:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:10px;font-size:13px}
.pf-results>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pf-order{font-size:12px;color:var(--muted)}.pf-highlight-note{font-size:13px;color:var(--muted);margin:-10px 0 20px}.pf-card h3{overflow-wrap:anywhere}
.pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 23px}
.pf-card{min-width:0}.pf-card button{display:block;width:100%;text-align:left;border:0;padding:0;background:none;color:var(--ink)}
.pf-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f2f3f1;border:1px solid #e9ece8}
.pf-card-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease}
.pf-card button:hover img{transform:scale(1.035)}.pf-card button:hover h3{text-decoration:underline;text-underline-offset:4px}
.pf-card-category{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#65766d;display:block;margin:17px 0 7px}
.pf-card h3{font-size:18px;line-height:1.35;letter-spacing:-.025em}.pf-brand{color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0 13px;overflow-wrap:anywhere}
.pf-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:#4f625b;gap:8px}.pf-card-arrow{font-size:19px;color:var(--ink)}
.pf-more{text-align:center;margin-top:40px}.pf-more p{font-size:12px}.pf-more button{background:white;border:1px solid var(--ink);padding:13px 35px;color:var(--ink);border-radius:2px}
.pf-empty{grid-column:1/-1;padding:65px 20px;text-align:center;background:#f5f7f4}.pf-empty h3{font-size:25px}.pf-empty p{font-size:15px}
.pf-cta{background:#eef2ed;border-top:1px solid #dbe3d9;border-bottom:1px solid #dbe3d9}
.pf-cta-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;padding-top:58px;padding-bottom:58px;align-items:center}.pf-cta h2{font-size:38px;line-height:1.15;max-width:500px}.pf-cta p{max-width:530px;font-size:16px}.pf-cta ol{list-style:none;padding:0;margin:0}.pf-cta li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #cdd7ce;align-items:start;font-size:14px}.pf-cta li span:first-child{font-size:13px;color:#4f625b;padding-top:3px}.pf-cta li strong{font-weight:500;display:block}.pf-cta li small{color:var(--muted);font-size:12px}
.pf-dialog{width:min(940px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;color:var(--ink);background:#fff;box-shadow:0 24px 100px #10282035;overflow:auto}.pf-dialog::backdrop{background:#14251ee0;backdrop-filter:blur(3px)}
.pf-dialog-layout{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.pf-detail-image{display:flex;align-items:center;background:#f2f3ef;padding:22px}.pf-detail-image img{width:100%;height:auto;max-height:480px;object-fit:contain}.pf-detail-body{padding:47px 32px 32px}.pf-dialog-close{position:absolute;right:12px;top:10px;z-index:1;border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px;font-size:23px;line-height:1;color:var(--ink)}
.pf-detail-body h2{font-size:30px;line-height:1.16;letter-spacing:-.035em}.pf-detail-body .pf-card-category{margin-top:0}.pf-detail-body .pf-brand{margin-top:11px;font-size:14px}.pf-detail-body dl{margin:26px 0}.pf-detail-body dl>div{border-top:1px solid var(--line);padding:11px 0}.pf-detail-body dt{font-size:11px;color:var(--muted);margin-bottom:3px}.pf-detail-body dd{margin:0;font-size:14px}.pf-detail-body .button{width:100%;text-align:center;font-size:14px}.pf-detail-note{font-size:12px;line-height:1.6;margin:15px 0 0}.pf-detail-note a{text-decoration:underline}.pf-source{font-size:11px;color:#63756a;margin-top:20px}
.pf-reference-banner{background:#edf2ed;border:1px solid #d0dbd2;padding:16px 20px;margin:0 0 24px;display:flex;gap:15px;align-items:center;font-size:14px}.pf-reference-banner img{width:58px;height:58px;object-fit:contain}.pf-reference-banner small{display:block;color:var(--muted)}
@media(min-width:1600px){.pf-hero{gap:85px}.pf-mosaic{height:435px}}
@media(max-width:1050px){.pf-hero{gap:28px}.pf-hero h1{font-size:48px}.pf-mosaic{height:350px}.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-controls{grid-template-columns:repeat(3,1fr)}.pf-search{grid-column:1/-1}.pf-cta-inner{gap:35px}}
@media(max-width:760px){.pf-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:32px}.pf-hero h1,html[lang=es] .pf-hero h1{font-size:43px}.pf-hero .lead{margin:20px 0;font-size:16px}.pf-mosaic{height:320px;max-width:600px}.pf-proof{display:block;padding-top:18px;padding-bottom:18px}.pf-proof a{display:inline-block;margin-top:9px}.pf-collection{padding-top:36px;padding-bottom:40px}.pf-section-head{display:block;margin-bottom:20px}.pf-section-head h2{font-size:29px}.pf-tabs{margin-top:18px}.pf-controls{padding:14px;gap:12px;grid-template-columns:1fr 1fr}.pf-search{grid-column:1/-1}.pf-controls label:last-child{grid-column:1/-1}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.pf-card h3{font-size:16px}.pf-card-category{font-size:13px;margin-top:12px}.pf-brand{font-size:13px}.pf-card-bottom{font-size:13px}.pf-cta-inner{grid-template-columns:1fr;gap:28px;padding-top:35px;padding-bottom:35px}.pf-cta h2{font-size:31px}.pf-dialog-layout{grid-template-columns:1fr}.pf-detail-image{padding:15px}.pf-detail-image img{max-height:270px}.pf-detail-body{padding:25px}.pf-dialog-close{position:sticky;float:right;margin:10px 10px -46px 0;top:10px}.pf-detail-body h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.pf-card-image img{transition:none}html{scroll-behavior:auto}}

.pf-form-note{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}
