.projectWrapper{max-width:1040px;width:100%;margin:0 auto 2rem}.projectWrapper h1,.projectWrapper h2,.projectWrapper h3,.projectWrapper h4,.projectWrapper h5{font-weight:500;line-height:1.3}.projectWrapper h1{font-size:3.052rem;line-height:1.1;margin-bottom:1.5rem}.projectWrapper h2{font-size:2.441rem;font-weight:600;margin-bottom:1rem;margin-top:3.5rem}.projectWrapper h2:first-child{margin-top:0}.projectWrapper h3{font-size:1.953rem;margin-bottom:.5rem}.projectWrapper h4{font-size:1.563rem;margin-bottom:.5rem}.projectWrapper h5{font-size:1.25rem}.projectWrapper p{margin-top:0;margin-bottom:2rem}.projectWrapper ol,.projectWrapper ul{margin-top:2rem;margin-bottom:2rem}.projectWrapper li{margin-top:1rem;margin-bottom:1rem}.projectWrapper li:first-child{margin-top:0}.projectWrapper li:last-child{margin-bottom:0}.projectWrapper li,.projectWrapper p{font-size:1.25rem;letter-spacing:.02rem;line-height:32px}.projectWrapper small{font-size:1rem}.projectWrapper p:has(small){margin-bottom:1rem;line-height:24px}.projectWrapper a:not(.btn){color:light-dark(#06767b,#5cf8ff);-webkit-text-decoration:var(--post-link-decoration-underline);text-decoration:var(--post-link-decoration-underline);transition:-webkit-text-decoration-color .3s;transition:text-decoration-color .3s;transition:text-decoration-color .3s,-webkit-text-decoration-color .3s}.btn{margin-bottom:2rem}.imageWrapper{float:right;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-after:1rem;margin-block-end:1rem;display:flex;flex-direction:column;align-items:center}.imageWrapper small{text-align:center;-webkit-margin-before:.5rem;margin-block-start:.5rem}.technologyWrapper{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.technologyWrapper p{margin-block:.25rem}.technologyList{-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0;padding-inline:0;list-style-position:inside;list-style:none}.technologyList li{display:inline;-webkit-margin-end:1rem;margin-inline-end:1rem}.technologyList li:last-child{-webkit-margin-end:0;margin-inline-end:0}.technologyList li:not(:last-child):after{content:"•";-webkit-margin-start:1rem;margin-inline-start:1rem;font-weight:700}.btnContentWidth{width:max-content;-webkit-margin-before:1rem;margin-block-start:1rem}.projectWrapper a:hover{-webkit-text-decoration-color:var(--post-link-decoration-underline);text-decoration-color:var(--post-link-decoration-underline);opacity:80%}.iframeWrapper{width:1300px;height:1100px;margin:0 -10%;display:flex;flex-direction:column;justify-content:space-between}.iframeWrapper .caption{margin-bottom:0;text-align:center;font-size:1rem}.iPadIframeWrapper{position:relative;height:1050px}.iPadIframeWrapper img{width:100%;height:1050px;position:absolute;top:0;left:0;pointer-events:none}.iPadIframeWrapper iframe{border:none;position:absolute;top:50px;left:50px}@media screen and (max-width:1250px){.projectWrapper{-webkit-padding-start:var(--tablet-section-padding);padding-inline-start:var(--tablet-section-padding);-webkit-padding-end:var(--tablet-section-padding);padding-inline-end:var(--tablet-section-padding);-webkit-margin-after:2rem;margin-block-end:2rem}.technologyList{-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-padding-start:1rem;padding-inline-start:1rem;margin-block:1rem;list-style-type:disc}.technologyList li{display:list-item;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.technologyList li:not(:last-child):after{content:none;-webkit-margin-start:0;margin-inline-start:0}}@media screen and (max-width:700px){.projectWrapper h1{line-height:1.25}}.mermaid-diagram{width:100%;overflow:visible}.mermaid-diagram svg{max-width:100%;height:auto;overflow:visible}.mermaid-diagram .nodeLabel{white-space:nowrap;overflow:visible}.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node polygon,.mermaid-diagram .node rect{min-width:-moz-fit-content;min-width:fit-content}.mermaid-diagram .edgeLabel{white-space:nowrap;overflow:visible;background-color:transparent}.mermaid-diagram foreignObject,.mermaid-diagram foreignObject>div{overflow:visible;width:100%!important;max-width:100%!important}@media screen and (max-width:650px){.imageWrapper{float:none;align-items:center;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-after:2rem;margin-block-end:2rem}.imageWrapper img{width:100%;height:auto}}