/* SHEM EANSIT — PASS ONE / SIGNATURE EXPERIENCE
 * Dev only. Locked ivory / berry / rose visual system; Italiana + DM Sans;
 * existing editorial photography. No icons, fake assets or layout replacement.
 * First-entry motion only, based on signature-pass1.js. Public welcome keeps
 * its already-approved floating descent in shem-soft-reveal.css.
 */
:root{
  --se-signature-ink:#392c2a;
  --se-signature-berry:#672d43;
  --se-signature-muted:#554742;
  --se-signature-paper:#fbf7f1;
  --se-signature-rule:#ded0c7;
}

/* A three-part movement vocabulary: a weightless curtain descent, a quiet
   photograph settling, and a page-title handoff. No scale/elastic spring. */
@keyframes se-signature-curtain{
  0%{opacity:.06;transform:translate3d(0,-38px,0) rotate(-.65deg)}
  54%{opacity:1;transform:translate3d(0,4px,0) rotate(.16deg)}
  78%{transform:translate3d(0,-2px,0) rotate(-.08deg)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@keyframes se-signature-photograph{
  0%{opacity:.22;transform:translate3d(0,-24px,0)}
  73%{opacity:1;transform:translate3d(0,2px,0)}
  100%{opacity:1;transform:none}
}
@keyframes se-signature-letter{
  0%{opacity:.2;transform:translate3d(0,-15px,0)}
  72%{opacity:1;transform:translate3d(0,2px,0)}
  100%{opacity:1;transform:none}
}
@keyframes se-signature-paper{
  0%{opacity:.55;transform:translate3d(0,-9px,0)}
  100%{opacity:1;transform:none}
}

/* HOME: richer proportions and photography without competing with Breeze v3. */
#main[data-se-signature-room="home"] .se-home-welcome{
  padding-bottom:20px!important;
}
#main[data-se-signature-room="home"] .se-home-welcome>span{
  letter-spacing:.015em!important;
}
#main[data-se-signature-room="home"] .se-home-feature{
  box-shadow:0 16px 34px rgba(71,32,47,.15)!important;
}
#main[data-se-signature-room="home"] .se-home-destination{
  border-color:var(--se-signature-rule)!important;
  box-shadow:0 8px 23px rgba(61,39,32,.055)!important;
}
#main[data-se-signature-room="home"] .se-home-section-title{
  margin-top:16px!important;
  padding:0 0 7px;
  border-bottom:1px solid rgba(103,45,67,.16);
}

/* GUIDE: top of the room reads as an editorial opening.
   Only decorative headline and scene animate; no text input or saved notes. */
#main[data-se-signature-room="guide"] .guide-room-head h1{
  font-family:"Italiana",Georgia,serif!important;
  font-size:clamp(34px,9vw,42px)!important;
  letter-spacing:.015em!important;
}
#main[data-se-signature-room="guide"] .ref-guide-scene{
  box-shadow:0 12px 30px rgba(71,32,47,.11)!important;
}
#main[data-se-signature-room="guide"] .ref-guide-invite{
  font:400 clamp(23px,6.2vw,27px)/1.3 "Italiana",Georgia,serif!important;
  margin:19px 0 15px!important;
}
#main[data-se-signature-room="guide"] .guide-room-choice{
  border-top:1px solid rgba(103,45,67,.14);
  padding-top:15px;
  margin-top:24px!important;
}
#main[data-se-signature-room="guide"] .mode-card{
  border-color:rgba(103,45,67,.18)!important;
  box-shadow:0 7px 17px rgba(71,32,47,.045);
}
#main.se-signature-arrival[data-se-signature-room="guide"] .guide-room-head,
#main.se-signature-arrival[data-se-signature-room="guide"] .se-guide-opening-note{
  animation:se-signature-letter 950ms cubic-bezier(.19,.71,.28,1) 70ms both;
}
#main.se-signature-arrival[data-se-signature-room="guide"] .ref-guide-scene{
  animation:se-signature-photograph 1330ms cubic-bezier(.2,.68,.3,1) 250ms both;
}
#main.se-signature-arrival[data-se-signature-room="guide"] .ref-guide-invite{
  animation:se-signature-letter 1050ms cubic-bezier(.2,.7,.3,1) 420ms both;
}

/* The Guide conversation header may land once, but user text is never animated.
   Keep its form, wait room and immediate safety messages unaltered. */
#main.se-signature-arrival[data-se-signature-room="guide-conversation"] .guide-conversation-top{
  animation:se-signature-letter 850ms cubic-bezier(.2,.7,.3,1) 35ms both;
}
#main.se-signature-arrival[data-se-signature-room="guide-result"] .guide-action-stack,
#main.se-signature-arrival[data-se-signature-room="guide-result"] .guide-after-save-actions{
  animation:se-signature-paper 720ms cubic-bezier(.2,.7,.3,1) 45ms both;
}

/* EXPLORE: atlas hierarchy stays precise, legible and immediately usable. */
#main[data-se-signature-room="explore"] .ref-explore .page-title,
#main[data-se-signature-room="options"] .page-title,
#main[data-se-signature-room="resources"] .page-title{
  font-family:"Italiana",Georgia,serif!important;
  font-size:clamp(32px,8.5vw,39px)!important;
  line-height:1.13!important;
}
#main[data-se-signature-room="explore"] .ref-resource-list{
  border-top:1px solid rgba(103,45,67,.13);
}
#main[data-se-signature-room="explore"] .ref-resource{
  border-color:rgba(103,45,67,.14)!important;
  min-height:109px;
}
#main[data-se-signature-room="explore"] .ref-resource-thumb{
  box-shadow:0 7px 17px rgba(49,29,26,.075);
}
#main[data-se-signature-room="resources"] .resource-level-head{
  border-bottom:1px solid rgba(103,45,67,.15);
  padding:0 0 12px;
  margin:0 0 15px;
}
#main[data-se-signature-room="resources"] .resource-level-head h2{
  font:400 clamp(25px,7vw,31px)/1.17 "Italiana",Georgia,serif!important;
  color:var(--se-signature-ink);
}
#main[data-se-signature-room="resources"] .resource-location-panel{
  border-color:var(--se-signature-rule)!important;
  box-shadow:0 9px 23px rgba(61,39,32,.045);
}
#main[data-se-signature-room="resources"] .resource-card{
  border-color:rgba(103,45,67,.15)!important;
  box-shadow:0 7px 20px rgba(71,32,47,.045)!important;
}
#main[data-se-signature-room="resources"] .resource-card .source-line{
  overflow-wrap:anywhere;
}
#main.se-signature-arrival[data-se-signature-room="explore"] .ref-explore .page-title,
#main.se-signature-arrival[data-se-signature-room="resources"] > .page-title,
#main.se-signature-arrival[data-se-signature-room="options"] > .page-title{
  animation:se-signature-letter 870ms cubic-bezier(.2,.7,.3,1) 40ms both;
}
#main.se-signature-arrival[data-se-signature-room="resources"] .resource-location-panel{
  animation:se-signature-paper 760ms cubic-bezier(.2,.7,.3,1) 95ms both;
}
/* The resource results, emergency banner, search controls and save buttons
   MUST NOT be delayed or moved while a member searches. */

/* PRIVATE: the journal is the luxury. Quiet hierarchy, no movement in a
   field or over stored, sensitive or personal words. */
#main[data-se-signature-room="private"] > .page-title{
  font:400 clamp(31px,8.3vw,40px)/1.15 "Italiana",Georgia,serif!important;
  color:var(--se-signature-ink);
  margin:4px 0 18px!important;
}
#main[data-se-signature-room="private"] .tool-stack{
  gap:17px!important;
}
#main[data-se-signature-room="private"] .tool-panel{
  background:var(--se-signature-paper)!important;
  border:1px solid var(--se-signature-rule)!important;
  box-shadow:0 9px 26px rgba(68,45,41,.05)!important;
}
#main[data-se-signature-room="private"] .tool-panel>.eyebrow{
  letter-spacing:.14em;
  padding-bottom:8px;
  margin-bottom:4px;
}
#main[data-se-signature-room="private"] .tool-panel h3{
  font-family:"Italiana",Georgia,serif!important;
  font-weight:400!important;
  font-size:clamp(25px,6.5vw,30px)!important;
}
#main[data-se-signature-room="private"] .journal-entry,
#main[data-se-signature-room="private"] .plan-entry{
  border-color:rgba(103,45,67,.16)!important;
}
#main.se-signature-arrival[data-se-signature-room="private"] > .page-title{
  animation:se-signature-letter 1050ms cubic-bezier(.2,.7,.3,1) 50ms both;
}
/* Critical privacy explanation, notes, plans, form fields, checkboxes, save
   confirmations, destructive controls and full panels stay perfectly still. */

/* COMMUNITY: salon-like conversation framing, never obscure real member
   text, anonymous status or moderation and reporting actions. */
#main[data-se-signature-room="community"] .ol-community-hero{
  border-bottom:1px solid rgba(103,45,67,.17);
  padding-bottom:18px!important;
  margin-bottom:14px!important;
}
#main[data-se-signature-room="community"] .ol-community-hero h1{
  font:400 clamp(35px,9.5vw,43px)/1.1 "Italiana",Georgia,serif!important;
  color:var(--se-signature-ink)!important;
}
#main[data-se-signature-room="community"] .ol-community-hero p{
  color:var(--se-signature-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
#main[data-se-signature-room="community"] .ol-community-toolbar{
  margin-top:22px!important;
}
#main[data-se-signature-room="community"] .ol-community-row{
  border-color:rgba(103,45,67,.14)!important;
}
#main[data-se-signature-room="community"] .ol-community-photo{
  box-shadow:0 6px 18px rgba(61,39,32,.09);
}
#main.se-signature-arrival[data-se-signature-room="community"] .ol-community-hero{
  animation:se-signature-letter 950ms cubic-bezier(.2,.7,.3,1) 50ms both;
}
/* Composer, messages, filter results, safety notices and post controls
   deliberately receive no entrance transforms. */

/* Focus feedback and immediate interaction are more important than cinema. */
#main[data-se-signature-room] :is(.se-home-feature,.se-home-destination,.mode-card,.ref-resource,.ol-community-compose):focus-visible{
  outline:2px solid #955c66!important;
  outline-offset:3px;
}
#main[data-se-signature-room] :is(.ref-guide-prompt input,.resource-location-field input,.resource-location-field select,.ol-community-composer textarea,.tool-panel textarea){
  max-width:100%;
}

/* Small phones: stay in the safe-area and prevent decorative overflow. */
@media(max-width:360px){
  #main[data-se-signature-room="community"] .ol-community-hero{
    padding-right:0!important;
  }
  #main[data-se-signature-room="private"] .tool-stack{gap:13px!important;}
  #main[data-se-signature-room="resources"] .resource-location-panel{
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

/* Sensitivity to motion is a design feature, not an optional extra. */
@media(prefers-reduced-motion:reduce){
  #main.se-signature-arrival .guide-room-head,
  #main.se-signature-arrival .se-guide-opening-note,
  #main.se-signature-arrival .ref-guide-scene,
  #main.se-signature-arrival .ref-guide-invite,
  #main.se-signature-arrival .guide-conversation-top,
  #main.se-signature-arrival .guide-action-stack,
  #main.se-signature-arrival .guide-after-save-actions,
  #main.se-signature-arrival .ref-explore .page-title,
  #main.se-signature-arrival .resource-location-panel,
  #main.se-signature-arrival >.page-title,
  #main.se-signature-arrival .ol-community-hero{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}