.photograafia-gallery{--c0:#0B0D10;--c1:#171A1E;--w:#F5F1EA;--cr:#EDE7DE;--g:#A7A39D;--g2:#73716D;--r:#9B4D45;--r2:#743B37;--cu:#B87957;--bl:#D8C2B8;--ser:'Playfair Display',Georgia,serif;--san:'Poppins','Inter',system-ui,sans-serif;position:relative;width:100%;overflow-x:clip;background:var(--w);color:var(--c0);font-family:var(--san);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
.photograafia-gallery *,.photograafia-gallery *::before,.photograafia-gallery *::after{box-sizing:border-box}
.photograafia-gallery :focus-visible{outline:2px solid var(--cu);outline-offset:3px}
.photograafia-gallery .pg-eb{display:block;margin:0 0 22px;font:500 11px/1.4 var(--san);letter-spacing:.32em;text-transform:uppercase;color:var(--cu)}
.photograafia-gallery .pg-h{margin:0;font-family:var(--ser);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:inherit}
.photograafia-gallery .pg-it{display:block;font-style:italic;color:var(--bl)}
.photograafia-gallery .pg-p{margin:22px 0 0;max-width:600px;font-size:clamp(15px,1.2vw,17px);font-weight:300}
.photograafia-gallery .pg-btn{display:inline-block;padding:16px 32px;border:1px solid var(--r);background:var(--r);color:var(--w);font:500 12px/1 var(--san);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;transition:background .4s,border-color .4s,transform .4s}
.photograafia-gallery .pg-btn:hover{background:var(--r2);border-color:var(--r2);transform:translateY(-2px)}
.photograafia-gallery .pg-btn.pg-ghost{background:transparent;border-color:rgba(245,241,234,.5)}
.photograafia-gallery .pg-btn.pg-ghost:hover{background:var(--w);color:var(--c0);border-color:var(--w)}
.photograafia-gallery .pg-link{display:inline-block;color:var(--w);font:500 12px/1 var(--san);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:0 0 8px;border-bottom:1px solid var(--cu);margin-top:34px;transition:color .3s,padding .3s}
.photograafia-gallery .pg-link:hover{color:var(--bl);padding-right:8px}
.photograafia-gallery .pg-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;background:linear-gradient(135deg,var(--c1),#22262b);color:var(--g2);font:400 10px/1 var(--san);letter-spacing:.25em;text-align:center;padding:12px}
/* reveal */
.photograafia-gallery.pg-js .pg-rv{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s ease}
.photograafia-gallery.pg-js .pg-rv.pg-in{opacity:1;transform:none}
/* 01 hero */
.photograafia-gallery .pg-hero{position:relative;display:flex;align-items:center;min-height:78vh;overflow:hidden;isolation:isolate;background:var(--c0);color:var(--w)}
.photograafia-gallery .pg-bg{position:absolute;inset:0;z-index:-2}
.photograafia-gallery .pg-bg img{display:block;width:100%;height:100%;object-fit:cover}
.photograafia-gallery .pg-hero::after,.photograafia-gallery .pg-feat::after,.photograafia-gallery .pg-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,16,.5),rgba(11,13,16,.22) 45%,rgba(11,13,16,.9))}
.photograafia-gallery .pg-hero-in{width:100%;max-width:1400px;margin:0 auto;padding:clamp(120px,15vh,180px) clamp(24px,5vw,72px) clamp(110px,13vh,150px)}
.photograafia-gallery .pg-hero .pg-h{font-size:clamp(3.2rem,9vw,8rem)}
.photograafia-gallery .pg-hero .pg-it{font-size:.55em;margin-top:.25em}
.photograafia-gallery .pg-hero .pg-p{color:var(--cr)}
.photograafia-gallery .pg-lab{display:block;margin-top:34px;font:400 11px/1 var(--san);letter-spacing:.3em;color:var(--g)}
.photograafia-gallery .pg-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--w);font:400 10px/1 var(--san);letter-spacing:.34em;text-decoration:none}
.photograafia-gallery .pg-scroll i{width:1px;height:48px;background:linear-gradient(var(--w),transparent);transform-origin:top;animation:pgline 2.4s ease-in-out infinite}
@keyframes pgline{0%{transform:scaleY(0)}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
/* 02 intro / 07 statement */
.photograafia-gallery .pg-intro,.photograafia-gallery .pg-state{background:var(--cr);padding:clamp(90px,13vw,180px) 24px;text-align:center}
.photograafia-gallery .pg-intro .pg-in-w,.photograafia-gallery .pg-state .pg-in-w{max-width:820px;margin:0 auto}
.photograafia-gallery .pg-intro .pg-h{font-size:clamp(2rem,4.6vw,3.8rem)}
.photograafia-gallery .pg-intro .pg-p,.photograafia-gallery .pg-state .pg-p{margin-left:auto;margin-right:auto;color:var(--g2)}
.photograafia-gallery .pg-state .pg-h{font-size:clamp(2.4rem,6vw,5.2rem)}
.photograafia-gallery .pg-state .pg-it{color:var(--r);margin-top:.15em}
.photograafia-gallery .pg-state{background:var(--w)}
/* 04 grid */
.photograafia-gallery .pg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(190px,21vw,310px);grid-auto-flow:dense;gap:clamp(8px,1vw,14px);max-width:1680px;margin:0 auto;padding:0 clamp(12px,2.5vw,40px);transition:opacity .25s,transform .25s}
.photograafia-gallery .pg-grid.pg-swap{opacity:0;transform:translateY(10px)}
.photograafia-gallery .pg-item{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--c1);cursor:zoom-in;color:var(--w);text-align:left}
.photograafia-gallery .pg-item.pg-off{display:none}
.photograafia-gallery .pg-tall{grid-row:span 2}
.photograafia-gallery .pg-wide{grid-column:span 2}
.photograafia-gallery .pg-big{grid-column:span 2;grid-row:span 2}
.photograafia-gallery .pg-full{grid-column:span 4;grid-row:span 2}
.photograafia-gallery .pg-item img,.photograafia-gallery .pg-item video,.photograafia-gallery .pg-film img,.photograafia-gallery .pg-film video,.photograafia-gallery .pg-feat img,.photograafia-gallery .pg-cta img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.photograafia-gallery .pg-play{position:absolute;left:50%;top:50%;width:clamp(52px,5vw,68px);height:clamp(52px,5vw,68px);margin:calc(clamp(52px,5vw,68px)/-2) 0 0 calc(clamp(52px,5vw,68px)/-2);display:flex;align-items:center;justify-content:center;border:1px solid rgba(245,241,234,.75);border-radius:50%;background:rgba(11,13,16,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .5s,background .5s;pointer-events:none}
.photograafia-gallery .pg-play svg{width:38%;height:38%;fill:var(--w);margin-left:6%}
.photograafia-gallery .pg-focus-ov{opacity:1}
@media(hover:hover){
.photograafia-gallery .pg-item:hover img,.photograafia-gallery .pg-item:hover video,.photograafia-gallery .pg-film:hover img,.photograafia-gallery .pg-film:hover video{transform:scale(1.035)}
.photograafia-gallery .pg-item:hover .pg-play,.photograafia-gallery .pg-film:hover .pg-play{transform:scale(1.1);background:rgba(155,77,69,.75)}}
/* 05 featured / 08 cta */
.photograafia-gallery .pg-feat,.photograafia-gallery .pg-cta{position:relative;display:flex;align-items:center;min-height:80vh;overflow:hidden;isolation:isolate;background:var(--c0);color:var(--w)}
.photograafia-gallery .pg-feat::after{background:linear-gradient(90deg,rgba(11,13,16,.85),rgba(11,13,16,.2))}
.photograafia-gallery .pg-feat .pg-in-w{width:100%;max-width:1400px;margin:0 auto;padding:100px clamp(24px,5vw,72px)}
.photograafia-gallery .pg-feat .pg-h,.photograafia-gallery .pg-cta .pg-h{font-size:clamp(2.4rem,6vw,5.4rem);max-width:820px}
.photograafia-gallery .pg-feat .pg-p{color:var(--cr)}
.photograafia-gallery .pg-cta{min-height:88vh;text-align:center}
.photograafia-gallery .pg-cta::after{background:linear-gradient(180deg,rgba(11,13,16,.8),rgba(23,26,30,.7) 50%,rgba(11,13,16,.92))}
.photograafia-gallery .pg-cta .pg-in-w{width:100%;max-width:900px;margin:0 auto;padding:100px 24px}
.photograafia-gallery .pg-cta .pg-h,.photograafia-gallery .pg-cta .pg-p{margin-left:auto;margin-right:auto}
.photograafia-gallery .pg-cta .pg-p{color:var(--cr)}
.photograafia-gallery .pg-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px}
/* 06 films */
.photograafia-gallery .pg-films{background:var(--c0);color:var(--w);padding:clamp(80px,11vw,150px) clamp(12px,2.5vw,40px)}
.photograafia-gallery .pg-films-in{max-width:1680px;margin:0 auto}
.photograafia-gallery .pg-films .pg-h{font-size:clamp(2.2rem,5vw,4.4rem);margin-bottom:clamp(36px,5vw,64px);padding:0 clamp(0px,2vw,24px)}
.photograafia-gallery .pg-films .pg-eb{padding:0 clamp(0px,2vw,24px)}
.photograafia-gallery .pg-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px)}
.photograafia-gallery .pg-film{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--c1);color:var(--w);text-align:left;cursor:pointer;aspect-ratio:16/9}
.photograafia-gallery .pg-film:first-child{grid-column:span 2;aspect-ratio:21/9}
.photograafia-gallery .pg-film::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,.75),transparent 55%);pointer-events:none}
/* lightbox */
.photograafia-gallery .pg-lightbox,.photograafia-gallery .pg-modal{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;background:rgba(11,13,16,.95);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.photograafia-gallery .pg-lightbox.pg-open,.photograafia-gallery .pg-modal.pg-open{opacity:1;visibility:visible}
.photograafia-gallery .pg-lb-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 0 30px}
.photograafia-gallery .pg-lb-media{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:88vh;transition:opacity .2s}
.photograafia-gallery .pg-lb-media.pg-out{opacity:0}
.photograafia-gallery .pg-lb-media img,.photograafia-gallery .pg-lb-media video{display:block;max-width:92vw;max-height:calc(88vh - 30px);width:auto;height:auto;object-fit:contain;background:var(--c1)}
.photograafia-gallery .pg-frame{width:min(92vw,calc((88vh - 30px)*1.7778));aspect-ratio:16/9}
.photograafia-gallery .pg-frame iframe{width:100%;height:100%;border:0;display:block}
.photograafia-gallery .pg-ph-lg{width:min(80vw,640px);height:min(60vh,420px)}
.photograafia-gallery .pg-lb-btn{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:1px solid rgba(245,241,234,.25);border-radius:50%;background:rgba(11,13,16,.4);color:var(--w);cursor:pointer;transition:background .3s,border-color .3s}
.photograafia-gallery .pg-lb-btn:hover{background:var(--r);border-color:var(--r)}
.photograafia-gallery .pg-lb-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.photograafia-gallery .pg-lb-close{top:18px;right:18px}
.photograafia-gallery .pg-lb-prev{left:18px;top:50%;margin-top:-24px}
.photograafia-gallery .pg-lb-next{right:18px;top:50%;margin-top:-24px}
/* modal */
.photograafia-gallery .pg-modal{padding:16px;background:rgba(11,13,16,.85)}
.photograafia-gallery .pg-panel{position:relative;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--w);color:var(--c0);padding:clamp(28px,4vw,48px)}
.photograafia-gallery .pg-panel .pg-h{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:24px}
.photograafia-gallery .pg-panel .pg-lb-btn{top:12px;right:12px;width:38px;height:38px;color:var(--c0);border-color:var(--bl);background:none}
.photograafia-gallery .pg-panel .pg-lb-btn:hover{color:var(--w)}
.photograafia-gallery .pg-f label{display:block;margin:0 0 16px;font:500 10px/1.4 var(--san);letter-spacing:.2em;text-transform:uppercase;color:var(--g2)}
.photograafia-gallery .pg-f input,.photograafia-gallery .pg-f select,.photograafia-gallery .pg-f textarea{display:block;width:100%;margin:4px 0 0;padding:10px 0;border:0;border-bottom:1px solid var(--bl);border-radius:0;background:transparent;box-shadow:none;color:var(--c0);font:300 15px/1.4 var(--san);letter-spacing:0;text-transform:none}
.photograafia-gallery .pg-f input:focus,.photograafia-gallery .pg-f select:focus,.photograafia-gallery .pg-f textarea:focus{outline:0;border-bottom-color:var(--r)}
.photograafia-gallery .pg-f textarea{resize:vertical;min-height:70px}
.photograafia-gallery .pg-f .pg-btn{width:100%;margin-top:10px;text-align:center}
.photograafia-gallery .pg-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
/* whatsapp float */
.photograafia-gallery .pg-wa-float{position:fixed;right:24px;bottom:24px;z-index:99980;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0;padding:0;border:0;border-radius:50%;background:#25D366;color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(11,13,16,.3);transition:transform .35s}
.photograafia-gallery .pg-wa-float:hover{transform:scale(1.07)}
.photograafia-gallery .pg-wa-float svg{width:30px;height:30px;fill:#fff}
.photograafia-gallery .pg-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 14px;background:var(--c0);color:var(--w);font:400 12px/1 var(--san);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}
.photograafia-gallery .pg-wa-float:hover .pg-tip,.photograafia-gallery .pg-wa-float:focus-visible .pg-tip{opacity:1}
/* responsive */
@media(max-width:1024px){
.photograafia-gallery .pg-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(150px,27vw,270px)}
.photograafia-gallery .pg-full{grid-column:span 3}}
@media(max-width:767px){
.photograafia-gallery .pg-hero{min-height:74vh}
.photograafia-gallery .pg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(150px,42vw,260px)}
.photograafia-gallery .pg-full,.photograafia-gallery .pg-big,.photograafia-gallery .pg-wide{grid-column:span 2}
.photograafia-gallery .pg-full{grid-row:span 2}
.photograafia-gallery .pg-fgrid{grid-template-columns:1fr}
.photograafia-gallery .pg-film:first-child{grid-column:auto;aspect-ratio:16/9}
.photograafia-gallery .pg-row{grid-template-columns:1fr}
.photograafia-gallery .pg-wa-float{right:16px;bottom:16px;width:52px;height:52px}
.photograafia-gallery .pg-tip{display:none}
.photograafia-gallery .pg-lb-media,.photograafia-gallery .pg-lb-media img,.photograafia-gallery .pg-lb-media video{max-width:94vw}
.photograafia-gallery .pg-lb-media img,.photograafia-gallery .pg-lb-media video{max-height:calc(85vh - 30px)}
.photograafia-gallery .pg-frame{width:94vw}
.photograafia-gallery .pg-lb-btn{width:42px;height:42px}
.photograafia-gallery .pg-lb-prev{left:8px}.photograafia-gallery .pg-lb-next{right:8px}
@media(max-width:560px){
.photograafia-gallery .pg-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}
.photograafia-gallery .pg-item{height:auto;aspect-ratio:1/1;grid-column:auto!important;grid-row:auto!important}
.photograafia-gallery .pg-tall{aspect-ratio:3/4}
.photograafia-gallery .pg-big{aspect-ratio:4/5}
.photograafia-gallery .pg-wide{aspect-ratio:4/3}
.photograafia-gallery .pg-full{aspect-ratio:16/11}
}
@media(prefers-reduced-motion:reduce){
.photograafia-gallery *,.photograafia-gallery *::before,.photograafia-gallery *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.photograafia-gallery.pg-js .pg-rv{opacity:1;transform:none}}


/* Photograafia minimal media presentation + requested white typography */
.photograafia-gallery .pg-white,
.photograafia-gallery .pg-white *,
.photograafia-gallery .pg-hero .pg-eb.pg-white,
.photograafia-gallery .pg-hero .pg-h.pg-white,
.photograafia-gallery .pg-hero .pg-it.pg-white,
.photograafia-gallery .pg-hero .pg-p.pg-white,
.photograafia-gallery .pg-state .pg-eb.pg-white,
.photograafia-gallery .pg-state .pg-h.pg-white,
.photograafia-gallery .pg-state .pg-p.pg-white,
.photograafia-gallery .pg-cta .pg-eb.pg-white,
.photograafia-gallery .pg-cta .pg-h.pg-white,
.photograafia-gallery .pg-cta .pg-p.pg-white{color:#FFFFFF!important}
.photograafia-gallery .pg-hero .pg-h,
.photograafia-gallery .pg-hero .pg-it,
.photograafia-gallery .pg-hero .pg-p,
.photograafia-gallery .pg-hero .pg-eb{color:#FFFFFF!important}
.photograafia-gallery .pg-state .pg-eb,
.photograafia-gallery .pg-state .pg-h,
.photograafia-gallery .pg-state .pg-p{color:#FFFFFF!important}
.photograafia-gallery .pg-cta .pg-eb,
.photograafia-gallery .pg-cta .pg-h,
.photograafia-gallery .pg-cta .pg-p{color:#FFFFFF!important}
.photograafia-gallery .pg-films .pg-eb,
.photograafia-gallery .pg-films .pg-h{color:#FFFFFF!important}