/* Guardova Core 7.6.59 — large rich-black stacked member names inside vault */
.guardova-vault-intro{position:fixed;inset:0;z-index:9999999;overflow:hidden;background:#fff;color:#071f38;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}
.guardova-vault-intro[hidden]{display:none!important}.guardova-vault-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.guardova-vault-entry{position:relative;width:100vw;height:100vh;min-height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;isolation:isolate}
.guardova-vault-entry__brand{position:absolute;left:50%;top:50%;z-index:1;width:min(92vw,1500px);transform:translate(-50%,-50%) scale(.94);opacity:0;filter:blur(3px);transition:opacity .65s ease,transform 1.2s cubic-bezier(.18,.82,.18,1),filter .65s ease}
.guardova-vault-entry__brand img{display:block;width:100%;height:auto}
.guardova-vault-entry__door-wrap{position:absolute;left:50%;top:58%;z-index:4;width:clamp(145px,16vw,260px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.9);perspective:1400px;opacity:0;transition:opacity .55s ease,transform .9s cubic-bezier(.18,.82,.18,1)}
.guardova-vault-entry__opening{position:absolute;inset:7%;z-index:0;border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#fff8dc 38%,#e5c06d 68%,#755725 100%);box-shadow:inset 0 0 22px rgba(0,0,0,.42),0 0 34px rgba(212,164,65,.22);opacity:.12;transition:opacity .55s ease,box-shadow .55s ease,transform 1.25s ease}
/* Hinge is deliberately on the LEFT, matching the approved HomeVault vault. */
.guardova-vault-entry__hinge{position:absolute;left:-3%;right:auto;top:24%;z-index:5;width:12%;height:52%;border-radius:8px;background:linear-gradient(90deg,#5f4b30,#e6c882 42%,#826839);box-shadow:0 4px 10px rgba(0,0,0,.28)}
.guardova-vault-entry__door{position:absolute;inset:0;z-index:3;border-radius:50%;transform-origin:5% 50%;transform:rotateY(0deg);background:radial-gradient(circle at 42% 35%,#f0dfb7 0 7%,#9c7b45 28%,#3f3428 58%,#171b20 100%);border:clamp(6px,.65vw,11px) solid #a78345;box-shadow:inset 0 0 0 4px #30281f,inset 0 0 0 10px #d4b66e,0 18px 32px rgba(0,0,0,.28);transition:transform 1.25s cubic-bezier(.2,.72,.18,1),opacity .4s ease}
.guardova-vault-entry__door-ring{position:absolute;inset:12%;border-radius:50%;border:3px solid #d9bd76;box-shadow:inset 0 0 0 3px rgba(38,30,21,.75)}
.guardova-vault-entry__wheel{position:absolute;left:50%;top:50%;width:86%;height:86%;transform:translate(-50%,-50%) rotate(0deg);transition:transform 3s cubic-bezier(.22,.61,.2,1)}
.guardova-vault-entry__wheel:before,.guardova-vault-entry__wheel:after,.guardova-vault-entry__wheel i{content:"";position:absolute;left:48%;top:0;width:4%;height:100%;border-radius:999px;background:linear-gradient(90deg,#6f542d,#f2d48a,#7a5a30);transform-origin:50% 50%;box-shadow:0 1px 2px rgba(0,0,0,.45)}
.guardova-vault-entry__wheel:after{transform:rotate(90deg)}.guardova-vault-entry__wheel i:nth-child(1){transform:rotate(45deg)}.guardova-vault-entry__wheel i:nth-child(2){transform:rotate(-45deg)}.guardova-vault-entry__wheel i:nth-child(3),.guardova-vault-entry__wheel i:nth-child(4){display:none}
.guardova-vault-entry__wheel b{position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f6dc9e,#a77d38 65%,#4d3b24);border:2px solid #f1d38a;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.guardova-vault-entry__skip{position:absolute;right:clamp(14px,3vw,42px);bottom:clamp(14px,3vh,34px);z-index:8;border:1px solid rgba(10,43,77,.25);border-radius:999px;background:rgba(255,255,255,.9);color:#0a2b4d;font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:10px 16px}
.guardova-vault-intro.is-visible .guardova-vault-entry__brand{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
.guardova-vault-intro.is-visible .guardova-vault-entry__door-wrap{opacity:1;transform:translate(-50%,-50%) scale(1)}
.guardova-vault-intro.is-rotating .guardova-vault-entry__wheel{transform:translate(-50%,-50%) rotate(90deg)}
.guardova-vault-intro.is-opening .guardova-vault-entry__door{transform:rotateY(-118deg)}
.guardova-vault-intro.is-opening .guardova-vault-entry__opening{opacity:1;background:transparent;box-shadow:inset 0 0 18px rgba(0,0,0,.22),0 0 50px rgba(236,198,107,.35)}
/* 7.7.18 — keep the HomeVault logo fully visible after the door opens; no circular cutout/white spot. */
.guardova-vault-intro.is-opening .guardova-vault-entry__brand{-webkit-mask-image:none;mask-image:none}
/* Enter the room: the complete logo/vault grows beyond the viewport, then disappears before reveal. */
.guardova-vault-intro.is-entering .guardova-vault-entry__brand{transform:translate(-50%,-50%) scale(4.8);opacity:1;filter:blur(1px);-webkit-mask-image:none;mask-image:none;transition:transform 3s cubic-bezier(.16,.76,.16,1),filter 2.7s ease}
.guardova-vault-intro.is-entering .guardova-vault-entry__door-wrap{transform:translate(-50%,-50%) scale(8.8);transition:transform 3s cubic-bezier(.16,.76,.16,1),opacity .35s ease 2.55s;opacity:0}
.guardova-vault-intro.is-entering .guardova-vault-entry__opening{background:transparent;box-shadow:none;transform:scale(8.8);transition:transform 3s cubic-bezier(.16,.76,.16,1)}
.guardova-vault-intro.is-entering .guardova-vault-entry__door{transform:rotateY(-122deg)}
.guardova-vault-intro.is-room .guardova-vault-entry__brand,.guardova-vault-intro.is-room .guardova-vault-entry__door-wrap{opacity:0!important;visibility:hidden!important;display:none!important}
.guardova-vault-intro.is-room .guardova-vault-entry__opening{opacity:0!important;visibility:hidden!important}
.guardova-vault-intro.is-revealing .guardova-vault-entry__brand,.guardova-vault-intro.is-revealing .guardova-vault-entry__door-wrap,.guardova-vault-intro.is-revealing .guardova-vault-entry__opening{opacity:0!important;visibility:hidden!important;display:none!important}
.guardova-vault-intro.is-room .guardova-vault-entry{background:#fff}
.guardova-vault-intro.is-revealing{opacity:0;pointer-events:none;transition:opacity .32s ease}
body.guardova-vault-intro-active{overflow:hidden}
@media(max-width:820px){.guardova-vault-entry__brand{width:min(110vw,1100px)}.guardova-vault-entry__door-wrap{top:58%;width:clamp(132px,25vw,210px)}}
@media(max-width:520px){.guardova-vault-entry__brand{width:122vw}.guardova-vault-entry__door-wrap{top:58%;width:142px}.guardova-vault-entry__skip{right:12px;bottom:12px;padding:9px 13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.guardova-vault-intro,.guardova-vault-entry *{transition-duration:.01ms!important;animation:none!important}}

.guardova-vault-entry__member-name{position:absolute;left:50%;top:58%;z-index:6;width:clamp(140px,15.6vw,250px);height:clamp(140px,15.6vw,250px);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;border-radius:50%;transition:opacity .22s ease,visibility .22s ease}
.guardova-vault-entry__member-name span{display:block;max-width:94%;padding:0 4px;text-align:center;white-space:pre-line;color:#171717;font-size:clamp(29px,3.25vw,52px);font-weight:700;letter-spacing:.005em;line-height:.88;text-shadow:0 1px 2px rgba(255,255,255,.35);transform:scale(.58);transition:transform 2.5s cubic-bezier(.18,.82,.18,1)}
.guardova-vault-intro.is-member-name .guardova-vault-entry__member-name{opacity:1;visibility:visible}
.guardova-vault-intro.is-member-name .guardova-vault-entry__member-name span{transform:scale(1)}
.guardova-vault-intro.is-member-name .guardova-vault-entry__door-wrap{transform:translate(-50%,-50%) scale(1.42);transition:transform 1.15s cubic-bezier(.18,.82,.18,1),opacity .35s ease}


.guardova-vault-entry__audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}


/* 7.6.60 — iPhone/mobile HomeVault entrance containment */
@media (max-width:760px){
  .guardova-vault-entry__brand{width:min(96vw,680px)!important;max-width:96vw!important}
  .guardova-vault-entry__door-wrap{width:clamp(210px,58vw,300px)!important;height:clamp(210px,58vw,300px)!important;top:58%!important}
  .guardova-vault-entry__member-name{width:clamp(132px,38vw,196px)!important;height:clamp(132px,38vw,196px)!important;top:58%!important}
  .guardova-vault-entry__member-name span{font-size:clamp(25px,8vw,40px)!important;max-width:92%!important}
  .guardova-vault-intro.is-member-name .guardova-vault-entry__door-wrap{transform:translate(-50%,-50%) scale(1.12)!important}
}

/* 7.6.61 — final mobile entrance override */
@media screen and (max-width:760px){
  .guardova-vault-entry{width:100%!important;max-width:100vw!important;overflow:hidden!important}
  .guardova-vault-entry__brand{
    left:50%!important;top:50%!important;
    width:100vw!important;max-width:100vw!important;
    transform:translate(-50%,-50%) scale(.96)!important;
  }
  .guardova-vault-entry__brand img{width:100%!important;max-width:100vw!important;height:auto!important;object-fit:contain!important}
  .guardova-vault-entry__door-wrap{
    left:50%!important;top:58%!important;
    width:190px!important;height:190px!important;
    max-width:50vw!important;max-height:50vw!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }
  .guardova-vault-entry__member-name{
    left:50%!important;top:58%!important;
    width:150px!important;height:150px!important;
    max-width:40vw!important;max-height:40vw!important;
    transform:translate(-50%,-50%)!important;
  }
  .guardova-vault-entry__member-name span{
    font-size:clamp(25px,7.6vw,36px)!important;
    line-height:.88!important;
  }
  .guardova-vault-intro.is-member-name .guardova-vault-entry__door-wrap{
    transform:translate(-50%,-50%) scale(1.06)!important;
  }
}

/* Guardova Core 7.6.63 — mobile vault keeps animation but hides personalized names */
@media screen and (max-width:760px){
  .guardova-vault-entry__member-name{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}


/* Guardova Core 7.7.8 — mobile vault positioned below the complete HomeVault logo/slogan */
@media screen and (max-width:760px){
  .guardova-vault-entry__brand{
    left:50%!important;
    top:46%!important;
    width:96vw!important;
    max-width:96vw!important;
    transform:translate(-50%,-50%) scale(.96)!important;
  }

  .guardova-vault-entry__door-wrap{
    left:50%!important;
    top:68%!important;
    width:176px!important;
    height:176px!important;
    max-width:46vw!important;
    max-height:46vw!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }

  .guardova-vault-intro.is-member-name .guardova-vault-entry__door-wrap{
    transform:translate(-50%,-50%) scale(1.06)!important;
  }
}

@media screen and (max-width:430px){
  .guardova-vault-entry__brand{
    top:45%!important;
  }
  .guardova-vault-entry__door-wrap{
    top:67%!important;
    width:168px!important;
    height:168px!important;
  }
}

/* Guardova Core 7.7.9 — mobile Guardova favicon finish */
.guardova-vault-entry__mobile-favicon{display:none}
@media screen and (max-width:760px){
  .guardova-vault-entry__mobile-favicon{
    display:block;
    position:absolute;
    left:50%;
    top:67%;
    z-index:8;
    width:86px;
    height:86px;
    border-radius:22%;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,-50%) scale(.34);
    transition:opacity .28s ease,visibility .28s ease,transform 2.35s cubic-bezier(.18,.82,.18,1);
    background:#fff;
    pointer-events:none;
  }
  .guardova-vault-entry__mobile-favicon img{
    position:absolute;
    height:100%;
    width:auto;
    max-width:none;
    left:0;
    top:0;
    transform:scale(3.05);
    transform-origin:10% 50%;
  }
  .guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__mobile-favicon{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1.45);
  }
  .guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__door-wrap{
    opacity:0!important;
    transition:opacity .28s ease!important;
  }
  .guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__brand{
    opacity:1!important;
  }
}

/* Guardova Core 7.7.10 — corrected mobile favicon sizing and zoom */
@media screen and (max-width:760px){
  .guardova-vault-entry__mobile-favicon{
    top:67%!important;
    width:92px!important;
    height:92px!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    opacity:0;
    transform:translate(-50%,-50%) scale(.34)!important;
    transition:opacity .25s ease,visibility .25s ease,transform 2.35s cubic-bezier(.18,.82,.18,1)!important;
  }
  .guardova-vault-entry__mobile-favicon img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
  .guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__mobile-favicon{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
}
@media screen and (max-width:430px){
  .guardova-vault-entry__mobile-favicon{
    top:67%!important;
    width:84px!important;
    height:84px!important;
  }
}

/* 7.7.12 — same professional entrance on desktop and mobile */
.guardova-vault-entry__mobile-favicon{
 display:block!important;position:absolute;left:50%;top:68%;z-index:8;
 width:104px;height:104px;overflow:visible;background:transparent;
 opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.34);
 transition:opacity .25s ease,visibility .25s ease,transform 2.35s cubic-bezier(.18,.82,.18,1);
 pointer-events:none
}
.guardova-vault-entry__mobile-favicon img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:100%!important;object-fit:contain!important;transform:none!important
}
.guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__mobile-favicon{
 opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1.18)!important
}
.guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__door-wrap{opacity:0!important;transition:opacity .28s ease!important}
@media screen and (min-width:761px){
 .guardova-vault-entry__brand{top:43%!important;width:min(82vw,1180px)!important;max-width:82vw!important;transform:translate(-50%,-50%) scale(.94)!important}
 .guardova-vault-entry__door-wrap{top:68%!important;width:clamp(185px,16vw,245px)!important;height:clamp(185px,16vw,245px)!important;transform:translate(-50%,-50%) scale(1)!important}
 .guardova-vault-entry__mobile-favicon{top:68%!important;width:118px!important;height:118px!important}
 .guardova-vault-entry__member-name{display:none!important;opacity:0!important;visibility:hidden!important}
}

/* 7.7.13 premium HomeVault composition */
.guardova-vault-intro{background:linear-gradient(180deg,#fff 0%,#fff 72%,#f8f7f3 100%)!important}
@media screen and (min-width:761px){
.guardova-vault-entry__brand{left:50%!important;top:34%!important;width:min(76vw,1080px)!important;max-width:76vw!important;transform:translate(-50%,-50%) scale(.92)!important}
.guardova-vault-entry__door-wrap{left:50%!important;top:67%!important;width:clamp(205px,17vw,270px)!important;height:clamp(205px,17vw,270px)!important;transform:translate(-50%,-50%) scale(1)!important;filter:drop-shadow(0 20px 20px rgba(30,35,38,.16))!important}
.guardova-vault-entry__mobile-favicon{left:50%!important;top:67%!important;width:112px!important;height:112px!important;transform:translate(-50%,-50%) scale(.28)!important}
.guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__mobile-favicon{transform:translate(-50%,-50%) scale(1.16)!important}
}
@media screen and (max-width:760px){
.guardova-vault-entry__brand{top:39%!important;width:92vw!important;max-width:92vw!important}
.guardova-vault-entry__door-wrap{top:66%!important}
.guardova-vault-entry__mobile-favicon{top:66%!important}
}

/* Guardova Core 7.7.14 — exact supplied HomeVault logo + vault fully below slogan */
@media screen and (min-width:761px){
  .guardova-vault-entry__brand{
    left:50%!important;
    top:31%!important;
    width:min(78vw,1120px)!important;
    max-width:78vw!important;
    transform:translate(-50%,-50%) scale(.94)!important;
  }
  .guardova-vault-entry__brand img{
    width:100%!important;
    height:auto!important;
    display:block!important;
    object-fit:contain!important;
  }
  .guardova-vault-entry__door-wrap{
    left:50%!important;
    top:70%!important;
    width:clamp(205px,17vw,270px)!important;
    height:clamp(205px,17vw,270px)!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }
  .guardova-vault-entry__mobile-favicon{
    left:50%!important;
    top:70%!important;
    width:112px!important;
    height:112px!important;
    transform:translate(-50%,-50%) scale(.28)!important;
  }
  .guardova-vault-intro.is-mobile-favicon .guardova-vault-entry__mobile-favicon{
    transform:translate(-50%,-50%) scale(1.16)!important;
  }
}

/* Keep the same professional separation on phones too. */
@media screen and (max-width:760px){
  .guardova-vault-entry__brand{
    top:38%!important;
    width:92vw!important;
    max-width:92vw!important;
  }
  .guardova-vault-entry__door-wrap{
    top:67%!important;
  }
  .guardova-vault-entry__mobile-favicon{
    top:67%!important;
  }
}

/* Guardova Core 7.7.15 — lower vault + remove white circular opening effect */
.guardova-vault-entry__opening{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

@media screen and (min-width:761px){
  .guardova-vault-entry__door-wrap{
    top:75%!important;
  }
  .guardova-vault-entry__mobile-favicon{
    top:75%!important;
  }
}

@media screen and (max-width:760px){
  .guardova-vault-entry__door-wrap{
    top:72%!important;
  }
  .guardova-vault-entry__mobile-favicon{
    top:72%!important;
  }
}

/* Guardova Core 7.7.16 — lower vault + centered gold diamond */
@media screen and (min-width:761px){
  .guardova-vault-entry__door-wrap{
    top:82%!important;
  }
  .guardova-vault-entry__mobile-favicon{
    top:82%!important;
  }

  /* Centered decorative diamond in the existing line gap. */
  .guardova-vault-entry__brand{
    position:absolute!important;
  }
  .guardova-vault-entry__brand::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:61%!important;
    width:18px!important;
    height:18px!important;
    background:#b78a34!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
    display:block!important;
    z-index:4!important;
    box-shadow:none!important;
  }
}

@media screen and (max-width:760px){
  .guardova-vault-entry__door-wrap{
    top:78%!important;
  }
  .guardova-vault-entry__mobile-favicon{
    top:78%!important;
  }
  .guardova-vault-entry__brand{
    position:absolute!important;
  }
  .guardova-vault-entry__brand::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:61%!important;
    width:13px!important;
    height:13px!important;
    background:#b78a34!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
    display:block!important;
    z-index:4!important;
    box-shadow:none!important;
  }
}

/* Preserve removal of the old white circular spot. */
.guardova-vault-entry__opening{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Guardova Core 7.7.17 — remove every obsolete white/circular overlay */
.guardova-vault-entry__opening,
.guardova-vault-entry__door-wrap::before,
.guardova-vault-entry__door-wrap::after,
.guardova-vault-entry::before,
.guardova-vault-entry::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}

/* Keep the intended vault and Guardova logo visible. */
.guardova-vault-entry__door,
.guardova-vault-entry__door-ring,
.guardova-vault-entry__wheel,
.guardova-vault-entry__mobile-favicon{
  visibility:visible;
}

/* Diamond alignment corrected to the visual center of the split gold lines. */
@media screen and (min-width:761px){
  .guardova-vault-entry__brand::after{
    left:48.65%!important;
    top:61%!important;
    width:18px!important;
    height:18px!important;
  }
}
@media screen and (max-width:760px){
  .guardova-vault-entry__brand::after{
    left:48.65%!important;
    top:61%!important;
    width:13px!important;
    height:13px!important;
  }
}
