/* HIBA ELEKTRIK 1.6 — contact / references / project detail redesign */
.hiba-v16{--v16-ink:#0b3340;--v16-teal:#087f84;--v16-muted:#617982;--v16-line:#dfebea;--v16-tint:#f2f8f7;overflow:clip}
.hiba-v16 .inner-hero{min-height:264px;padding:36px 0 45px}
.hiba-v16 .inner-hero__layout{min-height:180px}
.hiba-v16 .inner-hero h1{font-size:clamp(2.35rem,3.9vw,4rem);max-width:850px}
.hiba-v16 .inner-hero p{font-size:15px;max-width:675px}
.hiba-v16 .v16-eyebrow{color:#087a83;display:inline-flex;align-items:center;gap:10px;letter-spacing:.13em;font-size:11px;font-weight:900;line-height:1.45;text-transform:uppercase}
.hiba-v16 .v16-eyebrow:before{content:"";height:3px;width:23px;display:block;background:#f3ba36;flex:none}
.hiba-v16 .v16-project-category{display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere;background:#e9f5f2;color:#087078;letter-spacing:.065em;padding:8px 12px;font-size:10px;font-weight:900;text-transform:uppercase}
.hiba-v16 .v16-project-category:before{content:"";height:6px;width:6px;background:#dd9a18;border-radius:100%;margin-right:9px;flex:none}
.hiba-v16 :is(a,button,input,select,textarea):focus-visible{outline:3px solid #e5af2b;outline-offset:3px}
/* CONTACT • modern top strip */
.v16-contact-opening{padding:73px 0 44px;background:linear-gradient(180deg,#f6faf9,#fff)}
.v16-contact-topline{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}
.v16-contact-topline>div{max-width:590px}
.v16-contact-topline h2{font-size:clamp(28px,3.3vw,44px);color:var(--v16-ink);font-weight:850;letter-spacing:-.044em;margin:12px 0 0;line-height:1.14}
.v16-contact-topline h2 span,.v16-form-shell h2 span,.v16-gallery-heading h2 span{color:var(--v16-teal)}
.v16-contact-topline>p{max-width:410px;color:var(--v16-muted);font-size:14px;line-height:1.82;margin:0}
.v16-contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v16-contact-method{border:1px solid #dce9e8;background:#fff;box-shadow:0 13px 38px rgba(5,62,76,.055);padding:23px 20px;display:flex;gap:15px;position:relative;align-items:center;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.v16-contact-method:hover{border-color:#90c9c9;transform:translateY(-3px);box-shadow:0 18px 44px rgba(5,62,76,.11)}
.v16-contact-method__icon{width:54px;height:54px;flex:none;display:grid;place-items:center;background:#e8f5f2;color:#087e87}
.v16-contact-method--wa .v16-contact-method__icon{background:#e9f8ee;color:#168046}
.v16-contact-method__icon .hiba-icon{height:27px;width:27px}
.v16-contact-method__content{display:flex;min-width:0;flex-direction:column;gap:3px}
.v16-contact-method__content small{font-size:10px;font-weight:850;letter-spacing:.12em;color:#6f8a92}
.v16-contact-method__content strong{font-size:clamp(12px,1.5vw,16px);font-weight:850;color:#0c3845;overflow-wrap:anywhere;line-height:1.36}
.v16-contact-method__content>span{font-size:12px;color:#64828b}
.v16-contact-method>i{align-self:flex-start;margin-left:auto;color:#a0b8bd;flex:none}
.v16-contact-method>i .hiba-icon{height:17px;width:17px}
/* CONTACT • form and office */
.v16-contact-body{padding:24px 0 84px;background:#fff}
.v16-contact-columns{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.82fr);gap:26px;align-items:start}
.v16-form-shell{background:#fff;border:1px solid var(--v16-line);padding:clamp(23px,3vw,42px);box-shadow:0 16px 40px rgba(3,45,55,.07);min-width:0}
.v16-form-shell h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.043em;line-height:1.17;color:var(--v16-ink);font-weight:880;margin:13px 0 11px}
.v16-form-lead{font-size:13px;line-height:1.76;color:var(--v16-muted);margin:0 0 25px}
.v16-contact-form{display:grid;gap:18px}
.v16-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.v16-contact-form label{font-size:12px;color:#224e5c;font-weight:800;display:block;min-width:0}
.v16-contact-form label em{color:#bd6525;font-style:normal}
.v16-contact-form :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea){display:block;border:1px solid #ccdfdd;background:#f9fbfb;color:#153d49;min-height:47px;padding:12px 13px;margin-top:8px;width:100%;max-width:100%;border-radius:0;outline-offset:2px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}
.v16-contact-form :is(input,textarea,select):focus{border-color:#079299;box-shadow:0 0 0 3px #c0eae731}
.v16-contact-form textarea{min-height:145px;resize:vertical}
.v16-contact-form .v16-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.62;font-weight:500;color:#55717b;cursor:pointer}
.v16-contact-form .v16-consent input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:#00858a}
.v16-contact-form .v16-consent a{color:#007b84;text-decoration:underline}
.v16-form-submit{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;background:#f4b92e;color:#193944;border:0;padding:13px 21px;font-size:14px;font-weight:900;transition:background .2s}
.v16-form-submit:hover{background:#ffcd54}
.v16-form-submit .hiba-icon{height:18px;width:18px}
.v16-form-privacy{display:flex;align-items:flex-start;gap:7px;margin:0;color:#7a9097;font-size:10px;line-height:1.6}
.v16-form-privacy .hiba-icon{width:15px;height:15px;flex:none;color:#16958b}
.v16-contact-sidebar{display:grid;gap:15px;min-width:0}
.v16-contact-photo{position:relative;height:240px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(0deg,#052e3cdd,#032d3c10 90%),url('../images/gokceada-hero.webp') center 57%/cover}
.v16-contact-photo>span{align-self:flex-start;color:#fff;border:1px solid #ffffff85;background:#063c4ca8;font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 10px;display:inline-flex;gap:7px;align-items:center}
.v16-contact-photo>span .hiba-icon{height:14px;width:14px;color:#ffce61}
.v16-contact-photo>strong{font-size:25px;line-height:1.23;letter-spacing:-.04em;color:#fff;font-weight:900;max-width:300px}
.v16-contact-office{background:#f2f8f7;border:1px solid #dceae8;padding:29px 27px}
.v16-contact-office h3{font-weight:880;letter-spacing:-.03em;color:var(--v16-ink);font-size:24px;margin:11px 0 23px}
.v16-office-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid #d9e9e7}
.v16-office-item>.hiba-icon{color:#0a8288;width:20px;height:20px;flex:none;margin-top:2px}
.v16-office-item small{display:block;font-size:10px;font-weight:850;color:#64858d;letter-spacing:.1em;margin-bottom:4px}
.v16-office-item strong{display:block;font-size:13px;font-weight:770;line-height:1.65;color:#234c58;overflow-wrap:anywhere}
.v16-map-link{margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;font-size:12px;font-weight:900;color:#fff;background:#096b76}
.v16-map-link:hover{background:#074956;color:#fff}
.v16-map-link .hiba-icon{height:16px;width:16px}
.v16-contact-support{display:flex;align-items:flex-start;gap:14px;background:#073e4e;padding:24px;color:#fff}
.v16-contact-support>.hiba-icon{height:32px;width:32px;color:#f3bd42;flex:none}
.v16-contact-support strong{display:block;font-size:16px;line-height:1.3;color:#fff}
.v16-contact-support p{color:#c1dcdf;font-size:12px;line-height:1.72;margin:9px 0 12px}
.v16-contact-support a{display:inline-flex;align-items:center;gap:7px;color:#ffce6a;font-size:12px;font-weight:900}
.v16-contact-support a .hiba-icon{width:15px;height:15px}
.v16-custom-content{background:#f6faf9;padding:28px 0}
.v16-contact-steps{border-block:1px solid #dce8e7;background:#f1f7f6;padding:30px 0}
.v16-contact-steps>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v16-contact-step{display:flex;align-items:center;gap:13px;min-width:0}
.v16-contact-step>.hiba-icon{height:36px;width:36px;flex:none;color:#0e8489}
.v16-contact-step strong{font-size:13px;display:block;color:#133b48;line-height:1.35}
.v16-contact-step small{font-size:11px;color:#6b848b;line-height:1.65;display:block;margin-top:3px}
/* REFERENCE archive */
.v16-ref-section{background:linear-gradient(180deg,#fbfdfd,#fff 28%,#f8fbfa);padding:68px 0 82px}
.v16-ref-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.v16-ref-heading>div{max-width:630px}
.v16-ref-heading h2{font-size:clamp(29px,3.5vw,46px);font-weight:900;line-height:1.13;letter-spacing:-.052em;color:#0c3340;margin:12px 0 0}
.v16-ref-heading h2 span{color:#0d8387}
.v16-ref-heading>p{font-size:14px;color:#637c84;line-height:1.84;max-width:425px;margin:0 0 2px}
.v16-featured-project{display:grid;grid-template-columns:1.08fr .92fr;min-height:340px;background:#073b4b;overflow:hidden;box-shadow:0 17px 50px #093d4c22;margin-bottom:48px}
.v16-featured-project__media{position:relative;display:block;min-height:330px;background:#126b73;overflow:hidden}
.v16-featured-project__media>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:transform .35s}
.v16-featured-project__media:hover>img{transform:scale(1.04)}
.v16-featured-project__overline{position:absolute;top:22px;left:22px;z-index:2;background:#f2bd3e;color:#113441;padding:9px 12px;font-size:10px;letter-spacing:.095em;font-weight:900}
.v16-project-art-fallback{width:100%;height:100%;min-height:210px;background:radial-gradient(circle at 71% 25%,#2097a2,transparent 40%),linear-gradient(125deg,#083844,#0b7580);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#e4f5f3;text-align:center;font-weight:900;font-size:13px;letter-spacing:.16em}
.v16-project-art-fallback .hiba-icon{height:75px;width:75px;color:#f6cb5c}
.v16-featured-project__copy{padding:clamp(25px,4vw,49px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.v16-featured-project__copy .v16-project-category{background:#ffffff19;color:#e3fbf6;border:1px solid #ffffff30}
.v16-featured-project h3{font-size:clamp(25px,2.75vw,36px);font-weight:890;letter-spacing:-.04em;line-height:1.22;color:#fff;margin:19px 0 16px}
.v16-featured-project h3 a:hover{color:#f6c35a}
.v16-featured-project p{color:#c9e0e2;font-size:14px;line-height:1.8;margin:0 0 16px}
.v16-featured-location{display:flex;gap:6px;align-items:center;color:#d1e7e8;font-size:12px}
.v16-featured-location .hiba-icon{width:15px;height:15px;color:#f4c052}
.v16-ref-primary-link{display:flex;align-items:center;gap:12px;background:#f7c246;color:#16333c;font-weight:900;font-size:13px;padding:13px 19px;margin-top:23px}
.v16-ref-primary-link:hover{background:#ffe08c}
.v16-ref-primary-link .hiba-icon{width:17px;height:17px}
.v16-ref-browser{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}
.v16-ref-browser h3{font-size:30px;color:#0e3541;font-weight:900;letter-spacing:-.04em;margin:9px 0 0}
.v16-result-count{border:1px solid #d7e7e5;color:#42747c;padding:8px 12px;background:#f4f9f8;font-size:12px;font-weight:800}
.v16-ref-filters{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0 21px;border-top:1px solid #dce9e7;margin-bottom:15px}
.v16-filter-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.v16-filter-chips a{padding:9px 13px;background:#f0f7f6;color:#436b75;border:1px solid #d8e9e7;font-size:11px;font-weight:800;white-space:normal;line-height:1.4}
.v16-filter-chips a:hover{background:#e2f1ef;color:#005e65}
.v16-filter-chips a.is-active{background:#0c707a;border-color:#0c707a;color:#fff}
.v16-ref-search{display:flex;flex:none;max-width:310px;width:100%;align-items:stretch;min-width:0}
.v16-ref-search label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfdedc;border-right:0;padding-left:12px;flex:1;min-width:0}
.v16-ref-search label .hiba-icon{width:18px;height:18px;flex:none;color:#5f8790}
.v16-ref-search input{font-size:12px;width:100%;min-width:0;border:0;padding:10px 8px;background:transparent;outline:0;box-shadow:none}
.v16-ref-search button{width:44px;flex:none;border:0;background:#0b6d76;color:#fff;display:grid;place-items:center}
.v16-ref-search button .hiba-icon{height:18px;width:18px}
.v16-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v16-reference-card{min-width:0;background:#fff;border:1px solid #dde9e7;box-shadow:0 13px 32px #073c4610;transition:transform .2s,box-shadow .2s}
.v16-reference-card:hover{transform:translateY(-4px);box-shadow:0 19px 43px #073c4623}
.v16-reference-card__image{display:block;height:223px;position:relative;overflow:hidden;background:#0b6570}
.v16-reference-card__image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.v16-reference-card:hover .v16-reference-card__image>img{transform:scale(1.04)}
.v16-reference-card__open{position:absolute;right:15px;bottom:15px;width:39px;height:39px;display:grid;place-items:center;background:#f6c148;color:#102f39;z-index:2}
.v16-reference-card__open .hiba-icon{width:19px;height:19px}
.v16-reference-card__text{padding:22px 22px 19px;display:flex;flex-direction:column;min-height:231px}
.v16-reference-card__text h3{color:#0d3541;letter-spacing:-.025em;font-weight:880;font-size:18px;line-height:1.35;margin:13px 0 9px}
.v16-reference-card__text h3 a:hover{color:#068087}
.v16-reference-card__text>p{color:#65818a;font-size:12px;line-height:1.75;margin:0 0 21px;flex:1}
.v16-reference-card__bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2eded;padding-top:12px;gap:10px}
.v16-reference-card__bottom>span{display:flex;align-items:center;gap:5px;min-width:0;color:#60818a;font-size:11px;overflow-wrap:anywhere;line-height:1.4}
.v16-reference-card__bottom>span .hiba-icon{width:14px;height:14px;flex:none;color:#128488}
.v16-reference-card__bottom>a{width:29px;height:29px;display:grid;place-items:center;background:#eff8f6;color:#067680;flex:none}
.v16-reference-card__bottom>a .hiba-icon{height:16px;width:16px}
.v16-reference-pagination{margin-top:35px}
.v16-reference-pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.v16-reference-pagination .page-numbers{border-radius:0;background:#fff;border:1px solid #dbe9e8;padding:8px 12px;color:#245862;font-size:12px;font-weight:800}
.v16-reference-pagination .page-numbers.current{background:#0b7078;color:#fff}
.v16-reference-empty{text-align:center;border:1px solid #dce8e8;background:#fff;padding:50px 24px}
.v16-reference-empty>.hiba-icon{height:43px;width:43px;color:#057c83;margin:0 auto 17px}
.v16-reference-empty h3{font-size:23px;color:#153e4c}
.v16-reference-empty p{font-size:13px;color:#67818b}
.v16-reference-callout{background:#073b4a;padding:30px 0}
.v16-reference-callout .container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.v16-reference-callout .container>div{display:flex;align-items:center;gap:18px}
.v16-reference-callout .container>div>.hiba-icon{width:46px;height:46px;color:#f2c04b;flex:none}
.v16-reference-callout strong{font-size:18px;color:#fff;line-height:1.35;display:block}
.v16-reference-callout small{display:block;font-size:12px;color:#c4dfe0;margin-top:3px}
.v16-reference-callout .btn{white-space:nowrap;flex:none}
/* PROJECT detail */
.v16-project-detail-section{padding:54px 0 78px;background:linear-gradient(180deg,#fbfdfd,#fff 30%,#f8fbfa)}
.v16-project-detail-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.v16-return-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:850;color:#136f7a}
.v16-return-link:hover{color:#063e4c}
.v16-return-link .hiba-icon{width:16px;height:16px;transform:rotate(180deg)}
.v16-project-cover{position:relative;min-height:390px;height:clamp(350px,39vw,530px);background:#0b4f5c;overflow:hidden}
.v16-project-cover__image{display:block;width:100%;height:100%}
.v16-project-cover__image img{display:block;width:100%;height:100%;object-fit:cover}
.v16-project-cover__fallback{height:100%;background:radial-gradient(circle at 75% 32%,#1a9b9b 0%,transparent 35%),linear-gradient(135deg,#082f3b,#087983);display:flex;justify-content:center;align-items:center;gap:22px;color:#e6f7f3}
.v16-project-cover__fallback>.hiba-icon{height:110px;width:110px;color:#e7bc43}
.v16-project-cover__fallback>span{font-size:26px;font-weight:900;letter-spacing:-.04em}
.v16-project-cover__fallback small{display:block;font-size:11px;letter-spacing:.19em;color:#c1e8e6}
.v16-project-cover__stamp{position:absolute;bottom:22px;left:25px;background:#073c4ed9;color:#fff;font-size:14px;letter-spacing:.04em;font-weight:900;padding:12px 16px;pointer-events:none}
.v16-project-cover__stamp span{display:block;color:#d3e6e6;font-size:9px;letter-spacing:.15em;margin-top:2px}
.v16-zoom-hint{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:8px;background:#f6c64a;color:#163641;padding:10px 13px;font-size:12px;font-weight:850}
.v16-zoom-hint .hiba-icon{height:17px;width:17px}
.v16-project-meta-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dfeae9;border-top:0;background:#fff;padding:21px 16px;gap:0;box-shadow:0 16px 30px #083f4c0c}
.v16-project-meta{display:flex;align-items:flex-start;gap:10px;padding:9px 17px;min-width:0;border-right:1px solid #e0eeeb}
.v16-project-meta:last-child{border-right:0}
.v16-project-meta>.hiba-icon{height:22px;width:22px;flex:none;color:#0c8186}
.v16-project-meta span{min-width:0}
.v16-project-meta small{font-size:10px;color:#769098;letter-spacing:.095em;font-weight:800;display:block}
.v16-project-meta strong{font-size:12px;font-weight:850;color:#193f4b;display:block;line-height:1.5;overflow-wrap:anywhere}
.v16-project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;margin-top:62px;align-items:start}
.v16-project-story{min-width:0}
.v16-project-story__lead{margin-bottom:28px}
.v16-project-story__lead h2{font-size:clamp(27px,3.15vw,39px);line-height:1.16;letter-spacing:-.04em;color:#0b3642;font-weight:900;margin:13px 0 14px}
.v16-project-story__lead p{font-size:15px;color:#5f7c86;line-height:1.85;max-width:700px;margin:0}
.v16-project-panel{border:1px solid #e0eae9;background:#fff;padding:clamp(22px,3vw,33px);margin-bottom:18px;box-shadow:0 9px 25px #073c450a;min-width:0}
.v16-panel-number{display:block;color:#08808a;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:11px}
.v16-project-panel h3{font-size:25px;letter-spacing:-.034em;color:#0b3642;margin:0 0 18px;font-weight:880}
.v16-project-panel .entry-content{font-size:14px;line-height:1.85;color:#4b6c79}
.v16-project-panel .entry-content>*:last-child{margin-bottom:0}
.v16-scope-intro{font-size:13px;color:#567982;margin:0 0 18px}
.v16-project-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v16-project-highlights>div{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#f0f8f5;border:1px solid #deeeea;color:#2d5a64;font-size:12px;line-height:1.6;font-weight:750;min-width:0;overflow-wrap:anywhere}
.v16-project-highlights .hiba-icon{width:18px;height:18px;flex:none;color:#10898b}
.v16-project-approach{background:#eaf6f3;border:1px solid #d6ece7;padding:26px 27px;margin-bottom:20px}
.v16-project-approach h3{color:#0c3d49;letter-spacing:-.03em;font-size:22px;margin:10px 0 20px}
.v16-project-approach>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.v16-project-approach>div>span{background:#fff;border:1px solid #d3e9e6;display:flex;align-items:center;gap:8px;padding:13px 11px;color:#345e67;min-width:0}
.v16-project-approach .hiba-icon{width:21px;height:21px;color:#0c7e85;flex:none}
.v16-project-approach b{font-size:12px;line-height:1.3}
.v16-project-side{min-width:0;display:grid;gap:15px}
.v16-project-side__main{background:#073d4d;color:#fff;padding:29px 24px}
.v16-project-side__main .v16-eyebrow{color:#d9eaea;font-size:9px;letter-spacing:.09em}
.v16-project-side__main h3{font-size:25px;color:#fff;letter-spacing:-.035em;line-height:1.2;margin:16px 0 13px}
.v16-project-side__main p{font-size:12px;color:#c3dfe0;line-height:1.84;margin:0 0 23px}
.v16-project-side__main .btn{width:100%;justify-content:space-between;border-radius:0;min-width:0;white-space:normal;text-align:left;font-size:12px;margin-bottom:18px}
.v16-project-side__contact{display:flex;align-items:center;gap:9px;color:#e0f2f0;font-size:12px;font-weight:750;padding:11px 0;border-top:1px solid #ffffff21;overflow-wrap:anywhere}
.v16-project-side__contact:hover{color:#ffce62}
.v16-project-side__contact .hiba-icon{width:18px;height:18px;flex:none;color:#f3c049}
.v16-project-side__note{display:flex;gap:13px;align-items:center;background:#ecf7f4;border:1px solid #d9ece7;padding:22px 20px}
.v16-project-side__note>.hiba-icon{height:27px;width:27px;flex:none;color:#0e8790}
.v16-project-side__note strong{color:#0f3947;font-size:13px;display:block}
.v16-project-side__note small{color:#607f87;font-size:11px;display:block;line-height:1.6}
.v16-project-gallery{margin-top:54px}
.v16-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.v16-gallery-heading h2{font-size:clamp(26px,3vw,38px);color:#0a3441;letter-spacing:-.04em;margin:10px 0 8px}
.v16-gallery-heading p{font-size:13px;color:#708790;margin:0}
.v16-gallery-heading>span{background:#e9f5f3;border:1px solid #d8e9e5;color:#0b7f85;font-size:12px;padding:9px 11px;white-space:nowrap;font-weight:800}
.v16-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.v16-gallery-grid>a{display:block;position:relative;aspect-ratio:1.22;overflow:hidden;background:#e9f2f1}
.v16-gallery-grid>a:first-child{grid-column:span 2;grid-row:span 2}
.v16-gallery-grid>a>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.v16-gallery-grid>a:hover>img{transform:scale(1.05)}
.v16-gallery-grid>a>span{position:absolute;bottom:0;left:0;right:0;padding:25px 10px 11px;color:#fff;background:linear-gradient(transparent,#042f3cbb);display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;opacity:0;transition:opacity .2s}
.v16-gallery-grid>a:hover>span,.v16-gallery-grid>a:focus-visible>span{opacity:1}
.v16-gallery-grid>a>span .hiba-icon{height:16px;width:16px}
.v16-project-bottom-nav{border-top:1px solid #dbe7e5;margin-top:52px;display:flex;justify-content:space-between;gap:20px;padding-top:23px}
.v16-project-bottom-nav a{color:#086d78;display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:850}
.v16-project-bottom-nav a:first-child>.hiba-icon{transform:rotate(180deg)}
.v16-project-bottom-nav .hiba-icon{height:16px;width:16px}
.hiba-project-detail-v16 .detail-related-section{background:#edf5f3}
.hiba-project-detail-v16 .detail-related-card{background:#fff}
/* RESPONSIVE */
@media(max-width:1150px){
 .v16-contact-method{padding:20px 14px;gap:11px}.v16-contact-method__icon{width:46px;height:46px}
 .v16-contact-columns{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:19px}
 .v16-featured-project{min-height:300px}.v16-featured-project__media{min-height:300px}
 .v16-project-detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}
 .v16-project-meta{padding:8px 11px}
}
@media(max-width:960px){
 .v16-contact-topline,.v16-ref-heading{align-items:start;flex-direction:column;gap:14px}
 .v16-contact-topline>p,.v16-ref-heading>p{max-width:720px}
 .v16-contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-contact-method:last-child{grid-column:1/-1}
 .v16-contact-columns{grid-template-columns:minmax(0,1fr) 310px}
 .v16-form-row{grid-template-columns:1fr}
 .v16-ref-filters{align-items:stretch;flex-direction:column}
 .v16-ref-search{max-width:none}
 .v16-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-project-detail-grid{grid-template-columns:1fr}
 .v16-project-side{grid-template-columns:1fr 1fr;align-items:start}
 .v16-project-meta-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}
 .v16-project-meta:nth-child(2){border-right:0}
 .v16-project-meta:nth-child(n+3){border-top:1px solid #e7f0ef;padding-top:16px}
}
@media(max-width:720px){
 .hiba-v16 .inner-hero{min-height:240px;padding:32px 0 35px}
 .v16-contact-opening,.v16-ref-section{padding:48px 0 55px}
 .v16-contact-methods{grid-template-columns:1fr}
 .v16-contact-method:last-child{grid-column:auto}
 .v16-contact-columns{grid-template-columns:1fr}
 .v16-contact-body{padding:0 0 60px}
 .v16-contact-sidebar{grid-template-columns:1fr 1fr}
 .v16-contact-photo{grid-column:1/-1;height:220px}
 .v16-contact-office,.v16-contact-support{min-width:0}
 .v16-contact-office{padding:23px}
 .v16-contact-steps>.container{grid-template-columns:1fr;gap:20px}
 .v16-featured-project{grid-template-columns:1fr}
 .v16-featured-project__media{min-height:270px}
 .v16-featured-project__copy{padding:27px}
 .v16-reference-grid{grid-template-columns:1fr 1fr;gap:12px}
 .v16-reference-card__image{height:180px}
 .v16-reference-card__text{padding:16px;min-height:242px}
 .v16-reference-card__text h3{font-size:16px}
 .v16-ref-browser h3{font-size:24px}
 .v16-reference-callout .container{flex-direction:column;align-items:flex-start}
 .v16-project-cover{height:310px;min-height:310px}
 .v16-project-gallery{margin-top:40px}
 .v16-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-gallery-grid>a:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:2.3}
}
@media(max-width:540px){
 .v16-contact-topline h2,.v16-ref-heading h2{font-size:30px}
 .v16-contact-method__content strong{font-size:14px}
 .v16-form-shell{padding:23px 17px}
 .v16-contact-sidebar{grid-template-columns:1fr}
 .v16-contact-photo{grid-column:auto;height:210px}
 .v16-ref-browser{align-items:flex-start;flex-direction:column;gap:10px}
 .v16-reference-grid{grid-template-columns:1fr;gap:16px}
 .v16-reference-card__image{height:220px}
 .v16-reference-card__text{min-height:0;padding:20px}
 .v16-featured-project__media{min-height:240px}
 .v16-ref-filters{gap:14px}
 .v16-filter-chips{gap:5px}
 .v16-filter-chips a{font-size:10px;padding:8px 10px}
 .v16-project-detail-section{padding:38px 0 55px}
 .v16-project-detail-top{align-items:flex-start;flex-direction:column}
 .v16-project-cover{height:240px;min-height:240px}
 .v16-project-cover__fallback>.hiba-icon{height:62px;width:62px}
 .v16-project-cover__fallback>span{font-size:18px}
 .v16-project-cover__stamp{bottom:13px;left:12px;font-size:10px;padding:8px 10px}
 .v16-zoom-hint{bottom:12px;right:12px;font-size:0;padding:9px}
 .v16-zoom-hint .hiba-icon{height:17px;width:17px}
 .v16-project-meta-strip{grid-template-columns:1fr;padding:8px 15px}
 .v16-project-meta{padding:13px 7px;border-right:0;border-top:1px solid #e4efed}
 .v16-project-meta:first-child{border-top:0}
 .v16-project-meta:nth-child(n+3){padding-top:13px}
 .v16-project-detail-grid{margin-top:38px}
 .v16-project-story__lead h2{font-size:28px}
 .v16-project-panel{padding:22px 17px}
 .v16-project-panel h3{font-size:22px}
 .v16-project-highlights{grid-template-columns:1fr}
 .v16-project-side{grid-template-columns:1fr}
 .v16-project-approach{padding:21px 17px}
 .v16-project-approach>div{grid-template-columns:1fr}
 .v16-project-gallery{margin-top:35px}
 .v16-gallery-heading{align-items:flex-start;flex-direction:column}
 .v16-project-bottom-nav{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.hiba-v16 :is(.v16-contact-method,.v16-reference-card,.v16-featured-project__media img,.v16-gallery-grid img){transition:none}}
