/* Petrer LAB / Portfolio. Native layouts, three distinct client directions. */
.portfolio{padding-top:94px;padding-bottom:100px}.portfolio .section-heading>p{max-width:350px;font-size:13px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{min-width:0}.portfolio-card>a{display:block}.portfolio-cover{overflow:hidden;border-radius:8px;background:#eee4d6;border:1px solid #d4d5c8}.portfolio-cover-logo{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:15px;min-height:93px}.portfolio-cover-logo img{width:133px;height:48px;object-fit:contain;object-position:left center}.portfolio-cover-logo span{font-size:9px;letter-spacing:.06em}.portfolio-cover>img{width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .3s}.portfolio-card>a:hover .portfolio-cover>img{transform:scale(1.025)}.pf-luma{background:#f6efe4;color:#30221e}.pf-nido{background:#f1ece2;color:#484f3a}.pf-nexo{background:#edf1f6;color:#193d91}.portfolio-caption{padding-top:18px}.portfolio-caption>span{font-size:10px;color:var(--muted)}.portfolio-caption h3{font-size:27px;margin-top:8px}.portfolio-caption p{font-size:12px;color:var(--muted);margin-top:10px}.portfolio-card-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-top:19px;padding:12px 0;border-bottom:1px solid var(--line)}.portfolio-card-link>span{font-size:21px}.portfolio-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:800px}.case-project-route{font-size:12px;font-weight:700;text-align:right;margin-top:20px}.case-project-route a{display:inline-flex;align-items:center;gap:13px;min-height:44px;text-decoration:underline}.case-brandmark{width:120px;height:35px;object-fit:contain;object-position:left center}.sample-product .portfolio-sample-photo{aspect-ratio:1.05;object-fit:cover;width:100%;border-radius:4px;max-height:195px}#case-luma .case-preview{background:#eee2d3;border-color:#d9c9b5}#case-luma .sample-surface{background:#fffaf1}#case-luma .sample-chat .answer{background:#30221e}#case-nido .case-preview{background:#e1e3d5}#case-nido .sample-next{background:#484f3a}#case-nexo .case-preview{background:#e0e7f2;border-color:#c2cede}#case-nexo .sample-order-top strong{color:#193d91}#case-nexo .sample-owner>span{background:#d4def1;color:#193d91}
.project-header{max-width:1440px;margin:auto;padding:23px var(--pad);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.project-header .project-home img{width:190px;height:auto}.project-header>a:last-child{font-size:13px;font-weight:600;min-height:44px;display:flex;align-items:center;gap:10px}.project-header>a:last-child:hover{text-decoration:underline}.project-intro{padding-top:58px;padding-bottom:35px}.project-intro .eyebrow{font-size:10px}.project-title-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:23px}.project-title-row h1{font-size:clamp(65px,8vw,116px);margin:0;line-height:1;letter-spacing:-.06em}.project-title-row>p{font-size:19px;color:var(--muted);max-width:540px;line-height:1.65}.project-facts{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:28px;border-top:1px solid var(--line);margin:36px 0 0;padding-top:23px}.project-facts dt{font-size:10px;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.project-facts dd{font-size:13px;margin:0}.project-jumps{display:flex;gap:26px;border-bottom:1px solid var(--line);padding-top:13px;padding-bottom:14px;font-size:12px;font-weight:600}.project-jumps a{padding:10px 0;min-height:44px}.project-jumps a:hover{text-decoration:underline}
.project-visual{display:grid;grid-template-columns:.88fr 1.12fr;min-height:490px;margin-top:30px;overflow:hidden;border-radius:5px}.pv-copy{padding:46px 38px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:40px}.pv-copy img{width:180px;height:64px;object-fit:contain;object-position:left center}.pv-copy h2{font-size:clamp(37px,4.7vw,67px);line-height:1.03;letter-spacing:-.045em}.pv-copy>span{font-size:10px;letter-spacing:.1em}.project-visual>img{width:100%;height:100%;object-fit:cover;min-width:0}.pv-luma{background:#f1ddc7;color:#30221e}.pv-nido{background:#484f3a;color:#f1ece2}.pv-nido h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.pv-nexo{background:#193d91;color:#edf1f6}.project-visual-caption{font-size:10px;color:var(--muted);margin-top:11px}.work-section{padding-top:87px;scroll-margin-top:0}.work-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:30px}.work-heading h2{font-size:clamp(30px,3.3vw,46px);margin-top:17px;max-width:550px}.work-heading>p{font-size:14px;color:var(--muted);max-width:490px}.work-heading .eyebrow{font-size:10px}.identity-board{border:1px solid #d4d6c7;border-radius:5px;overflow:hidden}.identity-board img{width:100%;height:auto}.asset-meta{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:16px;font-size:11px;color:var(--muted);line-height:1.7}.asset-meta>p{max-width:640px}.asset-actions{display:flex;gap:19px;flex-wrap:wrap;flex:none}.asset-actions a{color:var(--ink);font-weight:600;text-decoration:underline;min-height:36px;display:flex;align-items:center}.identity-downloads{display:flex;gap:24px;align-items:center;margin-top:16px;font-size:12px}.identity-downloads a{text-decoration:underline;min-height:44px;display:flex;align-items:center}.identity-downloads p{font-size:11px;color:var(--muted);margin:0}
.design-preview{overflow:hidden;border:1px solid #c8cfc1;border-radius:8px;background:#fffdf7}.design-window{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 23px;border-bottom:1px solid #d9ded2;background:#e8ecdf;color:#53634d;font-size:10px}.design-window>span:first-child{display:flex;gap:6px;align-items:center}.design-window i{width:5px;height:5px;border-radius:50%;background:#98a58c;display:block}.design-window>span:last-child{font-size:9px}.client-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 29px;gap:20px}.client-nav>img{width:124px;height:43px;object-fit:contain;object-position:left}.client-nav>div{display:flex;gap:25px;font-size:11px}.client-nav>span{font-size:11px}.web-luma{background:#fffaf2;color:#30221e}.luma-web-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;border-top:1px solid #e3d7c8}.luma-web-copy{padding:45px 42px}.client-eyebrow{font-size:9px;letter-spacing:.11em;font-weight:600}.luma-web-copy h3{font-size:clamp(30px,4vw,56px);line-height:1.04;margin:22px 0 20px;max-width:500px}.luma-web-copy>p{font-size:13px;max-width:330px}.mock-action{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:43px;padding:12px 18px;margin-top:24px;font-size:11px;font-weight:600;border:1px solid currentColor}.luma-web-copy .mock-action{background:#b54229;color:#fffaf2;border-color:#b54229}.luma-web-hero>img{width:100%;height:100%;object-fit:cover;min-height:400px}.luma-web-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #e3d7c8;padding:24px 29px;gap:25px}.luma-web-bottom>div{font-size:11px;line-height:1.6}.luma-web-bottom strong{display:block;font-weight:600;margin-bottom:5px}.luma-web-bottom p{font-size:10px;color:#685c51}
.web-nido{background:#f4eee4;color:#484f3a}.web-nido .client-nav{border-bottom:1px solid #d4d5c7}.nido-web-hero{display:grid;grid-template-columns:1.1fr 1fr}.nido-web-hero>img{width:100%;height:100%;min-height:448px;object-fit:cover}.nido-web-copy{padding:42px 44px;align-self:center}.nido-web-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,4.5vw,64px);font-weight:400;line-height:1.04;margin:24px 0}.nido-web-copy>p{font-size:13px;line-height:1.75;max-width:330px}.nido-web-copy .mock-action{background:#484f3a;color:#f4eee4;border-color:#484f3a}.nido-web-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 30px;border-top:1px solid #d4d5c7;font-size:12px}.nido-web-bottom>div{display:flex;gap:22px}.nido-web-bottom span{font-size:10px;display:flex;align-items:center;gap:10px}.nido-web-bottom b{font-weight:400;color:#9a7359;font-family:Georgia;font-size:20px}
.web-nexo{display:grid;grid-template-columns:180px minmax(0,1fr);background:#f1f4f8;color:#172f59;min-height:520px}.nexo-sidebar{background:#193d91;color:#edf1f6;padding:27px 22px;display:flex;flex-direction:column;gap:28px}.nexo-sidebar img{width:119px;height:39px;object-fit:contain;object-position:left}.nexo-sidebar>div{display:flex;flex-direction:column;gap:9px}.nexo-sidebar>div>span{padding:11px 13px;font-size:11px}.nexo-sidebar .selected{background:#ffffff1d;border-left:3px solid #f07836}.nexo-sidebar>small{margin-top:auto;font-size:9px;color:#bdcce6}.nexo-dashboard{padding:30px;min-width:0}.nexo-dashboard-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.nexo-dashboard-top h3{font-size:29px;margin-top:9px;letter-spacing:-.04em}.nexo-avatar{font-size:10px;background:#dbe4f4;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}.nexo-dashboard-note{font-size:11px;color:#5e6d84;margin-top:12px}.nexo-status-key{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 17px;font-size:10px}.nexo-status-key>span{border:1px solid #c4d0e3;border-radius:4px;padding:6px 10px;background:#fff}.nexo-status-key>span:first-child{background:#193d91;color:#fff;border-color:#193d91}.nexo-table{border-collapse:collapse;width:100%;background:#fff;font-size:11px}.nexo-table th{text-align:left;font-size:9px;font-weight:600;color:#66748a;background:#e6ecf4;padding:12px}.nexo-table td{padding:17px 12px;border-bottom:1px solid #e0e6ef;vertical-align:top}.nexo-table td>strong{font-size:12px;font-weight:600;display:block}.nexo-table td>small{font-size:9px;color:#68758c;display:block;margin-top:3px}.nexo-pill{display:inline-block;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.nexo-pill.wait{background:#fff0d8;color:#865427}.nexo-pill.review{background:#e3eaf7;color:#294979}.nexo-pill.ready{background:#e3eddf;color:#415b39}.nexo-check{margin-top:22px;padding:15px 17px;background:#e2e9f4;border-left:3px solid #f07836;font-size:11px;line-height:1.65}.nexo-check strong{font-weight:600}
.design-note{display:flex;justify-content:space-between;gap:30px;margin-top:15px;font-size:11px;color:var(--muted)}.design-note>p{max-width:620px}.communication-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.communication-grid figure{min-width:0}.communication-grid figure>img{width:100%;height:auto;border:1px solid #cfd3c5;border-radius:4px}.communication-grid figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:11px;line-height:1.6;padding-top:16px;color:var(--muted)}.communication-grid figcaption>span{max-width:65%}.communication-grid figcaption a{text-decoration:underline;color:var(--ink);font-weight:600;min-height:40px;display:flex;align-items:center}.project-scope{margin-top:42px;padding:26px 30px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px;border-radius:6px}.project-scope h3{font-family:Manrope;font-size:12px;font-weight:700;letter-spacing:0;margin-bottom:10px}.project-scope p{font-size:12px;color:var(--muted);line-height:1.75}.project-ending{margin-top:84px;padding:42px;background:var(--lime);display:flex;justify-content:space-between;align-items:center;gap:35px;border-radius:7px}.project-ending h2{font-size:37px}.project-ending p{font-size:12px;margin-top:14px;max-width:480px}.project-ending>.button{flex:none}.project-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:45px 0 60px;gap:25px}.project-next small{font-size:10px;display:block;margin-bottom:9px;color:var(--muted)}.project-next strong{font-family:Space;font-size:31px;font-weight:500}.project-next>span{font-size:35px}.project-next:hover strong{text-decoration:underline}.project-footer{padding:25px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}
@media(max-width:1100px){.portfolio-grid{gap:18px}.portfolio-cover-logo{padding:17px}.portfolio-cover-logo img{width:112px}.portfolio-cover-logo span{font-size:8px}.project-title-row>p{font-size:17px}.project-visual{min-height:420px}.pv-copy{padding:33px 28px}.pv-copy img{width:150px}.luma-web-copy{padding:32px}.nido-web-copy{padding:32px}.nexo-dashboard{padding:24px}.web-nexo{grid-template-columns:155px minmax(0,1fr)}.nexo-sidebar{padding:23px 17px}.nexo-table th,.nexo-table td{padding:12px 9px}.nexo-table{font-size:10px}}
@media(max-width:800px){.portfolio{padding-top:60px;padding-bottom:65px}.portfolio .section-heading{display:block}.portfolio .section-heading>p{max-width:550px;margin-top:18px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-card>a{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.portfolio-cover-logo{min-height:78px}.portfolio-cover-logo img{width:116px;height:40px}.portfolio-cover>img{aspect-ratio:1.4}.portfolio-caption{padding:0}.portfolio-caption h3{font-size:30px}.portfolio-caption p{font-size:12px}.portfolio-card-link{margin-top:13px}.case-project-route{text-align:left}.project-header{padding-top:17px;padding-bottom:17px}.project-header .project-home img{width:170px}.project-intro{padding-top:40px}.project-title-row{gap:25px}.project-title-row h1{font-size:77px}.project-title-row>p{font-size:15px}.project-facts{gap:20px}.project-facts dd{font-size:12px}.project-jumps{gap:22px;font-size:11px}.project-visual{grid-template-columns:1fr;min-height:0}.pv-copy{padding:28px 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.pv-copy img{width:137px;height:49px}.pv-copy h2{font-size:43px;grid-column:2;grid-row:1/3}.pv-copy>span{font-size:8px}.project-visual>img{height:auto;aspect-ratio:1.7;object-fit:cover}.work-section{padding-top:60px}.work-heading{gap:30px}.work-heading>p{font-size:13px}.work-heading h2{font-size:35px}.asset-meta{flex-direction:column;gap:9px}.asset-actions{gap:22px}.identity-downloads{flex-direction:column;align-items:start;gap:2px}.client-nav{padding:17px 23px}.client-nav>div{gap:16px;font-size:10px}.client-nav>span{font-size:10px}.luma-web-copy{padding:28px}.luma-web-copy h3{font-size:34px}.luma-web-copy>p{font-size:12px}.luma-web-hero>img{min-height:340px}.luma-web-bottom{padding:20px 23px;gap:20px}.nido-web-copy{padding:26px}.nido-web-copy h3{font-size:43px}.nido-web-copy>p{font-size:12px}.nido-web-hero>img{min-height:370px}.nido-web-bottom{padding:20px 23px;gap:16px;flex-wrap:wrap}.nido-web-bottom>div{gap:17px}.web-nexo{grid-template-columns:1fr;min-height:0}.nexo-sidebar{flex-direction:row;justify-content:space-between;align-items:center;padding:17px 23px;gap:20px}.nexo-sidebar>div{flex-direction:row;gap:9px}.nexo-sidebar>div>span{padding:7px 8px;font-size:10px}.nexo-sidebar>small{display:none}.nexo-sidebar img{width:110px;height:36px}.nexo-table{font-size:11px}.nexo-table th,.nexo-table td{padding:13px 10px}.nexo-dashboard{padding:25px}.design-note{flex-direction:column;gap:8px}.communication-grid{gap:20px}.project-scope{padding:24px;gap:25px}.project-ending{padding:32px;margin-top:60px}.project-ending h2{font-size:30px}.project-ending>.button{font-size:12px;padding:13px 17px;gap:15px}.project-footer{font-size:9px}}
@media(max-width:540px){.portfolio-card>a{display:block}.portfolio-cover-logo{padding:18px 21px}.portfolio-cover-logo img{width:135px;height:46px}.portfolio-cover-logo span{font-size:9px}.portfolio-cover>img{aspect-ratio:1.3}.portfolio-caption{padding-top:18px}.portfolio-caption h3{font-size:28px}.portfolio-grid{gap:36px}.portfolio-note{font-size:10px}.case-project-route{font-size:11px}.sample-product .portfolio-sample-photo{aspect-ratio:1.65;max-height:180px}.project-header .project-home img{width:145px}.project-header>a:last-child{font-size:12px;gap:6px}.project-header{gap:15px}.project-intro .eyebrow{font-size:8px;letter-spacing:.07em}.project-title-row{grid-template-columns:1fr;gap:22px;margin-top:22px}.project-title-row h1{font-size:78px}.project-title-row>p{font-size:15px;line-height:1.7}.project-facts{grid-template-columns:1fr;gap:17px;margin-top:29px;padding-top:22px}.project-facts>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px}.project-facts dt{font-size:9px;margin:0;padding-top:2px}.project-facts dd{font-size:11px}.project-jumps{gap:18px;justify-content:space-between;font-size:10px;padding-top:0;padding-bottom:8px}.project-visual{margin-top:22px}.pv-copy{padding:25px 22px;grid-template-columns:1fr;gap:22px}.pv-copy img{width:145px;height:51px}.pv-copy h2{font-size:42px;grid-column:auto;grid-row:auto}.pv-copy>span{font-size:8px}.project-visual>img{aspect-ratio:1.3}.project-visual-caption{font-size:9px}.work-heading{grid-template-columns:1fr;gap:17px;margin-bottom:24px}.work-heading h2{font-size:31px;margin-top:14px}.work-heading>p{font-size:13px}.work-heading .eyebrow{font-size:9px}.asset-meta{font-size:10px;gap:9px}.asset-actions{gap:18px}.identity-downloads{font-size:11px}.identity-downloads p{font-size:10px}.design-window{padding:11px 14px;font-size:9px;gap:10px}.design-window>span:last-child{font-size:8px}.client-nav{padding:16px}.client-nav>img{width:108px;height:36px}.client-nav>div{display:none}.client-nav>span{font-size:9px}.luma-web-hero,.nido-web-hero{grid-template-columns:1fr}.luma-web-copy{padding:28px 22px}.client-eyebrow{font-size:8px}.luma-web-copy h3{font-size:37px;margin:17px 0}.luma-web-copy>p{font-size:12px}.luma-web-hero>img{min-height:0;aspect-ratio:1.3;height:auto}.mock-action{font-size:10px;min-height:41px;padding:11px 14px;margin-top:20px}.luma-web-bottom{grid-template-columns:1fr;padding:20px 22px;gap:16px}.luma-web-bottom>div+div{border-top:1px solid #e3d7c8;padding-top:14px}.luma-web-bottom>div{font-size:11px}.luma-web-bottom p{font-size:10px}.nido-web-hero>img{min-height:0;aspect-ratio:1.25;height:auto}.nido-web-copy{padding:28px 22px}.nido-web-copy h3{font-size:47px;margin:20px 0}.nido-web-bottom{padding:21px 22px;font-size:11px;gap:18px}.nido-web-bottom>div{width:100%;justify-content:space-between;gap:9px}.nido-web-bottom span{font-size:9px;gap:6px}.nido-web-bottom b{font-size:16px}.nexo-sidebar{padding:17px 18px;flex-wrap:wrap;gap:17px}.nexo-sidebar img{width:116px;height:38px}.nexo-sidebar>div{width:100%;justify-content:space-between;gap:5px}.nexo-sidebar>div>span{font-size:9px;padding:7px}.nexo-dashboard{padding:22px 18px}.nexo-dashboard-top h3{font-size:27px}.nexo-dashboard-note{font-size:11px}.nexo-status-key{font-size:9px;gap:6px;margin:20px 0 16px}.nexo-status-key>span{padding:5px 7px}.nexo-table,.nexo-table tbody,.nexo-table tr,.nexo-table td{display:block}.nexo-table{background:transparent}.nexo-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nexo-table tr{background:#fff;border:1px solid #d6dfeb;border-radius:5px;margin-bottom:12px;padding:9px 13px}.nexo-table td{padding:9px 0;border-bottom:1px solid #e0e6ef;font-size:11px}.nexo-table td:last-child{border:0}.nexo-table td:before{content:attr(data-label);display:block;font-size:9px;color:#6d788b;margin-bottom:4px}.nexo-table td>strong{font-size:12px}.nexo-table td>small{font-size:9px}.nexo-pill{font-size:10px}.nexo-check{font-size:11px;padding:13px 14px;margin-top:18px}.design-note{font-size:10px}.communication-grid{grid-template-columns:1fr;gap:30px}.communication-grid figcaption{font-size:10px;padding-top:12px;gap:15px}.project-scope{grid-template-columns:1fr;padding:22px;gap:23px;margin-top:32px}.project-scope p{font-size:12px}.project-ending{padding:28px 23px;display:block;margin-top:55px}.project-ending h2{font-size:32px}.project-ending p{font-size:12px}.project-ending>.button{margin-top:25px;width:100%}.project-next{padding:24px 0;margin:32px 0 45px}.project-next strong{font-size:28px}.project-next>span{font-size:29px}.project-footer{flex-direction:column;gap:10px;font-size:9px}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}