@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;900;1000&display=swap');
:root{--paper:#f5f4f0;--ink:#22231e;--muted:#7c7d75;--line:#d9d9d1;--orange:#e95428;--sans:'DM Sans',Arial,Helvetica,sans-serif;--rail:62px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,summary{font:inherit}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}::selection{background:var(--orange);color:var(--paper)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550}em{font-style:normal}main{margin:0 var(--rail)}.skip{position:fixed;top:-100px;left:80px;z-index:100;background:var(--ink);color:white;padding:14px}.skip:focus{top:12px}.orange{color:var(--orange)}.rail{position:fixed;top:0;bottom:0;width:var(--rail);z-index:30;background:var(--paper);display:flex;align-items:center;border-color:var(--line)}.rail-left{left:0;border-right:1px solid var(--line)}.rail-right{right:0;border-left:1px solid var(--line)}.rail-contact{position:absolute;left:50%;bottom:42px;white-space:nowrap;transform:translateX(-50%) rotate(-90deg);transform-origin:center;margin-bottom:44px;font-size:19px;font-weight:650}.rail-contact span{display:inline-block;margin-left:14px;transition:transform .3s}.rail-contact:hover{color:var(--orange)}.rail-contact:hover span{transform:translate(4px,-4px)}.rail-brand{position:absolute;left:50%;top:168px;transform:translateX(-50%) rotate(-90deg);white-space:nowrap;font-size:21px;font-weight:750;letter-spacing:-1px}.rail-brand span{display:inline-block;margin-left:22px;color:var(--orange);transition:transform .6s}.rail-brand:hover span{transform:rotate(180deg)}.menu-toggle{position:absolute;top:28px;left:18px;width:28px;height:28px;padding:4px;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .3s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu{position:fixed;inset:0 var(--rail);z-index:25;background:var(--orange);visibility:hidden;opacity:0;transform:translateY(-25px);transition:opacity .3s,transform .4s,visibility .4s}.menu.open{visibility:visible;opacity:1;transform:none}.menu-inner{padding:8vh 8vw;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.menu-inner>.eyebrow{margin-bottom:25px}.menu-inner>a{font-size:clamp(36px,6vw,85px);letter-spacing:-.055em;line-height:1.1;transition:transform .25s}.menu-inner>a:hover{transform:translateX(20px)}.menu-inner sup{font-size:12px;letter-spacing:0;vertical-align:top}.menu-inner>p{margin-top:30px}.hero{position:relative;height:min(900px,100svh);min-height:740px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-meta{position:relative;z-index:3;display:flex;justify-content:space-between;padding:32px 44px;font-size:14px;line-height:1.3}.hero-meta>a{font-size:10px;letter-spacing:.06em;align-self:flex-start}.hero-meta>a span{font-size:18px;margin-left:15px}.hero h1{position:absolute;z-index:3;top:143px;left:44px;font-size:clamp(28px,3.05vw,48px);line-height:1.03;letter-spacing:-.055em;font-weight:600}.hero h1 span{color:var(--muted)}.hero-name{position:absolute;left:24px;top:240px;font-size:clamp(280px,36vw,590px);line-height:.85;letter-spacing:-.09em;font-weight:750;color:var(--orange);white-space:nowrap;animation:name-in 1s both}.hero-name>span{position:absolute;top:28px;right:-58px;font-size:35px;letter-spacing:0}.hero-portrait{position:absolute;width:clamp(470px,52vw,820px);height:auto;right:-14px;bottom:-230px;z-index:2;filter:grayscale(1);animation:portrait-in 1.3s both;pointer-events:none}.hero-intro{position:absolute;left:44px;bottom:96px;z-index:4;font-size:16px;line-height:1.35}.text-link{display:inline-flex;gap:30px;align-items:center;color:var(--orange);font-weight:650;margin-top:20px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,4px)}.hero-foot{position:absolute;bottom:0;width:100%;height:45px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;background:var(--paper)}.scroll-cue>span{display:inline-block;font-size:16px;margin-left:20px;animation:scroll-down 2s infinite}.section-pad{padding:100px 44px}.section-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:60px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.09em}.tiny{font-size:12px;color:var(--muted)}.statement{font-size:clamp(40px,5.75vw,88px);line-height:1.06;letter-spacing:-.055em;max-width:1100px}.statement>span{color:var(--muted)}.statement em{color:var(--orange)}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:50px;margin-left:25%;margin-bottom:75px}.about-description{max-width:390px;line-height:1.55;font-size:18px}.about-signature{font-size:13px;line-height:1.5}.about-signature span{color:var(--muted)}.service{border-top:1px solid var(--line);transition:background .3s}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:24px;padding:28px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service-num{font-size:11px;color:var(--muted);width:35px}.service h3{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.05em;flex:1}.service-tags{color:var(--muted);font-size:12px}.service-symbol{font-size:30px;margin-left:40px;transition:transform .3s,color .3s}.service summary:hover .service-symbol,.service[open] .service-symbol{color:var(--orange);transform:rotate(45deg)}.service summary:hover h3{color:var(--orange)}.service-body{padding:0 0 30px 59px;display:flex;justify-content:space-between;align-items:center;gap:40px}.service-body>p{max-width:410px;font-size:16px;line-height:1.6;color:var(--muted)}.mini-layout{width:210px;height:110px;background:var(--ink);position:relative;padding:18px;color:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;transform:rotate(-4deg);margin-right:80px}.mini-layout i{background:var(--orange)}.mini-layout i:nth-child(2){background:#6c6d64}.mini-layout i:nth-child(3){background:#c8c9bd}.mini-layout span{font-size:12px;grid-column:span 3;align-self:end}.mini-code{font:14px/1.6 monospace;width:240px;color:var(--muted)}.mini-code span{color:var(--orange);margin-left:25px}.mini-motion{display:flex;align-items:center;gap:25px;width:240px}.mini-motion span{font-size:70px;color:var(--orange);animation:spin 12s linear infinite}.mini-motion i{font-style:normal;font-size:12px}.work{background:#eaeae4}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.section-heading h2{font-size:clamp(36px,4.7vw,70px);line-height:1.05;letter-spacing:-.055em}.work-count{font-size:12px;margin-bottom:5px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start}.project-format{margin-top:190px}.project-art{position:relative;width:100%;display:block;overflow:hidden}.stillform-art{aspect-ratio:.99;background:#b9bbb0;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;top:25px;left:25px;font-size:8px;letter-spacing:.13em;color:var(--ink)}.art-bottom{position:absolute;bottom:25px;right:25px;font-size:8px;letter-spacing:.13em}.browser-frame{width:88%;box-shadow:0 20px 45px #22231e33;transform:rotate(-5deg);transition:transform .7s cubic-bezier(.2,.7,.2,1);background:#141815}.browser-bar{height:23px;display:flex;align-items:center;padding:0 10px;gap:4px;background:#272c28}.browser-bar>i{width:4px;height:4px;border-radius:100%;background:#777d72}.browser-bar>span{font-size:6px;color:#b5baaf;margin-left:auto}.browser-frame>img{display:block;width:100%;height:auto}.project-art:hover .browser-frame{transform:rotate(0) scale(1.03)}.project-visit{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:12px 16px;font-size:11px;opacity:0;transform:translateY(15px);transition:opacity .25s,transform .25s;z-index:3;border-radius:2px}.project-visit span{margin-left:30px}.project-art:hover .project-visit,.project-art:focus-visible .project-visit{opacity:1;transform:none}.project-caption{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.project-caption h3{font-size:27px;letter-spacing:-.04em}.project-caption p{font-size:13px;color:var(--muted);margin-top:6px}.project-caption>span{text-align:right;font-size:10px;line-height:1.6;color:var(--muted);padding-top:7px}.product-buy{display:flex;justify-content:space-between;font-size:11px;margin-top:22px;padding-top:14px;border-top:1px solid #cfcfc6}.product-buy:hover{color:var(--orange)}.code-art{aspect-ratio:.89;background:var(--ink);padding:0;text-align:left;color:var(--paper)}.code-art .art-label{color:#b3b5a9}.code-icon{display:block;position:absolute;top:15%;left:50%;transform:translateX(-50%);font-size:100px;letter-spacing:-.1em;font-weight:500;color:var(--orange)}.code-icon i{font-size:57px;display:inline-block;vertical-align:middle;font-style:normal;margin:0 8px;transition:transform .5s}.code-art:hover .code-icon i{transform:rotate(-20deg)}.code-window{position:absolute;bottom:12%;left:10%;width:89%;background:#30322c;border:1px solid #515349;border-radius:8px;transform:rotate(5deg);transition:transform .6s}.code-art:hover .code-window{transform:rotate(0)}.code-window>div{padding:12px;font-size:9px;border-bottom:1px solid #505247}.code-dot{display:inline-block;background:var(--orange);width:5px;height:5px;border-radius:50%;margin-right:5px}.code-menu{float:right}.code-window pre{font:11px/1.9 monospace;padding:15px 20px;margin:0;color:#d4d5c9}.code-window pre>span{color:#c7a38d}.code-window pre b{color:#b5c7a1;font-weight:400}.formatted-badge{position:absolute;bottom:-13px;right:10px;padding:9px 12px;background:var(--orange);color:var(--paper);font-size:9px;border-radius:3px}.work-note{margin-top:50px;display:flex;align-items:center;gap:20px;font-size:13px;line-height:1.5;color:var(--muted)}.work-note>span{font-size:42px;color:var(--orange)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{padding:26px;background:#eaeae4;border-radius:14px;min-height:410px;position:relative;transition:transform .35s,background .35s}.tool-card:hover{transform:translateY(-8px);background:#e1e1d8}.tool-card-featured{background:var(--ink);color:var(--paper)}.tool-card-featured:hover{background:#34362e}.tool-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.tool-top>span:last-child{font-size:20px;color:var(--orange);margin-top:-5px}.tool-mark{height:135px;margin:30px 0 25px;transition:transform .5s}.tool-card:hover .tool-mark{transform:rotate(-8deg)}.figma-mark{width:56px;display:grid;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(3,28px);height:84px;margin:55px 0 51px}.figma-mark i{background:var(--ink)}.figma-mark i:nth-child(1){border-radius:14px 0 0 14px}.figma-mark i:nth-child(2){background:var(--orange);border-radius:0 14px 14px 0}.figma-mark i:nth-child(3){border-radius:14px 0 0 14px}.figma-mark i:nth-child(4){border-radius:50%}.figma-mark i:nth-child(5){border-radius:14px 0 14px 14px}.framer-mark{position:relative;width:80px;height:100px;margin:47px 0 43px}.framer-mark i{position:absolute;width:80px;height:40px;background:var(--paper)}.framer-mark i:first-child{clip-path:polygon(0 0,100% 0,100% 100%,50% 100%)}.framer-mark i:nth-child(2){top:40px;background:var(--orange);clip-path:polygon(0 0,50% 0,100% 100%,0 100%)}.framer-mark i:last-child{top:80px;clip-path:polygon(0 0,50% 0,0 100%);height:40px}.rive-mark{font-size:120px;line-height:1;font-weight:800;letter-spacing:-.1em;font-style:italic}.rive-mark>span{font-size:80px;color:var(--orange);font-weight:400;margin-left:2px}.tool-card h3{font-size:24px;letter-spacing:-.045em}.tool-card p{color:var(--muted);line-height:1.5;font-size:13px;margin-top:12px}.tool-card-featured p{color:#a9ad9e}.tool-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:26px}.tool-chips>span{font-size:8px;border:1px solid #cdcec3;border-radius:20px;padding:6px 9px}.tool-card-featured .tool-chips>span{border-color:#53564a}.process{padding-top:40px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{border:1px solid var(--line);border-radius:14px;padding:28px;position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.step-number{font-size:50px;color:var(--muted);font-weight:450;letter-spacing:-.07em}.process-card h3{font-size:24px;letter-spacing:-.04em;margin-bottom:13px}.process-card p{font-size:13px;color:var(--muted);line-height:1.6;max-width:245px}.step-connector{position:absolute;right:-27px;top:43px;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;z-index:2;color:var(--orange)}.step-finish{position:absolute;right:25px;top:30px;font-size:40px;color:var(--orange)}.journal{border-top:1px solid var(--line)}.journal-coming{font-size:9px;color:var(--muted);letter-spacing:.06em;margin-bottom:7px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-art{aspect-ratio:1.15;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .4s}.journal-card:hover .journal-art{transform:translateY(-4px)}.journal-art-type{background:#ddded4}.journal-art-type>span{font-size:130px;letter-spacing:-.12em;font-weight:500;transform:rotate(-15deg);color:var(--ink)}.journal-art-type>i{position:absolute;font-size:12px;bottom:15px;right:15px;font-style:normal;line-height:1.05}.journal-art-motion{background:var(--orange);gap:0}.journal-art-motion>span{font-size:120px;color:var(--ink);margin:-18px;transition:transform 1s}.journal-art-motion>span:nth-child(2){color:var(--paper);z-index:2}.journal-card:hover .journal-art-motion>span{transform:rotate(90deg)}.journal-art-code{background:var(--ink);color:var(--paper)}.journal-art-code>span{font:500 clamp(24px,3.8vw,55px)/1.1 var(--sans);letter-spacing:-.06em;transform:rotate(-7deg)}.journal-art-code i{font-style:normal;color:var(--orange)}.journal-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:var(--muted);margin:18px 0 12px}.journal-card h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;max-width:290px}.journal-disclaimer{font-size:10px;color:var(--muted);margin-top:30px}.contact{background:var(--orange);padding-bottom:22px}.contact .tiny{color:#762b13}.contact-title{display:block;position:relative;font-size:clamp(70px,11.8vw,185px);line-height:.94;letter-spacing:-.075em;font-weight:550}.contact-title em{color:var(--paper)}.contact-title>span{position:absolute;right:0;top:0;font-size:clamp(100px,15vw,200px);transition:transform .4s}.contact-title:hover>span{transform:translate(10px,-10px)}.contact-bottom{display:grid;grid-template-columns:1.4fr 1fr auto;gap:25px;margin:70px 0;font-size:13px;align-items:start}.contact-bottom>a:first-child{font-size:18px;letter-spacing:-.02em}.contact-bottom>a:first-child span{margin-left:20px}.contact-bottom>a:last-child{font-size:9px;letter-spacing:.05em;padding-top:5px}.contact-bottom p{line-height:1.5}.footer-line{border-top:1px solid #b6401e;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.js .reveal.visible{opacity:1;transform:none}.tool-grid .reveal:nth-child(2),.process-grid .reveal:nth-child(2),.journal-grid .reveal:nth-child(2){transition-delay:.1s}.tool-grid .reveal:nth-child(3),.process-grid .reveal:nth-child(3),.journal-grid .reveal:nth-child(3){transition-delay:.2s}dialog{max-width:720px;width:calc(100% - 40px);padding:50px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#22231eaa;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:30px;background:none}.dialog-close:hover{color:var(--orange)}dialog h2{font-size:40px;letter-spacing:-.05em;margin:25px 0 12px}dialog p{font-size:14px;color:var(--muted)}#demo-code{background:var(--ink);color:var(--paper);padding:25px;border-radius:8px;font:12px/1.7 monospace;min-height:210px;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0}.demo-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.demo-actions button{padding:13px 18px;background:var(--orange);border-radius:3px;font-size:12px}.demo-actions button:nth-child(2){background:#e3e3da}.demo-actions button:disabled{opacity:.5;cursor:default}#demo-status{font-size:11px;color:var(--muted)}dialog .text-link{font-size:12px;margin-top:25px}
@keyframes name-in{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:none}}@keyframes portrait-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes scroll-down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{max-width:1560px;margin-left:auto;margin-right:auto}.hero-name{font-size:580px}.hero-portrait{width:810px}.hero{height:900px}.hero h1{font-size:48px}.statement{font-size:88px}.section-heading h2{font-size:70px}}
@media(max-width:1050px){:root{--rail:48px}.section-pad{padding:75px 30px}.hero-meta{padding:28px 30px}.hero{height:780px;min-height:700px}.hero h1{left:30px;top:130px}.hero-name{left:18px;top:265px;font-size:35.5vw}.hero-name>span{right:-36px;top:10px;font-size:24px}.hero-portrait{width:65vw;right:-60px;bottom:-140px}.hero-intro{left:30px;bottom:85px;font-size:14px}.hero-foot{padding:0 30px;font-size:7px}.rail-brand{font-size:19px}.menu-toggle{left:10px}.rail-contact{font-size:16px}.about-bottom{margin-left:15%;gap:40px}.about-description{font-size:16px}.work-grid{gap:28px}.project-format{margin-top:140px}.project-caption{flex-direction:column}.project-caption>span{text-align:left;padding:0;font-size:9px}.project-caption>span br{display:none}.tool-card{padding:22px;min-height:390px}.tool-card h3{font-size:21px}.tool-card p{font-size:12px}.tool-chips{gap:4px}.tool-chips>span{font-size:7px;padding:5px 7px}.process-card{padding:22px;min-height:290px}.process-card h3{font-size:21px}.process-card p{font-size:12px}.service-tags{font-size:10px}.service-symbol{margin-left:10px}.journal-art-type>span{font-size:105px}.journal-art-motion>span{font-size:90px}.contact-title{font-size:12vw}.contact-bottom>a:first-child{font-size:14px}}
@media(max-width:700px){:root{--rail:0px}main{margin:0}.rail-left{display:none}.rail-right{width:100%;height:58px;bottom:auto;border:0;border-bottom:1px solid var(--line);background:#f5f4f0f2;backdrop-filter:blur(10px)}.rail-brand{transform:none;left:20px;top:18px;font-size:17px;letter-spacing:-.6px}.rail-brand span{margin-left:10px;font-size:18px}.menu-toggle{left:auto;right:18px;top:15px}.menu{inset:58px 0 0}.menu-inner{padding:50px 25px}.menu-inner>a{font-size:48px}.menu-inner>p{font-size:14px}.hero{height:830px;min-height:0;margin-top:58px}.hero-meta{padding:24px 20px;font-size:11px}.hero-meta>a{font-size:8px}.hero h1{top:115px;left:20px;font-size:32px}.hero-name{left:10px;top:252px;font-size:42vw;letter-spacing:-.09em}.hero-name>span{right:-26px;top:3px;font-size:17px}.hero-portrait{width:90%;max-width:460px;right:-26px;bottom:130px}.hero-intro{left:20px;bottom:67px;font-size:13px;max-width:280px}.hero-intro p br{display:none}.hero-intro .text-link{margin-top:12px}.hero-foot{padding:0 20px;height:36px;font-size:6px}.scroll-cue{font-size:6px}.scroll-cue>span{margin-left:8px}.section-pad{padding:65px 20px}.section-kicker{margin-bottom:35px;align-items:flex-start}.eyebrow{font-size:8px}.tiny{font-size:9px;max-width:130px;text-align:right}.statement{font-size:40px;letter-spacing:-.055em}.statement br:first-child{display:none}.about-bottom{margin:30px 0 45px;gap:25px;grid-template-columns:1fr}.about-description{font-size:15px;max-width:330px}.about-signature{font-size:11px}.service summary{gap:10px;padding:23px 0;flex-wrap:wrap}.service-num{width:20px;font-size:9px}.service h3{font-size:28px}.service-symbol{font-size:23px}.service-tags{order:4;width:100%;padding-left:30px;font-size:9px}.service-body{padding:0 0 25px 30px;gap:15px;align-items:flex-start}.service-body>p{font-size:13px;max-width:230px}.mini-layout{width:100px;height:90px;flex-shrink:0;margin-right:0;padding:10px}.mini-layout span{font-size:9px}.mini-code{width:110px;font-size:9px;flex-shrink:0}.mini-code span{margin-left:5px}.mini-motion{width:100px;flex-shrink:0;gap:0}.mini-motion span{font-size:70px}.mini-motion i{display:none}.section-heading{margin-bottom:35px;gap:20px}.section-heading h2{font-size:37px}.work-grid{grid-template-columns:1fr;gap:45px}.project-format{margin-top:0;max-width:88%;margin-left:auto;width:100%}.stillform-art{aspect-ratio:1.05}.code-art{aspect-ratio:1}.code-window pre{font-size:11px}.project-caption{flex-direction:row}.project-caption h3{font-size:24px}.project-caption p{font-size:11px}.project-caption>span{text-align:right;font-size:8px}.project-caption>span br{display:block}.project-visit{opacity:1;transform:none;padding:10px 12px;font-size:9px;bottom:12px;left:12px}.project-visit span{margin-left:12px}.art-bottom{font-size:6px;right:15px;bottom:20px}.art-label{font-size:7px;left:18px;top:18px}.work-note{font-size:11px;margin-top:35px;gap:12px}.work-note>span{font-size:32px}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{min-height:280px;padding:24px 24px 25px 130px}.tool-top{position:absolute;top:23px;left:24px;right:24px}.tool-mark{position:absolute;left:28px;top:70px;margin:0}.figma-mark{transform:scale(.85);transform-origin:top left}.tool-card:hover .figma-mark{transform:scale(.85) rotate(-8deg)}.framer-mark{transform:scale(.8);transform-origin:top left}.tool-card:hover .framer-mark{transform:scale(.8) rotate(-8deg)}.rive-mark{font-size:85px;top:65px;left:22px;width:100px}.rive-mark>span{font-size:45px;margin-left:0}.tool-card h3{margin-top:60px;font-size:23px}.tool-card p{font-size:12px}.tool-chips{margin-top:25px}.tool-chips>span{font-size:8px}.process{padding-top:0}.process-grid{grid-template-columns:1fr;gap:22px}.process-card{min-height:220px;padding:25px}.process-card h3{font-size:25px}.process-card p{max-width:300px;font-size:13px}.step-number{font-size:42px}.step-connector{right:35px;top:auto;bottom:-28px;transform:rotate(90deg)}.journal .section-heading{flex-direction:column;align-items:flex-start;gap:22px}.journal-coming{font-size:8px}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-art{aspect-ratio:1.5}.journal-art-type>span{font-size:150px}.journal-art-motion>span{font-size:140px;margin:-25px}.journal-art-code>span{font-size:60px}.journal-card h3{font-size:23px}.journal-meta{font-size:8px}.journal-disclaimer{font-size:9px;line-height:1.5;max-width:290px}.contact-title{font-size:20vw;letter-spacing:-.075em}.contact-title>span{font-size:22vw;right:0;top:-5px}.contact .section-kicker{margin-bottom:45px}.contact-bottom{grid-template-columns:1fr auto;margin:45px 0;gap:25px}.contact-bottom>a:first-child{grid-column:span 2;font-size:19px}.contact-bottom p{font-size:11px}.contact-bottom>a:last-child{font-size:8px}.footer-line{font-size:6px;gap:20px;line-height:1.5}.footer-line>span:last-child{text-align:right;max-width:140px}dialog{padding:35px 22px}dialog h2{font-size:32px}#demo-code{font-size:10px;padding:18px}.js .reveal{transform:translateY(20px)}html{scroll-padding-top:75px}}
@media(max-width:370px){.hero h1{font-size:28px}.hero{height:770px}.hero-portrait{bottom:150px}.hero-name{top:245px}.statement{font-size:34px}.section-heading h2{font-size:32px}.tool-card{padding-left:115px}.tool-card h3{font-size:21px}.service-body>p{font-size:12px}.mini-layout{width:80px}.hero-meta>a{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}