.project-detail-page{background:#fff;color:#3e4f60}.detail-background{background:linear-gradient(#f3f4f6,#fff);padding:40px 0 50px}.detail-container{max-width:1320px;padding-inline:48px;margin:auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:38px;align-items:start}.detail-article{min-width:0}.detail-lead-photo{display:block;width:100%;padding:0;border:0;background:#e2e9e3;border-radius:24px;overflow:hidden;cursor:zoom-in}.detail-lead-photo>img{width:100%;height:450px;object-fit:cover;object-position:center}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:12px;color:#80909a;margin:30px 0}.detail-meta>span{display:inline-flex;gap:8px;align-items:center}.detail-meta>span>span{color:#73808e}.detail-article h1{font-family:'Playfair Display',Georgia,serif;font-size:42px;line-height:1.08;font-weight:750;letter-spacing:-.035em;color:#182330;margin-bottom:22px}.detail-introduction{font-size:17px;line-height:1.6;border-left:3px solid #176147;padding-left:20px;margin-bottom:22px;color:#5b6c77}.detail-prose p{font-size:15px;line-height:1.8;color:#4d6070;margin-bottom:18px}.detail-quote{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin:25px 0 20px}.detail-quote>button{padding:0;border:0;background:none;cursor:zoom-in;border-radius:6px;overflow:hidden}.detail-quote img{width:100%;height:280px;object-fit:cover}.detail-quote blockquote{margin:0}.detail-quote blockquote p{font-size:15px;font-style:italic;line-height:1.8;color:#536679;margin-bottom:15px}.detail-quote cite{display:block;font-style:normal;font-size:13px;line-height:1.6;font-weight:700;color:#4d6070}.detail-thumbnails{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.detail-thumbnails button{border:2px solid transparent;width:70px;height:70px;padding:0;border-radius:5px;overflow:hidden;background:#e2e9e3;cursor:zoom-in}.detail-thumbnails img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.detail-thumbnails button:hover{border-color:#176147}.detail-thumbnails button:hover img{transform:scale(1.07)}.detail-share{border-top:1px solid #e4e9e5;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 0;font-size:12px;color:#7e8f99}.detail-share>a{font-size:16px;font-weight:700;min-height:26px;min-width:22px;display:grid;place-items:center;color:#92a0ad}.detail-share>a:hover{color:#176147}.detail-post-navigation{display:flex;justify-content:space-between;gap:25px;margin-top:10px}.detail-post-navigation>a{display:flex;align-items:center;gap:12px;max-width:48%}.detail-post-navigation>a:last-child{text-align:right;flex-direction:row-reverse}.detail-post-navigation img{width:48px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0}.detail-post-navigation small{display:block;color:#176147;font-size:12px;font-weight:650}.detail-post-navigation strong{display:block;color:#536b7c;font-size:12px;font-weight:500;line-height:1.4;margin-top:3px}.detail-post-navigation a>span>span{font-size:10px;color:#96a2ae;display:block;margin-top:3px}.detail-sidebar>section{background:#fff;border-radius:5px;box-shadow:0 2px 7px #1a302012;margin-bottom:23px;overflow:hidden}.detail-sidebar h2{font-size:20px;font-weight:700;color:#182330;letter-spacing:-.025em}.detail-related>h2{background:#176147;color:white;padding:18px 20px}.detail-related>a:not(.detail-view-all){display:flex;gap:10px;align-items:center;border-bottom:1px solid #eff2ef;padding:19px 18px;color:#176147}.detail-related>a>span:nth-child(2){flex:1}.detail-related strong{display:block;color:#3b5263;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.45;font-weight:650}.detail-related small{display:block;font-size:11px;color:#97a3ae;margin-top:4px}.detail-related>a>span:last-child{font-size:23px;color:#c7d4cf}.detail-related .detail-view-all{display:block;padding:17px 20px;background:#f7f9f8;color:#176147;font-size:12px;font-weight:600}.detail-sidebar-box{padding:22px 20px}.detail-sidebar-box h2{padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid #e9eee9}.detail-sidebar-box>a{display:block;font-size:12px;padding:8px 0;color:#596b79}.detail-sidebar-box a:hover{color:#176147}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags>a{font-size:10px;line-height:1.4;color:#566c7c;background:#f1f3f5;border-radius:18px;padding:5px 10px}.project-detail-page .reference-footer{border-top:1px solid #e3e9e3;padding-top:35px}
.detail-photo-modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:65px 75px 45px;border:0;background:rgba(6,22,15,.98);color:white;overflow:hidden}.detail-photo-modal[open]{display:flex;justify-content:center;align-items:center}.detail-photo-modal::backdrop{background:#000b}.detail-photo-modal figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.detail-photo-modal figure img{max-width:100%;max-height:calc(100% - 40px);width:auto;height:auto;object-fit:contain}.detail-photo-modal figcaption{font-size:12px;color:#e0e9e0;text-align:center}.detail-photo-modal button{position:absolute;border:0;background:white;color:#176147;cursor:pointer;border-radius:50%;width:42px;height:42px;font-size:23px}.detail-photo-modal .detail-photo-close{top:15px;right:20px;width:auto;height:35px;padding:8px 15px;border-radius:5px;font-size:13px}.detail-photo-prev{top:50%;left:15px}.detail-photo-next{top:50%;right:15px}.detail-photo-modal>p{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:11px;color:#e0e9e0}
@media(min-width:1600px){.detail-container{max-width:1480px}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:42px}.detail-lead-photo>img{height:500px}.detail-article h1{font-size:47px}.detail-prose p{font-size:16px}.detail-quote img{height:320px}}
@media(max-width:1000px){.detail-container{padding-inline:32px}.detail-layout{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.detail-lead-photo>img{height:350px}.detail-article h1{font-size:35px}.detail-introduction{font-size:15px}.detail-prose p{font-size:14px}.detail-quote{gap:20px}.detail-quote img{height:220px}.detail-quote blockquote p{font-size:13px}.detail-sidebar-box{padding:18px 16px}.detail-related>a:not(.detail-view-all){padding:15px}.detail-related strong{font-size:12px}}
@media(max-width:700px){.detail-background{padding-block:25px 35px}.detail-container{padding-inline:23px}.detail-layout{grid-template-columns:1fr;gap:35px}.detail-lead-photo{border-radius:14px}.detail-lead-photo>img{height:auto;aspect-ratio:1.5}.detail-meta{margin-block:22px;gap:9px 12px;font-size:10px}.detail-article h1{font-size:34px}.detail-introduction{padding-left:15px}.detail-quote{grid-template-columns:1fr;gap:18px}.detail-quote img{height:auto;max-height:320px;object-fit:cover}.detail-quote blockquote p{font-size:14px}.detail-thumbnails{gap:7px}.detail-thumbnails button{width:58px;height:58px}.detail-post-navigation{gap:15px}.detail-post-navigation img{width:40px;height:40px}.detail-post-navigation strong{font-size:10px}.detail-post-navigation small{font-size:10px}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-sidebar>section{margin:0}.detail-related{grid-column:1/-1}.detail-photo-modal{padding:60px 12px 65px}.detail-photo-modal .detail-photo-prev{top:auto;bottom:12px;left:calc(50% - 90px)}.detail-photo-modal .detail-photo-next{top:auto;bottom:12px;right:calc(50% - 90px)}.detail-photo-modal>p{bottom:26px}}