/* Portfolio sales composition. Shared type, color and spacing tokens remain authoritative. */
.sales-page .sales-hero{padding-block:var(--space-12) var(--space-16);border-bottom:1px solid var(--line)}
.sales-page .sales-hero h1{max-width:1100px;font-size:clamp(36px,4.3vw,64px);margin-block:var(--space-6);line-height:1.12}
.sales-page .sales-hero .hero-summary{font-size:var(--type-lead);max-width:68ch;margin-bottom:var(--space-6)}
.sales-page .skills-line{font-size:var(--type-ui);color:var(--text-secondary);margin-block:var(--space-6)}
.sales-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}
.sales-page .trust-line{font-size:var(--type-ui);margin-top:var(--space-6)}
.sales-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-8);align-items:end;margin-bottom:var(--space-8)}
.sales-heading h2{margin:0}.sales-heading p{color:var(--text-secondary);max-width:48ch;margin:0}
.sales-label{display:block;color:var(--text-secondary);font-size:var(--type-caption);letter-spacing:.1em;margin-bottom:var(--space-4)}
.sales-feature{border-bottom:1px solid var(--line);padding-bottom:var(--space-12)}
.sales-feature figure{background:#0e151b;border-radius:var(--radius-lg);margin:var(--space-8) 0;overflow:hidden}
.sales-feature figure img{display:block;width:100%;height:auto}
.sales-feature figcaption{color:#c6d2d6;padding:var(--space-4) var(--space-6)}
.sales-flow{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);padding:0;margin:var(--space-6) 0}
.sales-flow li{font-size:var(--type-ui);border-bottom:2px solid var(--accent-primary);padding-bottom:var(--space-3)}
.sales-work{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-12);padding-block:var(--space-12);border-bottom:1px solid var(--line);align-items:center}
.sales-work figure{margin:0;background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.sales-work img{width:100%;height:auto;display:block}.sales-work figure.kcal img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.sales-work h3{font-size:var(--type-title);margin-block:var(--space-4)}
.sales-work p{color:var(--text-secondary)}.sales-role{border-top:1px solid var(--line);padding-top:var(--space-4);font-size:var(--type-ui)}
.sales-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
.sales-services article{border-top:2px solid var(--accent-primary);padding-top:var(--space-6)}
.sales-services ul{padding-left:20px;color:var(--text-secondary);line-height:1.8}
.sales-services .result{border-top:1px solid var(--line);padding-top:var(--space-4)}
.sales-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4);padding:0;list-style:none;margin-top:var(--space-8)}
.sales-process li{border-top:1px solid var(--line);padding-top:var(--space-4)}
.sales-process span{color:var(--accent-primary);font-size:var(--type-ui)}.sales-process strong{display:block;margin-top:var(--space-3);font-size:var(--type-lead)}
.sales-proof{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-6)}
.sales-proof article{grid-column:span 2;min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);background:var(--surface-primary)}
.sales-proof article:nth-child(n+4){grid-column:span 3}
.sales-proof .proof-art{height:200px;display:flex;align-items:center;background:#101720;color:#f3f6f8;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-6)}
.sales-proof .proof-art img{width:100%;height:100%;object-fit:contain}
.proof-path{display:grid;gap:10px;padding:16px;width:100%;font-size:12px}.proof-path span{border:1px solid #4b6874;padding:8px}
.proof-tokens{padding:16px}.proof-tokens div{display:flex;gap:8px;margin-top:14px}.proof-tokens i{width:30px;height:30px;border:1px solid #95a1a9}
.sales-proof p{color:var(--text-secondary)}
.sales-proof .proof-art p{color:#f3f6f8}
.sales-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}
.sales-skills article{border-top:1px solid var(--line);padding-top:var(--space-6)}.sales-skills ul{padding-left:20px;color:var(--text-secondary)}
.sales-handoff{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-lg)}
.sales-about{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-12);border-top:1px solid var(--line);padding-top:var(--space-8)}
.sales-page .sales-contact{padding-block:var(--space-16);border-top:1px solid var(--line)}
.sales-contact h2{max-width:950px}.sales-contact>p{max-width:60ch}.sales-contact .sales-actions{margin-block:var(--space-8)}
.sales-contact .contact-links{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.eventra-product .ep-section{padding-block:var(--section-space);border-top:1px solid var(--line)}
.eventra-product .case-hero figure{margin:0}
.eventra-product .ep-section h2{max-width:1000px;margin-bottom:var(--space-8)}
.eventra-product .ep-lead{font-size:var(--type-lead);max-width:68ch;color:var(--text-secondary)}
.ep-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}
.ep-grid>*{min-width:0}.ep-grid figure,.ep-section>figure{margin:0}
.ep-image{display:block;width:100%;height:auto;border-radius:var(--radius-md);background:#0e151b}
.ep-section figcaption{margin-top:var(--space-3);color:var(--text-secondary)}
.ep-section figure>a{display:block;outline-offset:5px}.ep-section figure>a:hover{opacity:.94}
.ep-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.ep-steps li{border-top:2px solid var(--accent-primary);padding-top:var(--space-4)}.ep-steps strong{display:block;font-size:var(--type-lead)}
.ep-diagram{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-8);background:var(--surface-primary)}
.ep-diagram .core-node{background:#101720;color:#f3f6f8;padding:var(--space-6);border-radius:var(--radius-sm);margin-block:var(--space-6)}
.ep-diagram .core-node strong{display:block;font-size:var(--type-card)}
.ep-diagram .nodes{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.ep-diagram .nodes span{border:1px solid var(--line);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--type-ui)}
.ep-diagram .diagram-arrow{margin-block:var(--space-3);color:var(--accent-primary);font-size:var(--type-lead)}
.ep-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-8)}
.ep-facts article{border-top:1px solid var(--line);padding-top:var(--space-6)}
.ep-logic{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.ep-logic article{border-top:1px solid var(--line);padding-top:var(--space-6)}
.ep-logic ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px 16px}
.ep-logic li{font-size:var(--type-ui);border-bottom:2px solid var(--accent-primary);padding-block:var(--space-3)}
.ep-code{background:#101720;color:#f3f6f8;border-radius:var(--radius-md);padding:var(--space-6);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-code);font-size:14px;line-height:1.6}
.ep-code code{font-family:inherit}.ep-status{border-left:3px solid var(--accent-primary);padding:var(--space-4) var(--space-6);background:var(--bg-secondary);margin-top:var(--space-6)}
.ep-tokens{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.ep-tokens>div{border-top:1px solid var(--line);padding-top:var(--space-4)}
.ep-swatches{display:flex;gap:12px;flex-wrap:wrap}.ep-swatches span{display:block;width:48px;height:48px;border:1px solid #95a1a9;border-radius:4px}
.ep-details{margin-top:var(--space-8);border-block:1px solid var(--line);padding:var(--space-4) 0}.ep-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.resume-page main{max-width:900px;padding-block:var(--space-12)}.resume-page section{margin-top:var(--space-8)}
@media(max-width:1024px){.sales-skills{grid-template-columns:1fr 1fr}.sales-process{grid-template-columns:repeat(3,1fr)}.sales-services{gap:var(--space-6)}}
@media(max-width:768px){.sales-heading,.sales-feature-bottom,.sales-work,.sales-about,.ep-grid,.ep-logic{grid-template-columns:1fr}.sales-services{grid-template-columns:1fr}.sales-work{gap:var(--space-6)}.sales-proof{grid-template-columns:1fr 1fr}.sales-proof article,.sales-proof article:nth-child(n+4){grid-column:auto}.sales-proof article:last-child{grid-column:1/-1}.ep-facts{grid-template-columns:1fr}.ep-steps{grid-template-columns:1fr}.sales-handoff,.ep-diagram{padding:var(--space-6)}}
@media(max-width:480px){.sales-page .sales-hero{padding-top:var(--space-8);padding-bottom:var(--space-12)}.sales-skills,.sales-proof,.ep-tokens{grid-template-columns:1fr}.sales-proof article:last-child{grid-column:auto}.sales-process{grid-template-columns:1fr 1fr}.sales-actions{gap:var(--space-3)}.sales-work{padding-block:var(--space-8)}.sales-page .sales-contact{padding-block:var(--space-12)}}
@media print{.resume-page header,.resume-page footer,.resume-page .sales-actions{display:none}.resume-page main{padding:0}.resume-page section{break-inside:avoid}}

/* Featured Eventra: preview, with details kept in the project case. */
.eventra-featured{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-areas:"label label" "intro visual" "details visual";column-gap:var(--space-8);row-gap:var(--space-6);padding-block:var(--space-8) var(--space-12)}
.eventra-featured>*{min-width:0}.eventra-featured .ef-label{grid-area:label;margin:0}
.ef-intro{grid-area:intro}.eventra-featured h3{font-size:var(--type-title);line-height:1.2;margin:0;max-width:24ch}
.eventra-featured .skills-line{margin-block:var(--space-4);font-size:var(--type-ui)}
.eventra-featured .ef-description{margin:0;max-width:45ch;color:var(--text-secondary)}
.eventra-featured .ef-visual{grid-area:visual;align-self:center;margin:0;border-radius:var(--radius-lg)}
.ef-visual a{display:block;cursor:pointer;border-radius:var(--radius-lg);transition:opacity var(--transition-fast)}
.ef-visual a:hover{opacity:.88}.ef-visual a:focus-visible{outline:3px solid var(--accent-primary);outline-offset:-4px}
.eventra-featured .ef-visual img{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:0}
.eventra-featured .ef-visual figcaption{font-size:var(--type-caption);line-height:1.5;padding:var(--space-3) var(--space-4)}
.ef-details{grid-area:details}.ef-details h4{font-size:var(--type-lead);line-height:1.35;margin:0 0 var(--space-3)}
.ef-details>p{max-width:45ch;color:var(--text-secondary);margin:0}
.ef-role{padding-block:var(--space-6)}.ef-role .sales-label{margin-bottom:var(--space-2)}.ef-role p{font-size:var(--type-ui);margin:0}
@media(max-width:900px){.eventra-featured{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "intro" "visual" "details";padding-block:var(--space-6) var(--space-8)}.eventra-featured h3{max-width:30ch}.eventra-featured .ef-description,.ef-details>p{max-width:60ch}.eventra-featured .ef-visual{width:100%}}
