:root{color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-wrap:anywhere}a{text-underline-offset:.28em}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #8FAEB8;outline-offset:4px}img{max-width:100%;height:auto}.wp-site-blocks{overflow:clip}.pon-header{border-bottom:1px solid #ffffff12;position:relative;z-index:10;background:#08090B}.pon-header .wp-block-site-title{font-family:var(--wp--preset--font-family--interface);font-weight:600;letter-spacing:.22em;font-size:.95rem;line-height:1.3}.pon-header .wp-block-navigation a{text-decoration:none!important}.pon-header .wp-block-navigation .current-menu-item>a,.pon-header .wp-block-navigation .current_page_item>a{color:#8FAEB8}.pon-header-inner{min-height:96px}.pon-kicker{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:600;color:#8FAEB8!important}.pon-hero{position:relative;min-height:min(80vh,760px);display:flex;align-items:flex-end;isolation:isolate;background:radial-gradient(ellipse at 65% 30%,#263035 0%,#151c21 27%,#08090B 70%)}.pon-hero::before{content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(0deg,#08090B 0%,transparent 66%)}.pon-hero>.wp-block-group{width:100%}.pon-hero h1{max-width:850px;font-size:clamp(3.6rem,8vw,8.7rem);letter-spacing:-.035em;line-height:.97}.pon-hero p{max-width:600px}.pon-section{padding-block:clamp(5rem,9vw,10rem)}.pon-section--panel{background:#14171B}.pon-section h2{font-size:clamp(2.8rem,5.7vw,6.2rem);letter-spacing:-.035em}.pon-section-heading{margin-bottom:clamp(2.5rem,5vw,5rem)}.pon-section-heading p{max-width:660px}.pon-eyebrow{font-size:.76rem;color:#8FAEB8!important;text-transform:uppercase;letter-spacing:.2em}.pon-art{min-height:300px;border:1px solid #ffffff11;display:flex;align-items:flex-end;padding:2rem;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 58% 34%,#2c353a,#111619 48%,#0b0d0e 75%)}.pon-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#08090bcf,transparent 55%)}.pon-art--tall{min-height:590px}.pon-art--wide{min-height:390px}.pon-art--forest{background:linear-gradient(125deg,#08090B,#23302d 58%,#0c1010)}.pon-art--water{background:linear-gradient(135deg,#090e12,#293b44 68%,#090c0f)}.pon-art--stone{background:linear-gradient(155deg,#090b0e,#3a3b37 65%,#101111)}.pon-art h3{font-size:clamp(1.9rem,3vw,3.2rem);margin-bottom:.1em}.pon-art p{margin-top:0}.pon-grid{gap:clamp(1rem,2.2vw,2rem)}.pon-textlink{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:600;text-decoration:none;border-bottom:1px solid #8FAEB8;padding-bottom:.55rem}.pon-journal-card{border-top:1px solid #455259;padding-top:2.5rem;min-height:245px}.pon-journal-card h3{font-size:clamp(2rem,3vw,3.25rem)}.pon-video{min-height:420px;background:radial-gradient(ellipse at 45% 40%,#26343a,#0d1115 64%,#08090B);border:1px solid #ffffff16;display:flex;align-items:center;justify-content:center}.pon-video .wp-block-heading{font-size:clamp(2rem,4vw,4rem)}.pon-footer{border-top:1px solid #ffffff1b}.pon-footer a{text-decoration:none}.pon-content{padding-block:clamp(4rem,8vw,8rem)}.pon-post-header{padding-block:clamp(4rem,9vw,9rem) 3rem}.pon-post-header h1,.pon-page-title{font-size:clamp(3rem,7vw,7.5rem);line-height:1.04;letter-spacing:-.03em}.pon-post-featured img{width:100%;max-height:75vh;object-fit:contain}.pon-meta{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.pon-post-content :is(h2,h3){margin-top:2em}.pon-post-content figure img{display:block}.pon-post-content figcaption{font-size:.8rem;color:#B4B8BB}.pon-post-content p{line-height:1.85}.pon-query-card{padding-bottom:2rem;border-bottom:1px solid #ffffff24;height:100%}.pon-query-card img{aspect-ratio:3/2;object-fit:cover}.pon-query-card h2{font-size:clamp(1.6rem,2.4vw,2.4rem)}.pon-query-card a{text-decoration:none}.pon-query-card .wp-block-post-excerpt{color:#B4B8BB}.wp-block-query-pagination{margin-top:4rem}.wp-block-query-pagination a{text-decoration:none}.wp-block-search__input,textarea,input:not([type=submit]){background:#14171B;border:1px solid #485057;color:#F0F0EE;border-radius:0;padding:.8rem}.wp-block-search__button{border-radius:0;background:#8FAEB8;color:#08090B}.wp-block-quote{border-left:2px solid #8FAEB8;padding-left:1.7rem}.wp-block-separator{border-color:#ffffff2a;opacity:1}.wp-block-image img{max-width:100%}.wp-block-gallery img{object-fit:contain!important}.pon-no-top{margin-block-start:0!important}@media(max-width:781px){.pon-header-inner{min-height:76px}.pon-hero{min-height:65vh}.pon-hero h1{font-size:clamp(3rem,12vw,5.4rem)}.pon-art--tall{min-height:380px}.pon-art--wide{min-height:300px}.pon-section{padding-block:4.5rem}.pon-footer .wp-block-columns{gap:1rem}.pon-video{min-height:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Nordic Noir brand mark: a transparent camera emblem next to the editable site title. */
.pon-header .wp-block-site-title{display:flex;align-items:center;gap:1rem;letter-spacing:.14em}.pon-header .wp-block-site-title::before{content:"";display:block;flex:0 0 auto;width:58px;height:48px;background:url("../images/pon-camera-logo.png") center/contain no-repeat}.pon-footer .wp-block-site-title{display:flex;align-items:center;gap:.75rem}.pon-footer .wp-block-site-title::before{content:"";display:block;width:42px;height:36px;flex:0 0 auto;background:url("../images/pon-camera-logo.png") center/contain no-repeat}@media(max-width:600px){.pon-header .wp-block-site-title{gap:.65rem;font-size:.75rem;letter-spacing:.07em}.pon-header .wp-block-site-title::before{width:44px;height:38px}}

/* v1.2 – real photographs preserve their composition (no cover cropping). */
.pon-native-gallery{padding-block:clamp(3rem,6vw,6rem)}
.pon-native-gallery .pon-gallery-columns{align-items:flex-start;gap:clamp(1rem,2.5vw,2.25rem)}
.pon-native-gallery .wp-block-image{margin:0;background:#14171B;border:1px solid #ffffff10;min-height:120px}
.pon-native-gallery .wp-block-image img{display:block;width:100%;height:auto;object-fit:contain}
.pon-native-gallery .wp-block-image figcaption{font-size:.85rem;color:#B4B8BB}
.pon-section .pon-journal-card{transition:border-color .2s ease}
.pon-section .pon-journal-card:hover{border-color:#8FAEB8}
@media(max-width:781px){.pon-native-gallery .pon-gallery-columns{gap:1.5rem}}

/* v1.3: Original photography; no generative fills or artificial extensions. */
.pon-hero{background-image:linear-gradient(90deg,rgba(8,9,11,.72) 0%,rgba(8,9,11,.34) 36%,rgba(8,9,11,.04) 70%),url("../images/norwegen-fjord-schwarzweiss-stille.webp");background-position:center center;background-size:cover;min-height:min(74vh,740px)}
.pon-hero::before{background:linear-gradient(0deg,#08090B 0%,transparent 26%)}
.pon-hero h1{font-size:clamp(2.9rem,5.1vw,5.5rem);max-width:630px;text-wrap:balance;text-shadow:0 2px 18px #08090B99}
.pon-hero .has-large-font-size{text-shadow:0 1px 13px #08090B99}
/* Artwork is fully visible: contain, never forced crop. */
.pon-art--real{padding:0;display:flex;flex-direction:column;min-height:0!important;background:#0c0e10;border:0;align-items:stretch;overflow:visible}
.pon-art--real::before{content:"";display:block;width:100%;aspect-ratio:3/2;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#0c0e10}
.pon-art--real::after{display:none}
.pon-art--real>.wp-block-group{padding:1rem 0 1.5rem}
.pon-art--real h3{font-size:clamp(1.5rem,2.2vw,2.4rem)}
.pon-art--real p{font-size:.9rem;color:#B4B8BB}
.pon-art--surf::before{background-image:url("../images/werk-aufgewuehlt.webp")}
.pon-art--lake::before{background-image:url("../images/werk-bondhus.webp")}
.pon-art--tower::before{background-image:url("../images/werk-dystopisch.webp")}
@media(max-width:781px){.pon-hero{min-height:60vh;background-position:53% center}.pon-hero h1{font-size:clamp(2.8rem,11vw,4.8rem)}.pon-art--real>.wp-block-group{padding-bottom:.75rem}}

/* 1.6.0: preserve the monochrome fjord and give its foreground rocks visual priority. */
@media(min-width:782px){.pon-hero{background-position:50% 47%}.pon-hero>.wp-block-group{padding-top:4.5rem!important;padding-bottom:3.25rem!important}.pon-hero .has-large-font-size{font-size:clamp(1rem,1.45vw,1.35rem)!important;max-width:520px}}
@media(max-width:781px){.pon-hero{background-position:57% 50%;min-height:68vh}.pon-hero>.wp-block-group{padding-top:4rem!important;padding-bottom:3rem!important}.pon-hero h1{font-size:clamp(2.5rem,9vw,4rem);max-width:520px}.pon-hero .has-large-font-size{font-size:1rem!important;max-width:400px}}


/* v1.7 — Nordic Noir floating glass header: modern typography, understated contrast. */
.pon-header{position:relative;z-index:100;background:rgba(9,12,16,.82);border-bottom:1px solid rgba(143,174,184,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 5px 28px rgba(0,0,0,.22)}
.pon-header-inner{min-height:86px;gap:clamp(1rem,2vw,2.5rem);padding-block:.8rem}
.pon-header .pon-brand-title{margin:0;display:flex;align-items:center;gap:1rem;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:clamp(.82rem,1.06vw,1.03rem);font-weight:650;letter-spacing:.19em;line-height:1.3;text-transform:uppercase}
.pon-header .pon-brand-title::before{content:"";display:block;width:62px;height:52px;flex:0 0 62px;background:url("../images/pon-camera-logo.png") center/contain no-repeat}
.pon-header .pon-brand-title a{color:#F0F0EE;text-decoration:none!important}
.pon-header .pon-brand-title a:hover,.pon-header .pon-brand-title a:focus-visible{color:#8FAEB8}
.pon-header .pon-main-nav{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pon-header .pon-main-nav .wp-block-navigation-item__content{color:#d3d9db;padding:.55rem .15rem;transition:color .2s ease}
.pon-header .pon-main-nav .wp-block-navigation-item__content:hover,.pon-header .pon-main-nav .current-menu-item>.wp-block-navigation-item__content{color:#8FAEB8}
.pon-header .wp-block-navigation__container{gap:clamp(.85rem,1.75vw,1.9rem)}
@media(max-width:781px){.pon-header-inner{min-height:76px;flex-wrap:nowrap!important}.pon-header .pon-brand-title{font-size:.75rem;letter-spacing:.09em;gap:.6rem}.pon-header .pon-brand-title::before{width:46px;height:40px;flex-basis:46px}.pon-header .wp-block-navigation__responsive-container-open{color:#F0F0EE}}
@media(prefers-reduced-motion:reduce){.pon-header .pon-main-nav .wp-block-navigation-item__content{transition:none}}

/* 1.8.0 – distinct modern sans typography + restrained translucent glass for the HERO only. */
.pon-hero > .wp-block-group.alignwide {
  box-sizing:border-box;
  width:min(690px, calc(100% - 4rem)) !important;
  max-width:690px !important;
  margin-left:max(2rem, calc((100vw - 1380px)/2)) !important;
  margin-right:auto !important;
  padding:clamp(1.5rem,3vw,3rem) !important;
  background:rgba(8,11,15,.46);
  border:1px solid rgba(210,224,228,.17);
  border-radius:3px;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  box-shadow:0 16px 50px rgba(0,0,0,.17);
}
.pon-hero h1.wp-block-heading {
  font-family:var(--wp--preset--font-family--interface), Inter, Arial, sans-serif !important;
  font-size:clamp(2.4rem,4.2vw,4.8rem) !important;
  font-weight:520 !important;
  line-height:1.13 !important;
  letter-spacing:-.025em !important;
  max-width:650px !important;
  text-shadow:0 2px 16px rgba(0,0,0,.28);
}
.pon-hero .has-large-font-size {font-family:var(--wp--preset--font-family--interface),Inter,Arial,sans-serif;letter-spacing:.005em}
@media(max-width:781px){
 .pon-hero > .wp-block-group.alignwide{width:calc(100% - 2rem)!important;max-width:none!important;margin-inline:1rem!important;padding:1.4rem!important;background:rgba(8,11,15,.58)}
 .pon-hero h1.wp-block-heading{font-size:clamp(2.05rem,8.5vw,3.65rem)!important;line-height:1.15!important}
}
@media(prefers-reduced-transparency:reduce){.pon-hero > .wp-block-group.alignwide{background:rgba(8,11,15,.9);-webkit-backdrop-filter:none;backdrop-filter:none}}


/* 1.9.0 – subtler hero window, less menu bar weight, tighter transition into first section. */
.pon-header{
  background:rgba(9,12,16,.68);
  border-bottom:1px solid rgba(143,174,184,.16);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:none;
}
.pon-header-inner{min-height:82px;padding-block:.65rem}
.pon-header .pon-brand-title::before{width:70px;height:58px;flex-basis:70px}

.pon-hero{
  min-height:min(66vh,650px);
  background-image:linear-gradient(90deg,rgba(8,9,11,.54) 0%,rgba(8,9,11,.22) 34%,rgba(8,9,11,.02) 68%),url("../images/norwegen-fjord-schwarzweiss-stille.webp");
}
.pon-hero::before{background:linear-gradient(0deg,#08090B 0%,rgba(8,9,11,.16) 15%,transparent 29%)}
.pon-hero > .wp-block-group.alignwide {
  width:min(650px, calc(100% - 4rem)) !important;
  max-width:650px !important;
  padding:clamp(1.35rem,2.4vw,2.4rem) !important;
  margin-top:clamp(1rem,2.2vh,1.6rem) !important;
  background:rgba(8,11,15,.28);
  border:1px solid rgba(210,224,228,.12);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}
.pon-hero h1.wp-block-heading{
  font-size:clamp(2.2rem,4vw,4.45rem) !important;
  line-height:1.11 !important;
}
.pon-hero .has-large-font-size{max-width:31rem}
#werke.pon-section{padding-top:clamp(3.1rem,5vw,5rem)}

@media(min-width:782px){
  .pon-hero{background-position:50% 50%}
  .pon-hero>.wp-block-group{padding-top:2.25rem !important;padding-bottom:1.35rem !important}
}
@media(max-width:781px){
  .pon-header-inner{min-height:74px}
  .pon-header .pon-brand-title::before{width:50px;height:42px;flex-basis:50px}
  .pon-hero{min-height:58vh;background-position:56% 48%}
  .pon-hero>.wp-block-group{padding-top:1.35rem !important;padding-bottom:1rem !important}
  .pon-hero > .wp-block-group.alignwide{
    width:calc(100% - 2rem)!important;
    margin-inline:1rem!important;
    margin-top:.6rem!important;
    padding:1.15rem!important;
    background:rgba(8,11,15,.34);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
  }
  .pon-hero h1.wp-block-heading{font-size:clamp(1.95rem,8.2vw,3.3rem)!important}
  #werke.pon-section{padding-top:2.6rem}
}
@media(prefers-reduced-transparency:reduce){
  .pon-header{background:rgba(9,12,16,.96);-webkit-backdrop-filter:none;backdrop-filter:none}
  .pon-hero > .wp-block-group.alignwide{background:rgba(8,11,15,.78);-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* 2.0.0: sticky, unobtrusive navigation across the site */
.pon-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(8, 10, 13, .84);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.admin-bar .pon-header {top: 32px}
html {scroll-padding-top: 110px}
@media(max-width:782px){
  .admin-bar .pon-header {top: 46px}
  html {scroll-padding-top: 95px}
}
@media(max-width:600px){.admin-bar .pon-header {top:0}}
@media(prefers-reduced-transparency:reduce){.pon-header{background:#08090B;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* 2.0.1 — WP outer wrapper must not become a scroll container: sticky header fix. */
.wp-site-blocks { overflow-x: clip; overflow-y: visible; }
.pon-header { position: sticky !important; top: 0; z-index: 1000; }
@media(max-width:600px){body.admin-bar .pon-header {top:0}}


/* v2.0.2 — Fixed positioning avoids WordPress ancestor/scroll-container sticky limitations. */
:root { --pon-fixed-header-height: 86px; }
body:not(.wp-admin) .pon-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  margin: 0 !important;
}
body:not(.wp-admin) .wp-site-blocks { padding-top: var(--pon-fixed-header-height) !important; }
body.admin-bar:not(.wp-admin) .pon-header { top: 32px !important; }
html { scroll-padding-top: calc(var(--pon-fixed-header-height) + 18px); }
@media(max-width:782px) { body.admin-bar:not(.wp-admin) .pon-header { top: 46px !important; } }
@media(max-width:600px) { body.admin-bar:not(.wp-admin) .pon-header { top: 0 !important; } }

/* v2.0.3 — a little more vertical breathing room in the fixed navigation. */
.pon-header-inner {min-height:98px; padding-block:1rem;}
@media(max-width:781px){.pon-header-inner{min-height:84px;padding-block:.85rem}}

/* v2.0.4: optional language switcher. Empty until translations exist. */
.pon-header .pon-language-switcher{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.07em;font-size:.78rem;color:#d3d9db;margin-inline-start:clamp(.75rem,1.5vw,1.5rem)}
.pon-language-details{position:relative}
.pon-language-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.45rem;padding:.6rem .7rem;border-left:1px solid rgba(143,174,184,.3)}
.pon-language-details summary::-webkit-details-marker{display:none}
.pon-language-details summary:hover,.pon-language-details[open] summary{color:#8FAEB8}
.pon-language-icon{font-size:1.1rem;color:#8FAEB8}
.pon-language-details ul{position:absolute;right:0;top:100%;z-index:200;list-style:none;margin:0;padding:.35rem;min-width:105px;background:#14171B;border:1px solid #39464D;box-shadow:0 12px 24px rgba(0,0,0,.35)}
.pon-language-details li{margin:0}.pon-language-details a{display:block;padding:.55rem .7rem;text-decoration:none!important;color:#F0F0EE}.pon-language-details a:hover,.pon-language-details a[aria-current="page"]{color:#8FAEB8;background:#ffffff0b}
@media(max-width:781px){.pon-header .pon-language-switcher{margin-inline-start:0}.pon-language-details summary{padding:.45rem}}

/* 2.0.6 — Gallery from featured images in the WordPress media library. */
.pon-works-gallery{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);grid-auto-flow:row;gap:clamp(1.5rem,3vw,3.1rem);align-items:start;max-width:1380px;margin-inline:auto}
.pon-work-card{min-width:0;margin:0}
.pon-work-card--feature{grid-row:span 2;align-self:center}
.pon-work-open{display:block;position:relative;overflow:hidden;background:#0b0c0e;border:1px solid #ffffff15;line-height:0;cursor:zoom-in}
.pon-work-open img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .4s ease}
.pon-work-open:hover img{transform:scale(1.012)}
.pon-work-zoom{position:absolute;right:.7rem;bottom:.7rem;display:grid;place-items:center;width:2.3rem;height:2.3rem;color:#F0F0EE;border:1px solid #ffffff77;background:#08090Baa;font:1.1rem Arial,sans-serif;opacity:0;transition:opacity .2s}
.pon-work-open:hover .pon-work-zoom,.pon-work-open:focus-visible .pon-work-zoom{opacity:1}
.pon-work-caption{padding-top:.95rem}
.pon-work-caption h3{font-size:clamp(1.65rem,2.6vw,2.65rem);margin:0 0 .3rem;line-height:1.15}
.pon-work-caption h3 a{text-decoration:none;color:inherit}
.pon-work-caption h3 a:hover,.pon-work-caption h3 a:focus-visible{color:#8FAEB8}
.pon-work-caption p{font:.78rem/1.5 Inter,Arial,sans-serif;letter-spacing:.065em;color:#B4B8BB;margin:0}
.pon-lightbox{inset:0;margin:auto;padding:0;border:1px solid #ffffff2a;border-radius:0;background:#08090B;color:#F0F0EE;width:min(96vw,1600px);height:min(94dvh,1050px);max-width:none;max-height:none;overflow:hidden}
.pon-lightbox::backdrop{background:#000e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.pon-lightbox-shell{display:flex;flex-direction:column;height:100%;padding:clamp(.75rem,1.5vw,1.5rem)}
.pon-lightbox-close{position:absolute;z-index:3;right:1rem;top:.7rem;background:#08090Bde;border:1px solid #ffffff66;color:#F0F0EE;width:2.7rem;height:2.7rem;font:300 2rem Arial,sans-serif;cursor:pointer}
.pon-lightbox-image-area{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:2.6rem clamp(2.7rem,5vw,5rem) 1.2rem}
.pon-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.pon-lightbox-prev,.pon-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;background:#14171Bbb;border:1px solid #ffffff55;color:#F0F0EE;width:2.5rem;height:3rem;font:300 2.2rem Georgia,serif;cursor:pointer}
.pon-lightbox-prev{left:0}.pon-lightbox-next{right:0}
.pon-lightbox-close:hover,.pon-lightbox-prev:hover,.pon-lightbox-next:hover{background:#263037}
.pon-lightbox :is(button,a):focus-visible{outline:2px solid #8FAEB8;outline-offset:3px}
.pon-lightbox-info{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;border-top:1px solid #ffffff2b;padding:1rem .3rem .2rem}
.pon-lightbox-title{font-family:var(--wp--preset--font-family--gallery),Georgia,serif;font-size:clamp(1.6rem,2.5vw,2.6rem);margin:0 0 .3rem}
.pon-lightbox-desc{font:.78rem/1.5 Inter,Arial,sans-serif;color:#B4B8BB;margin:0}
.pon-lightbox-actions{display:flex;flex-direction:column;gap:.5rem;align-items:end;white-space:nowrap;text-align:right}
.pon-lightbox-work-link{font:600 .77rem/1.4 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #8FAEB8;padding-bottom:.35rem;color:#8FAEB8}
.pon-lightbox-count{font:.72rem/1.2 Inter,Arial,sans-serif;letter-spacing:.12em;color:#B4B8BB}
body.pon-lightbox-open{overflow:hidden}
@media(max-width:781px){.pon-works-gallery{grid-template-columns:1fr;gap:2.3rem}.pon-work-card--feature{grid-row:auto}.pon-work-zoom{opacity:1}.pon-lightbox{width:100vw;height:100dvh;border:0}.pon-lightbox-shell{padding:.75rem}.pon-lightbox-image-area{padding:3rem 1.7rem 1.2rem}.pon-lightbox-prev,.pon-lightbox-next{width:1.8rem;height:2.6rem;font-size:1.65rem}.pon-lightbox-info{align-items:start;flex-wrap:wrap}.pon-lightbox-title{font-size:1.8rem}.pon-lightbox-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.pon-work-open img,.pon-work-zoom{transition:none}}

/* 2.0.7 — Nordic Noir gallery viewing: a restrained, floating exhibition frame.
   Works for featured works and for project galleries enhanced in site.js. */
dialog.pon-lightbox {
  width:min(88vw,1160px);
  height:min(88dvh,850px);
  max-width:none;
  max-height:none;
  padding:0;
  border:1px solid rgba(180,199,205,.24);
  border-radius:14px;
  background:linear-gradient(150deg,#151a1e 0%,#0c0f12 72%,#0a0c0e 100%);
  color:#F0F0EE;
  box-shadow:0 32px 110px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.35);
  overflow:hidden;
}
dialog.pon-lightbox::backdrop {
  background:rgba(2,4,7,.83);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}
.pon-lightbox-shell {
  height:100%;
  min-height:0;
  padding:clamp(.9rem,1.65vw,1.45rem);
  gap:0;
}
.pon-lightbox-image-area {
  position:relative;
  flex:1 1 auto;
  min-height:0;
  padding:2.25rem clamp(2.75rem,5vw,4.4rem) 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pon-lightbox-image {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:2px;
  box-shadow:0 9px 30px rgba(0,0,0,.24);
}
.pon-lightbox-close,
.pon-lightbox-prev,
.pon-lightbox-next {
  display:grid;
  place-items:center;
  border:1px solid rgba(190,207,214,.28);
  border-radius:50%;
  background:rgba(26,33,39,.74);
  color:#edf2f2;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
  font-family:Arial,sans-serif;
  font-weight:300;
}
.pon-lightbox-close {
  right:1.1rem;
  top:1.1rem;
  width:2.35rem;
  height:2.35rem;
  font-size:1.65rem;
  line-height:1;
}
.pon-lightbox-prev,.pon-lightbox-next {
  top:50%;
  width:2.4rem;
  height:2.4rem;
  font-size:1.8rem;
  line-height:1;
}
.pon-lightbox-prev {left:.25rem}
.pon-lightbox-next {right:.25rem}
.pon-lightbox-close:hover,
.pon-lightbox-prev:hover,
.pon-lightbox-next:hover {
  background:#29353b;
  border-color:rgba(143,174,184,.8);
}
.pon-lightbox-info {
  flex:0 0 auto;
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:1.5rem;
  border-top:1px solid rgba(180,199,205,.18);
  padding:1.1rem .35rem .25rem;
}
.pon-lightbox-copy {min-width:0;flex:1}
.pon-lightbox-title {
  font-family:var(--wp--preset--font-family--gallery),Georgia,serif;
  font-size:clamp(1.45rem,2.05vw,2rem);
  line-height:1.23;
  font-weight:400;
  letter-spacing:.012em;
  margin:0 0 .4rem;
}
.pon-lightbox-desc {
  font:400 .84rem/1.65 Inter,Arial,sans-serif;
  letter-spacing:.005em;
  color:#bec8cc;
  margin:0;
  max-width:75ch;
}
.pon-lightbox-actions {gap:.5rem;align-items:end;padding-top:.2rem}
.pon-lightbox-count {
  font:500 .73rem/1.4 Inter,Arial,sans-serif;
  letter-spacing:.17em;
  color:#97abb2;
}
.pon-lightbox-work-link {color:#9db9c5}
.pon-post-content .wp-block-gallery figure.wp-block-image img {cursor:zoom-in}
.pon-post-content .wp-block-gallery figure.wp-block-image .lightbox-trigger {
  border-radius:50%;
  background:rgba(15,20,24,.74);
  box-shadow:0 2px 10px #0006;
}
@media(max-width:781px) {
  dialog.pon-lightbox {
    width:calc(100vw - 1.1rem);
    height:min(calc(100dvh - 1.1rem),850px);
    border:1px solid rgba(180,199,205,.21);
    border-radius:12px;
  }
  .pon-lightbox-shell {padding:.75rem}
  .pon-lightbox-image-area {padding:2.75rem 2rem .8rem}
  .pon-lightbox-close {right:.8rem;top:.8rem;width:2.25rem;height:2.25rem}
  .pon-lightbox-prev,.pon-lightbox-next {width:2.05rem;height:2.05rem;font-size:1.65rem}
  .pon-lightbox-prev {left:0}
  .pon-lightbox-next {right:0}
  .pon-lightbox-info {padding:.85rem .25rem .2rem;gap:.6rem;flex-wrap:wrap}
  .pon-lightbox-title {font-size:1.45rem}
  .pon-lightbox-desc {font-size:.79rem;line-height:1.5}
  .pon-lightbox-actions {margin-left:auto}
  .pon-lightbox--project .pon-lightbox-info {max-height:29dvh;overflow-y:auto}
}
@media(max-width:430px) {
  .pon-lightbox-image-area {padding:2.5rem 1.2rem .6rem}
  .pon-lightbox-prev,.pon-lightbox-next {
    width:1.9rem;
    height:1.9rem;
    font-size:1.5rem;
    background:rgba(15,20,24,.85);
  }
}
@media(prefers-reduced-motion:reduce) {
  .pon-lightbox-close,.pon-lightbox-prev,.pon-lightbox-next {transition:none}
}
@media(prefers-reduced-transparency:reduce) {
  dialog.pon-lightbox::backdrop {background:rgba(0,0,0,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* 2.0.8: featured project photography, linked to the complete project archive. */
.pon-project-previews {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,3.1rem);
  align-items:start;
  margin-inline:auto;
}
.pon-project-preview {min-width:0}
.pon-project-preview-image {
  display:block;
  background:#0b0d0f;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  line-height:0;
}
.pon-project-preview-image img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transition:opacity .24s ease;
}
.pon-project-preview-image:hover img {opacity:.86}
.pon-project-preview-copy {padding:1rem 0 0}
.pon-project-preview-copy h3 {
  font-size:clamp(1.7rem,2.5vw,2.65rem);
  line-height:1.18;
  margin:0 0 .35rem;
}
.pon-project-preview-copy h3 a {color:#F0F0EE;text-decoration:none}
.pon-project-preview-copy h3 a:hover {color:#8FAEB8}
.pon-project-preview-copy p {
  max-width:49ch;
  margin:0;
  color:#B4B8BB;
  line-height:1.7;
  font-size:.9rem;
}
.pon-project-all {margin-top:clamp(2rem,3.5vw,3.5rem)}
@media(max-width:781px) {
  .pon-project-previews {grid-template-columns:1fr;gap:2.5rem}
}
@media(prefers-reduced-motion:reduce) {
  .pon-project-preview-image img {transition:none}
}

/* 2.0.9 — Nordic Noir editorial journal. Post data stays native WordPress. */
.pon-journal-mag {
  width:min(100%,1380px);
  margin:0 auto;
}
body:has(.pon-journal-mag) .pon-post-header {
  padding-bottom:clamp(.6rem,2vw,2rem);
}
body:has(.pon-journal-mag) .pon-post-header .wp-block-post-title {
  font-family:var(--wp--preset--font-family--gallery),Georgia,serif;
  font-weight:400;
  max-width:1000px;
  font-size:clamp(3.2rem,7.4vw,7.2rem);
  letter-spacing:-.043em;
  line-height:1.06;
}
body:has(.pon-journal-mag) .pon-content {
  padding-top:0;
  padding-bottom:clamp(5rem,9vw,9rem);
}
.pon-journal-intro {
  max-width:740px;
  padding-bottom:clamp(2rem,3.5vw,3.5rem);
}
.pon-journal-intro p {
  color:#b8c0c3;
  font:400 clamp(1.05rem,1.5vw,1.3rem)/1.78 var(--wp--preset--font-family--interface),sans-serif;
  letter-spacing:.003em;
  margin:0;
}
.pon-journal-filters {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem 1.7rem;
  padding:.85rem 0 1.3rem;
  margin-bottom:clamp(2rem,3.3vw,3.6rem);
  border-top:1px solid #55616a55;
  border-bottom:1px solid #55616a55;
}
.pon-journal-filters a {
  padding:.55rem 0;
  font:600 .74rem/1.4 var(--wp--preset--font-family--interface),Arial,sans-serif;
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
  color:#a6b3b9;
  transition:color .2s ease;
}
.pon-journal-filters a:hover,.pon-journal-filters a[aria-current="page"]{color:#f0f0ee}
.pon-journal-filters a[aria-current="page"]{border-bottom:1px solid #8FAEB8}
.pon-journal-articles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(1.4rem,3.2vw,3.7rem);
  row-gap:clamp(3.5rem,5vw,6.2rem);
  align-items:start;
}
.pon-journal-article {min-width:0}
.pon-journal-article--lead {
  grid-column:1/-1;
  border-bottom:1px solid #55616a55;
  padding-bottom:clamp(3.2rem,5vw,5.4rem);
}
.pon-journal-photo {
  display:block;
  line-height:0;
  background:#0b0d10;
  overflow:hidden;
  border:1px solid rgba(210,225,229,.09);
}
.pon-journal-photo img {
  display:block;
  max-width:100%;
  height:auto;
  width:100%;
  object-fit:contain;
  transition:opacity .28s ease;
}
.pon-journal-photo:hover img {opacity:.86}
.pon-journal-article--lead .pon-journal-photo img {
  max-height:min(67vh,740px);
  object-fit:contain;
  margin-inline:auto;
  width:auto;
}
.pon-journal-article-text {padding-top:1.5rem}
.pon-journal-article--lead .pon-journal-article-text {padding-top:clamp(1.6rem,3vw,2.8rem);max-width:850px}
.pon-journal-byline {
  display:flex;
  gap:.65rem 1.35rem;
  align-items:center;
  flex-wrap:wrap;
  color:#91afb9;
  text-transform:uppercase;
  letter-spacing:.115em;
  font:600 .68rem/1.5 var(--wp--preset--font-family--interface),Arial,sans-serif;
  margin-bottom:.8rem;
}
.pon-journal-byline time {font-weight:400;color:#929ca2}
.pon-journal-article h2,.pon-journal-article h3{
  font-family:var(--wp--preset--font-family--gallery),Georgia,serif;
  font-weight:400;
  line-height:1.14;
  letter-spacing:-.026em;
  margin:0 0 .8rem;
}
.pon-journal-article h2{font-size:clamp(2.6rem,5.2vw,5.15rem)}
.pon-journal-article h3{font-size:clamp(1.8rem,3vw,3rem)}
.pon-journal-article h2 a,.pon-journal-article h3 a {text-decoration:none;color:#f0f0ee}
.pon-journal-article h2 a:hover,.pon-journal-article h3 a:hover{color:#9bb7c1}
.pon-journal-article .pon-journal-article-text>p {
  max-width:70ch;
  color:#bac0c4;
  font:400 .94rem/1.84 var(--wp--preset--font-family--interface),Arial,sans-serif;
  margin:0;
}
.pon-journal-article--lead .pon-journal-article-text>p {
  font-size:1.07rem;
  max-width:660px;
}
.pon-journal-read {
  display:inline-block;
  margin-top:1.65rem;
  padding-bottom:.5rem;
  border-bottom:1px solid #8FAEB8;
  color:#a7c0ca;
  text-transform:uppercase;
  font:.73rem/1.5 var(--wp--preset--font-family--interface),Arial,sans-serif;
  font-weight:600;
  letter-spacing:.14em;
  text-decoration:none;
}
.pon-journal-pagination {
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #55616a55;
  margin-top:4rem;
  padding-top:1.7rem;
  font:.75rem/1.5 var(--wp--preset--font-family--interface),Arial,sans-serif;
  color:#b1bec4;
  letter-spacing:.07em;
}
.pon-journal-pagination a {color:#a7c0ca;text-decoration:none}
.pon-journal-pagination a:hover{text-decoration:underline}
.pon-journal-empty {padding:3rem 0;color:#b4b8bb}
.single-post .pon-post-header {
  max-width:900px;
  margin-inline:auto;
  padding-top:clamp(3rem,6vw,6rem);
  padding-bottom:2.5rem;
}
.single-post .pon-post-header .wp-block-post-title {
  font-family:var(--wp--preset--font-family--gallery),Georgia,serif;
  font-size:clamp(2.8rem,5.6vw,6rem);
  line-height:1.11;
  font-weight:400;
  letter-spacing:-.03em;
}
.single-post .pon-post-header .pon-meta{color:#9aabb1}
.single-post .pon-post-featured {margin-block:0;max-width:1320px}
.single-post .pon-post-featured img {
  display:block;
  width:auto;
  max-width:100%;
  max-height:72vh;
  object-fit:contain;
  margin-inline:auto;
}
.single-post .pon-post-content {
  max-width:800px;
  margin-inline:auto;
  padding-top:clamp(2.7rem,5vw,5rem);
}
.single-post .pon-post-content .wp-block-post-content p {
  font-size:clamp(1.03rem,1.2vw,1.12rem);
  line-height:1.92;
  color:#d0d3d4;
  margin-bottom:1.55em;
}
.single-post .pon-post-content .wp-block-post-content h2,
.single-post .pon-post-content .wp-block-post-content h3 {
  margin-top:2.6em;
  color:#f0f0ee;
}
.single-post .pon-post-content .wp-block-post-content img {height:auto;object-fit:contain}
@media(max-width:781px){
  .pon-journal-articles {grid-template-columns:1fr;row-gap:3rem}
  .pon-journal-article--lead {grid-column:auto}
  .pon-journal-article--lead .pon-journal-photo img {max-height:61dvh}
  .pon-journal-filters{column-gap:1.1rem}
  .pon-journal-article h2 {font-size:clamp(2.2rem,8vw,3.6rem)}
  .pon-journal-article h3{font-size:clamp(1.75rem,6vw,2.4rem)}
}
@media(prefers-reduced-motion:reduce){
  .pon-journal-photo img,.pon-journal-filters a{transition:none}
}


/* Nordic Noir journal: related photographs below each article, without sidebar. */
.single-post .pon-related-stories {
  margin-top:clamp(4rem,8vw,7rem);
  padding-top:clamp(2.5rem,4.5vw,4.5rem);
  border-top:1px solid rgba(143,174,184,.25);
}
.pon-related-heading {margin-bottom:clamp(1.75rem,3vw,3rem)}
.pon-related-heading .pon-eyebrow {
  margin:0 0 .65rem;
  font-size:.7rem;
}
.pon-related-heading h2 {
  margin:0!important;
  font-family:var(--wp--preset--font-family--gallery),Georgia,serif;
  font-size:clamp(2.2rem,4.6vw,4rem);
  line-height:1.16;
  font-weight:400;
  letter-spacing:-.025em;
  color:#F0F0EE;
}
.pon-related-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.4rem,3vw,2.8rem);
  align-items:start;
}
.pon-related-card {min-width:0}
.pon-related-image {
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#0b0d10;
  border:1px solid rgba(210,225,229,.09);
  min-height:0;
}
.pon-related-image img {
  display:block;
  max-width:100%;
  width:auto;
  height:auto;
  max-height:360px;
  object-fit:contain;
  transition:opacity .22s ease;
}
.pon-related-image:hover img{opacity:.86}
.pon-related-copy{padding-top:1.1rem}
.pon-related-label{
  margin:0 0 .7rem!important;
  color:#8FAEB8!important;
  font:600 .67rem/1.5 var(--wp--preset--font-family--interface),Arial,sans-serif!important;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.pon-related-copy h3 {
  margin:0 0 .65rem!important;
  font:400 clamp(1.6rem,2.45vw,2.3rem)/1.22 var(--wp--preset--font-family--gallery),Georgia,serif;
  letter-spacing:-.015em;
}
.pon-related-copy h3 a{
  color:#F0F0EE;
  text-decoration:none;
}
.pon-related-copy h3 a:hover {color:#8FAEB8}
.pon-related-desc {
  margin:0!important;
  color:#B4B8BB!important;
  font:400 .87rem/1.7 var(--wp--preset--font-family--interface),Arial,sans-serif!important;
}
.pon-related-footer {
  margin:clamp(2.5rem,4vw,4rem) 0 0!important;
  text-align:center;
}
@media(max-width:600px) {
  .pon-related-grid{grid-template-columns:1fr;gap:2.5rem}
  .pon-related-image img{max-height:65dvh}
}
@media(prefers-reduced-motion:reduce) {
  .pon-related-image img{transition:none}
}