/* DOOR-ANIM-20261111: door-opening transition + built-in logo (no white plate). Homepage only; loads after entry.css */

/* ---- header logo: no white "sticker" plate; the mark sits in a soft pool of light, like a lit lobby sign ---- */
.plate{position:relative;isolation:isolate;background:none!important;box-shadow:none!important;border-radius:0;padding:14px 26px!important}
.plate::before{content:"";position:absolute;z-index:-1;left:-16%;right:-16%;top:-60%;bottom:-60%;pointer-events:none;
 background:radial-gradient(closest-side,rgba(255,255,255,.92),rgba(255,255,255,.80) 38%,rgba(245,251,253,.46) 64%,rgba(240,249,252,.16) 82%,rgba(240,249,252,0));}
.plate img{filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}

.ent{overflow-x:clip}

/* ---- the opening: a full-screen layer drawn over the clicked door ---- */
.da{position:fixed;inset:0;z-index:9999;pointer-events:auto;overflow:hidden;contain:strict}
.da-rev{position:absolute;inset:0;background:#eaf6fa linear-gradient(180deg,#f4fbfd,#dceff5);will-change:clip-path}
.da-rev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%;transform:scale(1.10);will-change:transform}
.da-rev::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.28),rgba(255,255,255,0) 50%,rgba(5,103,142,.10));opacity:1}
.da-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%);opacity:0;will-change:opacity}
.da-dw{position:absolute;perspective:var(--dp,700px);perspective-origin:50% 50%;transform-style:preserve-3d}
.da-lf{position:absolute;top:0;bottom:0;width:50%;background-size:200% 100%;background-repeat:no-repeat;background-color:#0b2a44;
 backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.da-lf i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,45,.05),rgba(3,20,45,.45));opacity:0;will-change:opacity}
.da-r i{background:linear-gradient(270deg,rgba(3,20,45,.05),rgba(3,20,45,.45))}
.da-l{left:0;background-position:0 0;transform-origin:0 50%}
.da-r{right:0;background-position:100% 0;transform-origin:100% 50%}
.da-hire .da-lf{background-image:url(/assets/img/door-hire-glass.jpg)}
.da-jobs .da-lf{background-image:url(/assets/img/door-jobs-glass.jpg)}
.da-health .da-lf{background-image:url(/assets/img/door-health-glass.jpg)}
.da-health .da-logo{width:min(64vw,340px)}
.da-logo{position:absolute;left:50%;top:50%;width:min(76vw,440px);transform:translate(-50%,-50%) scale(.9);opacity:0;will-change:transform,opacity;text-align:center}
.da-logo::before{content:"";position:absolute;z-index:0;left:-30%;right:-30%;top:-95%;bottom:-120%;
 background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.82) 42%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0))}
.da-logo img{position:relative;z-index:1;display:block;width:100%;height:auto}
.da-logo span{position:relative;z-index:1;display:block;margin-top:14px;font:600 11px/1 "Montserrat",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#05678E}
/* the real door: its leaves hide while the drawn ones swing; the frame stays */
.door.da-on .dw{visibility:hidden}
.door.da-on .df{transform:none!important}
.ent.da-push{transition:transform 1.1s cubic-bezier(.5,0,.2,1),filter 1.1s ease;transform:scale(1.05);filter:brightness(1.06)}
@media (prefers-reduced-motion:reduce){.da{display:none}}