/* ==========================================================================\n   PG-PROJEKT / RELEASE SYSTEM v36\n   Final visual system for owner handoff: typography, spacing, hierarchy,\n   buttons, cards, page heroes and project pages. Loaded after style.css.\n   ========================================================================== */

.release-v36{
  --release-bg:#f6f8fa;
  --release-paper:#ffffff;
  --release-ink:#111923;
  --release-copy:#4f5e6c;
  --release-muted:#74818d;
  --release-line:#dbe2e8;
  --release-line-strong:#cbd5de;
  --release-blue:#315f8d;
  --release-blue-soft:#527ca4;
  --release-dark:#111a24;
  --release-shell:min(1320px,calc(100vw - 96px));
  --release-reading:720px;
  --release-ease:cubic-bezier(.2,.75,.2,1);
  background:var(--release-bg);
  color:var(--release-ink);
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",sans-serif;
  font-size:16px;
  font-weight:400;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.release-v36 :where(h1,h2,h3,h4,p,blockquote,ul,ol,figure){text-wrap:pretty}
.release-v36 :where(h1,h2,h3,h4){font-family:inherit;color:inherit}
.release-v36 :where(h1,h2){font-weight:400}
.release-v36 :where(h3,h4,strong){font-weight:500}
.release-v36 :where(.shell){width:var(--release-shell)}
.release-v36 :where(.page-shell){width:min(980px,calc(100vw - 96px))}

/* Header / navigation ------------------------------------------------------ */
.release-v36 .site-header{
  height:72px;
  background:rgba(249,250,252,.94);
  border-bottom:1px solid rgba(17,25,35,.095);
  box-shadow:none;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.release-v36 .header-inner{grid-template-columns:220px 1fr auto;gap:28px}
.release-v36 .brand-logo{width:138px;max-height:none}
.release-v36 .desktop-nav{gap:32px;font-size:13px;font-weight:400;letter-spacing:-.006em}
.release-v36 .desktop-nav a{position:relative;padding:27px 0 26px;color:#2b3540}
.release-v36 .desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--release-blue);transition:right .28s var(--release-ease)}
.release-v36 .desktop-nav a:hover::after,.release-v36 .desktop-nav a.is-current::after{right:0}
.release-v36 .desktop-nav a:hover,.release-v36 .desktop-nav a.is-current{color:var(--release-ink)}
.release-v36 .lang{font-size:10px;letter-spacing:.04em;color:#9aa4ad}
.release-v36 .lang .is-active{font-weight:500;color:var(--release-ink)}

/* Shared typography ------------------------------------------------------- */
.release-v36 :where(.eyebrow,.overline){
  color:#657483;
  font-size:10px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.release-v36 .eyebrow{gap:13px}
.release-v36 .eyebrow span{width:32px}

.release-v36 :where(
  .hero-signature h1,
  .inquiry-hero-copy h1,
  .contact-v12-intro h1,
  .portfolio-hero h1,
  .page-hero h1,
  .project-art-copy h1,
  .project-detail-title h1,
  .project-detail-pro-title h1,
  .project-hero-copy h1
){
  font-size:clamp(52px,5.05vw,80px);
  line-height:.955;
  letter-spacing:-.057em;
  font-weight:400;
}

.release-v36 :where(
  .section-head h2,
  .about-pro h2,
  .bim-pro h2,
  .closing-contact h2,
  .career-manifesto h2,
  .form-stage-head h2,
  .contact-v12-statement h2,
  .project-summary h2,
  .split-copy h2,
  .project-art-story h2,
  .project-art-scope h2,
  .project-section-intro h2,
  .project-overview-copy h2,
  .project-scope-pro h2,
  .project-gallery-pro-head h2,
  .project-partners-head h2,
  .project-detail-meta h2,
  .project-summary-grid h2,
  .cta-strip h2,
  .portfolio-contact h2
){
  font-size:clamp(36px,3.55vw,58px);
  line-height:1.015;
  letter-spacing:-.046em;
  font-weight:400;
}

.release-v36 :where(
  .hero-signature-lead,
  .inquiry-hero-copy>p:not(.overline),
  .contact-v12-lead,
  .portfolio-intro p,
  .page-hero .hero-lead,
  .project-art-lead,
  .project-hero-lead,
  .project-summary p,
  .rich-text p,
  .split-copy p,
  .project-art-story p,
  .project-overview-copy p,
  .project-summary-grid p
){
  color:var(--release-copy);
  font-size:16px;
  line-height:1.72;
  letter-spacing:-.006em;
}

.release-v36 :where(.text-link,.back-link){font-size:12px;font-weight:500;letter-spacing:.01em}
.release-v36 .text-link{color:var(--release-blue)}
.release-v36 .text-link.strong{font-size:14px;font-weight:600;color:var(--release-ink)}
.release-v36 .back-link{color:#6d7985;transition:color .2s ease}
.release-v36 .back-link:hover{color:var(--release-blue)}

/* Buttons ---------------------------------------------------------------- */
.release-v36 .btn{
  min-height:52px;
  padding:0 23px;
  border:1px solid var(--release-ink);
  border-radius:0;
  font-size:13px;
  font-weight:500;
  letter-spacing:.005em;
  box-shadow:none;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.release-v36 .btn:hover{transform:translateY(-1px)}
.release-v36 .btn.primary{background:var(--release-dark);border-color:var(--release-dark)}
.release-v36 .btn.primary:hover{background:#21303e;border-color:#21303e}
.release-v36 .round-link{font-size:13px;font-weight:500;gap:13px}
.release-v36 .circle-arrow{width:50px;height:50px;border-color:#9caab6;font-size:19px}
.release-v36 .round-link:hover .circle-arrow{background:var(--release-dark);border-color:var(--release-dark)}

/* Home ------------------------------------------------------------------- */
.release-v36 .hero-signature-copy{padding-top:42px}
.release-v36 .hero-signature h1 em{color:var(--release-blue-soft)}
.release-v36 .hero-signature-disciplines{color:#74818c;border-color:rgba(42,59,75,.16)}
.release-v36 .credibility{border-color:var(--release-line)}
.release-v36 .credibility-grid{min-height:112px}
.release-v36 .fact strong{font-size:22px;font-weight:500;letter-spacing:-.035em}
.release-v36 .fact span{font-size:11px;line-height:1.45;color:var(--release-muted)}
.release-v36 .section{padding:92px 0}
.release-v36 .section-head{margin-bottom:32px}
.release-v36 .project-meta h3{font-size:18px;line-height:1.18;font-weight:500;letter-spacing:-.025em}
.release-v36 .project-meta p{font-size:9px;line-height:1.5;color:var(--release-muted)}
.release-v36 .expertise-item h3{font-size:17px;font-weight:500}
.release-v36 .expertise-item p{font-size:13px;line-height:1.58;color:#66737f}
.release-v36 .about-pro,.release-v36 .bim-pro{border-color:var(--release-line)}

/* Portfolio --------------------------------------------------------------- */
.release-v36 .portfolio-hero{padding:96px 0 70px;background:var(--release-paper);border-bottom:0}
.release-v36 .portfolio-hero-grid{gap:clamp(54px,7vw,104px)}
.release-v36 .portfolio-intro p{max-width:540px}
.release-v36 .portfolio-toolbar{border-color:var(--release-line);background:rgba(255,255,255,.96)}
.release-v36 .portfolio-filter{font-size:10px;font-weight:500;letter-spacing:.035em;color:#6d7984}
.release-v36 .portfolio-filter.is-active{color:var(--release-ink)}
.release-v36 .realization-grid{gap:38px 22px}
.release-v36 .realization-media{background:#edf1f4;border:0}
.release-v36 .realization-caption h3{font-size:18px;line-height:1.16;font-weight:500;letter-spacing:-.025em}
.release-v36 .realization-caption p{font-size:10px;line-height:1.55;color:#7a8691}
.release-v36 .realization-hover{padding:24px;background:linear-gradient(180deg,rgba(12,20,29,0),rgba(12,20,29,.88))}
.release-v36 .realization-hover strong{font-size:23px;font-weight:500}

/* Legacy editorial project pages ----------------------------------------- */
.release-v36 .page-hero{background:#e8edf1}
.release-v36 .page-hero.compact{min-height:440px}
.release-v36 .page-hero.compact .hero-inner{min-height:440px;padding:78px 0 46px}
.release-v36 .page-hero .hero-shade{background:linear-gradient(90deg,rgba(247,249,251,.97) 0%,rgba(247,249,251,.89) 30%,rgba(247,249,251,.48) 48%,rgba(247,249,251,.10) 68%,rgba(247,249,251,0) 78%)}
.release-v36 .project-intro{border-color:var(--release-line)}
.release-v36 .project-summary{gap:78px;padding:60px 0 72px}
.release-v36 .project-facts{background:#f8fafb;border-color:var(--release-line)}
.release-v36 .project-facts .fact-card{padding:24px;border-color:var(--release-line)}
.release-v36 .fact-card span{font-size:9px;color:#798691}
.release-v36 .fact-card strong{font-size:20px;font-weight:500}
.release-v36 :where(.scope-item,.process-card,.related-card,.benefit-card,.rich-panel){border-color:var(--release-line);box-shadow:none}
.release-v36 :where(.scope-item,.process-card,.related-card,.benefit-card) h3{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.release-v36 :where(.scope-item,.process-card,.related-card,.benefit-card) p{font-size:13px;line-height:1.65;color:#65727e}
.release-v36 .process-card{border-top:1px solid var(--release-line);min-height:210px}
.release-v36 .related-card img{filter:saturate(.94)}
.release-v36 .cta-strip{padding:62px 0;background:var(--release-dark)}
.release-v36 .cta-strip p{font-size:15px;line-height:1.65;color:#c7d0d8}

/* Current project / realization pages ------------------------------------ */
.release-v36 .project-art-hero{padding:38px 0 84px;border-color:var(--release-line);background:var(--release-paper)}
.release-v36 .project-art-hero--technical{background:#f8fafb}
.release-v36 .project-art-hero .back-link{margin-bottom:42px}
.release-v36 .project-art-grid{gap:clamp(52px,6vw,78px)}
.release-v36 .project-art-copy h1{margin-bottom:24px}
.release-v36 .project-hero-data{gap:24px;border-color:var(--release-line)}
.release-v36 .project-hero-data span{font-size:11px;color:#6e7b87}
.release-v36 .project-art-frame,
.release-v36 .project-support-image,
.release-v36 .project-gallery-pro-grid--contained figure{
  background:#f3f6f8;
  border-color:#dfe6ec;
}
.release-v36 .project-art-media figcaption,
.release-v36 .project-support-card figcaption{
  margin-top:11px;
  color:#7b8792;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.15em;
}
.release-v36 .project-art-overview{padding:92px 0;background:var(--release-paper)}
.release-v36 .project-art-overview-grid{gap:84px}
.release-v36 .project-art-facts{background:#f7f9fb;border-color:var(--release-line);padding:24px}
.release-v36 .project-art-facts-grid article{border-color:#e1e7ec;min-height:108px}
.release-v36 .project-art-facts-grid span{font-size:9px;color:#7a8792}
.release-v36 .project-art-facts-grid strong{font-size:13px;line-height:1.52;font-weight:500}
.release-v36 .project-art-scope{padding:82px 0;background:#f4f6f8;border-color:#e1e7ec}
.release-v36 .project-art-scope-grid{gap:84px}
.release-v36 .project-art-scope li{font-size:12px;font-weight:500;border-color:#ccd6df;padding:11px 14px}
.release-v36 .project-art-scope p{font-size:14px;line-height:1.7;color:#65727d}
.release-v36 .project-support{padding:90px 0;background:var(--release-paper)}
.release-v36 .project-support-grid{gap:20px}
.release-v36 .project-art-nav{border-color:var(--release-line)}
.release-v36 .project-art-nav a{padding-top:36px;padding-bottom:36px;border-color:var(--release-line);transition:color .2s ease,background .2s ease}
.release-v36 .project-art-nav a:hover{color:var(--release-blue)}
.release-v36 .project-art-nav span{font-size:9px;color:#7b8792}
.release-v36 .project-art-nav strong{font-size:21px;font-weight:500}

/* Alternate project detail systems, kept visually aligned ---------------- */
.release-v36 :where(.project-detail-pro-hero,.project-hero-editorial,.project-detail-hero){border-color:var(--release-line)}
.release-v36 :where(.project-overview-pro,.project-gallery-pro,.project-partners-pro,.project-detail-meta,.project-detail-summary){padding-top:92px;padding-bottom:92px}
.release-v36 :where(.project-facts-pro,.project-hero-facts div,.project-partners-grid article){border-color:var(--release-line)}
.release-v36 :where(.project-facts-pro-grid span,.project-partners-grid span,.project-hero-facts span){font-size:9px;color:#7b8792}
.release-v36 :where(.project-facts-pro-grid strong,.project-partners-grid strong,.project-hero-facts strong){font-size:13px;font-weight:500}
.release-v36 .project-scope-list li{font-size:12px;font-weight:500}
.release-v36 :where(.project-nav-card,.project-next a){border-color:var(--release-line)}
.release-v36 :where(.project-nav-card strong,.project-next strong){font-size:21px;font-weight:500}

/* Career ----------------------------------------------------------------- */
.release-v36 .inquiry-hero{background:#eef2f5;border-color:var(--release-line)}
.release-v36 .inquiry-hero-copy{padding-top:92px;padding-bottom:78px}
.release-v36 .inquiry-hero-copy h1 em{color:var(--release-blue-soft)}
.release-v36 .inquiry-meta{border-color:rgba(17,25,35,.14)}
.release-v36 .inquiry-meta strong{font-size:12px;font-weight:600}
.release-v36 .inquiry-meta span{font-size:10px;color:#7b8792}
.release-v36 .career-manifesto{padding:88px 0;background:var(--release-dark)}
.release-v36 .career-manifesto p{font-size:15px;line-height:1.72;color:#c3cdd5}
.release-v36 .career-value{background:var(--release-dark);padding:25px}
.release-v36 .career-value strong{font-size:14px;font-weight:500}
.release-v36 .career-value span{font-size:11px;line-height:1.6}
.release-v36 .form-stage{background:#f5f7f9}
.release-v36 .premium-form{box-shadow:0 20px 54px rgba(22,36,49,.055)}
.release-v36 .form-rail-card,.release-v36 .form-block,.release-v36 .choice-card,.release-v36 .upload-zone{border-color:var(--release-line)}
.release-v36 .form-block-head h3{font-size:23px;line-height:1.15;font-weight:500;letter-spacing:-.025em}
.release-v36 .form-block-head p,.release-v36 .choice-card p{color:#6d7984}
.release-v36 .form-grid.premium .field label{font-size:10px;letter-spacing:.04em;color:#64717d}
.release-v36 .form-grid.premium .field input,
.release-v36 .form-grid.premium .field select,
.release-v36 .form-grid.premium .field textarea{font-size:14px;border-color:#bdc8d1}

/* Contact ---------------------------------------------------------------- */
.release-v36 .contact-v12{background:#f6f8fa}
.release-v36 .contact-v12-hero{background:linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 100%);border-color:var(--release-line)}
.release-v36 .contact-v12-hero::before{display:none}
.release-v36 .contact-v12-grid{gap:80px}
.release-v36 .contact-v12-intro h1 em{color:var(--release-blue-soft)}
.release-v36 .contact-v12-intro blockquote{font-size:15px;line-height:1.65;color:#77848f;border-color:var(--release-line-strong)}
.release-v36 .contact-v12-direct{border-color:var(--release-line-strong)}
.release-v36 .contact-v12-office>span{font-size:9px;color:#7b8792}
.release-v36 .contact-v12-office strong,.release-v36 .contact-v12-office>a{font-size:12px;font-weight:500}
.release-v36 .contact-v12-form-wrap{background:rgba(255,255,255,.94);border-color:#d3dce4;box-shadow:0 24px 70px rgba(23,38,52,.065);backdrop-filter:blur(12px)}
.release-v36 .contact-v12-tabs button{font-size:12px;font-weight:500}
.release-v36 .contact-v12-tabs button.is-active{font-weight:600}
.release-v36 .contact-v12-bottom{border-color:var(--release-line)}

/* Footer ----------------------------------------------------------------- */
.release-v36 .footer{
  background:#f2f4f6;
  border-top:1px solid var(--release-line);
  padding:48px 0 38px;
}
.release-v36 .footer-grid{grid-template-columns:1.35fr .7fr .7fr .55fr;gap:40px;font-size:12px}
.release-v36 .footer-brand-logo{width:148px}
.release-v36 .footer-brand>span,.release-v36 .footer-grid>div>span{font-size:9px;letter-spacing:.14em;color:#818d98}
.release-v36 .footer-grid p,.release-v36 .footer-grid a{color:#56636f}
.release-v36 .footer-end a{font-weight:500;color:var(--release-ink)}

/* Interaction polish ----------------------------------------------------- */
@media (hover:hover){
  .release-v36 .project-card img,
  .release-v36 .realization-media img,
  .release-v36 .related-card img{transition:transform .6s var(--release-ease),filter .45s ease}
  .release-v36 .project-card:hover img,
  .release-v36 .realization-card:hover .realization-media img,
  .release-v36 .related-card:hover img{transform:scale(1.025);filter:saturate(.9)}
}
.release-v36 a:focus-visible,.release-v36 button:focus-visible,.release-v36 input:focus-visible,.release-v36 select:focus-visible,.release-v36 textarea:focus-visible{outline:2px solid var(--release-blue);outline-offset:3px}
.release-v36 ::selection{background:#dbe7f2;color:#101923}

/* Responsive ------------------------------------------------------------- */
@media (max-width:1100px){
  .release-v36{--release-shell:min(100% - 56px,1320px)}
  .release-v36 .header-inner{grid-template-columns:190px 1fr auto}
  .release-v36 .desktop-nav{gap:23px}
  .release-v36 .project-art-grid,.release-v36 .project-art-overview-grid,.release-v36 .project-art-scope-grid{gap:48px}
}

@media (max-width:820px){
  .release-v36{--release-shell:calc(100% - 40px)}
  .release-v36 :where(.page-shell){width:calc(100% - 40px)}
  .release-v36 .brand-logo{width:124px}
  .release-v36 :where(
    .hero-signature h1,
    .inquiry-hero-copy h1,
    .contact-v12-intro h1,
    .portfolio-hero h1,
    .page-hero h1,
    .project-art-copy h1,
    .project-detail-title h1,
    .project-detail-pro-title h1,
    .project-hero-copy h1
  ){font-size:clamp(44px,8.5vw,66px);line-height:.96;letter-spacing:-.052em}
  .release-v36 :where(
    .section-head h2,.about-pro h2,.bim-pro h2,.closing-contact h2,.career-manifesto h2,.form-stage-head h2,
    .contact-v12-statement h2,.project-summary h2,.split-copy h2,.project-art-story h2,.project-art-scope h2,
    .project-section-intro h2,.project-overview-copy h2,.project-scope-pro h2,.project-gallery-pro-head h2,
    .project-partners-head h2,.project-detail-meta h2,.project-summary-grid h2,.cta-strip h2,.portfolio-contact h2
  ){font-size:clamp(34px,6.5vw,50px)}
  .release-v36 .section{padding:74px 0}
  .release-v36 .portfolio-hero{padding:72px 0 54px}
  .release-v36 .project-art-hero{padding-bottom:64px}
  .release-v36 .project-art-overview,.release-v36 .project-art-scope,.release-v36 .project-support{padding:70px 0}
  .release-v36 .career-manifesto{padding:70px 0}
  .release-v36 .footer-grid{grid-template-columns:1fr 1fr;row-gap:30px}
  .release-v36 .footer-end{text-align:left;align-items:flex-start}
}

@media (max-width:560px){
  .release-v36{--release-shell:calc(100% - 28px)}
  .release-v36 :where(.page-shell){width:calc(100% - 28px)}
  .release-v36 .site-header{height:68px}
  .release-v36 .brand-logo{width:114px}
  .release-v36 :where(.eyebrow,.overline){font-size:8px;letter-spacing:.145em}
  .release-v36 :where(
    .hero-signature h1,
    .inquiry-hero-copy h1,
    .contact-v12-intro h1,
    .portfolio-hero h1,
    .page-hero h1,
    .project-art-copy h1,
    .project-detail-title h1,
    .project-detail-pro-title h1,
    .project-hero-copy h1
  ){font-size:clamp(39px,11.2vw,52px);line-height:.965;letter-spacing:-.052em}
  .release-v36 :where(
    .hero-signature-lead,.inquiry-hero-copy>p:not(.overline),.contact-v12-lead,.portfolio-intro p,.page-hero .hero-lead,
    .project-art-lead,.project-hero-lead,.project-summary p,.rich-text p,.split-copy p,.project-art-story p,
    .project-overview-copy p,.project-summary-grid p
  ){font-size:14px;line-height:1.62}
  .release-v36 .section{padding:62px 0}
  .release-v36 .page-hero.compact,.release-v36 .page-hero.compact .hero-inner{min-height:390px}
  .release-v36 .page-hero.compact .hero-inner{padding:62px 0 38px}
  .release-v36 .project-summary{padding:48px 0 56px}
  .release-v36 .project-art-hero{padding:24px 0 54px}
  .release-v36 .project-art-hero .back-link{margin-bottom:28px}
  .release-v36 .project-art-overview,.release-v36 .project-art-scope,.release-v36 .project-support{padding:60px 0}
  .release-v36 .project-art-facts{padding:16px}
  .release-v36 .project-art-facts-grid{grid-template-columns:1fr}
  .release-v36 .project-art-nav .shell{grid-template-columns:1fr}
  .release-v36 .project-art-nav a,.release-v36 .project-art-nav a:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--release-line)}
  .release-v36 .project-art-nav a:last-child{border-bottom:0}
  .release-v36 .career-manifesto{padding:60px 0}
  .release-v36 .contact-v12-form-wrap{box-shadow:none}
  .release-v36 .footer{padding:40px 0 32px}
  .release-v36 .footer-grid{grid-template-columns:1fr;gap:22px}
  .release-v36 .footer-brand-logo{width:138px}
}

@media (prefers-reduced-motion:reduce){
  .release-v36 *, .release-v36 *::before, .release-v36 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}