/* Dedicated, isolated styling for the Post 58 Building Progress page. */
:root { --navy:#0c2948; --deep:#061a30; --blue:#123b60; --gold:#e9bc64; --red:#a72c33; --paper:#f8f7f3; --muted:#526579; --line:#e3e6e7; }
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#12293f;background:#fff;line-height:1.58} a{color:inherit} img{max-width:100%} button{font:inherit}.skip{position:absolute;left:-100vw;top:10px;background:white;color:var(--navy);padding:8px;z-index:300}.skip:focus{left:12px}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.site-header{background:var(--deep);color:#fff;border-bottom:3px solid var(--gold)}.nav-inner{max-width:1260px;margin:auto;padding:13px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1.2;flex:0 0 auto}.brand strong{font-size:1rem;display:block;letter-spacing:.005em}.brand small{display:block;color:#e8c785;font-size:.78rem;margin-top:4px}.brand-star{font-size:2rem;color:var(--gold);line-height:1}.nav-links{display:flex;gap:3px 13px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.nav-links a{text-decoration:none;padding:8px 2px;font-size:.89rem;color:#eef2f7;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold)}.nav-links [aria-current="page"]{color:var(--gold);border-color:var(--gold)}
.hero{background:linear-gradient(130deg,#0c2d4e,#071c33 70%);color:#fff;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 12% 11%,#fff 1px,transparent 2px),radial-gradient(circle at 80% 76%,#fff 1px,transparent 2px);background-size:43px 43px,80px 80px}.hero-inner{width:min(1260px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,5vw,82px);align-items:center;padding:60px 0 66px;position:relative}.eyebrow,.section-kicker{display:inline-block;color:#b18434;font-size:.76rem;font-weight:800;letter-spacing:.13em}.eyebrow{color:var(--gold)}.gold-dot{display:inline-block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);margin-right:12px}.hero h1{font-family:Georgia,serif;font-weight:700;line-height:1.02;font-size:clamp(3rem,5.7vw,5.4rem);letter-spacing:-.035em;margin:21px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:1.06rem;max-width:575px;color:#d8e3ed}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.primary-button{display:inline-flex;align-items:center;gap:14px;background:var(--gold);color:#0b2745;border:2px solid var(--gold);border-radius:4px;padding:12px 18px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}.primary-button:hover{background:#ffda91;transform:translateY(-2px)}.primary-button:focus-visible,.text-button:focus-visible{outline:3px solid white;outline-offset:3px}.text-button{color:#f3f4f4;font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}.hero-photo-wrap{position:relative;border:7px solid rgba(255,255,255,.16);border-radius:9px;transform:rotate(1.5deg);box-shadow:0 18px 55px #0006}.hero-photo{display:block;width:100%;height:400px;object-fit:cover;object-position:center top}.photo-ribbon{position:absolute;bottom:18px;left:-14px;background:var(--red);color:white;padding:8px 14px;font-size:.75rem;font-weight:800;letter-spacing:.12em;box-shadow:0 6px 12px #0004}
.stat-strip{background:var(--paper);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:0}.stat-strip>div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:170px;max-width:330px;flex:1;padding:20px 28px;text-align:center;border-right:1px solid #e3dfd7}.stat-strip>div:last-child{border:0}.stat-strip strong{font-family:Georgia,serif;color:var(--navy);font-size:2rem;line-height:1.2}.stat-strip span{color:var(--muted);font-size:.83rem}.introduction{text-align:center;max-width:750px;padding-top:70px;padding-bottom:65px}.introduction h2,.section-head h2,.recognition h2,.closing h2{font-family:Georgia,serif;font-size:clamp(2.1rem,3.5vw,3.25rem);line-height:1.12;letter-spacing:-.02em;margin:12px 0 18px}.introduction p{color:var(--muted);font-size:1.05rem}
.timeline-section{background:#f5f6f6;border-block:1px solid var(--line);padding:70px 0 85px}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head>p{color:var(--muted);font-size:.9rem;margin-bottom:5px}.timeline-list{border-left:3px solid #d9b15c;margin-left:15px;padding-left:37px;display:grid;gap:32px}.update-card{position:relative;background:#fff;border:1px solid #e3e8ee;border-radius:10px;overflow:visible;box-shadow:0 5px 24px #1033540c}.update-card::before{content:"★";position:absolute;left:-59px;top:26px;width:40px;height:40px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-size:1.15rem;box-shadow:0 0 0 5px #f5f6f6}.update-head{padding:28px 30px 12px}.date-pill{display:inline-block;background:#eaf0f5;color:var(--navy);padding:5px 11px;border-radius:20px;font-size:.76rem;font-weight:800;letter-spacing:.035em}.category-pill{display:inline-block;border-left:1px solid #d3dce4;color:var(--muted);margin-left:11px;padding-left:12px;font-size:.77rem}.update-head h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.2;margin:14px 0 12px;color:var(--navy)}.update-summary{color:#354b5d;margin-bottom:16px;max-width:850px}.original-caption{background:#f8f7f2;padding:16px 19px;border-left:4px solid var(--gold);margin:12px 30px 26px}.original-caption small{display:block;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#766341;margin-bottom:4px}.original-caption p{font-size:.92rem;margin:0;color:#3d4d56}.gallery{padding:0 30px 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.thumb{position:relative;display:block;width:100%;border:0;background:#e7ecf1;padding:0;border-radius:5px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}.thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}.thumb:hover img{transform:scale(1.045)}.thumb:focus-visible{outline:4px solid #d79e33;outline-offset:3px}.thumb::after{content:"↗";position:absolute;bottom:6px;right:8px;background:#062542c9;color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gallery-count{display:inline-flex;align-items:center;gap:7px;color:#65788a;font-size:.78rem;margin-bottom:9px}
.recognition{background:#0b2a49;color:#fff;padding:72px 0}.recognition-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(160px,.5fr);gap:60px;align-items:center}.recognition .section-kicker{color:var(--gold)}.recognition h2{max-width:660px}.recognition p{color:#e0e9f1;max-width:720px}.recognition p.note{color:#aebfce;font-size:.82rem}.recognition-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border:2px solid #b68d4f;border-radius:10px;padding:30px 15px;transform:rotate(2deg)}.recognition-mark span{color:var(--gold);font-size:4rem;line-height:1}.recognition-mark strong{font-family:Georgia,serif;font-size:1.7rem;line-height:1.16}.closing{padding:75px 0 90px;text-align:center;max-width:720px}.closing p{color:var(--muted);margin-bottom:30px}.site-footer{background:#06192e;color:#e5eaf0;padding:30px 0;border-top:3px solid var(--gold)}.footer-flex{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-flex>div{display:flex;flex-direction:column;gap:4px}.footer-flex span,.footer-flex a{color:#bed0e0;font-size:.9rem}.footer-flex a{text-decoration:none}.footer-flex a:hover{text-decoration:underline}
.lightbox{padding:0;border:0;border-radius:8px;background:#081b2c;color:#fff;width:min(92vw,1100px);max-height:92dvh;box-shadow:0 20px 80px #0009}.lightbox::backdrop{background:#020b13e8}.dialog-shell{position:relative;display:flex;flex-direction:column;align-items:center;padding:46px 60px 20px}.dialog-shell img{max-width:100%;max-height:calc(85dvh - 110px);object-fit:contain;border-radius:3px}.dialog-shell p{text-align:center;color:#ecf1f5;font-size:.86rem;margin:12px 0 0}.dialog-close,.dialog-prev,.dialog-next{position:absolute;border:0;background:#ffffffee;color:#0d2b4b;cursor:pointer;border-radius:50%;display:grid;place-items:center}.dialog-close{right:12px;top:9px;width:38px;height:38px;font-size:1.8rem}.dialog-prev,.dialog-next{width:42px;height:42px;font-size:2.3rem;top:45%;line-height:1}.dialog-prev{left:8px}.dialog-next{right:8px}.dialog-close:focus-visible,.dialog-prev:focus-visible,.dialog-next:focus-visible{outline:3px solid var(--gold)}
@media(max-width:1100px){.nav-inner{display:block}.brand{margin-bottom:12px}.nav-links{justify-content:flex-start}.hero-photo{height:340px}}@media(max-width:740px){.hero-inner{grid-template-columns:1fr;padding:45px 0 50px}.hero-photo-wrap{transform:none;max-width:580px}.hero-photo{height:280px}.stat-strip>div{min-width:0;padding:17px 9px}.stat-strip strong{font-size:1.5rem}.stat-strip span{font-size:.68rem}.introduction{padding:50px 0}.timeline-section{padding:48px 0 58px}.section-head{display:block}.section-head>p{margin-top:8px}.timeline-list{margin-left:10px;padding-left:20px}.update-card::before{left:-41px;top:22px;width:33px;height:33px}.update-head{padding:22px 18px 8px}.original-caption{margin:14px 18px 20px}.gallery{padding:0 18px 21px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recognition{padding:48px 0}.recognition-inner{grid-template-columns:1fr;gap:25px}.recognition-mark{max-width:220px;transform:none}.footer-flex{flex-direction:column;align-items:flex-start}.dialog-shell{padding:48px 42px 17px}.dialog-prev{left:0}.dialog-next{right:0}}@media(max-width:420px){.container,.hero-inner{width:calc(100% - 30px)}.brand strong{font-size:.91rem}.nav-links a{font-size:.8rem}.nav-links{gap:0 12px}.hero-actions{gap:15px}.stat-strip>div{padding:12px 6px}.stat-strip span{font-size:.61rem}.category-pill{display:block;border:0;padding:0;margin:8px 0 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button,.thumb img{transition:none}}