body[data-compact] .compact-descriptor { font: 15px / 1.6 "DM Sans", Arial, sans-serif; color: rgb(236, 221, 194); letter-spacing: 0px; }
.hero-price { font: 30px "Libre Caslon Display", Georgia, serif; color: rgb(237, 194, 146); margin: 14px 0px 23px; }
.hero-price small { font: 10px "DM Mono", monospace; }
body[data-compact] .halloween-hero .intro { margin-top: 32px; }
.compact-story { background: linear-gradient(rgb(32, 26, 24), rgb(33, 26, 24) 40%, rgb(23, 20, 24)) !important; }
.compact-story .section { background: none; padding-top: 62px; padding-bottom: 62px; border: 0px; }
.compact-story .section + .section { border-top: 1px solid rgba(195, 160, 121, 0.145); }
.compact-story h2 { font-size: clamp(34px, 4vw, 49px); }
.compact-story .section-head { align-items: center; margin-bottom: 26px; gap: 28px; }
.compact-story .section-head h2 { margin: 0px; }
.compact-story .section-head p { margin: 0px; font-size: 12px; }
.compact-story .look-library { margin-top: 25px; }
.compact-story .look-detail h3 { font-size: clamp(32px, 3.8vw, 49px); }
.compact-story .editions { color: rgb(233, 218, 194); }
.edition-heading { display: flex; align-items: center; gap: 45px; }
.edition-heading p { font-size: 13px; color: rgb(199, 180, 158); line-height: 1.7; margin-top: 18px; }
.compact-tape { width: 170px; flex: 0 0 auto; margin: 0px; }
.compact-tape img { display: block; width: 100%; height: auto; transform: rotate(-3deg); box-shadow: rgba(0, 0, 0, 0.333) 10px 15px 26px; }
.compact-tape figcaption { font: 8px / 1.5 "DM Mono", monospace; color: rgb(190, 172, 147); text-align: center; margin-top: 15px; }
.compact-story .edition-grid { margin-top: 38px; gap: 35px; }
.compact-story .edition-grid article { background: none; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(169, 138, 88, 0.333) currentcolor currentcolor; border-image: none; padding: 27px 0px; }
.compact-story .edition-grid h3 { font-size: 29px; }
.compact-story .edition-grid .price { margin: 16px 0px; }
.compact-story .edition-grid ul { font-size: 13px; line-height: 1.9; margin-bottom: 24px; }
.compact-details { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(188, 159, 107, 0.24) currentcolor currentcolor; border-image: none; padding: 13px 0px; font-size: 12px; line-height: 1.75; color: rgb(203, 185, 157); }
.compact-details summary { cursor: pointer; min-height: 28px; color: rgb(232, 212, 173); font-size: 12px; }
.compact-details p { font-size: 12px; line-height: 1.8; margin: 12px 0px; max-width: 740px; }
.compact-details[open] { padding-bottom: 15px; }
body[data-compact] .environment-disclosure { font-size: 9px; background: transparent; padding: 22px 6vw; color: rgb(182, 165, 141); }
body[data-compact] footer { background: transparent; border-top: 1px solid rgba(181, 152, 88, 0.19); padding-top: 20px; padding-bottom: 24px; font-size: 10px; }
body[data-compact][data-room] .poets-room-hero { min-height: max(930px, -26px + 100svh); padding-top: 155px; padding-bottom: 70px; }
body[data-compact][data-room] .room-copy { width: min(37%, 490px); }
.compact-room .room-copy h1 { margin-bottom: 22px; }
.compact-room .room-copy .eyebrow { margin-bottom: 18px; }
.compact-room .room-hero-support { position: relative; isolation: isolate; margin-top: 0px; padding-top: 0px; }
.compact-room .room-hero-support::before { content: ""; position: absolute; inset: -45px -90px -60px; z-index: -1; pointer-events: none; background: radial-gradient(rgba(16, 12, 11, 0.91) 10%, rgba(16, 12, 11, 0.65) 50%, transparent 73%); }
.compact-room .compact-descriptor { margin: 0px 0px 18px; }
.compact-room .room-copy .actions { gap: 25px; flex-wrap: wrap; }
.compact-room .room-copy .button { font-size: 11px; gap: 16px; }
.room-tabs { display: flex; gap: 20px; border-bottom: 1px solid rgba(185, 154, 90, 0.314); margin: 27px 0px 0px; }
.room-tabs button { font: 11px "DM Sans", Arial, sans-serif; padding: 12px 0px; min-height: 44px; background: none; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; color: rgb(212, 196, 167); cursor: pointer; }
.room-tabs button[aria-selected="true"] { color: rgb(245, 223, 173); border-bottom-color: rgb(199, 161, 96); }
.room-tab-panel { padding: 23px 0px 0px; min-height: 270px; }
.room-tab-panel[hidden] { display: none !important; }
.room-product { display: grid; grid-template-columns: 155px minmax(0px, 1fr); gap: 20px; align-items: start; }
.room-product .room-book { width: 155px; margin: 0px; }
.room-product .room-book img { padding: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0.467) 0px 16px 28px; }
.room-product .room-book figcaption { font-size: 6px; line-height: 1.6; color: rgb(192, 174, 144); margin-top: 10px; }
.room-facts > p { font-size: 12px; line-height: 1.8; color: rgb(222, 206, 179); margin: 0px 0px 15px; }
.room-facts .compact-details { font-size: 11px; padding: 10px 0px; }
.room-facts .compact-details summary { font-size: 11px; }
.room-facts .compact-details p { font-size: 11px; }
.room-facts .diagram { height: 150px; min-height: 0px; }
.room-facts .mask-buttons { display: flex; flex-wrap: wrap; gap: 4px; }
.room-facts .mask-buttons button { font-size: 9px; padding: 6px; min-height: 35px; color: rgb(232, 211, 173); border-color: rgb(167, 139, 91); }
.room-facts .mask-buttons button.active { background: rgb(188, 158, 107); color: rgb(33, 23, 16); }
.room-facts .diagram-label { font-size: 6px; }
.room-facts #mask-caption { font-size: 10px; }
.room-palette .palette-instruction { font-size: 10px; color: rgb(197, 179, 151); line-height: 1.7; margin: 0px 0px 14px; }
.room-palette .look-library { display: block; margin: 0px; }
.room-palette .spines { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, 44px); grid-template-columns: none; grid-auto-columns: 142px; gap: 6px; overflow: auto hidden; max-height: none; padding: 2px 2px 9px; scroll-snap-type: x; }
.room-palette .spines button { font-size: 11px; padding: 8px; min-height: 44px; gap: 7px; background: rgba(35, 26, 23, 0.4); border-color: rgba(177, 149, 99, 0.24); box-shadow: none; scroll-snap-align: start; }
.room-palette .spines button.active { background: rgb(216, 190, 144); color: rgb(36, 19, 25); }
.room-palette .spines button span { font-size: 7px; }
.room-palette .look-detail { position: static; padding: 13px 0px 0px; }
.room-palette #look-num { font-size: 7px; }
.room-palette .look-detail h3 { font-size: 30px; line-height: 1.1; margin: 10px 0px; }
.room-palette .look-detail > p { font-size: 11px; line-height: 1.75; margin: 0px; }
.room-palette .swatches { height: 74px; margin: 16px 0px 0px; box-shadow: none; }
.room-palette .swatches span::after { font-size: 6px; bottom: 8px; }
.room-proof-note h2 { font-size: 29px; margin: 0px 0px 16px; }
.room-proof-note p { font-size: 12px; line-height: 1.8; max-width: 320px; }
.room-proof-note .fine { font-size: 10px; color: rgb(188, 170, 143); margin-top: 15px; }
body[data-compact][data-room] .room-shade { background: linear-gradient(90deg, transparent 38%, rgba(14, 12, 11, 0.314) 63%, rgba(14, 11, 10, 0.64)), linear-gradient(rgba(13, 11, 9, 0.4), transparent 22%, transparent 75%, rgba(17, 13, 11, 0.333)); }
@media (min-width: 901px) and (max-width: 1100px) {
  body[data-compact][data-room] .room-copy { width: 44%; }
  .room-product { grid-template-columns: 125px minmax(0px, 1fr); }
  .room-product .room-book { width: 125px; }
}
@media (max-width: 900px) {
  body[data-compact][data-room] .poets-room-hero { padding: 155px 7vw 45px; min-height: 1130px; }
  body[data-compact][data-room] .room-copy { width: 100%; min-height: 0px; max-width: 650px; margin: auto; }
  .compact-room .room-copy h1 { margin-bottom: 0px; }
  .compact-room .room-hero-support { margin-top: 260px; text-align: left; padding: 0px; }
  .compact-room .room-hero-support::before { inset: -60px -80px -50px; background: radial-gradient(rgba(17, 12, 11, 0.95) 15%, rgba(17, 12, 11, 0.76) 55%, transparent 74%); }
  .compact-room .compact-descriptor { text-align: center; font-size: 14px; }
  .compact-room .room-copy .actions { justify-content: center; gap: 22px; }
  .compact-room .room-copy .button { font-size: 10px; }
  .room-tabs { justify-content: center; margin-top: 22px; gap: 25px; }
  .room-tabs button { font-size: 10px; }
  .room-tab-panel { min-height: 280px; }
  .room-product { grid-template-columns: 135px minmax(0px, 1fr); gap: 18px; }
  .room-product .room-book { width: 135px; }
  .room-facts > p { font-size: 11px; }
  .room-facts .compact-details summary { font-size: 10px; }
  .room-product .room-book figcaption { font-size: 6px; }
  .room-palette .look-detail h3 { font-size: 31px; }
  .room-palette .swatches { height: 85px; }
  body[data-compact][data-room] .room-shade { background: linear-gradient(rgba(13, 16, 14, 0.4), transparent 25%, transparent 50%, rgba(16, 16, 13, 0.467)); }
  body[data-compact][data-room] footer, body[data-compact][data-room] .environment-disclosure { background: rgba(17, 13, 11, 0.66); }
}
@media (max-width: 700px) {
  .compact-story .section { padding: 42px 7vw; }
  .compact-story .section-head { display: block; margin-bottom: 22px; }
  .compact-story .section-head h2 { font-size: 35px; }
  .compact-story .section-head p { font-size: 11px; margin-top: 12px; }
  .compact-story .look-library { margin-top: 20px; }
  .compact-story .look-detail { padding-top: 0px; }
  .compact-story .look-detail h3 { font-size: 37px; }
  .compact-story .look-detail > p { font-size: 12px; }
  .compact-story .swatches { height: 100px; margin: 20px 0px 0px; }
  .edition-heading { gap: 22px; }
  .compact-tape { width: 105px; }
  .compact-tape figcaption { font-size: 6px; }
  .edition-heading h2 { font-size: 31px; }
  .edition-heading p { font-size: 11px; margin-top: 12px; }
  .compact-story .edition-grid { gap: 18px; margin-top: 27px; }
  .compact-story .edition-grid article { padding: 22px 0px; }
  .compact-story .edition-grid h3 { font-size: 28px; }
  .compact-story .edition-grid ul { font-size: 12px; margin-bottom: 20px; }
  .compact-story .compact-details summary { font-size: 12px; }
  .compact-story .compact-details p { font-size: 11px; }
  body[data-compact] .halloween-hero .intro { font-size: 14px; max-width: 230px; }
  .hero-price { font-size: 27px; margin: 12px 0px 22px; }
  .halloween-hero .hero-foot { bottom: 40px; }
}
@media (max-width: 350px) {
  .room-product { grid-template-columns: 110px minmax(0px, 1fr); gap: 13px; }
  .room-product .room-book { width: 110px; }
  .room-tabs { gap: 18px; }
  .room-facts > p { font-size: 10px; }
  .room-tabs button { font-size: 9px; }
  .compact-room .room-copy .button { font-size: 9px; }
  .compact-room .room-copy .actions { gap: 16px; }
}
body[data-compact][data-room] .poets-room-hero { overflow: hidden; min-height: max(820px, -26px + 100svh); }
body[data-compact][data-room] .room-controls { position: absolute; top: 120px; bottom: auto; right: 6vw; }
body[data-compact][data-room].room-only .room-controls { position: fixed; top: auto; bottom: max(18px,env(safe-area-inset-bottom)); right: 20px; }
@media (min-width: 1101px) {
  body[data-compact][data-room] .room-copy { width: min(33%, 450px); }
  .room-product { grid-template-columns: 135px minmax(0px, 1fr); }
  .room-product .room-book { width: 135px; }
  .compact-room .room-hero-support::before { left: -35px; }
}
@media (max-width: 900px) {
  body[data-compact][data-room] .poets-room-hero { min-height: 1130px; }
  body[data-compact][data-room] .room-controls { top: 131px; right: 12px; }
  body[data-compact][data-room].room-only .room-controls { bottom: max(12px,env(safe-area-inset-bottom)); right: 12px; }
}