/* Portfolio content only. Header/footer use shared homepage styling. */
.portfolio-page main{background:#303236;color:#f0eeeb}
.portfolio-page .portfolio-hero{background:linear-gradient(115deg,#303236 65%,#49382d);border-color:#52504d}
.portfolio-page .portfolio-hero h1,.portfolio-page .portfolio-library-head h2{color:#f0eeeb}
.portfolio-page .portfolio-hero p,.portfolio-page .portfolio-library-head p{color:#d0ceca}
.portfolio-page main .kicker{color:#d3a281}
.portfolio-page main .inline-link{border-color:#a9663b}
.portfolio-page main .text-link{color:#f0eeeb;border-color:#a9663b}
.portfolio-page .portfolio-feature{background:#414347;color:#f0eeeb}
.portfolio-page .portfolio-feature-copy h2{color:#f0eeeb}
.portfolio-page .portfolio-feature-copy p{color:#d3d2ce}
.portfolio-page .portfolio-feature-copy .kicker,.portfolio-page .portfolio-feature .post-meta{color:#d6ab8b}
.portfolio-page .portfolio-library{background:linear-gradient(155deg,#323438 70%,#41352c)}
.portfolio-page .sample-jump-links a{background:#414347;color:#f0eeeb;border-color:#68625c;border-radius:4px}
.portfolio-page .sample-jump-links a:hover{background:#805132;border-color:#b97545;color:#fff}
.portfolio-page .sample-section{padding:2rem;background:#3d3f43;border:1px solid #62605c;border-top:3px solid #b97042;border-radius:7px}
.portfolio-page .sample-section:nth-of-type(even){background:#49433e;border-color:#6c5c4f;border-top-color:#c17e4f}
.portfolio-page .sample-section>h2{color:#f0eeeb}
.portfolio-page .sample-card{background:#505156;border-color:#6c6965;border-radius:5px;overflow:hidden}
.portfolio-page .sample-section:nth-of-type(even) .sample-card{background:#57504a;border-color:#766758}
.portfolio-page .sample-copy h3{color:#fffaf3}
.portfolio-page .sample-copy p{color:#e0ddd8}
.portfolio-page .sample-copy .sample-tags{color:#f1ba91}
.portfolio-page .sample-player,.portfolio-page .sample-play,.portfolio-page .sample-player video{background:#2c2e32}
.portfolio-page .sample-play-label{background:#ce8958;color:#181715;border:1px solid #dda376;border-radius:4px;box-shadow:0 3px 12px #0003}
.portfolio-page .sample-play:hover .sample-play-label{background:#dda376}
.portfolio-page .sample-play:focus-visible{outline-color:#f0ba92;outline-offset:-4px}
.portfolio-page .service-next{background:#3e352e;color:#f5ede4;border-color:#73573f}
.portfolio-page .service-next h2{color:#f5ede4}
.portfolio-page .service-next .button-primary{background:#ce8958;color:#181715}
@media(max-width:650px){.portfolio-page .sample-section{padding:1.15rem;margin-top:1.75rem}.portfolio-page .sample-play-label{padding:.65rem .9rem}.portfolio-page .portfolio-library{padding-top:3rem;padding-bottom:3rem}}

/* AYMS orange/black direction: strong accents, no brown cast. */
.portfolio-page main{background:#191a1c}
.portfolio-page .portfolio-hero{background:linear-gradient(115deg,#191a1c 70%,#27292c);border-bottom:4px solid #e87524}
.portfolio-page .portfolio-hero h1{color:#f58232}
.portfolio-page main .kicker{color:#f58232}
.portfolio-page main .inline-link,.portfolio-page main .text-link{border-color:#e87524}
.portfolio-page .portfolio-feature{background:#282a2d}
.portfolio-page .portfolio-feature-copy .kicker,.portfolio-page .portfolio-feature .post-meta{color:#f58232}
.portfolio-page .portfolio-library{background:#191a1c}
.portfolio-page .sample-jump-links a{background:#242629;border-color:#a95318;color:#f8f4ef}
.portfolio-page .sample-jump-links a:hover{background:#e87524;border-color:#e87524;color:#111}
.portfolio-page .sample-section,.portfolio-page .sample-section:nth-of-type(even){background:#25272a;border-color:#404247;border-top:4px solid #e87524}
.portfolio-page .sample-section:nth-of-type(even){background:#1e2023}
.portfolio-page .sample-section>h2{color:#f58232}
.portfolio-page .sample-card,.portfolio-page .sample-section:nth-of-type(even) .sample-card{background:#34363a;border-color:#505258}
.portfolio-page .sample-player,.portfolio-page .sample-play,.portfolio-page .sample-player video{background:#151618}
.portfolio-page .sample-copy .sample-tags{color:#ffab70}
.portfolio-page .sample-play-label,.portfolio-page .service-next .button-primary{background:#ed7d2d;border-color:#ed7d2d;color:#111}
.portfolio-page .sample-play:hover .sample-play-label{background:#ff974c}
.portfolio-page .sample-play:focus-visible{outline-color:#ff974c}
.portfolio-page .service-next{background:#202225;border-color:#e87524;border-top:3px solid #e87524}