/* Native full-bleed poster component. No uniform caption/footer panel. */
.poster15{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:3/4;width:100%;min-width:0;min-height:0;overflow:hidden;background:var(--p15-paper,#ece9e4);font-synthesis:none}
.cm-tile.poster15{min-height:0;aspect-ratio:3/4}
.poster15__background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--p15-image-position,50% 50%)}
.poster15__overlay{position:absolute;z-index:1;pointer-events:none;left:var(--p15-x);top:var(--p15-y);width:var(--p15-width);height:var(--p15-height);background:var(--p15-color);opacity:var(--p15-opacity)}
.poster15__text{position:absolute;z-index:2;left:var(--p15-x);top:var(--p15-y);width:var(--p15-width);max-height:var(--p15-max-height,none);margin:0;padding:0;color:var(--p15-color,#111);font-family:var(--p15-font,Archivo),Arial,sans-serif;font-size:max(var(--p15-min-font,0px),var(--p15-font-size));font-weight:var(--p15-weight,900);font-stretch:var(--p15-stretch,100%);font-style:normal;font-optical-sizing:auto;line-height:var(--p15-line-height,1);letter-spacing:var(--p15-spacing,0em);text-align:var(--p15-align,left);text-transform:var(--p15-case,none);text-shadow:var(--p15-shadow,none);-webkit-text-stroke:var(--p15-stroke-width,0px) var(--p15-stroke-color,transparent);white-space:var(--p15-white-space,pre-wrap);overflow-wrap:normal;transform:rotate(var(--p15-rotation,0deg));transform-origin:var(--p15-origin,center center)}
.poster15__text[contenteditable=true]{outline:none}
.poster15__text[contenteditable=true]:focus{outline:1px dashed #ff6b35;outline-offset:3px}


/* Keep both loop copies covering the tablet viewport without stretching3:4 images. */
@media(min-width:701px) and (max-width:750px){.course-mosaic-section .cm-column[data-cm-column="1"]{--cm-offset:-100px}}

/* Course headlines are live HTML over existing full-bleed artwork. */
.poster15 .cover-heading{position:absolute;z-index:3;left:var(--head-left,6%);top:var(--head-top,4%);bottom:var(--head-bottom,auto);width:var(--head-width,88%);display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw;min-width:0;color:var(--cover-ink)}
.poster15 .cover-heading .poster15__text{position:static;left:auto;top:auto;width:100%;max-height:none;min-width:0;flex:none;transform:none;white-space:pre;overflow-wrap:normal;word-break:normal;max-width:100%;color:var(--cover-ink);text-align:left;letter-spacing:-.035em}
.poster15 .cover-heading .cover-prefix{font-family:Inter,Arial,sans-serif;font-weight:800;line-height:1;letter-spacing:-.02em;font-size:max(9px,var(--p15-font-size));text-shadow:none}
.poster15 .cover-heading .cover-topic{font-family:Archivo,Arial,sans-serif;font-weight:900;line-height:.91;font-size:max(14px,var(--p15-font-size));font-stretch:var(--p15-stretch,80%)}
.poster15 .cover-heading:focus-within{outline:1px dashed #ff6b35;outline-offset:2px}

.variant-one::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(var(--cover-direction,to bottom),rgba(var(--cover-rgb),.98) 0%,rgba(var(--cover-rgb),.95) 15%,rgba(var(--cover-rgb),.79) 32%,rgba(var(--cover-rgb),.26) 49%,rgba(var(--cover-rgb),0) 68%)}
.variant-one .cover-heading{gap:1.55cqw}
.variant-one .cover-topic{text-shadow:0 .025em .05em rgba(0,0,0,.11)}
.variant-one .cover-prefix{padding-left:1.8cqw;border-left:1cqw solid currentColor}
@container(max-width:110px){
 .variant-one:is([data-poster-id="meigen-instax"],[data-poster-id="meigen-vybe-pop"],[data-poster-id="meigen-kitkat"],[data-poster-id="meigen-jbl"],[data-poster-id="meigen-iphone"]) .cover-heading .cover-topic{font-stretch:70%}
 .variant-one:is([data-poster-id="meigen-jewelry"],[data-poster-id="meigen-pureveil"]) .cover-heading .cover-topic{font-stretch:66%}
 .variant-one[data-poster-id="meigen-aevinta"] .cover-heading .cover-topic{font-stretch:62%}
 .variant-one[data-poster-id="meigen-fries"] .cover-heading .cover-topic{font-stretch:62%;font-size:max(12.5px,var(--p15-font-size))}
}

/* CURSAZO MOBILE MOSAIC BEGIN */
/* Two wider portrait columns on mobile, using the same fifteen original cards. */
@media(max-width:700px){
  .course-mosaic-section .cm-mosaic{height:470px}
  .course-mosaic-section[data-cm-layout="2"] .cm-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-mosaic-section[data-cm-layout="2"] .cm-column[hidden]{display:none!important}
  .course-mosaic-section[data-cm-layout="2"] .cm-track{animation-duration:26s}
}
/* CURSAZO MOBILE MOSAIC END */
