/* Restored interactions; the archived layout and typography remain in place. */
.main-hero .gok-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.main-hero .background-overlay{z-index:1}
.main-hero .image-title{z-index:2}
.gok-whatsapp{position:fixed;right:22px;bottom:22px;z-index:9999;width:62px;height:62px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;display:block}
.gok-whatsapp img{width:100%;height:100%;display:block}.gok-whatsapp:hover{transform:translateY(-4px);box-shadow:0 11px 30px rgba(0,0,0,.38)}.gok-whatsapp:focus-visible{outline:3px solid #d8aa54;outline-offset:4px}
.board-page{padding:95px 0 110px;background:#f8f8f8}.board-page .board-inner{max-width:1080px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.board-page img{width:100%;height:390px;object-fit:cover}.board-page h2{font-size:44px;line-height:1.2;color:#232323;margin:0 0 18px}.board-page .accent{width:56px;height:2px;background:#d7ab56;margin-bottom:24px}.board-page p{font-size:16px;line-height:1.85;margin:0 0 16px;color:#555}.board-page a{display:inline-block;color:#222;border-bottom:2px solid #d7ab56;margin-top:10px;font-weight:600}
.portfolio-block .portfolio-block-grid a{cursor:zoom-in}
.gok-lightbox[hidden]{display:none}.gok-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;padding:55px 75px}.gok-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.gok-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font:46px/1 Arial,sans-serif;padding:10px}.gok-lightbox__close{top:5px;right:16px}.gok-lightbox__prev{left:14px;top:48%}.gok-lightbox__next{right:14px;top:48%}.gok-lightbox__count{position:absolute;bottom:15px;color:#fff;font:14px Arial,sans-serif}
@media(max-width:780px){.board-page{padding:55px 0}.board-page .board-inner{grid-template-columns:1fr;gap:25px}.board-page img{height:290px}.board-page h2{font-size:34px}.gok-whatsapp{right:14px;bottom:14px;width:56px;height:56px}}

/* Keep the hero text and its button inside the video, clear of the service cards. */
.main-hero .image-title{bottom:0;box-sizing:border-box;padding:125px 20px 105px;align-items:center}
.main-hero .image-title .container{width:100%}
.main-hero .image-title .button-view{position:relative;z-index:3;margin-top:22px}
.main-hero .image-title a.button-basic-1{display:inline-block;margin-top:0;line-height:1.4;white-space:normal}
@media(max-width:767px){.main-hero .image-title{padding:100px 16px 65px}.main-hero .image-title h2{line-height:1.05}.main-hero .image-title p{padding:0 12px}}
@font-face{font-family:FontAwesome;src:url('fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
.footer-bottom .social-footer ul{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:0;list-style:none}
.footer-bottom .social-footer ul li{margin:0}
.footer-bottom .social-footer ul li a{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;color:#fff;font-size:20px;text-decoration:none}
.footer-bottom .social-footer ul li i{margin:0;font-family:FontAwesome!important;font-style:normal}
.footer-bottom .social-footer ul li a:focus-visible{outline:2px solid #f2b410;outline-offset:2px}
@media(max-width:767px){.footer-bottom .social-footer ul{justify-content:center;margin-top:18px}}

/* Use the homepage video's poster frame on every inner-page hero. */
.main-hero.inner-hero{background-image:url('../img/porto-image-1.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
.main-hero.inner-hero .background-overlay{background-color:#111;opacity:.58}