/* The portfolio page: a banner, then each kind of work as a section of entries (image beside the text, flipping sides down the page) */
.pf-section{padding:64px 0 24px;}
.pf-section + .pf-section{padding-top:24px;}
.pf-head{max-width:720px;margin-bottom:12px;}
.pf-head h2{font-size:30px;margin-bottom:10px;}
.pf-head p{color:var(--muted);font-size:17px;}
.pf-note{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:12px 18px;margin-top:20px;font-size:15px;color:var(--heading);font-weight:700;max-width:720px;}
.pf-list{display:flex;flex-direction:column;}
.pf-entry{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start;padding:44px 0;border-bottom:1px solid var(--line);}
.pf-entry:last-child{border-bottom:none;}
.pf-entry:nth-child(even){grid-template-columns:1fr 1.35fr;}
.pf-entry:nth-child(even) .pf-media{order:2;}
.pf-media{display:flex;flex-direction:column;gap:14px;}
.pf-fig{margin:0;}
.pf-fig a{display:block;width:100%;cursor:zoom-in;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(15,61,69,.12);}
.pf-fig img{width:100%;height:auto;background:var(--soft);}
.pf-fig.second{width:62%;}
.pf-fig figcaption{font-size:13px;color:var(--muted);margin-top:7px;}
.pf-text .num{font-size:34px;font-weight:900;color:var(--teal-text);line-height:1;margin-bottom:8px;}
.pf-text h3{font-size:25px;margin-bottom:18px;}
.pf-meta{margin-bottom:16px;border-top:1px solid var(--line);}
.pf-meta div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;}
.pf-meta dt{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:12px;padding-top:2px;}
.pf-meta dd{color:var(--teal-text);font-weight:900;text-align:right;}
.pf-text > p{color:var(--ink);font-size:16.5px;margin-bottom:16px;}
.pf-found{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:14px 18px;}
.pf-found b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-text);margin-bottom:5px;}
.pf-found p{font-size:16px;color:var(--heading);}
.pf-close{margin-top:40px;}
/* The enlarged image */
.pf-zoom{border:0;padding:0;background:transparent;max-width:min(94vw,1200px);max-height:92vh;margin:auto;}
.pf-zoom::backdrop{background:rgba(6,24,28,.88);}
.pf-zoom img{max-width:100%;max-height:84vh;margin:0 auto;border-radius:8px;}
.pf-zoom p{color:#d5ebeb;font-size:14px;text-align:center;margin-top:10px;}
.pf-zoom form{text-align:right;margin-bottom:8px;}
.pf-zoom button{background:#fff;color:var(--dark);border:0;border-radius:8px;font:inherit;font-weight:700;padding:8px 16px;cursor:pointer;}
@media(max-width:860px){
  .pf-entry,.pf-entry:nth-child(even){grid-template-columns:1fr;gap:22px;padding:34px 0;}
  .pf-entry:nth-child(even) .pf-media{order:0;}
  .pf-fig.second{width:80%;}
}