/* Athokpam Ink Portfolio Gallery */
.athokpam-pg{--pg-gold:#d4a72c;--pg-bg:#070808;--pg-text:#f2f2ef;--pg-muted:#aeb1ad;position:relative;width:min(1280px,calc(100vw - 80px));margin-left:auto;margin-right:auto}.athokpam-pg-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.athokpam-pg-filter{appearance:none;border:1px solid rgba(255,255,255,.13);border-radius:0;background:transparent;color:#aeb1ad;padding:11px 17px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.athokpam-pg-filter:hover,.athokpam-pg-filter.is-active{border-color:var(--pg-gold);background:var(--pg-gold);color:#080909}.athokpam-pg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.athokpam-pg-item{min-width:0;aspect-ratio:4/5;overflow:hidden;background:#0c0e0e}.athokpam-pg-open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;cursor:pointer;overflow:hidden}.athokpam-pg-image-wrap{position:absolute;inset:0;display:block}.athokpam-pg-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,opacity .35s ease}.athokpam-pg-hover{position:absolute;inset:0;display:grid;place-items:center;background: transparent;opacity:0;transition:opacity .3s ease
    pointer-events: none;
}.athokpam-pg-hover svg{width:54px;height:54px;padding:14px;border:1px solid rgba(212,167,44,.9);border-radius:50%;background:rgba(5,6,6,.72);stroke:#f1f1ee;stroke-width:1.5;fill:none}.athokpam-pg-open:hover .athokpam-pg-hover,.athokpam-pg-open:focus-visible .athokpam-pg-hover{opacity:1}.athokpam-pg-open:hover img{transform:scale(1.035)}.athokpam-pg-placeholder{display:grid;width:100%;height:100%;place-items:center;background:#101313;color:#555;font:700 12px/1 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.athokpam-pg-empty{padding:50px;text-align:center;border:1px dashed rgba(212,167,44,.3);color:var(--pg-muted)}.athokpam-pg-lightbox{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;inset:0;display:none;align-items:center;justify-content:center;padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.90);box-sizing:border-box}.athokpam-pg-lightbox.is-open{display:flex}.athokpam-pg-backdrop{position:fixed;inset:0}.athokpam-pg-dialog{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,360px);grid-template-rows:minmax(0,1fr);gap:32px;width:min(1100px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:auto 0;padding:20px;border:1px solid rgba(255,255,255,.13);background:#080909;box-shadow:0 25px 100px rgba(0,0,0,.6);overflow:auto;box-sizing:border-box;flex:none}.athokpam-pg-lightbox-media{grid-row:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050606}.athokpam-pg-lightbox-media img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:4/5;object-fit:contain;background:#050606}.athokpam-pg-details{align-self:end;padding:0 18px 12px 0}.athokpam-pg-category{margin-bottom:12px;color:var(--pg-gold);font:700 10px/1.4 Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase}.athokpam-pg-details h2{margin:0 0 16px;color:var(--pg-text);font-size:clamp(32px,4vw,58px);font-weight:800;letter-spacing:-2px;line-height:.95}.athokpam-pg-details p{margin:0;color:#aeb1ad;font-size:14px;line-height:1.8}.athokpam-pg-count{margin-top:35px;color:#777b77;font:700 10px/1 Arial,sans-serif;letter-spacing:2px}.athokpam-pg-close,.athokpam-pg-prev,.athokpam-pg-next{position:absolute;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:#f2f2ef;cursor:pointer}.athokpam-pg-close{top:18px;right:18px;font-size:34px;font-weight:300;line-height:1}.athokpam-pg-prev{top:50%;left:12px;transform:translateY(-50%);font-size:48px;font-weight:300;line-height:1}.athokpam-pg-next{top:50%;right:12px;transform:translateY(-50%);font-size:48px;font-weight:300;line-height:1}.athokpam-pg-close:hover,.athokpam-pg-prev:hover,.athokpam-pg-next:hover{border-color:transparent;color:var(--pg-gold);background:transparent}body.athokpam-pg-lock{overflow:hidden}.athokpam-pg-lightbox.is-open{touch-action:auto}
.athokpam-portfolio-page{background:#050606;color:#eee}.portfolio-page-hero{padding:115px 0 80px;border-bottom:1px solid rgba(212,167,44,.18);background:radial-gradient(circle at 10% 50%,rgba(212,167,44,.08),transparent 35%),#050606}.portfolio-page-hero .container,.portfolio-page-content .container{width:min(1240px,calc(100% - 48px));margin:0 auto}.portfolio-page-hero .page-title{margin:0 0 20px;color:#f4f4f1;font-size:clamp(58px,8vw,105px);font-weight:900;letter-spacing:-4px;line-height:.9}.portfolio-page-intro{max-width:700px;margin:0;color:#aeb1ad;font-size:17px;line-height:1.8}.portfolio-page-content{padding:70px 0 120px}
@media(max-width:1320px){.athokpam-pg{width:calc(100vw - 48px);margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.athokpam-pg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.athokpam-pg-dialog{grid-template-columns:minmax(260px,1fr) minmax(230px,320px)}}
@media(max-width:700px){.athokpam-pg{width:calc(100vw - 40px);margin-left:auto;margin-right:auto}}
@media(max-width:700px){.athokpam-pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.athokpam-pg-filter{padding:10px 12px}.athokpam-pg-lightbox{align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto}.athokpam-pg-dialog{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;max-height:none;margin:0;flex:none;padding:12px;gap:16px;overflow:visible}.athokpam-pg-lightbox-media{order:1;min-height:0}.athokpam-pg-lightbox-media img{width:auto;height:auto;max-width:100%;max-height:none;aspect-ratio:4/5;object-fit:contain}.athokpam-pg-details{order:2;padding:0 12px 20px}.athokpam-pg-details h2{font-size:38px}.athokpam-pg-close{top:20px;right:20px}.athokpam-pg-prev{left:18px}.athokpam-pg-next{right:18px}.portfolio-page-hero{padding:85px 0 65px}.portfolio-page-hero .container,.portfolio-page-content .container{width:calc(100% - 40px)}.portfolio-page-hero .page-title{font-size:clamp(50px,14vw,76px);letter-spacing:-2px}}
@media(max-width:430px){.athokpam-pg-grid{gap:7px}.athokpam-pg-hover svg{width:46px;height:46px;padding:12px}}