/* ent-close-packet · the security review packet, and two doors split by a hairline (no cards).
   Scoped under .ea-packet. Paper objects on the flat #1c1c1c band: square corners, one soft shadow under the stack. */
.ea-packet{
  --ea-t1:120ms;--ea-t2:200ms;--ea-t3:320ms;--ea-t4:560ms;
  --sw:256px;--sh:300px;--tt:22px;--ts:52px;--tw:188px;--aw:520px;--ah:340px;--ox:16px;--oy:8px;--dx:10px;--dy:8px;--rot:.8deg;
  --paper:#f9f8f6;--edge:rgba(0,0,0,.08);
  margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;
}
.ea-packet .ea-pk-self{grid-column:1/span 5;grid-row:1;min-width:0;padding-bottom:0}
.ea-packet .ea-pk-rule{grid-column:6;grid-row:1;justify-self:center;align-self:stretch;width:1px;background:var(--w-10)}
.ea-packet .ea-pk-team{grid-column:7/-1;grid-row:1;min-width:0}

/* door copy: text only, calm */
.ea-packet .ea-pk-h{font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#fff}
.ea-packet .ea-pk-s{margin-top:6px;font-size:15px;line-height:23px;color:var(--w-60);max-width:420px}
.ea-packet .ea-pk-ticks{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.ea-packet .ea-pk-ticks li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:22px;color:var(--w-85)}
.ea-packet .ea-pk-ticks svg{width:16px;height:16px;flex:none;color:var(--w-45)}
.ea-packet .ea-pk-act{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:36px}
.ea-packet .ea-pk-micro{font-size:13px;line-height:20px;color:var(--w-45)}
.ea-packet .ea-pk-link{color:var(--w-60);transition:color var(--ea-t1)}
.ea-packet .ea-pk-link:hover{color:#fff}

/* the packet */
.ea-packet .ea-pk-art{position:relative;width:var(--aw);max-width:100%;height:var(--ah);margin:14px 0 52px}
.ea-packet .ea-pk-crop{position:absolute;inset:-14px;pointer-events:none;--c:rgba(255,255,255,.14);
  background:
    linear-gradient(var(--c),var(--c)) 0 14px/10px 1px no-repeat,linear-gradient(var(--c),var(--c)) 14px 0/1px 10px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 14px/10px 1px no-repeat,linear-gradient(var(--c),var(--c)) calc(100% - 14px) 0/1px 10px no-repeat,
    linear-gradient(var(--c),var(--c)) 0 calc(100% - 14px)/10px 1px no-repeat,linear-gradient(var(--c),var(--c)) 14px 100%/1px 10px no-repeat,
    linear-gradient(var(--c),var(--c)) 100% calc(100% - 14px)/10px 1px no-repeat,linear-gradient(var(--c),var(--c)) calc(100% - 14px) 100%/1px 10px no-repeat}
.ea-packet .ea-pk-cap{position:absolute;right:0;top:0;font:11px/14px var(--mono);color:var(--w-35)}
.ea-packet .ea-pk-stack{--f:1;position:absolute;left:var(--ox);top:var(--oy);width:var(--sw);height:var(--sh)}
.ea-packet .ea-pk-stack::before{content:"";position:absolute;left:0;top:0;width:calc(var(--sw) + 2 * var(--dx));height:calc(var(--sh) + 2 * var(--dy));box-shadow:0 20px 40px -24px rgba(0,0,0,.6);transform:translate(calc(var(--dx) * var(--f)),calc(var(--dy) * var(--f)));pointer-events:none}
.ea-packet .ea-pk-sheet{--lift:0px;position:absolute;left:0;top:0;width:var(--sw);height:var(--sh);z-index:calc(10 - var(--i));
  background:hsl(40 14% calc(97.5% - var(--i) * 1.1%));box-shadow:0 0 0 1px var(--edge);
  transform:translate(calc(var(--i) * var(--dx) * var(--f)),calc(var(--i) * var(--dy) * var(--f) + var(--lift))) rotate(calc(var(--i) * var(--rot) * var(--f)));
  transition:transform var(--ea-t2) var(--ease),opacity var(--ea-t2) var(--ease)}

/* letterhead on the top sheet */
.ea-packet .ea-pk-cover{position:absolute;inset:0;padding:22px 22px 0;color:var(--ink)}
.ea-packet .ea-pk-lh{display:flex;align-items:center;gap:8px;font-size:13px;line-height:16px;font-weight:500;color:var(--ink)}
.ea-packet .ea-pk-lh img{width:36px;height:11px}
.ea-packet .ea-pk-t{margin-top:44px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--ink-08);font-size:15px;line-height:22px;font-weight:500;letter-spacing:-.005em}
.ea-packet .ea-pk-m{font:11px/18px var(--mono);color:var(--ink-40)}
.ea-packet .ea-pk-m span,.ea-packet .ea-pk-m time{white-space:nowrap}
.ea-packet .ea-pk-nda{position:absolute;right:24px;bottom:40px;padding:6px 10px 5px;font:500 11px/14px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);box-shadow:inset 0 0 0 1.5px var(--ink-60);transform:rotate(-6deg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px 80px;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px 80px}

/* index tabs: cut from the same paper, a staircase down the right edge */
.ea-packet .ea-pk-tab{position:absolute;left:100%;top:calc(var(--tt) + var(--i) * var(--ts));display:block;width:max-content;max-width:var(--tw);padding:6px 12px 6px 10px;background:inherit;
  box-shadow:1px 0 0 var(--edge),0 1px 0 var(--edge),0 -1px 0 var(--edge);font:500 11px/14px var(--mono);color:var(--ink-80);white-space:normal;transition:color var(--ea-t1)}
.ea-packet .ea-pk-tab .ea-pk-sh{display:none}
.ea-packet .ea-pk-sheet .ea-pk-tab,.ea-packet .ea-pk-cover .ea-pk-nda{position:absolute} /* outranks v4 .review [data-confirm]{position:relative} */
.ea-packet .ea-pk-tab:hover,.ea-packet .ea-pk-tab:focus-visible{color:var(--ink)}
.ea-packet .ea-pk-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:0}
.ea-packet .ea-pk-stack:has(.ea-pk-tab:hover,.ea-pk-tab:focus-visible) .ea-pk-sheet{opacity:.85}
.ea-packet .ea-pk-stack .ea-pk-sheet:has(>.ea-pk-tab:hover),.ea-packet .ea-pk-stack .ea-pk-sheet:has(>.ea-pk-tab:focus-visible){opacity:1;--lift:-8px}

/* ---- live (JS, motion allowed): squared stack, then fan, tabs, stamp ---- */
.ea-packet.ea-live .ea-pk-stack{--f:0}
.ea-packet.ea-live.is-in .ea-pk-stack{--f:1}
.ea-packet.ea-live.is-in .ea-pk-stack::before{transition:transform 600ms var(--ease) 180ms}
.ea-packet.ea-live .ea-pk-tab{opacity:0;transform:translateX(-12px);clip-path:inset(0 0 0 12px)}
.ea-packet.ea-live .ea-pk-nda{opacity:0;transform:rotate(-6deg) scale(1.04)}
.ea-packet.ea-live.is-in .ea-pk-sheet{transition:transform 600ms var(--ease) calc(var(--i) * 90ms),opacity var(--ea-t2) var(--ease)}
.ea-packet.ea-live.is-in .ea-pk-tab{opacity:1;transform:none;clip-path:inset(0);transition:opacity var(--ea-t3) linear calc(560ms + var(--i) * 60ms),transform var(--ea-t3) var(--ease) calc(560ms + var(--i) * 60ms),clip-path var(--ea-t3) var(--ease) calc(560ms + var(--i) * 60ms),color var(--ea-t1)}
.ea-packet.ea-live.is-in .ea-pk-nda{opacity:1;transform:rotate(-6deg);transition:opacity 80ms linear 1180ms,transform 180ms var(--ease) 1180ms}
.ea-packet.ea-live.is-done .ea-pk-sheet{transition:transform var(--ea-t2) var(--ease),opacity var(--ea-t2) var(--ease)}
.ea-packet.ea-live.is-done .ea-pk-tab{transition:color var(--ea-t1)}
.ea-packet.ea-sim *,.ea-packet.ea-sim{transition:none!important;animation:none!important}

/* ---- tablet: narrower self door, compact packet ---- */
@media (max-width:1100px){
  .ea-packet{--sw:220px;--sh:268px;--tt:20px;--ts:50px;--tw:156px;--aw:440px;--ah:306px;--ox:8px}
  .ea-packet .ea-pk-self{grid-column:1/span 4}
  .ea-packet .ea-pk-rule{grid-column:5}
  .ea-packet .ea-pk-team{grid-column:6/-1}
  .ea-packet .ea-pk-t{margin-top:32px}
}
@media (max-width:900px){
  .ea-packet{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .ea-packet .ea-pk-team{grid-column:1;grid-row:1}
  .ea-packet .ea-pk-rule{grid-column:1;grid-row:2;justify-self:stretch;align-self:auto;width:auto;height:1px}
  .ea-packet .ea-pk-self{grid-column:1;grid-row:3}
}

/* ---- mobile: guided door first, packet at most 343px, short tab labels ---- */
@media (max-width:760px){
  .ea-packet{--sw:188px;--sh:246px;--tt:18px;--ts:46px;--tw:118px;--aw:343px;--ah:282px;--ox:4px;--oy:4px;--dx:9px;--dy:7px;margin-top:48px;row-gap:40px}
  .ea-packet .ea-pk-art{margin:14px auto 44px 0}
  .ea-packet .ea-pk-cover{padding:16px 16px 0}
  .ea-packet .ea-pk-t{margin-top:26px;padding-bottom:10px;margin-bottom:10px}
  .ea-packet .ea-pk-nda{right:16px;bottom:26px}
  .ea-packet .ea-pk-tab{padding:6px 10px 6px 8px}
  .ea-packet .ea-pk-tab .ea-pk-l{display:none}
  .ea-packet .ea-pk-tab .ea-pk-sh{display:inline}
  .ea-packet .ea-pk-cap{top:auto;bottom:-30px;right:auto;left:0}
  .ea-packet .ea-pk-h{font-size:22px;line-height:30px}
}

/* ---- reduced motion: the fanned final state, no lift ---- */
@media (prefers-reduced-motion:reduce){
  .ea-packet .ea-pk-stack{--f:1!important}
  .ea-packet .ea-pk-sheet,.ea-packet .ea-pk-stack::before{transition:none!important}
  .ea-packet .ea-pk-stack .ea-pk-sheet:has(>.ea-pk-tab:hover),.ea-packet .ea-pk-stack .ea-pk-sheet:has(>.ea-pk-tab:focus-visible){--lift:0px}
  .ea-packet .ea-pk-tab,.ea-packet .ea-pk-nda{opacity:1!important;clip-path:none!important;transition:none!important}
  .ea-packet .ea-pk-tab{transform:none!important}
  .ea-packet .ea-pk-nda{transform:rotate(-6deg)!important}
}
@media print{
  .ea-packet .ea-pk-stack{--f:1!important}
  .ea-packet .ea-pk-tab,.ea-packet .ea-pk-nda{opacity:1!important;clip-path:none!important}
}