/* ENG House — Për Ne page. Ballina styles.css remains untouched. */
.per-ne-page{background:var(--bg)}

/* HERO */
.pn-hero{position:relative;width:100%;overflow:hidden;background-color:var(--bg);background-image:var(--cms-media-assets-per-ne-hero-wide-flow-png,url('assets/per-ne-hero-wide-flow.png'));background-repeat:no-repeat;background-position:center top;background-size:cover}
.pn-hero-canvas{position:relative;width:min(100%,1440px);aspect-ratio:1440/760;margin:0 auto;background:var(--cms-media-assets-per-ne-hero-png,url('assets/per-ne-hero.png')) center top/100% 100% no-repeat;overflow:hidden;container-type:inline-size}
/* V14 final: the building photo is independently CMS-swappable while the approved
   decorative composition remains pixel-aligned above it. */
.pn-hero-building-slot{position:absolute;z-index:2;left:44.3004%;top:8.2353%;width:47.0016%;height:90%;overflow:hidden;pointer-events:none;background:transparent}
.pn-hero-building-slot img{display:block;width:100%;height:100%;object-fit:fill;object-position:center}
.pn-hero-building-slot.cms-image-filled img{object-fit:cover;object-position:center}
.pn-hero-building-slot.cms-image-blank{background:var(--bg,#FEFCF6)}
.pn-hero-building-slot.cms-image-blank img{display:none}
.pn-hero-overlay{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
@media(min-width:1441px){.pn-hero{min-height:760px}.pn-hero-canvas{width:1440px;height:760px;aspect-ratio:auto}}
.pn-header{position:absolute;z-index:30;inset:0 0 auto 0;height:13.2%;display:block}
.pn-header .header-inner{position:relative;display:block;width:100%;height:100%;margin:0;max-width:none}
.pn-header .logo{position:absolute;left:5.05%;top:2.2cqw;width:13cqw;max-width:218px;min-width:165px;line-height:0}
.pn-header .logo img{width:100%;height:auto}
.pn-header .nav{position:absolute;left:50%;top:3.05cqw;transform:translateX(-50%);display:flex;gap:3.05cqw;font-size:clamp(9px,.66cqw,11.2px);white-space:nowrap}
.pn-header .quote-btn{position:absolute;right:5.05%;top:2.65cqw;padding:0 1.2cqw;height:3.35cqw;min-height:46px;max-height:58px;border-radius:7px;font-size:clamp(8px,.6cqw,10px);gap:.75cqw}
.pn-header .mobile-toggle{display:none}
.pn-hero-copy{position:absolute;z-index:10;left:5.4%;top:25.3%;width:34.3%}
.pn-hero-copy .eyebrow{margin-bottom:2.1cqw;font-size:clamp(8px,.67cqw,11px);letter-spacing:.31em}
.pn-hero-copy h1{font-size:clamp(48px,4.1cqw,69px);line-height:1.04;letter-spacing:-.055em;font-weight:800;margin:0 0 1.55cqw}
.pn-hero-copy p{max-width:94%;font-size:clamp(10.5px,.86cqw,14.2px);line-height:1.55;font-weight:500;margin:0 0 1.55cqw}
.pn-hero-copy .btn{height:3.35cqw;max-height:56px;padding:0 1.3cqw;font-size:clamp(8px,.68cqw,11px)}
.pn-side-copy{position:absolute;z-index:11;font-weight:500;letter-spacing:.2em;line-height:1.75;font-size:clamp(8px,.78cqw,13px);pointer-events:none}
.pn-side-copy::before{content:'';position:absolute;left:-1.3cqw;top:-.55cqw;width:1px;height:calc(100% + 1.7cqw);background:var(--orange)}
.pn-side-copy span{display:block;width:2.2cqw;max-width:36px;height:2px;background:var(--orange);margin-top:.55cqw}
.pn-side-top{right:7.4%;top:16.5%;color:var(--navy)}
.pn-side-bottom{left:50.15%;bottom:8.1%;color:var(--navy);font-family:'Montserrat',Arial,sans-serif;font-weight:500;letter-spacing:.18em;line-height:1.78;text-shadow:none}

/* STAT BAND */
.pn-stats{padding:12px 0 8px;background:var(--bg);min-height:0;height:auto}
.pn-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#f8f7f3;border-radius:10px;padding:10px 24px;height:112px;align-items:center}
.pn-stat{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:0;height:92px;padding:4px 18px;white-space:nowrap}
.pn-stat-icon{display:block;flex:0 0 72px;width:72px;height:72px;object-fit:contain}
.pn-stat strong{display:block;font-size:45px;line-height:.84;letter-spacing:-.055em;font-weight:800;color:var(--navy)}
.pn-stat div span{display:block;margin-top:8px;font-size:12px;line-height:1;text-transform:uppercase;font-weight:500;letter-spacing:.01em;color:var(--navy)}

/* HISTORY */
.pn-history{padding:16px 0 20px}
.pn-history-grid{display:grid;grid-template-columns:40.5% 59.5%;gap:54px;align-items:center}
.pn-history-copy{align-self:center}
.pn-history-copy .eyebrow{margin-bottom:24px}
.pn-history-copy .section-title{font-size:52px;line-height:1.04;margin-bottom:30px}
.pn-history-copy p{font-size:13px;line-height:1.62;max-width:500px;margin:0}
.pn-timeline{position:relative;display:grid;gap:0;padding:0 0 0 4px}
.pn-timeline-line{display:none}
.pn-time-row{position:relative;display:grid;grid-template-columns:96px 28px minmax(0,1fr);column-gap:22px;min-height:112px;align-items:center}
.pn-time-row:not(:last-child)::before{content:'';position:absolute;z-index:0;left:131.5px;top:50%;width:1px;height:100%;background:rgba(254,89,0,.72);transform:translateX(-.5px)}
.pn-dot{grid-column:2;grid-row:1;width:17px;height:17px;border-radius:50%;background:var(--orange);margin:0;position:relative;z-index:2;justify-self:center;align-self:center}
.pn-year{grid-column:1;grid-row:1;font-weight:800;font-size:20px;line-height:1;color:var(--navy);display:flex;align-items:center;justify-content:flex-end;align-self:center}
.pn-time-copy{grid-column:3;grid-row:1;padding:12px 0 12px 28px;border-left:1px solid rgba(254,89,0,.4);min-height:88px;display:flex;flex-direction:column;justify-content:center}
.pn-time-copy h3{font-size:17px;line-height:1.2;margin:0 0 8px;font-weight:800}
.pn-time-copy p{font-size:12px;line-height:1.48;margin:0;max-width:445px}

/* VALUES */
.pn-values{padding:4px 0 46px}
.pn-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f8f7f3;border-radius:10px;padding:18px 0;height:210px;align-items:stretch}
.pn-value{min-width:0;padding:12px 28px 10px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(28,38,61,.58)}
.pn-value:last-child{border-right:0}
.pn-value-top{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:center;min-height:82px}
.pn-value-icon{width:76px;height:76px;object-fit:contain;justify-self:center}
.pn-value:nth-child(2) .pn-value-icon{width:72px;height:72px}
.pn-value:nth-child(3) .pn-value-icon{width:82px;height:82px}
.pn-value:nth-child(4) .pn-value-icon{width:82px;height:82px}
.pn-value h3{font-size:18px;line-height:1.12;margin:0;font-weight:800;letter-spacing:-.02em}
.pn-value p{font-size:11px;line-height:1.45;margin:14px 0 0 35px;max-width:205px}

/* TEAM */
.pn-team{padding:56px 0 64px}
.pn-team-layout{display:grid;grid-template-columns:38% 62%;column-gap:48px;row-gap:0;align-items:start}
.pn-team-copy .section-title{font-size:47px;margin-bottom:20px}
.pn-team-copy p{font-size:12px;line-height:1.6;max-width:455px;margin:0 0 28px}
.pn-team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px}
.pn-team-cta{grid-column:2;justify-self:start;margin-top:24px}
.pn-member{min-width:0}
.pn-member-photo{border-radius:18px;overflow:hidden;aspect-ratio:3/3.35;background:#f7f6f1;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}
.pn-member-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.pn-member:hover .pn-member-photo{transform:translateY(-8px);box-shadow:0 14px 34px rgba(28,38,61,.12)}
.pn-member:hover .pn-member-photo img{transform:scale(1.045)}
.pn-member h3{font-size:11px;margin:14px 0 3px;text-align:center;font-weight:800}
.pn-member p{font-size:9px;margin:0;text-align:center}

/* SHOWROOM CTA */
.pn-showroom{display:grid;grid-template-columns:51.2% 48.8%;min-height:415px;background:var(--navy);overflow:hidden}
.pn-showroom-image{min-height:415px;overflow:hidden}
.pn-showroom-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.pn-showroom-image:hover img{transform:scale(1.025)}
.pn-showroom-copy{color:#fff;padding:58px 8% 50px 6%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pn-showroom-copy .eyebrow{color:#fff;margin-bottom:24px}.pn-showroom-copy .eyebrow::before{background:var(--orange)}
.pn-showroom-copy h2{font-size:48px;line-height:1.05;letter-spacing:-.045em;margin:0 0 20px;font-weight:800}
.pn-showroom-copy p{font-size:12px;line-height:1.55;max-width:520px;margin:0 0 28px}

/* PARTNERS */
.pn-partners{padding-top:48px}.pn-partners .section-title{margin-bottom:36px}

/* BUTTON/INTERACTION REINFORCEMENT */
/* Global button animation lives in styles.css so every page behaves identically. */

@media(max-width:1100px) and (min-width:821px){
  .pn-history-grid{grid-template-columns:39% 61%;gap:28px}.pn-value{padding:12px 18px 10px}.pn-team-layout{grid-template-columns:34% 66%;column-gap:28px;row-gap:0}.pn-team-cards{gap:14px}
}

@media(max-width:820px){
  .pn-hero-building-slot,.pn-hero-overlay{display:none!important}
  .pn-hero{background:var(--bg)}
  .pn-hero-canvas{width:100%;aspect-ratio:auto;min-height:0;background:linear-gradient(180deg,var(--bg) 0 88%,rgba(254,89,0,.035) 100%);overflow:visible;container-type:normal;padding-bottom:24px}
  .pn-header{position:relative;height:76px}
  .pn-header .header-inner{display:grid;grid-template-columns:1fr auto;width:calc(100% - 32px);margin:0 auto;align-items:center}
  .pn-header .logo{position:relative;left:auto;top:auto;width:auto;min-width:0;max-width:none}.pn-header .logo img{width:140px}
  .pn-header .nav,.pn-header .quote-btn{display:none}
  .pn-header .mobile-toggle{display:block}
  .pn-header .nav.mobile-open{display:flex;position:absolute;left:16px;right:16px;top:68px;background:#fff;border-radius:14px;padding:18px;flex-direction:column;gap:5px;box-shadow:0 18px 50px rgba(28,38,61,.15);z-index:100;transform:none}
  .pn-header .nav.mobile-open a{width:100%;padding:10px 4px}
  .pn-hero-copy{position:relative;left:auto;top:auto;width:calc(100% - 32px);margin:0 auto;padding-top:34px}
  .pn-hero-copy h1{font-size:48px}.pn-hero-copy p{font-size:13px;max-width:620px}.pn-side-copy{display:none}
  .pn-stats{padding:14px 0 24px}.pn-stats-grid{grid-template-columns:1fr 1fr;height:auto;padding:10px 12px}.pn-stat{height:78px;min-height:0;padding:6px 10px}.pn-stat-icon{width:54px;height:54px;flex-basis:54px}.pn-stat strong{font-size:32px}.pn-stat div span{font-size:9px;margin-top:5px}
  .pn-history{padding:54px 0 34px}.pn-history-grid{grid-template-columns:1fr;gap:42px}.pn-history-copy .section-title{font-size:43px}.pn-timeline{padding-left:0}.pn-timeline-line{display:none}.pn-time-row{grid-template-columns:26px 62px minmax(0,1fr);gap:12px;min-height:105px}.pn-time-row:not(:last-child)::before{left:13px;top:50%;height:100%;transform:translateX(-.5px)}.pn-dot{grid-column:1;justify-self:center}.pn-year{grid-column:2;justify-content:flex-start}.pn-time-copy{grid-column:3;padding-left:12px}
  .pn-values{padding:12px 0 54px}.pn-values-grid{grid-template-columns:1fr 1fr;height:auto;padding:12px}.pn-value{border-right:0;border-bottom:1px solid rgba(28,38,61,.22);padding:20px}.pn-value:nth-last-child(-n+2){border-bottom:0}.pn-value-top{grid-template-columns:62px 1fr;gap:14px}.pn-value-icon,.pn-value:nth-child(2) .pn-value-icon,.pn-value:nth-child(3) .pn-value-icon,.pn-value:nth-child(4) .pn-value-icon{width:58px;height:58px}.pn-value p{margin:10px 0 0 0;max-width:none}
  .pn-team{padding:48px 0}.pn-team-layout{grid-template-columns:1fr;column-gap:0;row-gap:28px}.pn-team-copy .section-title{font-size:43px}.pn-team-cards{grid-template-columns:repeat(2,1fr);gap:18px}.pn-team-cta{grid-column:1;justify-self:start;margin-top:-4px}.pn-member h3{font-size:12px}.pn-member p{font-size:10px}
  .pn-showroom{grid-template-columns:1fr;min-height:0}.pn-showroom-image{min-height:330px}.pn-showroom-copy{padding:44px 32px 48px}.pn-showroom-copy h2{font-size:42px}
  .pn-partners{padding-top:42px}.pn-partners .section-title{font-size:39px}
}

@media(max-width:520px){
  .pn-hero-canvas{min-height:0;padding-bottom:20px}.pn-hero-copy{padding-top:26px}.pn-hero-copy h1{font-size:42px}.pn-hero-copy p{font-size:12.5px;line-height:1.58}.pn-hero-copy .btn{height:48px;padding:0 18px}
  .pn-stats-grid{grid-template-columns:1fr}.pn-stat{justify-content:flex-start;height:74px}.pn-stat-icon{width:52px;height:52px;flex-basis:52px}.pn-stat div span{font-size:9px}
  .pn-history-copy .section-title{font-size:39px}.pn-history-copy p{font-size:12px}.pn-year{font-size:17px}.pn-time-copy h3{font-size:15px}.pn-time-copy p{font-size:11px}.pn-timeline-line{display:none}.pn-time-row{grid-template-columns:26px 54px minmax(0,1fr);gap:10px}.pn-time-row:not(:last-child)::before{left:13px}
  .pn-values-grid{grid-template-columns:1fr;height:auto}.pn-value{border-bottom:1px solid rgba(28,38,61,.18)!important}.pn-value:last-child{border-bottom:0!important}.pn-value h3{margin-bottom:0}.pn-value p{margin-top:10px}
  .pn-team-cards{grid-template-columns:repeat(2,1fr);gap:14px}.pn-member-photo{border-radius:14px}.pn-team-cta{grid-column:1;margin-top:-2px}
  .pn-showroom-image{min-height:250px}.pn-showroom-copy{padding:36px 24px 42px}.pn-showroom-copy h2{font-size:36px}.pn-showroom-copy p{font-size:11.5px}
  .pn-partners .section-title{font-size:34px}
}

/* ===== V12 — mobile hero text spacing ===== */
@media (max-width:520px){
  .pn-hero-copy h1{
    margin-bottom:26px;
  }
  .pn-hero-copy p{
    margin-bottom:26px;
  }
}


/* ===== V13 — team CTA placement ===== */
@media (min-width:821px){
  .pn-team-copy{
    max-width:455px;
  }
  .pn-team-cta-desktop{
    display:inline-flex;
    width:max-content;
    margin-top:24px;
    margin-left:auto;
    margin-right:0;
  }
  .pn-team-cta-mobile{
    display:none !important;
  }
}

@media (max-width:820px){
  .pn-team-cta-desktop{
    display:none !important;
  }
  .pn-team-cta-mobile{
    display:inline-flex;
    grid-column:1;
    justify-self:start;
  }
}

/* ===== V14 — wide-screen hero continuity + stronger desktop header/hero CTAs ===== */
/* Keep the approved 1440px hero intact. On wider displays, extend only the
   decorative side artwork so the center never stretches or drifts. */
@media (min-width:1441px){
  .pn-hero{
    background-image:none !important;
    background-color:var(--bg);
    min-height:760px;
    height:760px;
  }
  .pn-hero::before,
  .pn-hero::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:max(calc((100vw - 1440px)/2),0px);
    z-index:0;
    pointer-events:none;
    background-repeat:no-repeat;
    background-size:auto 100%;
  }
  .pn-hero::before{
    left:0;
    background-image:var(--cms-media-assets-per-ne-wide-side-left-jpg,url('assets/per-ne-wide-side-left.jpg')),linear-gradient(135deg,rgba(254,89,0,.05),transparent 46%,rgba(28,38,61,.035));
    background-position:right top,center;
    background-size:auto 100%,100% 100%;
  }
  .pn-hero::after{
    right:0;
    background-image:var(--cms-media-assets-per-ne-wide-side-right-jpg,url('assets/per-ne-wide-side-right.jpg')),linear-gradient(225deg,rgba(28,38,61,.065),transparent 52%,rgba(254,89,0,.035));
    background-position:left top,center;
    background-size:auto 100%,100% 100%;
  }
  .pn-hero-canvas{
    position:relative;
    z-index:1;
    width:1440px;
    height:760px;
    margin:0 auto;
  }
}

/* Slightly stronger desktop navigation and the two primary hero actions. */
@media (min-width:821px){
  .pn-header .nav{
    gap:2.85cqw;
    font-size:clamp(11px,.83cqw,13px);
    font-weight:600;
    letter-spacing:.055em;
  }
  .pn-header .nav a{
    padding:15px 0;
  }
  .pn-header .quote-btn{
    height:3.8cqw;
    min-height:52px;
    max-height:62px;
    min-width:154px;
    padding:0 1.7cqw;
    border-radius:8px;
    font-size:clamp(10.5px,.76cqw,12px);
    font-weight:700;
    gap:.9cqw;
    justify-content:center;
  }
  .pn-hero-copy .btn{
    height:3.75cqw;
    min-height:52px;
    max-height:60px;
    min-width:156px;
    padding:0 1.55cqw;
    border-radius:8px;
    font-size:clamp(10.5px,.76cqw,12px);
    font-weight:700;
    gap:.9cqw;
    justify-content:center;
  }
}

/* ===== V15 — use the newly approved wide reference for >1440px side flow ===== */
@media (min-width:1441px){
  .pn-hero{
    background-image:none !important;
    background-color:var(--bg);
    height:760px;
    min-height:760px;
  }
  .pn-hero::before,
  .pn-hero::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    z-index:0;
    pointer-events:none;
    width:calc(max((100vw - 1440px)/2, 0px) + 92px);
    background-repeat:no-repeat;
    background-size:auto 100%;
  }
  .pn-hero::before{
    left:0;
    background-image:var(--cms-media-assets-per-ne-wide-side-left-v15-png,url('assets/per-ne-wide-side-left-v15.png'));
    background-position:right top;
    -webkit-mask-image:linear-gradient(to right,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,transparent 100%);
    mask-image:linear-gradient(to right,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,transparent 100%);
  }
  .pn-hero::after{
    right:0;
    background-image:var(--cms-media-assets-per-ne-wide-side-right-v15-png,url('assets/per-ne-wide-side-right-v15.png'));
    background-position:left top;
    -webkit-mask-image:linear-gradient(to left,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,transparent 100%);
    mask-image:linear-gradient(to left,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,transparent 100%);
  }
  .pn-hero-canvas{
    position:relative;
    z-index:1;
    width:1440px;
    height:760px;
    margin:0 auto;
    background:var(--cms-media-assets-per-ne-hero-png,url('assets/per-ne-hero.png')) center top/100% 100% no-repeat;
  }
}

/* Keep the desktop header sizing identical to the approved Për Ne version. */
@media (min-width:821px){
  .pn-header .nav{
    font-size:12px;
    font-weight:600;
    letter-spacing:.055em;
  }
  .pn-header .quote-btn{
    min-width:158px;
    min-height:54px;
    height:54px;
    padding:0 24px;
    font-size:11.5px;
    font-weight:700;
    gap:14px;
  }
  .pn-hero-copy .btn{
    min-width:160px;
    min-height:54px;
    height:54px;
    padding:0 23px;
    font-size:11.5px;
    font-weight:700;
    gap:14px;
  }
}

/* ===== V16 — truly seamless ultra-wide hero =====
   The 1440px design stays untouched. Above 1440px we use one continuous
   background asset whose center 1440px is pixel-aligned to the approved hero,
   so there are no separate side panels, seams, color shifts, or drift. */
@media (min-width:1441px){
  .pn-hero{
    height:760px;
    min-height:760px;
    background-color:var(--bg);
    background-image:var(--cms-media-assets-per-ne-hero-ultrawide-v16-jpg,url('assets/per-ne-hero-ultrawide-v16.jpg')) !important;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
  }
  .pn-hero::before,
  .pn-hero::after{
    display:none !important;
    content:none !important;
  }
  .pn-hero-canvas{
    width:1440px;
    height:760px;
    margin:0 auto;
    background:none !important;
  }
}


/* ===== V17 — header/footer parity with Ballina =====
   The Për Ne header now uses the global .header component only. These rules
   defensively neutralize old .pn-header selectors from earlier revisions in
   case the class is ever reintroduced. */
@media (min-width:821px){
  .pn-header{position:absolute;z-index:30;inset:0 0 auto 0;height:13.2%;display:block}
  .pn-header .header-inner{position:relative;display:block;width:100%;max-width:none;height:100%;margin:0}
  .pn-header .logo{position:absolute;left:5.05%;top:2.2cqw;width:13cqw;max-width:218px;min-width:165px;line-height:0}
  .pn-header .logo img{width:100%;height:auto}
  .pn-header .nav{position:absolute;left:50%;top:3.05cqw;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:3.05cqw;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
  .pn-header .nav a{padding:12px 0;color:var(--navy)}
  .pn-header .quote-btn{position:absolute;right:5.05%;top:2.65cqw;min-width:158px;min-height:54px;height:54px;max-height:58px;padding:0 24px;border-radius:7px;font-size:11.5px;font-weight:700;gap:14px;justify-content:center}
}

/* V16 dynamic team collections */
.pn-team-cards[data-cms-dynamic-team="1"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:560px){.pn-team-cards[data-cms-dynamic-team="1"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.pn-team-cards[data-cms-dynamic-team="1"]{grid-template-columns:1fr}}

/* ===== V18 — Projects section (scoped, dynamic, admin-managed) ===== */
.pn-projects{
  --pn-projects-bg:#FEFCF6;
  --pn-projects-eyebrow-color:#1C263D;
  --pn-projects-eyebrow-size:11px;
  --pn-projects-eyebrow-weight:500;
  --pn-projects-eyebrow-spacing:3.2px;
  --pn-projects-title-color:#1C263D;
  --pn-projects-title-size:48px;
  --pn-projects-title-weight:800;
  --pn-projects-title-line:1.02;
  --pn-projects-filter-bg:#F1F1EF;
  --pn-projects-filter-text:#1C263D;
  --pn-projects-filter-active-bg:#FE5900;
  --pn-projects-filter-active-text:#fff;
  --pn-projects-filter-size:11px;
  --pn-projects-filter-weight:500;
  --pn-projects-card-bg:#fff;
  --pn-projects-card-radius:10px;
  --pn-projects-gap:34px;
  --pn-projects-card-title-color:#1C263D;
  --pn-projects-card-title-size:17px;
  --pn-projects-card-title-weight:700;
  --pn-projects-meta-color:#1C263D;
  --pn-projects-meta-size:10.5px;
  --pn-projects-meta-weight:500;
  --pn-projects-badge-bg:#FE5900;
  --pn-projects-badge-text:#fff;
  --pn-projects-badge-size:8.5px;
  --pn-projects-badge-weight:600;
  --pn-projects-arrow-bg:#FE5900;
  --pn-projects-arrow-text:#fff;
  --pn-projects-more-bg:#FE5900;
  --pn-projects-more-text:#fff;
  --pn-projects-more-hover-bg:#E84F00;
  --pn-projects-pad-top:56px;
  --pn-projects-pad-bottom:62px;
  background:var(--pn-projects-bg);
  padding:var(--pn-projects-pad-top) 0 var(--pn-projects-pad-bottom);
  overflow:hidden;
}
.pn-projects[hidden]{display:none!important}
.pn-projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:30px}
.pn-projects-heading{min-width:0}
.pn-projects-heading .eyebrow{color:var(--pn-projects-eyebrow-color);font-size:var(--pn-projects-eyebrow-size);font-weight:var(--pn-projects-eyebrow-weight);letter-spacing:var(--pn-projects-eyebrow-spacing);margin-bottom:16px}
.pn-projects-heading .eyebrow::before{background:var(--orange)}
.pn-projects-heading .section-title{color:var(--pn-projects-title-color);font-size:var(--pn-projects-title-size);font-weight:var(--pn-projects-title-weight);line-height:var(--pn-projects-title-line);letter-spacing:-.045em;margin:0;max-width:540px}
.pn-project-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:60%;padding-bottom:3px}
.pn-project-filters[hidden]{display:none!important}
.pn-project-filter{
  --pn-filter-bg:var(--pn-projects-filter-bg);
  --pn-filter-text:var(--pn-projects-filter-text);
  --pn-filter-active-bg:var(--pn-projects-filter-active-bg);
  --pn-filter-active-text:var(--pn-projects-filter-active-text);
  appearance:none;border:0;border-radius:999px;background:var(--pn-filter-bg);color:var(--pn-filter-text);
  min-height:34px;padding:7px 19px;font-family:'Montserrat',Arial,sans-serif;font-size:var(--pn-projects-filter-size);font-weight:var(--pn-projects-filter-weight);line-height:1;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(28,38,61,.05);
  transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .32s ease,color .32s ease,box-shadow .42s ease;
}
.pn-project-filter:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(28,38,61,.10),inset 0 0 0 1px rgba(28,38,61,.04)}
.pn-project-filter:active{transform:translateY(-1px) scale(.97);transition-duration:.12s}
.pn-project-filter.is-active{background:var(--pn-filter-active-bg);color:var(--pn-filter-active-text);box-shadow:0 8px 18px rgba(254,89,0,.18)}
.pn-project-filter:focus-visible{outline:3px solid rgba(254,89,0,.24);outline-offset:3px}

.pn-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pn-projects-gap);align-items:stretch}
.pn-project-grid.is-empty{grid-template-columns:1fr}
.pn-projects-empty{margin:12px 0 0;padding:28px;border-radius:12px;background:rgba(28,38,61,.04);color:var(--navy);font-weight:600;text-align:center}
.pn-project-card{
  position:relative;display:flex;flex-direction:column;min-width:0;background:var(--pn-projects-card-bg);border-radius:var(--pn-projects-card-radius);overflow:hidden;
  box-shadow:0 4px 16px rgba(28,38,61,.055);border:1px solid rgba(28,38,61,.055);
  opacity:0;
  transition:opacity .56s ease var(--pn-project-delay,0ms),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .35s ease;
}
.pn-project-card::before{content:'';position:absolute;z-index:5;left:0;right:0;top:0;height:3px;background:#FE5900;transform:scaleX(0);transform-origin:left center;transition:transform .48s cubic-bezier(.16,1,.3,1);pointer-events:none}
.pn-project-card.is-visible{opacity:1}
.pn-project-card.is-visible:hover{box-shadow:0 18px 36px rgba(28,38,61,.12);border-color:rgba(254,89,0,.16)}
.pn-project-card.is-visible:hover::before{transform:scaleX(1)}
.pn-project-media{position:relative;aspect-ratio:2/1;overflow:hidden;background:#eceef1}
.pn-project-media::after{content:none}
.pn-project-media img{display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:none;backface-visibility:visible;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.pn-project-card:hover .pn-project-media img{transform:scale(1.025)}
.pn-project-badge{position:absolute;z-index:2;left:14px;bottom:12px;max-width:calc(100% - 28px);padding:6px 10px;border-radius:999px;background:var(--pn-project-badge-item-bg,var(--pn-projects-badge-bg));color:var(--pn-project-badge-item-text,var(--pn-projects-badge-text));font-size:var(--pn-projects-badge-size);font-weight:var(--pn-projects-badge-weight);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px rgba(28,38,61,.10);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.pn-project-card:hover .pn-project-badge{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,38,61,.14)}
.pn-project-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;min-height:112px;padding:15px 14px 14px}
.pn-project-copy{min-width:0}
.pn-project-copy h3{margin:0 0 8px;color:var(--pn-projects-card-title-color);font-size:var(--pn-projects-card-title-size);font-weight:var(--pn-projects-card-title-weight);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
.pn-project-meta-row{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;color:var(--pn-projects-meta-color);font-size:var(--pn-projects-meta-size);font-weight:var(--pn-projects-meta-weight);line-height:1.35;margin-top:4px;min-width:0}
.pn-project-meta-row svg{width:15px;height:15px;margin-top:0;color:var(--pn-projects-meta-color);flex:none}
.pn-project-meta-row span{min-width:0;overflow-wrap:anywhere}
.pn-project-link{position:relative;isolation:isolate;display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--pn-projects-arrow-bg);color:var(--pn-projects-arrow-text);overflow:hidden;box-shadow:0 7px 16px rgba(254,89,0,.18);transition:transform .48s cubic-bezier(.16,1,.3,1),box-shadow .48s ease,filter .35s ease;flex:none}
.pn-project-link::before{content:'';position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-62%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(-230%) rotate(14deg);opacity:0;transition:transform .82s cubic-bezier(.16,1,.3,1),opacity .2s ease}
.pn-project-link svg{width:19px;height:19px;transition:transform .58s cubic-bezier(.16,1,.3,1)}
.pn-project-link:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 26px rgba(254,89,0,.28)}
.pn-project-link:hover::before{opacity:1;transform:translateX(650%) rotate(14deg)}
.pn-project-link:hover svg{transform:translateX(4px)}
.pn-project-link:active{transform:translateY(-1px) scale(.94);transition-duration:.11s}
.pn-project-link:focus-visible{outline:3px solid rgba(254,89,0,.25);outline-offset:3px}
.pn-project-link.is-disabled{opacity:1;cursor:default;pointer-events:none}
.pn-projects-more-wrap{display:flex;justify-content:center;padding-top:34px}
.pn-projects-more-wrap[hidden]{display:none!important}
.pn-projects-more.btn-primary{background:var(--pn-projects-more-bg)!important;color:var(--pn-projects-more-text)!important;border-color:var(--pn-projects-more-bg)!important;min-width:190px;justify-content:center}
.pn-projects-more.btn-primary:hover{background:var(--pn-projects-more-hover-bg)!important;border-color:var(--pn-projects-more-hover-bg)!important}

@media(max-width:1100px){
  .pn-projects-head{align-items:flex-start}.pn-project-filters{max-width:54%}
  .pn-project-grid{gap:min(var(--pn-projects-gap),24px)}
  .pn-project-body{min-height:120px}
}
@media(max-width:820px){
  .pn-projects{padding-top:min(var(--pn-projects-pad-top),48px);padding-bottom:min(var(--pn-projects-pad-bottom),54px)}
  .pn-projects-head{display:block;margin-bottom:26px}
  .pn-projects-heading .section-title{font-size:min(var(--pn-projects-title-size),43px);max-width:520px}
  .pn-project-filters{justify-content:flex-start;max-width:none;margin-top:22px;padding-bottom:0}
  .pn-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .pn-project-body{min-height:116px}
}
@media(max-width:560px){
  .pn-projects-heading .section-title{font-size:min(var(--pn-projects-title-size),39px)}
  .pn-project-filters{gap:8px}
  .pn-project-filter{min-height:32px;padding:7px 14px;font-size:min(var(--pn-projects-filter-size),10px)}
  .pn-project-grid{grid-template-columns:1fr;gap:18px}
  .pn-project-media{aspect-ratio:1.9/1}
  .pn-project-body{min-height:106px;padding:14px}
  .pn-project-copy h3{font-size:min(var(--pn-projects-card-title-size),16px)}
  .pn-project-link{width:40px;height:40px}
  .pn-projects-more-wrap{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .pn-project-card,.pn-project-media img,.pn-project-filter,.pn-project-link,.pn-project-link svg,.pn-project-badge{transition:none!important;animation:none!important}
  .pn-project-card{opacity:1;transform:none!important}
}

/* ===== V28 - project arrow visibility + image lightbox ===== */
.pn-project-media{cursor:zoom-in;outline:none}
.pn-project-media:focus-visible{box-shadow:inset 0 0 0 3px rgba(254,89,0,.32)}
.pn-project-body.has-no-arrow{grid-template-columns:minmax(0,1fr)}
body.eng-lightbox-open{overflow:hidden}
.eng-image-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:28px;background:rgba(5,10,20,.88);opacity:0;transition:opacity .17s ease;backdrop-filter:blur(3px)}
.eng-image-lightbox[hidden]{display:none!important}
.eng-image-lightbox.is-open{opacity:1}
.eng-image-lightbox-frame{position:relative;width:min(1180px,calc(100vw - 70px));height:min(84vh,900px);display:grid;place-items:center}
.eng-image-lightbox-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.eng-image-lightbox-caption{position:absolute;left:50%;bottom:-38px;translate:-50% 0;max-width:min(720px,80vw);color:#fff;font:600 13px/1.35 'Montserrat',Arial,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eng-image-lightbox-close{position:fixed;top:22px;right:26px;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;font:300 34px/1 Arial,sans-serif;cursor:pointer;z-index:2;transition:background .2s ease,transform .2s ease}
.eng-image-lightbox-close:hover{background:#FE5900;transform:scale(1.05)}
.eng-image-lightbox-close:focus-visible{outline:3px solid rgba(254,89,0,.45);outline-offset:3px}
@media(max-width:620px){.eng-image-lightbox{padding:18px}.eng-image-lightbox-frame{width:calc(100vw - 34px);height:78vh}.eng-image-lightbox-close{top:14px;right:14px;width:42px;height:42px}.eng-image-lightbox-caption{bottom:-32px;font-size:11px;max-width:82vw}}