/* Cinematic art direction inside the shared IP deck. */
#practice #mr-mellow .ordainer-details[hidden],#practice #mr-mellow .ordainer-atmosphere[hidden],#practice #mr-mellow .ordainer-original[hidden]{display:none!important}
#practice #mr-mellow[data-version="ordainer"]{position:relative!important;isolation:isolate;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:720px auto 46px!important;gap:0!important;padding:0!important;background:#ded9cd!important}
#practice #mr-mellow[data-version="ordainer"] .ordainer-atmosphere{display:block;position:absolute;z-index:-1;inset:0 0 auto;height:720px;background-size:cover;background-position:50% 42%;opacity:.58;filter:saturate(.7)}
#practice #mr-mellow[data-version="ordainer"] .ordainer-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,236,222,.84),rgba(239,233,216,.1) 52%,rgba(239,233,216,.2))}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-visual{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:720px!important;z-index:0;overflow:hidden!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-visual img{width:65%!important;height:100%!important;margin-left:30%!important;object-fit:contain!important;filter:drop-shadow(0 20px 30px #29271f55)!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-copy{position:absolute!important;z-index:3;top:42px!important;left:3.5%!important;right:auto!important;bottom:auto!important;width:34%!important;max-width:420px!important;padding:22px 25px!important;background:linear-gradient(115deg,#f2eee4ec,#f2eee470)!important;border-left:1px solid #9a8866}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-title{font-size:clamp(30px,3vw,48px)!important;margin:14px 0!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-description{margin-top:18px!important;font-size:13px!important;max-width:none!important}
#practice #mr-mellow[data-version="ordainer"] .ordainer-details{position:absolute;z-index:3;top:405px;left:0;width:100%;height:245px;pointer-events:none}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail{position:absolute;left:3.5%;top:0;width:18%;height:225px;display:block;background:#e5dfd0;border:1px solid #d9ccb2;box-shadow:0 16px 30px #171b1633;pointer-events:auto;transition:transform .5s,box-shadow .5s;text-decoration:none;overflow:hidden}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(2){left:23%;top:36px;width:17%;height:205px}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3){left:auto;right:2%;top:-80px;width:13%;height:260px}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:hover,#practice #mr-mellow[data-version="ordainer"] .ordainer-detail:focus-visible{transform:translateY(-8px);box-shadow:0 24px 40px #171b1655}
#practice .ordainer-detail-crop{display:block;width:100%;height:100%;background-size:280% auto;background-repeat:no-repeat}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail img{width:100%;height:100%;object-fit:cover;object-position:center}
#practice .ordainer-detail b{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1e231dea);padding:28px 10px 12px;color:#eeeadd;font-size:10px;font-weight:400;letter-spacing:.06em}
#practice #mr-mellow[data-version="ordainer"] .ordainer-original{position:absolute;right:3%;top:675px;z-index:4;color:#f3eee0;background:#2b302adb;padding:10px 14px;font-size:11px;border:1px solid #c6b59080}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index{grid-row:2!important;grid-column:1/-1!important;padding:16px 26px!important;background:#252b24!important;border:0!important;gap:10px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item{color:#e0dfce!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item.is-active{background:#434a36!important;border-color:#c4b784!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item>img{height:75px!important;background:#444639}
#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic{height:75px!important;background:#444639}
#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic img{height:35px!important}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-controls{grid-row:3!important;grid-column:2!important;padding-right:26px!important;align-self:center}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-controls button{width:36px;height:32px}
#practice #mr-mellow[data-version="ordainer"] .ip-project-detail{grid-row:3!important;grid-column:1!important;margin-left:26px!important;font-size:11px;align-self:center;padding-bottom:5px}
/* One horizontal array: depth, overlap and expanded focus. */
#practice #mr-mellow[data-version="ordainer"] .ordainer-overview{position:relative;grid-column:1/-1!important;grid-row:1!important;width:100%;height:720px!important;display:flex!important;gap:0!important;padding:170px 4% 45px;align-items:stretch;overflow:visible}
#practice #mr-mellow[data-version="ordainer"] .ordainer-overview[hidden]{display:none!important}
#practice #mr-mellow[data-version="ordainer"][data-overview="true"] .practice-deck-copy{top:20px!important;padding:14px 22px!important;width:46%!important;max-width:none!important}
#practice #mr-mellow[data-version="ordainer"][data-overview="true"] .practice-deck-title{font-size:28px!important;margin:6px 0!important}
#practice #mr-mellow[data-version="ordainer"][data-overview="true"] .practice-deck-title span{display:inline!important;margin-right:10px}
#practice #mr-mellow[data-version="ordainer"][data-overview="true"] .practice-deck-description{margin-top:8px!important}
#practice .ordainer-overview button{position:relative;flex:1 1 0;min-width:0;margin:0 0 0 -22px;z-index:var(--form-depth);transform:translateY(calc((3 - var(--form-depth))*12px));border:1px solid #ad9e7e;box-shadow:-10px 12px 28px #1b211844;transition:flex .55s,transform .55s,filter .55s;overflow:hidden}
#practice .ordainer-overview button:first-child{margin-left:0}
#practice .ordainer-overview img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;background:#d4caba;transition:transform .7s}
#practice .ordainer-overview span{position:absolute;left:0;bottom:0;right:0;padding:50px 5px 20px;margin:0;color:#fff5dc;background:linear-gradient(transparent,#20251ee8);font-size:14px;text-align:center;letter-spacing:.1em}
#practice .ordainer-overview button:hover,#practice .ordainer-overview button:focus-visible{z-index:8;flex:1.6 1 0;transform:translateY(-14px);outline:1px solid #d7b977;outline-offset:0}
#practice .ordainer-overview button:hover img{transform:scale(1.035)}
#practice #mr-mellow[data-ordainer-form="03"] .ordainer-atmosphere,#practice #mr-mellow[data-ordainer-form="04"] .ordainer-atmosphere{opacity:.9}
#practice #mr-mellow[data-ordainer-form="03"] .ordainer-atmosphere::after,#practice #mr-mellow[data-ordainer-form="04"] .ordainer-atmosphere::after{background:linear-gradient(90deg,#24282180,transparent)}
#practice #mr-mellow[data-ordainer-form="06"] .ordainer-detail:nth-child(2){top:-35px;height:265px}
#practice #mr-mellow[data-ordainer-form="05"] .ordainer-detail-crop{background-size:240% auto}
#practice #mr-mellow[data-version="ordainer"].is-switching .ordainer-detail{animation:ordainer-enter .7s both}
@keyframes ordainer-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){
 #practice #mr-mellow[data-version="ordainer"]{grid-template-columns:1fr 1fr!important;grid-template-rows:640px auto 46px!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-atmosphere,#practice #mr-mellow[data-version="ordainer"] .practice-deck-visual,#practice #mr-mellow[data-version="ordainer"] .ordainer-overview{height:640px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-copy{width:39%!important;top:25px!important;padding:18px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-title{font-size:30px!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-details{top:365px}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail{height:180px;width:21%}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(2){width:20%;left:26%;height:175px;top:35px}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3){height:190px;width:14%;top:-45px}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-original{top:590px}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-index{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
@media(max-width:650px){
 #practice #mr-mellow[data-version="ordainer"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;padding:0!important;gap:0!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-atmosphere{height:840px!important;opacity:.35;background-position:center}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-copy{position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:none!important;grid-column:1!important;grid-row:1!important;margin:16px!important;padding:15px!important;z-index:3}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-title{font-size:28px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-description{font-size:12px!important;margin-top:10px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-visual{grid-column:1!important;grid-row:2!important;height:540px!important;aspect-ratio:auto!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-visual img{width:100%!important;height:100%!important;margin:0!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-details{position:relative;top:auto;left:auto;height:auto;grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;margin-top:-30px}
 #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){position:relative;inset:auto;width:auto;height:175px;transform:none}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3){grid-column:1/-1;height:170px}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-detail:nth-child(3) img{object-fit:contain;background:#4b4d40}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-original{position:relative;inset:auto;grid-column:1;grid-row:4;justify-self:end;margin:16px;font-size:10px}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-index{grid-column:1!important;grid-row:5!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:12px!important}
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-controls{grid-column:1!important;grid-row:6!important;justify-self:end;padding:8px 16px!important}
 #practice #mr-mellow[data-version="ordainer"] .ip-project-detail{grid-column:1!important;grid-row:6!important;margin-left:16px!important}
 #practice #mr-mellow[data-version="ordainer"][data-overview="true"] .practice-deck-copy{position:relative!important;width:auto!important}
 #practice #mr-mellow[data-version="ordainer"] .ordainer-overview{grid-column:1!important;grid-row:2!important;height:510px!important;padding:18px 22px 32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-color:#9c895c #ddd7c9}
 #practice .ordainer-overview button{flex:0 0 68%;margin-left:-25px;scroll-snap-align:center}
 #practice .ordainer-overview button:hover,#practice .ordainer-overview button:focus-visible{flex:0 0 68%;transform:translateY(-5px)}
 #practice .ordainer-overview img{height:100%;aspect-ratio:auto}
 #practice .ordainer-overview span{font-size:15px}
}
@media(prefers-reduced-motion:reduce){#practice .ordainer-overview *,#practice .ordainer-details *{animation:none!important;transition:none!important;transform:none!important}}

/* Approved cover composition and a persistent per-page ownership line. */
#practice #mr-mellow[data-version="ordainer"] .practice-deck-copyright{display:block!important;position:relative!important;inset:auto!important;grid-column:1/-1!important;grid-row:4!important;max-width:none!important;width:100%;margin:0!important;padding:12px 26px 18px!important;text-align:right;white-space:normal!important;font-size:12px!important;line-height:1.7!important;color:#eee8d8!important;background:#252b24!important;border:0!important;text-shadow:none!important;transform:none!important}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-visual img{width:100%!important;margin:0!important;object-fit:cover!important;object-position:62% center!important;filter:none!important}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-copy{width:29%!important;background:linear-gradient(115deg,#f2eee4df,#f2eee450)!important;border:0;padding:22px!important}
#practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-title{font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(44px,5vw,76px)!important;letter-spacing:.1em}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-details{top:445px}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail{width:17%;height:200px;top:0}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail:nth-child(2){left:21.5%;width:16%;height:200px;top:0}
#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail-crop{background-size:auto 320%}
#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic{display:flex!important;gap:0!important;align-items:stretch}
#practice #mr-mellow[data-version="ordainer"] .ordainer-index-mosaic img{width:16.666%!important;height:75px!important;object-fit:cover}
#practice #mr-mellow[data-version="ordainer"] .practice-deck-index-item:first-child>img{object-fit:cover!important;object-position:62% center!important}
#practice #mr-mellow[data-version="ordainer"] .ordainer-detail{cursor:default}
@media(min-width:651px) and (max-width:1100px){#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-details{top:385px}#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail{height:175px}#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail:nth-child(2){height:175px}}
@media(max-width:650px){
 #practice #mr-mellow[data-version="ordainer"] .practice-deck-copyright{grid-row:7!important;padding:12px 16px!important;text-align:left;font-size:10px!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-copy{width:auto!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-title{font-size:40px!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-visual{height:440px!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .practice-deck-visual img{object-position:63% center!important}
 #practice #mr-mellow[data-ordainer-form="hero"] .ordainer-details{top:auto;margin-top:-35px}
 #practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail,#practice #mr-mellow[data-ordainer-form="hero"] .ordainer-detail:nth-child(2){inset:auto;width:auto;height:175px}
}