/* BrushworX portfolio: retain the studio's existing navy and blue system. */
.construction-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(28,63,130,.17),transparent 65%);scroll-margin-top:96px}
.construction-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px}
.construction-heading .sec-head{margin-bottom:0;max-width:750px}
.construction-heading .sec-head h2{font-size:clamp(42px,6vw,76px)}
.construction-heading .sec-head p{max-width:650px}
.construction-count{font-size:13px;color:var(--muted);white-space:nowrap;padding-bottom:6px}
.construction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.construction-card{min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}
.construction-thumb{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;cursor:pointer;background:radial-gradient(ellipse at center,#14233b,#06090f);color:var(--text);overflow:hidden}
.construction-thumb img{width:100%;height:100%;object-fit:contain;transition:filter .2s}
.construction-thumb:hover img{filter:brightness(.78)}
.construction-thumb:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.construction-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(5,7,12,.84);border:1px solid rgba(242,244,247,.65);box-shadow:0 6px 28px rgba(0,0,0,.3);pointer-events:none}
.construction-play svg{width:25px;height:25px;margin-left:3px;fill:currentColor}
.construction-format{position:absolute;bottom:12px;left:12px;padding:5px 10px;border-radius:6px;background:rgba(5,7,12,.88);color:#fff;font-size:12px;letter-spacing:.03em}
.construction-copy{padding:24px}
.construction-copy .wc-tag{display:block;margin-bottom:10px}
.construction-copy h3{font-size:25px;margin-bottom:10px}
.construction-copy p{color:var(--muted);font-size:15px;line-height:1.65}
.construction-copy .wc-meta{margin-top:18px}
.construction-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:30px}
.construction-footer p{color:var(--muted);font-size:14px}
.construction-modal{position:fixed;inset:0;margin:auto;width:min(1000px,94vw);max-height:94dvh;padding:20px;background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:18px;overflow:auto;overscroll-behavior:contain}
.construction-modal::backdrop{background:rgba(0,0,0,.88)}
.construction-modal[open]{display:flex;flex-direction:column;gap:16px}
.construction-modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.construction-modal h2{font:700 20px var(--body);letter-spacing:0}
.construction-close{flex-shrink:0;min-height:44px;padding:8px 15px;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;font:700 14px var(--body);cursor:pointer}
.construction-modal video{width:100%;height:auto;max-height:74dvh;min-height:100px;background:#000;object-fit:contain}
.construction-video-fallback{color:var(--muted);font-size:13px}
.construction-video-fallback a{text-decoration:underline;text-underline-offset:3px}
.construction-teaser{padding:clamp(54px,6vw,88px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
.construction-teaser-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.construction-teaser-image{position:relative;display:block;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#080b12}
.construction-teaser-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.construction-teaser-image .construction-format{bottom:16px;left:16px}
.construction-teaser h2{font-size:clamp(40px,5vw,64px);margin-bottom:18px}
.construction-teaser p{color:var(--muted);font-size:17px;margin-bottom:25px}
@media(max-width:680px){.construction-heading{display:block}.construction-count{margin-top:16px}.construction-grid{grid-template-columns:1fr;gap:20px}.construction-thumb{aspect-ratio:16/10}.construction-copy{padding:22px}.construction-teaser-grid{grid-template-columns:1fr}.construction-modal{padding:14px;width:96vw}.construction-modal h2{font-size:17px}.construction-modal video{max-height:70dvh}.construction-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.construction-thumb img{transition:none}}