:root{--pd-ink:#0a1016;--pd-muted:#6a747d;--pd-blue:#0067b1;--pd-line:#dce2e6;--pd-bg:#eef5fa}.pd-wrap{width:min(1440px,calc(100% - 64px));margin:auto}.pd-archive,.pd-single{color:var(--pd-ink)}.pd-hero{padding:78px 0 42px;max-width:900px}.pd-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;color:var(--pd-muted);margin:0}.pd-hero h1,.pd-project-head h1{font-size:clamp(48px,6.4vw,92px);line-height:.95;letter-spacing:-.055em;margin:15px 0 22px;font-weight:650}.pd-hero>p:last-child{font-size:18px;line-height:1.6;max-width:720px}.pd-filters{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 38px}.pd-filters a,.pd-back{border:1px solid #cbd4da;border-radius:999px;padding:10px 15px;text-decoration:none!important;color:inherit!important;font-size:12px;transition:.2s}.pd-filters a:hover,.pd-filters a.is-active,.pd-back:hover{background:#0a1016;color:#fff!important;border-color:#0a1016}.pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pd-card{min-height:390px;position:relative;overflow:hidden;background:#18222c;color:white!important;text-decoration:none!important}
.pd-card img,.pd-main-image img{width:100%;height:100%;object-fit:cover;object-position:var(--pd-fx,50%) var(--pd-fy,50%);transition:transform .65s ease}.pd-card:hover img{transform:scale(1.025)}.pd-placeholder{height:100%;background:linear-gradient(135deg,#132536,#5a6570)}.pd-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.82))}.pd-caption{position:absolute;left:30px;right:30px;bottom:27px}.pd-caption small{letter-spacing:.15em;text-transform:uppercase;font-size:11px}.pd-caption h2{font-size:clamp(25px,2.2vw,36px);line-height:1.08;margin:9px 0 0;color:#fff}.pd-archive>.pd-back{display:inline-block;margin:40px 0 70px}.pd-single>.pd-back{display:inline-block;margin:32px 0 0}.pd-project-head{padding:52px 0 30px;max-width:1180px}.pd-project-head h1{margin-bottom:0}.pd-main-image{height:min(72vw,860px);overflow:hidden;background:#e9eef1}.pd-detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:110px;padding:84px 0 92px}.pd-copy{max-width:800px}.pd-detail h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;margin:0 0 16px}.pd-detail h2:not(:first-child){margin-top:52px}.pd-detail p{font-size:17px;line-height:1.72;margin:0}.pd-specs{margin:5px 0 0;align-self:start;border-top:1px solid var(--pd-line)}.pd-specs div{display:grid;grid-template-columns:.9fr 1.35fr;border-bottom:1px solid var(--pd-line);padding:16px 0;gap:18px}.pd-specs dt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.pd-specs dd{margin:0;font-size:14px}.pd-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:90px}.pd-gallery a{grid-column:span 6;display:block;background:#eef1f3;overflow:hidden}.pd-gallery a:nth-child(3n){grid-column:span 12}.pd-gallery img{width:100%;height:auto;display:block;transition:transform .45s ease}.pd-gallery a:hover img{transform:scale(1.015)}.pd-lightbox{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:44px}.pd-lightbox.is-open{display:flex}.pd-lightbox img{max-width:94vw;max-height:90vh;width:auto;height:auto}.pd-lightbox-close,.pd-lightbox-prev,.pd-lightbox-next{position:fixed;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;border-radius:999px;width:46px;height:46px;font-size:26px;line-height:1}.pd-lightbox-close{right:24px;top:20px}.pd-lightbox-prev{left:22px;top:50%}.pd-lightbox-next{right:22px;top:50%}.pd-pagination{margin:35px 0}.pd-archive .navigation.pagination{margin:35px 0}.pd-archive .nav-links{display:flex;gap:8px}.pd-archive .page-numbers{padding:8px 11px;border:1px solid var(--pd-line);text-decoration:none!important}
@media(max-width:900px){.pd-wrap{width:min(100% - 32px,1440px)}.pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-card{min-height:360px}.pd-detail{grid-template-columns:1fr;gap:42px;padding:55px 0 65px}.pd-gallery{display:block}.pd-gallery a{margin-bottom:16px}.pd-main-image{height:72vw}.pd-hero{padding-top:52px}.pd-project-head{padding-top:38px}}
@media(max-width:560px){.pd-wrap{width:calc(100% - 24px)}.pd-grid{display:block}.pd-card{display:block;min-height:340px;margin-bottom:16px}.pd-caption{left:20px;bottom:20px}.pd-main-image{height:78vw}.pd-lightbox{padding:18px}.pd-lightbox-prev,.pd-lightbox-next{width:38px;height:38px}.pd-detail p{font-size:16px}}
