/* ==========================================================================
   EXECUTIVE PR V2 — gate.css  ·  Luxury estate gate entrance
   ========================================================================== */
.gate{position:fixed;inset:0;z-index:250;display:grid;place-items:center;background:var(--gate-bg);
  overflow:hidden;transition:opacity .8s ease,visibility .8s}
.gate.closing .gate-panel.left{animation:gateLeft 1.2s cubic-bezier(.7,0,.3,1) forwards}
.gate.closing .gate-panel.right{animation:gateRight 1.2s cubic-bezier(.7,0,.3,1) forwards}
.gate.done{opacity:0;visibility:hidden}
.gate[hidden]{display:none}

/* metal gate panels */
.gate-panel{position:absolute;top:0;bottom:0;width:50%;background:var(--gate-bar);
  border-right:1px solid rgba(201,162,75,.25);overflow:hidden}
.gate-panel.left{left:0;border-right:1px solid rgba(201,162,75,.3)}
.gate-panel.right{right:0;border-left:1px solid rgba(201,162,75,.3)}
/* vertical bars suggestion */
.gate-panel::before{content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,transparent 0 38px,rgba(201,162,75,.10) 38px 40px);}
.gate-panel::after{content:"";position:absolute;top:50%;width:60px;height:60px;border:1px solid var(--gate-accent);
  border-radius:50%;transform:translateY(-50%);opacity:.5}
.gate-panel.left::after{right:-30px}
.gate-panel.right::after{left:-30px}

.gate-content{position:relative;z-index:2;text-align:center;max-width:min(92vw,560px);padding:2rem;
  animation:fadeIn 1s ease both}
.gate-crest{width:84px;height:84px;margin:0 auto 1.6rem;border:1.5px solid var(--gate-accent);border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-display);font-size:2.6rem;color:var(--gate-accent);
  background:radial-gradient(circle at 50% 35%,rgba(201,162,75,.16),transparent 70%)}
.gate-eyebrow{font-family:var(--font-eyebrow);font-size:.68rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gate-accent);margin-bottom:1rem}
.gate-title{font-family:var(--font-display);color:#f4ecd9;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;margin:0 0 .5rem}
.gate p{color:#ccc3b0;max-width:42ch;margin:0 auto 2rem}
.gate-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.gate .btn{min-width:160px}
.gate-skip{display:block;margin-top:1.6rem;background:none;border:0;color:#9a9384;cursor:pointer;
  font-family:var(--font-eyebrow);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase}
.gate-skip:hover{color:var(--gate-accent)}
/* red carpet runner */
.gate-carpet{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(40vw,320px);height:36%;
  background:linear-gradient(180deg,transparent,rgba(126,20,32,.5));clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);z-index:1}
@media (prefers-reduced-motion:reduce){
  .gate.closing .gate-panel{animation:none}
  .gate.closing{opacity:0;visibility:hidden}
}