:root{--ink:#181713;--paper:#fbf6e9;--paper-2:#f3ead7;--yellow:#f6c945;--blue:#8ec9ed;--green:#a9cf84;--coral:#ef806c;--line:2px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background-color:var(--paper);background-image:linear-gradient(rgba(39,72,113,.055) 1px,transparent 1px);background-size:100% 28px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100vw - 1160px)/2));background:rgba(251,246,233,.94);border-bottom:var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;white-space:nowrap}.brand-bee{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:48% 52% 44% 56%;background:var(--yellow);font-family:"Patrick Hand";transform:rotate(-5deg)}.site-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;font-size:14px;font-weight:600}.site-nav a{position:relative}.site-nav a:hover:after,.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--coral);border-radius:50%;transform:rotate(-2deg)}.menu-button{display:none;background:none;border:var(--line);font:600 14px inherit;padding:8px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;background:var(--yellow);border:var(--line);border-radius:7px;font-weight:700;box-shadow:4px 4px 0 var(--ink);transition:.18s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-small{padding:10px 16px;font-size:13px}.button.outline{background:transparent}.hero{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-block:86px 70px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:28px;border-top:2px solid currentColor;transform:rotate(-4deg)}h1,h2,h3{margin:0;font-family:"Patrick Hand",cursive;line-height:.98;font-weight:400}h1{font-size:clamp(58px,7.4vw,100px);max-width:700px}h1 em{position:relative;color:#287ba5;font-style:normal}h1 em:after{content:"";position:absolute;left:2%;right:0;bottom:2px;height:8px;background:var(--yellow);opacity:.7;z-index:-1;transform:rotate(-1deg)}h2{font-size:clamp(44px,5vw,68px)}h3{font-size:34px}.lead{max-width:610px;font-size:19px;line-height:1.65;color:#4b4942}.lead.small{font-size:17px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link,.card-link{font-weight:700;border-bottom:2px solid var(--ink)}.tiny-note{margin-top:30px;font-family:"Patrick Hand";font-size:17px;transform:rotate(-1deg)}.hero-art{position:relative}.hero-art img{width:100%;filter:drop-shadow(7px 10px 0 rgba(24,23,19,.1));transform:rotate(1.5deg)}.art-caption{display:block;width:max-content;margin:-12px auto 0;padding:4px 13px;background:var(--paper);border:1.5px solid var(--ink);font-family:"Patrick Hand";font-size:17px;transform:rotate(-2deg)}.scribble{position:absolute;right:2%;top:5%;font:26px "Patrick Hand";transform:rotate(9deg)}.ticker{overflow:hidden;padding:13px;border-block:var(--line);background:var(--yellow);font:21px "Patrick Hand";white-space:nowrap;text-align:center;word-spacing:17px}.ticker b{font-size:15px}.section{padding-block:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading>p{max-width:420px;line-height:1.6;color:#5c594f}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card{position:relative;display:block;min-height:430px;padding:28px;border:var(--line);border-radius:9px;box-shadow:6px 7px 0 var(--ink);transition:.2s}.project-card:hover{transform:rotate(0) translateY(-6px)}.project-card.yellow{background:#f8d96d}.project-card.blue{background:#a8d7ef}.project-card.green{background:#bbd99d}.tilt-left{transform:rotate(-1deg)}.tilt-right{transform:rotate(1.2deg)}.card-number{position:absolute;right:20px;top:15px;font:25px "Patrick Hand"}.project-icon{display:grid;place-items:center;width:108px;height:108px;margin:35px auto 38px;border:2px dashed var(--ink);border-radius:50%;background:rgba(255,255,255,.45);font:55px "Patrick Hand"}.tag{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.project-card>p:not(.tag){min-height:72px;line-height:1.5}.card-link{display:inline-block;margin-top:11px;font-size:14px}.dark-section{background:var(--ink);color:var(--paper);background-image:radial-gradient(#48453c 1px,transparent 1px);background-size:22px 22px}.dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.eyebrow.light{color:var(--yellow)}.service-list a{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center;padding:24px 5px;border-bottom:1px solid #5b574d}.service-list b{color:var(--yellow);font:23px "Patrick Hand"}.service-list strong{display:block;font:31px "Patrick Hand"}.service-list small{color:#bbb4a5}.service-list i{font-size:24px;font-style:normal}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.note-card{position:relative;padding:55px 44px;background:#fffdf5;border:var(--line);box-shadow:8px 9px 0 #c9bda4;transform:rotate(-2deg)}.note-card p{margin:0 0 23px;font:clamp(28px,3vw,42px)/1.2 "Patrick Hand"}.note-card small{font-weight:700}.tape{position:absolute;top:-17px;left:36%;width:120px;height:35px;background:rgba(246,201,69,.65);transform:rotate(3deg)}.cta-section{text-align:center;padding-block:110px;position:relative}.cta-section .eyebrow{justify-content:center}.cta-section>p:not(.eyebrow){font-size:18px}.cta-section .button{margin-top:22px}.doodle-arrow{position:absolute;right:14%;top:70px;font:60px "Patrick Hand";transform:rotate(10deg)}footer{padding:35px 0;background:var(--paper-2);border-top:var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.footer-inner>div{display:flex;gap:20px}.footer-inner a:not(.brand):hover{text-decoration:underline}
@media(max-width:850px){.site-header{padding-inline:20px}.menu-button{display:block;margin-left:auto}.header-cta{display:none}.site-nav{display:none;position:absolute;top:65px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:20px;background:var(--paper);border:var(--line);box-shadow:5px 5px 0 var(--ink)}.site-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{max-width:620px;margin:auto}.project-grid{grid-template-columns:1fr}.project-card{min-height:auto}.dark-grid,.split-note{grid-template-columns:1fr;gap:55px}.section-heading{align-items:start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner>div{flex-wrap:wrap}}
@media(max-width:520px){.page-shell{width:min(100% - 28px,1160px)}.hero{min-height:auto;padding-block:55px}.actions{align-items:flex-start;flex-direction:column}.section{padding-block:75px}.project-card{padding:23px}.split-note{gap:65px}.note-card{padding:45px 27px}.doodle-arrow{display:none}.footer-inner>div{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-card{transition:none}}