/* Fictional naval drawings generated for VELNIS, used as a quiet background. */
.naval-watermark{position:absolute;inset:0;pointer-events:none;background-image:url('assets/velnis-naval-filigree.v2.webp');background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.26}
.inner .page-heading .naval-watermark{left:28%;right:-12%;top:-34%;bottom:-40%;background-size:100% auto;opacity:.34;mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}
.inner .page-heading:before{content:none}
.inner .page-heading h1,.inner .page-heading .eyebrow{z-index:1}

/* An open, full-width signature: the compass guides the service navigation. */
.navigation-signature{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.12fr;gap:5%;align-items:center;min-height:730px;padding:80px 6.5%;background:#f5f2eb}
.navigation-signature>.naval-watermark{inset:0 -12% 0 -20%;background-size:100% auto;opacity:.23;mask-image:linear-gradient(90deg,transparent 2%,#000 25%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 25%,#000 80%,transparent);z-index:-1}
.signature-copy{position:relative;z-index:1;max-width:580px}
.signature-copy>.eyebrow{color:#89734e;font-size:9px;letter-spacing:2.5px;margin-bottom:34px}
.signature-links{display:flex;flex-direction:column}
.signature-links a{display:grid;grid-template-columns:24px 1fr 22px;align-items:center;gap:24px;padding:28px 0;border-top:1px solid #9f8b6938;transition:padding .35s,color .35s}
.signature-links a:last-child{border-bottom:1px solid #9f8b6938}
.signature-links a>span{font-size:9px;letter-spacing:1px;color:#89734e}
.signature-links h2{font-size:clamp(26px,2.8vw,43px);line-height:1.2;letter-spacing:-1.5px}
.signature-links i{font-style:normal;font-size:17px;color:#96815d;font-weight:400}
.signature-links a:hover,.signature-links a:focus-visible{padding-left:12px;color:#8b7045}
.compass-open{position:relative!important;display:flex;justify-content:center;align-items:center;aspect-ratio:1;height:auto!important;margin:0!important;background:none!important;min-width:0;max-width:640px;width:100%;justify-self:center}
.compass-open .velnis-compass{width:100%;height:auto;filter:drop-shadow(0 22px 22px #112d3624)}
.compass-open .compass-motion{right:6%;bottom:4%;background:#f5f2ebaa}
.compass-open .compass-surround{opacity:.8}
.agent-panel{margin-top:32px}
.agent-console{background:radial-gradient(ellipse at 100% 0%,#20434c,#112c37 75%)}

/* The engraving continues in the light content areas, with clear text layers. */
.inner .method,.inner .contact-layout{position:relative;isolation:isolate;overflow:hidden}
.inner .method:before,.inner .contact-layout:before{content:'';position:absolute;inset:0;background:url('assets/velnis-naval-filigree.v2.webp') no-repeat center/1200px auto;opacity:.15;pointer-events:none;z-index:-1}
.inner .contact-layout:before{background-position:left center;opacity:.13}
.home .digital-teaser{isolation:isolate}
.home .digital-teaser:before{content:'';position:absolute;inset:-30% -5% -35% 30%;background:url('assets/velnis-naval-filigree.v2.webp') no-repeat right center/contain;opacity:.25;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}
.home .digital-teaser:after{display:none}
@media(min-width:1700px){.navigation-signature{padding-top:105px;padding-bottom:105px}.signature-copy{max-width:650px}}
@media(max-width:1000px){.navigation-signature{min-height:600px;gap:3%;padding-top:65px;padding-bottom:65px}.signature-links a{gap:15px}.signature-links h2{font-size:29px}}
@media(max-width:650px){.navigation-signature{grid-template-columns:1fr;gap:28px;padding:45px 6.5% 65px;min-height:0}.compass-open{grid-row:1;max-width:410px}.signature-copy{width:100%;max-width:none}.signature-copy>.eyebrow{margin-bottom:24px}.signature-links a{padding:23px 0;gap:16px}.signature-links h2{font-size:29px}.navigation-signature>.naval-watermark{inset:-5% -80% 0 -65%;background-size:900px auto;opacity:.24;background-position:center 35%}.inner .page-heading .naval-watermark{inset:-5% -65% -10% 5%;background-size:auto 100%;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%)}.home .digital-teaser:before{inset:0 -75% 0 10%;opacity:.22}.inner .method:before,.inner .contact-layout:before{background-size:1050px auto;opacity:.11}}
@media(prefers-reduced-motion:reduce){.signature-links a{transition:none}}