/* Scenic artwork tiles: real artwork is free of baked-in labels; HTML owns legible text. */
.section-art-tile{isolation:isolate;transform:translateZ(0)}
.section-art-tile .i3-case-photo{overflow:hidden}
.section-art-tile .i3-case-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:saturate(1.06) contrast(1.08);transform:scale(1.03);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .8s}
.section-art-tile:hover .i3-case-photo img,.section-art-tile:focus-visible .i3-case-photo img{transform:scale(1.115) translate3d(-1.5%,0,0);filter:saturate(1.15) contrast(1.11)}
.section-art-tile .i3-case-caption{position:absolute;z-index:3;inset:auto 14px 14px;padding:18px 20px 16px!important;border:1px solid rgba(255,225,164,.24);background:linear-gradient(90deg,rgba(4,22,16,.86),rgba(14,19,17,.54));backdrop-filter:blur(12px);border-radius:13px;max-width:min(88%,330px)}
.section-art-tile .i3-case-caption h3{font-size:clamp(21px,2vw,29px)!important;line-height:1.04;margin:.4rem 0!important;max-width:15ch!important}
.section-art-tile .i3-case-caption p{font-size:12px!important;line-height:1.45;max-width:32ch}
.section-art-tile .i3-case-caption b{font-size:10px;letter-spacing:.12em}
.blueprint-clickable{display:block;text-decoration:none;color:inherit;transition:transform .55s cubic-bezier(.17,.8,.27,1),box-shadow .55s}
.blueprint-clickable:hover,.blueprint-clickable:focus-visible{transform:translateY(-8px);box-shadow:0 32px 64px rgba(13,41,25,.17)}
.blueprint-clickable img{aspect-ratio:1.65!important;object-fit:cover;object-position:center;transition:transform .7s}
.blueprint-clickable:hover img{transform:scale(1.025)}
.blueprint-open{display:inline-flex;margin-top:12px;color:#a9102d;font-weight:800;font-size:11px;letter-spacing:.1em}
.detail-art-hero{height:min(680px,68vh);min-height:410px;position:relative;display:flex;align-items:end;background-size:cover;background-position:center;isolation:isolate;overflow:hidden}
.framework-detail-art{background-image:url('/assets/section-art/proposed-framework-section.webp')}
.objectives-detail-art{background-image:url('/assets/section-art/strategic-objectives-section.webp')}
.detail-art-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,20,14,.87),rgba(1,20,14,.52) 43%,transparent 87%),linear-gradient(0deg,rgba(2,11,9,.5),transparent 60%);z-index:0}
.detail-art-caption{position:relative;z-index:1;padding:clamp(35px,7vw,100px);color:white;max-width:850px}
.detail-art-caption>span{font:600 11px 'Manrope',sans-serif;letter-spacing:.18em;color:#f0ca8d}
.detail-art-caption h2{font-size:clamp(43px,5.8vw,86px)!important;line-height:.96;margin:18px 0;color:white}
.detail-art-caption em{font-style:normal;color:#f3c58a}
.detail-art-caption p{color:#e9e3d6;font-size:15px;max-width:42ch}
.detail-content{background:#f2efe8;padding:clamp(60px,8vw,125px) 0;color:#10271c}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(30px,5vw,90px);align-items:start}
.detail-intro{font-size:15px;line-height:1.8;margin:20px 0 35px;color:#415747;max-width:60ch}
.detail-stage-list{display:grid;gap:0;margin:22px 0 36px;border-top:1px solid #b8c8bd}
.detail-stage-list article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid #b8c8bd}
.detail-stage-list article>span{font:700 18px 'Manrope',sans-serif;color:#ae1530}
.detail-stage-list h3{font-size:20px!important;color:#073b22;margin:0 0 7px}
.detail-stage-list p{font-size:13px;line-height:1.7;color:#435749;margin:0}
.detail-document-link{display:inline-block;border:1px solid #a31932;background:#b61c3a;color:#fff;padding:14px 20px;font-weight:700;font-size:11px;letter-spacing:.075em;text-decoration:none;border-radius:3px;transition:background .25s}
.detail-document-link:hover{background:#01411c}
.detail-presentation{margin:0;padding:14px;background:white;box-shadow:0 22px 75px rgba(5,31,19,.11);border:1px solid rgba(1,65,28,.12)}
.detail-presentation a{display:block}
.detail-presentation img{display:block;width:100%;height:auto;object-fit:contain}
.detail-presentation figcaption{padding:14px 7px 3px;color:#5a6a5f;font-size:12px;line-height:1.5}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-art-hero{min-height:390px;height:60vh}.detail-art-caption{padding:30px}.section-art-tile .i3-case-caption{max-width:86%}}
@media(max-width:600px){.section-art-tile .i3-case-caption{inset:auto 10px 10px;padding:13px 15px!important}.section-art-tile .i3-case-caption h3{font-size:21px!important}.detail-art-hero{min-height:370px;height:55vh}.detail-art-caption h2{font-size:clamp(43px,11vw,66px)!important}}
@media(prefers-reduced-motion:reduce){.section-art-tile .i3-case-photo img,.blueprint-clickable{transition:none!important;transform:none!important}}