/* Native relation thread/pearls: a thin constant CSS-pixel stroke and round
   original pearl samples, independent of the painterly background's height. */
body#start.pt-sideflow .pt-sideflow-art{background:none;mask-image:none}
body#start.pt-sideflow .pt-example blockquote{padding:52px 58px;font-size:28px}
body#start.pt-sideflow .pt-example blockquote::before{inset:-14px -14px;background-image:url(pt-sideflow-quote-open-v1.svg);background-size:128% 165%}
body#start.pt-sideflow .pt-sideflow-stage .pt-shared-floor .pt-shared-room{margin-top:-4.5cqw}
body#start.pt-sideflow .pt-sideflow-stage .pt-shared-floor .pt-shared-room>img:not(.pt-photo-thread){mask-image:linear-gradient(transparent,#000 13%,#000 88%,transparent);mask-size:100% 100%}
body#start.pt-sideflow .pt-sideflow-art::before{content:"";position:absolute;inset:0;background:url(pt-sideflow-paint-v1.webp) left top/100% 100% no-repeat;mask-image:linear-gradient(90deg,#000 0,#000 5.8%,transparent 9.8%),linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 80px),transparent);mask-composite:intersect}
body#start.pt-sideflow .pt-sideflow-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
body#start.pt-sideflow .pt-sf-pearl{--pearl-size:20px;position:absolute;display:block;width:var(--pearl-size);height:var(--pearl-size);border-radius:50%;transform:translate(-50%,-50%);background-image:url(parents-selected02-paint-v1.webp);background-size:calc(var(--pearl-size)*27.757576) auto;background-position:calc(var(--pearl-size)*-6.136364) calc(var(--pearl-size)*-40.621212);background-repeat:no-repeat;mask-image:radial-gradient(circle,#000 60%,transparent 69%);pointer-events:none}
body#start.pt-sideflow .pt-sf-pearl.p1{left:7.18%;top:14.27%;--pearl-size:22px}
body#start.pt-sideflow .pt-sf-pearl.p2{left:2.21%;top:22.56%;--pearl-size:16px}
body#start.pt-sideflow .pt-sf-pearl.p3{left:2.35%;top:40.7%;--pearl-size:18px}
body#start.pt-sideflow .pt-sf-pearl.p4{left:4.83%;top:66.3%;--pearl-size:20px}
body#start.pt-sideflow .pt-sideflow-stage .pt-shared-floor .pt-shared-room>img.pt-photo-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;object-fit:fill;mask-image:none;aspect-ratio:auto}
body#start.pt-sideflow .pt-sf-pearl.photo-p1{left:8.3%;top:83.1%;--pearl-size:18px;z-index:3}
body#start.pt-sideflow .pt-sf-pearl.photo-p2{left:89.63%;top:90.78%;--pearl-size:22px;z-index:3}
@media(min-width:1600px){body#start.pt-sideflow .pt-sf-pearl.p1,body#start.pt-sideflow .pt-sf-pearl.photo-p2{--pearl-size:24px}}
@media(max-width:800px){
body#start.pt-sideflow .pt-sf-pearl.p1,body#start.pt-sideflow .pt-sf-pearl.p4{--pearl-size:14px}
body#start.pt-sideflow .pt-sf-pearl.p2,body#start.pt-sideflow .pt-sf-pearl.p3{--pearl-size:10px}
body#start.pt-sideflow .pt-sf-pearl.photo-p1{--pearl-size:10px}
body#start.pt-sideflow .pt-sf-pearl.photo-p2{--pearl-size:14px}
}
@media(max-width:1050px){body#start.pt-sideflow .pt-sideflow-art::before{mask-image:linear-gradient(90deg,#000 0,#000 3.8%,transparent 7.4%),linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 60px),transparent)}}
@media(max-width:650px){body#start.pt-sideflow .pt-sideflow-art{mask-image:none}body#start.pt-sideflow .pt-sideflow-art::before{mask-image:linear-gradient(90deg,#000 0,#000 8px,transparent 24px),linear-gradient(to bottom,transparent,#000 45px,#000 calc(100% - 40px),transparent)}body#start.pt-sideflow .pt-sideflow-thread{width:72%}body#start.pt-sideflow .pt-sf-pearl.p1{left:5.17%;--pearl-size:11px}body#start.pt-sideflow .pt-sf-pearl.p2{left:1.59%;--pearl-size:8px}body#start.pt-sideflow .pt-sf-pearl.p3{left:1.69%;--pearl-size:9px}body#start.pt-sideflow .pt-sf-pearl.p4{left:3.48%;--pearl-size:10px}}
@media(max-width:650px){body#start.pt-sideflow .pt-example blockquote{font-size:24px;padding:46px 36px}}