/* ARTEMIDA: the original flower and wave shield, with themed light and depth. */
html body .brand-mark:not(.brand-logo):not(.mobile-nav-logo)::before,
html body .artemida-brand-glyph{
  -webkit-mask:url('/static/artemida-brand-v163.png') center/contain no-repeat!important;
  mask:url('/static/artemida-brand-v163.png') center/contain no-repeat!important;
  background:linear-gradient(145deg,var(--text),var(--primary) 48%,var(--primary-2))!important;
  filter:none!important;
}

/* The identity has its own breathing room; actions and the network follow it. */
body.landing-page:not(.maintenance-page) .landing-main{padding-top:0!important;padding-bottom:44px!important}
body.landing-page .landing-brand-stage{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:clamp(360px,calc(78svh - 90px),690px);
  padding:40px 0 28px;gap:22px;
}
body.landing-page .landing-brand-stage h1{width:100%;position:relative}
body.landing-page .landing-brand-stage h1 span{
  font-size:clamp(3.5rem,7.6vw,6rem)!important;line-height:1.05!important;
  letter-spacing:-.055em!important;
}
body.landing-page:not(.maintenance-page) .landing-hero-actions{
  margin-top:clamp(44px,7svh,80px)!important;gap:14px!important;
}
body.landing-page:not(.maintenance-page) .network-floats{margin-top:48px!important;gap:16px!important}
body.landing-page:not(.maintenance-page) .own-vpn-float:not([hidden])+.network-floats{margin-top:36px!important}

.artemida-emblem{
  position:relative;isolation:isolate;flex:none;display:grid;place-items:center;
  width:clamp(218px,24vw,288px);max-width:calc(100% - 24px);aspect-ratio:1;
  margin:0 auto;color:var(--primary);pointer-events:none;
}
.artemida-emblem::before{
  content:"";position:absolute;z-index:-1;inset:5%;border-radius:50%;
  background:radial-gradient(ellipse,rgb(var(--theme-rgb)/.16),rgb(var(--theme-rgb-2)/.05) 45%,transparent 72%);
}
.artemida-emblem .artemida-orbit-art{display:block;width:100%;height:100%;overflow:visible}
 .artemida-emblem .emblem-guide{stroke-width:.65;opacity:.18}
.artemida-emblem .emblem-guide-faint{opacity:.08}
.artemida-emblem .emblem-trace{
  stroke-width:1.2;stroke-linecap:round;stroke-dasharray:9 91;
  filter:drop-shadow(0 0 3px currentColor);animation:artemida-orbit-flow 24s linear infinite;
}
.artemida-emblem .emblem-trace-inner{stroke-dasharray:4 96;animation-duration:19s;animation-delay:-7s;animation-direction:reverse;opacity:.48}
.artemida-emblem .emblem-shield-sculpture{
  /* The original artwork's alpha-weighted centre is at 53.918% of its width.
     Keep the artwork intact and offset its box so that visual weight is centred. */
  position:absolute;top:8%;bottom:8%;left:4.708%;right:11.292%;
  animation:artemida-shield-float 9s ease-in-out infinite;
  filter:drop-shadow(0 6px 10px rgb(var(--theme-rgb)/.18));
}
.artemida-emblem .emblem-shield-sculpture>span{
  position:absolute;inset:0;display:block;
  -webkit-mask:url('/static/artemida-brand-v163.png') center/contain no-repeat;
  mask:url('/static/artemida-brand-v163.png') center/contain no-repeat;
}
.artemida-emblem .emblem-shield-depth{background:var(--primary-2);transform:translate(1.5px,2.5px);opacity:.25}
.artemida-emblem .emblem-shield-face{background:linear-gradient(135deg,var(--text) -25%,var(--primary) 46%,var(--primary-2) 105%)}
.artemida-emblem .emblem-shield-sheen{
  background:linear-gradient(110deg,transparent 30%,var(--text) 47%,transparent 64%);
  background-size:320% 100%;background-position:150% 0;opacity:0;
  animation:artemida-shield-sheen 7.5s ease-in-out infinite;
}
.artemida-emblem .emblem-stars{opacity:.65;animation:artemida-starlight 6s ease-in-out infinite}
body.maintenance-page .artemida-emblem{margin-bottom:30px}
html[data-theme="pearl"] .artemida-emblem{color:color-mix(in srgb,var(--text) 30%,var(--primary))}
html[data-theme="pearl"] .artemida-emblem::before{opacity:.5}
html[data-theme="pearl"] .artemida-emblem .emblem-guide{opacity:.3}

@keyframes artemida-orbit-flow{to{stroke-dashoffset:-100}}
@keyframes artemida-shield-float{0%,100%{transform:translateY(1.5px)}50%{transform:translateY(-1.5px)}}
@keyframes artemida-shield-sheen{0%,14%{background-position:150% 0;opacity:0}25%{opacity:.32}60%{background-position:-50% 0;opacity:0}100%{background-position:-50% 0;opacity:0}}
@keyframes artemida-starlight{0%,100%{opacity:.45}50%{opacity:.85}}

@media(max-width:900px){
  body.landing-page .landing-brand-stage{min-height:clamp(360px,calc(78svh - 112px),690px)}
}
@media(max-width:640px){
  body.landing-page .landing-brand-stage{gap:24px;padding:36px 0 24px}
  body.landing-page .landing-brand-stage h1 span{font-size:clamp(2.45rem,12.4vw,4.6rem)!important}
  .artemida-emblem{width:clamp(206px,56vw,252px)}
  body.landing-page:not(.maintenance-page) .landing-hero-actions{gap:12px!important}
  body.landing-page:not(.maintenance-page) .network-floats{margin-top:44px!important;gap:16px!important}
}
@media(max-height:600px){
  body.landing-page .landing-brand-stage{min-height:310px;padding:30px 0 16px;gap:18px}
  .artemida-emblem{width:178px}
  body.landing-page .landing-brand-stage h1 span{font-size:clamp(2.45rem,9vw,3.7rem)!important}
  body.landing-page:not(.maintenance-page) .landing-hero-actions{margin-top:36px!important}
  body.landing-page:not(.maintenance-page) .network-floats{margin-top:36px!important}
}
@media(prefers-reduced-motion:reduce){
  .artemida-emblem :is(.emblem-trace,.emblem-shield-sculpture,.emblem-shield-sheen,.emblem-stars){animation:none!important}
}