.history-shell { width: min(calc(100% - 2rem),1180px); margin-inline: auto; }
.portfolio-history-hero { padding: 8.5rem 0 3.5rem; background: #0a0f16; color: #f5f6f7; }
.portfolio-history-hero .eyebrow { color: #b9f44a; }
.portfolio-history-hero h1 { max-width: 20ch; margin: 1.2rem 0 1.5rem; font-size: clamp(2.7rem,6vw,5.4rem); line-height: 1.04; letter-spacing: -.055em; }
.portfolio-history-hero .history-lede { max-width: 51rem; color: #c4cbd4; font-size: clamp(1.1rem,2vw,1.35rem); line-height: 1.6; }
.history-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 2.8rem; background: #36414d; border: 1px solid #36414d; }
.history-facts > div { min-width: 0; padding: 1.2rem; background: #111923; }
.history-facts dt { color: #aeb9c5; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.history-facts dd { margin: .5rem 0 0; color: #f4f5f7; font-size: 1rem; }
.portfolio-history-body { padding: 3rem 0 5rem; background: #0c1119; color: #d2d9e1; }
.history-section { padding-block: 1.8rem; border-bottom: 1px solid #333f4b; }
.history-section h2 { max-width: 36ch; margin: .6rem 0 1.1rem; font-size: clamp(1.8rem,3.7vw,3rem); line-height: 1.12; letter-spacing: -.04em; color: #f5f7f9; }
.history-section p,.history-section li { max-width: 85ch; color: #bdc7d3; line-height: 1.75; }
.history-section a,.history-note a { color: #b9f44a; text-underline-offset: .2em; }
.history-note { margin: 2rem 0; padding: 1.3rem 1.5rem; border: 1px solid #455262; background: #131c27; color: #c1ccd7; font-size: .9rem; line-height: 1.7; }
.history-note strong { color: #f2f5f8; }
.history-original { margin: 1.7rem 0; border: 1px solid #3b4653; }
.history-original img { display: block; width: 100%; height: auto; }
.history-original figcaption { padding: 1rem 1.2rem; background: #131c27; font-size: .84rem; line-height: 1.6; }
.history-actions { display: flex; flex-wrap: wrap; gap: .8rem; padding-top: 2rem; }
.history-actions a { display: inline-flex; align-items: center; min-height: 48px; padding: .8rem 1.1rem; border: 1px solid #596879; color: #e8eef4; text-decoration: none; font-weight: 750; }
.history-actions a:first-child { background: #b9f44a; border-color: #b9f44a; color: #11180a; }
.history-actions a:focus-visible,.history-slide-controls button:focus-visible { outline: 2px solid #b9f44a; outline-offset: 4px; }
.history-project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; margin: 1.8rem 0 3rem; }
.history-project-card { display: flex; flex-direction: column; min-width: 0; padding: 1.5rem; border: 1px solid #3d4958; background: #101720; color: #f1f4f7; text-decoration: none; }
.history-project-card img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; margin-bottom: 1.4rem; }
.history-project-card > span { color: #b9f44a; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.history-project-card h3 { margin: .8rem 0; color: #f4f6f8; font-size: clamp(1.55rem,2.7vw,2.2rem); line-height: 1.15; letter-spacing: -.04em; }
.history-project-card p { color: #bdc7d3; line-height: 1.65; }
.history-project-card b { display: flex; align-items: end; min-height: 44px; margin-top: auto; padding-top: 1.2rem; color: #b9f44a; font-size: .85rem; }
.history-slideshow { margin: 1.8rem 0; padding: 0; border: 1px solid #51463e; background: #18130f; }
.history-slide { margin: 0; }
.history-slide-media { overflow: hidden; background: #18130f; }
.history-slide img { width: 100%; height: auto; aspect-ratio: 1672/941; object-fit: contain; }
.history-slide figcaption { padding: 1.3rem 1.5rem 1.5rem; color: #e7ded2; background: #211a14; }
.history-slide figcaption strong { display: block; font-size: clamp(1.3rem,2.8vw,2rem); line-height: 1.2; margin-bottom: .6rem; color: #fff5e8; }
.history-slide figcaption p { max-width: 80ch; margin: 0; color: #cdbfae; line-height: 1.65; }
.history-slideshow[data-slideshow-ready] .history-slides { display: grid; }
.history-slideshow[data-slideshow-ready] .history-slide { grid-area: 1/1; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .4s ease; }
.history-slideshow[data-slideshow-ready] .history-slide.is-current { visibility: visible; opacity: 1; pointer-events: auto; }
.history-slide-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; padding: 1rem 1.3rem; border-top: 1px solid #51463e; }
.history-slide-controls[hidden] { display: none; }
.history-slide-controls button { min-height: 44px; min-width: 44px; padding: .6rem .9rem; border: 1px solid #86725d; background: #211a14; color: #f9ede0; font: inherit; cursor: pointer; }
.history-slide-controls button[aria-pressed="true"] { color: #171008; background: #e6bd80; border-color: #e6bd80; }
.history-slide-count { margin-left: auto; color: #cbbba9; font-size: .85rem; font-variant-numeric: tabular-nums; }
.history-source-list li { margin-bottom: .8rem; }
@media(max-width:760px) { .history-facts,.history-project-grid { grid-template-columns: minmax(0,1fr); } .portfolio-history-hero { padding-top: 7rem; } .history-actions a { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .history-slideshow[data-slideshow-ready] .history-slide { transition: none; } [data-slide-play] { display: none; } }