:root{--cotton:#f6f3ec;--paper:#fafafa;--cream:#e2dcce;--beige:#b4c19e;--leaf:#5b865d;--moss:#3a5a40;--evergreen:#00463d;--dusty-olive:#9ea58e;--mist-blue:#e8f1ff;--ink:#141611;--stone:#c6c0b6;--muted:#6b7463;--line:#1416111f;--shadow-soft:0 2px 10px 1px #a6a6a62e;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-zh-display:FangSong, STFangsong, "FangSong_GB2312", "Noto Serif SC", serif;--font-ui:"Source Sans 3", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-zh-ui:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Source Han Sans SC", sans-serif;--font-body:var(--font-ui);--max-page:1920px;--nav-height:92px;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.938rem;--text-3xl:2.438rem;--text-4xl:3.063rem;--text-5xl:3.813rem;--radius-compact:12px;--radius-card:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-optical-sizing:auto;margin:0;overflow-x:hidden}.site-shell{--font-site-sans:var(--font-body-cjk), "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--site-body-primary-size:clamp(1rem, 1.25vw, 1.5rem);--site-page-title-size:clamp(2.5rem, 2.5vw, 3rem);--font-display:var(--font-site-sans);--font-zh-display:var(--font-site-sans);--font-ui:var(--font-site-sans);--font-zh-ui:var(--font-site-sans);--font-body:var(--font-site-sans);font-family:var(--font-site-sans)}.home-loading-shell:not(.home-is-ready){height:100svh;overflow:hidden}.home-loaded-content{opacity:0;transition:opacity .48s ease-out}.home-is-ready .home-loaded-content{opacity:1}.home-loading-screen{background:var(--paper);color:var(--evergreen);font-family:var(--font-display-latin), Georgia, serif;font-size:var(--text-lg);opacity:1;visibility:visible;z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-style:italic;transition:opacity .28s ease-in,visibility 0s linear .28s;display:flex;position:fixed;inset:0}.home-loading-screen i{background:#00463d1f;width:148px;height:1px;display:block;position:relative;overflow:hidden}.home-loading-screen i:after{content:"";transform-origin:0;background:currentColor;animation:1.15s ease-in-out infinite home-loading-sweep;position:absolute;inset:0;transform:scaleX(.2)}.home-is-ready .home-loading-screen{opacity:0;pointer-events:none;visibility:hidden}@keyframes home-loading-sweep{0%{opacity:.35;transform:translate(-70%)scaleX(.25)}50%{opacity:1;transform:translate(20%)scaleX(.72)}to{opacity:.35;transform:translate(100%)scaleX(.2)}}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-nav{height:var(--nav-height);max-width:var(--max-page);z-index:20;grid-template-columns:minmax(140px,1fr) auto minmax(110px,1fr);align-items:center;gap:20px;margin:0 auto;padding:0 clamp(22px,5.2vw,101px);display:grid;position:fixed;top:0;left:0;right:0}.build-mark,.language-switch,.nav-links a{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;font-weight:400;line-height:1.2}.build-mark{color:var(--evergreen);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:0;font-style:italic}.nav-links{gap:clamp(24px,3.1vw,60px);display:flex}.nav-links a,.language-switch,.build-mark{transition:color .18s,transform .18s}.nav-links a:hover,.language-switch:hover,.build-mark:hover{color:var(--leaf);transform:translateY(-1px)}.language-switch{justify-self:end}.back-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--text-sm);left:clamp(22px,5.2vw,101px);top:calc(var(--nav-height) + 16px);z-index:21;background:#fafafabd;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;line-height:1;transition:border-color .18s,color .18s,transform .18s;display:inline-flex;position:fixed}.back-button:hover{color:var(--leaf);border-color:#5b865d73;transform:translate(-2px)}.back-button:focus-visible{outline:2px solid var(--evergreen);outline-offset:4px}main{max-width:var(--max-page);margin:0 auto}.hero-stage{height:max(100svh, calc(min(100vw, var(--max-page)) * .826563));position:relative;overflow:visible}.hero-viewport{width:100%;height:100%;position:relative;top:0;left:0;overflow:visible}.hero-copy{text-align:center;z-index:3;width:min(940px,100vw - 40px);position:absolute;top:clamp(230px,33svh,395px);left:50%;transform:translate(-50%)}.hero-title-lockup{flex-direction:column;align-items:center;width:min(550px,100vw - 64px);display:flex;top:50svh;transform:translate(-50%,-50%)}.hero-title-image{opacity:0;width:100%;height:auto;animation:.64s ease-out .1s both hero-title-enter;display:block;transform:translateY(10px)}.hero-scroll-hint{color:var(--ink);opacity:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:clamp(14px,2.2vh,24px);animation:.24s ease-out .76s both hero-hint-enter;display:inline-flex}.hero-scroll-hint svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:26px;height:26px;animation:1.6s ease-in-out .94s infinite hero-hint-pulse}@keyframes hero-title-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-hint-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-hint-pulse{0%,to{opacity:.24;transform:translateY(0)}50%{opacity:.9;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.home-loaded-content,.home-loading-screen{transition:none}.home-loading-screen i:after,.hero-title-image,.hero-scroll-hint,.hero-scroll-hint svg{opacity:1;animation:none;transform:none}[data-home-reveal].home-reveal-ready>*{opacity:1;transition:none;transform:none}}.hero-copy p,.hero-copy h1{letter-spacing:0;margin:0;font-weight:400}.hero-copy p{font-family:var(--font-display);font-style:italic;font-size:var(--text-5xl);margin-bottom:18px;line-height:1.04;display:inline-block}.hero-copy h1{font-family:var(--font-body);font-size:var(--text-4xl);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .18em;line-height:1.04;display:flex}.role-word{color:var(--hero-accent);background:0 0;border-radius:8px;padding:0 .14em .05em;transition:color .2s;display:inline-block}.sticker{cursor:grab;touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;transition:filter .16s;position:absolute}.sticker:active{cursor:grabbing;filter:drop-shadow(0 10px 18px #14161129)}.sticker:focus-visible{outline:2px solid var(--evergreen);outline-offset:4px}.hero-asset{background:0 0}.hero-asset img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.tone-stone,.cover-block.tone-stone{background:var(--stone)}.tone-cream,.cover-block.tone-cream{background:var(--cream)}.tone-mist,.cover-block.tone-mist{background:var(--mist-blue)}.tone-olive,.cover-block.tone-olive{background:var(--dusty-olive)}.tone-leaf,.cover-block.tone-leaf{background:var(--leaf)}.tone-cotton,.cover-block.tone-cotton{background:var(--cotton)}.about-section,.works-section,.playground-section{min-height:100svh;padding:var(--nav-height) clamp(22px, 5.2vw, 101px) 80px}.works-section,.playground-section{border-top:1px solid var(--line)}.about-section{border-top:1px solid var(--line);grid-template-columns:minmax(280px,.76fr) minmax(480px,1.24fr);align-items:center;gap:clamp(48px,8vw,120px);display:grid;position:relative}.about-copy{max-width:680px}.about-copy .eyebrow{color:var(--evergreen);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font-size:12px;line-height:1.2;display:block}.about-copy h1,.about-copy h2,.section-heading h1,.section-heading h2,.case-info h1{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.08}.lang-zh .about-copy h1,.lang-zh .about-copy h2,.lang-zh .section-heading h1,.lang-zh .section-heading h2,.lang-zh .case-info h1,.lang-zh .case-body h2,.lang-zh .card-meta h3{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.14}.about-copy p,.case-info p,.case-body p,.archive-panel p,.contact-strip p{color:var(--muted);font-family:var(--font-body);font-size:var(--text-lg);line-height:1.55}.lang-zh .about-copy p,.lang-zh .case-info p,.lang-zh .case-body p,.lang-zh .archive-panel p,.lang-zh .contact-strip p,.site-nav.lang-zh .nav-links a,.site-nav.lang-zh .language-switch,.lang-zh .nav-links a,.lang-zh .language-switch,.lang-zh .card-meta p,.lang-zh .tag-row,.lang-zh .identity-row{font-family:var(--font-zh-ui)}.lang-zh .hero-copy p{font-family:var(--font-zh-display);font-style:normal}.about-collage{min-height:560px;position:relative}.photo-placeholder{background:linear-gradient(#3a5a401a,#3a5a401a),linear-gradient(135deg,#6f7257,#c6c0b6 44%,#f0ebe3);width:min(48vw,815px);height:min(44vw,540px);margin-top:80px;margin-left:auto;position:relative}.photo-placeholder:after{content:"";border:1px solid #fafafa8a;position:absolute;inset:clamp(18px,3vw,34px)}.floating-paper{background:#d9d9d9;width:clamp(200px,18vw,345px);height:clamp(220px,20vw,360px);position:absolute}.paper-a{bottom:6%;left:8%;rotate:-23deg}.paper-b{top:0;right:-2%;rotate:25deg}.identity-row,.tag-row,.tab-row{flex-wrap:wrap;gap:12px;display:flex}.identity-row span,.tag-row span{border:1px solid var(--line);color:var(--muted);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.01em;border-radius:2px;padding:8px 12px;line-height:1}.section-heading{margin-bottom:clamp(48px,6vw,80px)}.section-heading.centered{text-align:center;justify-content:center;align-items:center;display:flex}.section-heading.centered .tab-row{margin-top:0}.tab-row{justify-content:flex-start;margin-top:clamp(24px,3vw,38px)}.tab-row a{font-family:var(--font-body);font-size:var(--text-base)}.project-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(300px,352px);grid-auto-flow:column;gap:clamp(36px,5vw,74px);max-width:1280px;margin:0 auto;padding-bottom:18px;display:grid;overflow-x:auto}.project-grid>*{scroll-snap-align:start}.project-card,.play-card{display:block}.project-card{border-top:1px solid #14161152;padding-top:18px;transition:transform .18s}.project-card:hover{transform:translateY(-4px)}.cover-block{aspect-ratio:352/463;width:100%;display:block;position:relative}.project-cover{aspect-ratio:1;overflow:hidden}.project-cover-image{object-fit:cover;object-position:center;display:block}.cover-block:after{content:"";border:1px solid #1416111a;position:absolute;inset:18px}.card-meta{gap:13px;padding-top:20px;display:grid}.card-meta h3{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.08}.card-meta p,.eyebrow{color:var(--muted);font-family:var(--font-body);font-size:var(--text-sm);margin:0;line-height:1.45}.eyebrow{color:var(--evergreen);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.play-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-height:600px;display:grid}.play-card{border-top:1px solid #1416113d;width:min(100%,352px);padding-top:18px}.play-card:first-child{margin-top:120px}.play-card:nth-child(2){margin-top:220px}.play-card:nth-child(3){margin-top:75px}.play-card:nth-child(4){margin-top:165px}.page-shell{padding-top:0}.page-section{padding-top:calc(var(--nav-height) + 88px)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-page-section{max-width:var(--max-page);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"intro portrait""details portrait";align-items:start;gap:79px clamp(56px,5.89vw,113px);min-height:100svh;margin:0 auto;padding:158px clamp(48px,5.26vw,101px) 66px;display:grid}.site-shell main>#about.about-page-section{padding-top:134px;padding-bottom:82px}.site-shell main>.works-section:not(.page-section){padding-bottom:104px;padding-top:calc(var(--nav-height) + 16px)}[data-home-reveal].home-reveal-ready>*{opacity:0;transition:opacity .42s ease-out,transform .42s ease-out;transform:translateY(18px)}[data-home-reveal].home-reveal-ready>:nth-child(2){transition-delay:70ms}[data-home-reveal].home-reveal-ready>:nth-child(3){transition-delay:.14s}[data-home-reveal].home-reveal-visible>*{opacity:1;transform:translateY(0)}.about-page-intro,.about-page-details{min-width:0}.about-page-intro h1,.about-page-details h2,.about-page-details h3,.about-page-intro p,.about-page-details p,.about-page-intro ul,.about-page-details ul,.about-page-portrait{margin:0}.about-page-intro{grid-area:intro}.about-page-details{grid-area:details}.about-page-intro h1{font-family:var(--font-body);font-size:var(--site-page-title-size,clamp(2.5rem, 2.5vw, 3rem));font-weight:400;line-height:1.125}.about-page-profile{margin-top:45px}.about-page-profile>p,.about-page-education h3,.about-page-education p,.about-page-awards li,.about-page-languages li{color:var(--ink);font-family:var(--font-body);font-size:var(--site-body-primary-size,clamp(1rem, 1.25vw, 1.5rem));line-height:1.46}.about-page-profile>p{max-width:964px}.about-page-tags,.about-page-awards ul,.about-page-tools ul,.about-page-languages ul{padding:0;list-style:none}.about-page-tags{flex-wrap:wrap;align-items:center;gap:15px;display:flex;margin-top:24px!important}.about-page-tags li{border:1px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;padding:4px 16px;font-size:clamp(.875rem,1.04vw,1.25rem);font-weight:500;line-height:1.4}.about-page-awards,.about-page-meta{margin-top:0}.about-page-education{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7.4vw,142px);display:grid}.about-page-education article:last-child{justify-self:end}.about-page-education h3{font-weight:800}.about-page-education p{white-space:nowrap}.about-page-awards h2,.about-page-tools h2,.about-page-languages h2{color:var(--ink);font-family:var(--font-body);font-size:clamp(1.25rem,1.46vw,1.75rem);font-weight:800;line-height:1.25}.about-page-awards ul,.about-page-languages ul{margin-top:15px!important}.about-page-meta{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:clamp(34px,5vw,96px);display:grid}.about-page-tools ul{flex-wrap:nowrap;gap:clamp(7px,.65vw,10px);display:flex;margin-top:25px!important}.about-page-tools li{flex:0 0 clamp(32px,2.5vw,42px);width:clamp(32px,2.5vw,42px);height:clamp(32px,2.5vw,42px)}.about-page-tools img{object-fit:contain;width:100%;height:100%;display:block}@media (min-width:901px){.about-page-details{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}}.about-page-languages{min-width:180px}.about-page-portrait{aspect-ratio:642/856;background:var(--cotton);border-radius:20px;grid-area:portrait;width:100%;overflow:hidden}.about-page-portrait img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:1200px){.about-page-section{gap:60px clamp(40px,5vw,60px);padding-inline:clamp(32px,5vw,60px)}.about-page-awards,.about-page-meta{margin-top:0}.about-page-education{gap:36px}.about-page-meta{grid-template-columns:minmax(0,1fr) minmax(132px,.32fr);gap:32px}}@media (max-width:900px){.about-page-section{padding:calc(var(--nav-height) + 58px) 20px 130px;grid-template-columns:1fr;grid-template-areas:"intro""portrait""details";gap:56px;display:grid}.site-shell main>#about.about-page-section{padding-bottom:142px;padding-top:calc(var(--nav-height) + 44px)}.site-shell main>.works-section:not(.page-section){padding-bottom:132px;padding-top:calc(var(--nav-height) + 14px)}.about-page-profile{margin-top:32px}.about-page-profile>p,.about-page-education h3,.about-page-education p,.about-page-awards li,.about-page-languages li{font-size:1rem;line-height:1.65}.about-page-tags li{font-size:.9375rem}.about-page-awards,.about-page-meta{margin-top:54px}.about-page-education{grid-template-columns:1fr;gap:28px}.about-page-education article:last-child{justify-self:start}.about-page-meta{grid-template-columns:1fr;gap:48px}.about-page-languages{min-width:0}.about-page-portrait{justify-self:center;max-width:642px}}@media (max-width:560px){.site-shell{--site-page-title-size:2.25rem}.about-page-intro h1{font-size:2.25rem}.about-page-tags{gap:10px}.about-page-tags li{padding:4px 13px}.about-page-awards h2,.about-page-tools h2,.about-page-languages h2{font-size:1.375rem}.about-page-tools ul{gap:10px}.about-page-tools li{flex-basis:32px;width:32px;height:32px}}.archive-panel{border-top:1px solid var(--line);max-width:1280px;margin:80px auto 0;padding-top:24px}.site-shell .project-card,.site-shell .play-card{background:var(--cotton);border-radius:var(--radius-card);border-top:0;padding-top:0;overflow:hidden}.site-shell .project-card{background:#fff;transition:box-shadow .18s,transform .18s;box-shadow:0 6px 24px #14161114}.site-shell .project-card:hover{box-shadow:0 10px 30px #1416111c}.site-shell .section-heading h1,.site-shell .section-heading h2{font-family:var(--font-body);font-size:var(--site-page-title-size);letter-spacing:0;font-weight:400;line-height:1.125}.site-shell .about-copy p,.site-shell .archive-panel p,.site-shell .contact-strip p{font-size:var(--site-body-primary-size);line-height:1.46}.site-shell .project-card .card-meta,.site-shell .play-card .card-meta{padding:20px 20px 22px}.site-shell .project-card .card-meta{background:#fff}.site-shell .project-card .card-meta>div:first-child{gap:10px;display:grid}.site-shell .project-card .card-meta h3{font-size:20px;font-weight:500;line-height:1.25}.site-shell .project-card .card-meta .eyebrow{font-size:12px}.site-shell .cover-block:after,.site-shell .photo-placeholder:after{content:none}.site-shell .photo-placeholder,.site-shell .archive-panel{border-radius:var(--radius-card);overflow:hidden}.site-shell .archive-panel{background:var(--cotton);border-top:0;padding:24px}.site-shell .identity-row span,.site-shell .tag-row span{border-radius:var(--radius-compact)}.case-hero{min-height:100svh;padding:calc(var(--nav-height) + 66px) clamp(22px, 13vw, 249px) 80px;grid-template-columns:minmax(320px,.8fr) minmax(420px,1fr);align-items:center;gap:clamp(64px,7vw,120px);display:grid}.case-cover{aspect-ratio:561/606;background:var(--case-accent);width:100%}.case-info{max-width:680px}.case-info dl{border-top:1px solid var(--line);gap:18px;margin:42px 0 0;padding-top:24px;display:grid}.case-info div{grid-template-columns:120px 1fr;gap:16px;display:grid}.case-info dt,.case-info dd{color:var(--muted);font-family:var(--font-body);font-size:var(--text-sm);margin:0;line-height:1.45}.case-info dd{color:var(--ink)}.case-body{gap:80px;max-width:980px;margin:0 auto;padding:80px clamp(22px,5.2vw,101px) 140px;display:grid}.case-body h2{font-family:var(--font-display);font-size:var(--text-4xl);margin:0 0 18px;font-weight:400}.cofly-page{--cofly-deep:#0a1422;--cofly-indigo:#2c399d;--cofly-paper:#fbfaf6;--cofly-blue:#087df5;--cofly-font:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;background:var(--cofly-deep);font-family:var(--cofly-font);min-height:100svh}.cofly-page .site-nav{color:var(--ink)}.cofly-page .build-mark,.cofly-page .nav-links a:hover,.cofly-page .language-switch:hover{color:var(--evergreen)}.cofly-page .back-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);background:#ffffffe0;border-color:#14161124}.cofly-page .back-button:hover{color:var(--leaf);border-color:#5b865d73}.cofly-page,.cofly-page button,.cofly-page .back-button,.cofly-page h1,.cofly-page h2,.cofly-page h3,.cofly-page p{font-family:var(--cofly-font)}.cofly-case-study{color:var(--cofly-paper);max-width:var(--max-page);overflow:clip}.cofly-case-study h1,.cofly-case-study h2,.cofly-case-study h3,.cofly-case-study h4,.cofly-case-study p,.cofly-case-study figure{margin:0}.cofly-background{background:linear-gradient(#0a1422 0% 54%,#142052 72%,#243181 90%,#2c399d 100%)}.cofly-figma-hero{color:var(--ink);min-height:max(100svh,820px);padding:calc(var(--nav-height) + 34px) clamp(32px, 4.65vw, 89px) clamp(70px, 8vh, 108px);background:#fff;grid-template-columns:minmax(520px,1.06fr) minmax(520px,.94fr);align-items:center;gap:clamp(56px,6vw,118px);display:grid}.cofly-hero-interface{min-width:0}.cofly-hero-interface img{filter:drop-shadow(0 24px 42px #12254333);width:100%;height:auto;display:block}.cofly-hero-copy{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.cofly-hero-meta{color:#5f6b79;letter-spacing:.01em;text-align:right;font-size:clamp(.72rem,.85vw,.92rem);line-height:1.5;margin-bottom:clamp(34px,4.5vh,58px)!important}.cofly-hero-title h1,.cofly-hero-title>p{color:var(--ink);font-family:var(--cofly-font);font-weight:400}.cofly-hero-title h1{font-size:clamp(3rem,3.35vw,4rem);line-height:1}.cofly-hero-title>p{max-width:780px;margin-top:8px;font-size:clamp(1.7rem,2.18vw,2.625rem);line-height:1.5}.cofly-hero-details{gap:clamp(28px,3.2vh,40px);margin-top:clamp(34px,4.7vh,54px);display:grid}.cofly-hero-details>article,.cofly-hero-outcomes{padding-left:18px;position:relative}.cofly-hero-details>article:before,.cofly-hero-outcomes:before{background:var(--cofly-blue);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:1px}.cofly-hero-details h2{color:var(--ink);font-size:clamp(.92rem,1.04vw,1.13rem);font-weight:500;line-height:1.55}.cofly-hero-details>article>p{color:#56616d;max-width:760px;margin-top:3px;font-size:clamp(.88rem,.96vw,1.05rem);line-height:1.68}.cofly-hero-outcomes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.2vw,20px);margin-top:12px;display:grid}.cofly-hero-outcomes article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#e8f1ff9e;border:1px solid #194c8e29;border-radius:15px;align-content:center;min-height:136px;padding:18px 20px;display:grid}.cofly-hero-outcomes h3{color:var(--cofly-blue);font-size:clamp(.92rem,1.03vw,1.1rem);font-weight:600;line-height:1.35}.cofly-hero-outcomes article p{color:#56616d;margin-top:10px;font-size:clamp(.76rem,.82vw,.9rem);line-height:1.55}.cofly-background{min-height:100svh;padding:clamp(120px,9vw,170px) clamp(32px,3.55vw,68px) clamp(100px,9vw,170px)}.cofly-background-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:64px;display:grid}.cofly-background-header h2{color:var(--cofly-paper);font-family:var(--font-body);font-size:clamp(2rem,2.2vw,2.625rem);font-weight:600;line-height:1.5}.lang-zh .cofly-background-header h2{font-family:var(--font-zh-ui)}.cofly-background-intro{color:#a0a0a0;margin-top:24px;font-size:clamp(.95rem,1.25vw,1.5rem);line-height:1.48}.cofly-background-label{white-space:nowrap;gap:24px;font-size:clamp(1.1rem,1.65vw,2rem);font-weight:600;line-height:1.5;display:flex}.cofly-scale-shift{max-width:1180px;margin:clamp(62px,6vw,102px) auto 0}.cofly-case-study .cofly-scale-shift,.cofly-case-study .cofly-interaction-loop{margin-inline:auto}.cofly-scale-shift img{width:92%;height:auto;margin-inline:auto;display:block}.cofly-scale-shift figcaption{color:#fbfaf6f0;text-align:center;margin-top:clamp(26px,3vw,44px);font-size:clamp(.95rem,1.25vw,1.45rem);line-height:1.5}.cofly-scale-shift figcaption span{display:block}.cofly-challenges-desktop{width:94%;max-width:1420px;margin:clamp(60px,7vw,116px) auto 0}.cofly-challenges-desktop img{width:100%;height:auto;display:block}.cofly-challenges-mobile{display:none}.cofly-shift-conclusion{flex-direction:column;align-items:center;margin-top:clamp(54px,6vw,100px);display:flex}.cofly-shift-chevron{width:clamp(58px,4.5vw,80px);height:auto;margin-bottom:24px;display:block}.cofly-shift-glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#e8f1ff29;border:1px solid #ffffff57;border-radius:15px;width:min(100%,1220px);max-width:1220px;padding:clamp(28px,2.4vw,44px);box-shadow:inset 0 1px #ffffff2e,0 18px 50px #0812322e}.cofly-shift-glass h3{color:var(--cofly-blue);font-size:clamp(1.5rem,1.7vw,2rem);font-weight:700;line-height:1.4}.cofly-shift-glass p{color:#fbfaf6f0;margin-top:12px;font-size:clamp(1rem,1.45vw,1.75rem);line-height:1.55}.cofly-problem-definition{color:#fff;background:linear-gradient(#2c399d 0% 25.417%,#0a1422 43.704% 100%);min-height:max(100svh,780px);padding:clamp(62px,3.5vw,72px) clamp(32px,3.65vw,70px) clamp(84px,7vw,132px)}.cofly-problem-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:64px;display:grid}.cofly-problem-intro{padding-top:clamp(56px,4vw,72px);font-size:clamp(.95rem,1.25vw,1.5rem);line-height:1.48}.cofly-problem-label{white-space:nowrap;gap:24px;font-size:clamp(1.1rem,1.65vw,2rem);font-weight:600;line-height:1.5;display:flex}.cofly-case-study .cofly-problem-figure{max-width:1650px;margin:clamp(56px,5vw,90px) auto 0}.cofly-problem-diagram{width:100%;height:auto;display:block}.cofly-problem-mobile{display:none}.cofly-problem-figure figcaption{text-align:center;max-width:800px;margin:clamp(36px,3.5vw,64px) auto 0;font-size:clamp(1rem,1.45vw,1.75rem);line-height:1.45}.cofly-framework{color:#31456a;background:#e8f1ff;min-height:100svh;padding:clamp(66px,4.4vw,84px) clamp(32px,3.65vw,70px) clamp(88px,7vw,132px)}.cofly-framework-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:64px;display:grid}.cofly-framework-header h2{color:#31456a;font-size:clamp(2rem,2.2vw,2.625rem);font-weight:600;line-height:1.5}.cofly-framework-header>div>p{color:#31456a;max-width:1520px;margin-top:clamp(34px,3.2vw,54px);font-size:clamp(.95rem,1.25vw,1.5rem);line-height:1.48}.cofly-framework-label{white-space:nowrap;gap:24px;font-size:clamp(1.1rem,1.65vw,2rem);font-weight:600;line-height:1.5;display:flex}.cofly-framework-figure{max-width:1795px;margin:clamp(74px,7.2vw,138px) auto 0}.cofly-framework-diagram{width:100%;height:auto;display:block}.cofly-framework-mobile{display:none}.cofly-strategy{color:#31456a;background:#e8f1ff;border-top:1px solid #31456a14;padding:clamp(52px,3.8vw,72px) clamp(32px,3.65vw,70px) clamp(64px,5vw,96px)}.cofly-strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,34px);width:96%;max-width:1560px;margin:clamp(48px,4.5vw,80px) auto 0;display:grid}.cofly-strategy-card{--strategy-accent:#006cf9;--strategy-accent-text:#145cdd;--strategy-accent-soft:#006cf914;border:1px solid color-mix(in srgb, var(--strategy-accent) 34%, transparent);box-shadow:20px 20px 40px var(--strategy-accent-soft);background:#ffffff7a;border-radius:15px;flex-direction:column;min-height:520px;padding:clamp(24px,2.1vw,36px);display:flex;position:relative;overflow:hidden}.cofly-strategy-card:before{background:var(--strategy-accent);content:"";height:3px;position:absolute;top:0;left:0;right:0}.cofly-strategy-card.strategy-2{--strategy-accent:#00a2b8;--strategy-accent-text:#087f92;--strategy-accent-soft:#00a2b814}.cofly-strategy-card.strategy-3{--strategy-accent:#6443d9;--strategy-accent-text:#5938c4;--strategy-accent-soft:#6443d914}.cofly-strategy-card>header{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;min-height:60px;display:grid}.cofly-strategy-card>header span{color:var(--strategy-accent-text);font-size:clamp(1rem,1.15vw,1.35rem);font-weight:700;line-height:1}.cofly-strategy-card>header h3{color:#31456a;font-size:clamp(1.45rem,1.72vw,2rem);font-weight:600;line-height:1.35}.cofly-strategy-card dl,.cofly-strategy-card dd,.cofly-strategy-card ul,.cofly-strategy-conclusion{margin:0}.cofly-strategy-card dl{margin-top:16px;display:grid}.cofly-strategy-card dl>div{border-top:1px solid #31456a21;gap:12px;padding:18px 0;display:grid}.cofly-strategy-card dt{color:var(--strategy-accent-text);font-size:.92rem;font-weight:700;line-height:1.4}.cofly-strategy-card dd{color:#50617d;font-size:clamp(.95rem,1vw,1.08rem);line-height:1.72}.cofly-strategy-values{border-top:1px solid #31456a21;margin-top:auto;padding-top:20px}.cofly-strategy-values h4{color:var(--strategy-accent-text);font-size:.92rem;font-weight:700;line-height:1.4}.cofly-strategy-values ul{flex-wrap:wrap;gap:10px;margin-top:16px;padding:0;list-style:none;display:flex}.cofly-strategy-values li{background:var(--strategy-accent-soft);border:1px solid color-mix(in srgb, var(--strategy-accent) 28%, transparent);color:#31456a;border-radius:999px;padding:9px 14px;font-size:.84rem;line-height:1.4}.cofly-strategy-conclusion{max-width:1260px;margin:clamp(36px,3.5vw,60px) auto 0}.cofly-strategy-conclusion p{color:#31456a;text-align:center;font-size:clamp(1.15rem,1.5vw,1.75rem);font-weight:500;line-height:1.65}.cofly-interaction{color:#31456a;background:#e8f1ff;border-top:1px solid #31456a14;min-height:100svh;padding:clamp(66px,4.4vw,84px) clamp(32px,3.65vw,70px) clamp(100px,8vw,156px)}.cofly-interaction-intro{color:#31456a;max-width:1580px;margin-top:clamp(34px,3.2vw,54px);font-size:clamp(.95rem,1.25vw,1.5rem);line-height:1.48}.cofly-interaction-loop{max-width:1254px;margin:clamp(72px,7vw,126px) auto 0}.cofly-interaction-loop-image,.cofly-interaction-workflow-image{width:100%;height:auto;display:block}.cofly-interaction-loop-image{width:92%;margin-inline:auto}.cofly-interaction-loop-mobile,.cofly-interaction-workflow-mobile{display:none}.cofly-interaction-chevron{width:clamp(70px,4.5vw,87px);height:auto;margin:clamp(38px,4vw,70px) auto 0;display:block}.cofly-interaction-platform{color:#006cf9;justify-content:center;align-items:center;gap:10px;margin-top:clamp(48px,4.8vw,80px);display:flex}.cofly-interaction-platform img{width:clamp(38px,2.6vw,50px);height:clamp(38px,2.6vw,50px)}.cofly-interaction-platform h3{font-size:clamp(1.45rem,1.72vw,2rem);font-weight:700;line-height:1.5}.cofly-interaction-workflow{max-width:1627px;margin:clamp(48px,4vw,74px) auto 0}.cofly-interaction-workflow figcaption{color:#31456a;text-align:center;margin-top:clamp(42px,4vw,72px);font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.5}.cofly-interaction-workflow figcaption span{display:block}.cofly-showcase{color:#fff;background:linear-gradient(#091321 0% 48%,#101a39 70%,#202c72 100%);border-top:1px solid #ffffff0f}.cofly-showcase-introduction{padding-top:clamp(56px,3.5vw,67px)}.cofly-showcase-header{padding-inline:clamp(32px,3.55vw,68px)}.cofly-showcase-header>div{padding-top:17px}.cofly-showcase-header h2{color:#fff;font-size:clamp(2rem,2.2vw,2.625rem);font-weight:600;line-height:1.52}.cofly-showcase-header>div>p{color:#fff;max-width:955px;margin-top:clamp(30px,2.15vw,41px);font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.46}.cofly-showcase-label{color:#fff;gap:25px;font-size:clamp(1.2rem,1.67vw,2rem);line-height:2}.cofly-showcase-layout-study{height:min(27.03vw,519px);margin-top:clamp(48px,3.02vw,58px);position:relative}.cofly-showcase-overview{width:36.22%;margin:0;position:absolute;top:0;left:11.2%}.cofly-showcase-overview img{width:100%;height:auto;display:block}.cofly-showcase-layout-connector{width:15.625%;height:auto;position:absolute;top:91.14%;left:35.05%}.cofly-showcase-iteration{width:34.12%;position:absolute;top:67.82%;left:52.5%}.cofly-showcase-iteration h3,.cofly-showcase-hierarchy h3,.cofly-showcase-final-title{color:#006cf9;font-size:clamp(1.5rem,1.67vw,2rem);font-weight:800;line-height:2}.cofly-showcase-iteration p{color:#fff;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.46}.cofly-showcase-hierarchy-lead{color:#fff;text-align:center;font-size:clamp(1.1rem,1.46vw,1.75rem);line-height:1.25;margin-top:clamp(70px,4.9vw,94px)!important}.cofly-showcase-chevron{width:clamp(58px,4.17vw,80px);height:auto;margin:clamp(38px,2.6vw,50px) auto 0;display:block}.cofly-showcase-hierarchy{width:63.91%;max-width:1227px;margin:clamp(38px,2.6vw,50px) auto 0}.cofly-showcase-hierarchy h3{text-align:center}.cofly-showcase-hierarchy>div{height:173px;margin-top:30px;position:relative}.cofly-showcase-hierarchy p{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;white-space:nowrap;background:#e8f1ff33;border:1px solid #ffffff4d;border-radius:15px;justify-content:center;align-items:center;height:74px;padding:5px 24px;font-size:clamp(1rem,1.25vw,1.5rem);font-weight:700;line-height:1.4;display:flex;position:absolute}.cofly-showcase-hierarchy p:first-child{width:37.16%;top:0;left:0}.cofly-showcase-hierarchy p:nth-child(2){width:42.3%;top:0;left:40.02%}.cofly-showcase-hierarchy p:nth-child(3){width:44.99%;top:99px;left:16.95%}.cofly-showcase-hierarchy p:nth-child(4){width:35.21%;top:99px;right:0}.cofly-showcase-chevron-final{margin-top:clamp(38px,2.6vw,50px)}.cofly-showcase-final-title{text-align:center;margin-top:clamp(38px,2.6vw,50px)!important}.cofly-showcase-motion-track{height:320svh;margin-top:clamp(88px,7.5vw,144px);position:relative}.cofly-showcase-motion-stage{height:calc(100svh - var(--nav-height));top:var(--nav-height);justify-content:center;align-items:center;padding-bottom:16px;display:flex;position:sticky;overflow:clip}.cofly-showcase-canvas{--cofly-showcase-fit-width:calc((100svh - var(--nav-height) - 24px) * 3260 / 2234);width:min(84vw, 1240px, var(--cofly-showcase-fit-width));margin:0}.cofly-showcase-media{aspect-ratio:3260/2234;min-width:0;position:relative}.cofly-showcase-lowfi-layer,.cofly-showcase-highfi-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cofly-showcase-lowfi-layer{opacity:var(--cofly-showcase-low-progress);transform:var(--cofly-showcase-low-transform,none)}.cofly-showcase-highfi-layer{opacity:var(--cofly-showcase-high-progress);transform:var(--cofly-showcase-high-transform,none)}.cofly-showcase-lowfi-frame{aspect-ratio:3002/1728;width:94%;position:relative}.cofly-showcase-wireframe-image,.cofly-showcase-highfi-layer img{object-fit:contain}.cofly-showcase-motion-track.is-reduced-motion{height:auto;padding:0 0 clamp(96px,8vw,154px)}.cofly-showcase-motion-track.is-reduced-motion .cofly-showcase-motion-stage{height:auto;min-height:0;position:relative;top:auto;overflow:visible}.cofly-showcase-motion-track.is-reduced-motion .cofly-showcase-lowfi-layer{display:none}.cofly-page .cofly-case-study h1,.cofly-page .cofly-case-study h2,.cofly-page .cofly-case-study h3,.cofly-page .cofly-case-study h4,.cofly-page .cofly-case-study p,.cofly-page .cofly-case-study figcaption{font-family:var(--cofly-font)}@media (max-width:1180px){.cofly-figma-hero{grid-template-columns:minmax(430px,1fr) minmax(450px,.95fr);gap:56px;padding-inline:32px}.cofly-hero-outcomes article{min-height:126px;padding-inline:14px}}@media (max-width:980px){.cofly-figma-hero{padding:calc(var(--nav-height) + 62px) 22px 110px;grid-template-columns:1fr}.cofly-hero-interface,.cofly-hero-copy{width:100%;max-width:880px;margin-inline:auto}.cofly-hero-meta{text-align:left;margin-bottom:32px!important}.cofly-background{padding:100px 22px 120px}.cofly-background-header{grid-template-columns:1fr;gap:28px}.cofly-background-label{grid-row:1;justify-self:start}.cofly-problem-definition{padding:100px 22px 120px}.cofly-problem-header{grid-template-columns:1fr;gap:26px}.cofly-problem-label{grid-row:1;justify-self:start}.cofly-problem-intro{padding-top:0}.cofly-problem-diagram{display:none}.cofly-problem-mobile{gap:28px;margin-top:0;display:grid}.cofly-problem-row{gap:12px;display:grid}.cofly-problem-row-label{color:var(--cofly-blue);font-size:1.25rem;font-weight:700;line-height:1.4}.cofly-problem-finding{border:1px solid #e8f1ff42;border-radius:15px;align-items:center;min-height:112px;padding:24px;font-size:1rem;line-height:1.65;display:flex}.problem-row-1 .cofly-problem-finding{background:#c9e1fa57}.problem-row-2 .cofly-problem-finding{background:#00a6d280}.problem-row-3 .cofly-problem-finding{background:#0072e685}.problem-row-4 .cofly-problem-finding{background:#603dd87a}.cofly-problem-requirement{align-items:center;gap:12px;font-size:1rem;font-weight:700;line-height:1.5;display:flex}.cofly-problem-requirement:before{content:"";border-top:1px dashed #ffffffb8;flex:0 0 38px}.cofly-problem-chevron{justify-items:center;width:52px;height:48px;margin:0 auto;display:grid}.cofly-problem-chevron span{border-bottom:6px solid #d8e4f7;border-right:6px solid #d8e4f7;width:26px;height:26px;rotate:45deg}.cofly-problem-chevron span+span{margin-top:-18px}.cofly-problem-figure figcaption{margin-top:36px}.cofly-framework{padding:100px 22px 120px}.cofly-framework-header{grid-template-columns:1fr;gap:26px}.cofly-framework-label{grid-row:1;justify-self:start}.cofly-framework-header>div>p{margin-top:20px}.cofly-framework-figure{margin-top:60px}.cofly-framework-diagram{display:none}.cofly-framework-mobile{gap:42px;display:grid}.cofly-framework-mobile>section{gap:18px;display:grid}.cofly-framework-mobile h3{font-size:1.2rem;font-weight:700;line-height:1.5}.cofly-framework-mobile h3.is-service{color:#006cf9}.cofly-framework-mobile h3.is-model{color:#6443d9}.cofly-framework-mobile h3.is-path{color:#00a2b8}.cofly-framework-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cofly-framework-services p{color:#006cf9;text-align:center;background:#0085fb14;border:1px solid #006cf9;border-radius:15px;justify-content:center;align-items:center;min-height:72px;padding:14px 16px;line-height:1.5;display:flex}.cofly-framework-model{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cofly-framework-model p{color:#6443d9;text-align:center;background:#6443d914;border:1px solid #9056df;border-radius:15px;justify-content:center;align-items:center;min-height:68px;padding:12px;line-height:1.5;display:flex}.cofly-framework-chevron{justify-items:center;width:52px;height:48px;margin:-4px auto 0;display:grid}.cofly-framework-chevron span{border-bottom:6px solid #59709b;border-right:6px solid #59709b;width:26px;height:26px;rotate:45deg}.cofly-framework-chevron span+span{margin-top:-18px}.cofly-framework-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cofly-framework-path article{text-align:center;background:#ffffff8c;border:1px solid #00a2b8;border-radius:15px;min-height:124px;padding:22px;box-shadow:12px 14px 30px #00a2b814}.cofly-framework-path h4{color:#00a2b8;font-size:1.05rem;font-weight:700;line-height:1.45}.cofly-framework-path p{color:#31456a;margin-top:10px;line-height:1.55}.cofly-strategy{padding:72px 22px 84px}.cofly-strategy-grid{grid-template-columns:1fr;width:100%;max-width:820px;margin:44px auto 0}.cofly-strategy-card{min-height:0}.cofly-interaction{padding:100px 22px 120px}.cofly-interaction-intro{margin-top:20px}.cofly-interaction-loop{margin-top:60px}.cofly-interaction-loop-image,.cofly-interaction-workflow-image{display:none}.cofly-interaction-loop-mobile{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;max-width:820px;margin-inline:auto;display:grid}.cofly-interaction-loop-mobile article{text-align:center;background:#ffffff80;border:1px solid;border-radius:15px;min-height:250px;padding:24px 18px}.cofly-interaction-loop-mobile article.is-input{border-color:#00a2b8;box-shadow:14px 16px 34px #00a2b814}.cofly-interaction-loop-mobile article.is-output{border-color:#6443d9;box-shadow:14px 16px 34px #6443d914}.cofly-interaction-loop-mobile h3{color:#087f92;margin-bottom:16px;font-size:1.18rem;font-weight:700;line-height:1.5}.cofly-interaction-loop-mobile .is-output h3{color:#5938c4}.cofly-interaction-loop-mobile article p{color:#50617d;margin-top:8px;line-height:1.55}.cofly-interaction-process{color:#145cdd;text-align:center;background:#006cf914;border:1px solid #006cf9;border-radius:999px;padding:12px 16px;font-weight:700}.cofly-interaction-platform{margin-top:46px}.cofly-interaction-workflow{margin-top:42px}.cofly-interaction-workflow-mobile{gap:18px;max-width:820px;margin-inline:auto;display:grid}.cofly-interaction-stage{background:#ffffff5c;border:1px solid #31456a1f;border-radius:15px;gap:16px;padding:24px;display:grid}.cofly-interaction-stage>header{align-items:baseline;gap:12px;display:flex}.cofly-interaction-stage>header span,.cofly-interaction-stage>header h3{color:#145cdd;font-weight:700}.cofly-interaction-stage>header span{font-size:.9rem}.cofly-interaction-stage>header h3{font-size:1.2rem;line-height:1.5}.cofly-interaction-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cofly-interaction-lane{gap:9px;display:grid}.cofly-interaction-lane h4{color:#50617d;font-size:.82rem;font-weight:700;line-height:1.45}.cofly-interaction-lane p{color:#31456a;background:#0085fb12;border:1px solid #006cf96b;border-radius:12px;padding:13px 15px;line-height:1.5}.cofly-interaction-lane.is-ai p:first-child{color:#fff;background:#0085fbcc}.cofly-interaction-lane.is-human{border-top:1px dashed #00a2b880;padding-top:16px}.cofly-interaction-lane.is-human h4{color:#087f92;align-items:center;gap:8px;display:flex}.cofly-interaction-lane.is-human h4 img{width:24px;height:24px}.cofly-interaction-lane.is-human p{background:#00a2b814;border-color:#00a2b894}.cofly-interaction-lane.is-shared{border-top:1px dashed #6443d966;padding-top:16px}.cofly-interaction-lane.is-shared h4{color:#5938c4}.cofly-interaction-lane.is-shared p:last-child{color:#fff;background:#0085fbcc}.cofly-interaction-workflow figcaption{margin-top:44px}.cofly-showcase-introduction{padding:100px 0 0}.cofly-showcase-header{padding-inline:22px}.cofly-showcase-header>div{padding-top:0}.cofly-showcase-layout-study{gap:34px;height:auto;margin-top:60px;padding-inline:22px;display:grid}.cofly-showcase-overview,.cofly-showcase-iteration{width:100%;position:relative;top:auto;left:auto}.cofly-showcase-overview{max-width:760px;margin-inline:auto}.cofly-showcase-layout-connector{display:none}.cofly-showcase-iteration{max-width:760px;margin-inline:auto}.cofly-showcase-iteration h3{line-height:1.5}.cofly-showcase-iteration p{margin-top:12px}.cofly-showcase-hierarchy-lead{padding-inline:22px;margin-top:64px!important}.cofly-showcase-hierarchy{width:calc(100% - 44px);max-width:760px}.cofly-showcase-hierarchy h3{line-height:1.5}.cofly-showcase-hierarchy>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:auto;margin-top:28px;display:grid}.cofly-showcase-hierarchy p,.cofly-showcase-hierarchy p:nth-child(n){white-space:normal;width:auto;height:auto;min-height:88px;position:relative;top:auto;left:auto;right:auto}.cofly-showcase-motion-track{height:260svh;margin-top:76px}.cofly-showcase-canvas{width:min(calc(100% - 32px), var(--cofly-showcase-fit-width))}.cofly-showcase-lowfi-frame{width:94%}.cofly-challenges-desktop{display:none}.cofly-challenges-mobile{gap:34px;margin-top:74px;display:grid}.cofly-mobile-challenge{aspect-ratio:986.667/758;background-image:url(/assets/cofly/figma-refresh/operational-challenges.png);background-repeat:no-repeat;background-size:300% 100%;width:100%;max-width:560px;margin-inline:auto}.cofly-mobile-challenge.challenge-1{background-position:0}.cofly-mobile-challenge.challenge-2{background-position:50%}.cofly-mobile-challenge.challenge-3{background-position:100%}}@media (max-width:680px){.cofly-hero-title h1{font-size:clamp(2.8rem,15vw,4rem)}.cofly-hero-title>p{font-size:clamp(1.5rem,7vw,2.25rem);line-height:1.45}.cofly-hero-outcomes>div{grid-template-columns:1fr}.cofly-hero-outcomes article{min-height:0}.cofly-background-header h2{font-size:clamp(1.85rem,9vw,2.6rem)}.cofly-background-label,.cofly-problem-label{gap:16px;font-size:1rem}.cofly-problem-intro{font-size:.95rem}.cofly-problem-mobile{margin-top:0}.cofly-problem-finding{min-height:0;padding:20px}.cofly-problem-figure figcaption{text-align:left;font-size:1.05rem}.cofly-framework-header h2{font-size:clamp(1.85rem,9vw,2.6rem)}.cofly-framework-label{gap:16px;font-size:1rem}.cofly-framework-header>div>p{font-size:.95rem}.cofly-framework-services,.cofly-framework-model,.cofly-framework-path{grid-template-columns:1fr}.cofly-framework-path article{min-height:0}.cofly-strategy-card{padding:24px 20px}.cofly-strategy-card>header{min-height:0}.cofly-strategy-card dl{margin-top:18px}.cofly-strategy-card dl>div{padding:20px 0}.cofly-strategy-conclusion p{text-align:left;font-size:1.05rem}.cofly-interaction-intro{font-size:.95rem}.cofly-interaction-loop-mobile{grid-template-columns:1fr}.cofly-interaction-loop-mobile article{min-height:0}.cofly-interaction-process{justify-self:center;position:relative}.cofly-interaction-platform{justify-content:flex-start}.cofly-interaction-platform h3{font-size:1.25rem}.cofly-interaction-branches{grid-template-columns:1fr}.cofly-interaction-stage{padding:20px}.cofly-interaction-workflow figcaption{text-align:left;font-size:1rem}.cofly-showcase-introduction{padding:92px 0 0}.cofly-showcase-header{padding-inline:18px}.cofly-showcase-layout-study{gap:30px;margin-top:48px;padding-inline:18px}.cofly-showcase-iteration h3,.cofly-showcase-hierarchy h3,.cofly-showcase-final-title{font-size:1.35rem}.cofly-showcase-iteration p{font-size:.95rem}.cofly-showcase-hierarchy-lead{text-align:left;padding-inline:18px;font-size:1rem}.cofly-showcase-hierarchy{width:calc(100% - 36px)}.cofly-showcase-hierarchy>div{grid-template-columns:1fr}.cofly-showcase-hierarchy p,.cofly-showcase-hierarchy p:nth-child(n){min-height:76px;padding:14px 18px;font-size:.95rem}.cofly-showcase-motion-track{height:230svh;margin-top:60px}.cofly-showcase-motion-stage{height:calc(100svh - var(--nav-height))}.cofly-showcase-canvas{width:min(calc(100% - 24px), var(--cofly-showcase-fit-width))}.cofly-scale-shift{margin-top:54px}.cofly-scale-shift figcaption{font-size:.95rem}.cofly-shift-glass{text-align:left}.cofly-shift-glass p{font-size:1rem}}@media (prefers-reduced-transparency:reduce){.cofly-hero-outcomes article{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eef4fc}.cofly-shift-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2b3976f5}}@media (prefers-reduced-motion:reduce){.cofly-showcase-lowfi-layer,.cofly-showcase-highfi-layer{transition:none!important}}.contact-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 clamp(22px,5.2vw,101px);padding:26px 0 42px;display:flex}.contact-strip a{color:var(--leaf)}@media (max-width:900px){:root{--nav-height:78px}.site-nav{grid-template-columns:1fr auto;padding-inline:20px}.nav-links{box-shadow:var(--shadow-soft);background:#fafafadb;justify-content:center;gap:18px;padding:12px 16px;position:fixed;bottom:14px;left:14px;right:14px}.language-switch{grid-column:2}.back-button{top:auto;bottom:78px;left:20px}.hero-stage{height:900px}.hero-viewport{width:900px;left:50%;transform:translate(-50%)}.hero-copy{width:min(760px,100vw - 40px);top:238px}.hero-title-lockup{width:min(550px,100vw - 40px);top:50svh}.hero-copy p{font-size:var(--text-4xl);margin-bottom:12px}.hero-copy h1{font-size:calc(var(--text-3xl) - 1px);line-height:1.12}.about-copy h1,.about-copy h2,.section-heading h1,.section-heading h2,.case-info h1,.case-body h2{font-size:var(--text-4xl)}.section-heading.centered{text-align:center;justify-content:center;align-items:center;display:flex}.about-copy p,.case-info p,.case-body p,.archive-panel p,.contact-strip p{font-size:var(--text-base)}.hero-asset{max-width:180px}.about-section,.case-hero{grid-template-columns:1fr}.about-section,.works-section,.playground-section{padding-bottom:118px}.about-collage{min-height:420px}.photo-placeholder{width:82vw;height:360px;margin-top:0}.project-grid,.play-grid{grid-template-columns:1fr;grid-auto-flow:row;overflow-x:visible}.project-card,.play-card{width:100%;max-width:420px;margin:0 auto}.play-card:nth-child(n){margin-top:0}.play-grid{gap:42px}.case-info div{grid-template-columns:1fr}.contact-strip{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:108px}}.coffee-case-study{--coffee-rust:#9a4f32;--coffee-sage:#b4c19e;--coffee-wash:#f6f3ec;--coffee-blue:#dce8f7;max-width:var(--max-page);overflow:clip}.coffee-case-study h1,.coffee-case-study h2,.coffee-case-study h3,.coffee-case-study p,.coffee-case-study ol,.coffee-case-study ul,.coffee-case-study figure{margin:0}.coffee-cover{grid-template-columns:minmax(480px,51.1%) minmax(620px,48.9%);min-height:100svh;display:grid}.coffee-cover-media{min-height:100svh;position:relative;overflow:hidden}.coffee-cover-media:after{content:"";pointer-events:none;z-index:1;border:1px solid #fafafa8a;position:absolute;inset:clamp(18px,2vw,36px)}.coffee-cover-media img{object-fit:cover;object-position:48% center}.coffee-image-index{color:#fafafae0;letter-spacing:.15em;z-index:2;font-size:11px;position:absolute;bottom:32px;left:36px}.coffee-cover-copy{padding:calc(var(--nav-height) + 54px) clamp(44px, 5.1vw, 98px) 58px;align-content:center;display:grid}.coffee-meta,.coffee-section-header>p:first-child,.coffee-outcomes-label,.coffee-priority-bridge>p{color:var(--evergreen);letter-spacing:.15em;text-transform:uppercase;font-size:11px;line-height:1.3}.coffee-meta{justify-self:end;margin-bottom:clamp(42px,6vh,72px)!important}.coffee-cover-copy h1,.coffee-section-header h2{font-family:var(--font-display);letter-spacing:-.025em;font-weight:400}.lang-zh .coffee-cover-copy h1,.lang-zh .coffee-section-header h2,.lang-zh .coffee-outcomes h3,.lang-zh .coffee-domain h3,.lang-zh .coffee-findings h3{font-family:var(--font-zh-display);letter-spacing:0;font-weight:400}.coffee-cover-copy h1{max-width:780px;font-size:clamp(3rem,3.35vw,4rem);line-height:1.04}.coffee-cover-block{grid-template-columns:94px minmax(0,1fr);gap:20px;margin-top:clamp(32px,4.4vh,48px);display:grid}.coffee-cover-block h2{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;padding-top:5px;font-size:12px;font-weight:500;line-height:1.45}.lang-zh .coffee-cover-block h2{font-family:var(--font-zh-ui);letter-spacing:.08em}.coffee-cover-block p{color:var(--muted);max-width:650px;font-size:clamp(.98rem,1.04vw,1.16rem);line-height:1.68}.coffee-outcomes{border-top:1px solid var(--line);margin-top:clamp(38px,5vh,56px);padding-top:17px}.coffee-outcomes ol{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding:0;list-style:none;display:grid}.coffee-outcomes li{min-height:126px;padding:0 20px}.coffee-outcomes li:first-child{padding-left:0}.coffee-outcomes li+li{border-left:1px solid var(--line)}.coffee-outcomes li>span,.coffee-findings article>span{color:var(--coffee-rust);letter-spacing:.14em;font-size:10px}.coffee-outcomes h3{font-family:var(--font-display);margin-top:12px;font-size:clamp(1.2rem,1.36vw,1.55rem);font-weight:400;line-height:1.14}.coffee-outcomes li p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.5}.coffee-editorial-section{border-top:1px solid var(--line);min-height:100svh;padding:clamp(108px,11vw,176px) clamp(28px,5.2vw,101px) clamp(120px,13vw,210px)}.coffee-section-header{gap:18px;display:grid}.coffee-section-header h2{font-size:clamp(3rem,5vw,6rem);line-height:.98}.coffee-positioning-layout{grid-template-columns:minmax(500px,1.08fr) minmax(470px,.92fr);align-items:center;gap:clamp(72px,8vw,150px);margin-top:clamp(64px,7vw,112px);display:grid}.coffee-positioning-story{min-width:0}.coffee-positioning-art{aspect-ratio:1.57;position:relative;overflow:hidden}.coffee-positioning-art img{width:200%;max-width:none;height:auto;position:absolute;top:-19.5%;left:0}.coffee-positioning-lead{color:var(--muted);font-family:var(--font-display);max-width:830px;font-size:clamp(1.25rem,1.55vw,1.75rem);line-height:1.62;margin:34px auto 0!important}.lang-zh .coffee-positioning-lead{font-family:var(--font-zh-display)}.coffee-domain-map{grid-template-columns:62px minmax(0,1fr);align-items:stretch;min-height:560px;display:grid;position:relative}.coffee-domain-root{color:var(--coffee-rust);font-family:var(--font-display);letter-spacing:.12em;text-align:center;align-self:center;font-size:14px;rotate:-90deg}.coffee-domain-branches{border-left:1px solid #1416114d;grid-template-rows:repeat(3,auto);display:grid;position:relative}.coffee-domain{grid-template-columns:minmax(92px,.35fr) minmax(0,1fr);align-items:start;gap:clamp(24px,2.2vw,42px);padding:26px 0 26px 38px;display:grid;position:relative}.coffee-domain:before{content:"";background:#1416114d;width:25px;height:1px;position:absolute;top:44px;left:0}.coffee-domain+.coffee-domain{border-top:1px solid var(--line)}.coffee-domain h3{font-family:var(--font-display);font-size:clamp(1.45rem,1.8vw,2.05rem);font-weight:400;line-height:1.15}.coffee-domain ul{gap:0;padding:0;list-style:none;display:grid}.coffee-domain li{border-bottom:1px solid var(--line);color:var(--muted);padding:3px 0 16px 18px;font-size:clamp(.9rem,1vw,1.05rem);line-height:1.45;position:relative}.coffee-domain li+li{padding-top:16px}.coffee-domain li:before{background:var(--coffee-sage);content:"";width:5px;height:5px;position:absolute;top:11px;left:0}.coffee-domain li+li:before{top:24px}.domain-1 li:before{background:#c78a5c}.domain-2 li:before{background:#91accb}.domain-3 li:before{background:#8dbba9}.coffee-audit-header{grid-template-columns:minmax(0,1fr) minmax(320px,.54fr)}.coffee-audit-header>p:first-child,.coffee-audit-header h2{grid-column:1}.coffee-section-intro{color:var(--muted);grid-area:1/2/span 2;align-self:end;max-width:520px;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.65}.coffee-audit-layout{grid-template-columns:minmax(420px,1.05fr) minmax(220px,.42fr) minmax(460px,.93fr);align-items:center;margin-top:clamp(76px,8vw,126px);display:grid}.coffee-audit-evidence{z-index:2;min-height:520px;position:relative}.coffee-audit-evidence figure{background:var(--paper);border:1px solid #14161117;width:78%;position:absolute;overflow:hidden;box-shadow:0 14px 36px #14161117}.coffee-audit-evidence figure:first-child{top:0;left:0}.coffee-audit-evidence figure:nth-child(2){bottom:0;right:0}.coffee-audit-evidence img{aspect-ratio:1.65;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.coffee-evidence-count{background:var(--coffee-rust);color:var(--paper);font-family:var(--font-display);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex;position:absolute;bottom:18%;left:2%}.coffee-priority-bridge{place-content:center;align-self:stretch;padding:62px 32px;display:grid;position:relative}.coffee-priority-bridge:before{clip-path:polygon(0 18%,100% 0,100% 100%,0 82%);content:"";z-index:-1;background:linear-gradient(90deg,#b4c19e4d,#b4c19e00);position:absolute;inset:0 -36px}.coffee-priority-bridge ol{border-left:1px solid #14161147;gap:25px;margin-top:28px;padding:0 0 0 18px;list-style:none;display:grid}.coffee-priority-bridge li{color:var(--ink);font-size:14px;line-height:1.35;position:relative}.coffee-priority-bridge li:before{background:var(--paper);border:1px solid var(--coffee-rust);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:-22px}.coffee-priority-bridge li span{color:var(--coffee-rust);letter-spacing:.12em;margin-bottom:5px;font-size:9px;display:block}.coffee-findings{border-left:1px solid #1416113d;padding-left:clamp(32px,3.5vw,66px)}.coffee-findings article{border-top:1px solid #14161147;padding:20px 0 30px}.coffee-findings article:last-child{border-bottom:1px solid #14161147}.coffee-findings h3{font-family:var(--font-display);margin-top:9px;font-size:clamp(1.65rem,2.1vw,2.4rem);font-weight:400;line-height:1.14}.coffee-findings ul{color:var(--muted);gap:7px;margin-top:16px;padding:0;font-size:clamp(.91rem,1vw,1.05rem);line-height:1.55;list-style:none;display:grid}.coffee-findings li{padding-left:16px;position:relative}.coffee-findings li:before{background:var(--coffee-rust);content:"";width:4px;height:4px;position:absolute;top:.7em;left:0}@media (max-width:1220px){.coffee-cover{grid-template-columns:minmax(400px,46%) minmax(540px,54%)}.coffee-cover-copy{padding-inline:48px}.coffee-positioning-layout{grid-template-columns:minmax(420px,1fr) minmax(420px,1fr);gap:64px}.coffee-audit-layout{grid-template-columns:minmax(380px,1fr) minmax(180px,.42fr) minmax(390px,.92fr)}}@media (max-width:1080px){.coffee-cover{grid-template-columns:1fr}.coffee-cover-media{order:1;min-height:68svh}.coffee-cover-copy{order:2;padding:72px 22px 110px}.coffee-meta{justify-self:start;margin-bottom:38px!important}.coffee-cover-copy h1{font-size:clamp(2.9rem,13vw,4.6rem)}.coffee-cover-block{grid-template-columns:1fr;gap:12px;margin-top:36px}.coffee-outcomes ol{grid-template-columns:1fr}.coffee-outcomes li,.coffee-outcomes li:first-child{min-height:auto;padding:18px 0 24px}.coffee-outcomes li+li{border-left:0;border-top:1px solid var(--line)}.coffee-editorial-section{min-height:auto;padding:96px 22px 120px}.coffee-section-header h2{font-size:clamp(2.9rem,14vw,4.7rem)}.coffee-positioning-layout,.coffee-audit-layout{grid-template-columns:1fr}.coffee-positioning-layout{gap:64px;margin-top:54px}.coffee-positioning-art{margin-inline:-22px}.coffee-positioning-lead{margin-top:28px!important}.coffee-domain-map{grid-template-columns:1fr;min-height:0}.coffee-domain-root{text-align:left;border-bottom:1px solid #1416114d;justify-self:stretch;padding-bottom:12px;rotate:none}.coffee-domain-branches{border-left:0}.coffee-domain{grid-template-columns:minmax(88px,.32fr) 1fr;gap:20px;padding-left:0}.coffee-domain:before{display:none}.coffee-audit-header{grid-template-columns:1fr}.coffee-audit-header>p:first-child,.coffee-audit-header h2,.coffee-section-intro{grid-area:auto/1}.coffee-section-intro{margin-top:12px!important}.coffee-audit-layout{gap:72px;margin-top:58px}.coffee-audit-evidence{min-height:clamp(360px,58vw,580px)}.coffee-audit-evidence figure{width:84%}.coffee-priority-bridge{padding:42px 20px}.coffee-priority-bridge:before{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(#b4c19e4d,#b4c19e00);inset:-36px 0}.coffee-priority-bridge ol{border-top:1px solid #14161147;border-left:0;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 0}.coffee-priority-bridge li:before{top:-22px;left:0}.coffee-findings{border-left:0;padding-left:0}}@media (max-width:520px){.coffee-cover-media{min-height:56svh}.coffee-cover-media img{object-position:46% center}.coffee-image-index{bottom:22px;left:24px}.coffee-domain{grid-template-columns:1fr}.coffee-audit-evidence{min-height:330px}.coffee-audit-evidence figure{width:90%}.coffee-evidence-count{width:58px;height:58px;font-size:22px;bottom:13%}.coffee-priority-bridge ol{grid-template-columns:1fr;gap:22px}.coffee-priority-bridge li:before{display:none}}.coffee-journey{--coffee-ui:#a65736;--coffee-ux:#356b73;background:linear-gradient(180deg, #f6f3ec00 0%, #f6f3ecb8 42%, #f6f3ec00 100%), var(--paper)}.coffee-journey-header{grid-template-columns:minmax(0,1fr) minmax(320px,.54fr)}.coffee-journey-header>p:first-child,.coffee-journey-header h2{grid-column:1}.coffee-journey-header .coffee-section-intro{grid-area:1/2/span 2}.coffee-journey-flow{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);border-top:1px solid var(--line);top:var(--nav-height);z-index:12;background:#fafafae6;margin-top:clamp(64px,7vw,108px);padding:18px 0 16px;position:sticky}.coffee-journey-flow ol{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}.coffee-journey-flow-line,.coffee-journey-flow:after{content:"";height:1px;position:absolute;top:29px;left:10%}.coffee-journey-flow-line{background:#1416112e;right:10%}.coffee-journey-flow:after{background:var(--coffee-rust);z-index:1;width:0;transition:width .32s ease-out}.coffee-journey-flow.progress-1:after{width:20%}.coffee-journey-flow.progress-2:after{width:40%}.coffee-journey-flow.progress-3:after{width:60%}.coffee-journey-flow.progress-4:after{width:80%}.coffee-journey-flow li{text-align:center;min-width:0}.coffee-journey-flow a{flex-direction:column;align-items:center;gap:11px;padding-inline:8px;font-size:12px;line-height:1.35;display:flex;position:relative}.coffee-journey-flow a:before{background:var(--paper);content:"";border:1px solid #14161159;border-radius:50%;width:9px;height:9px;transition:background-color .18s ease-out,border-color .18s ease-out,transform .18s ease-out}.coffee-journey-flow li.is-active a:before{background:var(--coffee-rust);border-color:var(--coffee-rust);transform:scale(1.35)}.coffee-journey-flow li.is-complete a:before{background:var(--coffee-rust);border-color:var(--coffee-rust)}.coffee-journey-flow a>span{color:var(--muted);letter-spacing:.08em;font-size:9px;position:absolute;top:-1px;left:calc(50% + 10px)}.coffee-journey-flow strong{color:var(--muted);font-weight:400;transition:color .18s ease-out}.coffee-journey-flow li.is-active strong,.coffee-journey-flow a:hover strong{color:var(--ink)}.coffee-journey-flow a:focus-visible{outline:2px solid var(--evergreen);outline-offset:6px}.coffee-journey-origin,.coffee-journey-stage{scroll-margin-top:calc(var(--nav-height) + 116px)}.coffee-journey-origin{border-top:1px solid #14161147;border-bottom:1px solid #14161147;grid-template-columns:120px minmax(160px,.42fr) minmax(300px,1fr) auto;align-items:center;gap:clamp(28px,4vw,70px);min-height:240px;margin-top:clamp(88px,9vw,142px);padding:42px 0;display:grid}.coffee-journey-origin-number{color:var(--coffee-rust);font-family:var(--font-display);font-size:clamp(4rem,6vw,7rem);line-height:.8}.coffee-journey-origin>div:nth-child(2)>p,.coffee-journey-stage-heading p{color:var(--evergreen);letter-spacing:.13em;text-transform:uppercase;font-size:10px;line-height:1.3}.coffee-journey-origin h3,.coffee-journey-stage-heading h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:10px;font-size:clamp(2rem,3.1vw,3.8rem);font-weight:400;line-height:1.02}.lang-zh .coffee-journey-origin h3,.lang-zh .coffee-journey-stage-heading h3{font-family:var(--font-zh-display);letter-spacing:0}.coffee-journey-origin>p{color:var(--muted);max-width:660px;font-size:clamp(.98rem,1.1vw,1.1rem);line-height:1.68}.coffee-journey-origin>ul{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0;list-style:none;display:flex}.coffee-journey-origin>ul li{border:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:12px}.coffee-journey-stages{counter-reset:journey-stage}.coffee-journey-stage{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.48fr) minmax(330px,.72fr) minmax(410px,1fr);align-items:center;gap:clamp(42px,5vw,88px);min-height:min(980px,100svh);padding:clamp(100px,10vw,164px) 0;display:grid;position:relative}.coffee-journey-stage.is-reversed{grid-template-columns:minmax(410px,1fr) minmax(330px,.72fr) minmax(190px,.48fr)}.coffee-journey-stage-heading{align-self:start;padding-top:68px}.coffee-journey-stage-heading>span{color:var(--coffee-rust);font-family:var(--font-display);margin-bottom:32px;font-size:clamp(3.5rem,5vw,6rem);line-height:.85;display:block}.coffee-journey-stage.is-reversed .coffee-journey-stage-heading{grid-area:1/3}.coffee-journey-stage.is-reversed .coffee-journey-phone{grid-area:1/2}.coffee-journey-stage.is-reversed .coffee-journey-diagnosis{grid-area:1/1}.coffee-journey-phone{text-align:center;min-width:0}.coffee-journey-phone-stage{width:min(100%,420px);max-width:420px;transition:opacity .36s ease-out,transform .36s ease-out;display:inline-block;position:relative;transform:translateY(18px)rotate(-1deg)}.coffee-journey-stage.is-reversed .coffee-journey-phone-stage{transform:translateY(18px)rotate(1deg)}.coffee-journey-stage.is-active .coffee-journey-phone-stage{opacity:1;transform:translateY(0)rotate(0)}.coffee-journey-phone-stage:after{content:"";z-index:-1;background:radial-gradient(#14161124 0%,#14161100 68%);height:10%;position:absolute;bottom:-5%;left:8%;right:8%}.coffee-journey-phone img{filter:drop-shadow(0 22px 28px #1416111f);width:100%;height:auto;display:block}.coffee-brand-mask{color:#f47b42;font-family:var(--font-ui);letter-spacing:.06em;z-index:2;background:#050505;justify-content:center;align-items:center;width:40%;height:4.5%;font-size:clamp(7px,.66vw,10px);display:flex;position:absolute;top:8.5%;left:17%}.coffee-journey-phone figcaption{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-top:26px;font-size:10px}.coffee-journey-diagnosis{gap:clamp(38px,4vw,64px);display:grid}.coffee-problem-group{opacity:.62;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(12px)}.coffee-journey-stage.is-active .coffee-problem-group{opacity:1;transform:translateY(0)}.coffee-journey-stage.is-active .coffee-problem-group:nth-child(2){transition-delay:60ms}.coffee-problem-group header{border-top:2px solid;align-items:baseline;gap:14px;padding:14px 0 18px;display:flex}.coffee-problem-group.problem-ui{color:var(--coffee-ui)}.coffee-problem-group.problem-ux{color:var(--coffee-ux)}.coffee-problem-group header span{font-family:var(--font-display);letter-spacing:.12em;font-size:12px}.coffee-problem-group h4{font-family:var(--font-body);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.coffee-problem-group ol{padding:0;list-style:none}.coffee-problem-group li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:16px;padding:15px 0;display:grid}.coffee-problem-group li>span{color:currentColor;letter-spacing:.1em;padding-top:4px;font-size:9px}.coffee-problem-group li p{color:var(--ink);font-size:clamp(.94rem,1.03vw,1.08rem);line-height:1.55}.coffee-journey-stage.is-active .coffee-problem-group li{animation:.3s ease-out both coffee-issue-enter}.coffee-journey-stage.is-active .coffee-problem-group li:nth-child(2){animation-delay:45ms}.coffee-journey-stage.is-active .coffee-problem-group li:nth-child(3){animation-delay:90ms}@keyframes coffee-issue-enter{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1220px){.coffee-journey-stage,.coffee-journey-stage.is-reversed{grid-template-columns:minmax(300px,.72fr) minmax(430px,1fr);gap:64px;min-height:auto}.coffee-journey-stage-heading,.coffee-journey-stage.is-reversed .coffee-journey-stage-heading{grid-area:1/1/auto/-1;grid-template-columns:100px 1fr;gap:30px;padding-top:0;display:grid}.coffee-journey-stage-heading>span{margin-bottom:0}.coffee-journey-phone,.coffee-journey-stage.is-reversed .coffee-journey-phone{grid-area:2/1}.coffee-journey-diagnosis,.coffee-journey-stage.is-reversed .coffee-journey-diagnosis{grid-area:2/2}}@media (max-width:1080px){.coffee-journey-header{grid-template-columns:1fr}.coffee-journey-header>p:first-child,.coffee-journey-header h2,.coffee-journey-header .coffee-section-intro{grid-area:auto/1}.coffee-journey-header .coffee-section-intro{margin-top:12px}.coffee-journey-origin{grid-template-columns:92px minmax(160px,.4fr) minmax(280px,1fr);gap:28px}.coffee-journey-origin>ul{grid-column:2/-1;justify-content:flex-start}.coffee-journey-stage,.coffee-journey-stage.is-reversed{grid-template-columns:1fr;padding-block:110px}.coffee-journey-stage-heading,.coffee-journey-stage.is-reversed .coffee-journey-stage-heading,.coffee-journey-phone,.coffee-journey-stage.is-reversed .coffee-journey-phone,.coffee-journey-diagnosis,.coffee-journey-stage.is-reversed .coffee-journey-diagnosis{grid-column:1}.coffee-journey-stage-heading,.coffee-journey-stage.is-reversed .coffee-journey-stage-heading{grid-row:1}.coffee-journey-phone,.coffee-journey-stage.is-reversed .coffee-journey-phone{grid-row:2}.coffee-journey-diagnosis,.coffee-journey-stage.is-reversed .coffee-journey-diagnosis{grid-row:3;width:100%;max-width:720px;margin-inline:auto}.coffee-journey-phone-stage{width:min(72vw,420px)}}@media (max-width:720px){.coffee-journey-flow{scrollbar-width:none;margin-inline:-22px;padding-inline:22px;overflow-x:auto}.coffee-journey-flow::-webkit-scrollbar{display:none}.coffee-journey-flow ol{min-width:680px}.coffee-journey-flow-line,.coffee-journey-flow:after{display:none}.coffee-journey-flow a{text-align:left;align-items:flex-start}.coffee-journey-flow a>span{left:18px}.coffee-journey-origin{grid-template-columns:1fr;margin-top:72px;padding-block:38px}.coffee-journey-origin-number{font-size:5.5rem}.coffee-journey-origin>ul{grid-column:1}.coffee-journey-stage,.coffee-journey-stage.is-reversed{gap:52px;padding-block:86px}.coffee-journey-stage-heading,.coffee-journey-stage.is-reversed .coffee-journey-stage-heading{grid-template-columns:72px 1fr;gap:18px}.coffee-journey-stage-heading>span{font-size:4rem}.coffee-journey-stage-heading h3{font-size:clamp(2.4rem,12vw,3.5rem)}.coffee-journey-phone-stage{width:min(82vw,390px)}}@media (prefers-reduced-motion:reduce){.coffee-journey-flow:after,.coffee-journey-flow a:before,.coffee-journey-flow strong,.coffee-journey-phone-stage,.coffee-problem-group{transition:none}.coffee-journey-stage.is-active .coffee-problem-group li{animation:none}}.coffee-journey{min-height:auto}.coffee-journey-sheet{scrollbar-color:#1416113d transparent;scrollbar-width:thin;margin-top:clamp(52px,5vw,82px);padding-bottom:18px;overflow-x:auto}.coffee-journey-chain{border-bottom:1px solid #14161142;grid-template-columns:16% repeat(4,21%);padding:0 0 24px;list-style:none;display:grid;position:relative}.coffee-journey-chain:before{background:var(--coffee-rust);content:"";width:100%;height:2px;position:absolute;bottom:-1px;left:0}.coffee-journey-chain li{min-width:0;padding:0 clamp(12px,1.5vw,26px);position:relative}.coffee-journey-chain li:first-child{padding-left:0}.coffee-journey-chain li:after{background:var(--paper);border:2px solid var(--coffee-rust);content:"";z-index:2;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-31px;left:clamp(12px,1.5vw,26px)}.coffee-journey-chain li:first-child:after{left:0}.coffee-journey-chain li>span{color:var(--coffee-rust);letter-spacing:.12em;margin-bottom:8px;font-size:9px;display:block}.coffee-journey-chain strong{font-family:var(--font-display);font-size:clamp(1.05rem,1.35vw,1.45rem);font-weight:400;line-height:1.14;display:block}.lang-zh .coffee-journey-chain strong{font-family:var(--font-zh-display)}.coffee-journey-chain small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.4;display:block}.coffee-chain-origin strong{color:var(--evergreen)}.coffee-journey-board{grid-template-columns:repeat(4,minmax(0,1fr));width:84%;margin-left:16%;display:grid}.coffee-journey-panel{min-width:0;padding:clamp(28px,2.6vw,42px) clamp(6px,.55vw,11px) 12px;position:relative}.coffee-journey-panel>figure{justify-content:center;align-items:center;height:clamp(320px,26vw,445px);padding-block:14px;display:flex;position:relative;overflow:hidden}.coffee-journey-panel>figure:before{content:"";background:radial-gradient(circle,#b4c19e2e,#b4c19e00 68%);width:94%;height:78%;position:absolute}.coffee-panel-phone{z-index:1;width:min(78%,220px);max-width:220px;transition:transform .26s ease-out;position:relative}.coffee-journey-panel:hover .coffee-panel-phone{transform:translateY(-6px)}.coffee-panel-phone img{filter:drop-shadow(0 16px 20px #1416111f);width:100%;height:auto;display:block}.coffee-panel-brand-mask{color:#f47b42;font-family:var(--font-ui);letter-spacing:.05em;z-index:2;background:#050505;justify-content:center;align-items:center;width:40%;height:4.5%;font-size:clamp(5px,.42vw,8px);display:flex;position:absolute;top:8.5%;left:17%}.coffee-panel-problems{gap:12px;margin-top:clamp(22px,2.2vw,34px);display:grid}.coffee-panel-problem{-webkit-backdrop-filter:blur(18px)saturate(112%);backdrop-filter:blur(18px)saturate(112%);color:var(--ink);background:#ffffffad;border:1px solid #14161113;border-radius:22px;padding:clamp(15px,1.3vw,20px);overflow:hidden;box-shadow:0 1px 2px #14161108,0 12px 30px #1416110e}.coffee-panel-problem.problem-ui{--problem-color:var(--coffee-ui);--problem-tint:#a657361a}.coffee-panel-problem.problem-ux{--problem-color:var(--coffee-ux);--problem-tint:#356b731a}.coffee-panel-problem>header{color:var(--problem-color);justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.coffee-panel-problem>header span{background:var(--problem-tint);font-family:var(--font-ui);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:24px;padding-inline:8px;font-size:9px;display:inline-flex}.coffee-panel-problem h4{font-family:var(--font-body);letter-spacing:.06em;margin:0;font-size:11px;font-weight:600}.coffee-panel-problem ul{gap:11px;padding:0;list-style:none;display:grid}.coffee-panel-problem li{align-items:start;gap:9px;display:flex}.coffee-panel-problem li:before{background:var(--problem-color);box-shadow:0 0 0 4px var(--problem-tint);content:"";border-radius:50%;flex:0 0 5px;width:5px;height:5px;margin-top:.48em}.coffee-panel-problem li p{color:var(--ink);font-size:clamp(.72rem,.76vw,.84rem);line-height:1.52}@media (max-width:1080px){.coffee-journey-sheet{margin-inline:-22px;padding-inline:22px}.coffee-journey-chain{grid-template-columns:168px repeat(4,240px);min-width:1128px}.coffee-journey-board{grid-template-columns:repeat(4,240px);width:960px;min-width:960px;margin-left:168px}.coffee-journey-panel{padding-inline:7px}.coffee-journey-panel>figure{height:390px}.coffee-panel-phone{width:190px}.coffee-panel-problem li p{font-size:12px}}@media (max-width:520px){.coffee-journey-chain{grid-template-columns:146px repeat(4,220px);min-width:1026px}.coffee-journey-board{grid-template-columns:repeat(4,220px);width:880px;min-width:880px;margin-left:146px}.coffee-journey-panel>figure{height:360px}.coffee-panel-phone{width:176px}}@media (prefers-reduced-motion:reduce){.coffee-panel-phone{transition:none}}.coffee-rebuild{--coffee-rebuild-accent:#f26b36;--coffee-rebuild-accent-soft:#f26b361c;--coffee-rebuild-blue:#2f7de1;--coffee-z-sticky:2;background:radial-gradient(circle at 18% 24%,#b4c19e21,#0000 27%),linear-gradient(#f9f8f5 0%,#f4f1eb 56%,#fafafa 100%);min-height:auto}.coffee-rebuild-header{grid-template-columns:minmax(0,1fr) minmax(360px,.56fr)}.coffee-rebuild-header>p:first-child,.coffee-rebuild-header h2{grid-column:1}.coffee-rebuild-header .coffee-section-intro{grid-area:1/2/span 2;align-self:end;max-width:650px}.coffee-rebuild-story{grid-template-columns:minmax(380px,.92fr) minmax(520px,1.08fr);align-items:start;gap:clamp(64px,8vw,150px);max-width:1500px;margin-top:clamp(76px,8vw,128px);display:grid}.coffee-rebuild-phone{height:calc(100svh - var(--nav-height) - 44px);min-height:680px;top:calc(var(--nav-height) + 22px);z-index:var(--coffee-z-sticky);flex-direction:column;justify-content:center;align-self:start;align-items:center;display:flex;position:sticky}.coffee-rebuild-phone-meta{align-items:center;gap:14px;width:min(350px,88%);margin-bottom:14px;display:flex}.coffee-rebuild-phone-meta>span{background:var(--coffee-rebuild-accent-soft);color:var(--coffee-rebuild-accent);letter-spacing:.08em;border-radius:999px;flex:0 0 31px;justify-content:center;align-items:center;height:25px;font-size:9px;display:inline-flex}.coffee-rebuild-phone-meta p{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;line-height:1.3}.coffee-rebuild-device{aspect-ratio:1/2;width:min(350px,80%);max-width:365px;max-height:min(73svh,730px);margin:0;display:block;position:relative}.coffee-rebuild-device-images,.coffee-rebuild-highlights{position:absolute;inset:0}.coffee-rebuild-device-images img{filter:drop-shadow(0 24px 34px #12161129);object-fit:contain;opacity:0;transition:opacity .32s ease-in-out}.coffee-rebuild-device.is-before .coffee-rebuild-device-images img.is-visible{filter:saturate(.7)contrast(.94)drop-shadow(0 24px 34px #12161121)}.coffee-rebuild-device-images img.is-visible{opacity:1}.coffee-rebuild-highlights{pointer-events:none}.coffee-rebuild-pin{color:var(--coffee-rebuild-accent);letter-spacing:.06em;background:#fafafaf0;border:1px solid #f26b368a;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:8px;animation:.28s ease-out both coffee-rebuild-pin-in;display:flex;position:absolute;box-shadow:0 0 0 6px #f26b361c,0 8px 22px #0003}.coffee-rebuild-pin.pin-1{top:15%;left:17%}.coffee-rebuild-pin.pin-2{animation-delay:70ms;top:24%;right:14%}.coffee-rebuild-pin.pin-3{animation-delay:.14s;top:60%;left:11%}.coffee-rebuild-pin.pin-4{animation-delay:.21s;top:48%;right:9%}.coffee-rebuild-zone{background:#2f7de10e;border:1px solid #4090ffd6;border-radius:16px;animation:.36s ease-out both coffee-rebuild-zone-in;position:absolute;box-shadow:0 0 0 6px #2f7de114,inset 0 0 22px #2f7de112}.coffee-rebuild-zone.zone-core{width:66%;height:33%;top:14%;left:17%}.coffee-rebuild-zone.zone-target{width:84%;height:11%;animation-delay:.16s;top:48.5%;left:8%}.coffee-rebuild-zone.zone-chart{width:86%;height:30%;animation-delay:.32s;top:61%;left:7%}.coffee-rebuild-zone.zone-progress{background:#f26b360e;border-color:#f26b36e6;width:86%;height:12%;top:48%;left:7%;box-shadow:0 0 0 6px #f26b3617,inset 0 0 22px #f26b360f}.coffee-rebuild-zone.zone-system{background:0 0;border-color:#f26b36ad;border-radius:44px;inset:6% 5.5% 5%}@keyframes coffee-rebuild-pin-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes coffee-rebuild-zone-in{0%{opacity:0;transform:scale(.985)}62%{opacity:1}to{opacity:.72;transform:scale(1)}}.coffee-rebuild-progress{background:#1416111a;border-radius:999px;width:min(260px,70%);height:3px;margin-top:16px;overflow:hidden}.coffee-rebuild-progress span{background:var(--coffee-rebuild-accent);transform-origin:0;width:100%;height:100%;transition:transform .28s ease-out;display:block}.coffee-rebuild-steps{min-width:0}.coffee-rebuild-step{opacity:.46;min-height:92svh;scroll-margin-top:calc(var(--nav-height) + 18px);align-items:center;transition:opacity .22s ease-out;display:flex}.coffee-rebuild-step.is-active{opacity:1}.coffee-rebuild-card{-webkit-appearance:none;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#ffffffb3;border:1px solid #14161114;border-radius:28px;width:100%;padding:clamp(28px,3.2vw,48px);transition:opacity .18s ease-out,transform .18s ease-out;display:block;box-shadow:0 2px 3px #14161106,0 22px 54px #1416110f}.coffee-rebuild-step.is-active .coffee-rebuild-card{background:#ffffffe6;border-color:#f26b3633;box-shadow:0 2px 3px #14161106,0 24px 64px #14161116}.coffee-rebuild-card:hover{transform:translateY(-2px)}.coffee-rebuild-card:focus-visible{outline:2px solid var(--evergreen);outline-offset:5px}.coffee-rebuild-card-step,.coffee-rebuild-card-label,.coffee-rebuild-card-title,.coffee-rebuild-card-body,.coffee-rebuild-card-points{display:block}.coffee-rebuild-card-step{color:var(--coffee-rebuild-accent);letter-spacing:.15em;margin-bottom:28px;font-size:10px}.coffee-rebuild-card-label{color:var(--evergreen);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:600;line-height:1.35;display:flex}.coffee-rebuild-card-label:before{background:var(--coffee-rebuild-accent);content:"";border-radius:50%;width:6px;height:6px}.coffee-rebuild-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:18px;font-size:clamp(2rem,2.8vw,3.4rem);font-weight:400;line-height:1.06}.lang-zh .coffee-rebuild-card-title{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.14}.coffee-rebuild-card-body{color:var(--muted);margin-top:24px;font-size:clamp(.94rem,1.03vw,1.08rem);line-height:1.72}.coffee-rebuild-card-points{gap:11px;margin-top:28px;display:grid}.coffee-rebuild-card-points>span{color:var(--ink);background:#14161109;border-radius:14px;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:12px;padding:11px 13px;font-size:13px;line-height:1.5;display:grid}.coffee-rebuild-card-points>span>span{color:var(--coffee-rebuild-accent);letter-spacing:.07em;padding-top:4px;font-size:9px}.coffee-rebuild-mobile-visual{display:none}@media (max-width:1120px){.coffee-rebuild-header{grid-template-columns:1fr}.coffee-rebuild-header>p:first-child,.coffee-rebuild-header h2,.coffee-rebuild-header .coffee-section-intro{grid-area:auto/1}.coffee-rebuild-header .coffee-section-intro{margin-top:12px}.coffee-rebuild-story{grid-template-columns:minmax(330px,.8fr) minmax(430px,1.2fr);gap:54px}.coffee-rebuild-device{width:min(330px,88%)}}@media (max-width:860px){.coffee-rebuild-story{margin-top:72px;display:block}.coffee-rebuild-phone{display:none}.coffee-rebuild-steps{gap:88px;display:grid}.coffee-rebuild-step,.coffee-rebuild-step.is-active{opacity:1;min-height:auto;display:block}.coffee-rebuild-mobile-visual{width:min(410px,86vw);margin:0 auto 28px;display:block}.coffee-rebuild-mobile-visual .coffee-rebuild-device{width:min(360px,84vw);max-height:none;margin-inline:auto}.coffee-rebuild-card{max-width:680px;margin-inline:auto}}@media (max-width:520px){.coffee-rebuild-story{margin-top:58px}.coffee-rebuild-steps{gap:72px}.coffee-rebuild-mobile-visual{width:100%;margin-bottom:22px}.coffee-rebuild-mobile-visual .coffee-rebuild-device{width:min(330px,88vw)}.coffee-rebuild-card{border-radius:22px;padding:25px 22px}.coffee-rebuild-card-step{margin-bottom:22px}.coffee-rebuild-card-title{font-size:clamp(1.8rem,9vw,2.55rem)}.coffee-rebuild-card-body{margin-top:20px;font-size:15px;line-height:1.68}.coffee-rebuild-card-points{margin-top:22px}}@media (prefers-reduced-motion:reduce){.coffee-rebuild-device-images img,.coffee-rebuild-progress span,.coffee-rebuild-step,.coffee-rebuild-card{transition:none}.coffee-rebuild-pin,.coffee-rebuild-zone{animation:none}}.coffee-audit-header,.coffee-journey-header,.coffee-rebuild-header{grid-template-columns:minmax(0,1fr)}.coffee-audit-header>p:first-child,.coffee-audit-header h2,.coffee-audit-header .coffee-section-intro,.coffee-journey-header>p:first-child,.coffee-journey-header h2,.coffee-journey-header .coffee-section-intro,.coffee-rebuild-header>p:first-child,.coffee-rebuild-header h2,.coffee-rebuild-header .coffee-section-intro{grid-area:auto/1}.coffee-audit-header .coffee-section-intro,.coffee-journey-header .coffee-section-intro,.coffee-rebuild-header .coffee-section-intro{max-width:720px;margin-top:6px}.coffee-rebuild-scroll-shell{margin-top:clamp(48px,5vw,76px);position:relative}.coffee-rebuild-story{max-width:1500px;height:calc(100svh - 84px);min-height:540px;top:calc(var(--nav-height) - 8px);z-index:var(--coffee-z-sticky);grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(72px,8vw,148px);margin:0;display:grid;position:sticky}.coffee-rebuild-phone{justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:0;padding-top:6px;display:flex;position:static}.coffee-rebuild-phone-meta{gap:16px;width:min(350px,86%);margin-bottom:0;transform:translate(24px)}.coffee-rebuild-phone-meta>span{flex-basis:42px;height:34px;font-size:11px}.coffee-rebuild-phone-meta p{color:var(--evergreen);letter-spacing:.08em;font-size:clamp(.78rem,.92vw,.94rem);font-weight:600}.coffee-rebuild-device{aspect-ratio:1/2;width:auto;max-width:min(410px,96%);height:min(82svh,780px);max-height:none;margin:0}.coffee-rebuild-device-images img{opacity:0;transition:opacity .32s ease-in-out,transform .32s ease-in-out;transform:translate(20px)}.coffee-rebuild-device.is-espresso .image-pour{transform:translate(-20px)}.coffee-rebuild-device.is-pour .image-espresso{transform:translate(20px)}.coffee-rebuild-device-images img.is-visible{opacity:1;transform:translate(0)}.coffee-rebuild-copy{align-self:center;min-width:0;position:relative}.coffee-rebuild-copy-stack{height:min(560px,100svh - 118px);position:relative}.coffee-rebuild-panel{opacity:0;pointer-events:none;transition:opacity .28s ease-in-out;position:absolute;inset:0}.coffee-rebuild-panel.is-active{opacity:1;pointer-events:auto}.coffee-rebuild-panel .coffee-rebuild-card-step{margin-bottom:20px}.coffee-rebuild-panel-group+.coffee-rebuild-panel-group{margin-top:24px}.coffee-rebuild-panel h3{font-family:var(--font-display);letter-spacing:-.015em;max-width:760px;font-size:clamp(1.55rem,2.15vw,2.65rem);font-weight:400;line-height:1.1}.lang-zh .coffee-rebuild-panel h3{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.12}.coffee-rebuild-panel ol{gap:10px;margin-top:14px;padding:0;list-style:none;display:grid}.coffee-rebuild-panel li{background:#ffffffb8;border:1px solid #1416110e;border-radius:20px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:16px;min-height:58px;padding:14px 18px;display:grid;box-shadow:0 12px 34px #1416110b}.coffee-rebuild-panel li>span{color:var(--coffee-rebuild-accent);letter-spacing:.08em;padding-top:5px;font-size:10px}.coffee-rebuild-panel li p{color:var(--ink);font-size:clamp(.94rem,1.05vw,1.08rem);line-height:1.58}.coffee-rebuild-step-nav{gap:8px;margin:0;display:flex;position:absolute;top:0;right:0}.coffee-rebuild-step-nav button{color:var(--muted);cursor:pointer;font:inherit;background:#ffffff94;border:1px solid #14161114;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:10px;transition:opacity .16s ease-out,transform .16s ease-out;display:inline-flex}.coffee-rebuild-step-nav button[aria-pressed=true]{background:var(--coffee-rebuild-accent);border-color:var(--coffee-rebuild-accent);color:#fff}.coffee-rebuild-step-nav button:hover{transform:translateY(-2px)}.coffee-rebuild-step-nav button:focus-visible{outline:2px solid var(--evergreen);outline-offset:3px}.coffee-rebuild-scroll-triggers{pointer-events:none;position:relative}.coffee-rebuild-scroll-triggers>div{height:72svh;min-height:460px}.coffee-rebuild-scroll-tail{pointer-events:none;height:calc(100svh - 84px);min-height:540px}.coffee-rebuild-mobile-sequence{display:none}@media (max-width:1120px){.coffee-rebuild-story{grid-template-columns:minmax(350px,.82fr) minmax(430px,1.18fr);gap:52px}.coffee-rebuild-device{height:min(78svh,710px)}.coffee-rebuild-panel h3{font-size:clamp(1.5rem,2.5vw,2.35rem)}}@media (max-width:860px){.coffee-rebuild-scroll-shell{display:none}.coffee-rebuild-mobile-sequence{gap:96px;margin-top:64px;display:grid}.coffee-rebuild-mobile-sequence article{justify-items:center;display:grid}.coffee-rebuild-mobile-sequence .coffee-rebuild-phone-meta{width:min(620px,100%);margin-bottom:18px;transform:none}.coffee-rebuild-mobile-sequence .coffee-rebuild-device{width:min(380px,88vw);max-width:none;height:auto;margin-inline:auto}.coffee-rebuild-mobile-sequence .coffee-rebuild-panel{opacity:1;pointer-events:auto;width:100%;max-width:680px;margin-top:28px;position:static}.coffee-rebuild-mobile-sequence .coffee-rebuild-panel .coffee-rebuild-card-step{margin-bottom:18px}.coffee-rebuild-mobile-sequence .coffee-rebuild-panel h3{font-size:clamp(1.65rem,6vw,2.4rem)}.coffee-rebuild-mobile-sequence .coffee-rebuild-panel ol{margin-top:16px}}@media (max-width:520px){.coffee-rebuild-mobile-sequence{gap:78px;margin-top:54px}.coffee-rebuild-mobile-sequence .coffee-rebuild-device{width:min(350px,94vw)}.coffee-rebuild-phone-meta p{font-size:12px}.coffee-rebuild-panel li{border-radius:17px;grid-template-columns:28px minmax(0,1fr);min-height:60px;padding:16px}.coffee-rebuild-panel li p{font-size:15px}}@media (prefers-reduced-motion:reduce){.coffee-rebuild-device-images img,.coffee-rebuild-panel,.coffee-rebuild-step-nav button{transition:none}}.coffee-completion{--completion-accent:#f26b36;--completion-accent-soft:#f26b361a;--completion-teal:#315f62;min-height:100svh;padding-bottom:clamp(64px,7vw,112px);padding-top:calc(var(--nav-height) + clamp(38px, 4vw, 68px));scroll-margin-top:var(--nav-height);background:radial-gradient(circle at 78% 36%,#c5d0b733,#0000 32%),linear-gradient(155deg,#fbfaf7 0%,#f4f2ec 58%,#f8f7f3 100%)}.coffee-completion-shell{max-width:1500px;height:calc(100svh - var(--nav-height) - 20px);min-height:540px;top:calc(var(--nav-height) + 10px);z-index:2;grid-template-columns:minmax(370px,.82fr) minmax(560px,1.18fr);align-items:center;gap:clamp(52px,6vw,108px);width:100%;margin-inline:auto;display:grid;position:sticky}.coffee-completion-scroll-shell{position:relative}.coffee-completion-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.coffee-completion-header>p:first-child{color:var(--completion-accent);letter-spacing:.14em;margin-bottom:14px;font-size:10px}.coffee-completion-header h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,5.4vw,6.7rem);font-weight:400;line-height:.94}.lang-zh .coffee-completion-header h2{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.02}.coffee-completion-header>p:last-child{color:var(--muted);max-width:590px;margin-top:18px;font-size:clamp(.92rem,1.05vw,1.08rem);line-height:1.72}.coffee-completion-copy-stack{flex:0 0 330px;min-height:330px;margin-top:clamp(38px,5vh,64px);position:relative}.coffee-completion-copy-panel{opacity:0;pointer-events:none;transition:opacity .26s ease-in-out,transform .3s ease-in-out;position:absolute;inset:0;transform:translate(18px)}.coffee-completion-copy-panel.is-before{transform:translate(-18px)}.coffee-completion-copy-panel.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.coffee-completion-eyebrow{color:var(--completion-teal);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.coffee-completion-copy-panel h3{font-family:var(--font-display);letter-spacing:-.025em;max-width:650px;margin-top:15px;font-size:clamp(2rem,3vw,3.65rem);font-weight:400;line-height:1.03}.lang-zh .coffee-completion-copy-panel h3{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.12}.coffee-completion-detail{gap:10px;margin-top:28px;display:grid}.coffee-completion-detail section{background:#ffffffa8;border:1px solid #1416110f;border-radius:18px;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 18px;display:grid;box-shadow:0 12px 34px #1416110a}.coffee-completion-detail section:last-child{background:#ffffffd4;border-color:#f26b3624}.coffee-completion-detail span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-top:4px;font-size:9px}.coffee-completion-detail section:last-child span{color:var(--completion-accent)}.coffee-completion-detail p{color:var(--ink);font-size:clamp(.86rem,.98vw,1rem);line-height:1.62}.coffee-completion-axis button:focus-visible{outline:2px solid var(--completion-teal);outline-offset:3px}.coffee-completion-visual{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(132px,12vw,168px);align-self:center;width:100%;min-width:0;height:100%;display:grid}.coffee-completion-axis{-ms-overflow-style:none;scroll-snap-type:y proximity;scrollbar-width:none;grid-area:1/2;align-self:center;height:min(70svh,520px);padding-block:max(20px,50% - 52px);overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 17% 83%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 17% 83%,#0000 100%)}.coffee-completion-axis::-webkit-scrollbar{display:none}.coffee-completion-axis-track{flex-direction:column;min-height:max-content;display:flex;position:relative}.coffee-completion-axis-track:after{content:"";background:#1416111f;width:1px;position:absolute;top:0;bottom:0;left:7px}.coffee-completion-axis button{color:var(--muted);cursor:pointer;font:inherit;scroll-snap-align:center;text-align:left;z-index:1;background:0 0;border:0;width:100%;min-height:104px;padding:12px 0 12px 30px;transition:opacity .22s ease-in-out,transform .22s ease-in-out;display:grid;position:relative}.coffee-completion-axis button[data-distance="1"]{opacity:.34}.coffee-completion-axis button[data-distance="2"]{opacity:.1}.coffee-completion-axis button>span{color:var(--completion-accent);letter-spacing:.1em;font-size:9px}.coffee-completion-axis button strong{color:var(--ink);font-family:var(--font-display);margin-top:6px;font-size:clamp(1rem,1.2vw,1.25rem);font-weight:400;line-height:1.1}.lang-zh .coffee-completion-axis button strong{font-family:var(--font-zh-display)}.coffee-completion-axis button small{margin-top:4px;font-size:9px}.coffee-completion-axis button i{z-index:2;background:#f9f8f4;border:2px solid #14161138;border-radius:50%;width:15px;height:15px;transition:background-color .18s ease-out,border-color .18s ease-out,transform .18s ease-out;position:absolute;top:50%;bottom:auto;left:0;transform:translateY(-50%)}.coffee-completion-axis button.is-active strong{color:var(--completion-teal)}.coffee-completion-axis button.is-active{opacity:1;transform:translate(2px)}.coffee-completion-axis button.is-active i{background:var(--completion-accent);box-shadow:0 0 0 3px var(--completion-accent-soft);border-color:#fff;transform:translateY(-50%)scale(1.08)}.coffee-completion-visual-stack{grid-area:1/1;min-height:0;position:relative;overflow:hidden}.coffee-completion-stage{opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:clamp(8px,1.3vw,18px);margin:0;padding:16px 20px 0;transition:opacity .3s ease-in-out,transform .34s ease-in-out;display:flex;position:absolute;inset:0;transform:translate(44px)}.coffee-completion-stage.is-before{transform:translate(-44px)}.coffee-completion-stage.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.coffee-completion-phone{aspect-ratio:1/2;height:min(78svh,760px);max-height:100%;position:relative}.coffee-completion-phone img{filter:drop-shadow(0 22px 30px #0e110d2b);object-fit:contain}.coffee-completion-stage.is-sequence .coffee-completion-phone{height:min(68svh,650px)}.coffee-completion-phone>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;z-index:2;background:#ffffffe6;border:1px solid #14161112;border-radius:999px;padding:7px 11px;font-size:9px;position:absolute;top:4px;left:50%;transform:translate(-50%,-100%)}.coffee-completion-scroll-triggers{pointer-events:none;position:relative}.coffee-completion-scroll-triggers>div{height:72svh;min-height:430px}@media (max-width:1180px){.coffee-completion-shell{grid-template-columns:minmax(330px,.76fr) minmax(500px,1.24fr);gap:44px}.coffee-completion-header h2{font-size:clamp(3rem,5.7vw,5.2rem)}.coffee-completion-copy-panel h3{font-size:clamp(1.85rem,3.1vw,3rem)}.coffee-completion-phone{height:min(74svh,700px)}.coffee-completion-stage.is-sequence .coffee-completion-phone{height:min(64svh,590px)}}@media (max-width:860px){.coffee-completion{min-height:auto}.coffee-completion-shell{z-index:auto;grid-template-columns:1fr;gap:42px;height:auto;min-height:auto;display:grid;position:static;top:auto}.coffee-completion-copy-stack{min-height:340px}.coffee-completion-visual{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:auto;min-height:720px}.coffee-completion-axis{scroll-snap-type:x proximity;grid-area:1/1;height:auto;padding-block:0;padding-inline:max(24px,50% - 84px);overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.coffee-completion-axis-track{flex-direction:row;min-width:max-content;min-height:0}.coffee-completion-axis-track:after{width:auto;height:1px;inset:auto 0 7px}.coffee-completion-axis button{width:clamp(148px,22vw,188px);min-height:90px;padding:0 16px 22px 0}.coffee-completion-axis button i{top:auto;bottom:0;left:0;transform:none}.coffee-completion-axis button.is-active{transform:translateY(-1px)}.coffee-completion-axis button.is-active i{transform:scale(1.08)}.coffee-completion-visual-stack{grid-area:2/1;min-height:600px}.coffee-completion-phone{height:min(68svh,610px)}.coffee-completion-stage.is-sequence .coffee-completion-phone{height:min(58svh,510px)}.coffee-completion-scroll-triggers{display:none}}@media (max-width:520px){.coffee-completion{padding-bottom:72px;padding-top:calc(var(--nav-height) + 34px)}.coffee-completion-header h2{font-size:clamp(3.35rem,16vw,4.7rem)}.coffee-completion-copy-stack{min-height:390px;margin-top:38px}.coffee-completion-copy-panel h3{font-size:clamp(1.9rem,9vw,2.7rem)}.coffee-completion-detail section{grid-template-columns:1fr;gap:9px;padding:15px 16px}.coffee-completion-detail span{padding-top:0}.coffee-completion-visual{min-height:610px}.coffee-completion-axis{padding-inline:max(18px,50% - 71px)}.coffee-completion-axis button{width:142px}.coffee-completion-visual-stack{min-height:500px}.coffee-completion-stage{padding-inline:8px}.coffee-completion-phone{height:min(61svh,510px)}.coffee-completion-stage.is-sequence .coffee-completion-phone{height:min(49svh,410px)}}@media (prefers-reduced-motion:reduce){.coffee-completion-copy-panel,.coffee-completion-stage,.coffee-completion-axis button,.coffee-completion-axis button i{transition:none}}.coffee-system{--system-accent:#f26b36;--system-ink:var(--ink);--system-line:#1416111c;--system-muted:var(--muted);--system-surface:#f6f3ed;background:radial-gradient(circle at 18% 42%, #b4c19e24, transparent 28%), var(--system-surface);min-height:100svh;padding-bottom:clamp(42px,5vw,72px);padding-top:calc(var(--nav-height) + clamp(34px, 4vw, 62px));scroll-margin-top:var(--nav-height)}.coffee-system-layout{margin-inline:auto;grid-template-columns:minmax(650px,1.58fr) minmax(300px,.58fr);align-items:center;gap:clamp(32px,4vw,64px);width:100%;max-width:1500px;margin-top:clamp(42px,5vw,72px);display:grid}.coffee-system-header{grid-template-columns:minmax(0,1fr)}.coffee-system-header>p:first-child,.coffee-system-header h2,.coffee-system-header .coffee-section-intro{grid-area:auto/1}.coffee-system-header .coffee-section-intro{max-width:720px;margin-top:6px}.coffee-system-showcase{flex-direction:column;align-content:center;justify-self:start;gap:20px;width:88%;min-width:0;max-width:760px;display:flex}.coffee-system-visual{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:clamp(12px,1.5vw,22px);min-width:0;margin:0;display:grid}.coffee-system-visual figcaption{color:var(--system-muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;line-height:1.4}.coffee-system-visual figcaption span{color:var(--system-accent);margin-bottom:4px;display:block}.coffee-system-visual img{object-fit:contain;object-position:left center;width:100%;max-width:100%;height:auto;max-height:none;display:block}.coffee-system-visual.visual-1 img,.coffee-system-visual.visual-2 img{width:82%}.coffee-system-visual.visual-3 img{width:94%}.coffee-system-visual.visual-2 img{filter:drop-shadow(0 15px 28px #1416110f)}.coffee-system-copy{border-left:1px solid var(--system-line);min-width:0;padding-left:clamp(24px,3vw,46px)}.coffee-system-header>p:first-child{color:var(--system-accent);letter-spacing:.14em;margin-bottom:14px;font-size:9px}.coffee-system-header h2{color:var(--system-ink);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(3.7rem,5.4vw,6.6rem);font-weight:400;line-height:.94}.lang-zh .coffee-system-header h2{font-family:var(--font-zh-display);letter-spacing:0;line-height:1.02}.coffee-system-header .coffee-section-intro{color:var(--system-muted);max-width:520px;margin-top:18px;font-size:clamp(.88rem,.98vw,1rem);line-height:1.7}.coffee-system-copy ol{margin:0;padding:0;list-style:none}.coffee-system-copy li{border-top:1px solid var(--system-line);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:18px;padding-block:clamp(16px,2.1vh,23px);display:grid}.coffee-system-copy li>span{color:var(--system-accent);letter-spacing:.08em;padding-top:4px;font-size:9px}.coffee-system-copy h3{color:var(--system-ink);font-size:clamp(.98rem,1.16vw,1.2rem);font-weight:500;line-height:1.35}.coffee-system-copy li p{color:var(--system-muted);margin-top:6px;font-size:clamp(.78rem,.86vw,.9rem);line-height:1.62}.coffee-system-foundation{color:var(--system-muted);letter-spacing:.14em;margin-top:15px;font-size:8px}@media (max-width:1120px){.coffee-system-layout{grid-template-columns:minmax(560px,1.42fr) minmax(290px,.58fr);gap:30px}.coffee-system-visual{grid-template-columns:60px minmax(0,1fr)}.coffee-system-copy{padding-left:24px}.coffee-system-showcase{width:90%}}@media (max-width:860px){.coffee-system{min-height:auto;padding-bottom:82px}.coffee-system-layout{grid-template-columns:1fr;gap:54px;min-height:auto;display:grid}.coffee-system-copy{border-left:0;padding-left:0}.coffee-system-copy ol{max-width:680px}.coffee-system-showcase{gap:20px;width:100%;max-width:none}.coffee-system-visual{grid-template-columns:64px minmax(0,1fr)}.coffee-system-visual.visual-1 img,.coffee-system-visual.visual-2 img,.coffee-system-visual.visual-3 img{width:100%}}@media (max-width:520px){.coffee-system{padding-top:calc(var(--nav-height) + 34px)}.coffee-system-header h2{font-size:clamp(3.5rem,17vw,4.8rem)}.coffee-system-copy li{grid-template-columns:24px minmax(0,1fr)}.coffee-system-visual{grid-template-columns:1fr;gap:9px}.coffee-system-visual figcaption{gap:8px;display:flex}.coffee-system-visual figcaption span{margin-bottom:0}}.coffee-adaptation{--adaptation-accent:#f26b36;--adaptation-line:#14161121;--adaptation-muted:var(--muted);min-height:100svh;scroll-margin-top:var(--nav-height);background:radial-gradient(circle at 77% 24%,#f26b3614,#0000 27%),#f4f1ea}.coffee-adaptation-header{grid-template-columns:minmax(0,1fr)}.coffee-adaptation-header>p:first-child,.coffee-adaptation-header h2,.coffee-adaptation-header .coffee-section-intro{grid-area:auto/1}.coffee-adaptation-header>p:first-child{color:var(--adaptation-accent);letter-spacing:.14em;font-size:9px}.coffee-adaptation-header h2{max-width:980px}.coffee-adaptation-header .coffee-section-intro{color:var(--adaptation-muted);max-width:760px;font-size:clamp(.92rem,1.12vw,1.08rem);line-height:1.72}.coffee-adaptation-devices{grid-template-columns:minmax(190px,.72fr) minmax(300px,1fr) minmax(320px,1.08fr);align-items:end;gap:clamp(24px,3.2vw,54px);max-width:1500px;margin:clamp(62px,7.2vw,108px) auto 0;display:grid}.coffee-adaptation-device{grid-template-rows:auto 1fr;align-items:end;gap:clamp(22px,2.4vw,34px);min-width:0;margin:0;display:grid}.coffee-adaptation-device figcaption{gap:5px;display:grid}.coffee-adaptation-device figcaption span{color:var(--ink);font-size:clamp(1rem,1.35vw,1.28rem);font-weight:500}.coffee-adaptation-device figcaption strong{color:var(--adaptation-accent);letter-spacing:.1em;font-size:10px;font-weight:500}.coffee-adaptation-device figcaption small{color:var(--adaptation-muted);letter-spacing:.04em;font-size:11px}.coffee-adaptation-device-image{justify-content:center;align-items:end;min-height:0;display:flex}.coffee-adaptation-device-image img{object-fit:contain;object-position:center bottom;width:100%;height:auto;display:block}.coffee-adaptation-device.is-phone .coffee-adaptation-device-image{justify-content:flex-start;width:min(100%,300px);max-width:300px}.coffee-adaptation-device.is-mini .coffee-adaptation-device-image{width:min(100%,440px);max-width:440px}.coffee-adaptation-device.is-ipad .coffee-adaptation-device-image{justify-content:flex-end;width:min(100%,480px);max-width:480px}.coffee-adaptation-axis{border-top:1px solid var(--adaptation-line);max-width:1500px;margin:clamp(62px,7vw,100px) auto 0;padding-top:24px}.coffee-adaptation-axis>p{color:var(--adaptation-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.coffee-adaptation-axis-scale{height:96px;margin:42px 22px 0;position:relative}.coffee-adaptation-axis-base,.coffee-adaptation-axis-range{height:1px;position:absolute;top:0;left:0}.coffee-adaptation-axis-base{background:var(--adaptation-line);width:100%}.coffee-adaptation-axis-range{background:var(--adaptation-accent);height:2px}.coffee-adaptation-axis-range.is-phone{width:15.3409%}.coffee-adaptation-axis-range.is-ipad{width:30.3977%;left:69.6023%}.coffee-adaptation-axis-node{color:var(--adaptation-muted);position:absolute;top:0;transform:translate(-50%)}.coffee-adaptation-axis-node:nth-of-type(4){transform:none}.coffee-adaptation-axis-node:nth-last-of-type(4){transform:translate(-100%)}.coffee-adaptation-axis-node i{background:#f4f1ea;border:1px solid #14161157;border-radius:50%;width:10px;height:10px;margin:-4px auto 11px;display:block}.coffee-adaptation-axis-node:nth-of-type(4) i,.coffee-adaptation-axis-node:nth-of-type(5) i,.coffee-adaptation-axis-node:nth-of-type(7) i,.coffee-adaptation-axis-node:nth-of-type(8) i{border-color:var(--adaptation-accent)}.coffee-adaptation-axis-node:nth-of-type(6) i{background:var(--evergreen);border-color:var(--evergreen)}.coffee-adaptation-axis-node b{letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:400}.coffee-adaptation-axis-group{color:var(--ink);letter-spacing:.08em;font-size:11px;position:absolute;top:58px;transform:translate(-50%)}.coffee-adaptation-axis-group.is-phone{left:7.67045%}.coffee-adaptation-axis-group.is-mini{left:63.6364%}.coffee-adaptation-axis-group.is-ipad{left:84.8012%}.coffee-adaptation-principles article{border-top:1px solid var(--adaptation-line);padding-top:22px}.coffee-adaptation-principle-index{align-items:center;gap:14px;display:flex}.coffee-adaptation-principle-index span{color:var(--adaptation-accent);letter-spacing:.1em;font-size:9px}.coffee-adaptation-principle-index p{color:var(--adaptation-muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px}.coffee-adaptation-principles h3{color:var(--ink);font-family:var(--font-display);margin-top:22px;font-size:clamp(2rem,2.7vw,3.35rem);font-weight:400;line-height:1.08}.lang-zh .coffee-adaptation-principles h3{font-family:var(--font-zh-display)}.coffee-adaptation-principles article>p{color:var(--adaptation-muted);max-width:660px;margin-top:18px;font-size:clamp(.88rem,1vw,1rem);line-height:1.75}.coffee-adaptation-principles ul{flex-wrap:wrap;gap:7px 18px;margin:22px 0 0;padding:0;list-style:none;display:flex}.coffee-adaptation-principles li{color:var(--ink);font-size:11px;position:relative}.coffee-adaptation-principles li:not(:last-child):after{color:var(--adaptation-accent);content:"·";position:absolute;right:-11px}@media (max-width:1180px){.coffee-adaptation-devices{grid-template-columns:minmax(180px,.7fr) minmax(270px,1fr) minmax(290px,1.06fr);gap:24px}}@media (max-width:860px){.coffee-adaptation{min-height:auto}.coffee-adaptation-devices{grid-template-columns:1fr;align-items:start;gap:72px}.coffee-adaptation-device{gap:24px}.coffee-adaptation-device-image,.coffee-adaptation-device.is-phone .coffee-adaptation-device-image,.coffee-adaptation-device.is-mini .coffee-adaptation-device-image,.coffee-adaptation-device.is-ipad .coffee-adaptation-device-image{justify-content:center;margin-inline:auto}.coffee-adaptation-device.is-phone .coffee-adaptation-device-image{max-width:340px}.coffee-adaptation-device.is-mini .coffee-adaptation-device-image,.coffee-adaptation-device.is-ipad .coffee-adaptation-device-image{max-width:660px}.coffee-adaptation-axis-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:auto;margin:28px 0 0;display:grid}.coffee-adaptation-axis-base,.coffee-adaptation-axis-range,.coffee-adaptation-axis-group{display:none}.coffee-adaptation-axis-node,.coffee-adaptation-axis-node:nth-of-type(4),.coffee-adaptation-axis-node:nth-last-of-type(4){border-top:1px solid var(--adaptation-line);text-align:center;padding-top:12px;position:relative;top:auto;transform:none;left:auto!important}.coffee-adaptation-axis-node i{margin:-18px auto 10px}.coffee-adaptation-principles{grid-template-columns:1fr;gap:54px}}@media (max-width:520px){.coffee-adaptation-header h2{font-size:clamp(3.1rem,15vw,4.5rem)}.coffee-adaptation-devices{margin-top:52px}.coffee-adaptation-device.is-phone .coffee-adaptation-device-image{max-width:290px}.coffee-adaptation-axis-node b{font-size:8px}.coffee-adaptation-principles h3{font-size:clamp(2.2rem,10vw,3rem)}}.coffee-adaptation{padding-bottom:clamp(52px,6vw,88px);padding-top:calc(var(--nav-height) + clamp(32px, 3.8vw, 56px))}.coffee-adaptation-layout{max-width:1500px;min-height:calc(100svh - var(--nav-height) - clamp(84px, 10vw, 144px));grid-template-columns:minmax(330px,.76fr) minmax(600px,1.24fr);align-items:stretch;gap:clamp(46px,5.2vw,86px);margin-inline:auto;display:grid}.coffee-adaptation-copy,.coffee-adaptation-visual{min-width:0}.coffee-adaptation-copy{flex-direction:column;display:flex}.coffee-adaptation-header h2{max-width:620px;font-size:clamp(3.15rem,4.15vw,5.2rem)}.coffee-adaptation-header .coffee-section-intro{max-width:570px;font-size:clamp(.84rem,.9vw,.98rem)}.coffee-adaptation-principles{grid-template-columns:1fr;gap:clamp(24px,3vh,34px);max-width:590px;margin:auto 0 74px;display:grid}.coffee-adaptation-principles article{padding-top:16px}.coffee-adaptation-principles h3{margin-top:13px;font-size:clamp(1.6rem,2.05vw,2.35rem)}.coffee-adaptation-principles article>p{margin-top:10px;font-size:clamp(.76rem,.79vw,.86rem);line-height:1.65}.coffee-adaptation-principles ul{gap:5px 15px;margin-top:12px}.coffee-adaptation-principles li{font-size:9px}.coffee-adaptation-principles li:not(:last-child):after{right:-9px}.coffee-adaptation-visual{align-self:start;padding-top:clamp(104px,13vh,132px)}.coffee-adaptation-devices{grid-template-columns:390fr 768fr 834fr;align-items:end;gap:clamp(13px,1.55vw,24px);width:100%;max-width:none;margin:0;display:grid}.coffee-adaptation-device{align-self:end;gap:clamp(15px,1.6vw,23px)}.coffee-adaptation-device figcaption{gap:3px}.coffee-adaptation-device figcaption span{font-size:clamp(.78rem,.92vw,.98rem)}.coffee-adaptation-device figcaption strong{font-size:8px}.coffee-adaptation-device figcaption small{font-size:9px}.coffee-adaptation-device-image,.coffee-adaptation-device.is-phone .coffee-adaptation-device-image,.coffee-adaptation-device.is-mini .coffee-adaptation-device-image,.coffee-adaptation-device.is-ipad .coffee-adaptation-device-image{justify-content:center;width:100%;max-width:none;margin:0}.coffee-adaptation-axis{border-top:0;width:100%;max-width:none;margin:clamp(28px,3.8vh,42px) 0 0;padding-top:0}.coffee-adaptation-axis>p{font-size:8px}.coffee-adaptation-axis-scale{grid-template-columns:390fr 768fr 834fr;gap:clamp(13px,1.55vw,24px);height:74px;margin:26px 0 0;display:grid;position:relative}.coffee-adaptation-axis-segment{height:74px;display:grid;position:relative}.coffee-adaptation-axis-segment:before{background:var(--adaptation-line);content:"";height:1px;position:absolute;top:0;left:0;right:0}.coffee-adaptation-axis-segment.is-phone,.coffee-adaptation-axis-segment.is-ipad{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-adaptation-axis-segment>span{color:var(--adaptation-muted);justify-items:center;gap:9px;display:grid;position:absolute;top:0;left:0;transform:translate(-50%)}.coffee-adaptation-axis-segment>span:last-of-type{left:auto;right:0;transform:translate(50%)}.coffee-adaptation-axis-segment.is-mini>span{left:50%;right:auto;transform:translate(-50%)}.coffee-adaptation-axis-segment i{border:1px solid var(--adaptation-accent);background:#f4f1ea;border-radius:50%;width:9px;height:9px;margin-top:-4px;display:block}.coffee-adaptation-axis-segment.is-mini i{background:var(--evergreen);border-color:var(--evergreen)}.coffee-adaptation-axis-segment b{white-space:nowrap;font-size:8px;font-weight:400}.coffee-adaptation-axis-segment strong{color:var(--ink);letter-spacing:.06em;grid-column:1/-1;place-self:end center;font-size:9px;font-weight:400}@media (max-width:1060px){.coffee-adaptation-layout{grid-template-columns:minmax(310px,.72fr) minmax(540px,1.28fr);gap:36px}}@media (max-width:900px){.coffee-adaptation-layout{grid-template-columns:1fr;gap:70px}.coffee-adaptation-visual{padding-top:0}.coffee-adaptation-copy,.coffee-adaptation-header h2,.coffee-adaptation-header .coffee-section-intro,.coffee-adaptation-principles{max-width:680px}.coffee-adaptation-copy{display:block}.coffee-adaptation-principles{gap:38px;margin:38px 0 0}.coffee-adaptation-principles h3{font-size:clamp(2rem,7vw,3rem)}.coffee-adaptation-principles article>p{font-size:.9rem}.coffee-adaptation-principles li{font-size:10px}.coffee-adaptation-devices,.coffee-adaptation-axis-scale{gap:clamp(10px,2.4vw,22px)}}@media (max-width:620px){.coffee-adaptation-layout{gap:58px}.coffee-adaptation-visual{overflow:visible}.coffee-adaptation-devices{grid-template-columns:1fr;align-items:center;gap:54px}.coffee-adaptation-device{width:100%}.coffee-adaptation-device figcaption{text-align:center}.coffee-adaptation-device.is-phone .coffee-adaptation-device-image{max-width:290px}.coffee-adaptation-device.is-mini .coffee-adaptation-device-image,.coffee-adaptation-device.is-ipad .coffee-adaptation-device-image{max-width:520px}.coffee-adaptation-axis{display:none}}.petalife-strategy{color:#404040;scroll-margin-top:var(--nav-height);background:#fff5e9;padding:min(3.48958vw,67px) min(5.20833vw,100px) min(4.57813vw,87.9px)}.petalife-strategy-label{color:#0e0800;align-items:center;gap:min(1.30208vw,25px);font-size:clamp(1.2rem,1.66667vw,2rem);font-weight:600;line-height:2;display:flex}.petalife-strategy>h2{margin-top:min(2.08333vw,40px);font-size:clamp(1.65rem,2.1875vw,2.625rem);font-weight:800;line-height:1.52381}.petalife-strategy>h2 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 62.5%,#ffda5d 62.5%)}.petalife-strategy-intro{font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.45833;margin-top:min(2.60417vw,50px)!important}.petalife-strategy-blueprint{width:101.105%;margin:min(3.30729vw,63.5px) 0 0}.petalife-strategy-blueprint a,.petalife-strategy-blueprint img{width:100%;display:block}.petalife-strategy-blueprint a{cursor:zoom-in;border-radius:4px}.petalife-strategy-blueprint a:focus-visible{outline-offset:8px;outline:2px solid #7b3007}.petalife-strategy-blueprint img{height:auto}.petalife-strategy-expand{display:none}.petalife-experience{--experience-phone-width:min(262px, max(229px, calc((100svh - 250px) * .50396)));color:#404040;scroll-margin-top:var(--nav-height);background:linear-gradient(#fff5e9 0%,#faf8dc 49.524%,#fff5e9 100%);padding:min(3.48958vw,67px) min(5.20833vw,100px) clamp(92px,6.25vw,120px);overflow:hidden}.petalife-experience-label{color:#0e0800;align-items:center;gap:min(1.30208vw,25px);font-size:clamp(1.2rem,1.66667vw,2rem);font-weight:600;line-height:2;display:flex}.petalife-experience>h2{z-index:0;margin-top:min(2.08333vw,40px);font-size:clamp(1.65rem,2.1875vw,2.625rem);font-weight:800;line-height:1.52381;display:inline-block;position:relative}.petalife-experience>h2 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 62.5%,#ffda5d 62.5%)}.petalife-experience-intro{max-width:1720px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.45833;margin-top:min(2.60417vw,50px)!important}.petalife-experience-owner{margin-top:min(3.125vw,60px);position:relative}.petalife-experience-toolbar{justify-content:space-between;align-items:center;width:calc(100% - min(18.9583vw,364px));min-height:32px;margin-left:min(18.9583vw,364px);display:flex}.petalife-experience-toolbar>p{color:#925400;font-size:clamp(.78rem,.729167vw,.875rem);line-height:1.5}.petalife-experience-controls{align-items:center;gap:8px;display:flex}.petalife-experience-controls>span{color:#a87e60;font-variant-numeric:tabular-nums;margin-right:6px;font-size:.75rem}.petalife-experience-controls button{color:#925400;cursor:pointer;font:inherit;background:#ffffff8f;border:1px solid #92540038;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.petalife-experience-controls button:hover:not(:disabled){background:#ffda5d6b;border-color:#9254006b;transform:translateY(-1px)}.petalife-experience-controls button:focus-visible,.petalife-experience-scroller:focus-visible{outline-offset:4px;outline:2px solid #925400}.petalife-experience-controls button:disabled{cursor:default;opacity:.32}.petalife-experience-role{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute}.petalife-experience-role.owner-role{width:min(12.526vw,240.5px);top:200px;left:0}.petalife-experience-scroller{cursor:grab;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;width:calc(100% - min(18.9583vw,364px));margin-top:23px;margin-left:min(18.9583vw,364px);overflow:auto hidden}.petalife-experience-scroller::-webkit-scrollbar{display:none}.petalife-experience-scroller[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.petalife-experience-track{gap:min(5vw,96px);width:max-content;padding-right:max(16px,100% - 276px);display:flex}.petalife-experience-card{scroll-snap-align:start;flex-direction:column;flex:0 0 276px;align-items:center;width:276px;margin:0;display:flex}.petalife-experience-card>img{height:calc(var(--experience-phone-width) * 1.98428);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:var(--experience-phone-width);display:block}.petalife-experience-card h3{color:#925400;font-family:var(--font-body);text-align:center;white-space:nowrap;background:#e8c293;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-height:36px;margin:16px 0 0;padding:5px 16px;font-size:18px;font-weight:800;line-height:26px;display:flex}.petalife-experience-card p{width:100%;font-size:16px;line-height:26px;margin-top:14px!important}.petalife-experience-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.petalife-experience-reveal.is-visible{opacity:1;transform:translateY(0)}.petalife-experience-carer{min-height:706px;margin-top:120px;position:relative}.petalife-experience-carer-cards{justify-content:center;gap:110px;display:flex}.petalife-experience-role.carer-role{width:min(13.099vw,251.5px);top:142px;right:0}.petalife-experience-scene-two,.petalife-experience-scene-three,.petalife-experience-visibility{margin-top:clamp(130px,8.33333vw,160px)}.petalife-experience-scene-two>h2,.petalife-experience-scene-three>h2,.petalife-experience-visibility>h2{font-family:var(--font-body);margin:0;font-size:clamp(1.65rem,2.1875vw,2.625rem);font-weight:800;line-height:1.52381;display:inline-block}.petalife-experience-scene-two>h2 span,.petalife-experience-scene-three>h2 span,.petalife-experience-visibility>h2 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 62.5%,#ffda5d 62.5%)}.petalife-experience-scene-two>p,.petalife-experience-scene-three>p,.petalife-experience-visibility>p{max-width:1720px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.45833;margin-top:min(2.60417vw,50px)!important}.petalife-experience-scene-two-owner,.petalife-experience-scene-two-carer{min-height:650px;position:relative}.petalife-experience-scene-two-owner{margin-top:min(5.98958vw,115px)}.petalife-experience-scene-two-owner-cards{justify-content:center;gap:min(6.25vw,120px);display:flex}.petalife-experience-role.scene-two-owner-role{width:min(12.526vw,240.5px);top:142px;left:min(7.23958vw,139px)}.petalife-experience-scene-two-carer{margin-top:150px}.petalife-experience-scene-two-carer-cards{gap:min(6.25vw,120px);margin-left:min(8.69792vw,167px);display:flex}.petalife-experience-role.scene-two-carer-role{width:min(13.099vw,251.5px);top:142px;right:0}.petalife-experience-storyboard{justify-content:center;align-items:flex-start;gap:clamp(18px,1.66667vw,32px);margin-top:clamp(72px,5vw,96px);display:flex}.petalife-experience-storyboard-item{align-items:flex-start;gap:clamp(18px,1.66667vw,32px);display:flex}.petalife-experience-story-card{opacity:0;flex-direction:column;flex:0 0 clamp(240px,15.625vw,300px);align-items:center;width:clamp(240px,15.625vw,300px);margin:0;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(20px)}.petalife-experience-storyboard.is-visible .petalife-experience-story-card{opacity:1;transform:translateY(0)}.petalife-experience-storyboard.is-visible .petalife-experience-storyboard-item:nth-child(2) .petalife-experience-story-card{transition-delay:.11s}.petalife-experience-storyboard.is-visible .petalife-experience-storyboard-item:nth-child(3) .petalife-experience-story-card{transition-delay:.22s}.petalife-experience-story-card>img{aspect-ratio:778/444;object-fit:cover;border:2px solid #0e0800;width:100%;height:auto;display:block}.petalife-experience-story-card h3{color:#925400;font-family:var(--font-body);text-align:center;background:#e8c293;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-height:36px;margin:24px 0 0;padding:5px 16px;font-size:18px;font-weight:800;line-height:26px;display:flex}.petalife-experience-story-card p{width:100%;font-size:16px;line-height:26px;margin-top:14px!important}.petalife-experience-story-arrow{color:#f59200;margin-top:clamp(78px,5.7vw,110px);font-size:clamp(2rem,2.5vw,3rem);font-weight:300;line-height:1;display:block}.petalife-experience-visibility-carer,.petalife-experience-visibility-owner{min-height:650px;position:relative}.petalife-experience-visibility-carer{margin-top:min(5.98958vw,115px)}.petalife-experience-visibility-owner{margin-top:150px}.petalife-experience-visibility-cards{justify-content:center;gap:min(6.25vw,120px);display:flex}.petalife-experience-role.visibility-carer-role{width:min(13.099vw,251.5px);top:142px;right:0}.petalife-experience-role.visibility-owner-role{width:min(12.526vw,240.5px);top:142px;left:min(7.23958vw,139px)}@media (max-width:1500px) and (min-width:861px){.petalife-experience-scene-two-carer-cards{gap:60px;margin-left:0}.petalife-experience-role.scene-two-carer-role,.petalife-experience-role.visibility-carer-role,.petalife-experience-role.visibility-owner-role{width:150px}}@media (max-width:1120px) and (min-width:861px){.petalife-experience-toolbar,.petalife-experience-scroller{width:calc(100% - 270px);margin-left:270px}.petalife-experience-role.owner-role{width:190px}.petalife-experience-role.carer-role{opacity:.64;width:180px}.petalife-experience-role.scene-two-owner-role,.petalife-experience-role.scene-two-carer-role,.petalife-experience-role.visibility-carer-role,.petalife-experience-role.visibility-owner-role{opacity:.58;width:140px}.petalife-experience-scene-two-carer-cards{gap:34px}}@media (max-width:860px){.petalife-experience{padding:calc(var(--nav-height) + 42px) 22px 132px}.petalife-experience-label{flex-wrap:wrap;gap:14px;font-size:1.1rem;line-height:1.4}.petalife-experience>h2{margin-top:42px;font-size:clamp(2rem,9vw,2.75rem);line-height:1.5}.petalife-experience-intro{line-height:1.65;margin-top:30px!important}.petalife-experience-owner{margin-top:52px}.petalife-experience-toolbar{align-items:flex-end;gap:18px;width:100%;margin-left:0}.petalife-experience-toolbar>p{max-width:60%;font-size:.8rem}.petalife-experience-role{position:static}.petalife-experience-role.owner-role{width:min(42vw,170px);margin:36px auto 0}.petalife-experience-scroller{width:calc(100% + 22px);margin-top:32px;margin-left:0}.petalife-experience-track{gap:32px;padding-right:22px}.petalife-experience-card{flex-basis:min(72vw,276px);width:min(72vw,276px)}.petalife-experience-card>img{width:100%;height:auto}.petalife-experience-card h3{white-space:normal;min-height:40px;padding:8px 15px;font-size:1rem;line-height:1.45}.petalife-experience-card p{font-size:.94rem;line-height:1.7;margin-top:18px!important}.petalife-experience-carer{min-height:0;margin-top:96px}.petalife-experience-carer-cards{flex-direction:column;align-items:center;gap:72px}.petalife-experience-role.carer-role{width:min(44vw,180px);margin:72px auto 0}.petalife-experience-scene-two,.petalife-experience-scene-three,.petalife-experience-visibility{margin-top:120px}.petalife-experience-scene-two>h2,.petalife-experience-scene-three>h2,.petalife-experience-visibility>h2{font-size:clamp(2rem,9vw,2.75rem);line-height:1.5}.petalife-experience-scene-two>p,.petalife-experience-scene-three>p,.petalife-experience-visibility>p{line-height:1.65;margin-top:30px!important}.petalife-experience-scene-two-owner,.petalife-experience-scene-two-carer{min-height:0}.petalife-experience-scene-two-owner{margin-top:72px}.petalife-experience-scene-two-owner-cards,.petalife-experience-scene-two-carer-cards{flex-direction:column;align-items:center;gap:72px;margin-left:0}.petalife-experience-role.scene-two-owner-role{width:min(42vw,170px);margin:0 auto 42px}.petalife-experience-scene-two-carer{margin-top:96px}.petalife-experience-role.scene-two-carer-role{width:min(44vw,180px);margin:72px auto 0}.petalife-experience-storyboard{flex-direction:column;align-items:center;gap:72px;margin-top:72px}.petalife-experience-storyboard-item{display:block}.petalife-experience-story-card{flex-basis:min(82vw,300px);width:min(82vw,300px)}.petalife-experience-story-card h3{min-height:40px;padding:8px 15px;font-size:1rem;line-height:1.45}.petalife-experience-story-card p{font-size:.94rem;line-height:1.7;margin-top:18px!important}.petalife-experience-story-arrow{display:none}.petalife-experience-visibility-carer,.petalife-experience-visibility-owner{min-height:0}.petalife-experience-visibility-carer{margin-top:72px}.petalife-experience-visibility-owner{margin-top:96px}.petalife-experience-visibility-cards{flex-direction:column;align-items:center;gap:72px}.petalife-experience-role.visibility-carer-role{width:min(44vw,180px);margin:72px auto 0}.petalife-experience-role.visibility-owner-role{width:min(42vw,170px);margin:0 auto 42px}}@media (prefers-reduced-motion:reduce){.petalife-experience-reveal,.petalife-experience-reveal.is-visible,.petalife-experience-story-card,.petalife-experience-storyboard.is-visible .petalife-experience-story-card{opacity:1;transition:none;transform:none}.petalife-experience-controls button{transition:none}}.petalife-testing{color:#404040;scroll-margin-top:var(--nav-height);background:#fff5e9;padding:min(3.48958vw,67px) min(5.20833vw,100px) clamp(112px,7.29167vw,140px)}.petalife-testing-label{color:#0e0800;align-items:center;gap:min(1.30208vw,25px);font-size:clamp(1.2rem,1.66667vw,2rem);font-weight:600;line-height:2;display:flex}.petalife-testing>h2{font-family:var(--font-body);margin:min(2.08333vw,40px) 0 0;font-size:clamp(1.65rem,2.1875vw,2.625rem);font-weight:800;line-height:1.52381;display:inline-block}.petalife-testing>h2 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 62.5%,#ffda5d 62.5%)}.petalife-testing-intro{max-width:1720px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.45833;margin-top:min(2.60417vw,50px)!important}.petalife-testing-grid{grid-template-columns:repeat(3,minmax(0,500px));justify-content:center;gap:clamp(28px,4.16667vw,80px);margin-top:clamp(72px,5vw,96px);display:grid}.petalife-testing-card{width:100%;margin:0}.petalife-testing-card img{object-fit:contain;width:100%;height:auto;display:block}.petalife-testing-note{color:#6a5b50;text-align:center;max-width:1180px;font-size:clamp(.95rem,1.04167vw,1.25rem);line-height:1.75;margin:clamp(64px,5.20833vw,100px) auto 0!important}.petalife-testing-note span{display:block}@media (max-width:860px){.petalife-testing{padding:calc(var(--nav-height) + 42px) 22px 112px}.petalife-testing-label{flex-wrap:wrap;gap:14px;font-size:1.1rem;line-height:1.4}.petalife-testing>h2{margin-top:42px;font-size:clamp(2rem,9vw,2.75rem);line-height:1.5}.petalife-testing-intro{line-height:1.65;margin-top:30px!important}.petalife-testing-grid{grid-template-columns:minmax(0,500px);gap:54px;margin-top:64px}.petalife-testing-note{text-align:left;font-size:.94rem;line-height:1.75;margin-top:56px!important}.petalife-strategy{padding:calc(var(--nav-height) + 42px) 22px 132px}.petalife-strategy-label{flex-wrap:wrap;gap:14px;font-size:1.1rem;line-height:1.4}.petalife-strategy>h2{margin-top:42px;font-size:clamp(2rem,7vw,2.75rem);line-height:1.5}.petalife-strategy-intro{line-height:1.65;margin-top:30px!important}.petalife-strategy-blueprint{width:100%;margin-top:42px}.petalife-strategy-expand{color:#7b3007;text-align:center;text-underline-offset:4px;padding-block:16px;font-size:.875rem;line-height:1.5;text-decoration:underline;display:block}}@media (max-width:1100px){.coffee-bean-concept .coffee-bean-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-bean-interface-cluster.is-profile{display:flex}.coffee-bean-interface-cluster.is-profile .coffee-bean-interface:last-child{max-width:100%;margin-inline:0}}@media (max-width:860px){.coffee-bean-concept{min-height:auto}.coffee-bean-concept .coffee-bean-goals{grid-template-columns:1fr}.coffee-bean-concept .coffee-bean-goals article{min-height:0}}@media (max-width:620px){.coffee-bean-interface-cluster.is-profile{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.coffee-bean-component-stack{grid-column:1/-1}.coffee-bean-phone-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coffee-bean-phone-row .coffee-bean-interface:nth-child(3){grid-column:1/-1;justify-self:center}.coffee-bean-inventory-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.coffee-bean-card-pair{grid-area:2/1/auto/-1}.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr;display:grid}.coffee-bean-interface-cluster.is-brewing>.coffee-bean-interface,.coffee-bean-brewing-card-stack{justify-self:center}}@media (max-width:460px){.coffee-bean-phone-row,.coffee-bean-interface-cluster.is-profile,.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr}.coffee-bean-component-stack,.coffee-bean-phone-row .coffee-bean-interface:nth-child(3),.coffee-bean-interface-cluster.is-brewing .coffee-bean-brew-steps{grid-column:1}}.site-nav,.site-nav .build-mark,.site-nav .nav-links a,.site-nav .language-switch{font-family:var(--font-body-cjk), "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;font-weight:400}.project-detail-page .site-nav{color:var(--ink);isolation:isolate}.project-detail-page .site-nav:before{-webkit-backdrop-filter:blur(12px)saturate(110%);backdrop-filter:blur(12px)saturate(110%);content:"";pointer-events:none;z-index:-1;background:linear-gradient(#fafafaa3 0%,#fafafa6b 72%,#fafafa00 100%);height:74px;position:fixed;inset:0 0 auto}@media (max-width:900px){.project-detail-page .site-nav:before{height:64px}.project-detail-page .nav-links{-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);background:#fafafab8}}.petalife-page{--petalife-visual:#d9d9d9;--petalife-paper:#fbfad9;--petalife-ink:#11130f;--petalife-line:#11130f57;background:var(--petalife-paper);color:var(--petalife-ink);min-height:100svh}.petalife-page .site-nav,.petalife-page .build-mark,.petalife-page .nav-links a:hover,.petalife-page .language-switch:hover{color:var(--petalife-ink)}.petalife-page .back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafab3;border-color:#11130f2e}.petalife-case-study{font-family:var(--font-body);max-width:var(--max-page);min-height:100svh}.petalife-case-study h1,.petalife-case-study h2,.petalife-case-study p{font-family:var(--font-body);margin:0}.petalife-hero{grid-template-columns:repeat(2,minmax(0,1fr));min-height:max(100svh,720px);display:grid}.petalife-hero-visual{background:var(--petalife-visual);min-height:inherit}.petalife-hero-content{background:var(--petalife-paper);min-width:0;padding:calc(var(--nav-height) + clamp(18px, 2.2vw, 42px)) clamp(46px, 4.2vw, 80px) clamp(48px, 5.1vw, 98px);flex-direction:column;display:flex}.petalife-meta{letter-spacing:.01em;text-align:right;align-self:flex-end;font-size:clamp(.72rem,.72vw,.88rem);line-height:1.45}.petalife-hero-copy{max-width:780px;margin:auto 0;padding:clamp(40px,5vh,70px) 0 0 clamp(18px,2.2vw,42px)}.petalife-hero-copy h1{letter-spacing:-.035em;max-width:760px;font-size:clamp(3rem,3.6vw,4.35rem);font-weight:400;line-height:1.08}.petalife-hero-copy h1 span{display:block}.petalife-sections{gap:clamp(30px,3.3vh,46px);margin-top:clamp(38px,4.6vh,58px);display:grid}.petalife-sections>article,.petalife-outcomes{padding-left:20px;position:relative}.petalife-sections>article:before,.petalife-outcomes:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px;position:absolute;top:11px;left:2px}.petalife-sections h2,.petalife-sections p{font-size:clamp(.98rem,1.02vw,1.18rem);font-weight:400;line-height:1.58}.petalife-sections p{max-width:730px}.petalife-outcomes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.25vw,24px);margin-top:12px;display:grid}.petalife-outcomes article{border:1px solid var(--petalife-line);text-align:center;background:#ffffffa8;border-radius:12px;justify-content:center;align-items:center;min-height:clamp(116px,8vw,154px);padding:18px;font-size:clamp(.9rem,.94vw,1.08rem);font-weight:500;line-height:1.45;display:flex}@media (max-width:1100px){.petalife-hero-content{padding-inline:clamp(30px,4vw,48px)}.petalife-hero-copy{padding-left:0}.petalife-outcomes>div{grid-template-columns:1fr}.petalife-outcomes article{min-height:86px}}@media (max-width:760px){.petalife-hero{grid-template-columns:1fr;min-height:auto}.petalife-hero-visual{min-height:46svh}.petalife-hero-content{min-height:auto;padding:42px 22px 132px}.petalife-meta{text-align:left;align-self:flex-start}.petalife-hero-copy{padding-top:48px}.petalife-hero-copy h1{font-size:clamp(2.55rem,12vw,3.5rem)}.petalife-sections{margin-top:42px}}@media (max-width:460px){.petalife-hero-visual{min-height:38svh}.petalife-hero-content{padding-inline:18px}.petalife-sections>article,.petalife-outcomes{padding-left:17px}.petalife-outcomes article{min-height:76px}}.petalife-background{color:#404040;background:#faf8dc;min-height:max(100svh,780px);padding:clamp(64px,3.5vw,67px) clamp(52px,5.2vw,100px) clamp(42px,4vw,76px);position:relative;overflow:hidden}.petalife-background-label{color:#0e0800;align-items:center;gap:clamp(14px,1.3vw,25px);font-size:clamp(1.2rem,1.67vw,2rem);font-weight:600;line-height:1.35;display:flex}.petalife-background-copy{z-index:1;max-width:55vw;position:relative}.petalife-background-copy h2{z-index:0;margin-top:clamp(34px,3.7vw,71px);font-size:clamp(2rem,2.2vw,2.625rem);font-weight:800;line-height:1.52;display:inline-block;position:relative}.petalife-background-copy h2:after{content:"";z-index:-1;background:#ffda5d;height:clamp(14px,1.25vw,24px);position:absolute;bottom:8px;left:0;right:-8px}.petalife-background-intro{max-width:1056px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.46;margin-top:clamp(24px,2.6vw,50px)!important}.petalife-background-comparison{grid-template-columns:minmax(280px,405px) minmax(360px,1fr);gap:clamp(42px,6.25vw,120px);margin-top:clamp(58px,7.2vw,138px);display:grid}.petalife-background-comparison h3{color:#f59200;font-family:var(--font-body);margin:0 0 clamp(20px,2.1vw,40px);font-size:clamp(1.25rem,1.67vw,2rem);font-weight:800;line-height:1.1}.petalife-background-comparison section>div{gap:clamp(20px,2.25vw,43px);display:grid}.petalife-background-comparison section>div p{background:#fffc;border:1px solid #a87e60;border-radius:15px;align-items:center;min-height:clamp(72px,4.95vw,95px);padding:clamp(18px,1.56vw,30px);font-size:clamp(1rem,1.67vw,2rem);line-height:1.1;display:flex}.petalife-background-question{color:#f59200;white-space:nowrap;font-size:clamp(1.05rem,1.67vw,2rem);font-weight:800;line-height:1.2;margin-top:clamp(74px,7.7vw,148px)!important}.petalife-background-visual{width:min(32.7vw,628px);height:auto;margin:0;position:absolute;top:clamp(106px,6.2vw,119px);right:clamp(46px,4.85vw,93px)}.petalife-background-visual img{width:100%;height:auto;display:block}@media (max-width:1420px){.petalife-background-copy{max-width:58vw}.petalife-background-comparison{grid-template-columns:minmax(230px,.86fr) minmax(310px,1.14fr);gap:clamp(28px,3vw,48px)}.petalife-background-question{white-space:normal}}@media (max-width:1100px){.petalife-background{min-height:auto;padding-top:calc(var(--nav-height) + 48px);overflow:visible}.petalife-background-copy{max-width:none}.petalife-background-comparison{margin-top:64px}.petalife-background-visual{width:min(72vw,628px);margin:72px auto 0;position:static}}@media (max-width:760px){.petalife-background{padding:calc(var(--nav-height) + 34px) 22px 132px}.petalife-background-label{font-size:1.1rem}.petalife-background-copy h2{margin-top:42px;font-size:clamp(2rem,9vw,2.75rem)}.petalife-background-intro{font-size:1rem;line-height:1.65;margin-top:28px!important}.petalife-background-comparison{grid-template-columns:1fr;gap:42px;margin-top:56px}.petalife-background-comparison h3{margin-bottom:18px;font-size:1.35rem}.petalife-background-comparison section>div{gap:14px}.petalife-background-comparison section>div p{min-height:72px;padding:20px;font-size:1rem}.petalife-background-question{font-size:1.15rem;line-height:1.45;margin-top:56px!important}.petalife-background-visual{width:min(92vw,520px);margin-top:52px}}.petalife-research{aspect-ratio:1920/3021;color:#404040;background:linear-gradient(#faf8dc 0%,#fff5e9 100%);position:relative;overflow:hidden}.petalife-research figure{margin:0}.petalife-research img{width:100%;height:auto;display:block}.petalife-research-label{color:#0e0800;align-items:center;gap:clamp(14px,1.3vw,25px);font-size:clamp(1.2rem,1.667vw,2rem);font-weight:600;line-height:2;display:flex;position:absolute;top:2.218%;left:5.208%}.petalife-research>h2{z-index:1;font-size:clamp(2rem,2.188vw,2.625rem);font-weight:800;line-height:1.52;display:inline-block;position:absolute;top:5.66%;left:5.208%}.petalife-research>h2:after{content:"";z-index:-1;background:#ffda5d;height:clamp(14px,1.25vw,24px);position:absolute;bottom:8px;left:0;right:-8px}.petalife-research-stat,.petalife-research-scope{width:89.584%;font-size:clamp(.94rem,1.25vw,1.5rem);line-height:1.46;position:absolute;left:5.208%}.petalife-research-stat{top:9.434%}.petalife-research-scope{top:13.406%}.petalife-research-stat strong,.petalife-research-scope strong{font-size:clamp(1.12rem,1.667vw,2rem);font-weight:800}.petalife-research-quotes{width:100%;position:absolute;top:17.163%;left:0}.petalife-research-synthesis{text-align:center;width:40%;font-size:clamp(1.1rem,1.667vw,2rem);font-weight:800;line-height:1.31;position:absolute;top:42.006%;left:30%}.petalife-research-synthesis span,.petalife-research-final span{display:block}.petalife-research-insight{position:absolute}.petalife-research-insight.insight-one{width:89.167%;top:46.607%;left:10.833%}.petalife-research-insight.insight-two{width:70.99%;top:61.006%;left:0}.petalife-research-insight.insight-three{width:70.833%;top:75.472%;left:29.167%}.petalife-research-final{text-align:center;width:40%;font-size:clamp(1.1rem,1.667vw,2rem);font-weight:800;line-height:1.31;position:absolute;top:91.195%;left:30%}.petalife-research-final p{font-weight:800}.petalife-research-final strong{color:#f59200;font:inherit;margin-top:clamp(12px,1.3vw,25px);display:block}@media (max-width:860px){.petalife-research{aspect-ratio:auto;padding:calc(var(--nav-height) + 42px) 22px 132px;flex-direction:column;display:flex;overflow:hidden}.petalife-research-label,.petalife-research>h2,.petalife-research-stat,.petalife-research-scope,.petalife-research-quotes,.petalife-research-synthesis,.petalife-research-insight,.petalife-research-final{width:auto;position:static;top:auto;left:auto}.petalife-research-label{font-size:1.1rem;line-height:1.4}.petalife-research>h2{align-self:flex-start;margin-top:42px;font-size:clamp(2rem,9vw,2.75rem)}.petalife-research-stat,.petalife-research-scope{font-size:1rem;line-height:1.65}.petalife-research-stat{margin-top:30px}.petalife-research-scope{margin-top:26px}.petalife-research-stat strong,.petalife-research-scope strong{font-size:1.15rem}.petalife-research-quotes{margin:42px -22px 0}.petalife-research-synthesis{margin-top:48px;font-size:1.2rem;line-height:1.45}.petalife-research-insight{margin-top:48px}.petalife-research-final{margin-top:64px;font-size:1.15rem;line-height:1.5}}.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr}.coffee-bean-brewing-phone-row{grid-column:1;width:100%}.coffee-bean-concept,.coffee-bean-experience{--bean-accent:#ff7a33;--bean-accent-soft:#ff7a331a;--bean-dark:#1c1c1e;--bean-system:#0d6b5c;background:radial-gradient(circle at 88% 12%, #ff7a3312, transparent 25%), var(--coffee-wash)}.coffee-bean-concept-header,.coffee-bean-experience-header{max-width:1040px}.coffee-bean-status{color:#b64e1e;font-family:var(--font-body);letter-spacing:.13em;text-transform:uppercase;border:1px solid #ff7a336b;border-radius:999px;justify-self:start;align-items:center;padding:9px 13px 8px;font-size:10px;line-height:1;display:inline-flex}.coffee-bean-concept-header h2,.coffee-bean-experience-header h2{max-width:980px}.coffee-bean-experience-header{grid-template-columns:minmax(0,1fr);max-width:760px}.coffee-bean-experience-header>p:first-child,.coffee-bean-experience-header .coffee-bean-status,.coffee-bean-experience-header h2,.coffee-bean-experience-header .coffee-section-intro{grid-area:auto/1}.coffee-bean-experience-header h2{font-size:clamp(2.75rem,4.2vw,3.25rem);line-height:1.05}.coffee-bean-subtitle,.coffee-bean-experience-header .coffee-section-intro{color:var(--ink);font-family:var(--font-display);max-width:930px;font-size:clamp(1.25rem,1.7vw,1.8rem);line-height:1.5}.coffee-bean-experience-header .coffee-section-intro{color:var(--muted);font-family:var(--font-body);align-self:auto;max-width:720px;margin-top:2px;font-size:clamp(.96rem,1.05vw,1.08rem);line-height:1.7}.lang-zh .coffee-bean-subtitle,.lang-zh .coffee-bean-experience-header .coffee-section-intro{font-family:var(--font-zh-display)}.coffee-bean-background{color:var(--muted);max-width:860px;font-size:clamp(.94rem,1vw,1.08rem);line-height:1.75}.coffee-bean-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.7vw,28px);margin-top:clamp(58px,6.8vw,104px);display:grid}.coffee-bean-goals article{background:#ffffff94;border:1px solid #19211d1a;border-radius:22px;min-height:250px;padding:clamp(24px,2.4vw,38px)}.coffee-bean-goals article>span,.coffee-bean-experience-copy>p:first-child,.coffee-bean-component-library header>p:first-child,.coffee-bean-logic>header>p:first-child,.coffee-bean-architecture>div>p{color:var(--bean-accent);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.coffee-bean-goals h3{font-family:var(--font-display);margin-top:30px;font-size:clamp(1.55rem,1.8vw,2.1rem);font-weight:400;line-height:1.2}.lang-zh .coffee-bean-goals h3,.lang-zh .coffee-bean-architecture h3,.lang-zh .coffee-bean-logic h3,.lang-zh .coffee-bean-experience-copy h3,.lang-zh .coffee-bean-component-library h3{font-family:var(--font-zh-display)}.coffee-bean-goals p{color:var(--muted);margin-top:20px;font-size:13px;line-height:1.72}.coffee-bean-architecture{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:minmax(230px,.54fr) minmax(600px,1.46fr);align-items:center;gap:50px;margin-top:clamp(74px,8.6vw,138px);padding:clamp(30px,3.4vw,48px) 0;display:grid}.coffee-bean-architecture h3{font-family:var(--font-display);margin-top:10px;font-size:clamp(1.6rem,2vw,2.3rem);font-weight:400}.coffee-bean-architecture nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:relative}.coffee-bean-architecture nav:before{background:var(--line);content:"";height:1px;position:absolute;top:17px;left:9%;right:9%}.coffee-bean-architecture nav>span{color:var(--muted);justify-items:center;gap:18px;padding-top:38px;font-size:13px;display:grid;position:relative}.coffee-bean-architecture nav>span:before{background:var(--coffee-wash);content:"";z-index:1;border:1px solid #19211d47;border-radius:50%;width:11px;height:11px;position:absolute;top:11px}.coffee-bean-architecture nav>span.is-active{color:var(--ink);font-weight:600}.coffee-bean-architecture nav>span.is-active:before{background:var(--bean-accent);border-color:var(--bean-accent);box-shadow:0 0 0 6px var(--bean-accent-soft)}.coffee-bean-architecture small{color:var(--bean-accent);white-space:nowrap;font-size:9px;font-weight:400}.coffee-bean-logic{margin-top:clamp(86px,9.5vw,150px)}.coffee-bean-logic>header{gap:15px;max-width:760px;display:grid}.coffee-bean-logic>header h3,.coffee-bean-component-library h3{font-family:var(--font-display);font-size:clamp(2rem,2.8vw,3.5rem);font-weight:400;line-height:1.1}.coffee-bean-logic>header>p:last-child,.coffee-bean-component-library header>p:last-child{color:var(--muted);max-width:680px;font-size:14px;line-height:1.68}.coffee-bean-logic-board{gap:18px;margin-top:42px;display:grid}.coffee-bean-logic-area{background:#ffffff75;border:1px solid #19211d1a;border-radius:24px;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:22px;display:grid}.coffee-bean-logic-area h4{letter-spacing:.12em;align-self:center;font-size:11px;font-weight:500}.coffee-bean-flow-row{grid-column:2;align-items:center;min-width:0;display:flex}.coffee-bean-flow-node{text-align:center;background:#ffffffd1;border:1px solid #19211d1f;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;min-height:48px;padding:9px 12px;font-size:11px;line-height:1.4;display:flex}.coffee-bean-flow-node.is-core{background:var(--bean-dark);border-color:var(--bean-dark);color:#fff}.coffee-bean-flow-node.is-system{color:var(--bean-system);background:#0d6b5c12;border-color:#0d6b5c57}.coffee-bean-flow-arrow{border-top:1px solid #19211d8c;flex:0 0 clamp(18px,2.2vw,40px);height:1px;position:relative}.coffee-bean-flow-arrow:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #19211d8c;position:absolute;top:-3px;right:-1px}.coffee-bean-flow-arrow.is-system{border-top-color:var(--bean-system);border-top-style:dashed}.coffee-bean-flow-arrow.is-system:after{border-left-color:var(--bean-system)}.coffee-bean-logic-legend{justify-content:flex-end;gap:24px;margin-top:16px;display:flex}.coffee-bean-logic-legend span{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.coffee-bean-logic-legend i{border-top:1px solid var(--ink);width:32px;display:block}.coffee-bean-logic-legend i.is-dashed{border-top-color:var(--bean-system);border-top-style:dashed}.coffee-bean-integrated-logic{margin-top:clamp(74px,8.6vw,138px)}.coffee-bean-inline-architecture{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;margin-top:clamp(34px,4vw,56px);padding:25px 0 30px;display:grid;position:relative}.coffee-bean-inline-architecture:before{background:var(--line);content:"";height:1px;position:absolute;top:33px;left:9%;right:9%}.coffee-bean-inline-architecture>span{color:var(--muted);justify-items:center;gap:15px;padding-top:26px;font-size:12px;display:grid;position:relative}.coffee-bean-inline-architecture>span:before{background:var(--coffee-wash);content:"";z-index:1;border:1px solid #19211d40;border-radius:50%;width:10px;height:10px;position:absolute;top:3px}.coffee-bean-inline-architecture>span.is-active{color:var(--ink);font-weight:600}.coffee-bean-inline-architecture>span.is-active:before{background:var(--bean-accent);border-color:var(--bean-accent);box-shadow:0 0 0 6px var(--bean-accent-soft)}.coffee-bean-inline-architecture small{color:var(--bean-accent);white-space:nowrap;font-size:8px;font-weight:400}.coffee-bean-hub-map{background:#ffffff75;border:1px solid #19211d1a;border-radius:24px;grid-template-columns:minmax(220px,.72fr) minmax(0,2.28fr);gap:24px;margin-top:26px;padding:clamp(22px,2.8vw,42px);display:grid}.coffee-bean-hub-core{background:var(--bean-dark);color:#fff;border-radius:18px;align-content:center;min-height:196px;padding:clamp(24px,2.7vw,40px);display:grid}.coffee-bean-hub-core>span{color:#ffffff8a;letter-spacing:.15em;text-transform:uppercase;font-size:8px}.coffee-bean-hub-core h4{font-family:var(--font-display);margin-top:16px;font-size:clamp(1.9rem,2.4vw,3rem);font-weight:400}.lang-zh .coffee-bean-hub-core h4,.lang-zh .coffee-bean-hub-stages h4{font-family:var(--font-zh-display)}.coffee-bean-hub-core p{color:#ffffff9e;margin-top:12px;font-size:11px;line-height:1.58}.coffee-bean-hub-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.coffee-bean-hub-stages article{background:#ffffffc2;border:1px solid #19211d17;border-radius:16px;min-height:196px;padding:clamp(19px,2vw,28px);display:grid}.coffee-bean-hub-stages article>span{color:var(--bean-accent);font-size:8px}.coffee-bean-hub-stages h4{font-family:var(--font-display);align-self:end;font-size:clamp(1.25rem,1.5vw,1.7rem);font-weight:400}.coffee-bean-hub-stages p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.55}.coffee-bean-system-flow{border-top:1px dashed #0d6b5c73;grid-column:1/-1;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:26px;padding:24px 4px 2px;display:grid}.coffee-bean-system-flow strong{color:var(--bean-system);letter-spacing:.08em;font-size:10px;font-weight:500}.coffee-bean-system-flow>div{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.coffee-bean-system-flow span{color:var(--bean-system);text-align:center;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex}.coffee-bean-system-flow i{color:#0d6b5c8c;margin-left:auto;font-style:normal}.coffee-bean-conclusion{border-left:2px solid var(--bean-accent);font-family:var(--font-display);max-width:1040px;padding-left:clamp(22px,2.4vw,40px);font-size:clamp(1.45rem,2.2vw,2.6rem);line-height:1.55;margin-top:clamp(70px,8vw,128px)!important}.lang-zh .coffee-bean-conclusion{font-family:var(--font-zh-display)}.coffee-bean-experience-header{margin-bottom:clamp(92px,11vw,176px)}.coffee-bean-experience-group{grid-template-columns:minmax(0,1.36fr) minmax(320px,.64fr);align-items:center;gap:clamp(48px,6.5vw,110px);max-width:1540px;margin-inline:auto;display:grid}.coffee-bean-experience-group+.coffee-bean-experience-group{border-top:0;margin-top:clamp(64px,7vw,104px);padding-top:0}.coffee-bean-experience-group.is-copy-first{grid-template-columns:minmax(320px,.62fr) minmax(0,1.38fr)}.coffee-bean-experience-copy{background:#ffffff94;border:1px solid #19211d1a;border-radius:24px;padding:clamp(22px,2.5vw,36px)}.coffee-bean-experience-copy h3{font-family:var(--font-display);margin-top:16px;font-size:clamp(1.7rem,2.2vw,2.55rem);font-weight:400;line-height:1.14}.coffee-bean-experience-copy>p:nth-of-type(2){color:var(--muted);margin-top:14px;font-size:13px;line-height:1.65}.coffee-bean-experience-copy dl{gap:0;margin:18px 0 0;display:grid}.coffee-bean-experience-copy dl>div{border-top:1px solid var(--line);grid-template-columns:88px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.coffee-bean-experience-copy dt,.coffee-bean-experience-copy dd{font-size:11px;line-height:1.55}.coffee-bean-experience-copy dt{color:var(--bean-accent)}.coffee-bean-experience-copy dd{color:var(--muted);margin:0}.coffee-bean-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid;margin-top:18px!important}.coffee-bean-capabilities li{text-align:center;white-space:nowrap;background:#19211d0b;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:8px 11px;font-size:10px;display:flex}.coffee-bean-interface-cluster{align-items:start;gap:clamp(14px,1.6vw,26px);min-width:0;display:grid}.coffee-bean-interface-cluster.is-profile{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.68fr)}.coffee-bean-interface-cluster.is-inventory{grid-template-columns:repeat(6,minmax(0,1fr));position:relative}.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(-n+3){grid-column:span 2}.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(4){grid-column:1/span 3}.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(5){grid-column:4/span 3;align-self:center}.coffee-bean-interface-cluster.is-brewing{grid-template-columns:minmax(150px,.7fr) minmax(230px,1fr) minmax(160px,.72fr);align-items:center}.coffee-bean-interface{justify-items:center;gap:12px;min-width:0;display:grid}.coffee-bean-interface figcaption{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.coffee-bean-interface img{filter:drop-shadow(0 16px 28px #13141326);object-fit:contain;object-position:top center;width:100%;height:auto;max-height:760px}.coffee-bean-interface.is-long img{max-height:890px}.coffee-bean-interface.is-component,.coffee-bean-interface.is-brew-panel{align-self:center}.coffee-bean-interface.is-component img,.coffee-bean-interface.is-brew-panel img{filter:drop-shadow(0 12px 24px #1314131f);max-height:520px}.coffee-bean-interface.is-auxiliary img{object-position:center;max-height:360px}.coffee-bean-brew-steps{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding:24px 0 0;list-style:none;display:grid;margin-top:26px!important}.coffee-bean-brew-steps li{justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.coffee-bean-brew-steps i{color:var(--bean-accent);font-style:normal}.coffee-bean-system-note{border-left:2px solid var(--bean-system);background:#0d6b5c0f;padding:12px 15px;color:var(--bean-system)!important;font-size:10px!important}.coffee-bean-component-library{border-top:1px solid var(--line);margin-top:clamp(120px,15vw,240px);padding-top:clamp(86px,9vw,144px)}.coffee-bean-component-library>header{gap:17px;max-width:820px;display:grid}.coffee-bean-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px);margin-top:48px;display:grid}.coffee-bean-component-grid figure{background:#ffffff94;border:1px solid #19211d1a;border-radius:20px;gap:22px;min-height:300px;padding:20px;display:grid;overflow:hidden}.coffee-bean-component-grid figcaption{align-items:center;gap:12px;font-size:10px;display:flex}.coffee-bean-component-grid figcaption span{color:var(--bean-accent);font-size:9px}.coffee-bean-component-grid img{object-fit:contain;align-self:center;width:100%;height:auto}@media (max-width:1100px){.coffee-bean-architecture{grid-template-columns:1fr}.coffee-bean-experience-group,.coffee-bean-experience-group.is-copy-first{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:46px}.coffee-bean-interface-cluster.is-profile{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-bean-interface-cluster.is-profile .coffee-bean-interface:last-child{grid-column:1/-1;max-width:340px;margin-inline:auto}}@media (max-width:860px){.coffee-bean-goals{grid-template-columns:1fr}.coffee-bean-goals article{min-height:0}.coffee-bean-logic-area,.coffee-bean-hub-map{grid-template-columns:1fr}.coffee-bean-hub-core{min-height:170px}.coffee-bean-logic-area h4,.coffee-bean-flow-row{grid-column:1}.coffee-bean-experience-group,.coffee-bean-experience-group.is-copy-first{flex-direction:column;display:flex}.coffee-bean-experience-group .coffee-bean-experience-copy{order:1;width:100%}.coffee-bean-experience-group .coffee-bean-interface-cluster{order:2;width:100%}.coffee-bean-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.coffee-bean-status{font-size:8px}.coffee-bean-architecture nav{grid-template-columns:1fr;align-items:stretch;gap:8px}.coffee-bean-inline-architecture{grid-template-columns:1fr;align-items:stretch;gap:6px;padding:20px 0}.coffee-bean-inline-architecture:before{width:1px;height:auto;inset:34px auto 34px 10px}.coffee-bean-inline-architecture>span{grid-template-columns:22px minmax(0,1fr);justify-items:start;gap:9px;min-height:45px;padding:0 0 0 38px}.coffee-bean-inline-architecture>span:before{top:5px;left:5px}.coffee-bean-inline-architecture small{grid-column:2}.coffee-bean-hub-map{padding:14px}.coffee-bean-hub-stages{grid-template-columns:1fr}.coffee-bean-hub-stages article{min-height:150px}.coffee-bean-system-flow{grid-template-columns:1fr;align-items:start}.coffee-bean-system-flow>div{grid-template-columns:1fr;gap:0}.coffee-bean-system-flow span{flex-direction:column;gap:5px;min-height:54px}.coffee-bean-system-flow i{margin:4px 0 0;transform:rotate(90deg)}.coffee-bean-architecture nav:before{width:1px;height:auto;inset:22px auto 22px 10px}.coffee-bean-architecture nav>span{grid-template-columns:22px minmax(0,1fr);place-items:center start;gap:12px;min-height:52px;padding:0 0 0 38px}.coffee-bean-architecture nav>span:before{top:20px;left:5px}.coffee-bean-architecture small{grid-column:2}.coffee-bean-flow-row{flex-direction:column}.coffee-bean-flow-node{flex:none;width:100%}.coffee-bean-flow-arrow{border-top:0;border-left:1px solid #19211d8c;flex:0 0 26px;width:1px;height:26px}.coffee-bean-flow-arrow:after{border-top:5px solid #19211d8c;border-left:3px solid #0000;border-right:3px solid #0000;inset:auto auto -1px -3px}.coffee-bean-flow-arrow.is-system{border-left-color:var(--bean-system);border-left-style:dashed}.coffee-bean-flow-arrow.is-system:after{border-left-color:#0000;border-top-color:var(--bean-system)}.coffee-bean-logic-legend{flex-direction:column;align-items:flex-start}.coffee-bean-interface-cluster.is-profile,.coffee-bean-interface-cluster.is-brewing{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-bean-interface-cluster.is-profile .coffee-bean-interface:last-child,.coffee-bean-interface-cluster.is-brewing .coffee-bean-interface:last-of-type{grid-column:1/-1}.coffee-bean-interface-cluster.is-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(n){grid-column:auto}.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(3),.coffee-bean-interface-cluster.is-inventory .coffee-bean-interface:nth-child(5){grid-column:1/-1;max-width:340px;margin-inline:auto}.coffee-bean-brew-steps{grid-template-columns:1fr;align-items:stretch}.coffee-bean-brew-steps li{justify-content:space-between}.coffee-bean-brew-steps i{transform:rotate(90deg)}.coffee-bean-capabilities,.coffee-bean-component-grid,.coffee-bean-experience-copy dl>div{grid-template-columns:1fr}}.coffee-bean-concept{align-content:center;min-height:100svh;display:grid}.coffee-bean-concept-header{max-width:900px}.coffee-bean-concept .coffee-bean-subtitle{color:var(--muted);font-family:var(--font-body);max-width:760px;font-size:clamp(.98rem,1.2vw,1.2rem);line-height:1.72}.lang-zh .coffee-bean-concept .coffee-bean-subtitle{font-family:var(--font-body)}.coffee-bean-concept .coffee-bean-goals{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(46px,5.2vw,78px)}.coffee-bean-concept .coffee-bean-goals article{min-height:220px;padding:clamp(22px,2.1vw,32px)}.coffee-bean-concept .coffee-bean-goals h3{margin-top:24px;font-size:clamp(1.35rem,1.55vw,1.75rem)}.coffee-bean-concept .coffee-bean-goals p{margin-top:16px}.coffee-bean-interface{max-width:100%;width:min(var(--bean-visual-width), 100%)}.coffee-bean-interface img,.coffee-bean-interface.is-component img,.coffee-bean-interface.is-phone img,.coffee-bean-interface.is-form img{width:100%;height:auto;max-height:none}.coffee-bean-interface-cluster.is-profile{justify-content:center;align-items:flex-start;gap:clamp(16px,1.8vw,28px);display:flex}.coffee-bean-component-stack,.coffee-bean-card-pair,.coffee-bean-brewing-card-stack{flex-direction:column;align-items:center;gap:clamp(16px,1.8vw,26px);display:flex}.coffee-bean-interface-cluster.is-inventory{grid-template-columns:1fr;gap:clamp(24px,3vw,42px);display:grid}.coffee-bean-phone-row{justify-content:center;align-items:flex-start;gap:clamp(14px,1.7vw,24px);display:flex}.coffee-bean-inventory-details{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:clamp(18px,2.5vw,38px);padding-top:30px;display:flex}.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr;justify-content:center;align-items:center;gap:clamp(22px,3vw,48px);display:grid}.coffee-bean-brewing-card-stack{justify-self:start}.coffee-bean-interface-cluster.is-brewing .coffee-bean-brew-steps{grid-column:1/-1}@media (max-width:1100px){.coffee-bean-concept .coffee-bean-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-bean-interface-cluster.is-profile{display:flex}.coffee-bean-interface-cluster.is-profile .coffee-bean-interface:last-child{max-width:100%;margin-inline:0}}@media (max-width:860px){.coffee-bean-concept{min-height:auto}.coffee-bean-concept .coffee-bean-goals{grid-template-columns:1fr}.coffee-bean-concept .coffee-bean-goals article{min-height:0}}@media (max-width:620px){.coffee-bean-interface-cluster.is-profile{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.coffee-bean-component-stack{grid-column:1/-1}.coffee-bean-phone-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coffee-bean-phone-row .coffee-bean-interface:nth-child(3){grid-column:1/-1;justify-self:center}.coffee-bean-inventory-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.coffee-bean-card-pair{grid-area:2/1/auto/-1}.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr;display:grid}.coffee-bean-interface-cluster.is-brewing>.coffee-bean-interface,.coffee-bean-brewing-card-stack{justify-self:center}}@media (max-width:460px){.coffee-bean-phone-row,.coffee-bean-interface-cluster.is-profile,.coffee-bean-interface-cluster.is-brewing{grid-template-columns:1fr}.coffee-bean-component-stack,.coffee-bean-phone-row .coffee-bean-interface:nth-child(3),.coffee-bean-interface-cluster.is-brewing .coffee-bean-brew-steps{grid-column:1}}