/* Production page and CMS additions; the approved mockup stylesheet remains intact. */
.route-page{display:block}.route-page[hidden]{display:none}.preview-bar{display:none}.header{top:0}.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.article-wrap{max-width:1000px}.article-wrap h1{font-size:clamp(32px,4.5vw,62px);line-height:1.12;max-width:960px}.article-date{margin:24px 0;color:#b6a6c9}.blog-body{font-size:18px;line-height:1.85}.blog-body p{margin:0 0 1.25em}.blog-body h2{font-size:clamp(26px,3vw,38px);margin:1.5em 0 .65em}.blog-body h3{margin:1.3em 0 .6em}.blog-body img,.legacy-cover img{max-width:100%;height:auto;object-fit:contain}.article-cover{margin:28px 0}.article-cover img{max-height:520px;width:100%;object-fit:contain;background:linear-gradient(130deg,#3b245d,#7661a2)}.legacy-cover{max-width:900px;margin:30px 0}.legacy-page .editorial{max-width:1000px}.legacy-page .editorial img{max-height:680px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.archive-card{min-width:0}.archive-card img{width:100%;height:240px;object-fit:contain;background:radial-gradient(ellipse at top,#7850a6,#302142);padding:20px}.archive-card h3{font-size:21px;margin:16px 0 24px}.pagination{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.pagination a{padding:8px 14px;border:1px solid #665577}.pagination [aria-current]{background:#ff9448;color:#21172e}.blog-entry h2 a{color:inherit}.blog-list{display:grid;gap:30px}.blog-entry{border-bottom:1px solid #594465;padding-bottom:28px}.blog-entry h2{margin:10px 0 14px}.form-status{padding:16px;background:#2c5343;color:#fff}.contact-form small{display:block;margin-top:18px}.section-text .section-copy,.section-text h2{max-width:1100px;margin:auto}.section-text{padding:40px 24px}.contact-form .hp input{display:none}.screen-dialog img{object-fit:contain;max-width:100%;max-height:80vh}
@media(max-width:850px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-row{gap:20px}.nav-links{gap:20px}}@media(max-width:550px){.archive-grid{grid-template-columns:1fr}.blog-body{font-size:17px}.article-wrap h1{font-size:34px}}


.archive-links li{margin:16px 0}

/* MM-BLOG-LAYOUT-03: retained content-height blog introduction. */
#blog.route-page{min-height:0;padding-bottom:32px}
#blog #blog-title{max-width:none}
#blog .route-lead{margin-bottom:0}
#blog + .insights{padding-top:24px}
#blog + .insights .blog-entry:first-child{padding-top:0}
/* MM-CONTENT-04: preserve complete project artwork at a bounded reading size. */
.legacy-cover{max-width:960px;margin:28px 0 36px;padding:24px;border:1px solid #594465;border-radius:8px;background:radial-gradient(ellipse at 25% 15%,#72539d 0,transparent 62%),linear-gradient(135deg,#493168,#241a38)}
.legacy-cover button{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.legacy-cover img,.legacy-page .editorial img{display:block;width:auto;max-width:100%;height:auto;max-height:clamp(280px,55vh,520px);object-fit:contain;margin-inline:auto}
.legacy-cover button:focus-visible{outline:3px solid #ff9448;outline-offset:6px}
.archive-card img{display:block;box-sizing:border-box;border-radius:6px}
.archive-intro{max-width:760px;margin:12px 0 28px;color:#c5bacf}
#project-archive{scroll-margin-top:110px}
#our-work .ai-showcase{padding:28px 0 48px}
#our-work .ai-showcase>.wrap{width:100%;padding:0}
#our-work .route-projects{margin-top:28px}
.blog-entry.has-cover{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);gap:28px;align-items:start}
.blog-entry-copy{min-width:0}
.blog-entry-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;overflow:hidden;border:1px solid #594465;border-radius:6px;background:radial-gradient(ellipse at 25% 15%,#72539d,transparent 65%),linear-gradient(135deg,#493168,#241a38)}
.blog-entry-image img{display:block;width:100%;height:100%;object-fit:contain}
.blog-entry h2{font-size:clamp(23px,2.5vw,32px);line-height:1.2;overflow-wrap:break-word}
@media(max-width:650px){.blog-entry.has-cover{grid-template-columns:1fr;gap:18px}.legacy-cover{padding:14px}.legacy-cover img,.legacy-page .editorial img{max-height:440px}}
@media(max-width:550px){#blog.route-page{padding-bottom:24px}#blog + .insights{padding-top:20px}}

/* MM-NAV-EDITOR-05: nested categories align with links and expand in flow. */
.nav-services-panel>.nav-services>summary{padding:10px 11px;line-height:1.45;font-size:12px;white-space:normal}
.nav-services-panel>.nav-services>summary:hover,.nav-services-panel>.nav-services>summary:focus-visible{background:#443052;color:#ffc196}
.nav-services-panel .nav-services>.nav-services-panel{position:static;top:auto;left:auto;width:auto;margin:0 0 8px 11px;padding:0 0 0 10px;border:0;border-left:1px solid #765586;border-radius:0;box-shadow:none;background:transparent}
@media(max-width:960px){.nav-services-panel>.nav-services>summary{font-size:13px}}