@font-face{font-display:swap;font-family:Happy Manrope;font-weight:200 800;src:url(https://51978665.fs1.hubspotusercontent-na1.net/hubfs/51978665/raw_assets/public/happy/fonts/Manrope.ttf) format("truetype")}:root{--ink:#24251f;--paper:#faf9f3;--yellow:#ffe44d;--blue:#3449dd;--coral:#ff846d;--lilac:#c7b8ef;--on-blue:#fff;--on-ink:#faf9f3;--line:#24251f;--ease:cubic-bezier(.2,.75,.2,1);--hp-width:1456px;--hp-gutter:64px;--hp-space:100px;--hp-speed:1;--hp-body:"Happy Manrope",Arial,sans-serif;--hp-heading:"Happy Manrope",Arial,sans-serif;--hp-focus:#3449dd}*{box-sizing:border-box}html{scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6;margin:0}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{color:inherit}a{text-decoration:none}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:800;letter-spacing:-.065em;line-height:1.08}h2{font-size:clamp(40px,4.5vw,68px)}p{font-weight:500}::selection{background:var(--lilac);color:var(--ink)}.skip{background:var(--ink);color:#fff;left:20px;padding:12px 24px;position:fixed;top:-100px;z-index:100}.skip:focus{top:10px}.sr-only{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.header{background:var(--paper);border-bottom:1px solid var(--ink);display:flex;gap:32px;justify-content:space-between;padding:0 4.5%;position:relative;z-index:10}.header,.logo{align-items:center}.logo{display:inline-flex;font-size:42px;font-weight:800;gap:9px;letter-spacing:-.09em;line-height:1}.logo svg{height:38px;width:38px}.logo-dot{align-self:flex-start;font-size:13px;letter-spacing:0;margin:4px 0 0 2px}.header nav{display:flex;font-size:14px;font-weight:700;gap:30px}.header nav a{padding:8px 0;position:relative}.header nav a:after{background:currentColor;bottom:4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s;width:100%}.header nav a:hover:after{transform:scaleX(1)}.header-actions{align-items:center;display:flex;gap:24px}.button{align-items:center;border:1px solid var(--ink);display:inline-flex;font-weight:700;gap:34px;justify-content:space-between;line-height:1.3;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.button span{font-size:25px;line-height:1;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-3px)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--paper);color:var(--ink)}.button.small{gap:28px;padding:14px 23px}.motion{align-items:center;background:transparent;display:flex;font-size:11px;font-weight:700;gap:7px;padding:8px 0}.motion>span:first-child{border:1px solid;border-radius:50%;display:grid;height:23px;place-items:center;width:23px}.menu-toggle{display:none}.hero{background:var(--yellow);overflow:hidden;padding:30px 4.5% 0;transition:background .7s}.eyebrow{align-items:center;display:flex;font-size:11px;font-weight:800;gap:10px;letter-spacing:.13em;line-height:1.5}.status-dot{background:currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(36,37,31,.09);display:inline-block;height:7px;width:7px}.hero-top{align-items:center;display:flex;justify-content:space-between}.hero-index{font-size:10px;font-weight:700;letter-spacing:.09em}.hero-grid{align-items:center;display:grid;gap:2%;grid-template-columns:1.2fr 1fr;margin:auto;max-width:1600px;min-height:650px;padding:35px 0 45px}.hero h1{font-size:clamp(64px,7.45vw,119px);letter-spacing:-.075em;line-height:1.055}.happy-word{color:var(--blue);display:inline-block;position:relative}.happy-word svg{bottom:-8px;height:18px;left:0;overflow:visible;position:absolute;width:100%}.happy-word path{animation:underline .9s .4s var(--ease) forwards;fill:none;stroke:currentColor;stroke-dasharray:600;stroke-dashoffset:600;stroke-linecap:round;stroke-width:7px}.hero-copy>p{font-size:18px;line-height:1.65;margin:33px 0 27px;max-width:420px}.hero-footnote{align-items:center;display:flex;font-size:11px;gap:15px;line-height:1.45;margin-top:37px}.mini-stars{color:var(--blue);font-size:38px;letter-spacing:-11px;padding-right:10px}.hero-bottom{border-top:1px solid var(--ink);font-size:10px;font-weight:800;justify-content:space-between;letter-spacing:.1em;padding:19px 0}.hero-bottom,.hero-bottom a{align-items:center;display:flex}.hero-bottom a{gap:26px}.hero-bottom a span{font-size:21px}.hero-art{height:530px;isolation:isolate;position:relative}.art-grid{background-image:radial-gradient(var(--ink) .7px,transparent .7px);background-size:18px 18px;inset:35px 2% 30px 8%;mask-image:radial-gradient(ellipse,#000 40%,transparent 70%);opacity:.2;position:absolute}.orbit-ring{border:1px solid var(--ink);border-radius:50%;inset:5% 2% 3% 1%;opacity:.4;position:absolute;scale:.86 1;transform:rotate(-30deg)}.flower{animation:flower-drift 14s ease-in-out infinite;left:-2%;position:absolute;top:1%;transform:rotate(-12deg);width:63%;z-index:3}.flower svg{display:block;width:100%}.art-note{animation:note-drift 12s ease-in-out infinite;background:var(--lilac);border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:23px 26px 27px;position:absolute;right:1%;top:21%;transform:rotate(9deg);width:50%;z-index:2}.art-note>span:first-child{font-size:8px;font-weight:800;letter-spacing:.1em}.art-note strong{display:block;font-size:clamp(46px,5.5vw,81px);letter-spacing:-.07em;line-height:.98;margin-top:21px}.art-note strong i{color:var(--blue);font-style:normal}.note-arrow{bottom:6px;font-size:61px;line-height:1;position:absolute;right:13px}.coral-smile{animation:smile-drift 10s ease-in-out infinite;aspect-ratio:1;background:var(--coral);border:1.5px solid var(--ink);border-radius:50%;bottom:1%;box-shadow:3px 4px 0 rgba(36,37,31,.8);left:12%;position:absolute;transform:rotate(-18deg);width:43%;z-index:4}.eyes{display:flex;justify-content:space-between;left:29%;position:absolute;right:29%;top:28%}.eyes i{animation:blink 8s 3s infinite;background:var(--ink);border-radius:50%;height:23px;transform-origin:center;width:12px}.smile-mouth{border:6px solid var(--ink);border-radius:0 0 100px 100px;border-top:0;height:35%;left:24%;position:absolute;right:24%;top:42%}.spark{animation:spin 35s linear infinite;font-size:95px;line-height:1;right:2%;top:-5%}.art-ticket,.spark{font-weight:800;position:absolute}.art-ticket{background:var(--paper);border:1.5px solid var(--ink);bottom:37%;display:flex;flex-direction:column;font-size:9px;left:0;letter-spacing:.08em;padding:9px 16px;transform:rotate(-8deg);z-index:5}.art-ticket span+span{border-top:1px solid var(--ink);margin-top:5px;padding-top:5px}.art-coordinate{bottom:0;font-size:8px;font-weight:700;letter-spacing:.09em;position:absolute;right:-1%;writing-mode:vertical-rl}.friends{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:40px;grid-template-columns:220px 1fr;padding:35px 4.5%}.friends>p{font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.8}.brand-names{align-items:center;display:flex;gap:25px;justify-content:space-between}.wordmark{font-size:27px;font-weight:800;letter-spacing:-.075em;line-height:.95}.north{font-size:23px}.north>span{margin-left:5px}.north>span,.wordmark-sun{font-size:30px}.loop{font-size:35px}.odd{font-size:16px;letter-spacing:-.02em}.bloom{font-size:34px;font-weight:700}.section{padding:110px 4.5%}.intro{display:grid;gap:40px;grid-template-columns:220px 1fr}.section-kicker{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.asterisk{color:var(--blue);font-size:85px;line-height:1}.statement{font-size:clamp(34px,3.55vw,56px);letter-spacing:-.055em;line-height:1.23}.highlight{background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 95%,transparent 95%)}.intro-bottom{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-top:36px}.intro-bottom p{font-size:15px;max-width:460px}.text-link{align-items:center;border-bottom:1px solid var(--ink);display:inline-flex;font-size:13px;font-weight:800;gap:32px;padding-bottom:7px;white-space:nowrap}.text-link span{font-size:23px;transition:transform .3s}.text-link:hover span{transform:rotate(45deg)}.work{background:#eeeee7;padding-top:92px}.section-heading{align-items:flex-end;display:flex;gap:40px;justify-content:space-between;margin-bottom:50px}.section-heading .eyebrow{margin-bottom:21px}.section-heading>p{font-size:14px;margin-bottom:5px;max-width:340px}.work-grid{display:grid;gap:28px;grid-template-columns:1fr 1fr}.project-image{display:block;height:500px;isolation:isolate;overflow:hidden;position:relative;text-align:left;width:100%}.project-image:after{box-shadow:inset 0 0 0 1px var(--line);content:"";inset:0;pointer-events:none;position:absolute}.project-oat{background:#ffc5d5}.project-topline{font-size:9px;font-weight:800;left:30px;letter-spacing:.1em;position:absolute;top:24px}.oat-burst{color:#d92c3e;font-size:420px;line-height:1;position:absolute;right:-90px;top:40px;transform:rotate(10deg);transition:transform 1s var(--ease)}.oat-carton{filter:drop-shadow(25px 28px 9px rgba(75,18,25,.16));height:320px;left:calc(50% - 105px);position:absolute;top:112px;transform:rotate(-12deg);transition:transform .8s var(--ease);width:205px}.carton-front{background:#fffbea;border:1px solid #d5bd99;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:20px 20px 15px;position:absolute;z-index:2}.carton-front>span{font-size:8px;font-weight:800;letter-spacing:.06em;line-height:1.5}.carton-front strong{color:#bc2032;font-size:75px;letter-spacing:-.085em;line-height:.83}.carton-front strong span{font-size:14px;letter-spacing:0;vertical-align:top}.carton-smile{bottom:82px;color:#bc2032;font-size:100px;left:65px;line-height:.4}.carton-side,.carton-smile{font-weight:800;position:absolute}.carton-side{background:#e5e858;border:1px solid #bcbd37;font-size:8px;height:100%;left:100%;letter-spacing:.1em;padding:25px 8px;top:0;transform:skewY(-22deg);transform-origin:left top;width:34px;writing-mode:vertical-rl}.carton-top{background:#eee9d5;border-bottom:1px solid #c7b99e;clip-path:polygon(18% 0,86% 0,100% 100%,0 100%);height:46px;left:0;position:absolute;top:-45px;width:100%}.carton-top:after{background:#fff;border:2px solid #e1dfcd;border-radius:50%;content:"";height:20px;position:absolute;right:38px;top:14px;width:37px}.project-sticker{background:#e7f065;border:1px solid var(--ink);border-radius:50%;display:grid;font-size:13px;font-weight:800;height:100px;line-height:1.3;place-content:center;position:absolute;right:26px;text-align:center;top:27px;transform:rotate(15deg);width:100px}.project-open{background:var(--paper);border:1px solid var(--ink);border-radius:50%;bottom:20px;display:grid;font-size:27px;height:50px;place-items:center;position:absolute;right:20px;transition:transform .4s,background .4s;width:50px;z-index:5}.project-image:hover .project-open{background:var(--yellow);transform:rotate(45deg)}.project-image:hover .oat-carton{transform:rotate(-5deg) translateY(-10px)}.project-image:hover .oat-burst{transform:rotate(40deg)}.project-loop{background:#b9caff}.loop-word{color:#263796;font-size:67px;font-weight:800;left:30px;letter-spacing:-.085em;line-height:1;position:absolute;top:20px}.loop-word>span{font-size:35px;margin-left:5px;vertical-align:top}.loop-orbit{border:1px solid #263796;border-radius:50%;height:150px;left:-60px;position:absolute;top:180px;transform:rotate(-32deg);width:620px}.orbit-two{transform:rotate(-32deg) translateY(75px)}.loop-device{background:#e9f183;border:7px solid #24251f;border-radius:35px;box-shadow:13px 20px 0 rgba(42,47,94,.2);color:#263796;height:400px;left:calc(50% - 90px);padding:12px 14px;position:absolute;top:76px;transform:rotate(12deg);transition:transform .8s var(--ease);width:222px}.device-bar{color:#24251f;display:flex;font-size:7px;justify-content:space-between;margin-bottom:25px}.device-brand{font-size:14px;font-weight:800;letter-spacing:-.07em}.loop-device h4{font-size:24px;letter-spacing:-.06em;margin:12px 0 21px}.activity-ring{border:17px solid #263796;border-radius:50%;border-right-color:#b8c569;display:grid;height:155px;place-content:center;position:relative;width:155px}.activity-ring strong{font-size:18px;letter-spacing:-.07em;line-height:1.1}.activity-ring>span{background:#b9caff;border-radius:50%;font-size:24px;height:35px;position:absolute;right:-21px;text-align:center;top:-12px;width:35px}.device-progress{font-size:7px;font-weight:800;margin:20px 0 9px}.device-days,.device-progress{display:flex;justify-content:space-between}.device-days{gap:5px}.device-days i{background:#263796;border-radius:50%;height:15px;width:15px}.device-days i:nth-child(n+5){background:#b8c569}.loop-caption{bottom:25px;color:#263796;font-size:10px;font-weight:800;left:25px;letter-spacing:.07em;line-height:1.4;position:absolute}.project-image:hover .loop-device{transform:rotate(5deg) translateY(-9px)}.project-meta{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:22px}.project-meta h3{font-size:28px;letter-spacing:-.05em}.project-meta>span{font-size:10px;font-weight:600}.project>p{font-size:13px;margin-top:8px}.work-note{border-top:1px solid var(--line);display:flex;font-size:11px;gap:25px;justify-content:space-between;margin-top:45px;padding-top:25px}.work-note>span{font-weight:800}.services{display:grid;gap:10%;grid-template-columns:1fr 1.5fr}.services-intro h2{margin:21px 0 24px}.services-intro>p:last-of-type{font-size:14px;max-width:300px}.service-art{align-items:center;display:flex;gap:12px;height:150px;margin-top:25px}.service-art>span:first-child{animation:spin 50s linear infinite;color:var(--coral);font-size:140px;line-height:1}.service-art>span:last-child{color:var(--blue);font-size:100px;line-height:1}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{align-items:center;cursor:pointer;display:flex;gap:25px;list-style:none;padding:29px 0}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;font-weight:700}summary h3{flex:1;font-size:clamp(21px,2.4vw,34px);letter-spacing:-.05em}.plus{font-size:27px;font-weight:400;transition:transform .4s}details[open] .plus{transform:rotate(45deg)}.service-content{animation:content-in .35s var(--ease);padding:0 0 29px 42px}.service-content p{font-size:14px;max-width:530px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags>span{border:1px solid var(--line);border-radius:30px;font-size:9px;font-weight:700;padding:6px 11px}.marquee{background:var(--blue);color:#fff;margin:10px 0 20px;overflow:hidden;padding:23px 0;transform:rotate(-2deg)}.marquee-track{animation:marquee 45s linear infinite;display:flex;width:max-content}.marquee-track>span{font-size:clamp(26px,3.6vw,56px);font-weight:800;letter-spacing:-.035em;padding-right:20px;white-space:nowrap}.approach{padding-bottom:90px}.approach-grid{display:grid;gap:23px;grid-template-columns:repeat(3,1fr)}.approach-card{border:1px solid var(--ink);border-radius:0 0 85px 0;min-height:395px;padding:26px 29px 32px;transition:transform .4s,box-shadow .4s}.approach-card:nth-child(2){border-radius:90px 0 0 0}.approach-card:nth-child(3){border-radius:0 85px 0 0}.approach-card:hover{box-shadow:5px 7px 0 var(--ink);transform:translateY(-7px)}.lilac{background:var(--lilac)}.yellow{background:var(--yellow)}.coral{background:var(--coral)}.card-top{align-items:center;display:flex;font-size:9px;font-weight:800;justify-content:space-between;letter-spacing:.08em}.card-top>span:last-child{font-size:25px}.approach-card:nth-child(2) .card-top{padding-left:24px}.approach-card:nth-child(3) .card-top{padding-right:24px}.approach-icon{align-items:center;display:flex;font-size:125px;height:160px;justify-content:center;line-height:1}.curiosity{gap:12px}.curiosity i{border:2px solid var(--ink);border-radius:50%;display:grid;height:82px;place-items:center;transform:rotate(10deg);width:62px}.curiosity i:after{background:var(--ink);border-radius:50%;content:"";height:30px;transform:translate(8px,7px);width:22px}.curiosity i+i{transform:rotate(-10deg)}.idea{color:var(--blue);transition:transform .8s}.approach-card:hover .idea{transform:rotate(50deg)}.launch{font-size:165px;transition:transform .6s}.approach-card:hover .launch{transform:translate(10px,-10px)}.approach-card h3{font-size:25px;letter-spacing:-.05em;margin-bottom:15px}.approach-card p{font-size:13px;line-height:1.7;max-width:305px}.play{align-items:center;border-top:1px solid var(--line);display:flex;gap:60px;justify-content:space-between;padding-bottom:65px;padding-top:65px}.play h2{font-size:32px;letter-spacing:-.05em;line-height:1.2;margin:15px 0}.play p:not(.eyebrow){font-size:13px}.palette-choices{display:flex;gap:13px}.palette{background:transparent;border:1px solid var(--line);font-size:11px;font-weight:700;min-width:115px;padding:13px;text-align:left;transition:transform .25s,box-shadow .25s}.palette.active{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.palette:hover{transform:translateY(-4px)}.palette>span:last-child{float:right}.swatch{border-radius:32px 32px 0 0;display:block;height:55px;margin-bottom:12px}.sunshine{background:linear-gradient(90deg,#ffe44d 33%,#3449dd 0,#3449dd 66%,#ff846d 0)}.candy{background:linear-gradient(90deg,#f6bce1 33%,#7136ba 0,#7136ba 66%,#badd95 0)}.fresh{background:linear-gradient(90deg,#d6f28c 33%,#245b49 0,#245b49 66%,#f5b96d 0)}.contact{background:var(--yellow);border-top:1px solid var(--ink);padding:30px 4.5% 35px;transition:background .7s}.contact-top{display:flex;gap:25px;justify-content:space-between}.contact-top>span{font-size:9px;font-weight:800;letter-spacing:.1em}.contact-main{align-items:center;display:flex;gap:50px;justify-content:space-between;padding:55px 0 40px}.contact h2{font-size:clamp(78px,12vw,180px);letter-spacing:-.075em;line-height:.95}.contact h2>span{color:var(--blue)}.contact-circle{align-items:center;background:var(--blue);border:1px solid var(--blue);border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:17px;font-weight:700;gap:13px;height:240px;justify-content:center;line-height:1.4;transition:transform .5s,background .5s,color .5s;width:240px}.contact-circle:hover{background:var(--paper);color:var(--blue);transform:rotate(-12deg)}.big-arrow{font-size:75px;line-height:1}.contact-bottom{align-items:center;border-top:1px solid var(--ink);display:flex;font-size:13px;justify-content:space-between;padding-top:26px}.contact-smile{font-size:55px;line-height:1}footer{align-items:center;display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr;padding:55px 4.5% 25px}footer>.logo{font-size:57px}footer>p{font-size:13px}footer>div:not(.footer-bottom){display:flex;font-size:12px;font-weight:700;gap:25px;justify-content:flex-end}.footer-bottom{border-top:1px solid var(--line);display:flex;font-size:9px;gap:20px;grid-column:1/-1;justify-content:space-between;margin-top:28px;padding-top:22px}.footer-bottom a{font-weight:800;letter-spacing:.07em}dialog{background:var(--paper);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink);color:var(--ink);max-height:85dvh;max-width:760px;overflow:auto;padding:48px;width:calc(100% - 40px)}dialog::backdrop{backdrop-filter:blur(6px);background:rgba(25,26,30,.65)}dialog[open]{animation:dialog-in .35s var(--ease)}.dialog-close{background:transparent;font-size:35px;padding:0 10px;position:absolute;right:16px;top:12px}.dialog-close:hover{color:var(--blue)}dialog h2{font-size:50px;margin:20px 0}dialog>p:not(.eyebrow){font-size:15px;max-width:590px}.dialog-project-art{background:var(--lilac);color:var(--blue);display:grid;font-size:85px;font-weight:800;height:200px;letter-spacing:-.08em;margin:25px 0;place-items:center}.dialog-columns{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:30px 0}.dialog-columns h3{font-size:22px;margin-bottom:10px}.dialog-columns p{font-size:13px}fieldset{border:0;margin:25px 0;padding:0}legend{font-size:14px;font-weight:800;margin-bottom:12px}fieldset label{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:13px;gap:10px;padding:12px 0}input[type=checkbox]{accent-color:var(--blue);height:18px;width:18px}form>label{font-size:13px;font-weight:700}form>label span{font-weight:400}textarea{background:transparent;border:1px solid var(--ink);color:var(--ink);display:block;font-size:14px;margin:10px 0 20px;padding:14px;resize:vertical;width:100%}.prototype-note{font-size:10px;margin-top:15px}#brief-result{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}#brief-result h3{font-size:26px;margin-bottom:18px}#brief-text{font-size:14px;margin-bottom:23px;white-space:pre-wrap}#copy-status{font-size:12px;margin-top:12px}.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(25px)}.approach-card:nth-child(2){transition-delay:.08s}.approach-card:nth-child(3){transition-delay:.16s}body.motion-paused *,body.motion-paused :after,body.motion-paused :before{animation-play-state:paused}body.motion-paused .reveal{opacity:1;transform:none}body.motion-paused .happy-word path{stroke-dashoffset:0}html:has(body.motion-paused){scroll-behavior:auto}@keyframes flower-drift{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(5deg) translateY(-9px)}}@keyframes note-drift{0%,to{transform:rotate(9deg)}50%{transform:rotate(5deg) translateY(8px)}}@keyframes smile-drift{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-8deg) translateY(-8px)}}@keyframes blink{0%,44%,48%,to{scale:1 1}46%{scale:1 .1}}@keyframes spin{to{rotate:1turn}}@keyframes underline{to{stroke-dashoffset:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes content-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1600px){.contact,.friends,.header,.hero,.section,footer{padding-left:max(4.5%,calc(50% - 728px));padding-right:max(4.5%,calc(50% - 728px))}.hero-grid{min-height:730px}.hero-art{height:590px}.project-image{height:570px}.oat-carton{top:145px}.loop-device{top:110px}}@media(max-width:1100px){.header nav{gap:20px}.header-actions{gap:17px}.motion-label{display:none}.hero-grid{min-height:590px}.hero h1{font-size:8vw}.hero-art{height:460px}.flower{left:-5%;top:8%;width:70%}.art-note{padding:20px;top:26%;width:54%}.coral-smile{bottom:5%;left:6%;width:46%}.spark{font-size:70px;top:3%}.hero-copy>p{font-size:16px;max-width:355px}.friends,.intro{gap:25px;grid-template-columns:160px 1fr}.brand-names{gap:20px}.wordmark{font-size:23px}.odd{font-size:13px}.intro-bottom{align-items:flex-start;flex-direction:column}.services{gap:6%}.project-image{height:430px}.oat-carton{scale:.85;top:89px}.loop-device{scale:.9;top:65px}.project-sticker{font-size:10px;height:78px;width:78px}.project-meta{align-items:flex-start;flex-direction:column;gap:7px}.approach-card{min-height:410px;padding:24px}.approach-card h3{font-size:23px}.palette{min-width:94px}.play{gap:30px}.contact-circle{flex-shrink:0;height:210px;width:210px}.section{padding-bottom:80px;padding-top:80px}}@media(max-width:760px){.header{gap:15px;height:78px;padding:0 6%}.logo{font-size:34px}.logo svg{height:30px;width:30px}.header-actions{gap:16px}.header .button{display:none}.menu-toggle{align-items:center;background:transparent;display:flex;font-size:12px;font-weight:700;gap:8px;padding:10px 0}.menu-toggle span{font-size:20px}.header nav{background:var(--paper);border-bottom:1px solid var(--ink);display:none;flex-direction:column;gap:8px;left:0;padding:25px 6%;position:absolute;right:0;top:77px}.header nav.open{display:flex}.header nav a{font-size:23px;padding:9px 0}.hero{padding:25px 6% 0}.hero-index{display:none}.hero-grid{gap:15px;grid-template-columns:1fr;min-height:0;padding:39px 0 25px}.hero h1{font-size:clamp(52px,11.7vw,87px);letter-spacing:-.07em}.hero-copy>p{font-size:15px;margin:28px 0 23px;max-width:360px}.button{font-size:12px;gap:28px;padding:17px 23px}.hero-footnote{display:none}.hero-art{height:420px;margin:15px auto 0;max-width:450px;width:100%}.flower{left:1%;top:0;width:60%}.art-note{right:3%;top:22%;width:49%}.art-note strong{font-size:65px}.coral-smile{bottom:4%;left:13%;width:40%}.spark{font-size:74px;right:6%;top:-1%}.art-ticket{bottom:32%;left:2%}.orbit-ring{inset:2% 7% 5% 7%}.hero-bottom{font-size:8px}.hero-bottom a{gap:16px}.eyebrow{font-size:9px}.friends{display:block;padding:28px 6%}.friends>p{font-size:8px;line-height:1.5;margin-bottom:24px;max-width:none}.friends>p br{display:none}.brand-names{flex-wrap:wrap;gap:22px;justify-content:space-between}.brand-names .bloom{display:none}.north,.wordmark{font-size:20px}.odd{font-size:12px}.wordmark-sun{font-size:23px}.section{padding:65px 6%}.intro{gap:25px;grid-template-columns:1fr}.section-kicker{align-items:center;flex-direction:row}.asterisk{font-size:35px}.statement{font-size:32px;line-height:1.3}.statement br:first-child{display:none}.intro-bottom{gap:25px;margin-top:25px}.intro-bottom p{font-size:14px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{font-size:13px;margin-top:22px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:43px}.work-grid{gap:37px;grid-template-columns:1fr}.project-image{height:440px}.project-meta{align-items:center;flex-direction:row}.project-meta h3{font-size:25px}.project-meta>span{font-size:8px;max-width:180px;text-align:right}.project>p{font-size:12px}.work-note{flex-direction:column;font-size:10px;gap:9px;line-height:1.7;margin-top:30px}.project-sticker{height:82px;width:82px}.oat-carton{scale:.9;top:93px}.loop-device{scale:.91;top:52px}.loop-word{font-size:60px}.services{gap:30px;grid-template-columns:1fr}.services-intro{position:relative}.services-intro h2{margin:20px 0}.services-intro>p:last-of-type{max-width:275px}.service-art{opacity:.9;pointer-events:none;position:absolute;right:0;top:20px}.service-art>span:first-child{font-size:76px}.service-art>span:last-child{display:none}summary{gap:17px;padding:25px 0}summary h3{font-size:25px}.service-content{padding-left:33px}.service-content p{font-size:13px}.marquee{margin:0;padding:17px 0}.marquee-track>span{font-size:31px}.approach-grid{gap:20px;grid-template-columns:1fr}.approach-card{min-height:330px;padding:27px 30px}.approach-icon{height:135px}.approach-card p{max-width:none}.approach-card h3{font-size:26px}.approach-card:nth-child(n){transition-delay:0}.play{display:block}.play h2{font-size:28px}.palette-choices{gap:12px;margin-top:27px}.palette{flex:1;min-width:0}.contact{padding:25px 6%}.contact-top>span{display:none}.contact-main{align-items:flex-start;flex-direction:column;gap:30px;padding:36px 0}.contact h2{font-size:20vw}.contact-circle{align-self:flex-end;font-size:12px;gap:4px;height:145px;margin-top:-2px;width:145px}.big-arrow{font-size:50px}.contact-bottom{font-size:11px;gap:20px}.contact-smile{font-size:44px}footer{gap:22px;grid-template-columns:1fr 1fr;padding:35px 6% 25px}footer>.logo{font-size:48px}footer>p{font-size:11px;text-align:right}footer>div:not(.footer-bottom){font-size:12px;gap:30px;grid-column:1/-1;justify-content:flex-start}.footer-bottom{flex-direction:column;font-size:8px;gap:8px;margin-top:7px}dialog{box-shadow:6px 6px 0 var(--ink);padding:38px 25px;width:calc(100% - 30px)}dialog h2{font-size:39px}.dialog-columns{gap:20px;grid-template-columns:1fr}.dialog-project-art{font-size:60px;height:170px}.dialog-close{right:8px;top:8px}}@media(max-width:380px){.hero-art{height:355px}.art-note strong{font-size:53px}.art-note{padding:16px}.smile-mouth{border-width:4px}.eyes i{height:17px;width:8px}.spark{font-size:58px}.project-image{height:390px}.oat-carton{scale:.78;top:73px}.loop-device{scale:.8;top:30px}.project-topline{font-size:7px;left:20px}.project-meta{align-items:flex-start;flex-direction:column}.project-meta>span{max-width:none;text-align:left}.statement{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}.happy-word path{stroke-dashoffset:0}.js-motion .reveal:not(.visible){opacity:1;transform:none}}main{overflow-x:clip}.hero h1{letter-spacing:-.065em}html{scroll-behavior:smooth}body{font-family:var(--hp-body);font-size:16px;font-weight:500;line-height:1.65}p{font-weight:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--hp-heading);font-weight:800;letter-spacing:-.055em}h1{font-size:clamp(48px,7.3vw,108px)}h2{font-size:clamp(36px,4.3vw,64px)}h3{font-size:clamp(25px,2.4vw,32px)}h4{font-size:clamp(21px,1.9vw,25px)}h5{font-size:clamp(18px,1.6vw,20px)}h6{font-size:clamp(16px,1.3vw,17px)}.hp-module [hidden],[hidden]{display:none}.hp-module{padding:var(--hp-space) 0;position:relative}.hp-container{margin-inline:auto;max-width:calc(var(--hp-width) + var(--hp-gutter)*2);padding-inline:var(--hp-gutter);width:100%}.hp-width-reading{max-width:calc(760px + var(--hp-gutter)*2)}.hp-width-full{max-width:none}.hp-space-compact{padding-block:calc(var(--hp-space)*.5)}.hp-space-none{padding-block:0}.hp-divider{border-bottom:1px solid var(--line)}.hp-surface-paper{background:var(--paper);color:var(--ink)}.hp-surface-yellow{background:var(--yellow);color:var(--ink)}.hp-surface-blue{background:var(--blue);color:var(--on-blue)}.hp-surface-coral{background:var(--coral);color:var(--ink)}.hp-surface-lilac{background:var(--lilac);color:var(--ink)}.hp-surface-white{background:#fff;color:var(--ink)}.hp-surface-ink{background:var(--ink);color:var(--on-ink)}.hp-surface-transparent{background:transparent;color:inherit}.hp-intro>.eyebrow{margin-bottom:20px}.hp-intro .hp-lead{margin-top:25px;max-width:640px}.hp-lead{font-size:17px;line-height:1.7}.hp-rich p+p{margin-top:1em}.hp-rich h2,.hp-rich h3{margin:1.4em 0 .6em}.hp-rich ol,.hp-rich ul{padding-left:1.3em}.hp-rich a{text-decoration:underline;text-underline-offset:4px}.hp-rich img{height:auto;max-width:100%}.hp-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.button{border-radius:100px;font-family:"Manrope",var(--hp-body);font-size:14px;padding:19px 26px}.button.dark{background:#24251f;color:#faf9f3}.button.dark:focus-visible,.button.dark:hover{background:#faf9f3;color:#24251f}:focus-visible{outline:3px solid var(--hp-focus);outline-offset:5px}.hp-section-heading{align-items:flex-end;display:flex;gap:35px;justify-content:space-between;margin-bottom:40px}.hp-section-heading .hp-intro{max-width:780px}.hp-grid{display:grid;gap:25px;grid-template-columns:repeat(var(--hp-columns,3),minmax(0,1fr))}.hp-card{background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:30px}.hp-card h3{font-size:29px;margin-bottom:16px}.hp-card p{font-size:14px}.hp-meta{font-size:11px;font-weight:700;gap:15px;letter-spacing:.04em}.hp-filterbar,.hp-meta{display:flex;flex-wrap:wrap}.hp-filterbar{border-block:1px solid var(--line);gap:20px;margin:25px 0;padding:25px 0}.hp-filterbar label{flex:1;font-size:12px;font-weight:700;min-width:160px}.hp-filterbar input,.hp-filterbar select{background:var(--paper);border:1px solid var(--line);color:var(--ink);display:block;margin-top:9px;padding:13px 15px;width:100%}.hp-empty{padding:25px 0}.hp-editor-notice{background:var(--yellow);color:var(--ink);font-size:14px;padding:14px 25px;text-align:center}.hp-editor-notice a{text-decoration:underline}.hp-reveal{transition:opacity .7s,translate .7s}.hp-motion-ready .hp-reveal:not(.hp-visible){opacity:0;translate:0 25px}.motion-paused .hp-reveal{opacity:1;translate:0 0}.header{background:#faf9f3;color:#24251f;height:100px}.header .hp-logo-image{max-height:40px;max-width:220px;width:auto}.hp-footer{background:#faf9f3;color:#24251f}.hp-footer footer{padding-inline:0}.hp-footer .logo img{max-height:60px;max-width:200px;width:auto}.hp-form .hs-form-field{margin-bottom:22px}.hp-form label{color:#24251f;display:block;font-family:"Manrope",var(--hp-body);font-size:13px;margin-bottom:8px}.hp-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.hp-form select,.hp-form textarea{background:#fff;border:1px solid #777970;border-radius:4px;color:#24251f;min-height:50px;padding:12px 15px;width:100%}.hp-form input::placeholder,.hp-form textarea::placeholder{color:#5c5e55}.hp-form .hs-error-msgs label{color:#a81c32}.hp-form .form-title{font-family:"Manrope",var(--hp-heading);font-size:32px}.hp-form button[type=submit],.hp-form input[type=submit]{background:#24251f;border:1px solid;border-radius:100px;color:#faf9f3;cursor:pointer;font-weight:700;padding:19px 26px}.hp-form button[type=submit]:hover,.hp-form input[type=submit]:hover{background:#faf9f3;color:#24251f}.hp-form ul{list-style:none;padding:0}.hp-form li label{align-items:flex-start;display:flex;gap:9px}.hp-form input[type=checkbox]{flex-shrink:0;width:18px}.hp-form .hs-form-booleancheckbox-display span{margin:0}.hp-form fieldset{max-width:none}.dnd-section .dnd-column,.dnd-section .dnd-row,.dnd-section>.row-fluid{padding:0}.row-fluid{width:100%}.row-fluid:after{clear:both;content:"";display:table}.row-fluid>[class*=span]{float:left;margin-left:2.12766%;min-height:1px}.row-fluid>[class*=span]:first-child{margin-left:0}.row-fluid>.span1{width:6.382978%}.row-fluid>.span2{width:14.893616%}.row-fluid>.span3{width:23.404254%}.row-fluid>.span4{width:31.914892000000002%}.row-fluid>.span5{width:40.42553%}.row-fluid>.span6{width:48.936168%}.row-fluid>.span7{width:57.446806%}.row-fluid>.span8{width:65.957444%}.row-fluid>.span9{width:74.468082%}.row-fluid>.span10{width:82.97872%}.row-fluid>.span11{width:91.489358%}.row-fluid>.span12{width:99.999996%;width:100%}.dnd-column:not(.span12) .hp-container{padding-inline:20px}.dnd-column:not(.span12) .hp-grid,.dnd-column:not(.span12) .hp-split{grid-template-columns:1fr}.hp-module img{height:auto;max-width:100%}.hp-blog-body{font-size:17px;line-height:1.85;margin:40px auto;max-width:760px}.hp-blog-image{display:block;max-height:650px;object-fit:cover;width:100%}.hp-pagination{display:flex;gap:25px;justify-content:center;padding:35px 0}.hp-system{min-height:60vh;padding:90px 0}.hp-system-inner{margin:auto;max-width:700px}.hp-system h1{font-size:clamp(48px,6vw,80px);margin-bottom:25px}.hp-system .hp-form{margin-top:30px}.hp-system p{margin-bottom:20px}.hp-system a{text-decoration:underline}@media(max-width:1000px){:root{--hp-gutter:35px}.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){:root{--hp-gutter:24px;--hp-space:65px}.hp-grid{grid-template-columns:1fr}.hp-section-heading{display:block}.hp-section-heading>.button{margin-top:25px}.hp-lead{font-size:15px}.header{height:78px}.row-fluid>[class*=span]{float:none;margin-left:0;width:100%}.dnd-column:not(.span12) .hp-container,.hp-container{padding-inline:var(--hp-gutter)}.hp-form .form-columns-2 .hs-form-field{float:none;width:100%}}@media(prefers-reduced-motion:reduce){.hp-motion-ready .hp-reveal:not(.hp-visible){opacity:1;translate:0 0}}.hp-native-blog img{height:260px;object-fit:cover;width:100%}.hp-native-blog .hp-meta{margin-top:22px}.hp-native-blog h2{font-size:31px;margin:18px 0}.hp-native-blog article>p{font-size:14px}.hp-native-blog .text-link{margin-top:22px}.hp-system__inner{margin:auto;max-width:700px}.hp-system__title{margin-bottom:25px}.hp-system__form{margin-top:30px}.hp-system__help{font-size:13px;margin-top:25px}.hp-system__actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.hp-search{padding:80px 0}.hp-search__heading{margin-bottom:30px}.hp-search__form{margin:30px 0}.hp-search input{max-width:600px;padding:15px;width:100%}.hp-system form input:not([type=submit]):not([type=checkbox]){margin:8px 0 18px;padding:14px;width:100%}.hp-system form input[type=submit]{background:var(--ink);border:1px solid;border-radius:40px;color:var(--paper);cursor:pointer;padding:16px 24px}.hp-system form input[type=submit]:hover{background:var(--paper);color:var(--ink)}