@font-face{font-family:Caveat;src:url('/caveat.woff2') format('woff2'),url('/caveat.ttf') format('truetype');font-weight:400 700;font-display:block}@font-face{font-family:DM;src:url('/dm-sans.woff2') format('woff2'),url('/dm-sans.ttf') format('truetype');font-display:block}@font-face{font-family:Editorial;src:url('/cormorant-regular.woff2') format('woff2'),url('/cormorant-regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Editorial;src:url('/cormorant-italic.woff2') format('woff2'),url('/cormorant-italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--board:#242326;--paper:#f1eadf;--ink:#343039;--muted:#bdb6be;--lilac:#c9b6db;--line:#f1eadf29}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--board);color:var(--paper);font:16px DM,Arial,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}p{line-height:1.75}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font-family:Editorial,Georgia,serif;font-size:clamp(44px,5.2vw,72px);line-height:1.03;letter-spacing:-.035em}em{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px dashed #aa8fba;outline-offset:6px}button:disabled{opacity:.4;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}::selection{background:var(--lilac);color:var(--ink)}.header{margin:0 5.5%;height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-family:Caveat,cursive;font-size:39px;line-height:1;font-weight:500}.brand span{color:var(--lilac)}.header nav{display:flex;gap:32px}.header nav a,.hello{font-size:14px;padding:12px 0}.header nav a{border-bottom:1px solid transparent}.header nav a:hover,.header nav [aria-current=page]{border-color:var(--lilac)}.hello{border-bottom:1px solid #c9b6db70}.eyebrow{font-size:12px;letter-spacing:.13em;line-height:1.6;color:var(--muted);margin-bottom:16px}.hand{font-family:Caveat,cursive;font-size:28px;color:var(--lilac);line-height:1.2}.hero{max-width:1400px;padding:68px 5.5% 58px;margin:auto;min-height:645px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;background:radial-gradient(ellipse at 75% 55%,#3f354322,transparent 55%)}.hero-copy{max-width:530px}.hero-copy h1{font-family:Caveat,cursive;font-size:clamp(100px,10.8vw,157px);line-height:1.06;margin:0}.signature{display:inline-block;animation:write 1.2s .15s both;clip-path:inset(0 100% 0 0)}.signature>span{color:var(--lilac)}.chalk-stroke{width:116px;height:2px;background:var(--paper);transform:rotate(-4deg);transform-origin:left;animation:stroke .6s 1.1s both;margin:2px 0 27px 13px;opacity:.65}.hero-copy h2{font-size:clamp(42px,4.2vw,59px);margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:415px;margin-bottom:24px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #c9b6db70;padding:8px 0}.text-link:hover{color:var(--lilac)}.personal-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 8px;padding-bottom:58px}.chalk-object{display:flex;align-items:center;flex-direction:column;text-align:center;transition:transform .35s;min-width:0}.chalk-object:hover,.chalk-object:focus-visible{transform:translateY(-6px) rotate(0deg)}.chalk-object>span:last-child{font-family:Caveat,cursive;font-size:25px;line-height:1.25}.art{background-image:url('/chalk-objects.webp');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:lighten;width:195px;height:183px;max-width:100%}.plant-art{background-position:0 0}.phone-art{background-position:100% 0}.book-art{background-position:0 100%}.music-art{background-position:100% 100%}.plant{rotate:-4deg}.phone{rotate:4deg}.book{rotate:2deg}.music{rotate:-3deg}.board-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:25px;margin:0}.is-playing .music-art{animation:breathe 2s ease-in-out infinite}.work-section{background:var(--paper);color:var(--ink);padding:64px 5.5% 80px}.section-heading{max-width:1240px;margin:0 auto 36px;display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading .eyebrow,.work-copy .eyebrow{color:#776d7b}.section-heading h2{margin:0}.section-heading>p{margin:0 0 4px;color:#756d79;font-size:16px}.work-card{max-width:1240px;margin:0 auto 30px;display:grid;grid-template-columns:1.16fr 1fr;border:1px solid #34303922;overflow:hidden}.dandy-stage{background:#e2d8e9;padding:26px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:23px;min-height:615px;justify-content:space-between}.stage-meta{font-size:12px;color:#65566e;display:flex;justify-content:space-between;width:100%;gap:15px;line-height:1.5}.dandy-image-wrap{position:relative;display:flex;justify-content:center;width:100%;padding:0 30px}.dandy-image-wrap img{width:200px;height:auto;max-height:440px;object-fit:contain;border-radius:4px;filter:drop-shadow(0 17px 20px #382a4624)}.screen-note{position:absolute;right:0;bottom:25px;max-width:110px;transform:rotate(-7deg);font-size:25px;color:#80698f}.screen-options{display:flex;gap:3px;border:1px solid #34303924;border-radius:25px;padding:4px;background:#f1eadf80}.screen-options button{font-size:14px;padding:10px 15px;min-height:44px;border-radius:22px;color:var(--ink)}.screen-options [aria-pressed=true]{background:var(--ink);color:var(--paper)}.work-copy{padding:44px 42px;display:flex;flex-direction:column;align-items:start;justify-content:center}.work-number{font-family:Editorial,serif;font-style:italic;font-size:28px;color:#a495aa;margin-bottom:27px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tags span{font-size:12px;padding:6px 9px;border:1px solid #34303925}.work-copy h3{font:400 70px/1 Editorial,Georgia,serif;letter-spacing:-.045em;margin:0 0 18px}.work-copy>p:not(.hand){color:#756d79;font-size:17px;max-width:390px;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:14px 21px;font-size:14px;min-height:48px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#6d557b;border-color:#6d557b}.margin-note{font-size:26px;color:#8b7199;transform:rotate(-3deg);margin:32px 0 0;max-width:350px}.web-preview{background:#ddd3cc;padding:25px;display:flex;flex-direction:column;justify-content:center;min-width:0}.browser-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f2e9df;padding:11px 14px;color:#8a7b78;font-size:12px;border-radius:7px 7px 0 0}.browser-bar>span:first-child{font-size:8px;letter-spacing:3px}.restaurant-preview{position:relative;aspect-ratio:1.1;overflow:hidden;background:#34202a;color:#f2e9df;isolation:isolate}.restaurant-preview>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.restaurant-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(#28192365,#2819233a 45%,#281923a0);z-index:-1}.restaurant-nav{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f2e9df40;font-size:12px}.restaurant-nav>span:first-child{font:28px Editorial,Georgia,serif}.restaurant-copy{position:absolute;inset:36% 15px auto;text-align:center;display:flex;flex-direction:column;gap:13px}.restaurant-copy>span{font-size:12px;letter-spacing:.07em}.restaurant-copy strong{font:400 clamp(55px,6vw,85px)/1 Editorial,Georgia,serif;letter-spacing:-.035em}.preview-caption{position:absolute;bottom:18px;left:20px;font-size:12px}.saanjh-card .web-preview{min-height:500px}.approach{max-width:1400px;margin:auto;padding:90px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:70px}.approach h2{margin-bottom:22px}.approach>div>p:not(.eyebrow){color:var(--muted);max-width:360px}.questions details{border-top:1px solid var(--line);padding:24px 0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px;line-height:1.5;list-style:none;position:relative;padding-right:30px}summary::after{content:'+';position:absolute;right:0;color:var(--lilac)}details[open] summary::after{content:'−'}summary span{font-size:12px;color:var(--lilac);margin-right:17px}.questions details p{font-size:16px;color:var(--muted);padding-left:36px;margin:18px 0 0}.about-teaser{background:#302b33;padding:60px 7%;display:grid;grid-template-columns:220px 1fr 180px;align-items:center;gap:45px}.about-art{width:215px;height:202px}.about-teaser h2{font-size:60px;margin-bottom:22px}.about-teaser p:not(.eyebrow){max-width:530px;color:var(--muted)}.teaser-note{font-size:30px;transform:rotate(-5deg)}.contact{padding:70px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:45px}.contact h2{font-size:60px;margin-bottom:0}.contact-actions{font-size:16px}.contact-actions>a{border-bottom:1px solid #c9b6db60;padding-bottom:10px;display:inline-block;overflow-wrap:anywhere}.contact-actions>div{display:flex;gap:30px;margin-top:25px}.contact-actions>div a,.contact-actions button{font-size:14px;border-bottom:1px solid var(--line);padding:8px 0}.contact-actions>p{font-size:14px;color:var(--muted);min-height:25px;margin-top:12px}footer{margin:0 5.5%;padding:28px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer button{font-size:12px;color:var(--muted);margin:0}footer button{padding:10px 0;font-size:14px}.page-intro,.project-intro{max-width:1260px;margin:auto;padding:75px 5.5% 55px}.page-intro h1{font-family:Editorial,Georgia,serif;font-size:clamp(53px,6.5vw,90px);letter-spacing:-.04em;line-height:1.04;margin-bottom:25px}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:690px}.about-story{max-width:1260px;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:65px;margin:auto;padding:40px 5.5% 80px}.big-plant{width:300px;height:283px}.about-story p:not(.hand){color:var(--muted);font-size:17px}.about-story .hand{margin-top:30px}.places{background:var(--paper);color:var(--ink);padding:55px 6%}.places .eyebrow{color:#756d79}.places>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.places article{border-top:1px solid #34303929;padding:22px 0}.places article>span{font-size:12px;color:#8b7199}.places h3{font:48px Editorial,serif;margin:15px 0 10px}.places p{font-size:16px;color:#756d79;margin:0}.little-joys{padding:75px 6%}.joy-list{display:flex;flex-wrap:wrap;gap:12px;max-width:850px;margin:30px 0}.joy-list>span{font-size:16px;border:1px solid var(--line);padding:12px 20px}.little-joys .hand{margin-top:35px}.notebook{max-width:950px;margin:0 auto 80px;padding:40px 55px;background:var(--paper);color:var(--ink);transform:rotate(-.4deg)}.note-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:45px}.note-top>span:first-child{font-size:12px;color:#756d79}.note-top .hand{color:#8b7199;font-size:25px}.notebook h2{font-size:56px;margin-bottom:25px}.notebook>p{font-size:20px;color:#756d79;min-height:115px}.notebook #note-tags{display:flex;gap:10px;flex-wrap:wrap}.notebook #note-tags span{font-family:Caveat,cursive;font-size:25px;border:1px dashed #8b719970;padding:8px 15px;color:#80678f}.page-controls{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid #34303925;padding-top:20px}.page-controls button{font-size:14px;border-bottom:1px solid #34303950;padding:10px 0}.doodle-section{padding:65px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;background:#302b33}.doodle-section p:not(.eyebrow){color:var(--muted);max-width:320px}.drawing-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px}.swatch{width:32px;height:32px;border:3px solid #302b33;border-radius:50%;outline:1px solid transparent}.swatch[aria-pressed=true]{outline-color:var(--paper)}.ivory{background:var(--paper)}.lilac{background:var(--lilac)}.rose{background:#d9b6af}#clear-doodle{font-size:14px;margin-left:auto;padding:10px 0}#doodle{display:block;width:100%;height:auto;background:#242326;border:1px dashed var(--line);touch-action:none}.back-link{font-size:14px;display:inline-block;border-bottom:1px solid var(--line);padding:5px 0;margin-bottom:45px}.project-intro h1{font-family:Editorial,Georgia,serif;font-size:clamp(95px,12vw,165px);line-height:1;letter-spacing:-.04em;margin-bottom:20px}.project-intro h1 span{color:var(--lilac)}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.project-meta span{font-size:12px;color:var(--lilac)}.project-meta p{font-size:16px;margin:8px 0 0}.comparison{position:relative;background:#e2d8e9;padding:50px 15% 40px;display:flex;justify-content:center;align-items:start;gap:70px;color:var(--ink)}.comparison figure{margin:0;max-width:260px;width:40%}.comparison img{width:100%;height:auto;max-height:570px;object-fit:contain}.comparison figcaption{font-size:14px;color:#756d79;margin-top:20px;text-align:center}.comparison>.hand{position:absolute;right:5%;bottom:55px;color:#80678f;transform:rotate(-7deg);font-size:26px;max-width:160px}.project-layout{max-width:1260px;margin:auto;padding:80px 5.5%;display:grid;grid-template-columns:210px 1fr;gap:75px;align-items:start}.project-layout aside{position:sticky;top:25px}.project-layout aside nav{display:flex;flex-direction:column;gap:20px}.project-layout aside a{font-size:14px;color:var(--muted)}.project-layout aside a:hover{color:var(--lilac)}.project-content>section{padding-bottom:60px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.project-content>section:last-child{margin-bottom:0;padding-bottom:0;border:0}.section-number{display:block;font-family:Editorial,serif;font-style:italic;font-size:27px;color:var(--lilac);margin-bottom:18px}.project-content h2{font-size:65px;margin-bottom:28px}.project-content p,.project-content li{font-size:17px;color:var(--muted);line-height:1.8}.decision{margin:35px 0}.decision h3{font:32px Editorial,Georgia,serif;margin-bottom:12px}.project-content li{padding:5px 0}.project-content ul{padding-left:20px}.project-content .button{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-top:20px}.project-content .button:hover{background:var(--lilac)}.next-project{background:#302b33;padding:40px 6%;display:flex;flex-direction:column;gap:14px}.next-project>span{font-size:12px;color:var(--muted);letter-spacing:.1em}.next-project a{font-family:Editorial,Georgia,serif;font-size:38px}.next-project em{color:var(--lilac)}.case-web-preview{padding:0 5.5%;max-width:1260px;margin:auto}.case-web-preview .web-preview{padding:30px}.case-web-preview .restaurant-preview{aspect-ratio:2}.case-web-preview .restaurant-copy{inset:32% 20px auto}.case-web-preview .restaurant-copy strong{font-size:110px}.case-web-preview .restaurant-copy>span{font-size:14px}.saanjh-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:stretch}.saanjh-details img{width:100%;height:300px;object-fit:cover}.project-content .image-note{font-size:13px}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .signature{clip-path:none}.motion-off .chalk-stroke{transform:rotate(-4deg)}
@keyframes write{to{clip-path:inset(0 0 0 0)}}@keyframes stroke{from{scale:0 1}to{scale:1 1}}@keyframes breathe{50%{translate:0 -4px}}
@media(min-width:1500px){.hero{min-height:680px}.art{width:215px;height:202px}.personal-board{gap:32px}.hero-copy>p:not(.eyebrow){max-width:440px}}
@media(max-width:1050px){.hero{gap:25px}.art{width:165px;height:155px}.chalk-object>span:last-child{font-size:23px}.work-copy{padding:35px 28px}.screen-note{display:none}.about-teaser{grid-template-columns:160px 1fr;gap:30px}.about-art{width:160px;height:151px}.teaser-note{grid-column:2;font-size:25px}.contact h2{font-size:49px}.contact-actions{font-size:15px}.approach{gap:35px}.comparison>.hand{position:static;max-width:130px;align-self:center;font-size:23px}.comparison{padding:40px 6%;gap:35px}.project-layout{gap:40px;grid-template-columns:160px 1fr}.project-content h2{font-size:57px}.about-story{grid-template-columns:230px 1fr;gap:40px}.big-plant{width:230px;height:217px}.notebook{margin-left:6%;margin-right:6%}}
@media(max-width:700px){.header{height:77px;margin:0 6%;gap:12px}.brand{font-size:34px}.header nav{gap:15px}.header nav a{font-size:13px}.hello{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:45px 6% 45px;min-height:0}.hero-copy .eyebrow{font-size:11px;letter-spacing:.09em}.hero-copy h1{font-size:120px}.hero-copy h2{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:none}.chalk-stroke{margin-bottom:25px}.personal-board{max-width:450px;margin:auto;width:100%;gap:24px 10px;padding-bottom:55px}.art{width:100%;height:auto;aspect-ratio:1.06;max-width:190px}.chalk-object>span:last-child{font-size:25px}.board-note{font-size:25px}.work-section{padding:42px 6% 45px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:49px}.section-heading>p{margin-top:18px}.work-card{grid-template-columns:1fr;margin-bottom:28px}.dandy-stage{padding:22px 20px 25px;min-height:580px}.dandy-image-wrap img{width:190px;max-height:415px}.screen-options button{font-size:13px;padding:10px 12px}.work-copy{padding:28px 25px}.work-number{margin-bottom:15px}.work-copy h3{font-size:65px}.work-copy>p:not(.hand){font-size:16px}.margin-note{margin-top:25px}.saanjh-card .web-preview{min-height:0;padding:18px}.restaurant-preview{aspect-ratio:1.05}.restaurant-nav{padding:14px}.restaurant-nav>span:last-child{font-size:10px}.restaurant-copy strong{font-size:65px}.restaurant-copy{gap:10px}.restaurant-copy>span{font-size:10px}.approach{grid-template-columns:1fr;padding:50px 6%;gap:25px}.approach h2{font-size:52px}.questions details{padding:20px 0}.about-teaser{padding:42px 6%;grid-template-columns:1fr;gap:10px}.about-art{width:140px;height:132px;justify-self:start}.about-teaser h2{font-size:52px}.teaser-note{grid-column:auto;margin-top:15px}.contact{padding:50px 6% 35px;flex-direction:column;align-items:start;gap:35px}.contact h2{font-size:49px}.contact-actions{font-size:15px;max-width:100%}footer{padding:25px 0;flex-wrap:wrap}footer p{order:3;width:100%;font-size:12px}.page-intro,.project-intro{padding:47px 6% 38px}.page-intro h1{font-size:53px}.lead{font-size:18px}.about-story{padding:20px 6% 45px;grid-template-columns:1fr;gap:25px}.big-plant{width:200px;height:189px}.about-story h2{font-size:47px}.about-story p:not(.hand){font-size:16px}.places{padding:38px 6%}.places>div{grid-template-columns:1fr;gap:10px}.places h3{font-size:42px}.little-joys{padding:45px 6%}.little-joys h2{font-size:52px}.joy-list{gap:9px}.joy-list>span{padding:10px 13px;font-size:14px}.notebook{padding:25px;margin-bottom:40px}.note-top{margin-bottom:30px;align-items:center}.note-top .hand{font-size:22px;max-width:145px}.notebook h2{font-size:44px}.notebook>p{font-size:18px;min-height:165px}.notebook #note-tags span{font-size:23px}.doodle-section{padding:42px 6%;grid-template-columns:1fr;gap:22px}.doodle-section h2{font-size:52px}.project-intro h1{font-size:110px}.back-link{margin-bottom:30px}.project-meta{grid-template-columns:1fr;gap:20px;margin-top:28px}.project-meta p{margin-top:4px}.comparison{padding:28px 6%;gap:20px;flex-wrap:wrap}.comparison figure{width:calc(50% - 10px);max-width:240px}.comparison figcaption{font-size:12px;line-height:1.5}.comparison>.hand{width:100%;max-width:none;text-align:center;font-size:25px}.project-layout{grid-template-columns:1fr;padding:40px 6%;gap:35px}.project-layout aside{position:static}.project-layout aside nav{flex-direction:row;gap:20px;flex-wrap:wrap}.project-content h2{font-size:53px}.project-content p,.project-content li{font-size:16px}.project-content>section{padding-bottom:35px;margin-bottom:35px}.decision h3{font-size:31px}.next-project{padding:30px 6%}.next-project a{font-size:32px}.case-web-preview{padding:0 6%}.case-web-preview .web-preview{padding:18px}.case-web-preview .restaurant-preview{aspect-ratio:1.2}.case-web-preview .restaurant-copy{inset:35% 10px auto}.case-web-preview .restaurant-copy strong{font-size:68px}.case-web-preview .restaurant-copy>span{font-size:11px}.saanjh-details{gap:12px}.saanjh-details img{height:220px}.contact-actions>div{gap:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.signature{clip-path:none}}