@import url('background.css');
:root{--bg:#fbf7f0;--text:#29233a;--muted:#686374;--line:#ded8e5;--lime:#7750c5}.playful{background:transparent;color:var(--text);isolation:isolate}html:has(.playful){background:#fbf7f0}.playful h1,.playful h2,.playful h3{font-family:Manrope,'DM Sans',sans-serif}.playful em{color:#7750c5}.playful .brand{letter-spacing:-2px;font-size:30px}.playful .brand span{display:inline-block;color:#ef815f;font-size:27px;margin-left:7px}.site-header{height:95px;background:#fbf7f0b3;position:relative;z-index:5}.playful nav a:hover{color:#7750c5}.playful .nav-contact{border:1px solid #c8b4e5;border-radius:30px;padding:11px 19px;background:#f1e7fc}.playful .primary{background:#7750c5;color:white;border-radius:50px;font-size:13px;padding:16px 23px;box-shadow:0 5px 0 #59369c15}.playful .primary:hover{background:#6038ad;transform:translateY(-2px)}.identity-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:5%;align-items:center;padding:70px 6% 65px;max-width:1600px;margin:auto}.hello-label{font-size:11px;letter-spacing:2px;font-weight:600;color:#70657d}.hello-label span{color:#e76f4e;font-size:21px;margin-left:12px}.identity-hero h1{font-size:clamp(45px,6vw,95px);font-weight:650;letter-spacing:-4px;line-height:1.09;margin:25px 0 20px}.identity-hero h1 em{color:#7750c5}.name-dot{color:#ef815f}.one-line-title{font-size:clamp(13px,1.3vw,20px);font-weight:600;line-height:1.7;color:#483a61;margin:0}.identity-intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:515px;margin:21px 0 25px}.identity-actions{display:flex;gap:28px;align-items:center}.resume-link{font-size:12px;border-bottom:1px solid #b7a8cd;padding-bottom:6px}.hero-tags{display:flex;gap:18px;font-size:10px;color:#80738f;margin-top:30px}.hero-tags span{padding:8px 12px;border:1px solid #e3dce9;border-radius:30px;background:#ffffff80}.portrait-scene{position:relative;padding:38px 25px 45px;max-width:380px;width:100%;justify-self:center}.portrait-frame{padding:12px 12px 20px;border:1px solid #e8dcef;border-radius:150px 150px 20px 20px;background:#e9def8;transform:rotate(5deg);box-shadow:14px 20px 0 #f6cfb8,0 20px 55px #69528212}.portrait-frame img{width:100%;height:auto;aspect-ratio:1/1.04;object-fit:cover;border-radius:140px 140px 8px 8px;display:block}.portrait-caption{font-size:12px;line-height:1.8;margin:16px 10px 0;letter-spacing:.2px}.portrait-caption strong{font-size:17px;font-weight:550}.portrait-star{position:absolute;top:0;right:0;font-size:85px;color:#ef815f;z-index:2;transform:rotate(10deg)}.portrait-sticker{position:absolute;bottom:14px;left:-5px;background:#e4edb5;padding:12px 17px;border:1px solid #c6d88c;border-radius:6px;font-size:12px;transform:rotate(-9deg);box-shadow:3px 5px 0 #c6d88c40}.portrait-doodle{position:absolute;bottom:70px;right:-20px;font-size:75px;color:#7750c5;transform:rotate(-20deg)}.company-ribbon{margin:0 6%;padding:28px 3%;border:1px solid #e7dfeb;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffb3}.company-ribbon>span{font-size:8px;letter-spacing:1.5px;color:#7c7086;max-width:80px;line-height:1.8}.company-lockup{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:20px;color:#383443;vertical-align:middle}.company-icon{width:25px;height:25px;object-fit:contain}.company-icon.five9{width:90px;height:35px}.company-wordmark{font-size:20px;font-weight:650;color:#524d5a}.home-section{padding:90px 6% 0;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.section-index{font-size:9px;letter-spacing:1.7px;color:#867193;font-weight:600}.section-heading h2{margin:22px 0 0;font-size:clamp(32px,3.8vw,58px);font-weight:550;line-height:1.15;letter-spacing:-2px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:330px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mint{--accent:#247869;background:#ddf1e9}.peach{--accent:#b85436;background:#fbe0cf}.lavender{--accent:#7750c5;background:#ebe1fb}.blue{--accent:#286caa;background:#dfeefa}.work-card{border:1px solid #ffffffb0;border-radius:23px;padding:25px;display:block;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 0 #53446804}.work-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 18px 40px #59447012}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-top .company-lockup{font-size:15px}.card-top .company-icon{width:21px;height:21px}.project-symbol{font-size:30px;color:var(--accent)}.status-pill{font-size:8px;padding:7px 10px;border:1px solid #7b6b8b30;border-radius:20px;background:#ffffff50;color:#534960}.card-visual{height:190px;position:relative;display:flex;align-items:center;justify-content:center}.card-visual>span{font-size:100px;color:var(--accent);z-index:1;font-weight:400;transform:rotate(-10deg)}.card-visual i{position:absolute;width:150px;height:100px;border-radius:50%;background:#ffffff55;transform:rotate(-20deg);box-shadow:25px 20px 0 #ffffff30}.card-visual b{position:absolute;bottom:4px;font-size:8px;letter-spacing:1.7px;color:var(--accent);font-weight:600}.visual-scryon>span{font-size:150px;transform:rotate(-10deg)}.visual-runloom>span{border:1px solid #b8543666;border-radius:20px;font-size:85px;line-height:1;padding:8px 28px;background:#ffffff77;box-shadow:12px 12px 0 #eec4b1}.visual-knowledge>span{font-size:130px;color:#9476d3}.visual-fluent-ui>span{width:90px;height:90px;background:linear-gradient(130deg,#819ae4,#c6abef);font-size:0;border-radius:22px;box-shadow:55px -20px 0 -10px #9bc4e5,-55px 20px 0 -7px #c3a3e5;transform:rotate(-20deg)}.card-copy{border-top:1px solid #8e839a24;padding-top:22px;margin-top:15px}.card-copy>div{display:flex;justify-content:space-between;align-items:center}.card-copy h3{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:0}.card-arrow{width:33px;height:33px;border:1px solid #ffffffa0;background:#ffffff7a;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.card-copy p{font-size:13px;color:#635b6d;line-height:1.8;margin:9px 0}.card-copy small{font-size:9px;color:#766b80}.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.career-card{padding:25px 22px;border:1px solid #e4dce9;border-radius:17px;background:#fffdfbcf;display:flex;flex-direction:column;transition:transform .2s}.career-card:hover{transform:translateY(-5px);border-color:#b6a1d8}.career-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.career-brand .company-lockup,.career-brand .company-wordmark{font-size:16px}.career-brand .company-icon{width:21px;height:21px}.career-brand .company-icon.five9{width:78px;height:29px}.career-brand>span:last-child{color:#9883b3}.career-card>.small{font-size:8px;letter-spacing:.4px;color:#8a7c95}.career-card h3{font-size:18px;font-weight:600;line-height:1.4;margin:16px 0 10px}.career-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}.career-more{font-size:10px;color:#7750c5;margin-top:auto}.about-playful{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding-top:110px}.about-playful h2{margin-top:25px;font-size:clamp(35px,4vw,60px);font-weight:550;line-height:1.2}.about-sticker{display:inline-block;background:#f8df87;color:#725c1e;border:1px solid #d9bd61;padding:20px 25px;font-size:12px;font-weight:600;line-height:1.8;letter-spacing:1px;border-radius:9px;transform:rotate(-6deg);margin:40px 0 0 20px}.about-story>p{font-size:14px;line-height:1.9;color:var(--muted)}.about-story>.large-copy{font-size:23px;color:#4b3b62;line-height:1.6;margin-top:0}.playful .education{border-color:#e1d6e9}.playful .education p{color:#51445f}.playful .education p span{color:#8a7b96}.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.toolbox-grid article{border-radius:18px;padding:26px}.toolbox-grid article>span{font-size:28px;color:var(--accent)}.toolbox-grid h3{font-size:18px;margin:15px 0 10px}.toolbox-grid p{font-size:12px;line-height:1.9;color:#63566e}.contact-playful{padding-bottom:70px}.contact-playful h2{font-size:clamp(40px,5.8vw,85px);line-height:1.14;letter-spacing:-3px;font-weight:550;margin:25px 0 30px;position:relative}.contact-playful h2>span{position:absolute;right:8%;top:0;color:#ef815f;font-size:110px;transform:rotate(15deg)}.contact-playful>div{display:flex;align-items:center;gap:25px}.contact-playful button{font-size:12px}.contact-playful #copy-status{position:static;color:#7750c5}.playful footer{margin-bottom:45px;border-color:#ded4e7}.playful footer>div{display:flex;gap:20px;font-size:11px;color:#7750c5}.playful footer>span{font-size:10px;color:#887695}.playful .skip{background:#7750c5;color:white}.story-hero{margin:40px 6% 0;padding:35px 4% 55px;border-radius:28px;display:grid;grid-template-columns:1.25fr 1fr;gap:15px 8%;position:relative;overflow:hidden}.story-back{grid-column:1/-1;font-size:11px;color:#6a547a;margin-bottom:20px}.story-top{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.story-top>span:last-child{font-size:8px;letter-spacing:1px;line-height:1.8;color:#6e5a7c}.story-mark{font-size:40px;color:var(--accent)}.story-heading h1{font-size:clamp(36px,4.3vw,65px);letter-spacing:-2px;font-weight:550;line-height:1.15;margin:25px 0}.story-heading em{color:var(--accent)}.story-heading>p{font-size:14px;line-height:1.9;color:#62546e;max-width:620px}.story-heading .button{margin:15px 8px 0 0;padding:13px 18px;font-size:11px;background:var(--accent)}.story-art{position:relative;align-self:center;padding:20px 5px}.sample-card{padding:30px;background:#ffffffd9;box-shadow:10px 15px 0 #ffffff60;border:1px solid #fff;border-radius:16px;transform:rotate(4deg);position:relative;z-index:1}.sample-card>span{font-size:8px;letter-spacing:1.2px;color:#8b7599;line-height:1.7;display:block}.sample-card h3{font-size:24px;line-height:1.4;font-weight:600;color:var(--accent);margin:22px 0 15px}.sample-card p{font-size:12px;line-height:1.9;color:#6a5c74}.sample-card hr{border:0;border-top:1px solid #e5dbe9;margin:20px 0}.sample-card small{font-size:9px;color:#9a88a5;display:block;margin-top:25px;line-height:1.8}.source-tags{display:flex;gap:7px;flex-wrap:wrap}.source-tags span{font-size:8px;background:#ece3fa;padding:7px;border-radius:6px;color:#7750c5}.story-spark{position:absolute;right:-14px;top:-20px;font-size:90px;color:var(--accent);opacity:.6;z-index:2}.sample-card .company-lockup{display:flex;font-size:22px;margin-bottom:25px}.sample-card .company-wordmark{margin-bottom:25px;font-size:25px}.story-content{padding:0 6%;max-width:1500px;margin:auto}.story-overview{padding:65px 0 35px;max-width:800px}.story-overview h2{font-size:40px;line-height:1.2;margin:23px 0}.story-overview p{font-size:16px;color:var(--muted);line-height:1.9}.story-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:27px;border-radius:18px;margin:15px 0 65px}.story-flow>div{display:flex;align-items:center;gap:15px}.story-flow span{font-size:12px;color:var(--accent);border:1px solid #ffffffa0;background:#ffffff60;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.story-flow strong{font-size:13px;font-weight:500}.story-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0 50px}.chapter-num{color:#a18cba;font-size:12px}.story-blocks h3{font-size:21px;line-height:1.4;font-weight:550;margin:20px 0 15px}.story-blocks p{font-size:14px;line-height:1.9;color:var(--muted)}.story-impact{padding:40px;border-radius:22px}.story-impact h2{font-size:35px;margin:20px 0}.story-impact p{max-width:850px;font-size:16px;line-height:1.9;color:#62546e}.story-stack{padding:35px 0;border-bottom:1px solid #e4daea}.story-stack p{font-size:13px;line-height:1.9;color:#7e6e8e}.story-next{padding:55px 0 70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.story-next h2{font-size:34px}.playful a:focus-visible,.playful button:focus-visible{outline-color:#7750c5}@media(min-width:1600px){.story-hero,.company-ribbon{max-width:1408px;margin-left:auto;margin-right:auto}}@media(max-width:1050px){.identity-hero{grid-template-columns:1.45fr 1fr}.identity-hero h1{font-size:clamp(40px,5.5vw,65px);letter-spacing:-2.5px}.portrait-scene{padding-left:10px;padding-right:15px}.portrait-star{font-size:65px}.company-lockup,.company-wordmark{font-size:17px}.career-grid{grid-template-columns:1fr 1fr}.card-copy h3{font-size:22px}.story-hero{gap:20px 5%}.story-art{padding-top:45px}.story-flow strong{font-size:11px}}@media(max-width:700px){.site-header{height:78px}.playful .nav-contact{padding:8px 10px;font-size:10px}.playful nav{gap:15px;font-size:11px}.playful .brand{font-size:27px}.playful .brand span{font-size:23px}.identity-hero{grid-template-columns:1fr;padding:38px 6% 35px;gap:12px}.identity-hero h1{font-size:clamp(39px,10.2vw,65px);letter-spacing:-2px;margin-top:19px}.one-line-title{font-size:12px;line-height:1.8}.identity-intro{font-size:13px;margin-top:15px}.identity-actions{gap:24px}.hero-tags{margin-top:22px;font-size:9px;gap:10px}.portrait-scene{max-width:270px;margin-top:18px;padding:20px 20px 35px}.portrait-frame img{aspect-ratio:1}.portrait-star{font-size:65px;right:0}.portrait-caption{font-size:10px;margin-top:10px}.portrait-caption strong{font-size:14px}.portrait-doodle{font-size:55px;right:-10px}.portrait-sticker{font-size:10px;left:-15px;bottom:7px}.company-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px}.company-ribbon>span{grid-column:1/-1;max-width:none}.company-lockup,.company-wordmark{font-size:16px}.company-icon{width:22px;height:22px}.company-icon.five9{width:80px}.home-section{padding-top:55px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:34px;letter-spacing:-1.3px}.section-heading>p{font-size:13px;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:22px}.work-card{padding:22px}.card-visual{height:175px}.card-copy h3{font-size:24px}.career-grid{gap:14px}.career-card{padding:20px 15px}.career-brand{margin-bottom:18px}.career-brand .company-lockup,.career-brand .company-wordmark{font-size:13px;gap:6px}.career-brand .company-icon{width:18px;height:18px}.career-brand>span:last-child{font-size:12px}.career-card h3{font-size:15px}.career-card p{font-size:11px}.career-card>.small{font-size:7px}.about-playful{grid-template-columns:1fr;gap:30px}.about-playful h2{font-size:38px}.about-sticker{display:none}.about-story>.large-copy{font-size:21px}.toolbox-grid{grid-template-columns:1fr}.toolbox-grid article{padding:22px}.toolbox-grid article>span{float:right;font-size:35px}.contact-playful h2{font-size:40px;letter-spacing:-1.5px}.contact-playful h2>span{font-size:55px;right:-8px;top:70px}.contact-playful{padding-bottom:45px}.playful footer{align-items:flex-start}.playful footer>span{max-width:150px;line-height:1.8;font-size:8px}.playful footer>div{font-size:9px;gap:13px}.story-hero{grid-template-columns:1fr;padding:25px 7% 40px;border-radius:20px;margin-top:25px}.story-heading h1{font-size:37px;letter-spacing:-1.5px}.story-heading>p{font-size:13px}.story-top{gap:12px}.story-top>span:last-child{font-size:7px}.story-art{padding:20px 8px 0;margin-top:10px}.sample-card{padding:25px}.story-spark{top:-2px;font-size:65px;right:-7px}.story-overview{padding-top:40px}.story-overview h2{font-size:30px}.story-overview p{font-size:14px}.story-flow{grid-template-columns:1fr;gap:18px;padding:22px;margin-bottom:40px}.story-flow strong{font-size:13px}.story-blocks{grid-template-columns:1fr;gap:16px;margin:25px 0}.story-blocks article{border-bottom:1px solid #e2d9e9;padding-bottom:15px}.story-blocks h3{margin-top:12px}.story-impact{padding:25px}.story-impact h2{font-size:29px;line-height:1.2}.story-impact p{font-size:14px}.story-next{display:block;padding:35px 0 50px}.story-next h2{font-size:29px;margin-bottom:25px}.motion-toggle{font-size:9px;right:10px;bottom:10px}}
.story-project-name{font-size:23px;color:var(--accent);font-weight:600;letter-spacing:-.5px}.story-top>span:last-child{flex-basis:100%}
/* A quieter reading layout with the existing color palette. */
.career-hero{grid-template-columns:1fr;padding-bottom:40px}.career-hero .story-heading{max-width:880px}.career-hero h1{font-size:clamp(36px,4vw,60px)}.career-hero .story-heading>p{max-width:760px}.career-content{padding-top:45px}.related-link{font-size:15px;color:#7750c5;margin:25px 0}.story-next h2{font-size:26px}.story-flow{margin-top:40px}.scryon-hero-image{align-self:center;justify-self:center;max-width:245px}.scryon-hero-image img{display:block;width:100%;height:auto;border-radius:17px;box-shadow:0 15px 35px #254b4b25}.scryon-gallery{margin-bottom:60px}.scryon-gallery .section-heading h2{font-size:32px;letter-spacing:-1px}.scryon-gallery .section-heading a{color:#247869;font-size:13px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1000px;margin:auto}.screenshot-grid a{display:block;transition:transform .2s}.screenshot-grid a:hover{transform:translateY(-4px)}.screenshot-grid img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #d9e1e4}.image-caption{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.7}.scryon-links{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding:35px 0 65px;font-size:14px;color:#247869}.contact-playful{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;scroll-margin-top:35px}.contact-playful>.contact-intro{display:block}.contact-intro h2{font-size:clamp(40px,5vw,65px);margin:20px 0}.contact-intro p{font-size:15px;line-height:1.8;color:var(--muted);max-width:360px}.contact-intro>a{font-size:14px;overflow-wrap:anywhere;color:#7750c5;display:block;margin:22px 0 14px}.contact-intro button{color:#7750c5;padding:8px 0}.contact-intro #copy-status{display:block;font-size:12px;margin-top:8px}@media(max-width:700px){.contact-playful{grid-template-columns:1fr;gap:25px}.scryon-hero-image{max-width:210px;margin-top:20px}.screenshot-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid img{border-radius:8px}.scryon-gallery .section-heading a{display:inline-block;margin-top:18px}.scryon-links{gap:20px}.career-content{padding-top:30px}}
@media(max-width:700px){.screenshot-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;gap:16px}.screenshot-grid a{flex:0 0 78%;scroll-snap-align:start}.screenshot-grid img{border-radius:16px}}

.contact-playful{display:block;max-width:1600px}.contact-note{max-width:520px;margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.8}.contact-playful>.contact-simple{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.contact-simple a{color:#7750c5;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;overflow-wrap:anywhere}.contact-simple a:hover{color:#59369c}
.company-icon.scryon{border-radius:7px}.scryon-lockup{color:#163c73}.visual-scryon{gap:30px;height:190px;overflow:hidden}.visual-scryon .scryon-card-shot{height:178px;width:auto;align-self:flex-end;border-radius:13px 13px 0 0;box-shadow:0 12px 30px #123c8724}.visual-scryon .scryon-card-icon{width:92px;height:92px;border-radius:22px;box-shadow:8px 10px 0 #ffffff72,0 15px 35px #123c8720;transform:rotate(4deg)}@media(max-width:700px){.visual-scryon{gap:24px;height:175px}.visual-scryon .scryon-card-shot{height:165px}.visual-scryon .scryon-card-icon{width:80px;height:80px;border-radius:19px}}