/* Large character silhouettes enter the viewport from alternating sides.
   Artwork owns its grid column; text never sits beneath the cutout. */
body[data-character-edges] :is(.guide-character-layout,.nellie-character-layout){
 --character-gutter:max(24px,calc((100vw - 1160px)/2));
 display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;
 align-items:center!important;gap:clamp(24px,4vw,64px)!important;
 width:100vw!important;max-width:none!important;margin:2rem 0 2rem calc(50% - 50vw)!important;
 padding:0 0 0 var(--character-gutter)!important;overflow:clip!important;
}
body[data-character-edges] :is(.guide-character-copy,.nellie-character-copy){grid-column:1!important;grid-row:1!important;min-width:0;position:relative}
body[data-character-edges] :is(.guide-character-art,.nellie-character){
 grid-column:2!important;grid-row:1!important;display:block!important;
 width:min(48vw,720px)!important;max-width:none!important;height:auto!important;max-height:none!important;
 min-height:0!important;margin:0!important;justify-self:end!important;align-self:center!important;
 transform:translateX(14%)!important;pointer-events:none;
}
body[data-character-edges] :is(.guide-character-layout--reverse,.nellie-character-layout--reverse){
 grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;
 padding:0 var(--character-gutter) 0 0!important;
}
body[data-character-edges] :is(.guide-character-layout--reverse,.nellie-character-layout--reverse) :is(.guide-character-copy,.nellie-character-copy){grid-column:2!important}
body[data-character-edges] :is(.guide-character-layout--reverse,.nellie-character-layout--reverse) :is(.guide-character-art,.nellie-character){grid-column:1!important;justify-self:start!important;transform:translateX(-14%)!important}
@media(max-width:900px){
 body[data-character-edges] :is(.guide-character-layout,.nellie-character-layout){grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:0!important}
 body[data-character-edges] :is(.guide-character-layout,.nellie-character-layout) :is(.guide-character-copy,.nellie-character-copy){grid-column:1!important;grid-row:2!important;padding:0 24px!important}
 body[data-character-edges] :is(.guide-character-layout,.nellie-character-layout) :is(.guide-character-art,.nellie-character){grid-column:1!important;grid-row:1!important;width:min(86vw,560px)!important}
}

/* Character videos use their full image: no feather overlays or opacity masks. */
body[data-character-edges] :is(.guide-character-art,.nellie-character,.named-character-frame)::before,
body[data-character-edges] :is(.guide-character-art,.nellie-character,.named-character-frame)::after{
 content:none!important;display:none!important;background:none!important;
}
body[data-character-edges] :is(.guide-character-art,.nellie-character,.named-character-frame),
body[data-character-edges] :is(.guide-character-art,.nellie-character,.named-character-frame) :is(img,video){
 -webkit-mask-image:none!important;mask-image:none!important;
}
