@import url("/assets/fonts/fonts.css");
:root{--ink:#20211e;--muted:#64655f;--paper:#fafbf7;--lime:#dbf48b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6354d9;outline-offset:5px}header,main>section,footer{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid #dedfd7}.brand{font:800 25px/.95 'Manrope',sans-serif;letter-spacing:-1.2px}.brand>span{display:block;font-size:12px;letter-spacing:3.8px;margin-top:9px}.dot{color:#799c24;font-size:10px;margin-left:12px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav>a:hover,.secondary:hover{color:#6850ad}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);padding:17px 25px;border-radius:100px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#45483b;transform:translateY(-2px);color:white}.button.small{padding:12px 22px}.secondary{display:inline-flex;gap:30px;align-items:center;font-weight:500;font-size:14px;border-bottom:1px solid #808278;padding:14px 0}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 27px}.status{display:inline-block;background:#708d35;width:7px;height:7px;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:500;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(58px,7.8vw,106px);margin-bottom:30px}h2{font-size:clamp(34px,4vw,52px);margin-bottom:26px}h3{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin-bottom:12px}p{color:var(--muted)}.hero{padding-top:66px;padding-bottom:61px;position:relative}.hero h1{font-weight:600;font-size:clamp(64px,8.8vw,120px);letter-spacing:-6px;line-height:1.01}.hero h1>span:first-child{color:#7e8175}.heroaster{position:absolute;right:100px;top:135px;color:#9a78dc;font-size:140px;line-height:1;transform:rotate(12deg)}.herobottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:35px}.herobottom p{font-size:17px;line-height:1.65;margin:0}.actions{display:flex;gap:28px;align-items:center}.ticker{border-block:1px solid #dfe1d7;padding:21px 7%;display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#797d66;gap:25px}.ticker span{font-size:11px;letter-spacing:1.5px;font-weight:600;color:var(--ink)}main>section{padding-top:85px;padding-bottom:15px}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.sectionhead h2{margin-bottom:0}.sectionhead>p{font-size:14px;margin:0 0 5px}.bento{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.service{background:var(--card);border-radius:20px;padding:30px 32px;overflow:hidden;transition:transform .25s;position:relative;display:block}.service:hover{transform:translateY(-5px)}.cardtop{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.6px;font-weight:700}.arrow{font-size:23px;letter-spacing:0}.art{height:220px;display:flex;align-items:center;justify-content:center;margin:12px 0 22px}.service h3{font-size:27px;max-width:340px}.service p{font-size:14px;color:#44473a;max-width:390px;margin-bottom:24px}.textlink{font-weight:600;font-size:12px;border-bottom:1px solid #5558;padding-bottom:4px}.browser{width:310px;background:#fafbf7;border:1px solid #282d24;border-radius:9px;padding:12px 15px;box-shadow:12px 12px 0 #acc558;transform:rotate(-5deg)}.browser>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#252c21;margin-right:3px;vertical-align:top}.mocktitle{font:600 26px/1.05 Manrope,sans-serif;letter-spacing:-1px;margin-top:10px;position:relative}.mocktitle span{position:absolute;right:10px;top:0;background:var(--lime);border-radius:50%;padding:9px;font-size:25px}.mockgrid{display:flex;gap:8px;margin-top:17px}.mockgrid b{height:43px;background:#d8cbff;flex:1;border-radius:3px}.mockgrid b:nth-child(2){background:#ffccad}.mockgrid b:nth-child(3){background:#bde8f4}.art-visual{position:relative}.visualone{background:#7255a6;color:#e6dbfc;font:800 150px/1 Manrope,sans-serif;transform:rotate(-12deg);width:155px;height:175px;text-align:center;box-shadow:0 12px 25px #684d8c22}.visualtwo{background:#f3b0ac;color:#583449;font:800 27px/.95 Manrope,sans-serif;transform:rotate(12deg);width:155px;height:175px;padding:37px 20px;box-shadow:0 12px 25px #684d8c22;margin-left:-9px}.wave{display:flex;gap:4px;align-items:center}.wave i{width:4px;background:#874c32;border-radius:4px}.paper{background:#fcfaf4;transform:rotate(5deg);padding:20px 26px;width:265px;height:190px;box-shadow:10px 10px 0 #95c6d4;position:relative}.paper small{font-size:7px;letter-spacing:2px}.paper strong{font:600 25px/1.1 Manrope,sans-serif;display:block;margin:11px 0}.paper hr{border:0;border-bottom:1px solid #d3d6cb;margin:7px 40px 0 0}.paper>span{position:absolute;bottom:18px;right:20px;font-size:25px}.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px}.workitem p{font-size:14px;max-width:510px}.workitem h3{margin:22px 0 10px}.workart{height:290px;padding:25px 28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;background:#eceee5;position:relative;overflow:hidden}.workart strong{font:700 clamp(30px,4vw,56px)/1 Manrope,sans-serif;letter-spacing:-3px}.workart span{font-size:10px;letter-spacing:1.3px}.workart.web{background:#e7e9df}.workart.sound{background:#282a26;color:#e6edcb}.workart.visual{background:#e4d5c4}.workart.content{background:#c7dce2}.note{font-size:12px;margin:18px 0;color:#6b6e62}.approach{display:grid;grid-template-columns:1fr 1fr;gap:65px}.approach p{font-size:15px}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:26px;padding:22px 0;border-top:1px solid #d7dacd}.approach li>span{font-size:12px;color:#7c806f;padding-top:5px}.approach li p{margin-bottom:0}.closing{margin-top:85px;background:var(--lime);padding-top:58px;padding-bottom:58px!important;border-radius:20px}.closing h2{font-size:clamp(42px,5vw,68px);letter-spacing:-3px}.closing h2 span{color:#5c693e}footer{padding-top:52px;padding-bottom:28px;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:20px}footer .brand{font-size:17px}footer p,footer>a:not(.brand){font-size:12px}.footline{width:100%;border-top:1px solid #dedfd5;padding-top:24px;display:flex;gap:30px;font-size:10px;color:#6c6f62;margin-top:24px}.footline span{margin-right:auto}.intro{padding-top:70px!important;padding-bottom:30px!important}.intro h1{max-width:950px}.intro>p:not(.eyebrow){font-size:19px;max-width:680px}.intro .button{margin-top:10px}.deliverables article{border-top:1px solid #d4d8c9;padding:22px 0;display:flex;gap:22px}.deliverables span{font-size:12px}.deliverables h3{margin:0;font-size:22px}.faq{max-width:900px}details{border-top:1px solid #d6d9ce;padding:22px 0}summary{cursor:pointer;font-weight:500}details p{padding-top:15px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #bfc4b1;border-radius:50px;padding:9px 22px;background:transparent;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white}.portraittype{background:#d8cbff;border-radius:18px;padding:30px;font:800 210px/1 Manrope,sans-serif;display:flex;flex-direction:column;gap:20px}.portraittype span{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-1px}.contactlayout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.email{font-size:20px;border-bottom:1px solid #777}.contactnote{margin-top:50px}.contactnote p{line-height:2}form{background:white;border:1px solid #e0e3d7;border-radius:18px;padding:30px}label{display:block;font-size:13px;font-weight:500;margin-bottom:20px}label>span{font-weight:400;color:#76796d}input,textarea,select{width:100%;display:block;border:1px solid #c8cdbd;border-radius:6px;margin-top:8px;padding:12px;background:#fcfdf9;color:var(--ink);min-width:0}textarea{resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.consent{display:flex;align-items:start;gap:7px;font-size:11px;flex-wrap:wrap}.consent input{width:15px;margin:3px 0 0}.consent a{text-decoration:underline}.trap{position:absolute;left:-10000px}.prose{max-width:850px}.prose h2{font-size:28px;margin-top:35px;letter-spacing:-1px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:5}[hidden]{display:none!important}#form-status{margin-top:15px;font-size:14px}
@media(min-width:1400px){.heroaster{right:140px}}@media(max-width:800px){header,main>section,footer{padding-left:24px;padding-right:24px}header{height:92px}nav{gap:18px;font-size:12px}.brand{font-size:21px}nav .small{padding:10px 15px}.heroaster{right:35px;top:112px;font-size:78px}.hero h1{letter-spacing:-3px}.herobottom{display:block}.actions{margin-top:28px}.ticker{gap:20px;padding:17px 24px}.ticker span:last-child{display:none}.sectionhead{gap:20px}.bento{gap:16px}.service{padding:24px}.art{height:185px}.browser{width:250px}.visualone,.visualtwo{width:120px;height:145px}.visualone{font-size:125px}.visualtwo{font-size:23px;padding:30px 13px}.service h3{font-size:23px}.approach{gap:30px}.contactlayout{gap:30px}.closing{margin-left:18px;margin-right:18px}.workart{height:240px}.workart strong{letter-spacing:-2px}}
@media(max-width:560px){header{height:95px;align-items:center;gap:10px}nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:240px}nav .small{padding:8px 13px;font-size:11px}nav a{font-size:11px}.brand{font-size:20px}.brand>span{font-size:9px;letter-spacing:2.5px}.hero{padding-top:40px!important}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero h1{font-size:60px;letter-spacing:-3.3px}.heroaster{top:144px;right:26px;font-size:52px}.herobottom p{font-size:15px;max-width:290px}.desktop{display:none}.actions{gap:22px}.button{padding:15px 20px;font-size:12px}.secondary{font-size:12px}.ticker{gap:16px;font-size:15px}.ticker span{font-size:8px}.ticker span:last-child,.ticker>span:last-of-type+*{display:none}main>section{padding-top:58px}.sectionhead{display:block}.sectionhead>p,.sectionhead>.secondary{margin-top:23px}.bento,.workgrid,.approach,.contactlayout{grid-template-columns:1fr}.service{padding:25px}.service h3{font-size:27px}.art{height:215px}.browser{width:265px}.workart{height:245px}.workart strong{font-size:44px}.closing{margin-top:60px;padding-top:42px}.closing h2{font-size:43px;letter-spacing:-2px}footer{display:block}footer p{margin-top:20px}.footline{gap:18px;font-size:9px}h1{font-size:54px;letter-spacing:-3px}.intro>p:not(.eyebrow){font-size:17px}.intro{padding-top:48px!important}.formrow{grid-template-columns:1fr;gap:0}form{padding:22px}.contactlayout{gap:35px}.portraittype{font-size:170px}.closing .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero h1>span:not(.heroaster){color:#7e8175}

.aboutvisual{display:grid;grid-template-columns:.65fr 1fr;gap:14px;align-items:stretch}.aboutvisual .portraittype{font-size:120px;padding:22px;justify-content:space-between;min-width:0}.aboutvisual .portraittype span{font-size:19px}.aboutportrait{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:50% 40%;border-radius:18px}@media(max-width:800px) and (min-width:561px){.aboutvisual{grid-template-columns:1fr}.aboutportrait{min-height:250px}.aboutvisual .portraittype{font-size:80px}}@media(max-width:560px){.aboutvisual .portraittype{font-size:90px;padding:18px}.aboutvisual .portraittype span{font-size:16px}.aboutportrait{min-height:280px}}

@media(max-width:560px){.heroaster{display:none}}