.project-detail-main{min-height:calc(100dvh - var(--site-header-height));background:#fff}.project-detail-section{background:#fff;padding:0 0 118px}.project-detail-container.container{width:calc(100% - 200px);max-width:1720px;margin-inline:auto;padding-inline:0}.project-gallery{grid-template-columns:minmax(0,1fr) 318px;column-gap:16px;display:grid}.project-main-image,.project-thumb-image{cursor:zoom-in;background-color:#9f9f9f;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:8px;width:100%;margin:0;padding:0;transition:opacity .2s;position:relative}.project-main-image:hover,.project-thumb-image:hover{opacity:.92}.project-main-image{height:723px}.project-side-thumbs{flex-direction:column;gap:16px;display:flex}.project-thumb-image{height:227px}.project-thumb-count{color:#fff;background:#000000c4;border-radius:5px;align-items:center;gap:8px;padding:5px 12px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:15px;font-style:normal;font-weight:400;display:inline-flex;position:absolute;bottom:9px;right:9px}.project-thumb-count svg{width:20px;height:20px;display:block}.project-mobile-photo-pill{display:none}.project-heading{width:min(100%,737px);margin-top:53px}.project-title{color:#000;letter-spacing:.005em;margin:0;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:45px;font-style:normal;font-weight:400;line-height:1}.project-meta{color:#565656;letter-spacing:.02em;margin:15px 0 0;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:19px;font-style:normal;font-weight:350;line-height:30px}.project-description{color:#565656;letter-spacing:.02em;max-width:100%;margin-top:34px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:19px;font-style:normal;font-weight:350;line-height:30px}.project-description p,.project-description ul{margin:0}.project-description p+p,.project-description p+ul,.project-description ul+p{margin-top:2px}.project-description ul{margin-left:28px;list-style:outside}.project-back{margin-top:56px}.project-back-link{color:#000;letter-spacing:.01em;border:1px solid #b6b6b6;border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.project-back-link:hover{color:#fff;background:#000;border-color:#000}.project-viewer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-viewer-panel{width:min(1500px,94vw);max-width:94vw;height:min(90vh,900px);position:relative}.project-viewer-image-wrap{border-radius:10px;width:100%;height:100%;overflow:hidden}.project-viewer-image{background-color:#121212;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.project-viewer-close{color:#040707;cursor:pointer;z-index:2;background:#ffffffed;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:33px;font-weight:300;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.project-viewer-nav{color:#040707;cursor:pointer;z-index:2;background:#ffffffe6;border:0;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-28px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:54px;font-weight:300;line-height:1;display:inline-flex;position:absolute;top:50%}.project-viewer-nav-prev{left:16px}.project-viewer-nav-next{right:16px}.project-viewer-counter{color:#fff;letter-spacing:.01em;background:#0000009e;border-radius:999px;margin:0;padding:10px 14px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:16px;font-style:normal;font-weight:400;line-height:1;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:1440px){.project-main-image{height:min(723px,50vw)}.project-title{font-size:clamp(36px,3vw,45px)}.project-meta,.project-description{font-size:clamp(16px,1.2vw,19px);line-height:clamp(25px,1.9vw,30px)}}@media (max-width:1180px){.project-detail-container.container{width:calc(100% - 40px)}.project-gallery{grid-template-columns:minmax(0,1fr);gap:14px}.project-main-image{aspect-ratio:1386/723;height:auto}.project-side-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-thumb-image{aspect-ratio:318/227;height:auto}.project-heading{margin-top:34px}.project-viewer-nav{width:48px;height:48px;margin-top:-24px;font-size:42px}}@media (max-width:767px){.project-detail-section{padding-bottom:74px}.project-side-thumbs{display:none}.project-main-image{aspect-ratio:4/3;height:auto}.project-mobile-photo-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;letter-spacing:.02em;z-index:2;background:#000000a8;border:0;border-radius:999px;align-items:center;gap:7px;height:auto;padding:8px 16px;font-family:Optima,Optima LT Std,Palatino Linotype,Palatino,Times New Roman,serif;font-size:14px;font-weight:400;transition:background .2s;display:inline-flex;position:absolute;bottom:14px;right:14px}.project-mobile-photo-pill svg{flex-shrink:0;display:block}.project-mobile-photo-pill:active{background:#000000d9}.project-heading{margin-top:26px}.project-title{font-size:clamp(34px,8vw,42px)}.project-meta{margin-top:10px;font-size:16px;line-height:25px}.project-description{letter-spacing:.01em;margin-top:22px;font-size:16px;line-height:26px}.project-description ul{margin-left:22px}.project-back{margin-top:40px}.project-back-link{padding:9px 20px;font-size:15px}.project-viewer-panel{width:98vw;height:min(78vh,700px)}.project-viewer-close{width:38px;height:38px;font-size:28px}.project-viewer-nav{width:40px;height:40px;margin-top:-20px;font-size:34px}.project-viewer-nav-prev{left:8px}.project-viewer-nav-next{right:8px}.project-viewer-counter{padding:8px 12px;font-size:14px}}@media (max-width:639px){.project-detail-container.container{width:calc(100% - 28px)}.project-thumb-count{padding:5px 10px;font-size:14px;bottom:7px;right:7px}}
