body[data-room="library"] { background: rgb(21, 17, 14); --accent: #bda16d; --ink: #eee4d0; --muted: #c3b4a0; }
.visually-hidden { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.poets-room-scene { position: fixed; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; background: rgb(23, 21, 16); isolation: isolate; }
.room-plane { position: absolute; left: 50%; top: 50%; width: max(100vw, 177.68vh); height: max(100vh, 56.28vw); transform: translate(-50%, -50%); }
.room-plate, .room-motion { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; max-width: none; }
.room-motion { z-index: 1; pointer-events: none; }
.room-shade { position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 35%, rgba(17, 16, 15, 0.22) 60%, rgba(14, 14, 13, 0.584)), linear-gradient(rgba(13, 11, 9, 0.4), transparent 22%, transparent 75%, rgba(17, 13, 11, 0.44)); transition: opacity 0.5s; }
body[data-room] .preview { z-index: 6; background: rgba(14, 13, 11, 0.9); }
body[data-room] header { z-index: 6; background: linear-gradient(rgba(14, 13, 11, 0.533), transparent); }
body[data-room] main { position: relative; z-index: 2; }
.poets-room-hero { position: relative; min-height: max(820px, -26px + 100svh); display: flex; justify-content: flex-end; align-items: flex-start; padding: 170px 6vw 130px; isolation: isolate; }
.room-copy { width: min(46%, 550px); position: relative; text-shadow: rgba(0, 0, 0, 0.733) 0px 2px 28px; }
.room-copy .eyebrow { font-size: 8px; letter-spacing: 0.18em; color: rgb(210, 192, 157); margin-bottom: 23px; line-height: 1.7; }
.room-copy h1 { font-size: inherit; line-height: 1; margin: 0px 0px 27px; width: 100%; position: relative; }
.cover-wordmark { display: block; width: 100%; height: auto; filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 2px 7px); }
.room-copy .intro { font: clamp(28px, 2.7vw, 40px) / 1.1 "Libre Caslon Display", Georgia, serif; color: rgb(234, 220, 193); }
.room-copy .desc { font-size: 12px; line-height: 1.8; color: rgb(208, 196, 177); margin: 22px 0px 28px; max-width: 370px; }
.room-copy .button { font-size: 11px; gap: 23px; padding: 14px 18px; min-height: 46px; background: rgb(196, 171, 124); border-color: rgb(196, 171, 124); color: rgb(36, 27, 21); text-shadow: none; }
.room-enter { background: transparent; color: rgb(226, 208, 173); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(209, 183, 144, 0.533); border-image: none; padding: 12px 0px; min-height: 44px; font-size: 11px; }
.room-copy .actions { gap: 25px; }
.poets-room-hero .hero-foot { bottom: 26px; color: rgb(211, 191, 160); left: 6vw; right: 210px; }
body[data-room] .product-story { width: min(1300px, 100% - 8vw); margin: 0px auto; background: rgba(23, 15, 18, 0.95); border: 1px solid rgba(188, 156, 97, 0.19); box-shadow: rgba(0, 0, 0, 0.533) 0px 0px 80px; }
body[data-room] .product-story .section { padding: 80px 6vw; }
.room-book-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; background: linear-gradient(120deg, rgba(48, 30, 29, 0.44), rgba(22, 14, 19, 0.667)); }
.room-book { margin: 0px; max-width: 490px; min-width: 0px; }
.room-book img { width: 100%; height: auto; border: 1px solid rgba(180, 146, 88, 0.4); padding: 5px; background: rgb(41, 24, 23); box-shadow: rgba(0, 0, 0, 0.467) 0px 20px 40px; }
.room-book figcaption { font: 8px / 1.7 "DM Mono", monospace; color: rgb(185, 166, 139); margin-top: 14px; text-align: center; }
.room-book-feature > div > p:not(.eyebrow) { font-size: 13px; line-height: 1.9; color: rgb(198, 182, 160); margin-top: 24px; }
.room-book-feature .text-link { display: inline-block; margin-top: 25px; }
body[data-room] .environment-disclosure, body[data-room] footer { position: relative; z-index: 2; }
.room-controls { position: fixed; right: 20px; bottom: max(18px,env(safe-area-inset-bottom)); z-index: 20; display: flex; gap: 8px; }
.room-controls button { background: rgba(23, 22, 18, 0.933); border: 1px solid rgba(191, 166, 117, 0.467); color: rgb(228, 212, 182); padding: 12px 16px; min-height: 44px; font: 10px "DM Mono", monospace; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px; }
.room-controls[hidden], .room-controls [hidden] { display: none !important; }
.room-controls button:hover { background: rgb(65, 55, 44); }
body.room-only { overflow: hidden; }
body.room-only main, body.room-only header, body.room-only footer, body.room-only .environment-disclosure { visibility: hidden; pointer-events: none; }
body.room-only .room-shade { opacity: 0.12; }
.room-flame { position: absolute; z-index: 2; width: 0.9%; height: 3.3%; margin-left: -0.45%; margin-top: -1.65%; border-radius: 55% 45% 48% 55%; background: radial-gradient(at 50% 72%, rgb(255, 248, 220) 6%, rgb(255, 223, 160) 28%, rgba(255, 171, 71, 0.4) 58%, transparent 76%); mix-blend-mode: screen; transform-origin: center 85%; filter: drop-shadow(rgb(231, 168, 92) 0px 0px 6px); animation: 1.4s ease-in-out 0s infinite alternate none running poets-flame; }
.room-candle-spill { position: absolute; z-index: 2; width: 29%; height: 35%; transform: translate(-50%, -50%); background: radial-gradient(rgba(231, 161, 80, 0.133), transparent 67%); mix-blend-mode: screen; animation: 3.3s ease-in-out 0s infinite alternate none running poets-spill; }
.room-window-light { position: absolute; z-index: 2; width: 45%; height: 58%; background: radial-gradient(rgba(240, 216, 160, 0.11), transparent 67%); mix-blend-mode: screen; transform-origin: 0px 0px; animation: 9s ease-in-out 0s infinite alternate none running poets-daylight; }
@keyframes poets-flame { 
  0% { transform: scale(0.83, 1.07) rotate(-5deg); opacity: 0.55; }
  25% { transform: scale(1.05, 0.85) rotate(4deg); opacity: 1; }
  50% { transform: scale(0.86, 1.15) rotate(-2deg); opacity: 0.7; }
  75% { transform: scale(1.1, 0.98) rotate(6deg); opacity: 0.9; }
  100% { transform: scale(0.9, 1.08) rotate(-4deg); opacity: 0.62; }
}
@keyframes poets-spill { 
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}
@keyframes poets-daylight { 
  0% { opacity: 0.2; transform: rotate(-2deg); }
  100% { opacity: 0.85; transform: rotate(2deg); }
}
html[data-room-motion="paused"] .room-plane * { animation-play-state: paused !important; }
@media (max-width: 1000px) and (min-width: 901px) {
  .room-copy { width: 46%; }
  .poets-room-hero { padding-right: 5vw; }
  .room-copy .actions { gap: 15px; }
  .room-copy .button, .room-enter { font-size: 10px; }
}
@media (max-width: 900px) {
  .room-plane { width: max(100vw, 56.28vh); height: max(100vh, 177.68vw); }
  .room-shade { background: linear-gradient(rgba(13, 16, 14, 0.4), transparent 25%, transparent 50%, rgba(16, 16, 13, 0.4)), linear-gradient(90deg, transparent 5%, rgba(19, 16, 14, 0.19) 65%, rgba(16, 14, 12, 0.333)); }
  .poets-room-hero { min-height: max(880px, -26px + 100svh); padding: 155px 7vw 100px; display: block; }
  .room-copy { width: 100%; text-align: center; display: flex; min-height: 625px; flex-direction: column; }
  .room-copy .eyebrow { font-size: 7px; letter-spacing: 0.1em; margin-bottom: 20px; }
  .room-copy h1 { width: 100%; max-width: 430px; margin: 0px auto; font-size: inherit; }
  .room-hero-support { margin-top: auto; padding-top: 230px; text-shadow: rgb(0, 0, 0) 0px 2px 15px; }
  .room-copy .intro { font-size: 31px; }
  .room-copy .desc { font-size: 11px; line-height: 1.7; margin: 18px auto 22px; max-width: 280px; }
  .room-copy .actions { justify-content: center; gap: 19px; }
  .room-copy .button { font-size: 10px; padding: 13px 15px; }
  .room-enter { font-size: 10px; }
  .poets-room-hero .hero-foot { left: 7vw; right: 7vw; bottom: 67px; font-size: 6px; }
  .room-controls { right: 12px; bottom: max(12px,env(safe-area-inset-bottom)); gap: 6px; max-width: calc(-24px + 100vw); }
  .room-controls button { font-size: 9px; padding: 11px 12px; }
  body[data-room] .product-story { width: calc(100% - 24px); }
  body[data-room] .product-story .section { padding: 60px 6vw; }
  .room-book-feature { grid-template-columns: 1fr; gap: 35px; }
  .room-book { max-width: 450px; width: 100%; margin: auto; }
  .room-book figcaption { font-size: 7px; }
  .room-book-feature > div > p:not(.eyebrow) { font-size: 12px; }
  .room-flame { width: 1.65%; height: 3%; margin-left: -0.8%; margin-top: -1.5%; }
  .room-candle-spill { width: 47%; height: 29%; }
}
@media (prefers-reduced-motion: reduce) {
  .room-plane * { animation: auto ease 0s 1 normal none running none !important; }
  .room-shade { transition: none; }
}
@media (min-width: 1001px) {
  .room-copy { width: min(31%, 440px); }
  .room-copy .eyebrow { font-size: 7px; }
  .room-copy .intro { font-size: 34px; }
  .room-copy .actions { gap: 18px; }
  .room-copy .button { font-size: 10px; }
  .room-enter { font-size: 10px; }
}
@media (max-width: 1000px) and (min-width: 901px) {
  .room-hero-support { margin-top: 170px; }
  .poets-room-hero { min-height: 900px; }
}
@media (max-width: 900px) {
  .room-copy h1::before { content: ""; position: absolute; inset: -15% -8%; z-index: -1; background: radial-gradient(rgba(16, 16, 15, 0.61), transparent 70%); }
  .cover-wordmark { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 2px 6px); }
}
@media (max-width: 900px) {
  .room-controls { position: absolute; top: 131px; bottom: auto; }
  .room-copy .eyebrow { align-self: center; background: rgba(23, 20, 16, 0.6); padding: 4px 7px; color: rgb(225, 210, 183); }
  .room-only .room-controls { position: fixed; top: auto; bottom: max(12px,env(safe-area-inset-bottom)); }
}