html,body{max-width:100vw;padding:0;margin:0;overflow-x:hidden;overflow-y:auto}#main-vision{position:relative;overflow:hidden;height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center}#main-vision>div{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#main-vision>.shade p{font-size:1.6em;line-height:1.8;transform:translateY(-50px);padding:1em;word-break:keep-all}#main-vision>.shade{background-color:#000a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;mix-blend-mode:soft-light;opacity:0;transition:all 2s}#main-vision.loaded>.shade{opacity:1}#main-vision .line-wrapper{width:100%;display:flex;transform:translateY(50px)}#main-vision .line{position:relative;width:25%;height:1px;background-color:transparent}#main-vision .line:before{content:"";position:absolute;left:0;top:0;height:1px;background-color:#fff;width:0}#main-vision .line:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background-color:#fff;opacity:0}#main-vision .line:nth-child(1):before{animation:lineExt 3s linear forwards}#main-vision .line:nth-child(1):after{animation:dotAppear .3s linear 3s forwards}#main-vision .line:nth-child(2):before{animation:lineExt 3s linear 3s forwards}#main-vision .line:nth-child(2):after{animation:dotAppear .3s linear 6s forwards}#main-vision .line:nth-child(3):before{animation:lineExt 3s linear 6s forwards}#main-vision .line:nth-child(3):after{animation:dotAppear .3s linear 9s forwards}#main-vision .line:nth-child(4):before{animation:lineExt 3s linear 9s forwards}#main-vision .line:nth-child(4):after{display:none}#main-vision .line>.label{position:absolute;right:0;top:-50px;transform:translate(calc(50% - 7px));color:#fff;font-size:1.2em;font-weight:600;white-space:nowrap;opacity:0;text-align:center;width:300px}#main-vision .line:nth-child(1)>.label{animation:labelAppear .3s linear 3s forwards}#main-vision .line:nth-child(2)>.label{animation:labelAppear .3s linear 6s forwards}#main-vision .line:nth-child(3)>.label{animation:labelAppear .3s linear 9s forwards}@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{position:absolute;top:50%;left:50%;width:177.77vh;height:100vh;transform:translate(-50%,-44%);min-width:100vw;min-height:56.25vw;opacity:0;transition:opacity 2s linear}#main-vision.loaded iframe{opacity:.5}@media(max-width:768px){#main-vision .line>.label{font-size:.8em;top:-30px}}#page-header{display:flex;justify-content:center;align-items:center;min-height:70px;border-bottom:#333 1px solid;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}#page-header:before{content:"";background-color:#021524cc;width:100%;height:100%;position:absolute;left:0;top: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-weight:200;font-size:2em}#page-footer{margin-bottom:100px}#brand-story{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px}#brand-story>div{word-break:keep-all;padding:1em;max-width:700px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.8;min-height:200px}#main-skills{width:100%;overflow:hidden;padding:20px 0;position:relative;color:var(--bpj-lightblue)}.skills-slider{width:100%;overflow:hidden;position:relative}.skills-track{display:flex;gap:20px;animation:scroll-left 60s linear infinite;width:fit-content}.skill-item{display:inline-block;padding:10px 20px;font-size:.9em;white-space:nowrap;opacity:.6;border-radius:8px;transition:opacity .3s ease}.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(max-width:768px){.skill-item{font-size:.8em;padding:8px 16px}.skills-track{gap:15px}}#main-staff header{margin-bottom:2.5em}#main-staff header h2{font-weight:600;margin-bottom:.8em;letter-spacing:.5px}#main-staff header hr{margin:0 auto 1em;opacity:.5}#main-staff header p{line-height:1.6}.staff-container{max-width:900px;margin:0 auto}.staff-profile-section{display:flex;justify-content:center;align-items:flex-end;gap:2.5em;margin-bottom:1em}.staff-profile-image{max-width:220px;width:100%;mix-blend-mode:luminosity;flex-shrink:0;opacity:.7}.staff-basic-info{flex:1;max-width:500px}.staff-name-section{margin-bottom:1.5em}.staff-name-section h5{font-size:.9em;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3em;color:var(--bpj-lightblue)}.staff-name-section h3{font-size:1.6em;font-weight:700;margin:0;color:var(--bpj-mostlightblue)}.staff-links{display:flex;gap:.6em;list-style:none;padding:0;margin:0}.staff-links li a{color:var(--bpj-verylightblue);text-decoration:none;padding:.5em 1em;font-size:.9em;transition:all .2s ease}.staff-links li a:hover{color:#fff}.staff-bio-section{margin-top:1em}.staff-divider{width:100%;height:1px;background-color:var(--bpj-lightblue);border:none;margin:0 0 1em}.staff-description{color:var(--bpj-verylightblue);line-height:1.7;word-break:keep-all}.staff-bio{margin-bottom:2em}.staff-bio-paragraph{margin-bottom:1.2em;line-height:1.9;text-indent:1em;text-align:justify}.staff-bio-paragraph:last-child{margin-bottom:0}.staff-achievements{list-style:none;padding:0;margin:0}.staff-achievements li{padding:.5em 0 .5em 1.5em;position:relative;color:var(--bpj-verylightblue);line-height:1.6}.staff-achievements li:before{content:"•";position:absolute;left:0;color:var(--bpj-verylightblue);font-weight:700}@media(max-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{justify-content:center;flex-wrap:wrap}.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{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5em;margin:2em 0}.workfield-card{background-color:var(--bpj-white);border:1px solid var(--bpj-deepblue);padding:1.5em;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.workfield-image{background-color:var(--bpj-mostlightblue);width:100%;margin-bottom:10px;background-size:cover;background-position:center;aspect-ratio:16/9}.workfield-title{font-size:1.3em;font-weight:700;margin-bottom:.6em;text-transform:uppercase;letter-spacing:.5px}.workfield-subtitles{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1em}.subtitle-badge{color:var(--bpj-mostlightblue);border:var(--bpj-mostlightblue) 1px solid;padding:.3em .7em;border-radius:4px;font-size:.8em;font-weight:500}.workfield-description{color:var(--bpj-verylightblue);line-height:1.6;margin-bottom:1.2em;word-break:keep-all}.workfield-process{margin-top:auto;padding-top:1em}.process-title{color:var(--bpj-white);font-size:.95em;font-weight:600;margin-bottom:.8em;text-transform:uppercase;letter-spacing:.5px}.workfield-phases{display:flex;flex-direction:column;align-items:flex-start;gap:.6em}.phase-badge{background-color:transparent;color:var(--bpj-verylightblue);border:1.5px solid var(--bpj-verylightblue);padding:.5em 1em;border-radius:4px;font-size:.85em;font-weight:500;position:relative;width:100%;text-align:center;box-sizing:border-box}@media(max-width:1024px){.workfields-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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{font-size:2em;font-weight:600;margin-bottom:.8em;letter-spacing:.5px}.mission-divider{width:50px;height:2px;background-color:var(--bpj-blue);border:none;margin:0 auto;opacity:.5}.mission-grid{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.mission-card{border:1px solid var(--bpj-verylightblue);padding:1em;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;width:300px;height:300px;text-align:center;position:absolute;cursor:default}.mission-card:nth-child(1){top:0;left:50%;transform:translate(-50%);z-index:1}.mission-card:nth-child(2){bottom:0;left:50%;transform:translate(calc(-50% - 100px));z-index:1}.mission-card:nth-child(3){bottom:0;left:50%;transform:translate(calc(-50% + 100px));z-index:1}.mission-card:hover{border-color:var(--bpj-deepblue);background-color:var(--bpj-white);z-index:10}.mission-card:nth-child(1):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(-50% + 100px)) scale(1.05)}.mission-card:hover .mission-description{opacity:1;max-height:200px;margin-top:1em}.mission-title{color:var(--bpj-blue);font-size:1.4em;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:80%;opacity:1;transition:all .4s}.mission-description{color:#444;line-height:1.6;font-size:.95em;word-break:keep-all;width:80%;opacity:0;max-height:0;margin-top:0;overflow:hidden;transition:all .4s}.slogan{text-align:center;margin:3em}.slogan>h3{font-size:2em;font-style:italic;color:var(--bpj-deepblue);margin:.4em auto}@media(max-width:1024px){.mission-grid{min-height:450px}.mission-card{width:240px;height:240px}.mission-card:nth-child(1){transform:translate(-50%)}.mission-card:nth-child(2){transform:translate(calc(-50% - 80px))}.mission-card:nth-child(3){transform:translate(calc(-50% + 80px))}.mission-card:nth-child(1):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(-50% + 80px)) scale(1.05)}.mission-title{font-size:1.3em}}@media(max-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:nth-child(1){transform:translate(-50%)}.mission-card:nth-child(2){transform:translate(calc(-50% - 60px))}.mission-card:nth-child(3){transform:translate(calc(-50% + 60px))}.mission-card:nth-child(1):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(-50% + 60px)) scale(1.05)}.mission-title{font-size:1.1em}.mission-description{font-size:.85em}}.portfolio-card{min-height:500px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:1em;background-color:#fff;color:var(--bpj-deepblue);border:#FFF 1px solid;word-break:keep-all}.portfolio-img-wrapper{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.8em;position:relative}.portfolio-img-wrapper img{width:100%;object-fit:cover}.portfolio-slider{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-slider-track{width:100%;height:100%;display:flex;flex-direction:column;transition:transform .5s ease-in-out}.portfolio-slider-track img{width:100%;height:100%;flex-shrink:0;object-fit:cover}.slider-nav{position:absolute;left:50%;transform:translate(-50%);background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--bpj-deepblue);z-index:10;transition:all .3s ease;opacity:0}.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{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.slider-indicator{width:10px;height:10px;border-radius:50%;border:1px solid var(--bpj-white);background:transparent;cursor:pointer;padding:0;transition:all .3s ease}.slider-indicator:hover{background:#fff9}.slider-indicator.active{background:var(--bpj-deepblue);border-color:var(--bpj-lightblue);transform:scale(1.2)}.portfolio-img-placeholder{background-color:#eee;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbb}.portfolio-img-placeholder img{width:50px;margin-bottom:8px}.portfolio-content-wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:1em;padding:1em}.portfolio-content-wrapper header{margin-bottom:.5em}.portfolio-category{font-size:.8em;color:#c00;text-transform:uppercase;font-weight:600;margin-bottom:.3em}.portfolio-client{font-size:.9em;color:var(--bpj-blue);margin:.3em auto}.portfolio-description{font-size:.9em;line-height:1.6;color:var(--bpj-blue);margin:.5em 0}.portfolio-description strong{font-weight:600;color:var(--bpj-blue)}.portfolio-description ul{margin:.5em 0;padding-left:1.5em}.portfolio-description li{list-style:disc;margin:.3em 0}.portfolio-description br{display:block;content:"";margin-top:.5em}.phase-wrapper{display:flex;gap:1em;flex-wrap:wrap}.phase-wrapper label{display:flex;align-items:center;gap:.3em;font-size:.85em}.portfolio-period{font-size:.85em;font-style:italic}.tags-wrapper{display:flex;gap:.5em;flex-wrap:wrap}.tags{padding:.5em .6em;color:var(--bpj-blue);border:var(--bpj-lightblue) 1px solid;border-radius:.5em;font-size:.8em}.portfolio-link{opacity:.7;display:inline-flex;align-items:center}.portfolio-card h2{display:flex;align-items:center;gap:4px}.portfolio-link img{width:26px}.portfolio-link:hover{opacity:1}@media(max-width:768px){.portfolio-card{min-height:400px}.phase-wrapper{gap:.5em}.tags{font-size:.55em;padding:.4em .8em}}#portfolio-card-wrapper{display:grid;gap:1em;grid-template-columns:repeat(4,1fr);padding:1em}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:300px}.loading-spinner{width:30px;height:30px;border:1px solid var(--bpj-lightblue);border-top:1px solid #fEE;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{margin-top:1rem;color:#666;font-size:1rem}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin:1rem;text-align:center;border:1px solid #fcc}.no-results{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#666}.no-results p{font-size:1.1rem}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;color:#333;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#667eea;color:#fff;border-color:#667eea}.pagination-btn.prev,.pagination-btn.next{font-weight:500}.pagination-dots{padding:0 .5rem;color:#999}.hidden-projects-note{text-align:center;padding:1.5rem 1rem;margin-top:1rem}.hidden-projects-note p{color:#999;font-size:.95rem;font-style:italic;letter-spacing:.02em}@media(max-width:1500px){#portfolio-card-wrapper{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){#portfolio-card-wrapper{grid-template-columns:repeat(2,1fr)}.pagination-container{flex-wrap:wrap}.pagination-btn{padding:.4rem .8rem;font-size:.85rem}}@media(max-width:600px){#portfolio-card-wrapper{grid-template-columns:1fr}}#search-filter{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px;text-align:center}#search-filter>div{word-break:keep-all;padding:1em;max-width:700px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.8;min-height:200px;box-sizing:border-box}#search-filter>div>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;max-width:100%}#category-wrapper{display:flex;gap:1em;flex-wrap:wrap;justify-content:center}#category-wrapper span{cursor:pointer;transition:all .3s ease}#category-wrapper span.active{font-weight:700;text-decoration:underline}#search-input{padding:1em;font-size:1em;width:100%;max-width:800px;border-radius:1em;box-sizing:border-box}.filter-section{width:100%}#phase-wrapper{display:flex;gap:1em;flex-wrap:wrap;justify-content:center}#phase-wrapper span{cursor:pointer;transition:all .3s ease}#phase-wrapper span.active{font-weight:700;text-decoration:underline}#sort-wrapper{display:flex;gap:1em;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.5em}#sort-wrapper select{padding:.8em 1.2em;font-size:.95em;border-radius:.5em;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease}#sort-wrapper select:hover{background:#fff3;border-color:#ffffff80}#sort-wrapper select:focus{outline:none;border-color:var(--bpj-lightblue)}#sort-wrapper select option{background:var(--bpj-blue);color:#fff}.order-toggle{padding:.8em 1.2em;font-size:.95em;border-radius:.5em;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.order-toggle:hover{background:#fff3;border-color:#ffffff80}.order-toggle:active{transform:scale(.95)}@media(max-width:768px){#sort-wrapper{flex-direction:column;gap:.5em;width:100%}#sort-wrapper select,.order-toggle{width:100%;max-width:300px}}.map-info-content{padding:12px;min-width:250px;max-width:420px;color:#333}.map-info-header{position:absolute;top:24px;display:flex;align-items:baseline;gap:8px}.map-info-image>img{object-fit:cover;height:100%}.map-info-header>h3{font-size:1.6em;font-weight:600;margin:0 0 8px}.map-info-header>h5{font-size:1.2em;font-weight:600;margin:0 0 8px}.map-info-address{font-size:.9em;line-height:1.5;font-weight:400}.map-wrapper{position:relative;width:100%;aspect-ratio:16/5;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:40px}.google-map{width:100%;height:100%}.custom-marker{cursor:pointer}.marker-pin{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-image:url(/www/symbol.svg);background-size:cover;background-color:var(--bpj-blue);border-radius:50%;position:relative}.marker-text{position:absolute;top:-30px;transform:translateY(50%);color:#fff;text-shadow:0px 0px 0px #000;font-size:14px;font-weight:300;white-space:nowrap}.custom-marker:hover .marker-pin{transform:scale(1.1);transition:transform .2s ease}.map-overlay{position:absolute;bottom:20px;right:20px;z-index:10}.map-link{display:inline-block;padding:10px 20px;background:#000c;color:#fff;text-decoration:none;border-radius:6px;font-size:.9em;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-link:hover{background:#000000e6;transform:translateY(-2px)}.map-error{display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,0,0,.3)}.map-error-content{text-align:center;padding:40px 20px}.map-error-content p{font-size:1em;margin-bottom:20px;opacity:.8}.map-link-alt{display:inline-block;padding:12px 24px;background:#ffffff1a;color:inherit;text-decoration:none;border-radius:6px;font-size:.9em;font-weight:500;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.map-link-alt:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}@media(max-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{position:relative;overflow:hidden;margin:0 auto;width:50%;min-width:300px}.contact-form h3{font-size:1.8em;font-weight:700;margin-bottom:36px;letter-spacing:-.02em;text-align:center}.status-message{padding:14px 18px;border-radius:10px;margin-bottom:28px;font-size:.95em;font-weight:500;text-align:center;animation:slideDown .3s ease}.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{display:block;font-size:.85em;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;font-size:1em;background:#ffffff08;border:var(--bpj-blue) 1px solid;font-family:inherit;transition:all .3s ease;color:var(--bpj-deepblue)}.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='%230F3C5E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}.form-group select option{background-color:var(--bpj-white);color:var(--bpj-deepblue);padding:10px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--bpj-blue);opacity:.4}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{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{width:100%;padding:16px 32px;font-size:1.2em;font-weight:600;text-transform:uppercase;background-color:var(--bpj-blue);color:var(--bpj-white);border:var(--bpj-white) 1px solid;cursor:pointer;transition:all .2s}.submit-btn:hover{background:var(--bpj-white);color:var(--bpj-blue)}.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(max-width:768px){.contact-form{padding:36px 28px}.contact-form h3{font-size:1.5em;margin-bottom:28px}.form-group{margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px 16px}.form-group select{background-position:right 16px center;padding-right:40px}.submit-btn{padding:14px 28px}}#contact-section header{margin-bottom:3em}.contact-map-section{position:relative;margin:3em auto}.contact-mail-section{background-color:var(--bpj-white);color:var(--bpj-deepblue)}.contact-info-list{margin-top:2.5em;display:flex;flex-direction:column;gap:1.5em;max-width:800px;margin-left:auto;margin-right:auto}.contact-info-item{text-align:left;padding:1em 1.5em;background-color:#ffffff0d;border-radius:8px;border-left:3px solid var(--bpj-blue)}.info-label{display:block;font-size:.9em;color:var(--bpj-white);font-weight:600;margin-bottom:1em;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1em;color:var(--bpj-white);font-weight:400;line-height:1.6;margin:0}.navigation-links{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;text-transform:uppercase}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.2em;background-color:#ffffff1a;border:1px solid var(--bpj-blue);border-radius:6px;color:var(--bpj-white);text-decoration:none;font-size:.95em;font-weight:500;transition:all .3s ease;flex:1;min-width:120px}.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{width:20px;height:20px;object-fit:contain}@media(max-width:1024px){#contact-section header h2{font-size:1.8em}.contact-map-section{margin-bottom:2.5em}.contact-info-list{margin-top:2em;gap:1.2em}.contact-info-item{padding:.9em 1.3em}.info-label{font-size:.85em}.info-value{font-size:.95em}.navigation-links{gap:.8em}.nav-link{font-size:.9em;padding:.6em 1em}}@media(max-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{margin-top:1.5em;gap:1em}.contact-info-item{padding:.8em 1.2em}.info-label{font-size:.8em}.info-value{font-size:.9em}.navigation-links{gap:.6em;flex-direction:column}.nav-link{font-size:.85em;padding:.6em 1em;width:100%;justify-content:center}.nav-icon{width:18px;height:18px}}#contact-title{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px;background-color:var(--bpj-blue-shear);background-size:cover;background-position:center;background-blend-mode:overlay}#contact-title>div{word-break:keep-all;padding:1em;max-width:700px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.8;min-height:200px}#brand-story>div>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}: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}::-webkit-scrollbar{display:none}::selection{background-color:var(--bpj-lightblue);color:#fff}a,.link{cursor:pointer}a:hover,.link:hover{color:#fc0}@font-face{font-family:Pretendard;src:url(/www/assets/PretendardVariable-CJuje-Rk.woff2)}html,body,#root{width:100vw;height:100%;overflow-x:hidden}input,textarea{max-width:100%;box-sizing:border-box}body.main-page{overflow:hidden;height:100vh}body.main-page main{overflow:hidden;height:100vh}body{background:linear-gradient(var(--bpj-blue),var(--bpj-deepblue));color:var(--bpj-white);font-family:Pretendard;font-size:1em;font-weight:400}main>section{min-height:200px}a{text-decoration:none;color:inherit;cursor:pointer}li{list-style:none}input{outline:none;border:none}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%}.wrapper{max-width:1360px;margin:auto;padding:80px 20px}.flex{display:flex}.flex.center{justify-content:center;align-items:center}#site-container{height:100%;display:grid;grid-template-rows:60px auto 30px;color:var(--bpj-white)}main{max-width:100vw}.between{display:flex;justify-content:space-between}.width-fill{width:100%;box-sizing:border-box}.text-center{text-align:center}.small{font-size:.8em}.grid{display:grid}.grid.p3{grid-template-columns:1fr 1fr 1fr}.section-header{font-size:1.4em;font-weight:700;margin-bottom:30px;text-align:center;text-transform:uppercase}.zero-height{line-height:0}#main-works>.grid{gap:30px}#main-works .card{border:#FFf 1px solid;padding:20px}#main-works .card .more{display:inline-block;text-decoration:underline;font-size:.9em;margin-top:20px}#main-services{background-color:#fff;color:#010213}.staff-card{background:#ffffff05;border-radius:20px;padding:30px;max-width:420px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.staff-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.staff-card-image{display:flex;justify-content:center;margin-bottom:25px}.staff-card-image img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,204,0,.3);mix-blend-mode:plus-lighter;opacity:.8}.staff-card-content{text-align:center}.staff-card-header h5{font-size:.9em;color:#fc0;margin:0 0 10px;font-weight:400;text-transform:uppercase;letter-spacing:2px}.staff-card-header h3{font-size:1.6em;margin:0 0 15px;font-weight:600}.staff-card-quote{font-size:1em;line-height:1.6;margin:20px 0 25px;padding:15px;border-left:3px solid #FC0;background:#ffcc000d;border-radius:0 10px 10px 0;word-break:keep-all;font-style:italic}.staff-card-links{padding:0;display:flex;justify-content:center;gap:15px;margin:0;flex-wrap:wrap}.staff-card-links li{list-style:none}.staff-card-links li a{display:inline-block;padding:8px 20px;border-radius:20px;font-size:.9em;text-decoration:none;color:inherit;transition:all .3s ease}.staff-card-links li a:hover{background:#fc03;border-color:#fc0;color:#fc0;transform:scale(1.05)}#contact input{padding:5px;margin:5px auto}#social a{margin:10px;font-size:.8em}@media screen and (max-width:500px){body{font-size:.9em}#topics,.grid.m1{grid-template-columns:1fr}.wrapper{padding:20px}#main-slider .slide .slide-contents{padding:30px 15px}#main-slider .slide .slide-contents h1{font-size:1.4em}.staff-card{padding:30px 20px;margin:0 10px}.staff-card-image img{width:150px;height:150px}.staff-card-header h3{font-size:1.5em}.staff-card-quote{font-size:1em;padding:15px}.staff-card-links{gap:10px}.staff-card-links li a{padding:6px 15px;font-size:.85em}.mnone{display:none}.mhide{opacity:0}}#site-header,#site-footer,#site-navigation{padding:15px 30px;display:flex;align-items:center;max-width:100%}#site-header,#site-footer{width:100%;z-index:100}#site-header{position:fixed;justify-content:space-between;align-items:center;top:0;left:0;background-color:var(--bpj-blue-shear);background-blend-mode:darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#site-footer.fixed{position:fixed}#site-footer.relative{position:relative}#site-header .site-nav{display:flex;gap:2em;list-style:none}#site-header .sellang{display:flex;gap:1em}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:200}.hamburger-line{width:30px;height:3px;background-color:#fff;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){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}@media(max-width:768px){.hamburger-btn{display:flex}#site-header .site-nav{position:fixed;top:70px;left:0;width:100%;height:auto;background-color:var(--bpj-blue-shear);flex-direction:column;gap:1em;opacity:0;visibility:hidden;transform:translateY(-100%);transition:opacity .4s ease,visibility .4s ease,transform .4s ease;z-index:50}#site-header .site-nav.mobile-open{opacity:1;visibility:visible;transform:translateY(0);display:flex;flex-direction:column;justify-content:space-around}#site-header .site-nav li{width:100%;text-align:center;font-size:1.3em;padding:20px;box-sizing:border-box}#site-header .sellang{justify-content:center}#site-footer{flex-direction:column;align-items:stretch}}