/* A single cinematic stage and compact contact-sheet navigation. */
.ordainer-editorial,.ordainer-page-number{display:none}
#practice #mr-mellow[data-version="ordainer"]{--stage-height:clamp(520px,48vw,720px);grid-template-columns:155px minmax(0,1fr) 155px!important;grid-template-rows:var(--stage-height) 92px!important;background:#252b24!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-visual,#practice #mr-mellow[data-version="ordainer"] .ordainer-overview,#practice #mr-mellow[data-version="ordainer"] .ordainer-atmosphere{height:var(--stage-height)!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{grid-column:2!important;grid-row:2!important;padding:14px 6px!important;gap:8px!important;align-self:center}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item{padding:3px!important;gap:4px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>img,#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic,#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic img{height:42px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>span:not(.ordainer-index-mosaic){display:none!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>b{text-align:center;font-size:9px!important;letter-spacing:.08em}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item.is-active{background:transparent!important;border-color:#bca773!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-controls{grid-column:1!important;grid-row:2!important;padding:0 12px!important;justify-self:center;align-items:center;gap:5px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-controls button{border:0;width:25px;height:38px;color:#d4c8ac;background:none}
#practice #mr-mellow[data-version="ordainer"] .ordainer-page-number{display:block;color:#dfd3b7;font:18px Georgia,serif;white-space:nowrap;letter-spacing:.07em}
#practice #mr-mellow[data-version="ordainer"] .ip-project-detail{grid-column:3!important;grid-row:2!important;margin:0 16px!important;padding:10px 0 10px 16px!important;border:0;border-left:1px solid #a9946266;gap:10px;color:#d9c9a7!important;font-size:10px;letter-spacing:.08em}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-copyright{position:absolute!important;z-index:8;top:calc(var(--stage-height) - 34px)!important;right:24px!important;left:auto!important;bottom:auto!important;grid-area:auto!important;width:auto!important;max-width:74%!important;padding:0!important;background:none!important;text-align:right;font-size:10px!important;color:#fff6e5!important;text-shadow:0 1px 4px #13150ddd,0 0 12px #13150d!important;pointer-events:none}
#practice #mr-mellow[data-version="ordainer"] .ordainer-details{top:calc(var(--stage-height) - 245px)}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail{height:180px}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(2){height:165px;top:18px}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3){height:220px;top:-55px}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-copy{top:25px!important;width:28%!important;padding:18px!important}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-kicker{display:none}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-title{margin:0 0 5px!important;font-size:clamp(42px,4.7vw,70px)!important}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-description{font-family:"Songti SC",serif;font-size:13px!important;margin-top:9px!important;letter-spacing:.12em}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-details{top:calc(var(--stage-height) - 230px)}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail,#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail:nth-child(2){height:180px;top:0}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-editorial{display:block;position:absolute;inset:0 0 auto;height:var(--stage-height);z-index:2;pointer-events:none;color:#f6e9ce;text-shadow:0 1px 6px #3d382ccc}
.ordainer-lexicon{position:absolute;left:4%;top:41%;font:12px/1.9 Georgia,serif;letter-spacing:.17em;color:#39392f;text-shadow:0 1px 5px #fff8e480}
.ordainer-verse{position:absolute;right:9.5%;top:9%;width:152px;text-align:center;color:#252920;text-shadow:0 1px 1px #fff8e6b3;isolation:isolate}.ordainer-verse::before{content:"";position:absolute;inset:-24px -22px -20px;z-index:-1;background:radial-gradient(ellipse at center,#f4ecda59 0%,#f4ecda38 46%,#f4ecda18 66%,#f4ecda00 80%);filter:blur(8px)}.ordainer-verse>p{font-weight:600;font-family:"Songti SC",serif;font-size:21px;line-height:2;letter-spacing:.22em;writing-mode:vertical-rl;margin:0 auto}.ordainer-verse i{display:block;width:32px;height:1px;background:#756949;margin:13px auto}.ordainer-verse small{font:600 11px/1.9 Georgia,serif;letter-spacing:.04em;white-space:nowrap}
.ordainer-signature{position:absolute;right:3%;bottom:70px;width:200px;text-align:right;font:10px/2 Georgia,serif;letter-spacing:.13em;color:#fff1d4;text-shadow:0 1px 4px #292b23}
#practice #mr-mellow[data-overview="true"] .ordainer-atmosphere{opacity:1;filter:none;background-position:center}
#practice #mr-mellow[data-overview="true"] .ordainer-atmosphere::after{background:linear-gradient(#f7efdf18,#eee4d200 55%,#eee4d21a)}
#practice #mr-mellow[data-overview="true"] .ordainer-overview{padding:180px 4% 65px}
#practice #mr-mellow[data-overview="true"] .practice-deck-copy{width:auto!important;max-width:70%!important;background:linear-gradient(110deg,#f4efdfcd,#f4efdf33)!important}
#practice #mr-mellow[data-overview="true"] .practice-deck-title{font-family:"Songti SC",serif;font-size:27px!important}
#practice #mr-mellow[data-overview="true"] .practice-deck-description{font-size:10px!important;letter-spacing:.03em}
@media(max-width:850px) and (min-width:651px){#practice #mr-mellow[data-version="ordainer"]{grid-template-columns:110px minmax(0,1fr) 95px!important}.ordainer-lexicon{font-size:10px}.ordainer-verse{right:4%;width:128px}.ordainer-verse>p{font-size:19px}.ordainer-verse small{font-size:10px}.ordainer-signature{font-size:9px}#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{gap:3px!important}#practice #mr-mellow[data-version="ordainer"] .ip-project-detail{font-size:9px;margin:0 8px!important;padding-left:8px!important}#practice #mr-mellow[data-version="ordainer"] .ordainer-page-number{font-size:14px}}
@media(max-width:650px){
 #practice #mr-mellow[data-version="ordainer"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;--stage-height:440px}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-copy,#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-copy{top:auto!important;width:auto!important;max-width:none!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-visual{grid-row:2!important;height:540px!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-visual{height:440px!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-details{top:auto;margin-top:-35px;grid-row:3}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail,#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(2),#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3){top:auto;height:170px}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-copyright{position:relative!important;grid-column:1!important;grid-row:3!important;align-self:end;justify-self:end;top:auto!important;right:auto!important;max-width:none!important;width:100%!important;margin:0!important;padding:8px 16px!important;font-size:9px!important;background:linear-gradient(transparent,#1c201d9c)!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-details{padding-bottom:48px}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-index{grid-column:1!important;grid-row:4!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;padding:12px 8px!important;gap:3px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>b{font-size:8px!important;letter-spacing:0}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>img,#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic,#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic img{height:32px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-controls{grid-column:1!important;grid-row:5!important;justify-self:start;padding:5px 16px!important}
 #practice #mr-mellow[data-version="ordainer"] .ip-project-detail{grid-column:1!important;grid-row:5!important;justify-self:end}
 #practice #mr-mellow[data-ordainer-form="hero"] .ordainer-editorial{display:none}
 #practice #mr-mellow[data-overview="true"] .ordainer-overview{height:510px!important;padding:20px 22px 65px}
 #practice #mr-mellow[data-overview="true"] .practice-deck-copyright{grid-row:2!important}
 #practice #mr-mellow[data-overview="true"] .ordainer-atmosphere{height:760px!important}
}
@media(min-width:651px){#practice #mr-mellow[data-version="ordainer"]:not([data-ordainer-form="hero"]){--stage-height:clamp(640px,54vw,780px)}}
@media(max-width:650px){#practice #mr-mellow[data-version="ordainer"] .practice-deck-copyright{grid-row:2!important;margin-bottom:36px!important;max-width:100%!important}#practice #mr-mellow[data-overview="true"] .practice-deck-copyright{margin-bottom:0!important}#practice #mr-mellow[data-version="ordainer"] .ordainer-details{padding-bottom:12px}}
/* Fixed contact-sheet proportions at every desktop width. */
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{max-width:746px!important;justify-self:center;justify-content:center;grid-template-columns:repeat(8,minmax(0,80px))!important;gap:10px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>img,#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic{height:auto!important;aspect-ratio:3/2!important;min-height:0!important}
#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic img{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
#practice #mr-mellow[data-overview="true"] .ordainer-atmosphere{filter:brightness(.82) contrast(.68) saturate(.42);opacity:1}
#practice #mr-mellow[data-overview="true"] .ordainer-atmosphere::after{background:#c0b8a820}
#practice #mr-mellow[data-version="ordainer"] .ordainer-early img{object-fit:contain!important;background:#42443a}
@media(min-width:651px){#practice #mr-mellow[data-version="ordainer"]{grid-template-rows:var(--stage-height) 106px!important}}
@media(max-width:850px){#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{gap:4px!important}}
@media(max-width:650px){#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{gap:3px!important}#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item{min-height:44px!important}}
@media(min-width:651px){#practice #mr-mellow[data-ordainer-form="hero"]{--stage-height:clamp(600px,48vw,720px)}}