/* One project story; typography and colors from the existing ONLINEREICH design. */
#website-praxis.or125-insights{background:#00d8d0;color:#1b1822;padding:88px 40px 58px;scroll-margin-top:84px}
#website-praxis.or125-insights,#website-praxis.or125-insights *{box-sizing:border-box}
#website-praxis.or125-insights .or125-wrap{max-width:1270px;margin:auto}
#website-praxis.or125-insights .or125-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:45px}
#website-praxis.or125-insights h2{margin:0;color:#1b1822;font:400 clamp(58px,7vw,94px)/.99 'Geakosa Regular',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;hyphens:none}
#website-praxis.or125-insights .or125-intro>p{font:400 20px/1.55 'Archivo Regular',Arial,sans-serif;margin:0;max-width:50ch;hyphens:none}
#website-praxis.or125-insights .or125-board{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;padding:38px;background:#1b1822;color:#f7f2ee;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
#website-praxis.or125-insights .or125-overview{margin:0;min-width:0;align-self:start}
#website-praxis.or125-insights .or125-canvas{position:relative;border:1px solid #00d8d0;box-shadow:9px 9px 0 #ff017e;margin:0 9px 26px 0}
#website-praxis.or125-insights .or125-canvas>img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:contain;background:white}
#website-praxis.or125-insights .or125-pins{display:none}
#website-praxis.or125-insights.or125-ready .or125-pins{display:block}
#website-praxis.or125-insights .or125-pin{position:absolute;display:grid;place-items:center;width:49px;height:49px;border:2px solid #00d8d0;background:#1b1822;color:#00e6db;box-shadow:0 0 0 5px #1b182238;border-radius:50%;padding:0;font:400 23px/1 'Geakosa Regular',Impact,sans-serif;cursor:pointer;transform:translate(-50%,-50%);transition:background .18s,color .18s,border-color .18s}
#website-praxis.or125-insights .or125-pin-1{left:30%;top:13%}
#website-praxis.or125-insights .or125-pin-2{left:61.5%;top:13%}
#website-praxis.or125-insights .or125-pin-3{left:18%;top:74%}
#website-praxis.or125-insights .or125-pin:hover,#website-praxis.or125-insights .or125-pin[aria-expanded="true"]{background:#ff017e;color:#1b1822;border-color:#ff017e}
#website-praxis.or125-insights .or125-pin:focus-visible{outline:3px solid #f7f2ee;outline-offset:7px}
#website-praxis.or125-insights .or125-overview figcaption{display:flex;flex-direction:column;gap:6px;font:400 14px/1.5 'Archivo Regular',Arial,sans-serif}
#website-praxis.or125-insights .or125-overview figcaption strong{font-size:19px;font-weight:400}
#website-praxis.or125-insights .or125-overview figcaption>span{color:#c9c1cd}
#website-praxis.or125-insights .or125-details{min-width:0}
#website-praxis.or125-insights .or125-detail{border-top:1px solid #ffffff30;color:#f7f2ee}
#website-praxis.or125-insights .or125-detail:last-child{border-bottom:1px solid #ffffff30}
#website-praxis.or125-insights .or125-detail summary{display:flex;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;color:#f7f2ee}
#website-praxis.or125-insights .or125-detail summary::-webkit-details-marker{display:none}
#website-praxis.or125-insights .or125-number{font:400 43px/1 'Geakosa Regular',Impact,sans-serif;color:#00e6db;flex:0 0 37px}
#website-praxis.or125-insights .or125-detail h3{font:400 22px/1.2 'Archivo Regular',Arial,sans-serif;letter-spacing:-.01em;margin:0;color:inherit;text-transform:none;hyphens:none}
#website-praxis.or125-insights .or125-toggle{font:400 29px/1 'Archivo Regular',Arial,sans-serif;margin-left:auto;color:#00e6db}
#website-praxis.or125-insights .or125-detail[open] .or125-toggle{transform:rotate(45deg);color:#ff017e}
#website-praxis.or125-insights .or125-detail[open] .or125-number{color:#ff017e}
#website-praxis.or125-insights .or125-detail summary:hover h3{color:#00e6db}
#website-praxis.or125-insights .or125-detail summary:focus-visible{outline:3px solid #ff017e;outline-offset:5px}
#website-praxis.or125-insights .or125-answer{padding:0 0 23px}
#website-praxis.or125-insights .or125-answer p{font:400 16px/1.55 'Archivo Regular',Arial,sans-serif;margin:0 0 19px;color:#f7f2ee;hyphens:none}
#website-praxis.or125-insights .or125-evidence{position:relative;display:block;border:1px solid #ffffff40;margin:20px 0 15px;overflow:hidden}
#website-praxis.or125-insights .or125-evidence img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff}
#website-praxis.or125-insights .or125-evidence>span{position:absolute;right:0;bottom:0;width:38px;height:38px;display:grid;place-items:center;background:#00e6db;color:#1b1822;font:400 25px/1 Arial,sans-serif;transition:background .18s}
#website-praxis.or125-insights .or125-evidence:hover{border-color:#00e6db}
#website-praxis.or125-insights .or125-evidence:hover>span{background:#ff017e}
#website-praxis.or125-insights .or125-source{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;color:#f7f2ee;text-decoration:none;border-bottom:1px solid #00e6db;font:400 14px/1.4 'Archivo Regular',Arial,sans-serif}
#website-praxis.or125-insights .or125-source>span[aria-hidden]{font-size:22px;color:#00e6db}
#website-praxis.or125-insights .or125-source:hover{color:#00e6db;border-color:#ff017e}
#website-praxis.or125-insights .or125-evidence:focus-visible,#website-praxis.or125-insights .or125-source:focus-visible{outline:3px solid #ff017e;outline-offset:5px}
#website-praxis.or125-insights .or125-footnote{font:400 13px/1.6 'Archivo Regular',Arial,sans-serif;margin:23px 0 0;max-width:95ch;color:#1b1822}
@media(max-width:1024px){#website-praxis.or125-insights .or125-board{gap:28px;padding:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#website-praxis.or125-insights .or125-intro{gap:32px}
#website-praxis.or125-insights .or125-intro>p{font-size:18px}
#website-praxis.or125-insights .or125-detail h3{font-size:20px}}
@media(max-width:767px){#website-praxis.or125-insights{padding:56px 24px 42px}
#website-praxis.or125-insights .or125-intro{grid-template-columns:1fr;gap:25px;margin-bottom:32px}
#website-praxis.or125-insights h2{font-size:60px}
#website-praxis.or125-insights .or125-board{grid-template-columns:1fr;padding:23px 20px;gap:30px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
#website-praxis.or125-insights.or125-ready .or125-pins{display:none}
#website-praxis.or125-insights .or125-pin{pointer-events:none}
#website-praxis.or125-insights .or125-overview figcaption strong{font-size:18px}
#website-praxis.or125-insights .or125-detail h3{font-size:20px}
#website-praxis.or125-insights .or125-answer p{font-size:16px}
#website-praxis.or125-insights .or125-footnote{font-size:12px}
#website-praxis.or125-insights .or125-canvas{box-shadow:6px 6px 0 #ff017e;margin-right:6px}}
@media(prefers-reduced-motion:reduce){#website-praxis.or125-insights .or125-pin,#website-praxis.or125-insights .or125-evidence>span{transition:none}}

#website-praxis.or125-insights .or125-overview figcaption{color:#f7f2ee;font-style:normal}
#website-praxis.or125-insights .or125-overview figcaption strong{color:inherit}
#website-praxis.or125-insights .or125-pin span{font:inherit;color:inherit}
