/* Two matching content columns, with the animated illustrations in dedicated rows. */
.r8-orders{background:#f8eedf}
.r8-orders .r6-background img{opacity:.55;filter:blur(4px);object-position:center 75%}
.r8-orders .r6-orders-shade{background:linear-gradient(180deg,#fffaf3d4 0%,#fff8eac9 55%,#fff6e499),linear-gradient(90deg,#8c294b33,transparent 32%)}
.r8-orders-content{padding:45px 0 55px;position:relative}
.r8-orders h1{font:400 clamp(39px,4.4vw,63px)/1.04 Georgia,serif;letter-spacing:-.045em;color:var(--wine);text-align:center;margin:0 auto 16px;max-width:900px}
.r8-orders-intro{text-align:center;font-size:16px;color:#58464c;margin-bottom:28px}
.r8-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;max-width:960px;margin-inline:auto}
.r8-choice{display:grid;grid-template-rows:210px auto auto 50px 35px;justify-items:center;align-items:start;min-width:0;text-align:center}
.r8-visual{position:relative;width:220px;height:210px;margin:0 auto 21px;pointer-events:none}
.r8-door-scene{perspective:900px;isolation:isolate}
.r8-door-frame{position:absolute;top:9px;bottom:14px;left:50%;width:105px;transform:translateX(-50%);border:6px solid #853343;border-bottom-width:3px;border-radius:65px 65px 0 0;background:linear-gradient(100deg,#f4cb7c,#fff4cc);box-shadow:0 0 22px #ffc66e66,0 10px 14px #712d3020}
.r8-door-leaf{position:absolute;inset:0;transform-origin:left center;transform:rotateY(-34deg);border:4px solid #a35052;border-radius:58px 58px 0 0;background:linear-gradient(105deg,#9a4052,#650d2c);box-shadow:6px 0 15px #35091f44;backface-visibility:hidden}
.r8-door-panel{position:absolute;inset:20% 16% 10%;border:1px solid #c07b7255;border-radius:30px 30px 0 0}
.r8-door-leaf i{position:absolute;right:7px;top:60%;width:4px;height:15px;border-radius:5px;background:#efcc86}
.r8-door-glow{position:absolute;bottom:5px;left:40px;right:20px;height:16px;background:radial-gradient(ellipse,#ffca78aa,transparent 70%);filter:blur(5px)}
.r8-book-scene{perspective:700px}
.r8-book-body{position:absolute;width:126px;height:175px;left:calc(50% - 63px);top:15px;transform:rotateY(-12deg) rotateZ(3deg);transform-style:preserve-3d}
.r8-book-page{position:absolute;inset:3px -1px 2px 2px;transform-origin:left center;background:linear-gradient(90deg,#d8c6aa,#fff9ea 15%,#f0e3ca);border:1px solid #cdbb9e;border-radius:1px 4px 4px 1px;transform:translateZ(calc(var(--sheet) * 1.3px)) rotateY(calc(var(--sheet) * -4deg));box-shadow:2px 1px 2px #6e463415}
.r8-book-page:after{content:'';position:absolute;inset:20px 13px;border-top:2px solid #cfc1ad55;border-bottom:2px solid #cfc1ad55}
.r8-book-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#531027,#8f2545 18%,#6b102d);border:2px solid #9a4b5d;border-left:5px solid #571027;border-radius:2px 4px 4px 2px;transform-origin:left center;transform:translateZ(9px) rotateY(-46deg);transform-style:preserve-3d;backface-visibility:visible;box-shadow:5px 8px 14px #57232c24}
.r8-book-cover img{width:90%;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}
.r8-choice h2{font-size:clamp(29px,2.6vw,38px);line-height:1.15;margin:8px 0 15px;letter-spacing:-.035em;align-self:end}
.r8-choice>p{font-size:13px;color:#58464c;margin:0 0 23px;line-height:1.5}
.r8-choice>.button{width:100%;max-width:320px;min-height:50px;font-size:13px;align-self:start}
.r8-choice>.ghost{border-color:var(--wine);background:#fffaf366}
.r8-help{font-size:11px;color:var(--wine);text-decoration:underline;text-underline-offset:4px;margin-top:15px}
@media(max-width:980px){.r8-choices{gap:35px;max-width:780px}.r8-choice h2{font-size:30px}.r8-orders h1{font-size:49px}}
@media(max-width:600px){
 .r8-orders-content{padding:33px 0 38px}.r8-orders h1{font-size:38px;max-width:350px}.r8-orders-intro{font-size:13px;margin-bottom:18px}
 .r8-choices{grid-template-columns:1fr;gap:32px;max-width:350px}.r8-choice{grid-template-rows:185px auto auto 50px 30px}.r8-visual{width:210px;height:185px;margin-bottom:16px}.r8-door-frame{width:95px;top:4px;bottom:10px}.r8-choice h2{font-size:33px;margin-top:8px;margin-bottom:13px}.r8-choice>p{font-size:12px;margin-bottom:20px}.r8-choice>.button{max-width:none;font-size:12px}.r8-orders .r6-background img{object-position:64% 50%;opacity:.4}.r8-orders .r6-orders-shade{background:linear-gradient(180deg,#fffaf3e6,#fff8eac9)}
}