/* Separate spine labels and fixed-width detail copy keep text calm as cards expand. */
.theme-gallery .theme-panels{--theme-active-flex:4.15;--theme-spine-flex:.56;--theme-title-delay:520ms}
.theme-gallery .theme-panel{flex:var(--theme-spine-flex) 1 0;transition:flex 650ms cubic-bezier(.2,.65,.25,1),border-color 250ms}
.theme-gallery .theme-panel.is-active{flex:var(--theme-active-flex) 1 0}
.theme-panel-spine{position:absolute;inset:0;pointer-events:none;opacity:1;visibility:visible;transition:opacity 220ms ease 400ms,visibility 0s linear 400ms}
.theme-panel.is-active .theme-panel-spine{opacity:0;visibility:hidden;transition:opacity 140ms ease,visibility 0s linear 140ms}
.theme-spine-number{position:absolute;top:19px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:32px;height:32px;border:1px solid #D1DFBF80;border-radius:50%;background:#173E35A6;font-family:var(--sans);font-size:11px;color:#E6EFD8;direction:ltr;unicode-bidi:isolate}
.theme-spine-title{position:absolute;left:calc(50% - 11px);bottom:24px;transform:rotate(-90deg);transform-origin:0 0;width:max-content;max-width:440px;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.01em;line-height:1.5;white-space:nowrap;text-align:start;color:#FBFBF4}
.theme-panel-details{position:absolute;inset-inline-start:0;bottom:0;width:var(--theme-copy-width,100%);max-width:none;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity 150ms ease,transform 150ms ease,visibility 0s linear 150ms}
.theme-panel.is-active .theme-panel-details{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity 260ms ease var(--theme-title-delay),transform 320ms cubic-bezier(.2,.65,.25,1) var(--theme-title-delay),visibility 0s linear var(--theme-title-delay)}
.theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label{position:relative;inset:auto;display:flex;align-items:start;gap:15px;padding:27px 27px 0;margin-top:0;min-width:0}
.theme-gallery .theme-panel .theme-panel-number,.theme-gallery .theme-panel:not(.is-active) .theme-panel-number{position:static;top:auto;left:auto;transform:none;flex:0 0 36px;width:36px;height:36px;background:none}
.theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title{position:static;inset:auto;transform:none;transform-origin:initial;width:auto;max-width:none;min-width:0;font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.02em;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:balance;text-align:start;color:#FBFBF4;margin:0}
.theme-gallery .theme-panel-content{padding:16px 27px 27px}
[dir=rtl] .theme-spine-title{font-size:14px;line-height:1.7;letter-spacing:0;text-align:right}
[dir=rtl] .theme-gallery .theme-panel .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:25px;line-height:1.65;letter-spacing:0;text-align:start}
.theme-gallery.is-reading .theme-panel,.theme-gallery.is-reading .theme-panel-spine,.theme-gallery.is-reading .theme-panel-details{transition:none}
.theme-gallery.is-reading .theme-panel.is-active .theme-panel-details{opacity:1;visibility:visible;transform:none}
@media(max-width:1100px){
  .theme-gallery .theme-panels{--theme-active-flex:4.8}
  .theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding-inline:21px;gap:12px}
  .theme-gallery .theme-panel-content{padding-inline:21px}
  .theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:25px}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-label,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding-inline:19px}
  [dir=rtl] .theme-gallery .theme-panel-content{padding-inline:19px}
}
@media(max-width:900px) and (min-width:801px){
  .theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding-inline:17px;gap:9px}
  .theme-gallery .theme-panel-content{padding-inline:17px}
  .theme-gallery .theme-panel .theme-panel-number,.theme-gallery .theme-panel:not(.is-active) .theme-panel-number{flex-basis:30px;width:30px;height:30px}
  .theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:23px}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:23px}
}
@media(max-width:800px){
  .theme-panel-spine{display:none}
  .theme-gallery .theme-panel-details,.theme-gallery .theme-panel.is-active .theme-panel-details{position:relative;inset:auto;width:auto;opacity:1;visibility:visible;transform:none;transition:none}
  .theme-gallery .theme-panel.is-active .theme-panel-details{animation:theme-heading-arrival 220ms ease both}
  .theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding:26px 27px 0;gap:15px;margin-top:265px}
  .theme-gallery .theme-panel-content{padding:17px 27px 27px}
  .theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:30px;max-width:530px}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-label,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding-inline:27px}
  [dir=rtl] .theme-gallery .theme-panel-content{padding-inline:27px}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:27px}
  .theme-gallery.is-reading .theme-panel.is-active .theme-panel-details{animation:none}
}
@media(max-width:580px){
  .theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding:23px 21px 0;gap:13px;margin-top:0}
  .theme-gallery .theme-panel .theme-panel-number,.theme-gallery .theme-panel:not(.is-active) .theme-panel-number{flex-basis:33px;width:33px;height:33px}
  .theme-gallery .theme-panel-content{padding:15px 21px 25px}
  .theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:27px;line-height:1.3}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-label,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-label{padding:23px 21px 0}
  [dir=rtl] .theme-gallery .theme-panel-content{padding:15px 21px 25px}
  [dir=rtl] .theme-gallery .theme-panel .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:25px;line-height:1.7}
}
@keyframes theme-heading-arrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .theme-gallery .theme-panel,.theme-gallery .theme-panel-spine,.theme-gallery .theme-panel-details,.theme-gallery .theme-panel.is-active .theme-panel-details{transition:none;animation:none;transform:none}
}
@media print{
  .theme-gallery .theme-panel-spine{display:none}
  .theme-gallery .theme-panel-details,.theme-gallery .theme-panel.is-active .theme-panel-details{position:static;inset:auto;width:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none;animation:none}
  .theme-gallery .theme-panel .theme-panel-label,.theme-gallery .theme-panel:not(.is-active) .theme-panel-label,[dir=rtl] .theme-gallery .theme-panel .theme-panel-label,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-label{position:static;margin-top:0;padding:12px;gap:10px}
  .theme-gallery .theme-panel .theme-panel-number,.theme-gallery .theme-panel:not(.is-active) .theme-panel-number{color:var(--pine);border-color:var(--pine)}
  .theme-gallery .theme-panel .theme-panel-title,.theme-gallery .theme-panel:not(.is-active) .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel .theme-panel-title,[dir=rtl] .theme-gallery .theme-panel:not(.is-active) .theme-panel-title{font-size:17px;line-height:1.4;color:var(--pine);max-width:none}
  .theme-gallery .theme-panel-content,[dir=rtl] .theme-gallery .theme-panel-content{padding:0 12px 12px}
}
