.cf-film{color:#183c4f;background:#e9eee9;overflow:clip}.cf-film .ki-section{scroll-margin-top:60px;padding:90px 0 70px!important}.cf-film .ki-wrap{width:calc(100% - 100px);max-width:1240px;margin:auto;padding:0!important}.cf-film .ki-scroll-story{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:6%;display:grid;position:relative}.cf-film .ki-story-stage{isolation:isolate;background:radial-gradient(#fcfdf9,#e0e7dc);border-radius:30px;height:min(640px,100svh - 190px);min-height:380px;position:sticky;top:165px;overflow:hidden}.cf-film .ki-story-scene-nav{z-index:5;justify-content:space-between;gap:8px;font-size:10px;display:flex;position:absolute;top:24px;left:25px;right:25px}.cf-film .ki-scene-label{opacity:.45;border-bottom:1px solid #6e939e55;padding:7px 0;transition:opacity .4s}.cf-film .ki-scene-label small{margin-right:3px;font-size:7px}.cf-film .ki-scene-label[data-current=true]{opacity:1}.cf-film .ki-story-stage-footer{z-index:5;justify-content:space-between;gap:8px;font-size:8px;display:flex;position:absolute;bottom:24px;left:25px;right:25px}.cf-film .ki-story-step{border-bottom:1px solid #b8c6bf44;align-items:center;min-height:80svh;padding:55px 0;display:flex}.cf-film .ki-story-step:last-child{border-bottom:0;min-height:100svh}.cf-film .ki-story-step .ki-details-title{font-weight:500;margin-top:24px!important;font-size:clamp(29px,3.3vw,44px)!important}.cf-film .ki-story-step .ki-detail-text{color:#52696c;font-size:15px!important;line-height:1.85!important}.cf-film .ki-scroll-hint{letter-spacing:.08em;text-transform:uppercase;color:#7b8e82;margin-top:30px;font-size:9px;display:block}.ki-film-intro{max-width:780px;margin-bottom:70px}.ki-film-intro .ki-description{max-width:570px}.ki-voice-story{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:6%}.ki-film-stage{background:radial-gradient(at 48% 34%,#fcfdf9,#e0e7dc)!important}.ki-film-stage:before,.ki-film-stage:after{display:none}.ki-film-stage .ki-story-scene-nav,.ki-film-stage .ki-story-stage-footer{color:#6f8586}.ki-film-stage .ki-scene-label{border-color:#6e939e55}.ki-film-stage .ki-scene-label[data-current=true]{color:#163f57;border-color:#739785}.ki-film-canvas{width:100%;height:100%;font-family:inherit;position:absolute;inset:0;overflow:hidden}.ki-film-scene{opacity:var(--scene-alpha,0);transform:translateY(var(--scene-y,0px)) scale(var(--scene-scale,1));transform-origin:450px 310px;pointer-events:none;will-change:opacity,transform;transition:opacity .65s,transform .65s}.ki-voice-story:not([data-ready]) .ki-film-scene[data-scene="0"]{opacity:1}.ki-film-stage:focus-visible{outline-offset:6px;outline:3px solid #5c8797}.ki-film-keyhint{color:#7b8e82;letter-spacing:.05em;margin:0;font-size:10px}.kf-route{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--film-progress,0));opacity:.42}.ki-film-canvas [data-film-cup]{opacity:var(--film-cup-alpha,0);will-change:transform}.kf-sound rect{transform-box:fill-box;transform-origin:50%;transform:scaleY(var(--film-sound,.7))}.ki-film-aurora{left:var(--film-orb-x,64%);top:var(--film-orb-y,37%);width:86px;height:86px;transform:translate(-50%,-50%) scale(var(--film-fit,.6));opacity:var(--film-orb-alpha,1);pointer-events:none;position:absolute}.ki-voice-story:not([data-active="0"]) .ki-film-aurora *{animation-play-state:paused!important}.barista-button{-webkit-appearance:none;appearance:none;touch-action:manipulation!important;box-shadow:none!important;background:0 0!important;border:0!important}.barista-button .kalim-tab-icon{isolation:isolate;border-radius:50%;box-shadow:none!important;background:0 0!important;border:0!important}.barista-button .kalim-tab-icon>svg{z-index:1;position:relative}.barista-orb-stage{flex:none;width:44px;height:44px;transition:transform .32s cubic-bezier(.22,.8,.3,1);display:block;position:absolute;inset:-3px;transform:scale(.863636)}.barista-button[data-active=true] .barista-orb-stage{transform:scale(1.04)}.barista-orb-stage{isolation:isolate}.barista-aurora-orbit{pointer-events:none;background:0 0;width:52px;height:56px;position:absolute;top:-8px;left:-4px}.barista-aurora-orbit--back{z-index:1}.barista-orb{z-index:2}.barista-aurora-orbit--front{z-index:3}.barista-orb{clip-path:circle(50%);isolation:isolate;background:#0f3957;border-radius:50%;transition:transform .14s;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 9px -4px #072f5160,inset 0 0 0 1px #ffffff60;-webkit-mask-image:radial-gradient(circle closest-side,#fff 99%,#0000 100%);mask-image:radial-gradient(circle closest-side,#fff 99%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.barista-orb-field{filter:blur(4px);background:conic-gradient(from 60deg,#153953,#3686c1,#68d7f1,#65df9e,#f5d578,#e56d51,#527ec6,#153953);animation:8s linear infinite barista-orbit;position:absolute;inset:-28%}.barista-orb-petal{filter:blur(3px);opacity:.9;background:radial-gradient(at 25% 25%,#80f4b9cc,#0000 64%);border-radius:44% 56% 38% 62%;animation:4.8s ease-in-out infinite alternate barista-liquid;position:absolute;inset:9% -14%}.barista-orb-petal:nth-of-type(3){background:radial-gradient(at 72% 65%,#ffd273cf,#0000 68%);animation-duration:6.3s;animation-direction:alternate-reverse;animation-delay:-2.6s}.barista-orb-petal:nth-of-type(4){background:radial-gradient(at 50% 65%,#ea654bb5,#0000 64%);animation-duration:4.1s;animation-delay:-1.3s}.barista-orb-ribbon{filter:blur(1.5px);mix-blend-mode:screen;opacity:.8;background:linear-gradient(160deg,#0000 28%,#5de8b570 38%,#a4f2c9de 45%,#85d8ffcc 49%,#f5d478b8 55%,#ed785c77 63%,#0000 73%);border-radius:48%;animation:5.4s ease-in-out infinite alternate barista-aurora-drift;position:absolute;inset:12% -28%}.barista-orb-ribbon:nth-of-type(6){opacity:.5;animation-duration:7.1s;animation-direction:alternate-reverse;animation-delay:-3.4s;inset:0 -24%}.barista-orb-curtain{clip-path:polygon(0 0,100% 0,100% 72%,92% 66%,84% 64%,76% 69%,68% 80%,60% 85%,52% 82%,44% 69%,36% 60%,28% 59%,20% 68%,12% 79%,4% 80%,0 76%);filter:blur(.6px);mix-blend-mode:screen;opacity:.78;transform-origin:50% 75%;background:repeating-linear-gradient(90deg,#0000 0 3px,#deffe62b 4px,#0000 6px),linear-gradient(90deg,#248cca90,#46e8a7f2 24%,#81d6fff0 46%,#f4d775d9 68%,#e6664fbf 85%,#248cca90);animation:6.5s ease-in-out infinite alternate barista-northern-lights;position:absolute;inset:-22% -44%;-webkit-mask-image:linear-gradient(#0000 10%,#0004 35%,#000 61% 83%,#0000 96%);mask-image:linear-gradient(#0000 10%,#0004 35%,#000 61% 83%,#0000 96%)}.barista-orb-curtain:nth-of-type(8){opacity:.42;animation-duration:8.2s;animation-direction:alternate-reverse;animation-delay:-4s;inset:-10% -44%}.barista-orb-glass{border-radius:inherit;background:radial-gradient(at 36% 18%,#ffffff80,#0000 49%),radial-gradient(at 70% 92%,#082a506f,#0000 65%);position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffffb0,inset -1px -2px 5px #092c4640}.barista-orb-halo{filter:blur(7px);opacity:.5;background:conic-gradient(#52dba333,#71c8f43d,#e97d5935,#efd07530,#52dba333);border-radius:50%;transition:transform .14s,opacity .14s;position:absolute;inset:-7px}.barista-button[data-phase=listening] .barista-orb{transform:scale(calc(.98 + var(--voice-level,0)*.08))}.barista-button[data-phase=listening] .barista-orb-halo{opacity:calc(.35 + var(--voice-level,0)*.4);transform:scale(calc(1 + var(--voice-level,0)*.16))}.barista-button[data-phase=thinking] .barista-orb-field,.barista-button[data-phase=connecting] .barista-orb-field{animation-duration:12s}.barista-button[data-phase=thinking] .barista-orb,.barista-button[data-phase=connecting] .barista-orb{animation:3s ease-in-out infinite barista-breathe}.barista-button[data-phase=speaking] .barista-orb-field{animation-duration:5s}.barista-button[data-phase=speaking] .barista-orb{animation:1.8s ease-in-out infinite barista-breathe}.barista-button:not([data-active=true]) .barista-orb-field,.barista-button:not([data-active=true]) .barista-orb-petal,.barista-button:not([data-active=true]) .barista-orb-ribbon,.barista-button:not([data-active=true]) .barista-orb-curtain{animation-play-state:paused}.barista-button:not([data-active=true]) .barista-orb-halo{opacity:.2}.barista-presence{z-index:40;bottom:calc(116px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;width:min(440px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.barista-caption{box-sizing:border-box;color:#16344e;text-align:center;white-space:normal;-webkit-backdrop-filter:blur(12px);background:#fbfdfff2;border:1px solid #b7c9d955;border-radius:22px;max-width:100%;max-height:100px;padding:11px 20px;font:500 13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 5px 24px #16354e14}.barista-caption[role=alert]{background:#fff9ef;border-color:#c89d66}@keyframes barista-orbit{to{transform:rotate(360deg)}}@keyframes barista-liquid{0%{border-radius:44% 56% 38% 62%;transform:translate(-10%,8%)rotate(-25deg)scale(.85)}to{border-radius:62% 38% 58% 42%;transform:translate(9%,-6%)rotate(145deg)scale(1.16)}}@keyframes barista-aurora-drift{0%{border-radius:48% 52% 35% 65%;transform:translate(-8%,14%)rotate(-34deg)scale(.9,1.15)}50%{border-radius:30% 70% 62% 38%;transform:translate(6%,-4%)rotate(10deg)scale(1.12,.8)}to{border-radius:60% 40% 52% 48%;transform:translate(-2%,-14%)rotate(46deg)scale(1.08,1.16)}}@keyframes barista-northern-lights{0%{transform:translate(-12%,8%)rotate(-28deg)skew(-12deg)scaleY(.8)}50%{transform:translate(3%,-8%)rotate(-7deg)skew(8deg)scaleY(1.1)}to{transform:translate(12%,4%)rotate(22deg)skew(-6deg)scaleY(.9)}}@keyframes barista-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.barista-orb-stage,.barista-orb,.barista-orb-field,.barista-orb-petal,.barista-orb-ribbon,.barista-orb-curtain,.barista-orb-halo{transition:none!important;animation:none!important}.barista-button[data-phase=listening] .barista-orb,.barista-button[data-phase=listening] .barista-orb-halo{transform:none}}.ki-aurora .barista-orb-stage *{animation-play-state:paused!important}.ki-site .ki-core .barista-orb-halo{opacity:.3}.ki-site .barista-orb-stage{pointer-events:none;display:block}.ki-site .barista-orb-stage canvas{border-radius:0!important}.ki-core .barista-orb-petal{filter:blur(12px)}.ki-core .barista-orb-ribbon{filter:blur(6px)}.ki-core .barista-orb-curtain{filter:blur(2px)}.ki-core .barista-orb-glass{box-shadow:inset 0 2px 5px #fff8,inset -8px -15px 20px #092c4640}.ki-core .barista-orb-halo{filter:blur(30px)}.ki-core .barista-orb-field{filter:blur(16px);transform:rotate(var(--orb-phase,0deg));animation:none!important}@media (width<=760px){.cf-film .ki-section{padding:70px 0 55px!important}.cf-film .ki-wrap{width:calc(100% - 42px)}.cf-film .ki-section-head{gap:15px;margin-bottom:35px!important;font-size:8px!important}.cf-film .ki-h2{font-size:43px!important}.cf-film .ki-description{font-size:14px!important;line-height:1.85!important}.cf-film .ki-scroll-story{display:block}.cf-film .ki-story-stage{z-index:4;border-radius:25px;height:36svh;min-height:280px;max-height:390px;top:138px}.cf-film .ki-story-scene-nav{font-size:7px;top:15px;left:16px;right:16px}.cf-film .ki-scene-label small{font-size:6px}.cf-film .ki-story-stage-footer{font-size:6px;bottom:16px;left:16px;right:16px}.cf-film .ki-story-step{min-height:63svh;padding:45px 4px}.cf-film .ki-story-step:last-child{min-height:76svh}.cf-film .ki-story-step .ki-details-title{font-size:30px!important}.cf-film .ki-story-step .ki-detail-text{font-size:13px!important}.cf-film .ki-section-next{margin-top:35px!important}.cf-film .ki-next-link{font-size:15px!important}.cf-film .ki-next-label{font-size:8px!important}.cf-film .ki-film-keyhint{font-size:8px}}@media (prefers-reduced-motion:reduce){.cf-film *{transition:none!important;animation:none!important}.cf-film .ki-film-scene{transform:none!important}}.cf-orbit{isolation:isolate;width:100%;max-width:600px;height:440px;margin:auto;position:relative}.cf-orbit .ki-constellation{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative;min-height:0!important}.cf-orbit .ki-core{z-index:3}.cf-orbit .ki-orbit{box-shadow:none;border:0;border-radius:0;overflow:visible;transform:none}.cf-orbit .ki-orbit-back{z-index:1;color:#759a9755}.cf-orbit .ki-orbit-front{z-index:4;color:#9abbbf88}.cf-orbit .ki-orbit:before{display:none}.cf-orbit .ki-node{box-shadow:none;will-change:left,top;outline-offset:7px;background:0 0;border:0;border-radius:50%;transition:none;padding:0!important}.cf-orbit .ki-node:hover{transform:translate(-50%,-50%)}.cf-orbit .ki-planet{background:radial-gradient(ellipse at 27% 20%,#ffffffb8 0%,transparent 31%),radial-gradient(ellipse at 31% 25%,var(--planet-light),var(--planet-mid) 43%,var(--planet-dark) 85%);box-shadow:inset 1px 2px 3px #fff6,inset -5px -7px 10px #020d20aa,0 0 22px var(--planet-glow),0 6px 14px #0004;transform:scale(var(--planet-depth,1));transition:filter .2s}.cf-orbit .ki-planet:before{content:"";filter:blur(2px);opacity:.7;background:repeating-linear-gradient(155deg,#0000 0 7px,#ffffff15 10px,#0000 14px);border-radius:50%;position:absolute;inset:4px}.cf-orbit .ki-planet:after{content:"";border:1px solid #ffffff20;border-radius:50%;position:absolute;inset:1px}.cf-orbit .ki-planet-label{color:#526d75!important;text-shadow:none!important}.cf-orbit .ki-node:hover .ki-planet,.cf-orbit .ki-node:focus-visible .ki-planet{filter:brightness(1.2)}.cf-orbit .ki-node:hover .ki-planet-label,.cf-orbit .ki-node:focus-visible .ki-planet-label{color:#173e52!important}.cf-orbit--dark .ki-planet-label{color:#dce8eb!important;text-shadow:0 2px 8px #071421!important}.cf-orbit--dark .ki-node:hover .ki-planet-label,.cf-orbit--dark .ki-node:focus-visible .ki-planet-label{color:#fff!important}.cf-orbit--dark .ki-orbit-back{color:#93b9be45}.cf-orbit--dark .ki-orbit-front{color:#a6d6da75}.cf-orbit .ki-node:nth-last-child(4){top:25%;left:20%}.cf-orbit .ki-node:nth-last-child(3){top:25%;left:80%}.cf-orbit .ki-node:nth-last-child(2){top:75%;left:80%}.cf-orbit .ki-node:last-child{top:75%;left:20%}@media (width<=760px){.cf-orbit{height:340px}.cf-orbit .ki-planet-label{font-size:11px!important}.cf-orbit .ki-planet{width:38px!important;height:38px!important}}@media (prefers-reduced-motion:reduce){.cf-orbit *{transition:none!important;animation:none!important}}.coffee-site{--cf-ink:#173247;--cf-muted:#71818a;--cf-paper:#f7f5ef;color:var(--cf-ink);background:var(--cf-paper)}.coffee-site .site-header{-webkit-backdrop-filter:blur(22px);background:#f8f6f0e6;border-color:#1732470c;height:78px}.coffee-site .brand{color:#173247}.coffee-site .desktop-nav{gap:24px}.coffee-site .desktop-nav a{font-size:12px}.coffee-site .header-order{color:#fff;background:#173247;border:1px solid #17324718;border-radius:30px;padding:12px 18px;font-size:11px}.coffee-site .button{border-radius:28px;min-height:48px;padding:14px 24px;font-size:12px}.coffee-site .button-dark{color:#fff;background:#173247}.coffee-site .button-light{background:#ffffff85;border-color:#17324722}.coffee-site .story-rail{display:none}.coffee-site .section-label{color:#7c888a}.coffee-site h2{letter-spacing:-.065em;font-weight:550}.coffee-site h2 em,.coffee-site h1 em{color:#8e7454;letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400}.coffee-site .hero{isolation:isolate;background:#f7f5ef;align-items:center;height:100svh;min-height:790px;max-height:1100px;margin-top:0;padding-top:78px;display:flex;overflow:hidden}.cf-hero-glow{z-index:-1;background:radial-gradient(#d6e0d183,#d9d9c834 48%,#0000 72%);width:65%;height:85%;position:absolute;top:8%;right:-4%}.coffee-site .hero-copy{z-index:3;pointer-events:none;padding-top:0;padding-bottom:115px;position:relative}.coffee-site .hero-copy>*{pointer-events:auto;max-width:47%}.coffee-site .hero-copy .eyebrow{letter-spacing:.16em;color:#7c827c;margin-bottom:30px;font-size:10px}.coffee-site .hero h1{letter-spacing:-.07em;color:#173247;margin:0 0 30px;font-size:clamp(60px,6.4vw,98px);font-weight:550;line-height:1.04}.coffee-site .hero-intro{color:#6d7a80;max-width:400px;font-size:15px;line-height:1.8}.coffee-site .button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.cf-hero-device{perspective:1600px;--duo-open:.78;justify-content:center;align-items:center;display:flex;position:absolute;inset:15% 0 7% 47%}.cf-hero-device>.cf-duo{transform:scale(var(--duo-fit,.95)) rotateY(-9deg) rotateZ(-5deg) translateX(calc(-120px * (1 - var(--duo-open,1))));filter:drop-shadow(35px 45px 25px #17324725)}.cf-hero-device-note{letter-spacing:.19em;color:#809085;font-size:9px;position:absolute;bottom:8%}.coffee-site .hero-note{color:#697b78;bottom:45px;left:5%}.coffee-site .hero-note-number{font-size:39px;font-weight:450}.coffee-site .hero-note span:last-child{font-size:10px;line-height:1.65}.coffee-site .hero-scroll{color:#6e7e81;font-size:10px;bottom:52px}.coffee-site .mood-band{color:#f7f5ef;background:#173247;padding:45px 0}.coffee-site .mood-inner{gap:30px}.cf-mood-seal{border-radius:50%;flex:none;width:62px;height:62px}.coffee-site .mood-inner p{letter-spacing:-.045em;font-size:31px;line-height:1.2}.coffee-site .mood-small{color:#bdc7c6;max-width:220px;font-size:12px}.coffee-site .story-pull{background:#eeeee5;border-radius:26px;margin-top:65px}.coffee-site .story-body p{color:#6d7a80;font-size:15px;line-height:1.9}.coffee-site .story-heading-col h2{font-size:clamp(35px,4.8vw,64px);line-height:1.14}.coffee-site .story-pull p{color:#173247;font-size:clamp(24px,3.4vw,43px);line-height:1.35}.cf-ecosystem{background:#f7f5ef;position:relative}.cf-ecosystem-intro{text-align:center;padding-top:120px;padding-bottom:85px}.cf-ecosystem-intro h2{margin:22px 0 27px;font-size:clamp(38px,5.2vw,70px);line-height:1.13}.cf-ecosystem-intro>p:not(.overline){color:#748086;max-width:580px;margin-inline:auto;font-size:15px;line-height:1.8}.cf-preview-note{color:#919a96;margin-top:22px;font-size:10px;display:block}.cf-app-nav{z-index:20;-webkit-backdrop-filter:blur(20px);background:#f7f5efe8;border-top:1px solid #1732470d;border-bottom:1px solid #17324710;position:sticky;top:77px}.cf-app-nav .wrap{justify-content:center;align-items:center;gap:10px;min-height:62px;display:flex}.cf-app-link{white-space:nowrap;color:#7b888e;border-radius:24px;min-height:40px;padding:12px 18px;font-size:12px;transition:background .2s,color .2s}.cf-app-link[aria-current=true]{color:#f7f5ef;background:#173247}.cf-chapter{padding:100px 0 0;scroll-margin-top:52px}.cf-chapter-heading{max-width:850px;margin-bottom:65px}.cf-chapter-heading h2{margin:21px 0;font-size:clamp(43px,5.7vw,78px);line-height:1.09}.cf-chapter-heading .overline{color:#7c8889;letter-spacing:.16em;font-size:10px}.cf-story{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:9%;display:grid;position:relative}.cf-stage{isolation:isolate;background:radial-gradient(at 40% 30%,#fffdf7,#e3e7dd);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;height:min(640px,100svh - 190px);min-height:380px;display:flex;position:sticky;top:165px;overflow:hidden}.cf-tone-pos .cf-stage{background:radial-gradient(at 35% 35%,#fffefb,#e6ddd0)}.cf-tone-staff .cf-stage{background:radial-gradient(at 35% 35%,#fff,#dce6e8)}.cf-tone-invest .cf-stage{background:radial-gradient(at 35% 35%,#fff,#dce4ec)}.cf-stage-top,.cf-stage-bottom{letter-spacing:.04em;color:#718588;z-index:4;justify-content:space-between;font-size:10px;display:flex;position:absolute;left:26px;right:26px}.cf-stage-top{top:25px}.cf-stage-bottom{font-size:9px;bottom:25px}.cf-device-space{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cf-steps{min-width:0}.cf-step{align-items:center;min-height:85svh;padding:45px 0;display:flex}.cf-step:last-child{min-height:100svh;padding-bottom:100px}.cf-step>div{opacity:.55;max-width:420px;transition:opacity .7s,transform .7s;transform:translateY(12px)}.cf-step[data-current=true]>div{opacity:1;transform:translateY(0)}.cf-step-number{color:#8e9a96;letter-spacing:.15em;font-size:10px}.cf-step h3{letter-spacing:-.055em;margin:24px 0;font-size:clamp(27px,3.2vw,44px);font-weight:550;line-height:1.15}.cf-step p{color:#76858a;margin:0 0 26px;font-size:14px;line-height:1.9}.cf-step .text-link{color:#173247;border-bottom-color:#17324735;font-size:12px}.cf-duo{--duo-open:1;--duo-inside:1;--duo-cover:1;--duo-fit:1;width:480px;height:343.53px;transform-style:preserve-3d;perspective:1100px;transform:scale(var(--duo-fit)) translateX(calc(-120px * (1 - var(--duo-open))));filter:drop-shadow(12px 20px 20px #17324728);will-change:transform;flex:none;transition:transform .65s cubic-bezier(.22,.61,.36,1);position:relative}.cf-duo-half{width:240px;height:343.53px;transform-style:preserve-3d;position:absolute;top:0}.cf-duo-right{left:240px}.cf-duo-left{transform-origin:100%;transform:rotateY(calc(180deg * (1 - var(--duo-open))));will-change:transform;transition:transform .65s cubic-bezier(.22,.61,.36,1);left:0}.cf-duo-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#163247;border:5px solid #78848a;border-radius:24px;padding:1px;position:absolute;inset:0;overflow:hidden}.cf-duo-front{box-shadow:none;opacity:var(--duo-inside);transition:opacity .6s}.cf-duo-left .cf-duo-front{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.cf-duo-right .cf-duo-front{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.cf-duo-screen{background:#fff;border-radius:17px 0 0 17px;width:100%;height:100%;position:relative;overflow:hidden}.cf-duo-right .cf-duo-screen{border-radius:0 17px 17px 0}.cf-duo-wide{object-fit:cover;object-position:center;width:468px;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.cf-duo-right .cf-duo-wide{left:-234px}.cf-duo-back{width:245px;opacity:var(--duo-cover);background:#163247;transition:opacity .5s;left:-5px;transform:rotateY(180deg)}.cf-duo-cover{background:#fff;border-radius:17px;height:100%;overflow:hidden}.cf-duo-cover img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cf-story .cf-duo{--duo-open:0;--duo-inside:0;--duo-cover:1}.cf-voice-section{background:#e9eee8;padding:100px 0 0;scroll-margin-top:52px}.cf-voice-intro{max-width:650px;margin-bottom:65px}.cf-voice-intro h2{margin:21px 0;font-size:clamp(43px,5.7vw,78px);line-height:1.09}.cf-voice-intro>p:not(.overline){color:#74848a;max-width:520px;font-size:15px;line-height:1.9}.cf-voice-stage{background:radial-gradient(#fffdf9,#dce5d9)}.cf-voice-dialogue{text-align:center;position:absolute;bottom:65px;left:25px;right:25px}.cf-voice-dialogue p{backdrop-filter:blur(15px);color:#456573;background:#ffffffbd;border:1px solid #fff;border-radius:22px;margin:0;padding:12px 18px;font-size:11px;transition:opacity .35s;display:inline-block}.cf-next-chapter{color:#f5f4ed;background:#173247;padding:115px 0}.cf-next-chapter h2{margin:22px 0 38px;font-size:clamp(37px,5.2vw,68px);line-height:1.16}.cf-next-grid{grid-template-columns:1fr 1fr;gap:80px;max-width:900px;margin-bottom:35px;display:grid}.cf-next-grid p{color:#b4c0c3;font-size:14px;line-height:1.9}.coffee-site .cf-next-chapter .button-dark{color:#173247;background:#f5f4ed}.coffee-site .cf-next-chapter .overline{color:#9db2b6}.coffee-site .menu-section{padding-top:110px;padding-bottom:100px}.coffee-site .menu-heading-row h2{font-size:clamp(38px,5vw,65px)}.coffee-site .menu-tabs{background:#efeee6;border:1px solid #17324714;border-radius:28px;gap:3px;padding:5px}.coffee-site .menu-tabs button{border:0;border-radius:25px;min-height:42px;padding:11px 18px;font-size:12px}.coffee-site .menu-tabs button.is-active{color:#fff;background:#173247}.coffee-site .menu-list{border-top:1px solid #17324718}.coffee-site .menu-card{padding-block:20px}.coffee-site .menu-product-image{border-radius:18px}.coffee-site .live-indicator{color:#7b8886;font-size:10px}.coffee-site .location-section{background:#eaeee7}.coffee-site .location-heading h2{font-size:clamp(38px,5vw,65px)}.coffee-site .order-feature{background:#163247;overflow:hidden}.coffee-site .order-copy h2{font-size:clamp(42px,5.3vw,70px)}.coffee-site .order-copy p{color:#b6c3c4}.cf-order-duo{perspective:1100px;--duo-open:1;justify-content:center;align-items:center;height:450px;display:flex}.coffee-site .contact-email{letter-spacing:-.025em;font-size:clamp(19px,2.7vw,31px)}.coffee-site .contact-grid h2{font-size:clamp(36px,4.7vw,63px)}.coffee-site .site-footer{background:#eef0e8}@media (width>=1600px){.coffee-site .hero-copy>*{max-width:45%}.cf-hero-device{left:44%}}@media (width<=1050px){.coffee-site .hero h1{font-size:65px}.coffee-site .hero-copy>*{max-width:47%}.coffee-site .hero-intro{max-width:360px;font-size:14px}.coffee-site .hero-copy .button-row{max-width:46%}.coffee-site .desktop-nav{gap:16px}.cf-story{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%}.cf-stage{border-radius:25px}.cf-step h3{font-size:34px}.cf-order-duo{height:370px}}@media (width<=760px){.coffee-site .site-header{height:68px}.coffee-site .hero{height:auto;min-height:980px;max-height:none;padding-top:125px;padding-bottom:440px;display:block}.coffee-site .hero-copy.wrap{height:auto;min-height:0;padding:0}.coffee-site .hero-copy>*{max-width:100%}.coffee-site .hero h1{max-width:100%;margin-bottom:23px;font-size:clamp(53px,10vw,76px)}.coffee-site .hero-intro{max-width:470px;font-size:14px}.coffee-site .hero-copy .eyebrow{margin-bottom:24px}.coffee-site .hero-copy .button-row{gap:10px;max-width:100%;margin-top:24px}.coffee-site .button{padding:14px 18px;font-size:11px}.cf-hero-device{--duo-open:1;height:340px;inset:auto 0 63px}.cf-hero-device>.cf-duo{transform:scale(var(--duo-fit,.7)) rotateZ(-3deg)}.cf-hero-device-note{font-size:8px;bottom:6%}.coffee-site .hero-note{gap:8px;bottom:23px;left:6%}.coffee-site .hero-note-number{font-size:27px}.coffee-site .hero-note span:last-child{font-size:8px}.coffee-site .hero-scroll{font-size:9px;bottom:27px}.coffee-site .mood-band{padding:30px 0}.coffee-site .mood-inner{gap:20px}.coffee-site .mood-inner p{font-size:25px}.cf-mood-seal{width:46px;height:46px}.coffee-site .mood-small{max-width:140px;margin-left:auto;font-size:10px}.coffee-site .story-section{padding-block:75px}.coffee-site .story-pull{border-radius:22px;margin-top:35px}.cf-ecosystem-intro{text-align:left;padding-block:75px 55px}.cf-ecosystem-intro h2{font-size:39px}.cf-ecosystem-intro>p:not(.overline){font-size:14px}.cf-app-nav{top:67px}.cf-app-nav .wrap{scrollbar-width:none;justify-content:flex-start;gap:3px;width:100%;min-height:56px;padding:0 14px;overflow-x:auto}.cf-app-nav .wrap::-webkit-scrollbar{display:none}.cf-app-link{padding:11px 13px;font-size:11px}.cf-chapter{padding-top:65px;scroll-margin-top:60px}.cf-chapter-heading{margin-bottom:35px}.cf-chapter-heading h2{font-size:42px}.cf-story{display:block}.cf-stage{z-index:2;border-radius:24px;height:min(340px,36svh);min-height:270px;margin-bottom:0;top:138px}.cf-stage-top,.cf-stage-bottom{font-size:8px;left:19px;right:19px}.cf-stage-top{top:19px}.cf-stage-bottom{font-size:7px;bottom:19px}.cf-steps{z-index:1;position:relative}.cf-step{align-items:center;min-height:60svh;padding:45px 6px}.cf-step:last-child{min-height:76svh;padding-bottom:80px}.cf-step>div{opacity:.72;max-width:540px}.cf-step h3{margin-top:19px;font-size:30px}.cf-step p{font-size:13px;line-height:1.85}.cf-voice-section{padding-top:70px}.cf-voice-intro{margin-bottom:35px}.cf-voice-intro h2{font-size:43px}.cf-voice-intro>p:not(.overline){font-size:14px}.cf-voice-dialogue{bottom:46px;left:15px;right:15px}.cf-voice-dialogue p{padding:9px 13px;font-size:9px}.cf-next-chapter{padding-block:75px}.cf-next-grid{display:block}.cf-next-grid p{margin-bottom:25px;font-size:13px}.coffee-site .menu-section{padding-block:75px}.coffee-site .menu-toolbar{flex-wrap:wrap;gap:18px}.coffee-site .menu-tabs{width:100%;overflow:auto}.coffee-site .menu-tabs button{white-space:nowrap;padding-inline:13px;font-size:10px}.coffee-site .menu-card{gap:16px}.cf-order-duo{height:315px}.coffee-site .contact-section{padding-block:75px}.coffee-site .site-footer{padding-top:45px}}@media (width<=390px){.coffee-site .hero{min-height:960px}.coffee-site .hero-copy .eyebrow{font-size:8px}.coffee-site .hero h1{font-size:51px}.coffee-site .hero-intro{font-size:13px}.coffee-site .mood-small{display:none}.cf-chapter-heading h2{font-size:37px}.cf-stage{min-height:270px}}@media (prefers-reduced-motion:reduce){.coffee-site *{scroll-behavior:auto!important}.cf-duo,.cf-duo-left,.cf-duo-front,.cf-duo-back,.cf-step>div{transition:none!important}.cf-step>div{opacity:1;transform:none}}.coffee-site #technology-now,.coffee-site #technology-voice,.coffee-site #technology-future{scroll-margin-top:52px}@media (width<=760px){.coffee-site #technology-now,.coffee-site #technology-voice,.coffee-site #technology-future{scroll-margin-top:60px}}.coffee-site{--cf-paper:#f5f5f0;--cf-ink:#183c4f;--cf-muted:#657b7c;background:#f5f5f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}.coffee-site .site-header{background:#f5f5f0ec}.coffee-site .hero{background:radial-gradient(at 80% 40%,#d6e2d1,#f5f5f0 62%)}.coffee-site .hero h1 em,.coffee-site section:not(.menu-section) h2 em{font:inherit;letter-spacing:inherit;color:#688775}.coffee-site section:not(.menu-section) h2,.coffee-site .hero h1{font-weight:500}.coffee-site .button-dark,.coffee-site .header-order{background:#173e52}.coffee-site .hero-intro{color:#657b7c}.coffee-site .hero h1{color:#183c4f}.coffee-site .mood-band{color:#173e52;background:#dae5d4;padding:85px 0;position:relative;overflow:hidden}.coffee-site .mood-inner{gap:40px;position:relative}.coffee-site .mood-inner p{letter-spacing:-.055em;transform:translateY(calc(18px * (1 - var(--scene-enter))));font-size:clamp(42px,5.6vw,77px);font-weight:500;line-height:1.03;transition:transform .5s}.coffee-site .mood-inner strong{color:#63856c;font-weight:500}.coffee-site .mood-small{color:#657d6c;max-width:240px;margin-left:auto;font-size:14px}.coffee-site .cf-mood-seal{width:80px;height:80px;box-shadow:0 12px 30px #27473517}.coffee-site .story-section{padding-block:100px}.coffee-site .story-grid{align-items:start;gap:9%;margin-top:60px}.coffee-site .story-heading-col{position:sticky;top:185px}.coffee-site .story-heading-col h2{margin-top:22px;font-size:clamp(39px,4.8vw,64px);line-height:1.12}.coffee-site .story-body{padding-top:20px}.coffee-site .story-body p{color:#52696c;margin-bottom:35px;font-size:16px;line-height:1.9}.coffee-site .story-body .text-link{color:#315b66}.coffee-site .story-pull{background:radial-gradient(at 75% 20%,#f5f8ee,#dbe5d7);border-radius:30px;margin-top:95px;padding:65px;position:relative;overflow:hidden}.coffee-site .story-pull:after{content:"";border:1px solid #91b09a4d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-140px;right:-80px;box-shadow:0 0 0 35px #acbfa018,0 0 0 80px #acbfa00c}.coffee-site .story-pull p{letter-spacing:-.045em;z-index:1;font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.3;position:relative}.coffee-site .story-pull .quote-mark{color:#94ac94}.coffee-site .founder-section{background:#e9eee4;padding-block:90px}.coffee-site .cf-founder-scroll{min-height:130svh;padding-top:1px}.coffee-site .founder-sketch{background:#f5f3eb;border-radius:30px;margin:45px 0 0;position:sticky;top:165px;overflow:hidden}.coffee-site .founder-artwork{overflow:hidden}.coffee-site .founder-artwork>img{transform:scale(calc(1 + var(--scene-progress) * .025));transform-origin:75% 60%;transition:transform .5s ease-out}.coffee-site .founder-intro{z-index:2}.coffee-site .founder-intro h2{color:#183c4f}.coffee-site .founder-intro p{color:#52696c}.coffee-site .founder-sketch figcaption{color:#657b70;background:#f5f5f0;border-top:1px solid #b9c7b944;padding:20px 25px;font-size:12px;font-weight:500}.cf-ecosystem{background:#f5f5f0}.cf-ecosystem-intro{padding-top:100px}.cf-ecosystem-intro h2,.cf-chapter-heading h2,.cf-voice-intro h2{font-weight:500}.cf-app-nav{background:#f5f5f0ed}.cf-tone-guest{background:#f1f2eb}.cf-tone-pos{background:#e9eee9}.cf-tone-staff{background:#eef2e9}.cf-tone-invest{background:#e9eef1}.cf-voice-section{background:#e9eee9}.cf-next-chapter{background:#071421}.cf-next-chapter h2{color:#f5f8ef}.coffee-site .cf-next-chapter h2 em{color:#cbdba7}.coffee-site .cf-next-grid p{color:#abbac5}.cf-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#61778108 1px,#0000 1px),linear-gradient(90deg,#61778108 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:linear-gradient(#0007,#0000 85%)}.coffee-site .location-section{background:#e8ece4;padding-block:95px}.cf-location-layout{grid-template-columns:1fr 1fr;align-items:center;gap:9%;margin-top:65px;display:grid}.cf-location-stage{isolation:isolate;background:radial-gradient(at 35% 25%,#fffef6,#d4e0ce);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;height:490px;display:flex;position:relative;overflow:hidden}.cf-location-ring{width:320px;height:230px;transform:rotate(-20deg) scale(calc(.9 + var(--scene-progress)*.15));z-index:-1;border:1px solid #91af9b77;border-radius:50%;position:absolute;box-shadow:0 0 0 38px #adbfab16,0 0 0 82px #adbfab0c}.cf-location-number{letter-spacing:-.065em;color:#295562;font-size:142px;font-weight:400;line-height:1}.cf-location-caption{letter-spacing:.16em;color:#809680;margin-top:23px;font-size:9px}.cf-location-stage img{border-radius:50%;width:42px;height:42px;position:absolute;top:46px;left:46px}.coffee-site .location-heading h2{max-width:600px;margin-bottom:27px;font-size:clamp(38px,4.8vw,64px);line-height:1.1}.coffee-site .location-heading p{color:#52696c;max-width:480px;font-size:15px;line-height:1.85}.coffee-site .location-actions{margin-top:35px}.coffee-site .order-feature{background:#071421;padding-block:100px}.coffee-site .order-copy h2{font-size:clamp(44px,5.3vw,70px);line-height:1.1}.coffee-site .order-copy h2 em{color:#cbdba7!important}.coffee-site .order-copy p{color:#abbac5;font-size:15px;line-height:1.9}.coffee-site .order-copy .button-gold{color:#10243a;background:#dae8b7}.cf-order-duo{height:480px;position:relative}.cf-order-flow{color:#aebfc5;justify-content:center;align-items:center;gap:15px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.cf-order-flow span{border:1px solid #4b666455;border-radius:25px;padding:10px 16px}.cf-order-flow i{color:#64857b;font-style:normal}.coffee-site .contact-section{color:#fff;background:#071421;padding-block:100px 75px}.coffee-site .contact-section .section-label{color:#80998c}.coffee-site .contact-section .label-rule{background:#29414b}.coffee-site .contact-grid h2{color:#fff;font-size:clamp(45px,5.8vw,78px);line-height:1.1}.coffee-site .contact-grid h2 em{color:#cbdba7!important}.coffee-site .contact-grid p{color:#abbac5;font-size:15px;line-height:1.85}.coffee-site .contact-email{color:#dfecc3;letter-spacing:-.035em;font-size:clamp(19px,3vw,37px)}.coffee-site .contact-section .button-dark{color:#10243a;background:#dae8b7}.coffee-site .site-footer{color:#8c9dab;background:#071421;padding-top:35px}.coffee-site .footer-top{border-top:1px solid #2a3a45;border-bottom:0;padding-block:30px}.coffee-site .footer-brand,.coffee-site .footer-top p{color:#f5f8ef}.coffee-site .footer-up{color:#cbdba7;background:#173e52;border-color:#3b5564;border-radius:50%}.coffee-site .footer-bottom{color:#8c9dab;border-top:1px solid #2a3a45}.coffee-site .footer-bottom nav a{color:#8c9dab}@media (width<=760px){.coffee-site .mood-band{padding:55px 0}.coffee-site .mood-inner{flex-wrap:wrap;gap:23px}.coffee-site .mood-inner p{font-size:43px}.coffee-site .cf-mood-seal{width:53px;height:53px}.coffee-site .mood-small{max-width:220px;margin-left:76px;font-size:12px}.coffee-site .story-section{padding-block:70px}.coffee-site .story-grid{gap:30px;margin-top:40px}.coffee-site .story-heading-col{position:relative;top:auto}.coffee-site .story-heading-col h2{font-size:39px}.coffee-site .story-body{padding-top:0}.coffee-site .story-body p{margin-bottom:25px;font-size:14px}.coffee-site .story-pull{border-radius:25px;margin-top:45px;padding:32px 25px}.coffee-site .story-pull p{font-size:29px}.coffee-site .founder-section{padding-block:65px}.coffee-site .cf-founder-scroll{min-height:0}.coffee-site .founder-sketch{border-radius:25px;margin-top:35px;position:relative;top:auto}.coffee-site .founder-intro h2{font-size:32px}.coffee-site .founder-intro p{font-size:13px}.coffee-site .founder-sketch figcaption{padding:18px 21px;font-size:10px}.cf-ecosystem-intro{padding-top:70px}.coffee-site .location-section{padding-block:70px}.cf-location-layout{grid-template-columns:1fr;gap:40px;margin-top:38px}.cf-location-stage{border-radius:25px;height:300px}.cf-location-ring{width:245px;height:175px}.cf-location-number{font-size:106px}.cf-location-caption{margin-top:18px;font-size:8px}.cf-location-stage img{width:32px;height:32px;top:27px;left:27px}.coffee-site .location-heading h2{font-size:39px}.coffee-site .location-heading p{font-size:14px}.coffee-site .location-actions{margin-top:27px}.coffee-site .order-feature{padding-block:70px}.coffee-site .order-copy h2{font-size:44px}.coffee-site .order-copy p{font-size:14px}.cf-order-duo{height:350px}.cf-order-flow{gap:10px;font-size:8px}.cf-order-flow span{padding:9px 13px}.coffee-site .contact-section{padding-block:75px 45px}.coffee-site .contact-grid h2{font-size:43px}.coffee-site .contact-grid p{font-size:14px}.coffee-site .contact-grid{gap:30px}.coffee-site .site-footer{padding-top:15px}.coffee-site .footer-top{gap:22px}.coffee-site .footer-top p{font-size:12px}.coffee-site .footer-bottom{font-size:9px}}@media (prefers-reduced-motion:reduce){.coffee-site .founder-artwork>img,.coffee-site .mood-inner p{transition:none;transform:none!important}.cf-location-ring{transform:rotate(-20deg)}}.cf-hero-device>.cf-duo{transform:scale(var(--duo-fit,.95)) translateX(calc(-120px * (1 - var(--duo-open,1))))}.coffee-site .cf-founder-heading{grid-template-columns:1.05fr .95fr;align-items:end;gap:8%;margin-block:60px;display:grid}.coffee-site .cf-founder-heading h2{font-size:clamp(41px,5.5vw,74px);line-height:1.08}.cf-founder-heading>p{color:#52696c;max-width:450px;font-size:15px;line-height:1.9}.cf-founder-story{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:6%;display:grid}.cf-founder-stage{isolation:isolate;background:radial-gradient(at 45% 30%,#fcfdf8,#dbe5d7);border-radius:30px;height:min(640px,100svh - 190px);min-height:380px;position:sticky;top:165px;overflow:hidden}.cf-founder-stage-top,.cf-founder-stage-foot{color:#7a9180;letter-spacing:.04em;z-index:2;justify-content:space-between;gap:15px;font-size:9px;display:flex;position:absolute;left:25px;right:25px}.cf-founder-stage-top{top:25px}.cf-founder-stage-foot{font-size:8px;bottom:23px}.cf-founder-film{width:100%;height:100%;font-family:inherit;position:absolute;inset:0}.cf-founder-scene{opacity:0;transform-origin:450px 310px;transition:opacity .7s,transform .7s;transform:translateY(18px)}.cf-founder-scene[data-scene-frame="0"]{opacity:1;transform:none}.founder-section[data-ready] .cf-founder-scene{opacity:0;transform:translateY(18px)}.founder-section[data-ready] .cf-founder-scene[data-current=true]{opacity:1;transform:none}.cf-founder-steps article{border-bottom:1px solid #b8c6bf44;flex-direction:column;justify-content:center;min-height:80svh;padding:55px 0;display:flex}.cf-founder-steps article:last-child{border-bottom:0;min-height:95svh}.cf-founder-steps article>span{letter-spacing:.13em;color:#7b927d;font-size:9px}.cf-founder-steps h3{letter-spacing:-.05em;margin:25px 0;font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.14}.cf-founder-steps p{color:#52696c;font-size:15px;line-height:1.9}.cf-founder-steps .text-link{margin-top:28px;font-size:12px}.cf-founder-route{animation:14s linear infinite cf-journey-route}.cf-founder-steam{transform-origin:50%;animation:3s ease-in-out infinite alternate cf-steam}.cf-ecosystem-intro .cf-orbit{max-width:630px;height:420px;margin:30px auto 0}.cf-ecosystem-intro .cf-preview-note{margin-top:15px}@keyframes cf-journey-route{to{stroke-dashoffset:-144px}}@keyframes cf-steam{to{opacity:.4;transform:translateY(-9px)}}@media (width<=760px){.cf-hero-device>.cf-duo{transform:scale(var(--duo-fit,.7))}.coffee-site .cf-founder-heading{margin-block:38px;display:block}.coffee-site .cf-founder-heading h2{font-size:41px}.cf-founder-heading>p{margin-top:25px;font-size:14px}.cf-founder-story{display:block}.cf-founder-stage{z-index:3;border-radius:25px;height:36svh;min-height:280px;max-height:390px;top:88px}.cf-founder-stage-top{font-size:7px;top:17px;left:19px;right:19px}.cf-founder-stage-foot{font-size:7px;bottom:16px;left:19px;right:19px}.cf-founder-steps article{justify-content:flex-start;min-height:52svh;padding:35px 4px}.cf-founder-steps article:last-child{min-height:76svh}.cf-founder-steps h3{font-size:31px}.cf-founder-steps p{font-size:13px}.cf-ecosystem-intro .cf-orbit{height:340px;margin-top:20px}}@media (prefers-reduced-motion:reduce){.cf-founder-route,.cf-founder-steam{animation:none}.cf-founder-scene{transition:none;transform:none!important}}.coffee-site .cf-ecosystem-intro{color:#fff;background:radial-gradient(at 80% 40%,#123e42 0%,#0b2030 34%,#071421 70%);width:100%;max-width:none;margin:0;padding-inline:max(6%,50% - 620px)}.coffee-site .cf-ecosystem-intro h2{color:#fff}.coffee-site .cf-ecosystem-intro h2 em{color:#c9d6ce!important}.coffee-site .cf-ecosystem-intro>p:not(.overline){color:#abbac5}.coffee-site .cf-ecosystem-intro .overline{color:#cbdba7}.coffee-site .cf-ecosystem-intro .cf-preview-note{color:#8fa0ad}.coffee-site .cf-hero-device{perspective:none;inset:13% -2% 11% 44%}.cf-duo-mockup{--duo-reveal:1;width:min(98%,650px);transform:translateY(calc(8px * (1 - var(--duo-reveal))));opacity:calc(.94 + var(--duo-reveal)*.06);filter:drop-shadow(0 22px 22px #17324724)}.cf-duo-mockup img{object-fit:contain;width:100%;height:auto;display:block}.coffee-site .cf-hero-device-note{text-align:center;bottom:0;left:0;right:0}@media (width>=1600px){.coffee-site .cf-hero-device{left:43%;right:0}}@media (width<=760px){.coffee-site .cf-hero-device{height:320px;inset:auto 2% 68px}.cf-duo-mockup{width:min(100%,450px);transform:none}.coffee-site .cf-hero-device-note{font-size:8px;bottom:0}}@media (prefers-reduced-motion:reduce){.cf-duo-mockup{opacity:1;transform:none}}.coffee-site .hero-note{right:auto}.coffee-site .hero-scroll{left:auto;right:6%}@media (width<=760px){.coffee-site .mood-inner{grid-template-columns:53px minmax(0,1fr);gap:20px}.coffee-site .cf-mood-seal{aspect-ratio:1;object-fit:contain;width:53px;max-width:none;height:53px}.coffee-site .mood-inner p{min-width:0;font-size:clamp(34px,10.8vw,43px)}.coffee-site .mood-small{margin-top:0;margin-left:0}}[data-scroll-scene]{--scene-progress:0;--scene-enter:1;--scene-shift:0px}.scene-visual{transform:translate3d(0,var(--scene-shift),0);transition:transform .4s ease-out}.scene-frame{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:25px;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;inset:58px 28px;transform:translateY(24px)scale(.97)}.scene-frame:first-of-type,.scene-frame[data-scene-frame="0"]{opacity:1;transform:none}[data-ready] .scene-frame{opacity:0;transform:translateY(24px)scale(.97)}[data-ready] .scene-frame[data-current=true]{opacity:1;transform:none}.scene-track{background:#c6d3c5;height:2px;position:absolute;bottom:38px;left:25px;right:25px}.scene-track span{height:100%;transform:scaleX(var(--scene-progress));transform-origin:0;background:#4c7769;transition:transform .4s;display:block}@media (width<=760px){.scene-frame{gap:14px;inset:38px 20px 48px}}@media (prefers-reduced-motion:reduce){.cf-orbit *{animation:none!important}.scene-visual,.scene-frame{transition:none!important;transform:none!important}}