/* ============================================================
   CONFERENCE / LIBRARY
   ============================================================ */

.conference-library {
  position: relative;

  width: 100%;
  min-height: 920px;

  background: #fffdf8;

  overflow: hidden;
}


/* ============================================================
   HEADER
   ============================================================ */

.conference-library__header {
  position: absolute;

  top: 34px;
  left: 48px;

  z-index: 10;

  max-width: 420px;
}


.conference-library__eyebrow {
  color: orangered;

  font-size: 0.72rem;

  font-weight: 900;

  letter-spacing: 0.15em;

  text-transform: uppercase;
}


.conference-library__header h2 {
  margin: 5px 0 7px;

  font-size: 1.8rem;
}


.conference-library__header p {
  margin: 0;

  color: #777;
}


/* ============================================================
   WALLS
   ============================================================ */

.conference-library__wall {
  position: absolute;

  z-index: 30;

  background: #d4bea0;
}


/* TOP */

.conference-library__wall--top-left {
  top: 0;
  left: 0;

  width: calc(50% - 100px);
  height: 7px;
}


.conference-library__wall--top-right {
  top: 0;
  right: 0;

  width: calc(50% - 100px);
  height: 7px;
}


/* LEFT — split around exhibition-facing entrance */

.conference-library__wall--left-top {
  top: 0;
  left: 0;

  width: 7px;

  height: calc(50% - 75px);
}


.conference-library__wall--left-bottom {
  bottom: 0;
  left: 0;

  width: 7px;

  height: calc(50% - 75px);
}


/* RIGHT */

.conference-library__wall--right {
  top: 0;
  right: 0;

  width: 7px;
  height: 100%;
}


/* BOTTOM */

.conference-library__wall--bottom-left {
  bottom: 0;
  left: 0;

  width: calc(50% - 100px);
  height: 7px;
}


.conference-library__wall--bottom-right {
  right: 0;
  bottom: 0;

  width: calc(50% - 100px);
  height: 7px;
}


/* ============================================================
   ENTRANCES
   ============================================================ */

.conference-library__door {
  position: absolute;

  z-index: 20;

  display: flex;

  align-items: center;
  justify-content: center;

  color: #a66b25;

  font-size: 0.68rem;

  font-weight: 800;

  pointer-events: none;
}


/* TOP */

.conference-library__door--top {
  top: 0;
  left: 50%;

  width: 200px;
  height: 55px;

  transform: translateX(-50%);
}


/* BOTTOM */

.conference-library__door--bottom {
  bottom: 0;
  left: 50%;

  width: 200px;
  height: 55px;

  transform: translateX(-50%);
}


/* LEFT — facing exhibition */

.conference-library__door--left {
  left: 0;
  top: 50%;

  width: 105px;
  height: 150px;

  transform: translateY(-50%);

  justify-content: flex-start;

  padding-left: 15px;
}


/* ============================================================
   CONFERENCE ZONE
   ============================================================ */

.conference-library__conference-zone {
  position: absolute;

  left: 45px;
  top: 170px;

  width: 820px;
  height: 330px;

  border-bottom: 1px dashed #e5d5bc;
}


.conference-library__conference-zone h3,
.conference-library__library-zone h3 {
  margin: 0;

  color: #555;

  font-size: 0.9rem;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


/* ============================================================
   SCREEN
   ============================================================ */

.conference-library__screen {
  position: absolute;

  top: 35px;
  left: 275px;

  width: 270px;
  height: 58px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #33424c;

  border-radius: 5px;

  color: #fff;

  font-size: 0.75rem;
}


/* ============================================================
   PODIUM
   ============================================================ */

.conference-library__podium {
  position: absolute;

  top: 115px;
  left: 365px;

  width: 90px;
  height: 50px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #ad7b43;

  border-radius: 5px;

  color: white;

  font-size: 0.7rem;
}


/* ============================================================
   CONFERENCE TABLE
   ============================================================ */

.conference-library__conference-table {
  position: absolute;

  left: 195px;
  top: 205px;

  width: 430px;
  height: 72px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #d8aa6c;

  border-radius: 36px;

  color: #654014;

  font-weight: 800;
}


/* ============================================================
   CONFERENCE CHAIRS
   ============================================================ */

.conference-library__conference-chair {
  position: absolute;

  width: 34px;
  height: 34px;

  border-radius:
    8px 8px
    15px 15px;

  background: #6d5948;
}


.conference-library__conference-chair--1 {
  left: 220px;
  top: 175px;
}

.conference-library__conference-chair--2 {
  left: 330px;
  top: 175px;
}

.conference-library__conference-chair--3 {
  left: 445px;
  top: 175px;
}

.conference-library__conference-chair--4 {
  left: 560px;
  top: 175px;
}

.conference-library__conference-chair--5 {
  left: 220px;
  top: 285px;
}

.conference-library__conference-chair--6 {
  left: 330px;
  top: 285px;
}

.conference-library__conference-chair--7 {
  left: 445px;
  top: 285px;
}

.conference-library__conference-chair--8 {
  left: 560px;
  top: 285px;
}


/* ============================================================
   LIBRARY
   ============================================================ */

.conference-library__library-zone {
  position: absolute;

  left: 45px;
  top: 535px;

  width: 820px;
  height: 300px;
}


/* ============================================================
   BOOKSHELVES
   ============================================================ */

.conference-library__bookshelf {
  position: absolute;

  width: 95px;
  height: 190px;

  display: flex;

  align-items: center;
  justify-content: center;

  background:
    repeating-linear-gradient(
      to bottom,
      #9d7043,
      #9d7043 28px,
      #69482e 29px,
      #69482e 33px
    );

  border-radius: 5px;

  color: white;

  font-size: 0.7rem;

  writing-mode: vertical-rl;
}


.conference-library__bookshelf--1 {
  left: 0;
  top: 50px;
}

.conference-library__bookshelf--2 {
  left: 110px;
  top: 50px;
}

.conference-library__bookshelf--3 {
  right: 0;
  top: 50px;
}


/* ============================================================
   READING TABLES
   ============================================================ */

.conference-library__reading-table {
  position: absolute;

  width: 210px;
  height: 62px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #d4ac77;

  border-radius: 14px;

  color: #68491d;

  font-size: 0.75rem;

  font-weight: 700;
}


.conference-library__reading-table--1 {
  left: 280px;
  top: 75px;
}

.conference-library__reading-table--2 {
  left: 280px;
  top: 185px;
}


/* ============================================================
   READING CHAIRS
   ============================================================ */

.conference-library__reading-chair {
  position: absolute;

  width: 32px;
  height: 32px;

  background: #75604d;

  border-radius:
    8px 8px
    15px 15px;
}


.conference-library__reading-chair--1 {
  left: 365px;
  top: 38px;
}

.conference-library__reading-chair--2 {
  left: 365px;
  top: 145px;
}

.conference-library__reading-chair--3 {
  left: 365px;
  top: 148px;
}

.conference-library__reading-chair--4 {
  left: 365px;
  top: 255px;
}


/* ============================================================
   WALKING FLOOR
   ============================================================ */

.conference-library__walking-floor {
  position: absolute;

  inset: 7px;

  pointer-events: none;
}