@font-face{font-family:Display;src:url('assets/display.ttf')}@font-face{font-family:Inter;src:url('assets/body.ttf');font-weight:100 900}@font-face{font-family:Mono;src:url('assets/mono.ttf')}
:root{--pink:#f3a7cb;--forest:#143c2b;--cream:#f5f1e6;--ink:#143c2b;--hero-progress:0;--scroll-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--forest);color:var(--pink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}[hidden]{display:none!important}.skip-link{position:fixed;left:15px;top:-100px;padding:15px;background:var(--forest);color:var(--cream);z-index:100}.skip-link:focus{top:15px}.eyebrow{font:10px Mono;letter-spacing:.03em}.text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-size:12px}.text-link span{font-size:23px}.site-header{height:92px;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:35px;padding:0 3.5%;z-index:30;border-bottom:1px solid #143c2b55;background:var(--pink);transition:background .25s}.site-header.is-scrolled{position:fixed;height:73px;background:#f5f1e6f5;backdrop-filter:blur(16px)}.site-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--forest);transform:scaleX(var(--scroll-progress));transform-origin:left}.logo{font-size:46px;font-weight:800;letter-spacing:-.1em;line-height:1}.logo span{display:inline-block;font-size:29px;margin-left:6px;vertical-align:top}.header-note{font:8px/1.5 Mono}.site-nav{display:flex;gap:37px;margin-left:auto;align-items:center;font-size:11px}.site-nav sup{font:8px Mono;margin-left:4px}.nav-contact{background:var(--forest);color:var(--pink);border-radius:30px;padding:13px 20px;display:flex;gap:30px}.nav-contact span{font-size:17px}.menu-toggle{display:none}.hero{background:var(--pink);overflow:hidden;padding:119px 3.5% 0;position:relative;min-height:100svh}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;font:8px Mono}.hero-title{font-family:Display;font-size:21vw;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;margin-top:14px;position:relative;z-index:2;transition:clip-path 1s cubic-bezier(.16,1,.3,1);clip-path:inset(0 -15% -20% -15%)}.hero-title>span{display:inline-block;will-change:transform}.hero-title>span:first-child{transform:translateX(calc(var(--hero-progress)*-85px))}.hero-title>span:nth-child(2){transform:translateX(calc(var(--hero-progress)*100px))}.hero-stage{display:grid;grid-template-columns:29% 43% 28%;min-height:380px;position:relative;margin-top:-8px;align-items:center}.hero-copy{z-index:4;padding:25px 0 34px}.hero-copy .eyebrow{font-size:8px}.hero-copy h2{font-size:clamp(26px,3vw,44px);letter-spacing:-.06em;line-height:1.1;margin:20px 0 14px}.hero-copy p{font-size:12px;line-height:1.7}.hero-copy .text-link{margin-top:16px}.hero-object{mix-blend-mode:multiply;position:relative;display:block;transform:translateY(var(--parallax-y,0px)) rotate(-7deg);z-index:3;height:320px;align-self:center}.hero-object img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 22px 14px #451f2822);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-object:hover img{transform:translateY(-8px) rotate(5deg)}.object-halo{position:absolute;inset:20% 1%;background:transparent;border:1px solid #143c2b33;border-radius:50%;transform:rotate(-18deg)}.object-caption{font:8px Mono;display:flex;justify-content:space-between;transform:rotate(7deg);position:absolute;bottom:-10px;left:10%;width:80%;border-top:1px solid #143c2b55;padding-top:10px}.object-caption b{font:18px Inter}.monkey-world{position:relative;height:420px;align-self:start;margin-top:-10px}.branch{position:absolute;width:115%;height:150px;top:-60px;right:-15%;z-index:1}.monkey-button{position:absolute;background:none;padding:0;width:90%;top:-28px;right:0;z-index:4;transform-origin:75% 3%;transform:rotate(calc(-6deg + var(--hero-progress)*20deg)) translateY(calc(var(--hero-progress)*-25px));transition:filter .2s}.monkey-button img{width:100%;height:auto;max-height:420px;object-fit:contain;filter:drop-shadow(2px 8px 1px #143c2b12)}.monkey-button:hover{filter:brightness(1.04)}.monkey-hint{font:8px Mono;position:absolute;left:25%;bottom:-13px;border-bottom:1px solid currentColor;transform:rotate(-3deg)}.monkey-button.is-swinging{animation:monkey-swing 1.5s cubic-bezier(.45,0,.25,1)}@keyframes monkey-swing{0%{transform:rotate(-6deg)}25%{transform:rotate(25deg)}55%{transform:rotate(-22deg)}80%{transform:rotate(11deg)}100%{transform:rotate(-6deg)}}.nature-note{position:absolute;bottom:0;right:28%;font:italic 22px Georgia;line-height:1;transform:rotate(-8deg)}.nature-note svg{position:absolute;width:75px;left:100%;top:-32px;transform:rotate(-12deg)}.hero-bottom{border-top:1px solid #143c2b55;padding:18px 0;gap:20px}.ticker{background:var(--forest);color:var(--pink);overflow:hidden;padding:17px 0;transform:rotate(-1deg);margin:-1px -1% 0;position:relative;z-index:8;width:102%}.ticker-track{width:max-content;animation:marquee 30s linear infinite}.ticker span{font-family:Display;font-size:48px;white-space:nowrap;line-height:1.2}.ticker b{display:inline-block;font-size:40px;margin:0 35px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}
.work-section{padding:105px 3.5% 100px}.section-heading{display:grid;grid-template-columns:1.7fr .8fr .3fr;gap:30px;align-items:end;margin-bottom:55px}.section-heading h2{font-family:Display;font-size:6.7vw;line-height:1.06;letter-spacing:-.025em;margin-top:20px}.section-heading h2 em{font-family:Georgia;font-weight:400;letter-spacing:-.065em}.section-heading p{font-size:12px;line-height:1.8;padding-bottom:6px}.section-star{font-size:105px;line-height:1;transform:rotate(var(--spin,0deg));justify-self:end}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #143c2b55;padding:22px 0 38px}.work-filters{display:flex;flex-wrap:wrap;gap:7px}.work-filters button{border:1px solid #143c2b66;border-radius:30px;padding:9px 15px;background:none;font-size:10px;transition:background .2s,color .2s}.work-filters button[aria-pressed=true]{background:var(--forest);color:var(--cream)}#work-count{font:8px Mono;white-space:nowrap}.project-card{--project-accent:var(--pink)}.work-stack{position:relative}.featured{display:grid;grid-template-columns:1.1fr 1fr;min-height:510px;position:sticky;top:95px;margin-bottom:40px;background:var(--project-accent);border:1px solid var(--forest);border-radius:6px;overflow:hidden;transform:scale(var(--card-scale,1));transform-origin:50% 0}.featured::after{content:'';position:absolute;inset:0;background:var(--forest);opacity:var(--card-dim,0);pointer-events:none}.project-image{position:relative;display:block;overflow:hidden;background:var(--project-accent)}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.project-image:hover img{transform:scale(1.035)}.featured .project-image{min-height:510px}.featured .project-image img{position:absolute;inset:0;padding:20px}.project-number{position:absolute;top:20px;left:20px;font:8px Mono;padding:7px 9px;background:var(--cream);color:var(--forest);border-radius:3px}.project-arrow{position:absolute;bottom:20px;right:20px;border-radius:50%;background:var(--forest);color:var(--cream);width:42px;height:42px;display:grid;place-items:center;font-size:24px;transition:transform .4s}.project-image:hover .project-arrow{transform:rotate(45deg)}.project-info{padding:26px 0}.featured .project-info{padding:36px 7%;display:flex;flex-direction:column;justify-content:center}.project-meta{display:flex;justify-content:space-between;gap:15px;font:8px/1.6 Mono;text-transform:uppercase}.featured .project-meta{margin-bottom:auto}.project-info h3{font-family:Display;font-size:47px;font-weight:400;line-height:1.07;letter-spacing:-.02em;margin:20px 0 12px}.featured h3{font-size:clamp(65px,8vw,120px)}.project-info p{font-size:15px;line-height:1.5;letter-spacing:-.03em;max-width:340px}.featured p{font-size:25px;line-height:1.3;max-width:350px}.story-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding:20px 0 11px;font-size:10px;gap:30px;max-width:350px}.story-link span{font-size:20px}.featured .story-link{margin-top:auto;padding-top:45px}.project-jam{color:#381c18}.project-jam .project-image{background:#e63c31}.project-crease .project-image{background:#f6d9e6}.project-warriors{color:#e8cd82;background:#172a20}.project-warriors .project-image{background:#10291c}.project-warriors .project-image img{padding:0;object-fit:cover}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 35px;margin-top:70px}.work-grid .project-image{aspect-ratio:1.32;border-radius:3px;border:1px solid #143c2b33;background:color-mix(in srgb,var(--project-accent) 22%,var(--cream))}.work-grid .project-image img{padding:12px}.work-grid .project-info{padding:20px 0}.work-grid h3{font-size:clamp(30px,3.7vw,55px)}.work-grid .story-link{max-width:none}.work-grid .project-meta span:last-child{text-align:right}.work-grid .project-card:nth-child(even){margin-top:90px}.work-section.is-filtered .featured{position:relative;top:auto;transform:none!important}.work-section.is-filtered .featured:after{display:none}.work-section.is-filtered .work-grid{margin-top:20px}.work-section.is-filtered .work-grid .project-card{margin-top:0}.keyboard-navigation .work-card:focus-within{z-index:9;transform:none}.keyboard-navigation .work-card:focus-within:after{opacity:0}
.about-section{background:var(--forest);color:var(--pink);padding:35px 3.5% 100px;overflow:hidden}.about-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #f3a7cb55;padding-bottom:28px;font:8px Mono}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;padding-top:60px}.about-title-wrap{position:relative;min-height:620px}.about-grid h2{font-family:Display;font-size:7.4vw;line-height:1.05;letter-spacing:-.025em;position:relative;z-index:1}.about-grid h2 em{font-family:Georgia;letter-spacing:-.06em;font-weight:400}.about-monkey{height:400px;width:250px;position:absolute;bottom:-70px;left:10%;transform:rotate(152deg)}.about-monkey img{height:100%;object-fit:contain}.about-scribble{position:absolute;left:60%;top:57%;font:italic 27px Georgia;transform:rotate(-12deg)}.about-copy{padding-top:8px}.about-lead{font-size:clamp(24px,2.7vw,38px);line-height:1.35;letter-spacing:-.04em}.about-copy>p:not(.about-lead){font-size:13px;line-height:1.85;margin-top:22px;color:#eee2dc}.about-copy>p.pink-note{color:var(--pink);font-family:Georgia;font-style:italic;font-size:21px;line-height:1.45}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:30px}.expertise span{font:7px Mono;border-bottom:1px solid #f3a7cb55;padding:12px 0}.about-copy .text-link{margin-top:22px;font-size:10px}.contact-section{background:var(--pink);padding:38px 3.5% 60px;overflow:hidden}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #143c2b55;padding-bottom:28px}.contact-top>a{font:8px Mono}.contact-title{display:block;font:18vw/1.04 Display;letter-spacing:-.035em;margin:35px 0 45px}.contact-title em{font:italic .79em Georgia;letter-spacing:-.065em;white-space:nowrap}.contact-title b{display:inline-block;font:.82em Inter;font-weight:400;transition:transform .5s}.contact-title:hover b{transform:translate(9px,-9px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #143c2b55;padding-top:26px;gap:20px}.contact-bottom p{font-size:18px;line-height:1.65;letter-spacing:-.04em}.contact-bottom p a{border-bottom:1px solid currentColor}.instagram{font-size:14px;display:grid;grid-template-columns:1fr auto;gap:8px 30px}.instagram small{font:9px Mono;grid-column:1/-1}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 3.5%;font:8px Mono;background:var(--forest);color:var(--pink)}footer button{display:flex;align-items:center;gap:8px;background:none;font:9px Mono}.motion-dot{width:6px;height:6px;display:block;border-radius:50%;background:var(--pink)}.reduce-motion .motion-dot{background:#888}.motion-ready [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready:not(.is-loaded) .hero-title{clip-path:inset(100% 0 0 0)}.reduce-motion,.reduce-motion *{scroll-behavior:auto!important}.reduce-motion *{animation:none!important;transition-duration:.01ms!important}.reduce-motion [data-reveal]{opacity:1;transform:none}.reduce-motion .hero-title{clip-path:none!important}.reduce-motion .hero-title>span,.reduce-motion .monkey-button{transform:none!important}
@media(min-width:1600px){.hero-stage{min-height:460px}.monkey-world{height:490px}.monkey-button img{max-height:480px}.hero-object{height:390px}.featured,.featured .project-image{min-height:650px}}
@media(max-width:1050px){.hero-stage{grid-template-columns:30% 40% 30%;min-height:330px}.hero-copy .eyebrow{font-size:7px}.hero-object{height:270px}.hero-copy h2{font-size:30px}.hero-copy p{font-size:11px}.monkey-world{height:340px}.branch{top:-40px}.monkey-button{top:-10px;width:100%}.monkey-button img{max-height:330px}.nature-note{font-size:20px;bottom:5px;right:35%}.featured,.featured .project-image{min-height:430px}.featured .project-info{padding:28px 7%}.featured p{font-size:22px}.featured .project-meta{font-size:6px}.project-meta{font-size:7px}.about-title-wrap{min-height:570px}.about-monkey{height:330px;bottom:-60px}.about-scribble{top:48%;left:58%}.about-grid{gap:7%}.section-star{font-size:80px}.section-heading{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:75px}.site-header,.site-header.is-scrolled{height:75px;padding:0 5%;gap:25px}.logo{font-size:37px}.logo span{font-size:23px}.header-note{font-size:7px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;font-size:11px;margin-left:auto}.menu-toggle span{font-size:21px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);color:var(--forest);padding:24px 5%;box-shadow:0 20px 30px #143c2b22;border-bottom:1px solid currentColor}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.nav-contact{justify-content:space-between}.hero{padding:100px 5% 0;min-height:0}.hero-topline{font-size:6px}.hero-title{font-size:20.5vw;margin-top:25px;line-height:1.2}.hero-stage{grid-template-columns:58% 42%;min-height:0;margin-top:8px;row-gap:15px}.hero-copy{grid-row:2;grid-column:1/-1;padding:10px 0 25px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.hero-copy .eyebrow{grid-column:1/-1;font-size:7px}.hero-copy h2{grid-column:1/-1;font-size:32px;margin:15px 0 10px}.hero-copy p{font-size:10px;line-height:1.6}.hero-copy .text-link{font-size:9px;margin-top:0;align-self:center;justify-self:end;gap:20px}.hero-object{grid-column:1;grid-row:1;height:230px;width:120%;margin-left:-9%;align-self:center}.object-caption{font-size:6px;bottom:-3px}.object-caption b{font-size:13px}.monkey-world{grid-row:1;grid-column:2;height:270px;margin-top:0}.monkey-button{right:-5%;width:115%;top:0;max-width:230px}.monkey-button img{max-height:270px}.branch{width:145%;right:-25%;top:-53px;height:145px}.monkey-hint{font-size:6px;bottom:0;left:28%;white-space:nowrap}.nature-note{display:none}.hero-bottom{font-size:6px;line-height:1.5;padding:13px 0}.hero-bottom span{max-width:190px}.hero-bottom a{text-align:right;max-width:110px}.ticker{padding:14px 0}.ticker span{font-size:32px}.ticker b{font-size:28px;margin:0 20px}.work-section{padding:65px 5%}.section-heading{grid-template-columns:1fr;margin-bottom:25px;gap:24px}.eyebrow{font-size:8px}.section-heading h2{font-size:13.5vw;margin-top:20px}.section-heading p{font-size:11px}.section-star{display:none}.work-toolbar{align-items:flex-start;flex-direction:column;gap:13px;padding:18px 0 24px}.work-filters{gap:6px}.work-filters button{font-size:9px;padding:8px 12px}#work-count{font-size:7px}.featured{grid-template-columns:1fr;position:relative;top:auto;min-height:0;transform:none!important;margin-bottom:25px}.featured:after{display:none}.featured .project-image{min-height:0;aspect-ratio:1.2}.featured .project-image img{padding:14px}.featured .project-info{padding:23px}.featured .project-meta{font-size:7px}.featured h3{font-size:18vw;margin:20px 0 10px}.featured p{font-size:20px}.featured .story-link{margin-top:0;padding-top:24px;font-size:10px;max-width:none}.project-number{font-size:7px;top:14px;left:14px}.project-arrow{height:35px;width:35px;font-size:22px;right:14px;bottom:14px}.project-warriors .project-image img{padding:0}.work-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.work-grid .project-card:nth-child(even){margin-top:0}.work-grid h3{font-size:42px}.project-info p{font-size:14px}.project-meta{font-size:7px}.work-grid .project-image{aspect-ratio:1.2}.about-section{padding:30px 5% 65px}.about-top{font-size:6px;gap:20px;line-height:1.6;padding-bottom:22px}.about-top .eyebrow{font-size:6px}.about-top>span:last-child{text-align:right}.about-grid{grid-template-columns:1fr;gap:35px;padding-top:35px}.about-title-wrap{min-height:300px}.about-grid h2{font-size:17vw}.about-monkey{height:220px;width:150px;bottom:-35px;left:12%;transform:rotate(125deg)}.about-scribble{top:65%;left:59%;font-size:24px}.about-copy{position:relative;z-index:1;padding-top:12px}.about-lead{font-size:28px}.about-copy>p:not(.about-lead){font-size:12px}.about-copy>p.pink-note{font-size:22px}.expertise span{font-size:7px}.contact-section{padding:30px 5% 35px}.contact-top .eyebrow{font-size:6px}.contact-top>a{font-size:6px;text-align:right;max-width:90px;line-height:1.6}.contact-title{font-size:24vw;line-height:1.1;margin:30px 0}.contact-title em{font-size:.71em}.contact-title b{font-size:.68em}.contact-bottom{align-items:start;gap:20px}.contact-bottom p{font-size:12px}.instagram{font-size:11px;gap:9px 12px}.instagram small{font-size:8px}footer{padding:22px 5%;font-size:6px}footer>span{display:none}footer button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-on),html:not(.motion-user-on) *{scroll-behavior:auto!important}html:not(.motion-user-on) .ticker-track,html:not(.motion-user-on) .monkey-button{animation:none!important}html:not(.motion-user-on) .hero-title>span,html:not(.motion-user-on) .monkey-button{transform:none}html:not(.motion-user-on) [data-reveal]{opacity:1;transform:none}html:not(.motion-user-on) *{transition-duration:.01ms!important}}

.nature-note{display:none}
/* The hero keeps a clear boundary below the name. */
.hero-stage{grid-template-columns:26% 46% 28%;margin-top:35px;min-height:455px;gap:0;padding-top:15px}.monkey-world{height:445px;margin-top:0}.branch{top:-18px;width:106%;right:-12%}.monkey-button{top:28px;width:87%;right:0;transform:rotate(calc(-3deg + var(--hero-progress)*12deg));animation:idle-swing 6s ease-in-out infinite}.monkey-button img{max-height:385px}.monkey-button.is-swinging{animation:monkey-swing 1.5s cubic-bezier(.45,0,.25,1)}@keyframes idle-swing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}.hero-reel{--pointer-x:0;--pointer-y:0;position:relative;max-width:100%;height:385px;perspective:900px;isolation:isolate;margin:10px 30px 30px 15px}.reel-stage{position:absolute;inset:36px 0 40px;transform:rotate(-4deg) rotateY(calc(var(--pointer-x)*5deg)) rotateX(calc(var(--pointer-y)*-5deg));transform-style:preserve-3d;transition:filter .3s}.reel-stage:focus-within{transform:none}.reel-frame{position:absolute;inset:0;display:block;border:1px solid var(--forest);background:var(--forest);color:var(--cream);box-shadow:9px 10px 0 var(--forest);opacity:0;visibility:hidden;transform:translateY(28px) rotate(5deg) scale(.94);transition:opacity .65s,transform .85s cubic-bezier(.2,.7,.2,1),visibility .65s;overflow:hidden}.reel-frame.is-active{opacity:1;visibility:visible;transform:translateY(0) rotate(0) scale(1);z-index:2}.reel-frame img{width:100%;height:calc(100% - 43px);object-fit:cover;object-position:50% 50%;transition:transform 1.1s}.reel-frame:hover img{transform:scale(1.04)}.reel-frame>span{height:43px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px Mono}.reel-frame>span b{font:9px Inter;font-weight:400}.reel-orbit{position:absolute;inset:-25px 0 -10px;display:grid;place-items:center;z-index:-1}.reel-orbit svg{height:100%;max-width:120%;fill:var(--forest);animation:orbit-type 35s linear infinite}.reel-orbit text{font:11px Mono;letter-spacing:2.5px}.reel-orbit path{fill:none}@keyframes orbit-type{to{transform:rotate(360deg)}}.reel-stamp{position:absolute;left:-20px;top:-12px;z-index:4;background:var(--forest);color:var(--pink);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);font:19px/.96 Display;animation:stamp-bob 4s ease-in-out infinite;pointer-events:none}@keyframes stamp-bob{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-7px) rotate(-6deg)}}.reel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.reel-controls>div{display:flex;gap:5px}.reel-controls button{background:transparent;border:1px solid #143c2b66;border-radius:30px;font:8px Mono;padding:7px 10px;min-width:32px}.reel-controls button[aria-pressed=true]{background:var(--forest);color:var(--pink)}#reel-play{font:13px Inter;padding:5px 10px}.ticker{transform:none;margin:0;width:100%}.project-card .project-image{background:var(--project-accent)}.featured{grid-template-columns:1fr 1fr;min-height:0}.featured .project-image{min-height:0;aspect-ratio:1}.featured .project-image img,.work-grid .project-image img{padding:0;width:100%;height:100%;object-fit:cover}.work-grid .project-image{aspect-ratio:1;border:0}.work-grid .project-image img{height:calc(100% + 36px);max-width:none;margin-top:-18px;transform:translateY(var(--image-drift,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-grid .project-image:hover img{transform:translateY(var(--image-drift,0px)) scale(1.04)}.project-mghallaf .project-image img{object-position:50% 42%}.project-kidzmeter .project-image img{object-position:50% 55%}.project-pomodoro .project-image img{object-position:50% 48%}.project-motion-ready .project-card .project-image{clip-path:inset(0 0 0 0);transition:clip-path 1s cubic-bezier(.2,.7,.2,1)}.project-motion-ready .project-card:not(.is-in-view) .project-image{clip-path:inset(12% 0 12% 0)}.project-motion-ready .project-card:not(.is-in-view) .project-info{opacity:.3;transform:translateY(20px)}.project-card .project-info{transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}.is-page-hidden .ticker-track,.is-page-hidden .reel-orbit svg,.is-page-hidden .monkey-button,.is-page-hidden .reel-stamp{animation-play-state:paused}.reduce-motion .reel-stage{transform:none}.reduce-motion .project-card .project-image{clip-path:none!important}.reduce-motion .project-card .project-info{opacity:1!important;transform:none!important}.reduce-motion .work-grid .project-image img{transform:none!important}
@media(max-width:1050px) and (min-width:761px){.hero-stage{grid-template-columns:29% 43% 28%;min-height:390px}.hero-reel{height:300px;margin-left:10px;margin-right:22px}.reel-stage{inset:30px 0 35px}.reel-frame>span{font-size:7px;padding:0 9px}.reel-frame>span b{font-size:7px}.reel-stamp{width:70px;height:70px;font-size:16px;left:-16px;top:0}.reel-orbit{inset:-15px -12px 0}.monkey-world{height:365px}.monkey-button{top:28px;width:95%}.monkey-button img{max-height:310px}.branch{top:-20px}.featured .project-info{padding:25px}.featured h3{font-size:7.8vw}.featured p{font-size:21px}}
@media(max-width:760px){.hero-stage{grid-template-columns:58% 42%;gap:10px 0;margin-top:26px;padding-top:20px;min-height:0}.hero-reel{grid-row:1;grid-column:1;height:240px;margin:15px 3px 5px 0}.reel-stage{inset:25px 0 35px;transform:rotate(-4deg)}.reel-frame{box-shadow:5px 6px 0 var(--forest)}.reel-frame img{height:calc(100% - 34px)}.reel-frame>span{height:34px;padding:0 8px;font-size:6px}.reel-frame>span b{font-size:6px}.reel-stamp{width:55px;height:55px;font-size:12px;left:-8px;top:-3px}.reel-orbit{inset:-15px -14px -5px}.reel-orbit text{font-size:12px}.reel-controls{padding:0 0 0 4px}.reel-controls button{font-size:7px;min-width:27px;padding:5px 7px}#reel-play{font-size:10px;min-width:25px;padding:3px 6px}.monkey-world{height:280px;margin:0;align-self:center}.branch{top:-30px;width:120%;right:-20%}.monkey-button{top:15px;width:105%;right:-5%}.monkey-button img{max-height:250px}.monkey-hint{font-size:5px;bottom:-1px;left:28%}.hero-copy{padding-top:18px}.featured{grid-template-columns:1fr}.featured .project-image{aspect-ratio:1}.featured .project-image img{padding:0}.featured .project-info{padding:23px}.featured h3{font-size:18vw}.work-grid .project-image{aspect-ratio:1}.work-grid .project-image img{padding:0}.hero-bottom{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .reel-orbit svg,html:not(.motion-user-on) .reel-stamp{animation:none}html:not(.motion-user-on) .reel-stage{transform:none}html:not(.motion-user-on) .project-card .project-image{clip-path:none}html:not(.motion-user-on) .project-card .project-info{opacity:1;transform:none}}
.reel-orbit{inset:-25px -15px 48px;overflow:hidden}@media(max-width:760px){.reel-orbit{inset:-10px -14px 36px}}

/* Every project shares the same scroll-stack behavior. */
.work-stack .project-card h3{overflow-wrap:break-word}.project-korova h3{font-size:clamp(48px,5.9vw,88px)}.project-hunny h3{font-size:clamp(48px,5.9vw,88px)}.project-pomodoro h3{font-size:clamp(48px,6.7vw,95px)}.work-stack .project-card .project-image img{padding:0;object-fit:cover}.work-stack .project-mghallaf .project-image img{object-position:50% 42%}.work-stack .project-kidzmeter .project-image img{object-position:50% 55%}.work-stack .project-pomodoro .project-image img{object-position:50% 48%}
@media(max-width:760px){.work-stack .project-card{position:sticky;top:85px;transform:scale(var(--card-scale,1))!important;transform-origin:50% 0}.work-stack .featured .project-image{aspect-ratio:1.45}.work-stack .featured .project-info{padding:19px}.work-stack .featured h3{font-size:14vw;margin:17px 0 8px}.work-stack .featured.project-korova h3,.work-stack .featured.project-hunny h3{font-size:11vw}.work-stack .featured p{font-size:17px;line-height:1.3;max-width:none}.work-stack .featured .story-link{padding-top:15px;font-size:9px}.work-stack .featured .project-meta{font-size:6px}.work-stack .featured:after{display:block}}
@media(max-width:760px) and (max-height:650px){.work-stack .project-card{position:relative;top:auto;transform:none!important}}
.reduce-motion .work-stack .project-card{position:relative;top:auto;transform:none!important}.work-section.is-filtered .work-stack .project-card{position:relative;top:auto;transform:none!important}
/* Project-specific ink and paper, drawn from each visual identity. */
.project-card{--card-ink:#143c2b;--card-paper:var(--project-accent);color:var(--card-ink);background:var(--card-paper);border-color:var(--card-ink)}.project-jam{--card-ink:#35120f;--card-paper:#ec523f}.project-crease{--card-ink:#401b32;--card-paper:#f2b3cb}.project-warriors{--card-ink:#eed38b;--card-paper:#172a20}.project-korova{--card-ink:#f1ecdf;--card-paper:#10100f}.project-litos{--card-ink:#253a32;--card-paper:#aac5b6}.project-3stp{--card-ink:#301a11;--card-paper:#d77950}.project-hunny{--card-ink:#4a280c;--card-paper:#eda95c}.project-mghallaf{--card-ink:#332713;--card-paper:#c6aa81}.project-pinked{--card-ink:#40133e;--card-paper:#df98db}.project-kidzmeter{--card-ink:#332719;--card-paper:#f6d924}.project-pomodoro{--card-ink:#efdfbd;--card-paper:#171714}.project-crash-out{--card-ink:#3d1930;--card-paper:#ef7ca9}.project-manfada{--card-ink:#3f2112;--card-paper:#dc9369}.project-sport-studio{--card-ink:#292b13;--card-paper:#e5e939}.project-card .project-arrow{background:var(--card-ink);color:var(--card-paper)}.project-card .project-number{background:var(--card-paper);color:var(--card-ink)}.project-card .story-link{border-color:currentColor}.project-card .project-meta{color:var(--card-ink)}

/* The About monkey hangs upright from a fixed branch, with its hand as the pivot. */
.about-title-wrap{min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.about-monkey{position:relative;isolation:isolate;pointer-events:none;width:250px;height:auto;aspect-ratio:2/3;left:auto;bottom:auto;margin:100px 0 0 12%;transform:none;overflow:visible}
.about-branch{position:absolute;z-index:0;left:-10%;top:-17.7%;width:140%;height:auto;overflow:visible}
.about-monkey img{position:relative;z-index:1;width:100%;height:auto;transform-origin:78% 3%;animation:about-monkey-play 5.6s ease-in-out infinite;animation-play-state:paused}
.about-monkey.is-animating img{animation-play-state:running}
@keyframes about-monkey-play{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
.is-page-hidden .about-monkey img{animation-play-state:paused}
.reduce-motion .about-monkey img{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .about-monkey img{animation:none!important;transform:none!important}}
@media(max-width:760px){.about-title-wrap{min-height:0}.about-monkey{width:clamp(160px,50vw,240px);margin-top:95px;bottom:auto;transform:none}}
.project-card h3{text-transform:uppercase}
.work-stack.is-unstacked .project-card{position:relative;top:auto;transform:none!important}
.work-stack.is-unstacked .project-card:after{display:none}

/* JAM: a close material detail, cropped to keep the object edge to edge. */
.work-stack .project-jam .project-image img{object-position:100% 50%;transform:scale(1.3);transform-origin:100% 50%}
.work-stack .project-jam .project-image:hover img{transform:scale(1.34)}
@media(max-width:760px){.work-stack .project-jam .project-image img{transform:scale(1.65)}.work-stack .project-jam .project-image:hover img{transform:scale(1.69)}}

/* Individual close-ups for the remaining project previews. */
.work-stack .project-card.preview-closeup .project-image img{object-position:var(--preview-position);transform-origin:var(--preview-origin);transform:scale(var(--preview-zoom))}
.work-stack .project-card.preview-closeup .project-image:hover img{transform:scale(calc(var(--preview-zoom) + .035))}
@media(max-width:760px){.work-stack .project-card.preview-closeup .project-image img{object-position:var(--preview-mobile-position);transform-origin:var(--preview-mobile-origin);transform:scale(var(--preview-mobile-zoom))}.work-stack .project-card.preview-closeup .project-image:hover img{transform:scale(calc(var(--preview-mobile-zoom) + .035))}}

/* Clear the rotating reel's lower edge while keeping the controls in reach. */
.reel-controls{bottom:-23px}
@media(max-width:760px){.reel-controls{bottom:-17px}.hero-reel{margin-bottom:24px}}