.rough-box{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.rough-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.rough-content{position:relative;z-index:1;padding:2.5rem 2rem;width:100%}.rough-box.purple .rough-content{background-color:transparent}@media (max-width: 768px){.rough-content{padding:1.25rem 1rem}}@media (max-width: 480px){.rough-content{padding:1rem .75rem}}.hero{display:flex;min-height:100vh;width:100%;max-width:1600px;margin:0 auto;padding:3rem;gap:0;align-items:center;background-color:var(--background)}.hero-left{flex:0 0 auto;width:35%;max-width:450px;min-width:300px}.john-image{width:100%;height:auto;display:block;shape-rendering:geometricPrecision;image-rendering:auto}.john-mobile{display:none}.hero-right{flex:1;display:flex;flex-direction:column;gap:1rem;max-width:900px;min-width:0;align-items:center;text-align:center;padding-left:2rem}.logo{width:200px;height:auto;margin-bottom:1rem;shape-rendering:geometricPrecision;image-rendering:auto}.headline{font-size:2.5rem;line-height:1.2;margin:0;color:var(--dark-text);font-weight:400;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subheadline{font-size:1.5rem;margin:0;color:var(--dark-text)}.experience-text{font-size:1.5rem;line-height:1.4;margin:0;color:var(--dark-text)}@media (max-width: 1200px){.hero{padding:2rem}.headline{font-size:2rem}.subheadline,.experience-text{font-size:1.25rem}}@media (max-width: 768px){.hero{flex-direction:column;padding:4rem 1rem 2rem;gap:0;min-height:auto;justify-content:flex-start}.hero-left{display:none}.john-mobile{display:block;max-width:250px;width:100%;margin:.5rem auto 1.5rem}.hero-right{gap:.5rem;width:100%;padding-left:0}.logo{width:120px;margin-bottom:.5rem}.headline{font-size:1.5rem;white-space:normal;margin-bottom:.25rem}.subheadline{font-size:1rem;margin-bottom:0}.experience-text{font-size:1rem}}@media (max-width: 480px){.hero{padding:3rem .75rem 1.5rem}.john-mobile{max-width:200px;margin:.5rem auto 1rem}.logo{width:100px;margin-bottom:.5rem}.headline{font-size:1.25rem;margin-bottom:.25rem}.subheadline{font-size:.95rem;margin-bottom:0}.experience-text{font-size:.95rem}}.app{min-height:100vh}@font-face{font-family:Virgil;src:url(https://excalidraw.com/Virgil.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #B692FF;--dark-text: #343A40;--background: #FEFEFE;--light-purple: #EDE7FF}body{font-family:Virgil,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background);color:var(--dark-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{scroll-behavior:smooth;font-size:16px}svg{shape-rendering:geometricPrecision}@media (max-width: 768px){body{font-size:16px}}