/* Signature showcase: existing Penfield tokens, original media, manual interaction. */
.pp-portfolio .screen-reader-text,.pp-detail .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pp-portfolio{padding-bottom:var(--penfield-space-section)}
.pp-portfolio>.section{width:min(1600px,calc(100% - var(--penfield-gutter)));margin-inline:auto}
.pp-heading.has-featured{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px 64px}
.pp-hero-intro{grid-column:1;grid-row:1;min-width:0}
.pp-hero-intro h1{font:var(--penfield-weight-heading) var(--penfield-size-h1)/var(--penfield-line-h1) var(--penfield-font-editorial);color:var(--penfield-navy);overflow-wrap:anywhere}
.pp-hero-intro>p{max-width:32ch;margin-top:20px;font:var(--penfield-size-body)/var(--penfield-line-intro) var(--penfield-font-ui)}
.pp-featured-slide{display:contents}.pp-featured-slide[hidden]{display:none}
.pp-featured-image{grid-column:2;grid-row:1/span 2;min-width:0;background:var(--penfield-paper-raised);touch-action:pan-y}
.pp-featured-image figure{margin:0;height:100%}.pp-featured-image img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover}
.pp-featured-image.is-typographic{display:flex;align-items:center;min-height:420px;padding:48px;background:var(--penfield-navy);color:var(--penfield-inverse)}
.pp-featured-image.is-typographic>span{font:var(--penfield-weight-heading) var(--penfield-size-h2)/var(--penfield-line-h2) var(--penfield-font-editorial);overflow-wrap:anywhere}
.pp-featured-copy{grid-column:1;grid-row:2;align-self:end;min-width:0}
.pp-featured-copy h2{margin:12px 0 16px;color:var(--penfield-navy);font:var(--penfield-weight-heading) var(--penfield-size-h2)/var(--penfield-line-h2) var(--penfield-font-editorial);overflow-wrap:anywhere}
.pp-featured-copy>p{margin:20px 0 24px;font:var(--penfield-size-body)/var(--penfield-line-intro) var(--penfield-font-ui)}
.pp-showcase-controls{display:flex;gap:12px;align-items:center;font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-olive)}
.pp-showcase-controls button{border:1px solid var(--penfield-line);background:transparent;color:var(--penfield-navy);min-width:44px;min-height:44px;font:20px/1 var(--penfield-font-ui)}
.pp-showcase-controls button[hidden]{display:none}
.pp-portfolio .pp-content{padding-top:0;border-bottom:0}
.pp-filter-links{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0}
.pp-filter-links a{padding:10px 16px;border:1px solid var(--penfield-line);font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-navy)}
.pp-filter-links a[aria-current]{color:var(--penfield-inverse);background:var(--penfield-navy);border-color:var(--penfield-navy)}
.pp-filter{display:none}
.pp-result,.pp-filter-notice{margin:8px 0 24px;font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-secondary)}
.pp-collection{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--penfield-line)}
.pp-collection>h2{margin:0 0 24px;color:var(--penfield-navy);font:var(--penfield-weight-heading) var(--penfield-size-h2)/var(--penfield-line-h2) var(--penfield-font-editorial)}
.pp-curated-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}
.pp-curated-grid>.pp-collection-card:only-child{grid-column:1/-1}
.pp-collection-card,.pp-card-copy{min-width:0}
.pp-collection-card h3{margin:0 0 16px;color:var(--penfield-navy);font:var(--penfield-weight-heading) var(--penfield-size-h3)/var(--penfield-line-h3) var(--penfield-font-editorial);overflow-wrap:anywhere}
.pp-card-curated.has-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.pp-card-cover{position:relative;min-width:0}.pp-card-cover figure{margin:0}
.pp-card-cover img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pp-card-cover figcaption{margin-top:12px;font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-secondary)}
.pp-card-curated.is-typographic{background:var(--penfield-navy);padding:28px;position:relative;color:var(--penfield-inverse)}
.pp-card-curated.is-typographic::before{content:'';position:absolute;inset:24px;background:url('nib-mark.svg') right center/auto 85% no-repeat;opacity:.12;pointer-events:none}
.pp-card-curated.is-typographic .pp-card-cover{display:none}
.pp-card-curated.is-typographic .pp-card-copy{position:relative;height:100%;display:flex;flex-direction:column}
.pp-card-curated.is-typographic h3,.pp-card-curated.is-typographic .pp-tags a,.pp-card-curated.is-typographic .pp-card-link{color:var(--penfield-inverse)}
.pp-card-curated.is-typographic .pp-card-link{margin-top:auto;padding-top:24px}
.pp-portfolio .pp-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}
.pp-portfolio .pp-tags li{margin:0;padding:0;border:0}
.pp-portfolio .pp-tags a{display:inline-block;padding:3px 8px;border:1px solid var(--penfield-line);font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-olive)}
.pp-card-summary{margin:0 0 20px;font:var(--penfield-size-ui)/var(--penfield-line-intro) var(--penfield-font-ui);overflow-wrap:anywhere}
.pp-card-link{display:inline-block;color:var(--penfield-navy);font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui)}
.pp-card-link:hover,.pp-collection-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.pp-other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.pp-card-compact .pp-card-copy{height:100%;display:flex;flex-direction:column}
.pp-card-compact .pp-card-link{margin-top:auto}
.pp-sample-notice,.pp-sample-label,.pp-draft-label{font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui);color:var(--penfield-olive)}
.pp-sample-notice{margin:-8px 0 28px}.pp-sample-label{margin-bottom:16px}
.pp-samples{margin-bottom:0;padding-bottom:0;border:0}
.pp-archive-cta{background:var(--penfield-navy);color:var(--penfield-inverse);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pp-archive-cta h2{color:var(--penfield-inverse);font:var(--penfield-weight-heading) var(--penfield-size-h3)/var(--penfield-line-h3) var(--penfield-font-editorial);margin-bottom:8px}
.pp-archive-cta p,.pp-archive-cta a{font:var(--penfield-size-ui)/var(--penfield-ui-line) var(--penfield-font-ui)}
.pp-empty{padding:32px 0}
.pp-review{border-left:3px solid var(--penfield-navy);padding:12px 16px;background:var(--penfield-paper-raised);font:var(--penfield-size-ui)/var(--penfield-ui-line) var(--penfield-font-ui)}
.pp-preview{background:var(--penfield-paper);color:var(--penfield-body);margin:0;padding:32px}.pp-preview main{max-width:1200px;margin:auto}
.pp-portfolio :focus-visible{outline:3px solid var(--penfield-olive);outline-offset:4px}
@media(max-width:1000px){.pp-heading.has-featured{gap:32px}.pp-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.pp-card-curated.has-image{display:block}.pp-card-curated.has-image .pp-card-copy{margin-top:20px}.pp-other-grid{gap:24px}}
@media(max-width:720px){
 .pp-heading.has-featured{grid-template-columns:minmax(0,1fr);gap:28px}
 .pp-featured-image{grid-column:1;grid-row:2}.pp-featured-copy{grid-column:1;grid-row:3}
 .pp-featured-image img{height:auto;min-height:0;aspect-ratio:4/3}.pp-featured-image.is-typographic{min-height:240px;padding:24px}
 .pp-filter-links{display:none}.pp-filter{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}
 .pp-filter label{width:100%;font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui)}
 .pp-filter select,.pp-filter button{min-height:48px;min-width:0;max-width:100%;border:1px solid var(--penfield-control-border);background:var(--penfield-paper-raised);padding:10px 12px;color:var(--penfield-navy);font:var(--penfield-size-meta)/var(--penfield-meta-line) var(--penfield-font-ui)}
 .pp-filter select{flex:1 1 180px;width:100%}.pp-filter button{flex:1 1 100px;background:var(--penfield-navy);color:var(--penfield-inverse)}
 .pp-curated-grid,.pp-other-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .pp-card-curated.has-image{display:block}.pp-card-curated.has-image .pp-card-copy{margin-top:20px}
 .pp-card-compact{padding-bottom:28px;border-bottom:1px solid var(--penfield-line)}.pp-card-compact:last-child{padding-bottom:0;border-bottom:0}
 .pp-card-compact .pp-card-copy{height:auto}.pp-card-sample{padding-bottom:20px;border-bottom:1px solid var(--penfield-line)}
 .pp-archive-cta{display:block;padding:24px}.pp-archive-cta a{display:inline-block;margin-top:20px}.pp-preview{padding:20px}
}