#main-vision{justify-content:center;align-items:center;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}#main-vision>div{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#main-vision>.shade p{word-break:keep-all;padding:1em;font-size:1.6em;line-height:1.8;transform:translateY(-50px)}#main-vision>.shade{mix-blend-mode:soft-light;opacity:0;background-color:#000a;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;transition:all 2s;display:flex}#main-vision.loaded>.shade{opacity:1}#main-vision .line-wrapper{width:100%;display:flex;transform:translateY(50px)}#main-vision .line{background-color:#0000;width:25%;height:1px;position:relative}#main-vision .line:before{content:"";background-color:#fff;width:0;height:1px;position:absolute;top:0;left:0}#main-vision .line:after{content:"";opacity:0;background-color:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}#main-vision .line:first-child:before{animation:3s linear forwards lineExt}#main-vision .line:first-child:after{animation:.3s linear 3s forwards dotAppear}#main-vision .line:nth-child(2):before{animation:3s linear 3s forwards lineExt}#main-vision .line:nth-child(2):after{animation:.3s linear 6s forwards dotAppear}#main-vision .line:nth-child(3):before{animation:3s linear 6s forwards lineExt}#main-vision .line:nth-child(3):after{animation:.3s linear 9s forwards dotAppear}#main-vision .line:nth-child(4):before{animation:3s linear 9s forwards lineExt}#main-vision .line:nth-child(4):after{display:none}#main-vision .line>.label{color:#fff;white-space:nowrap;opacity:0;text-align:center;width:300px;font-size:1.2em;font-weight:600;position:absolute;top:-50px;right:0;transform:translate(calc(50% - 7px))}#main-vision .line:first-child>.label{animation:.3s linear 3s forwards labelAppear}#main-vision .line:nth-child(2)>.label{animation:.3s linear 6s forwards labelAppear}#main-vision .line:nth-child(3)>.label{animation:.3s linear 9s forwards labelAppear}@keyframes labelAppear{0%{opacity:0;transform:translate(calc(50% - 7px))translateY(20px)}to{opacity:1;transform:translate(calc(50% - 7px))translateY(0)}}@keyframes lineExt{0%{width:0}to{width:100%}}@keyframes dotAppear{0%{opacity:0;transform:translateY(-50%)scale(0)}to{opacity:1;transform:translateY(-50%)scale(1)}}#main-vision iframe{opacity:0;width:177.77vh;min-width:100vw;height:100vh;min-height:56.25vw;transition:opacity 2s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)}#main-vision.loaded iframe{opacity:.5}@media (width<=768px){#main-vision .line>.label{font-size:.8em;top:-30px}}#page-header{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #333;justify-content:center;align-items:center;min-height:70px;display:flex;position:relative}#page-header:before{content:"";background-color:#021524cc;width:100%;height:100%;position:absolute;top:0;left:0}#page-header>span{letter-spacing:.6em;text-transform:uppercase;z-index:1000;font-size:2.2em;font-weight:100}#page-header>span:after{content:"";margin-left:-.6em}h2.page-title{font-size:2em;font-weight:200}#page-footer{margin-bottom:100px}.page-title-section{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.page-title-section>div{word-break:keep-all;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1em;max-width:700px;padding:1em;line-height:1.8;display:flex}.page-title-icon{opacity:.8;width:60px;height:auto}.page-title-section p{opacity:.7;font-size:1.05em}#main-skills{width:100%;color:var(--bpj-lightblue);padding:20px 0;position:relative;overflow:hidden}.skills-slider{width:100%;position:relative;overflow:hidden}.skills-track{gap:20px;width:fit-content;animation:60s linear infinite scroll-left;display:flex}.skill-item{white-space:nowrap;opacity:.6;border-radius:8px;padding:10px 20px;font-size:.9em;transition:opacity .3s;display:inline-block}.skill-item:hover{opacity:1}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.skills-slider:hover .skills-track{animation-play-state:paused}@media (width<=768px){.skill-item{padding:8px 16px;font-size:.8em}.skills-track{gap:15px}}#main-staff header{margin-bottom:2.5em}#main-staff header h2{letter-spacing:.5px;margin-bottom:.8em;font-weight:600}#main-staff header hr{opacity:.5;margin:0 auto 1em}#main-staff header p{line-height:1.6}.staff-container{max-width:900px;margin:0 auto}.staff-profile-section{justify-content:center;align-items:flex-end;gap:2.5em;margin-bottom:1em;display:flex}.staff-profile-image{mix-blend-mode:luminosity;opacity:.7;flex-shrink:0;width:100%;max-width:220px}.staff-basic-info{flex:1;max-width:500px}.staff-name-section{margin-bottom:1.5em}.staff-name-section h5{text-transform:uppercase;letter-spacing:1px;color:var(--bpj-lightblue);margin-bottom:.3em;font-size:.9em;font-weight:600}.staff-name-section h3{color:var(--bpj-mostlightblue);margin:0;font-size:1.6em;font-weight:700}.staff-links{gap:.6em;margin:0;padding:0;list-style:none;display:flex}.staff-links li a{color:var(--bpj-verylightblue);padding:.5em 1em;font-size:.9em;text-decoration:none;transition:all .2s}.staff-links li a:hover{color:#fff}.staff-bio-section{margin-top:1em}.staff-divider{background-color:var(--bpj-lightblue);border:none;width:100%;height:1px;margin:0 0 1em}.staff-description{color:var(--bpj-verylightblue);word-break:keep-all;line-height:1.7}.staff-bio{margin-bottom:2em}.staff-bio-paragraph{text-indent:1em;text-align:justify;margin-bottom:1.2em;line-height:1.9}.staff-bio-paragraph:last-child{margin-bottom:0}.staff-achievements{margin:0;padding:0;list-style:none}.staff-achievements li{color:var(--bpj-verylightblue);padding:.5em 0 .5em 1.5em;line-height:1.6;position:relative}.staff-achievements li:before{content:"•";color:var(--bpj-verylightblue);font-weight:700;position:absolute;left:0}@media (width<=768px){#main-staff{padding:2.5em 0}#main-staff header h2{font-size:1.6em}.staff-profile-section{flex-direction:column;align-items:center;gap:1.5em}.staff-profile-image{max-width:180px}.staff-basic-info{text-align:center;width:100%}.staff-name-section h3{font-size:1.5em}.staff-links{flex-wrap:wrap;justify-content:center}.staff-bio-paragraph{text-align:left;text-indent:.5em;line-height:1.8}}#what-we-do{background-color:var(--bpj-white);color:var(--bpj-deepblue)}#what-we-do .card{border:var(--bpj-blue) 1px solid;padding:1em}.workfields-grid{grid-template-columns:repeat(3,1fr);gap:1.5em;margin:2em 0;display:grid}.workfield-card{background-color:var(--bpj-white);border:1px solid var(--bpj-deepblue);flex-direction:column;padding:1.5em;transition:transform .2s,box-shadow .2s;display:flex}.workfield-image{background-color:var(--bpj-mostlightblue);aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%;margin-bottom:10px}.workfield-title{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6em;font-size:1.3em;font-weight:700}.workfield-subtitles{flex-wrap:wrap;gap:.5em;margin-bottom:1em;display:flex}.subtitle-badge{color:var(--bpj-mostlightblue);border:var(--bpj-mostlightblue) 1px solid;border-radius:4px;padding:.3em .7em;font-size:.8em;font-weight:500}.workfield-description{color:var(--bpj-verylightblue);word-break:keep-all;margin-bottom:1.2em;line-height:1.6}.workfield-process{margin-top:auto;padding-top:1em}.process-title{color:var(--bpj-white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8em;font-size:.95em;font-weight:600}.workfield-phases{flex-direction:column;align-items:flex-start;gap:.6em;display:flex}.phase-badge{color:var(--bpj-verylightblue);border:1.5px solid var(--bpj-verylightblue);text-align:center;box-sizing:border-box;background-color:#0000;border-radius:4px;width:100%;padding:.5em 1em;font-size:.85em;font-weight:500;position:relative}@media (width<=1024px){.workfields-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.workfields-grid{grid-template-columns:1fr}.workfield-card{padding:1.2em}.workfield-title{font-size:1.1em}}#main-works{background-color:var(--bpj-white);color:var(--bpj-blue)}.mission-header{text-align:center;margin-bottom:2.5em}.mission-header .section-header{letter-spacing:.5px;margin-bottom:.8em;font-size:2em;font-weight:600}.mission-divider{background-color:var(--bpj-blue);opacity:.5;border:none;width:50px;height:2px;margin:0 auto}.mission-grid{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.mission-card{border:1px solid var(--bpj-verylightblue);text-align:center;cursor:default;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;padding:1em;transition:all .3s;display:flex;position:absolute}.mission-card:first-child{z-index:1;top:0;left:50%;transform:translate(-50%)}.mission-card:nth-child(2){z-index:1;bottom:0;left:50%;transform:translate(calc(-50% - 100px))}.mission-card:nth-child(3){z-index:1;bottom:0;left:50%;transform:translate(calc(100px - 50%))}.mission-card:hover{border-color:var(--bpj-deepblue);background-color:var(--bpj-white);z-index:10}.mission-card:first-child:hover{transform:translate(-50%)scale(1.05)}.mission-card:nth-child(2):hover{transform:translate(calc(-50% - 100px))scale(1.05)}.mission-card:nth-child(3):hover{transform:translate(calc(100px - 50%))scale(1.05)}.mission-card:hover .mission-description{opacity:1;max-height:200px;margin-top:1em}.mission-title{color:var(--bpj-blue);text-transform:uppercase;letter-spacing:.3px;opacity:1;width:80%;font-size:1.4em;font-weight:600;transition:all .4s}.mission-description{color:#444;word-break:keep-all;opacity:0;width:80%;max-height:0;margin-top:0;font-size:.95em;line-height:1.6;transition:all .4s;overflow:hidden}.slogan{text-align:center;margin:3em}.slogan>h3{color:var(--bpj-deepblue);margin:.4em auto;font-size:2em;font-style:italic}@media (width<=1024px){.mission-grid{min-height:450px}.mission-card{width:240px;height:240px}.mission-card:first-child{transform:translate(-50%)}.mission-card:nth-child(2){transform:translate(calc(-50% - 80px))}.mission-card:nth-child(3){transform:translate(calc(80px - 50%))}.mission-card:first-child:hover{transform:translate(-50%)scale(1.05)}.mission-card:nth-child(2):hover{transform:translate(calc(-50% - 80px))scale(1.05)}.mission-card:nth-child(3):hover{transform:translate(calc(80px - 50%))scale(1.05)}.mission-title{font-size:1.3em}}@media (width<=768px){#main-works{padding:2.5em 0}.mission-header .section-header{font-size:1.6em}.mission-grid{min-height:350px}.mission-card{width:180px;height:180px}.mission-card:first-child{transform:translate(-50%)}.mission-card:nth-child(2){transform:translate(calc(-50% - 60px))}.mission-card:nth-child(3){transform:translate(calc(60px - 50%))}.mission-card:first-child:hover{transform:translate(-50%)scale(1.05)}.mission-card:nth-child(2):hover{transform:translate(calc(-50% - 60px))scale(1.05)}.mission-card:nth-child(3):hover{transform:translate(calc(60px - 50%))scale(1.05)}.mission-title{font-size:1.1em}.mission-description{font-size:.85em}}.portfolio-card{color:var(--bpj-deepblue);border:var(--bpj-lightblue) 1px solid;word-break:keep-all;display:block;overflow:hidden}.portfolio-img-wrapper{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.portfolio-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;text-align:center;background-color:#02152499;flex-direction:column;justify-content:center;align-items:center;padding:1em;transition:all .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay .portfolio-category{color:#fff;opacity:.8}.portfolio-overlay h2{color:#fff;margin:.2em 0;font-size:1.4em}.portfolio-overlay .portfolio-period{color:#fff;opacity:.7}.portfolio-overlay .portfolio-client{color:#fff;opacity:.8}.portfolio-img-wrapper img{object-fit:cover;width:100%}.portfolio-slider{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-slider-track{flex-direction:column;width:100%;height:100%;transition:transform .5s ease-in-out;display:flex}.portfolio-slider-track img{object-fit:cover;flex-shrink:0;width:100%;height:100%}.slider-nav{cursor:pointer;width:40px;height:40px;color:var(--bpj-deepblue);z-index:10;opacity:0;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.portfolio-img-wrapper:hover .slider-nav{opacity:1}.slider-nav:hover{background:#fff;transform:translate(-50%)scale(1.1)}.slider-nav-prev{top:10px}.slider-nav-next{bottom:10px}.slider-indicators{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.slider-indicator{border:1px solid var(--bpj-white);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.slider-indicator:hover{background:#fff9}.slider-indicator.active{background:var(--bpj-deepblue);border-color:var(--bpj-lightblue);transform:scale(1.2)}.portfolio-img-placeholder{color:#bbb;background-color:#eee;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.portfolio-img-placeholder img{width:50px;margin-bottom:8px}.portfolio-content-wrapper{flex-direction:column;justify-content:space-between;gap:1em;padding:1em;display:flex}.portfolio-content-wrapper header{margin-bottom:.5em}.portfolio-category{color:#c00;text-transform:uppercase;margin-bottom:.3em;font-size:.8em;font-weight:600}.portfolio-client{color:var(--bpj-blue);margin:.3em auto;font-size:.9em}.portfolio-description{color:var(--bpj-blue);margin:.5em 0;font-size:.9em;line-height:1.6}.portfolio-description strong{color:var(--bpj-blue);font-weight:600}.portfolio-description ul{margin:.5em 0;padding-left:1.5em}.portfolio-description li{margin:.3em 0;list-style:outside}.portfolio-description br{content:"";margin-top:.5em;display:block}.phase-wrapper{flex-wrap:wrap;gap:1em;display:flex}.phase-wrapper label{align-items:center;gap:.3em;font-size:.85em;display:flex}.portfolio-period{font-size:.85em;font-style:italic}.tags-wrapper{flex-wrap:wrap;gap:.5em;display:flex}.tags{color:var(--bpj-blue);border:var(--bpj-lightblue) 1px solid;border-radius:.5em;padding:.5em .6em;font-size:.8em}.portfolio-link{opacity:.7;align-items:center;display:inline-flex}.portfolio-card h2{align-items:center;gap:4px;display:flex}.portfolio-link img{width:26px}.portfolio-link:hover{opacity:1}@media (width<=768px){.portfolio-overlay{padding:1.5em .8em .8em}.portfolio-overlay h2{font-size:1em}.phase-wrapper{gap:.5em}.tags{padding:.4em .8em;font-size:.55em}}#portfolio-card-wrapper{grid-template-columns:repeat(3,1fr);gap:1em;padding:1em;display:grid}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:4rem 2rem;display:flex}.loading-spinner{border:1px solid var(--bpj-lightblue);border-top:1px solid #fee;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;margin-top:1rem;font-size:1rem}.error-message{color:#c33;text-align:center;background:#fee;border:1px solid #fcc;border-radius:8px;margin:1rem;padding:1rem}.no-results{text-align:center;color:#666;grid-column:1/-1;padding:3rem 2rem}.no-results p{font-size:1.1rem}.load-more-container{justify-content:center;margin-top:1rem;padding:2rem 1rem;display:flex}.load-more-btn{border:1px solid var(--bpj-lightblue);color:inherit;cursor:pointer;background:0 0;padding:.8rem 2rem;font-size:1rem;transition:all .3s}.load-more-btn:hover:not(:disabled){background:var(--bpj-lightblue);color:var(--bpj-deepblue)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.hidden-projects-note{text-align:center;margin-top:1rem;padding:1.5rem 1rem}.hidden-projects-note p{color:#999;letter-spacing:.02em;font-size:.95rem;font-style:italic}@media (width<=1000px){#portfolio-card-wrapper{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#portfolio-card-wrapper{grid-template-columns:1fr}}.page-title-section:has(#search-filter)>div{width:100%;max-width:900px}#search-filter{flex-direction:column;align-items:center;gap:1em;width:100%;display:flex}#category-wrapper{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}#category-wrapper span{cursor:pointer;transition:all .3s}#category-wrapper span.active{font-weight:700;text-decoration:underline}#search-input{box-sizing:border-box;width:100%;max-width:100%;color:var(--bpj-white);background:#ffffff0f;border:1px solid #fff3;border-radius:1em;padding:1em;font-size:1em}#search-input::placeholder{color:var(--bpj-white);opacity:.35}#search-input:focus{background:#ffffff1a;border-color:#ffffff80;outline:none}.portfolio-detail-backdrop{cursor:none;min-height:100%}.portfolio-detail-cursor{width:40px;height:40px;color:var(--bpj-white);border:var(--bpj-white) 2px solid;pointer-events:none;z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;transform:translate(-50%,-50%)}.portfolio-detail{max-width:800px;color:var(--bpj-deepblue);cursor:default;background:#fff;margin:0 auto;padding:2rem}.portfolio-detail-header{z-index:100;position:fixed;top:100px;left:2rem}.portfolio-detail-header .back-link{width:40px;height:40px;color:var(--bpj-white);border:var(--bpj-white) 2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .3s;display:flex}.portfolio-detail-header .back-link:hover{transform:scale(1.1)}.portfolio-detail-loading,.portfolio-detail-error{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:400px;display:flex}.portfolio-detail-content{flex-direction:column;gap:3rem;display:flex}.portfolio-detail-gallery{width:100%}.portfolio-detail-main-image{object-fit:cover;width:100%;height:auto;box-shadow:1px 1px 6px #ccc}.portfolio-detail-placeholder{color:#999;background:#eee;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.portfolio-detail-placeholder img{opacity:.5;width:80px}.portfolio-detail-additional-images{flex-direction:column;gap:1.5rem;margin:2rem 0;display:flex}.portfolio-detail-additional-images img{object-fit:cover;width:100%;height:auto;box-shadow:1px 1px 6px #ccc}.portfolio-detail-info{text-align:center}.portfolio-detail-category{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:.5rem;font-size:.9rem}.portfolio-detail-info h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:600}.portfolio-detail-meta{opacity:.7;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.portfolio-detail-meta .meta-divider{opacity:.5;margin:0 .3rem}.portfolio-detail-link{color:var(--bpj-blue);align-items:center;gap:.3rem;transition:all .3s;display:inline-flex}.portfolio-detail-link img{width:16px;height:16px}.portfolio-detail-link .link-icon-hover{display:none}.portfolio-detail-link:hover{color:#c00}.portfolio-detail-link:hover .link-icon-default{display:none}.portfolio-detail-link:hover .link-icon-hover{display:inline}.portfolio-detail-description{text-align:left;max-width:700px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.8}.portfolio-detail-phase{justify-content:flex-start;align-items:flex-start;max-width:700px;margin:0 auto 1.5rem;display:flex;position:relative}.portfolio-detail-phase:before{content:"";background:var(--bpj-blue);opacity:.4;height:2px;position:absolute;top:6px;left:0;right:0}.portfolio-detail-phase .phase-item{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.portfolio-detail-phase .phase-item.active{opacity:1}.portfolio-detail-phase .phase-dot{border:2px solid var(--bpj-mostlightblue);z-index:1;background:#fff;border-radius:50%;width:12px;height:12px;position:relative}.portfolio-detail-phase .phase-item.active .phase-dot{background:var(--bpj-blue);border-color:var(--bpj-blue)}.portfolio-detail-phase .phase-label{color:var(--bpj-mostlightblue);font-size:.8rem}.portfolio-detail-phase .phase-item.active .phase-label{color:var(--bpj-deepblue)}.portfolio-detail-tags{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;max-width:700px;margin:0 auto 2rem;display:flex}.portfolio-detail-tags .tag{color:var(--bpj-mostlightblue);font-size:.8rem;font-style:italic}@media (width<=768px){.portfolio-detail{padding:1rem}.portfolio-detail-header{top:80px;left:1rem}.portfolio-detail-header .back-link{width:36px;height:36px;font-size:1rem}.portfolio-detail-info h1{font-size:1.8rem}.portfolio-detail-description{font-size:1rem}}.map-info-content{color:#333;min-width:250px;max-width:420px;padding:12px}.map-info-header{align-items:baseline;gap:8px;display:flex;position:absolute;top:24px}.map-info-image>img{object-fit:cover;height:100%}.map-info-header>h3{margin:0 0 8px;font-size:1.6em;font-weight:600}.map-info-header>h5{margin:0 0 8px;font-size:1.2em;font-weight:600}.map-info-address{font-size:.9em;font-weight:400;line-height:1.5}.map-wrapper{aspect-ratio:16/5;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-top:40px;position:relative;overflow:hidden}.google-map{width:100%;height:100%}.custom-marker{cursor:pointer}.marker-pin{background-image:url(/symbol.svg);background-size:cover;background-color:var(--bpj-blue);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.marker-text{color:#fff;text-shadow:0 0 #000;white-space:nowrap;font-size:14px;font-weight:300;position:absolute;top:-30px;transform:translateY(50%)}.custom-marker:hover .marker-pin{transition:transform .2s;transform:scale(1.1)}.map-overlay{z-index:10;position:absolute;bottom:20px;right:20px}.map-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:6px;padding:10px 20px;font-size:.9em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.map-link:hover{background:#000000e6;transform:translateY(-2px)}.map-error{background:#ffffff08;border:1px solid #ff00004d;justify-content:center;align-items:center;display:flex}.map-error-content{text-align:center;padding:40px 20px}.map-error-content p{opacity:.8;margin-bottom:20px;font-size:1em}.map-link-alt{color:inherit;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;padding:12px 24px;font-size:.9em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.map-link-alt:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}@media (width<=768px){.map-wrapper{height:300px;margin-top:30px}.map-overlay{bottom:10px;right:10px}.map-link{padding:8px 16px;font-size:.8em}}.contact-form{width:50%;min-width:300px;margin:0 auto;position:relative;overflow:hidden}.contact-form h3{letter-spacing:-.02em;text-align:center;margin-bottom:36px;font-size:1.8em;font-weight:700}.status-message{text-align:center;border-radius:10px;margin-bottom:28px;padding:14px 18px;font-size:.95em;font-weight:500;animation:.3s slideDown}.status-message.success{color:#4caf50}.status-message.error{color:#f44336}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:28px}.form-group label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.85em;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#1a1a2e;background:#00000008;border:1px solid #ccc;border-radius:4px;width:100%;padding:14px 18px;font-family:inherit;font-size:1em;transition:all .3s}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a2e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:45px}.form-group select option{color:#1a1a2e;background-color:#fff;padding:10px}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bpj-lightblue);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:none;min-height:200px;line-height:1.6}.submit-btn{text-transform:uppercase;color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:4px;width:100%;padding:16px 32px;font-size:1.2em;font-weight:600;transition:all .2s}.submit-btn:hover{background:#2a2a4e}.submit-btn:active{box-shadow:0 2px 8px #2196f340}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #2196f333}@media (width<=768px){.contact-form{padding:36px 28px}.contact-form h3{margin-bottom:28px;font-size:1.5em}.form-group{margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;font-size:16px}.form-group select{background-position:right 16px center;padding-right:40px}.submit-btn{padding:14px 28px}}#contact-section header{margin-bottom:3em}.contact-mail-section{color:#1a1a2e;background-color:#f5f6fa}.contact-map-section{margin:3em auto;position:relative}.contact-info-list{flex-direction:column;gap:1.5em;max-width:800px;margin-top:2.5em;margin-left:auto;margin-right:auto;display:flex}.contact-info-item{text-align:left;background-color:#ffffff0d;border-radius:8px;padding:1em 1.5em}.info-label{color:var(--bpj-white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1em;font-size:.9em;font-weight:600;display:block}.info-value{color:var(--bpj-white);margin:0;font-size:1em;font-weight:400;line-height:1.6}.navigation-links{text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.nav-link{color:var(--bpj-white);background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5em;min-width:120px;padding:.7em 1.2em;font-size:.95em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.nav-link:hover{background-color:var(--bpj-blue);transform:translateY(-2px);box-shadow:0 4px 8px #0f3c5e4d}.nav-link:active{transform:translateY(0)}.nav-icon{object-fit:contain;width:20px;height:20px}@media (width<=1024px){#contact-section header h2{font-size:1.8em}.contact-map-section{margin-bottom:2.5em}.contact-info-list{gap:1.2em;margin-top:2em}.contact-info-item{padding:.9em 1.3em}.info-label{font-size:.85em}.info-value{font-size:.95em}.navigation-links{gap:.8em}.nav-link{padding:.6em 1em;font-size:.9em}}@media (width<=768px){#contact-section header h2{font-size:1.6em}#contact-section header p{font-size:1em}.contact-map-section{margin-bottom:2em}.contact-info-list{gap:1em;margin-top:1.5em}.contact-info-item{padding:.8em 1.2em}.info-label{font-size:.8em}.info-value{font-size:.9em}.navigation-links{flex-direction:column;gap:.6em}.nav-link{justify-content:center;width:100%;padding:.6em 1em;font-size:.85em}.nav-icon{width:18px;height:18px}}#news-list{max-width:1200px;margin:0 auto;padding:0 20px 80px}.news-loading,.news-empty{text-align:center;opacity:.6;padding:60px 0}.news-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.news-card{border:1px solid #ffffff26;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.news-card-image{aspect-ratio:16/10;width:100%;overflow:hidden}.news-card-image img{object-fit:cover;width:100%;height:100%}.news-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.news-date{opacity:.5;margin-bottom:8px;font-size:.8em}.news-card-body h3{margin-bottom:10px;font-size:1.1em;line-height:1.4}.news-content{opacity:.7;-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:.88em;line-height:1.6;display:-webkit-box;overflow:hidden}.news-link{color:var(--bpj-blue-1);margin-top:14px;font-size:.85em;font-weight:500;text-decoration:none}.news-link:hover{text-decoration:underline}@media screen and (width<=1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.news-grid{grid-template-columns:repeat(2,1fr);gap:16px}.news-card-body h3{font-size:1em}}@media screen and (width<=480px){.news-grid{grid-template-columns:1fr}}:root{--bpj-mostlightblue:#92a5c4;--bpj-verylightblue:#7285a4;--bpj-lightblue:#526584;--bpj-blue:#021524;--bpj-blue-shear:#021524cc;--bpj-deepblue:#010213;--bpj-black:#010203;--bpj-white:#f0f3ff;--bpj-red:#c00}@font-face{font-family:Pretendard;src:url(/www/fonts/PretendardVariable.woff2)format("woff2");font-display:swap}html,body{width:100vw;max-width:100vw;height:100%;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{display:none}::selection{background-color:var(--bpj-lightblue);color:#fff}body{background:linear-gradient(var(--bpj-blue), var(--bpj-deepblue));color:var(--bpj-white);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1em;font-weight:400}a,.link{cursor:pointer;color:inherit;text-decoration:none}a:hover,.link:hover{color:#fc0}li{list-style:none}input{border:none;outline:none}input,textarea{box-sizing:border-box;max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:1px}h1,h2,h3,h4,h5,h6,b,strong{font-weight:600}hr{color:var(--bpj-lightblue)}ul{padding-left:10px}section,header,footer,nav{box-sizing:border-box;max-width:100%}main{max-width:100vw}main>section{min-height:200px}.wrapper{max-width:1360px;margin:auto;padding:80px 20px}.flex{display:flex}.flex.center{justify-content:center;align-items:center}.between{justify-content:space-between;display:flex}.width-fill{box-sizing:border-box;width:100%}.text-center{text-align:center}.small{font-size:.8em}.grid{display:grid}.grid.p3{grid-template-columns:1fr 1fr 1fr}.zero-height{line-height:0}.section-header{text-align:center;text-transform:uppercase;margin-bottom:30px;font-size:1.4em;font-weight:700}#site-container{height:100%;color:var(--bpj-white);grid-template-rows:60px auto 30px;display:grid}body.main-page,body.main-page main{height:100vh;overflow:hidden}.staff-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;max-width:420px;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.staff-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.staff-card-image{justify-content:center;margin-bottom:25px;display:flex}.staff-card-image img{object-fit:cover;mix-blend-mode:plus-lighter;opacity:.8;border:3px solid #ffcc004d;border-radius:50%;width:100px;height:100px}.staff-card-content{text-align:center}.staff-card-header h5{color:#fc0;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;font-size:.9em;font-weight:400}.staff-card-header h3{margin:0 0 15px;font-size:1.6em;font-weight:600}.staff-card-quote{word-break:keep-all;background:#ffcc000d;border-left:3px solid #fc0;border-radius:0 10px 10px 0;margin:20px 0 25px;padding:15px;font-size:1em;font-style:italic;line-height:1.6}.staff-card-links{flex-wrap:wrap;justify-content:center;gap:15px;margin:0;padding:0;display:flex}.staff-card-links li{list-style:none}.staff-card-links li a{color:inherit;border-radius:20px;padding:8px 20px;font-size:.9em;text-decoration:none;transition:all .3s;display:inline-block}.staff-card-links li a:hover{color:#fc0;background:#fc03;border-color:#fc0;transform:scale(1.05)}#site-header,#site-footer,#site-navigation{align-items:center;max-width:100%;padding:15px 30px;display:flex}#site-header,#site-footer{z-index:100;width:100%}#site-header{justify-content:space-between;align-items:center;transition:background-color .3s;position:fixed;top:0;left:0}#site-header.scrolled{background-color:var(--bpj-blue-shear);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#site-footer.fixed{position:fixed}#site-footer.relative{position:relative}#site-header .site-nav{gap:2em;list-style:none;display:flex}#site-header .sellang{gap:1em;display:flex}.hamburger-btn{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;padding:0;display:none}.hamburger-line{transform-origin:50%;background-color:#fff;width:30px;height:3px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translateY(11px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translateY(-11px)}#site-footer{justify-content:space-between;align-items:end}#site-footer.fixed{bottom:0;left:0}#site-footer #copyright{font-size:.8em}#site-navigation a{margin:auto 5px}#social a{margin:10px;font-size:.8em}@media (width<=768px){.hamburger-btn{display:flex}#site-header .site-nav{background-color:var(--bpj-blue-shear);opacity:0;visibility:hidden;z-index:50;flex-direction:column;gap:1em;width:100%;height:auto;transition:opacity .4s,visibility .4s,transform .4s;position:fixed;top:70px;left:0;transform:translateY(-100%)}#site-header .site-nav.mobile-open{opacity:1;visibility:visible;flex-direction:column;justify-content:space-around;display:flex;transform:translateY(0)}#site-header .site-nav li{text-align:center;box-sizing:border-box;width:100%;padding:20px;font-size:1.3em}#site-header .sellang{justify-content:center}#site-footer{flex-direction:column;align-items:stretch}}@media screen and (width<=500px){body{font-size:.9em}.grid.m1{grid-template-columns:1fr}.wrapper{padding:20px}.staff-card{margin:0 10px;padding:30px 20px}.staff-card-image img{width:150px;height:150px}.staff-card-header h3{font-size:1.5em}.staff-card-quote{padding:15px;font-size:1em}.staff-card-links{gap:10px}.staff-card-links li a{padding:6px 15px;font-size:.85em}.mnone{display:none}.mhide{opacity:0}}