@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel Fallback;src:local("Times New Roman");ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:136.86%}.__className_318da3{font-family:Cinzel,Cinzel Fallback;font-style:normal}.__variable_318da3{--font-mk-display:"Cinzel","Cinzel Fallback"}@font-face{font-family:Crete Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1dd5c32330d3346f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Crete Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5e6c6cfccc595441-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Crete Round Fallback;src:local("Times New Roman");ascent-override:89.77%;descent-override:25.93%;line-gap-override:0.00%;size-adjust:110.28%}.__className_92e984{font-family:Crete Round,Crete Round Fallback;font-weight:400;font-style:normal}.__variable_92e984{--font-mk-text:"Crete Round","Crete Round Fallback"}.MochaKaffe_surface__j4Eyn{--mk-red:#960025;--mk-brown:#231f20;--mk-black:#181818;--mk-paper:#f1f2f2;--mk-pink:#fae6e6;--mk-rose:#e0526f;font-family:var(--font-mk-text),Georgia,serif}.MochaKaffe_pattern__fy12j{position:relative;isolation:isolate}.MochaKaffe_pattern__fy12j:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/images/work/projects/mocha-kaffe/design/pattern-tile.webp) 0 0/30rem 30rem;opacity:.06;pointer-events:none}.MochaKaffe_kicker__5Sbvx,.MochaKaffe_label__QCHac{display:flex;align-items:center;gap:.9rem;margin:0;font-family:var(--font-montserrat),sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.22em;line-height:1;text-transform:uppercase;color:rgb(241 242 242/.62)}.MochaKaffe_kicker__5Sbvx:before{content:"";width:2.5rem;height:1px;background:var(--mk-rose)}.MochaKaffe_title__DHtlu{margin:1.6rem 0 0;font-family:var(--font-mk-display),serif;font-size:clamp(3.4rem,10vw,9.5rem);font-weight:700;line-height:.9;letter-spacing:.03em;text-transform:uppercase}.MochaKaffe_title__DHtlu span{display:inline-block}.MochaKaffe_three__YntWQ{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;margin:1.6rem 0 0;font-family:var(--font-mk-display),serif;font-size:clamp(.8rem,1.25vw,1.05rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase}.MochaKaffe_three__YntWQ i{width:1px;height:1.2em;background:var(--mk-rose)}.MochaKaffe_lead__6uovz{max-width:27em;margin:1.8rem 0 0;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.4;color:rgb(241 242 242/.8)}.MochaKaffe_h2__RoPHq{font-size:clamp(2rem,4.4vw,3.9rem);line-height:1}.MochaKaffe_h2__RoPHq,.MochaKaffe_h3__qMPSX{margin:0;font-family:var(--font-mk-display),serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.MochaKaffe_h3__qMPSX{font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.05}.MochaKaffe_body__40Z_o{max-width:34em;margin:0;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;color:rgb(241 242 242/.74)}.MochaKaffe_caption__y0Wx7{margin:.9rem 0 0;font-family:var(--font-montserrat),sans-serif;font-size:.8125rem;letter-spacing:.02em;color:rgb(241 242 242/.55)}.MochaKaffe_section__fD7_h{position:relative;padding-block:clamp(5rem,11vw,9rem) 0}.MochaKaffe_head___WBR2{display:grid;gap:1.4rem;margin-bottom:clamp(2.5rem,5vw,4rem)}@media (min-width:64rem){.MochaKaffe_head___WBR2{grid-template-columns:1fr 1fr;align-items:end;gap:4rem}}.MochaKaffe_hero__JX9xJ{padding-block:clamp(8.5rem,16vw,12.5rem) clamp(3rem,7vw,6rem)}.MochaKaffe_crest__w6GOO{position:relative;width:min(78vw,34rem);aspect-ratio:1;margin:0 auto}.MochaKaffe_crest__w6GOO>*{position:absolute;inset:0;width:100%;height:100%}.MochaKaffe_ring__Gxkqk img{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.MochaKaffe_ring__Gxkqk{animation:MochaKaffe_ring-in__X6OTZ 1.7s var(--ease-out-expo) both}.MochaKaffe_face__khnxs{animation:MochaKaffe_face-in__WDz8C 1.3s var(--ease-out-expo) .2s both}}@keyframes MochaKaffe_ring-in__X6OTZ{0%{opacity:0;rotate:140deg}to{opacity:1;rotate:0deg}}@keyframes MochaKaffe_face-in__WDz8C{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.MochaKaffe_scrub__Bw8GJ{--scrub:clamp(0,calc((var(--progress, 1) - 0.18) / 0.42),1)}@media (prefers-reduced-motion:no-preference){html.st-ready .MochaKaffe_scrub__Bw8GJ span{--lit:clamp(0,calc((var(--scrub) * (var(--total) + 3) - var(--i)) / 3),1);opacity:max(.16,var(--lit));transition:opacity .16s linear}}.MochaKaffe_statement__juxLz{max-width:22em;margin:1.8rem 0 0;font-size:clamp(1.7rem,3.6vw,3.3rem);line-height:1.22}.MochaKaffe_facts__lawxL{display:grid;gap:1.6rem;margin:clamp(3rem,6vw,5rem) 0 0;padding-top:1.8rem;border-top:1px solid rgb(241 242 242/.14)}@media (min-width:48rem){.MochaKaffe_facts__lawxL{grid-template-columns:repeat(3,1fr)}}.MochaKaffe_facts__lawxL dt{font-family:var(--font-montserrat),sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--mk-rose)}.MochaKaffe_facts__lawxL dd{margin:.7rem 0 0;font-size:1.15rem;line-height:1.45}@media (prefers-reduced-motion:no-preference){html.st-ready .MochaKaffe_rise__hNrOv{opacity:0;transform:translate3d(0,2.5rem,0);transition:opacity 1s var(--ease-out-expo) var(--delay,0s),transform 1.2s var(--ease-out-expo) var(--delay,0s)}html.st-ready .MochaKaffe_rise__hNrOv.-inview{opacity:1;transform:none}}.MochaKaffe_lockup__CSSDG,.MochaKaffe_panel__63nul{overflow:hidden;border-radius:1.25rem;background:#fff}.MochaKaffe_lockup__CSSDG{margin:0}.MochaKaffe_lockupDark__Bq_Nt{background:var(--mk-black);box-shadow:inset 0 0 0 1px rgb(241 242 242/.12)}.MochaKaffe_swatches__rgbrl{display:grid;gap:1rem;margin:0;padding:0;list-style:none}@media (min-width:48rem){.MochaKaffe_swatches__rgbrl{grid-template-columns:1.3fr 1fr 1fr}}.MochaKaffe_swatch__6kLZF{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:clamp(13rem,26vw,22rem);padding:1.6rem;overflow:hidden;border-radius:1.25rem;box-shadow:inset 0 0 0 1px rgb(241 242 242/.12);color:var(--ink)}.MochaKaffe_swatchFill__4onEE{position:absolute;inset:0;z-index:-1;background:var(--fill);transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){html.st-ready .MochaKaffe_swatches__rgbrl .MochaKaffe_swatchFill__4onEE{transform:scaleY(0);transition:transform 1.4s var(--ease-out-expo);transition-delay:calc(var(--i) * .14s)}html.st-ready .MochaKaffe_swatches__rgbrl.-inview .MochaKaffe_swatchFill__4onEE{transform:none}html.st-ready .MochaKaffe_swatches__rgbrl .MochaKaffe_swatch__6kLZF>span:not(.MochaKaffe_swatchFill__4onEE){opacity:0;transition:opacity .8s var(--ease-out-expo);transition-delay:calc(var(--i) * .14s + .5s)}html.st-ready .MochaKaffe_swatches__rgbrl.-inview .MochaKaffe_swatch__6kLZF>span{opacity:1}}.MochaKaffe_swatchName__qMxzb{font-family:var(--font-mk-display),serif;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.MochaKaffe_swatchCodes__XqGG1{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-top:auto;font-family:var(--font-montserrat),sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.06em}.MochaKaffe_swatchUse__wB3gC{margin-top:.5rem;font-size:1rem;opacity:.8}.MochaKaffe_webColours__MDSrj{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;margin:1.4rem 0 0;padding:0;list-style:none;font-size:1rem;color:rgb(241 242 242/.7)}.MochaKaffe_webColours__MDSrj li{display:flex;align-items:center;gap:.7rem}.MochaKaffe_webColours__MDSrj li>span{width:1.6rem;height:1.6rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(241 242 242/.25)}.MochaKaffe_webColours__MDSrj b{font-weight:400;color:var(--mk-paper)}.MochaKaffe_specimen__SEGxE{overflow:hidden;margin:clamp(3rem,6vw,5rem) 0 0;border-radius:1.25rem;box-shadow:inset 0 0 0 1px rgb(241 242 242/.12)}.MochaKaffe_patternBand__imOee{display:grid;height:clamp(14rem,30vw,24rem)}@media (min-width:48rem){.MochaKaffe_patternBand__imOee{grid-template-columns:1fr 1fr}}.MochaKaffe_patternDark__nUtP2,.MochaKaffe_patternKraft__bY__W{position:relative;overflow:hidden}.MochaKaffe_patternDark__nUtP2{background:var(--mk-brown)}.MochaKaffe_patternKraft__bY__W{background:#c79d6f}.MochaKaffe_patternDark__nUtP2 span,.MochaKaffe_patternKraft__bY__W span{position:absolute;inset:0 -30rem 0 0;transform:translate3d(calc(var(--progress, .5) * -22.5rem),0,0)}.MochaKaffe_patternDark__nUtP2 span{background:url(/images/work/projects/mocha-kaffe/design/pattern-tile.webp) 0 0/22.5rem 22.5rem;opacity:.6}.MochaKaffe_patternKraft__bY__W span{background:url(/images/work/projects/mocha-kaffe/design/pattern-brown.svg) 0 0/22.5rem 22.5rem;opacity:.75;transform:translate3d(calc(var(--progress, .5) * 22.5rem - 22.5rem),0,0)}@media (prefers-reduced-motion:reduce){.MochaKaffe_patternDark__nUtP2 span,.MochaKaffe_patternKraft__bY__W span{transform:none}}.MochaKaffe_appsGrid__iQzyP{display:grid;gap:1.5rem}@media (min-width:48rem){.MochaKaffe_appsGrid__iQzyP{grid-template-columns:1fr 1fr;gap:2.5rem}.MochaKaffe_appsBag__u0Wud{margin-top:6rem}}.MochaKaffe_cupPanel__ChYAF{overflow:hidden;aspect-ratio:4/5;margin:0;border-radius:1.25rem;background:var(--mk-pink)}.MochaKaffe_shot__wJNWo{border-radius:1.25rem}.MochaKaffe_kraft__6fa2V{background:#c79d6f}.MochaKaffe_blackGround__Lp_cJ{background:var(--mk-black);box-shadow:inset 0 0 0 1px rgb(241 242 242/.12)}.MochaKaffe_brownGround__RCJWB{background:var(--mk-brown)}.MochaKaffe_wallGround__Xe9Ez{background:#ded6cc}.MochaKaffe_appsRow__sTWLU{display:grid;gap:1.5rem;margin-top:1.5rem}@media (min-width:48rem){.MochaKaffe_appsRow__sTWLU{grid-template-columns:repeat(3,1fr);align-items:start;gap:2rem;margin-top:2.5rem}}.MochaKaffe_printPanel__Z56jd{overflow:hidden;aspect-ratio:4/5;margin:0;padding:6%;border-radius:1.25rem;background:#e9e6e1}.MochaKaffe_devices__SJwma{display:grid;gap:2rem;align-items:center}@media (min-width:64rem){.MochaKaffe_devices__SJwma{grid-template-columns:1fr 17rem;gap:3rem}}.MochaKaffe_phone__Wx42s{width:min(70vw,17rem);margin-inline:auto}.MochaKaffe_band__rpjs2{margin-top:clamp(4rem,8vw,6rem);padding-block:1.1rem;background:var(--mk-red)}.MochaKaffe_bandRow__v55Ig{display:flex;white-space:nowrap;font-family:var(--font-mk-display),serif;font-size:clamp(1.6rem,3.2vw,2.8rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-paper)}.MochaKaffe_bandRow__v55Ig>span{display:inline-flex;align-items:center}.MochaKaffe_bandRow__v55Ig i{display:inline-block;width:.28em;height:.28em;margin-inline:.9em;border-radius:50%;background:var(--mk-pink)}.MochaKaffe_bandOutline__safWc{color:transparent;-webkit-text-stroke:1.2px var(--mk-paper)}.MochaKaffe_menuPair___JT9z{display:grid;gap:2rem;padding-inline:4%}@media (min-width:48rem){.MochaKaffe_menuPair___JT9z{grid-template-columns:1fr 1fr;gap:4rem;padding-inline:6%}}.MochaKaffe_menuSheet__MqY19{margin:0;overflow:hidden;border-radius:.35rem;box-shadow:0 40px 70px -40px rgb(0 0 0/.9),0 0 0 1px rgb(241 242 242/.06)}.MochaKaffe_menuShot__AtD66{max-width:44rem;margin:clamp(4rem,8vw,6rem) auto 0}.MochaKaffe_credits__Mj_Z5{padding-bottom:clamp(5rem,10vw,8rem)}.MochaKaffe_list__zmS92{margin:1.2rem 0 0;padding:0;list-style:none}.MochaKaffe_list__zmS92 li{padding-block:.7rem;border-bottom:1px solid rgb(241 242 242/.12);font-size:1.1rem}.MochaKaffe_next__eAx9O{padding-bottom:clamp(3rem,6vw,5rem)}.MochaKaffe_nextLink__AFimB{display:block;padding:clamp(3.5rem,8vw,6.5rem) max(1.25rem,calc((100vw - 90rem) / 2 + 2.5rem));background:var(--next-bg);color:var(--next-fg);transition:filter .4s var(--ease-spring)}.MochaKaffe_nextLink__AFimB:hover{filter:brightness(1.06)}.MochaKaffe_nextLink__AFimB:focus-visible{outline:2px solid var(--mk-rose);outline-offset:-6px}.MochaKaffe_nextLabel__EeYDc{display:block;font-family:var(--font-montserrat),sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.MochaKaffe_nextName__4r5Wb{display:flex;flex-wrap:wrap;align-items:center;gap:.3em;margin-top:1rem;font-family:var(--font-display),sans-serif;font-size:clamp(2.4rem,7vw,6.5rem);font-weight:700;line-height:.95;letter-spacing:-.03em}.MochaKaffe_nextArrow__DDHeh{width:.8em;height:.8em;transition:transform .5s var(--ease-spring)}.MochaKaffe_nextLink__AFimB:hover .MochaKaffe_nextArrow__DDHeh{transform:translateX(.15em)}.MochaKaffe_nextLine__Tj3Bt{display:block;max-width:36em;margin-top:1.2rem;font-family:var(--font-sans),sans-serif;font-size:1.05rem;opacity:.75}.MochaKaffe_allWork__gCv03{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;margin-top:1.6rem;font-family:var(--font-montserrat),sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.04em;color:var(--mk-paper)}.MochaKaffe_allWork__gCv03:hover{color:var(--mk-pink)}