:root{--accent:#6e5bff;--ink:#16181a;--muted:#4b5054;--line:#e5e8e6;--display:"Array","Syne",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 14px/1.35 "DM Sans",sans-serif}.shell{width:min(1152px,calc(100% - 48px));margin-inline:auto}a{color:inherit;text-decoration:none}.site-header{padding-top:56px}nav{display:flex;justify-content:space-between;color:var(--muted)}nav div{display:flex;gap:24px}nav a{padding:8px 0;transition:color .18s ease}nav a:hover,nav a:focus-visible{color:var(--accent);outline:none}.hero{text-align:center;padding:82px 0 78px}.hero h1,.section-heading h2,.about>h2,.footer-content h2{font-family:var(--display);font-weight:500}.hero h1{font-size:24px;margin:0 0 16px}.hero p{color:var(--muted);margin:0 0 7px}.work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-study{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:border-color .2s ease,box-shadow .25s ease,transform .25s ease}.case-image{aspect-ratio:1;position:relative;overflow:hidden;background:#f7f7f5}.case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.2,.75,.2,1),filter .3s ease}.case-image span{position:absolute;right:14px;bottom:14px;padding:7px 11px;background:var(--accent);color:#fff;border-radius:6px;font-size:14px;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.case-copy{height:122px;padding:16px}.case-copy div{display:flex;gap:8px;align-items:center}.case-copy strong{font-weight:600}.case-copy i{font-style:normal;color:#9a9da0}.case-copy small{font-size:12px;color:#777}.case-copy p{margin:10px 0 0;color:var(--muted);line-height:1.45}.case-study:hover,.case-study:focus-visible{border-color:#d7d2ff;box-shadow:0 12px 30px rgba(54,44,123,.09);transform:translateY(-3px);outline:none}.case-study:hover img,.case-study:focus-visible img{transform:scale(1.012);filter:saturate(1.03)}.case-study:hover .case-image span,.case-study:focus-visible .case-image span{opacity:1;transform:none}.playground{padding-top:140px}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2,.about>h2{font-size:18px;margin:0 0 10px}.section-heading p{margin:0;color:var(--muted)}.play-field{height:725px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background-color:#fff;background-image:radial-gradient(#6e5bff15 1px,transparent 1px);background-size:22px 22px}.play-field:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(110,91,255,.035),transparent 62%);animation:ambient 18s linear infinite}.play-item{position:absolute;width:220px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;cursor:pointer;outline:none}.play-art{position:relative;width:190px;height:190px;display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.75,.2,1)}.play-art:before{content:"";position:absolute;z-index:-1;width:165px;height:90px;bottom:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(110,91,255,.42),transparent 68%);opacity:0;transform:scale(.7);transition:.4s}.play-art img{max-width:100%;max-height:100%;object-fit:contain;display:block}.shutter{position:absolute;inset:18px 4px;background:repeating-linear-gradient(90deg,#f6f6f3 0 23px,#ecece8 23px 26px);clip-path:polygon(0 24%,100% 5%,100% 76%,0 96%);opacity:.88;transition:transform .42s cubic-bezier(.2,.75,.2,1),opacity .32s}.play-caption{width:220px;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .3s ease .08s,transform .3s ease .08s}.play-caption b,.play-caption span{display:block}.play-caption b{font-size:12px;color:var(--accent);margin-bottom:3px}.play-caption span{font-size:11px;color:var(--muted)}.play-item:hover .shutter,.play-item:focus-visible .shutter,.play-item.is-open .shutter{transform:translateX(62%) rotate(5deg);opacity:0}.play-item:hover .play-art,.play-item:focus-visible .play-art,.play-item.is-open .play-art{transform:translateY(-5px)}.play-item:hover .play-art:before,.play-item:focus-visible .play-art:before,.play-item.is-open .play-art:before{opacity:1;transform:scale(1)}.play-item:hover .play-caption,.play-item:focus-visible .play-caption,.play-item.is-open .play-caption{opacity:1;transform:none}.drive{left:6%;top:40px;transform:rotate(-7deg)}.latte{left:40%;top:50px}.basenote{right:5%;top:35px;transform:rotate(-5deg)}.bike{left:7%;bottom:42px;transform:rotate(-6deg)}.bike img{width:158px}.dish{left:40%;bottom:30px}.gameboy{right:5%;bottom:26px;transform:rotate(7deg)}.about{padding:140px 0}.about>h2{text-align:center;margin-bottom:32px}.about-layout{display:flex;justify-content:center;align-items:center;gap:32px}.about-photos{width:360px;height:318px;display:grid;grid-template-columns:129px 218px;grid-template-rows:153px 153px;gap:12px 13px}.photo{border:0;padding:0;background:#fff;position:relative;cursor:pointer}.photo img{display:block;width:100%;height:100%;object-fit:contain}.photo.headshot{grid-column:2;grid-row:1/3}.photo span{position:absolute;left:8px;right:8px;bottom:9px;padding:5px 7px;color:#fff;background:var(--accent);border-radius:4px;font:11px/1.2 "DM Sans",sans-serif;opacity:0;transform:translateY(4px);transition:.2s}.photo:hover span,.photo:focus-visible span,.photo.is-open span{opacity:1;transform:none}.photo:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.about-copy{width:324px;line-height:18px}.about-copy p{margin:0 0 16px}footer{height:264px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--accent);color:#fff}#particle-field{position:absolute;inset:0;width:100%;height:100%}.footer-content{position:relative;z-index:1;width:480px;max-width:calc(100% - 48px);padding:20px 24px;background:linear-gradient(90deg,rgba(110,91,255,.96),rgba(110,91,255,.82),rgba(110,91,255,.96));border-radius:14px}.footer-content h2{font-size:48px;line-height:1;margin:0 0 16px}.footer-rule{height:1px;background:#fff}.footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.footer-row>div{display:flex;gap:8px}.footer-row a{padding:7px 12px;border:1px solid #fff;border-radius:42px;background:rgba(255,255,255,.08)}.footer-row p{margin:0}@keyframes ambient{to{transform:translateX(12%)}}
@media(max-width:800px){.shell{width:min(600px,calc(100% - 32px))}.site-header{padding-top:22px}nav div{gap:17px}.hero{padding:62px 0 56px}.work{grid-template-columns:1fr;gap:20px}.case-image{aspect-ratio:1.15}.case-copy{height:auto;min-height:104px}.case-image span{opacity:1;transform:none;font-size:12px}.playground{padding-top:96px}.play-field{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 4px;padding:28px 8px 40px;overflow:visible}.play-item{position:relative;inset:auto!important;transform:none!important;width:100%;height:226px}.play-art{width:100%;height:174px}.play-caption{width:min(190px,100%);opacity:1;transform:none}.about{padding:96px 0}.about-layout{flex-direction:column;gap:36px}.about-photos{width:328px;grid-template-columns:116px 200px;grid-template-rows:141px 141px}.about-copy{width:min(324px,100%)}footer{height:320px}.footer-content h2{font-size:36px}.footer-row{align-items:flex-start;gap:16px;flex-direction:column}.footer-row>div{flex-direction:column}}@media(max-width:380px){body{font-size:13px}nav div{gap:11px}.play-field{grid-template-columns:1fr}.about-photos{width:280px;grid-template-columns:99px 169px;grid-template-rows:119px 119px}}@media(min-width:1600px){.shell{width:min(1440px,calc(100% - 128px))}.work{gap:20px}.play-field{height:820px}.drive{left:9%;top:62px}.latte{left:42%;top:74px}.basenote{right:8%;top:56px}.bike{left:10%;bottom:70px}.dish{left:42%;bottom:55px}.gameboy{right:8%;bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.footer-row>div{display:flex;align-items:center;gap:12px}.footer-row .contact-pill{box-sizing:border-box;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid rgba(255,255,255,.82);border-radius:42px;background:rgba(255,255,255,.08);color:#fff;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.contact-pill .pill-icon{display:block;flex:0 0 16px;width:16px;height:16px;overflow:visible}.contact-pill .email-icon rect,.contact-pill .email-icon path,.contact-pill .linkedin-icon rect,.contact-pill .linkedin-icon path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.footer-row .contact-pill:hover,.footer-row .contact-pill:focus-visible{background:rgba(255,255,255,.16);border-color:#fff;color:#fff;transform:translateY(-1px);outline:none}.footer-row .contact-pill:active{transform:none}