/* Workroom Intake Desk — v1
   A small multimedia threshold replacing the public rulebook list.
   Purpose: perform the Workroom boundary as an archival stamping ritual. */
.workroomIntakeDesk{
  position:relative;
  padding-top:clamp(2.25rem,6vw,5rem);
  padding-bottom:clamp(2.25rem,6vw,5rem);
}
.workroomIntakeDesk::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  width:min(880px,92vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(194,150,84,.52),transparent);
  opacity:.72;
}
.intakeDeskShell{
  --intake-ink:#17120d;
  --intake-paper:#d8c49d;
  --intake-paper-deep:#b89761;
  --intake-brass:#c89b54;
  --intake-red:#721d17;
  --intake-glow:rgba(216,150,74,.24);
  position:relative;
  width:min(980px,92vw);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(250px,.82fr) minmax(320px,1fr);
  gap:clamp(1.1rem,3vw,2rem);
  align-items:center;
  padding:clamp(1.15rem,3vw,2.1rem);
  border:1px solid rgba(194,150,84,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 15%, rgba(220,159,88,.14), transparent 30%),
    radial-gradient(circle at 88% 72%, rgba(110,29,22,.13), transparent 32%),
    linear-gradient(135deg, rgba(32,23,15,.94), rgba(9,8,8,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,235,197,.08);
  overflow:hidden;
  isolation:isolate;
}
.intakeDeskShell::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.035) 36%, transparent 58%);
  opacity:.5;
  pointer-events:none;
  mix-blend-mode:screen;
}
.intakeDeskCopy{
  position:relative;
  z-index:2;
  padding-inline:clamp(.25rem,1vw,.75rem);
}
.intakeDeskCopy h2{
  margin:.2rem 0 .65rem;
  font-family:var(--serif, Georgia, serif);
  font-size:clamp(1.72rem,4vw,3.15rem);
  line-height:.96;
  letter-spacing:-.035em;
  color:rgba(244,229,203,.96);
}
.intakeDeskCopy .muted{
  max-width:34rem;
  color:rgba(236,215,181,.72);
}
.intakeScene{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.intakeLamp{
  position:absolute;
  right:8%;
  top:7%;
  width:115px;
  height:115px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,210,137,.24), rgba(255,190,92,.09) 34%, transparent 68%);
  filter:blur(.2px);
  opacity:.75;
  transition:opacity .28s ease, transform .28s ease;
}
.intakeLamp span{
  position:absolute;
  top:30px;
  left:50%;
  width:28px;
  height:28px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(255,221,154,.92), rgba(191,119,45,.28) 68%, transparent 70%);
  box-shadow:0 0 32px rgba(255,187,93,.45);
}
.intakeShadow{
  position:absolute;
  left:52%;
  bottom:-9%;
  width:46%;
  height:18%;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.44), transparent 70%);
}
.intakeFolderButton{
  position:relative;
  z-index:2;
  display:block;
  width:min(360px,100%);
  min-height:248px;
  justify-self:center;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.intakeFolderButton:focus-visible{
  outline:2px solid rgba(226,178,105,.9);
  outline-offset:8px;
  border-radius:22px;
}
.intakeFolder{
  position:absolute;
  inset:0;
  display:block;
  border-radius:16px 16px 20px 20px;
  background:
    linear-gradient(160deg, rgba(236,207,153,.98), rgba(180,132,70,.98)),
    repeating-linear-gradient(0deg, transparent 0 12px, rgba(70,45,24,.045) 13px 14px);
  box-shadow:0 22px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,248,219,.7), inset 0 -22px 40px rgba(67,35,12,.14);
  transform:rotate(-1.2deg) translateZ(0);
  transition:transform .38s cubic-bezier(.2,.85,.24,1), box-shadow .38s ease, filter .38s ease;
  overflow:hidden;
}
.intakeFolder::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:44%;
  height:34px;
  border-radius:16px 0 14px 0;
  background:linear-gradient(145deg, rgba(226,190,126,.98), rgba(180,131,69,.98));
  box-shadow:inset 0 1px 0 rgba(255,248,219,.68);
}
.intakeFolder::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.18), transparent 18%),
    repeating-linear-gradient(99deg, rgba(34,18,6,.025) 0 1px, transparent 1px 6px);
  mix-blend-mode:multiply;
  opacity:.42;
}
.intakeFolderTab,
.intakeFolderRule,
.intakeFolderNote,
.intakeFolderLine,
.intakeStampMark{
  position:absolute;
  z-index:2;
}
.intakeFolderTab{
  top:10px;
  left:18px;
  color:rgba(42,25,12,.78);
  font-size:.62rem;
  letter-spacing:.19em;
  font-weight:800;
}
.intakeFolderRule{
  top:72px;
  left:28px;
  right:28px;
  color:rgba(28,18,10,.92);
  font-family:var(--serif, Georgia, serif);
  font-size: clamp(1.1rem, 3.2vw, 2rem);
  letter-spacing:.025em;
  line-height:1;
  text-align:left;
}
.intakeFolderLine{
  top:132px;
  left:28px;
  right:28px;
  height:1px;
  background:linear-gradient(90deg, rgba(44,25,11,.52), transparent);
}
.intakeFolderNote{
  left:28px;
  right:28px;
  bottom:32px;
  color:rgba(39,24,12,.72);
  font-size:.78rem;
  letter-spacing:.045em;
  line-height:1.55;
  text-align:left;
}
.intakeStampMark{
  left:50%;
  top:53%;
  transform:translate(-50%,-50%) rotate(-10deg) scale(1.3);
  width:min(230px,76%);
  padding:.55rem .7rem .45rem;
  border:4px double rgba(94,19,14,.9);
  border-radius:8px;
  color:rgba(94,19,14,.88);
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
  opacity:0;
  filter:blur(.7px);
  transition:opacity .22s ease .12s, transform .34s cubic-bezier(.2,1.35,.28,1), filter .3s ease;
}
.intakeButtonText{
  position:absolute;
  left:50%;
  bottom:-.95rem;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:10.5rem;
  padding:.48rem .88rem;
  border:1px solid rgba(209,158,91,.44);
  border-radius:999px;
  background:rgba(8,7,6,.72);
  color:rgba(241,219,184,.78);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.36);
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.intakeFolderButton:hover .intakeFolder{
  transform:rotate(-.55deg) translateY(-4px);
  box-shadow:0 28px 46px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,248,219,.7), inset 0 -22px 40px rgba(67,35,12,.14);
}
.intakeDeskShell.is-admitted .intakeFolder{
  transform:rotate(-.6deg) translateY(-6px) scale(1.01);
  filter:saturate(1.04) contrast(1.02);
}
.intakeDeskShell.is-admitted .intakeStampMark{
  opacity:1;
  transform:translate(-50%,-50%) rotate(-10deg) scale(1);
  filter:blur(0);
}
.intakeDeskShell.is-admitted .intakeButtonText{
  background:rgba(81,20,16,.82);
  border-color:rgba(222,170,99,.7);
  color:rgba(255,230,190,.95);
}
.intakeDeskShell.is-admitted .intakeLamp{
  opacity:1;
  transform:scale(1.08);
  animation:intakeLampFlicker .72s steps(4,end) both;
}
.intakeTags{
  position:relative;
  z-index:2;
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:.62rem;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-6px);
  transition:max-height .44s ease, opacity .28s ease, transform .28s ease;
}
.intakeDeskShell.is-admitted .intakeTags{
  max-height:170px;
  opacity:1;
  transform:translateY(0);
  margin-top:.5rem;
}
.intakeTags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.35rem;
  padding:.58rem .82rem .5rem;
  border:1px solid rgba(203,151,82,.38);
  border-radius:10px;
  background:rgba(19,14,11,.72);
  color:rgba(237,216,178,.92);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,232,192,.07), 0 8px 20px rgba(0,0,0,.24);
  transform:translateY(5px);
  opacity:0;
}
.intakeDeskShell.is-admitted .intakeTags span{
  animation:intakeTagIn .42s cubic-bezier(.2,.8,.2,1) forwards;
}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(1){animation-delay:.08s}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(2){animation-delay:.14s}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(3){animation-delay:.2s}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(4){animation-delay:.26s}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(5){animation-delay:.32s}
.intakeDeskShell.is-admitted .intakeTags span:nth-child(6){animation-delay:.38s}
.intakeResult{
  position:relative;
  z-index:2;
  grid-column:1 / -1;
  margin:.25rem 0 0;
  color:rgba(235,216,185,.62);
  font-size:.88rem;
  letter-spacing:.02em;
}
.intakeDeskShell.is-admitted .intakeResult{
  color:rgba(244,226,194,.82);
}
@keyframes intakeTagIn{
  to{opacity:1;transform:translateY(0)}
}
@keyframes intakeLampFlicker{
  0%,100%{opacity:1}
  18%{opacity:.58}
  31%{opacity:1}
  43%{opacity:.74}
  58%{opacity:1}
}
@media (max-width:760px){
  .workroomIntakeDesk{
    padding-top:2.4rem;
    padding-bottom:2.7rem;
  }
  .intakeDeskShell{
    width:min(94vw,520px);
    grid-template-columns:1fr;
    gap:1.05rem;
    padding:1rem;
    border-radius:22px;
  }
  .intakeDeskCopy{
    order:1;
  }
  .intakeDeskCopy h2{
    font-size:clamp(1.8rem,10vw,2.55rem);
  }
  .intakeFolderButton{
    order:2;
    width:min(100%,340px);
    min-height:230px;
    margin:0 auto .55rem;
  }
  .intakeButtonText{
    bottom:-.78rem;
  }
  .intakeTags{
    order:3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.5rem;
  }
  .intakeDeskShell.is-admitted .intakeTags{
    max-height:260px;
  }
  .intakeTags span{
    width:100%;
    min-height:2.55rem;
    font-size:.62rem;
    letter-spacing:.12em;
  }
  .intakeResult{
    order:4;
    font-size:.82rem;
  }
  .intakeLamp{
    right:-1%;
    top:2%;
    width:96px;
    height:96px;
    opacity:.42;
  }
}
@media (prefers-reduced-motion:reduce){
  .intakeFolder,
  .intakeStampMark,
  .intakeTags,
  .intakeTags span,
  .intakeLamp,
  .intakeButtonText{
    transition:none!important;
    animation:none!important;
  }
  .intakeDeskShell.is-admitted .intakeTags span{
    opacity:1;
    transform:none;
  }
}