/*
Theme Name: Michael Engineering Portfolio
Theme URI: https://example.com
Author: Michael Melamed
Description: A dark, project-first engineering portfolio with editable projects, galleries, dates, and ordering.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: michael-engineering-portfolio
*/

:root{--ink:#edf2f6;--muted:#9aa7b4;--line:#2b3540;--blue:#69a9e6;--panel:#10161b;--max:1250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0f13;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(107,132,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,132,154,.055) 1px,transparent 1px),radial-gradient(circle at 78% 4%,rgba(46,89,128,.18),transparent 34%);background-size:42px 42px,42px 42px,100% 100%}a{color:inherit;text-decoration:none}.site-header{height:72px;max-width:1320px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28323c;background:rgba(11,15,19,.9)}.site-name{font-size:17px;font-weight:700}.site-nav{display:flex;align-items:center;gap:26px;font-size:13px;color:#9eabb7}.site-nav a:hover{color:#fff}.button-link{border:1px solid #42505d;border-radius:5px;padding:9px 13px;color:#e8eef3;background:#141a20}.intro{max-width:1320px;margin:auto;padding:38px 34px 32px;display:flex;align-items:center;justify-content:center;gap:58px}.intro-photo img{width:218px;height:218px;border-radius:50%;object-fit:cover;object-position:center 31%;border:2px solid #465563;box-shadow:0 0 0 5px #141a20,0 12px 30px rgba(0,0,0,.4)}.intro-copy{width:min(680px,58vw)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#71afe8;font-weight:700;margin:0 0 9px}.intro h1{font-size:clamp(27px,3vw,40px);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px}.intro-summary{font-size:15px;line-height:1.55;color:#a7b2bd;margin:0}.portfolio-section{max-width:var(--max);margin:auto;padding:0 0 72px}.section-heading{border-top:1px solid var(--line);padding:22px 0 26px}.section-heading h2{font-size:20px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px}.project-card img{width:100%;height:245px;display:block;object-fit:cover;border:1px solid #34414d;border-radius:7px;background:#10161b;box-shadow:0 12px 28px rgba(0,0,0,.3);filter:saturate(.9) contrast(1.03);transition:transform .25s ease}.project-card a:hover img{transform:translateY(-2px)}.project-card h3{font-size:19px;margin:8px 0 0;color:#eef3f7}.project-date{display:block;margin-top:5px;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:.04em;color:#7f8e9b}.small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,390px));gap:20px}.small-grid .project-card img{height:250px}.about{max-width:var(--max);margin:0 auto 80px;border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{font-size:20px;margin:0}.about p{font-size:15px;line-height:1.7;color:#abb5bf;margin:0}.site-footer{background:#0f1419;border-top:1px solid var(--line);padding:38px max(34px,calc((100vw - 1250px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px}.site-footer strong{display:block;font-size:15px}.site-footer span{font-size:11px;color:#85929e}.footer-links{display:flex;gap:22px;font-size:12px;color:#b9c9d7}.detail-shell{max-width:1240px;margin:auto;padding:36px 34px 100px}.back-link{font-size:12px;color:#8fa0ae}.project-hero{padding:30px 0 34px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:54px}.project-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1;letter-spacing:-.045em;margin:9px 0 10px}.project-hero .date{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#71afe8;font-weight:700;margin:0 0 14px}.project-hero .summary{font-size:15px;line-height:1.55;color:#a7b2bd}.project-hero img{width:100%;height:390px;object-fit:cover;border:1px solid #34414d;border-radius:7px;box-shadow:0 12px 28px rgba(0,0,0,.3)}.overview{display:grid;grid-template-columns:170px minmax(0,760px);gap:35px;padding:30px 0 36px;border-bottom:1px solid var(--line)}.overview strong,.gallery-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#71afe8}.overview p{font-size:15px;line-height:1.65;color:#a7b2bd;margin:0}.gallery{padding-top:40px}.gallery>h2{font-size:24px;margin:0 0 25px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.gallery-media img,.gallery-media video{width:100%;height:330px;object-fit:cover;display:block;border:1px solid #34414d;border-radius:7px;background:#10161b}.gallery-copy{margin:15px 2px 0}.gallery-copy h3{font-size:20px;margin:7px 0 8px}.gallery-copy p{font-size:13px;line-height:1.6;color:#a7b2bd;margin:0}.empty-state{padding:50px 0;color:var(--muted)}
@media(max-width:800px){.site-header{padding:0 20px}.site-nav a:not(.button-link){display:none}.intro{padding:32px 20px 28px;flex-direction:column;gap:22px;text-align:center}.intro-photo img{width:158px;height:158px}.intro-copy{width:auto}.portfolio-section{padding:0 20px 60px}.project-grid,.small-grid{grid-template-columns:1fr;gap:36px}.project-card img,.small-grid .project-card img{height:290px}.about{margin:0 20px 60px;grid-template-columns:1fr;gap:18px}.site-footer{padding:34px 20px;display:block}.footer-links{margin-top:18px;flex-wrap:wrap}.detail-shell{padding:36px 20px 70px}.project-hero{display:block}.project-hero img{height:66vw;margin-top:26px}.overview{grid-template-columns:1fr;gap:16px}.gallery-grid{grid-template-columns:1fr}.gallery-media img,.gallery-media video{height:auto;max-height:520px}}