@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
:root{--yellow:#ffc51b;--ink:#251e1c;--paper:#fffdf8;--orange:#eb693b;--green:#234b3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b13f16;outline-offset:6px}header{height:85px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #251e1c25}.wordmark{font-family:'Fredoka',sans-serif;font-size:30px;font-weight:500;letter-spacing:-1px}.wordmark span{color:var(--orange);margin-left:3px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}.contact-link{border-bottom:2px solid var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(64px,7.1vw,110px);margin-bottom:25px}h1 span{font-weight:400}h2{font-size:clamp(46px,6vw,82px);margin-bottom:30px}h3{font-size:46px}.hero{min-height:850px;height:100svh;max-height:1100px;background:var(--yellow);position:relative;overflow:hidden;padding:135px 7% 70px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.intro{font-size:14px;font-weight:600;margin-bottom:30px}.hero-description{font-size:19px;line-height:1.5}.hero-art{position:absolute;inset:70px -10% 60px 26%;display:flex;align-items:center;perspective:1000px}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(var(--hero-rotate,0deg));will-change:transform}.hero-art .hand-note{position:absolute;right:23%;bottom:3%;transform:rotate(-7deg)}.hand-note{font-family:Georgia,serif;font-style:italic;font-size:20px}.story-link{display:inline-flex;align-items:center;gap:25px;font-size:15px;font-weight:700;margin-top:10px}.story-link span{border:1px solid;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.hero-foot{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px}.story-section{padding:110px 8%;position:relative}.chapter-label{font-size:14px;font-weight:600;margin-bottom:35px;display:flex;gap:12px;align-items:center}.chapter-label:before{content:'';width:25px;height:3px;background:currentColor;transform:rotate(-10deg)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.story-grid p{max-width:520px}.lead{font-size:25px;line-height:1.35}.text-link{display:inline-block;border-bottom:1px solid;font-size:15px;font-weight:600;padding-bottom:3px}.word-play{display:flex;justify-content:center;gap:30px;align-items:center;font-family:'Fredoka',sans-serif;font-size:clamp(20px,3vw,40px);margin:90px 0 0}.word-play span{transform:rotate(-5deg)}.word-play span:nth-of-type(2){transform:rotate(5deg)}.circled{border:3px solid var(--orange);border-radius:50%;padding:12px 25px}.strategy{background:var(--ink);color:var(--paper);overflow:hidden;min-height:800px}.strategy h2{position:relative;z-index:1}.strategy-content{margin-left:43%;max-width:610px;position:relative;z-index:1}#thread{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:25px 0}.metrics strong{display:block;color:var(--yellow);font-family:'Fredoka';font-size:43px;line-height:1.2}.metrics span{font-size:13px;line-height:1.4;display:block;margin-top:10px}.metric-note{font-size:12px;opacity:.65}details{border-top:1px solid #8886;border-bottom:1px solid #8886;margin:28px 0}summary{padding:18px 0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:24px}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px}details p:last-child{margin-bottom:22px}.work-section{padding:110px 6% 0}.work-section>h2,.work-section>.chapter-label,.section-intro{margin-left:2%}.section-intro{margin-bottom:65px}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin:0 0 100px;perspective:1300px}.project-art{padding:40px 35px 35px;min-height:500px;background:#e5a4b0;position:relative;border-radius:8px 70px 8px 8px;display:flex;flex-direction:column;justify-content:center}.project-type{position:absolute;top:20px;left:28px;font-size:12px}.paper-window{background:var(--paper);border:2px solid var(--ink);border-radius:9px;box-shadow:9px 11px 0 #251e1c;transform:rotate(var(--tilt,-3deg)) rotateY(var(--turn,0deg));transition:transform .12s ease-out;overflow:hidden;margin:25px 5px;transform-style:preserve-3d}.window-bar{border-bottom:1px solid;padding:10px;display:flex;align-items:center;gap:5px}.window-bar i{height:6px;width:6px;border:1px solid;border-radius:50%}.window-bar span{font-size:11px;margin-left:auto;margin-right:auto}.project-title-art{font-family:'Fredoka';font-size:clamp(32px,4.4vw,61px);line-height:1.03;letter-spacing:-2px;padding:25px}.room-types{display:flex;gap:10px;padding:0 25px 22px;font-size:12px}.room-types span{border:1px solid;border-radius:20px;padding:3px 10px}.art-caption{display:block;border-top:1px solid;padding:12px 25px;font-size:12px}.project-art>.hand-note{font-size:15px;margin:12px 0 0;text-align:center}.project-copy{padding-right:6%}.project-kicker{font-size:14px;font-weight:700}.project-copy>p{max-width:460px}.pill{display:inline-flex;border:1.5px solid;border-radius:40px;padding:11px 22px;font-size:14px;font-weight:600;background:transparent;transition:background .2s,color .2s}.pill:hover{background:var(--ink);color:white}.woods .project-art{background:#bbd1b4}.woods .paper-window{background:var(--green);color:white}.nukad .project-art{background:var(--yellow)}.button-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.journey-buttons{display:flex;gap:6px;padding:0 22px}.journey-buttons button{border:1px solid;border-radius:30px;background:transparent;font-size:12px;padding:8px 15px}.journey-buttons button[aria-pressed=true]{background:var(--ink);color:white}#journey{font-size:12px;padding:16px 22px;margin:0;min-height:75px}.experiments{background:#ece7f4}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:50px}.experiment-grid h3{font-size:32px}.experiment-grid p{max-width:460px}.scribble{font-family:Georgia;font-size:58px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:8%}.experience h2{font-size:56px}.timeline article{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #251e1c33}.timeline article span{font-size:13px}.timeline h3{font-size:24px;margin:10px 0}.timeline p{font-size:15px;margin-bottom:8px}.contact{background:var(--yellow);padding-top:110px}.contact h2{font-size:clamp(58px,9vw,130px)}.email{font-family:'Fredoka';font-size:35px;border-bottom:2px solid}.contact-bottom{display:flex;justify-content:space-between;gap:25px;font-size:14px;margin-top:100px}.chapter-nav{position:fixed;right:15px;top:40%;display:grid;gap:4px;z-index:15}.chapter-nav a{font-size:10px;opacity:.25;line-height:2;color:#ab6031;background:var(--paper);border-radius:100%;width:17px;text-align:center}.chapter-nav a.active{opacity:1}.progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:30}.progress i{display:block;height:100%;background:var(--orange);width:0}.motion-control{position:fixed;bottom:14px;right:17px;padding:7px 12px;border:1px solid #251e1c55;border-radius:30px;background:var(--paper);font-size:11px;z-index:20}.skip{position:fixed;top:-100px;z-index:40;background:white;padding:10px}.skip:focus{top:0}body.paused *{scroll-behavior:auto!important;transition:none!important}body.paused .paper-window{transform:rotate(-2deg)!important}body.paused .hero-art img{transform:none!important}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:760px){header{height:75px;padding:0 6%}.wordmark{font-size:25px}nav{gap:18px}nav a:first-child,nav a:nth-child(3){display:none}.hero{height:auto;min-height:900px;padding:115px 7% 400px;align-items:flex-start}h1{font-size:67px}.intro{font-size:12px}.hero-art{inset:auto -25% 45px -30%;height:440px}.hero-art .hand-note{right:23%;bottom:1%;font-size:16px}.hero-foot{font-size:10px}.hero-foot span:first-child{max-width:140px}.hero-description{font-size:17px}.story-section{padding:75px 7%}.story-grid,.experience,.experiment-grid{grid-template-columns:1fr;gap:30px}h2{font-size:49px}.word-play{gap:12px;margin-top:40px;font-size:21px}.circled{padding:10px}.strategy-content{margin-left:0}.metrics{gap:15px}.metrics strong{font-size:35px}.work-section{padding:75px 6% 0}.project{grid-template-columns:1fr;gap:35px;margin-bottom:70px}.project-art{min-height:390px;padding:35px 25px 20px}.project-title-art{font-size:48px}.project-copy{padding:0 2%}h3{font-size:43px}.contact-bottom{flex-direction:column;margin-top:65px}.experience h2{font-size:47px}.chapter-nav{right:5px}.section-intro br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.paper-window,.hero-art img{transform:none!important;transition:none!important}}
.hero-art .dog-gaze{position:absolute;left:0;top:50%;width:100%;height:auto;max-height:100%;object-fit:contain;aspect-ratio:3/2;mix-blend-mode:multiply;pointer-events:none;transform:translate(var(--look-x,0px),calc(-50% + var(--look-y,0px))) rotate(var(--hero-rotate,0deg));will-change:transform}.hero-art img.gaze-fallback{visibility:hidden}body.paused .hero-art .dog-gaze{transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.hero-art .dog-gaze{transform:translateY(-50%)!important}}.contact-bottom{flex-wrap:wrap}
.role-details{padding-left:20px;font-size:15px;line-height:1.65;margin:18px 0 0}.role-details li{padding-left:4px;margin-bottom:10px}.timeline details h3{margin-top:24px}
.marketing-section{background:#f8edd7}.marketing-section>.section-intro{margin:0 0 50px;max-width:650px}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.marketing-grid h3{font-size:39px}.marketing-grid article{border-top:2px solid var(--ink);padding-top:26px}.marketing-grid .text-link{margin-top:20px}.contact-note{max-width:610px;margin-top:28px}.contact-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px}#copy-status{font-size:14px}.hero-copy{pointer-events:auto}@media(max-width:760px){.marketing-grid{grid-template-columns:1fr;gap:50px}.marketing-grid h3{font-size:35px}}