/* Approved circular story panels with the ribbon fence. */
.ribbon-fences .story-leaf{--ribbon-size:max(88vw,130svh);width:var(--ribbon-size);height:var(--ribbon-size);top:calc(50svh - var(--ribbon-size)/2);right:calc(10vw - var(--ribbon-size)/2)}
.ribbon-fences .leaf-motives{right:auto;left:calc(10vw - var(--ribbon-size)/2)}
.ribbon-fences .leaf-contacts{--ribbon-size:max(74vw,114svh);right:calc(-1vw - var(--ribbon-size)/2);left:auto}
.ribbon-fences .story-leaf svg{overflow:visible}
/* Only the solid circular panel intercepts hits on hidden room objects. */
.ribbon-fences .story-leaf svg *{pointer-events:none}
.ribbon-fences .leaf-about .ribbon-surface{pointer-events:var(--leaf-about-pointer,none)}
.ribbon-fences .leaf-motives .ribbon-surface{pointer-events:var(--leaf-motives-pointer,none)}
.ribbon-fences .leaf-contacts .ribbon-surface{pointer-events:var(--leaf-contacts-pointer,none)}
@media(min-width:721px){.ribbon-fences #contacts .section-content{margin-left:70vw;width:25vw}}
@media(max-width:720px){
 .ribbon-fences .story-leaf{--ribbon-size:max(170vw,104svh);top:43svh;right:calc(50vw - var(--ribbon-size)/2);left:auto}
 .ribbon-fences .leaf-motives{left:calc(50vw - var(--ribbon-size)/2);right:auto}
 .ribbon-fences .leaf-contacts{--ribbon-size:max(156vw,92svh);top:56svh;right:calc(48vw - var(--ribbon-size)/2);left:auto}
}