:root {
  --navy: #061b2e;
  --blue: #092c4c;
  --green: #176ba5;
  --green-dark: #0f4c81;
  --paper: #f4f5f7;
  --line: rgba(6, 27, 46, 0.16);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
textarea,
select {
  font-family: "Montserrat", Arial, sans-serif;
}

.site-nav { background: rgba(6, 27, 46, 0.56); }
.site-nav.scrolled { background: rgba(6, 27, 46, 0.96); }
.areas-photo { filter: saturate(0.62) hue-rotate(8deg); }
.back-to-top { background: rgba(6, 27, 46, 0.92); }
footer .official-logo { filter: none !important; }

/* Content must never depend on JavaScript or entrance animations. */
.reveal,
.reveal.in {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.studio,
.areas,
.team,
.news,
footer {
  opacity: 1 !important;
  visibility: visible !important;
}

.standalone-profile[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .site-nav,
  .site-nav.scrolled { background: rgba(6, 27, 46, 0.94); }
}

/* LinkedIn utility link — V12 */
.utility .linkedin-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;color:inherit;text-decoration:none;opacity:.88;transition:opacity .2s ease,transform .2s ease,background .2s ease}
.utility .linkedin-link:hover{opacity:1;transform:translateY(-1px);background:rgba(255,255,255,.08)}
.utility .linkedin-link svg{width:13px;height:13px;display:block;fill:currentColor}
@media(max-width:700px){.utility .linkedin-link{width:26px;height:26px}.utility .linkedin-link svg{width:12px;height:12px}}

/* LinkedIn header integration — V13
   Keep all utility items on one line and make LinkedIn part of the language controls. */
.utility{
  grid-template-columns:minmax(0,1fr) auto auto auto !important;
  gap:16px !important;
}
.utility .language-switch{
  gap:12px;
  white-space:nowrap;
}
.utility .linkedin-link{
  width:18px;
  height:18px;
  min-width:18px;
  border:0;
  border-radius:0;
  padding:0;
  margin-left:2px;
  opacity:.72;
  background:transparent !important;
  transform:none !important;
  position:relative;
}
.utility .linkedin-link:before{
  content:"";
  position:absolute;
  left:-9px;
  top:3px;
  width:1px;
  height:12px;
  background:rgba(255,255,255,.24);
}
.utility .linkedin-link:hover{
  opacity:1;
  background:transparent !important;
}
.utility .linkedin-link svg{
  width:14px;
  height:14px;
  fill:currentColor;
}
@media(max-width:980px){
  .utility{gap:13px !important;}
  .utility .linkedin-link{margin-left:0;}
}