/* ZIV — curated portfolio */
.selected-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:50px;align-items:stretch}
.selected-project{min-width:0}
.project-cover{display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--project-paper);color:var(--project-ink);border:1px solid #00000008;border-radius:20px;padding:24px 26px;text-decoration:none;height:100%;transition:transform .35s,box-shadow .35s}
.project-cover:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000012}
.project-cover:focus-visible{outline:3px solid #0813ff;outline-offset:5px}
.project-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.project-open{display:grid;place-items:center;width:32px;height:32px;border:1px solid #0003;border-radius:50%;font-size:20px;line-height:1}
.project-browser{background:#fff9;border:1px solid #ffffffa6;border-radius:9px 9px 0 0;overflow:hidden;box-shadow:0 12px 28px #0002;transition:transform .6s;transform:rotate(-1deg);transform-origin:bottom}
.project-cover:hover .project-browser{transform:rotate(0) translateY(-3px)}
.browser-dots{display:block;padding:2px 10px;font-size:12px;letter-spacing:3px;line-height:17px;color:#0006;background:#f8f8f8}
.project-browser img{display:block;width:100%;aspect-ratio:1.32;height:auto;object-fit:cover;object-position:top;background:#f8f8f8}
.project-caption{margin-top:22px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.project-caption h3{font:600 23px/1 Arial,sans-serif;letter-spacing:-1px;margin:0}
.project-caption p{font-size:11px;line-height:1.5;max-width:19ch;text-align:right;margin:0;opacity:.8}
.selected-project .project-cover{min-height:470px}
.portfolio-section-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:24px;border-top:1px solid #0002;font-size:12px;line-height:1.7}
.portfolio-section-foot p{color:#726e6a}.portfolio-section-foot a{font-weight:600}.portfolio-section-foot a span{margin-left:18px}
.portfolio-page{margin:0;background:#ece6e8;color:#171717;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.portfolio-page *{box-sizing:border-box}
.portfolio-page a{color:inherit;text-decoration:none}
.portfolio-page button{font:inherit}
.portfolio-page p,.portfolio-page h1,.portfolio-page h2,.portfolio-page h3{margin:0}
.portfolio-page .portfolio-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.portfolio-page .portfolio-header{padding-block:32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0002}
.portfolio-page .portfolio-logo{font-weight:900;font-size:42px;letter-spacing:-3px;display:flex;align-items:center;gap:8px}
.portfolio-page .portfolio-logo span{font-size:11px;letter-spacing:-.3px;font-weight:600}
.portfolio-page .portfolio-header nav{display:flex;align-items:center;gap:30px;font-size:12px}
.portfolio-page .studio-button{display:inline-flex;justify-content:space-between;gap:24px;align-items:center;min-height:50px;padding:16px 23px;border:1px solid #171717;background:#171717;color:white;border-radius:8px;font-size:12px;font-weight:600;transition:transform .25s}
.portfolio-page .studio-button:hover{transform:translateY(-3px)}
.portfolio-page .portfolio-hero{padding-block:84px 64px}
.portfolio-page .portfolio-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;text-transform:uppercase}
.portfolio-page h1{font-size:clamp(56px,7.6vw,104px);letter-spacing:-.065em;font-weight:500;line-height:1.02;margin:25px 0}
.portfolio-page h1 em{font-family:Georgia,serif;font-weight:400}
.portfolio-page .portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}
.portfolio-page .portfolio-intro p{font-size:16px;line-height:1.7;color:#6c6367;max-width:48ch}
.portfolio-page .portfolio-count{font-size:11px;line-height:1.8;white-space:nowrap;text-align:right}
.portfolio-page .portfolio-count strong{display:block;font-size:48px;font-weight:400;letter-spacing:-3px;line-height:1.1}
.portfolio-page .portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;border-block:1px solid #0002;margin-bottom:30px}
.portfolio-page .portfolio-filters{display:flex;flex-wrap:wrap;gap:7px}
.portfolio-page .portfolio-filters button{padding:12px 17px;min-height:44px;border:1px solid #0002;border-radius:50px;background:transparent;font-size:11px;cursor:pointer}
.portfolio-page .portfolio-filters button[aria-pressed="true"]{background:#171717;color:#fff;border-color:#171717}
.portfolio-page .portfolio-status{font-size:11px;color:#6c6367}
.portfolio-page .portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}
.portfolio-page .project-cover{height:auto;padding:26px}
.portfolio-page .project-browser img{aspect-ratio:1.7;object-fit:cover}
.portfolio-page .project-caption{margin-top:24px}
.portfolio-page .project-caption h3{font-size:28px}
.portfolio-page .project-description{padding:20px 4px 0}
.portfolio-page .project-description p{font-size:13px;line-height:1.8;max-width:52ch;color:#6c6367}
.portfolio-page .project-description ul{list-style:none;padding:0;display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 0}
.portfolio-page .project-description li{font-size:9px;border:1px solid #0002;padding:7px 10px;border-radius:50px}
.portfolio-page .published-work{margin-top:90px;padding-block:50px;border-top:1px solid #0002}
.portfolio-page .published-work h2{font-size:clamp(30px,4vw,50px);font-weight:500;letter-spacing:-2px;margin:16px 0 28px}
.portfolio-page .project-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.portfolio-page .project-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #0002;padding:22px 0;font-size:12px}
.portfolio-page .project-type{font-size:10px;opacity:.65}
.portfolio-page .project-action{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}
.portfolio-page .project-action svg{width:14px;height:14px}
.portfolio-page .portfolio-end{padding:70px 0;margin-top:26px;border-top:1px solid #0002;display:flex;justify-content:space-between;align-items:center;gap:35px}
.portfolio-page .portfolio-end h2{font-size:clamp(36px,5vw,66px);font-weight:500;line-height:1.1;letter-spacing:-3px;max-width:17ch}
.portfolio-page .portfolio-end p{font-size:13px;line-height:1.8;color:#6c6367;margin-top:20px;max-width:44ch}
.portfolio-page .portfolio-footer{border-top:1px solid #0002;padding:24px 0 32px;font-size:10px;display:flex;justify-content:space-between;gap:20px;color:#6c6367}
.portfolio-page [hidden]{display:none!important}
.portfolio-page :focus-visible{outline:3px solid #0813ff;outline-offset:5px}
@media(max-width:900px){.selected-projects{gap:15px;grid-template-columns:1fr 1fr}.selected-project .project-cover{min-height:430px;padding:20px}.selected-project .project-browser img{aspect-ratio:1.45}.project-caption{display:block}.project-caption h3{font-size:23px}.project-caption p{text-align:left;max-width:none;margin-top:8px}.portfolio-page .portfolio-toolbar{align-items:flex-start;flex-direction:column}.portfolio-page .portfolio-grid{gap:36px 18px}.portfolio-page .project-cover{padding:20px}.portfolio-page .project-list{grid-template-columns:1fr}.portfolio-page .project-caption h3{font-size:24px}.portfolio-page .portfolio-header nav{gap:18px}.portfolio-page .portfolio-end{align-items:start;flex-direction:column}}
@media(max-width:540px){.selected-projects{grid-template-columns:1fr;margin-top:32px}.selected-project .project-cover{min-height:0;padding:22px}.selected-project .project-browser img{aspect-ratio:1.5}.project-caption{display:flex}.project-caption p{text-align:right;max-width:18ch;margin:0;font-size:10px}.project-label{margin-bottom:18px}.portfolio-section-foot{align-items:start;flex-direction:column;gap:18px}.portfolio-page .portfolio-wrap{width:calc(100% - 36px)}.portfolio-page .portfolio-header{padding-block:20px}.portfolio-page .portfolio-logo{font-size:36px}.portfolio-page .portfolio-header nav>a:first-child{display:none}.portfolio-page .studio-button{padding:14px 16px;font-size:11px;gap:16px}.portfolio-page .portfolio-hero{padding-block:52px 40px}.portfolio-page h1{font-size:clamp(50px,12vw,70px)}.portfolio-page .portfolio-intro{align-items:start}.portfolio-page .portfolio-intro p{font-size:13px}.portfolio-page .portfolio-count strong{font-size:36px}.portfolio-page .portfolio-grid{grid-template-columns:1fr;gap:35px}.portfolio-page .portfolio-filters button{padding:11px 14px}.portfolio-page .project-cover{padding:22px}.portfolio-page .project-row{flex-wrap:wrap}.portfolio-page .project-type{display:none}.portfolio-page .portfolio-footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.project-cover,.project-browser,.studio-button{transition:none!important;transform:none!important}}