body[data-review] .product-review-hero { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.95fr); align-items: center; gap: 7vw; padding: 140px 7vw 85px; min-height: max(800px, -26px + 100svh); overflow: hidden; position: relative; isolation: isolate; }
body[data-review] .product-review-hero .hero-copy { position: relative; z-index: 3; width: auto; max-width: 540px; min-width: 0px; }
.hero-product { position: relative; z-index: 3; width: min(100%, 360px); justify-self: center; margin: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 25px 28px); }
.hero-product > img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; border: 1px solid rgba(202, 164, 119, 0.4); border-radius: 3px; }
.hero-product figcaption { color: rgb(229, 212, 186); font: 8px / 1.7 "DM Mono", monospace; text-align: center; margin: 12px 0px 0px; text-shadow: rgb(0, 0, 0) 0px 2px 8px, rgb(0, 0, 0) 0px 1px 4px; }
body[data-review] .product-review-hero .compact-descriptor { font: 15px / 1.6 "DM Sans", Arial, sans-serif; color: rgb(236, 221, 194); margin: 28px 0px 0px; max-width: 370px; }
body[data-review] .product-review-hero .hero-price { font: 30px "Libre Caslon Display", Georgia, serif; color: rgb(237, 194, 146); margin: 15px 0px 23px; }
body[data-review] .product-review-hero .hero-price small { font: 10px "DM Mono", monospace; }
body[data-review] .product-review-hero .actions { gap: 24px; flex-wrap: wrap; }
body[data-review] .product-review-hero .button { min-height: 46px; font-size: 11px; padding: 14px 18px; background: rgb(221, 188, 133); color: rgb(36, 26, 19); border-color: rgb(221, 188, 133); text-shadow: none; }
body[data-review] .product-review-hero .text-link { font-size: 11px; color: rgb(236, 221, 194); }
body[data-review] .product-review-hero .hero-foot { right: auto; bottom: 25px; }
body.poets[data-review] .poets-room-scene { position: absolute; inset: 0px; container-type: size; }
@supports (container-type:size) {
  body.poets[data-review] .room-plane { width: max(100cqw, 177.68cqh); height: max(100cqh, 56.28cqw); }
}
body.poets[data-review] .room-shade { background: linear-gradient(90deg, rgba(16, 14, 11, 0.46), transparent 65%), linear-gradient(rgba(13, 11, 9, 0.333), transparent 27%, transparent 65%, rgba(23, 17, 14, 0.96)); }
body.poets[data-review] .product-review-hero .hero-copy h1 { font-size: inherit; line-height: 1; margin: 0px; max-width: 440px; }
body.poets[data-review] .cover-wordmark { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 2px 7px); width: 100%; }
body.poets[data-review] .product-review-hero .eyebrow { color: rgb(232, 212, 175); font-size: 8px; margin-bottom: 25px; text-shadow: rgb(0, 0, 0) 0px 1px 9px, rgb(0, 0, 0) 0px 1px 4px; }
body.poets[data-review] .product-review-hero .hero-copy { align-self: center; text-shadow: rgb(0, 0, 0) 0px 2px 15px; }
body.poets[data-review] .review-flow { position: relative; z-index: 2; background: linear-gradient(rgb(23, 17, 14), rgb(28, 20, 19) 45%, rgb(19, 14, 15)); }
body.poets[data-review] .review-flow .section { padding: 62px 7vw; background: none; border: 0px; }
body.poets[data-review] .review-flow .section + .section { border-top: 1px solid rgba(195, 160, 121, 0.145); }
body.poets[data-review] .review-flow .section-head { display: flex; align-items: center; justify-content: space-between; gap: 36px; margin-bottom: 26px; }
body.poets[data-review] .review-flow h2 { font-size: clamp(34px, 4vw, 49px); margin: 0px; line-height: 1.12; }
body.poets[data-review] .review-flow .section-head p { font-size: 12px; line-height: 1.8; color: rgb(205, 187, 159); margin: 15px 0px 0px; max-width: 500px; }
body.poets[data-review] .proof-note .section-head { margin-bottom: 0px; }
body.poets[data-review] .environment-disclosure { background: rgb(19, 14, 15); padding: 22px 7vw; font-size: 9px; }
body.poets[data-review] footer { background: rgb(19, 14, 15); padding-bottom: 30px; }
body.poets[data-review] .room-controls { position: fixed; top: auto; right: 20px; bottom: max(18px,env(safe-area-inset-bottom)); }
body[data-review] #collection .look-library { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 28px; }
body[data-review] #collection .spines { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); grid-auto-flow: row; grid-template-rows: none; grid-auto-rows: minmax(54px, auto); grid-auto-columns: auto; gap: 8px; max-height: none; height: auto; overflow: visible; scroll-snap-type: none; padding: 0px; }
body[data-review] #collection .spines button { min-height: 54px; font-size: 12px; padding: 10px; line-height: 1.3; gap: 8px; min-width: 0px; text-align: left; }
body[data-review] #collection .spines button span { font-size: 7px; min-width: 15px; }
body[data-review] #collection .look-detail { position: static; display: grid; grid-template-columns: 1fr 1.1fr; column-gap: 40px; align-items: start; padding: 0px; min-width: 0px; }
body[data-review] #collection #look-num { grid-column: 1; font-size: 8px; }
body[data-review] #collection #look-name { grid-column: 1; font-size: 38px; margin: 12px 0px; line-height: 1.15; }
body[data-review] #collection #look-description { grid-column: 1; font-size: 12px; line-height: 1.8; margin: 0px; color: rgb(205, 187, 159); }
body[data-review] #collection #swatches { grid-area: 1 / 2 / span 3; height: 134px; margin: 0px; }
.compatibility-information { padding-top: 24px; margin-top: 28px; border-top: 1px solid rgba(188, 159, 107, 0.24); }
.compatibility-information h3, .adaptive-explanation h3 { font: 24px / 1.25 "Libre Caslon Display", Georgia, serif; color: rgb(231, 210, 174); margin: 0px 0px 15px; }
.compatibility-information p, .adaptive-explanation p { font-size: 12px; line-height: 1.85; color: rgb(203, 185, 157); max-width: 790px; margin: 12px 0px; }
.details-purchase { flex: 0 0 auto; text-align: right; }
.details-purchase .price { font: 36px "Libre Caslon Display", Georgia, serif; margin: 0px 0px 12px !important; color: rgb(228, 193, 137) !important; }
.details-purchase small { font: 10px "DM Mono", monospace; }
.details-purchase .button { font-size: 11px; min-height: 44px; }
.adaptive-explanation { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; margin-top: 36px; padding-top: 32px; border-top: 1px solid rgba(188, 159, 107, 0.24); align-items: start; }
.adaptive-explanation .diagram { height: 200px; }
.adaptive-explanation .mask-buttons button { min-height: 44px; color: rgb(232, 211, 173); border-color: rgb(167, 139, 91); }
.adaptive-explanation .mask-buttons button.active { background: rgb(188, 158, 107); color: rgb(33, 23, 16); }
.adaptive-explanation #mask-caption { font-size: 11px; }
@media (max-width: 1000px) and (min-width: 701px) {
  body[data-review] #collection .spines { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .hero-product { width: 300px; }
  body[data-review] .product-review-hero { gap: 4vw; padding-inline: 6vw; }
  .product-review-hero .hero-copy h1 { font-size: 95px; }
  .product-review-hero .hero-copy .actions { gap: 15px; }
}
@media (max-width: 900px) {
  @supports (container-type:size) {
  body.poets[data-review] .room-plane { width: max(100cqw, 56.28cqh); height: max(100cqh, 177.68cqw); }
}
}
@media (max-width: 700px) {
  body[data-review] .product-review-hero { display: grid; grid-template-columns: 1fr; gap: 11px; align-content: start; justify-items: center; padding: 150px 7vw 70px; min-height: max(790px, -26px + 100svh); }
  body[data-review] .product-review-hero .hero-copy { display: contents; }
  body[data-review] .product-review-hero .hero-copy > .eyebrow { order: 1; position: relative; z-index: 3; text-align: center; margin: 0px; font-size: 7px; line-height: 1.6; }
  body[data-review] .product-review-hero .hero-copy > h1 { order: 2; position: relative; z-index: 3; font-size: clamp(48px, 13vw, 65px); line-height: 1.05; margin: 0px 0px 3px; text-align: center; white-space: nowrap; }
  body[data-review] .product-review-hero .hero-copy > h1 br { display: none; }
  body[data-review] .product-review-hero .hero-copy > h1 em::before { content: " "; }
  body[data-review] .product-review-hero .hero-product { order: 3; width: clamp(180px, 53vw, 225px); max-width: 100%; margin: 0px; justify-self: center; }
  body[data-review] .hero-product figcaption { font-size: 6px; line-height: 1.5; margin-top: 8px; max-width: 240px; }
  body[data-review] .product-review-hero .hero-copy > .intro { order: 4; position: relative; z-index: 3; text-align: center; font-size: 12px; line-height: 1.6; margin: 4px 0px 0px; max-width: 280px; }
  body[data-review] .product-review-hero .hero-copy > .hero-price { order: 5; position: relative; z-index: 3; font-size: 26px; margin: 0px; line-height: 1.2; text-align: center; }
  body[data-review] .product-review-hero .hero-copy > .actions { order: 6; position: relative; z-index: 3; justify-content: center; gap: 22px; margin: 5px 0px 0px; width: 100%; }
  body[data-review] .product-review-hero .button { font-size: 10px; padding: 12px 15px; min-height: 44px; }
  .product-review-hero .text-link { font-size: 10px !important; }
  body[data-review] .product-review-hero .hero-foot { left: 7vw; bottom: 22px; font-size: 6px; }
  body.poets[data-review] .product-review-hero .hero-copy > h1 { width: 100%; max-width: 315px; white-space: normal; line-height: 1; margin: 0px; }
  body.poets[data-review] .product-review-hero .hero-product { width: clamp(175px, 50vw, 215px); }
  body.poets[data-review] .product-review-hero { min-height: max(820px, -26px + 100svh); }
  body.poets[data-review] .room-shade { background: linear-gradient(rgba(13, 16, 14, 0.4), transparent 35%, rgba(16, 13, 12, 0.333) 65%, rgb(23, 17, 14)), linear-gradient(90deg, rgba(17, 16, 14, 0.2), transparent 65%); }
  body.poets[data-review] .room-controls { right: 12px; bottom: max(12px,env(safe-area-inset-bottom)); }
  body.poets[data-review] .review-flow .section { padding: 42px 7vw; }
  .review-flow .section-head { display: block !important; margin-bottom: 22px !important; }
  .review-flow .section-head h2 { font-size: 35px !important; }
  .review-flow .section-head p { font-size: 11px !important; margin-top: 12px !important; }
  body[data-review] #collection .look-library { gap: 23px; margin-top: 24px; }
  body[data-review] #collection .spines { grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-rows: minmax(50px, auto); gap: 6px; }
  body[data-review] #collection .spines button { font-size: 11px; min-height: 50px; padding: 8px 6px; gap: 5px; line-height: 1.3; }
  .spines button span { font-size: 6px !important; min-width: 12px !important; }
  body[data-review] #collection .look-detail { display: block; }
  .look-detail #look-name { font-size: 32px !important; margin: 10px 0px !important; }
  body[data-review] #collection #look-description { font-size: 11px; }
  body[data-review] #collection #swatches { height: 100px; margin: 20px 0px 0px; }
  .compatibility-information { padding-top: 20px; margin-top: 22px; }
  .compatibility-information h3, .adaptive-explanation h3 { font-size: 23px; }
  .compatibility-information p, .adaptive-explanation p { font-size: 11px; line-height: 1.8; }
  .details-purchase { text-align: left; margin-top: 24px; }
  .details-purchase .price { font-size: 32px !important; }
  .adaptive-explanation { grid-template-columns: 1fr; gap: 23px; margin-top: 28px; padding-top: 26px; }
  .adaptive-explanation .diagram { height: 220px; }
  .adaptive-explanation .mask-buttons button { font-size: 11px; }
}
@media (max-width: 350px) {
  body[data-review] .product-review-hero { padding-top: 145px; gap: 10px; }
  body[data-review] #collection .spines button { font-size: 10px; padding-inline: 5px; gap: 4px; }
  .hero-product { max-width: 185px; }
  body[data-review] .product-review-hero .hero-copy > .actions { gap: 14px; }
  .product-review-hero .button { font-size: 9px !important; }
  .product-review-hero .text-link { font-size: 9px !important; }
}
@media (max-width: 700px) {
  body[data-review] .product-review-hero { padding-top: 176px; }
  body[data-review] .room-controls, body[data-review] .scene-controls { position: absolute; top: 126px; bottom: auto; right: 7vw; }
  body[data-review] .room-controls button, body[data-review] .scene-controls button { min-height: 44px; font-size: 9px; padding: 10px 12px; }
}
@media (max-width: 700px) {
  body.poets[data-review] .room-controls { position: absolute; top: 126px; bottom: auto; right: 7vw; }
}
@media (max-width: 350px) {
  body.poets[data-review] .product-review-hero .hero-product { width: 165px; }
  body[data-review] .product-review-hero { gap: 8px; }
}
body[data-review] .product-review-hero .scene-controls, body.poets[data-review] .product-review-hero .room-controls { position: absolute; top: 115px; bottom: auto; right: 7vw; }
@media (max-width: 700px) {
  body[data-review] .product-review-hero .scene-controls, body.poets[data-review] .product-review-hero .room-controls { top: 99px; }
}