#im-site .project-gallery-page{display:none;background:#f4efe6;min-height:100vh}
#im-site .project-gallery-page .gf-body{padding:58px 24px 78px;background:linear-gradient(180deg,#f4efe6,#e8dfd0)}
#im-site .project-gallery-page .gf-inner{max-width:1120px;margin:0 auto}
#im-site .project-gallery-page .gf-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 32px;color:#6f7040;font-size:13px;font-weight:800;letter-spacing:.055em;line-height:1.3;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #b89562;padding:0 0 5px}
#im-site .project-gallery-page .gf-back:hover{color:#97764a}
#im-site .project-gallery-page .gf-intro{max-width:820px;margin:0 auto 34px;text-align:center}
#im-site .project-gallery-page .gf-intro h2{margin:0 0 16px;color:#292a25;font-size:clamp(28px,4vw,44px);line-height:1.08}
#im-site .project-gallery-page .gf-intro p{margin:0;color:#5b5a51;font-size:16px;line-height:1.75}
#im-site .project-gallery-page .gf-intro .gf-credit-link{margin-top:12px}
#im-site .pj .gf-view{display:inline-block;margin-top:12px;padding:0 0 4px;color:#ead09c!important;font-size:13px;font-weight:800;line-height:1.35;text-decoration:none;border-bottom:1px solid rgba(226,196,136,.6);cursor:pointer}
#im-site .pj .gf-view:hover{color:#fff!important;border-color:#fff}
#im-site .phase-gallery{max-width:1060px;margin:0 auto}
#im-site .phase-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}
#im-site .phase-tab{min-height:44px;padding:11px 20px;border:1px solid #b7aa94;border-radius:999px;background:#f9f6ef;color:#3d4035;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
#im-site .phase-tab:hover{transform:translateY(-1px);border-color:#97764a}
#im-site .phase-tab[aria-selected="true"]{background:#646437;border-color:#646437;color:#fff}
#im-site .phase-story{max-width:820px;margin:0 auto 28px;text-align:center}
#im-site .phase-story h3{margin:0 0 10px;color:#292a25;font:400 clamp(25px,3vw,35px)/1.15 Georgia,serif}
#im-site .phase-story p{margin:0;color:#5b5a51;font-size:16px;line-height:1.72}
#im-site .phase-main-wrap{position:relative;overflow:hidden;border:1px solid rgba(151,118,74,.28);border-radius:16px;background:#252720;box-shadow:0 18px 38px rgba(40,36,29,.2)}
#im-site .phase-main{display:block;width:100%;height:min(64vw,650px);min-height:430px;object-fit:contain;background:#252720;cursor:zoom-in}
#im-site .phase-count{position:absolute;right:14px;bottom:13px;padding:7px 11px;border-radius:999px;background:rgba(18,20,16,.82);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}
#im-site .phase-strip-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;margin-top:16px}
#im-site .phase-arrow{width:44px;height:44px;border:1px solid #a98c61;border-radius:50%;background:#f8f4ec;color:#555a35;font-size:25px;line-height:1;cursor:pointer}
#im-site .phase-arrow:hover{background:#646437;color:#fff}
#im-site .phase-thumbs{display:flex;gap:11px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#97764a #ded6c8;padding:3px 2px 9px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
#im-site .phase-thumb{flex:0 0 122px;height:88px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#292b25;cursor:pointer;scroll-snap-align:start;opacity:.72;transition:opacity .2s,border-color .2s,transform .2s}
#im-site .phase-thumb:hover{opacity:1;transform:translateY(-1px)}
#im-site .phase-thumb.active{border-color:#97764a;opacity:1;box-shadow:0 0 0 2px #f4efe6,0 0 0 4px #97764a}
#im-site .phase-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#im-site #gallery02>div>ul.phase-source,#im-site #gallery03>div>ul.phase-source,#im-site #gallery04>div>ul.phase-source{display:none!important}
@media(max-width:800px){#im-site .project-gallery-page .gf-body{padding:42px 16px 58px}}
@media(max-width:700px){#im-site .project-gallery-page .gf-back{margin-bottom:32px}#im-site .project-gallery-page .gf-intro h2{font-size:29px}#im-site .project-gallery-page .gf-intro p{font-size:15px}#im-site .phase-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}#im-site .phase-tab{padding:10px 8px;font-size:10px}#im-site .phase-story{text-align:left}#im-site .phase-story h3{font-size:25px}#im-site .phase-story p{font-size:15px}#im-site .phase-main{height:68vw;min-height:280px}#im-site .phase-strip-wrap{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}#im-site .phase-arrow{width:36px;height:36px;font-size:21px}#im-site .phase-thumb{flex-basis:92px;height:68px}}
@media(max-width:420px){#im-site .phase-main{min-height:235px}#im-site .phase-count{font-size:10px}}