/* cof-page-v4.css, Colours of Coffee page only. v3 (W1) with the Stage 4c changes: the finder grid columns moved to the native cof_fd_grid class (5 and 7 of 12 from 992 px, one column below), the full-bleed hero is held at its final height until the page script fits it (no layout shift on load), the hero copy waits for the intro instead of showing and vanishing, and the sticky columns hold their heading 20 px under the guidebar. */
#coffee{--cof-crimson:var(--_a-s-\2014-colour-primitives---brand-colours--brand-crimson,#B71C1C);--cof-crimson-hover:var(--_a-s-\2014-colour-primitives---brand-colours--brand-crimson-hover,#8B1515);--cof-crimson-on-dark:var(--_a-s-\2014-colour-primitives---brand-colours--brand-crimson-on-dark,#FF5A5A);--cof-charcoal:var(--_a-s-\2014-colour-primitives---brand-colours--brand-charcoal,#1A1A2E);--cof-body-on-light:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-body-on-light,#55555F);--cof-warm-gray:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-warm-gray,#6B6B7B);--cof-white:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-white,#FFFFFF);--cof-light-gray:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-light-gray,#F5F5F5);--cof-ink-900:var(--_a-s-\2014-colour-primitives---dark-surfaces--surface-ink-900,#090A0F);--cof-ink-800:var(--_a-s-\2014-colour-primitives---dark-surfaces--surface-ink-800,#0B0D18);--cof-ink-700:var(--_a-s-\2014-colour-primitives---dark-surfaces--surface-ink-700,#191D2F);--cof-epson-blue:var(--_a-s-\2014-colour-primitives---partner-brands--epson-blue-on-light,#10218B);--cof-epson-tint:#E4E9F4;--cof-body-on-dark:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-body-on-dark,#ffffffb8);--cof-meta-on-dark:var(--_a-s-\2014-colour-primitives---neutral-colours--neutral-meta-on-dark,#ffffff9e);--cof-hairline-on-dark:var(--_a-s-\2014-colour-primitives---hairlines--hairline-on-dark,#ffffff1a);--cof-hairline-chrome:var(--_a-s-\2014-colour-primitives---hairlines--hairline-chrome,#ffffff24);--cof-hairline-section:#1a1a2e12;--cof-hairline-rule:#1a1a2e24;--cof-f-head:var(--_a-s-\2014-typography---display,Satoshi,"Helvetica Neue",Arial,sans-serif);--cof-f-body:var(--_a-s-\2014-typography---body,Poppins,"Helvetica Neue",Arial,sans-serif);--cof-f-mono:var(--_a-s-\2014-typography---mono,"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace);--cof-container:var(--_a-s-\2014-size-and-radius---layout--container-max,1280px);--cof-notch-card:var(--_a-s-\2014-size-and-radius---notch--notch-card,28px);--cof-notch-panel:var(--_a-s-\2014-size-and-radius---notch--notch-panel,40px);--cof-gut:clamp(1.25rem,4vw,2.5rem);--cof-band:clamp(4.5rem,8vw,7.25rem);--cof-ease:cubic-bezier(.2,.7,.2,1);--cof-nav-h:76px;--cof-sticky:calc(var(--ahs-sticky-top,122px) + 12px);--cof-roast-950:#120C09;--cof-roast-900:#1A120E;--cof-roast-800:#241913;--cof-roast-700:#33241C;--cof-kraft:#D9BD95;--cof-kraft-light:#E8D5B8;--cof-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--cof-grain-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25 0 0 0 0 .15 0 0 0 0 .05 0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--cof-fs-h1:clamp(2.5rem,1.1rem + 3.4vw,4.5rem);--cof-fs-h2:clamp(2rem,1.3rem + 2.1vw,3rem);--cof-fs-h3:clamp(1.25rem,1.05rem + .6vw,1.5rem);--cof-fs-lede:clamp(1.0625rem,1rem + .25vw,1.1875rem)}
@media (max-width:991px){
#coffee{--cof-nav-h:72px}}
@media (max-width:379px){
#coffee{--cof-fs-h2:1.75rem}}
.cof_chip{background:none;font:inherit}
.cof_seg2_opt{background:none}
.cof_chip:focus-visible{outline:0}
.cof_ico{-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.cof_ico[data-ico="play"]{--ico:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae35a0a0a413a4b173b5629_cof-ico-play.svg")}
.cof_ico[data-ico="left"]{--ico:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae35a0a6e4c20c532c57d55_cof-ico-left.svg")}
.cof_ico[data-ico="right"]{--ico:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae35a0a0a413a4b173b5648_cof-ico-right.svg")}
.cof_ico[data-ico="printer"]{--ico:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae35a0aa4b25e4ce2f7f338_cof-ico-printer.svg")}
.cof_ico[data-ico="download"]{--ico:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae35a0a1753da5aae24a22c_cof-ico-download.svg")}
.cof_slice:nth-child(2),.cof_bag[data-o="brazil"]{--l:0;--w:18.4}
.cof_slice:nth-child(3),.cof_bag[data-o="vietnam"]{--l:18.4;--w:15.7}
.cof_slice:nth-child(4),.cof_bag[data-o="ethiopia"]{--l:34.1;--w:15.8}
.cof_slice:nth-child(5),.cof_bag[data-o="colombia"]{--l:49.9;--w:15.8}
.cof_slice:nth-child(6),.cof_bag[data-o="peru"]{--l:65.7;--w:16}
.cof_slice:nth-child(7),.cof_bag[data-o="indonesia"]{--l:81.7;--w:18.3}
#coffee [data-o="ethiopia"]{--sun:#F2C230;--rot:-4deg;--line:#85631D;--hill:#52805A;--c1:#C9962C;--c2:#2E5A3A;--c3:#84A870;--c4:#F9E8B8}
#coffee [data-o="brazil"]{--sun:#E9963C;--rot:3deg;--line:#B3262E;--hill:#60915C;--c1:#B3262E;--c2:#2F6B3A;--c3:#E9963C;--c4:#F6DEBE}
#coffee [data-o="peru"]{--sun:#9686C4;--rot:-3deg;--line:#18706C;--hill:#6B4C9A;--c1:#1F8F8A;--c2:#6B4C9A;--c3:#9686C4;--c4:#D6EEEA}
#coffee [data-o="colombia"]{--sun:#F2C230;--rot:4deg;--line:#1E5B3E;--hill:#689E62;--c1:#1E5B3E;--c2:#F2C230;--c3:#689E62;--c4:#FAEEC4}
#coffee [data-o="indonesia"]{--sun:#C8643C;--rot:-2deg;--line:#283C7A;--hill:#3E508C;--c1:#283C7A;--c2:#C8643C;--c3:#5C6CA0;--c4:#F4CEAC}
#coffee [data-o="vietnam"]{--sun:#CE7048;--rot:3deg;--line:#9E1B1B;--hill:#A84232;--c1:#9E1B1B;--c2:#D9A23A;--c3:#CE7048;--c4:#F8D278}
.cof_ox_line{color:var(--line)}
.cof_ox_chips li:nth-child(1){background:var(--c1)}
.cof_ox_chips li:nth-child(2){background:var(--c2)}
.cof_ox_chips li:nth-child(3){background:var(--c3)}
.cof_ox_chips li:nth-child(4){background:var(--c4)}
.cof_swatch{background:var(--hill)}
.cof_ox_far{background:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359ccf1b4380927dfe0e7_cof-hill-far.svg") 0 0/100% 100% no-repeat}
.cof_ox_mid{background:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cc08b8d9044e9bb065_cof-hill-mid.svg") 0 0/100% 100% no-repeat}
.cof_ox_near{background:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359ccee2e6c622845921e_cof-hill-near.svg") 0 0/100% 100% no-repeat}
.cof_bean{background:center/contain no-repeat}
.cof_hero .cof_bean:nth-child(1){left:6%;top:14%;--s:.9;--r:24deg;--z:.5;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe791292cb757a023_cof-bean-0.svg")}
.cof_hero .cof_bean:nth-child(2){left:44%;top:8%;--s:.55;--r:-40deg;--z:.2;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe44c772d8e6c8b56_cof-bean-1.svg")}
.cof_hero .cof_bean:nth-child(3){left:52%;top:78%;--s:1.2;--r:62deg;--z:.8;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cce44c772d8e6c8ba7_cof-bean-2.svg")}
.cof_hero .cof_bean:nth-child(4){left:3%;top:72%;--s:.65;--r:-18deg;--z:.3;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe44c772d8e6c8b56_cof-bean-1.svg")}
.cof_hero .cof_bean:nth-child(5){left:88%;top:6%;--s:.7;--r:120deg;--z:.35;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe791292cb757a023_cof-bean-0.svg")}
.cof_hero .cof_bean:nth-child(6){left:94%;top:64%;--s:1.05;--r:200deg;--z:.7;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cce44c772d8e6c8ba7_cof-bean-2.svg")}
.cof_hero .cof_bean:nth-child(7){left:36%;top:92%;--s:.5;--r:15deg;--z:.15;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe791292cb757a023_cof-bean-0.svg")}
#coffee .cof_cta_band .cof_bean:nth-child(1){left:2%;top:5%;--s:.7;--r:30deg;--z:.4;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe44c772d8e6c8b56_cof-bean-1.svg")}
#coffee .cof_cta_band .cof_bean:nth-child(2){left:68%;top:3%;--s:.85;--r:-70deg;--z:.6;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cce44c772d8e6c8ba7_cof-bean-2.svg")}
#coffee .cof_cta_band .cof_bean:nth-child(3){left:95%;top:91%;--s:.6;--r:150deg;--z:.3;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cbe791292cb757a023_cof-bean-0.svg")}
#coffee .cof_cta_band .cof_bean:nth-child(4){left:22%;top:92%;--s:.8;--r:210deg;--z:.5;background-image:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359cce44c772d8e6c8ba7_cof-bean-2.svg")}
.cof_eps_logo{background:url("https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae359bc08b8d9044e9baad0_epson_trim.svg") center/contain no-repeat}
.cof_demo_copy .cof_try{border-top-color:var(--cof-hairline-on-dark)}
.cof_demo_copy .cof_try .cof_row_title{color:#fff}
.cof_demo_copy .cof_try .cof_row_body{color:var(--cof-body-on-dark)}
#coffee .cof_demo_copy .cof_try .brand_eyebrow{color:var(--cof-epson-tint)}
.cof_demo_copy .cof_small{color:var(--cof-meta-on-dark)}
#coffee>.brand_section_inner{padding-top:.5rem;padding-bottom:2.5rem}
:where(#coffee) img{display:block;max-width:100%}
:where(#coffee) h1,:where(#coffee) h2,:where(#coffee) h3{text-wrap:balance}
:where(#coffee) p{text-wrap:pretty}
:where(#coffee) button{font:inherit;color:inherit}
:where(#coffee) :focus-visible{outline:3px solid var(--cof-crimson-on-dark);outline-offset:3px}
.cof_sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip:rect(0 0 0 0);clip-path:inset(50%)}
#coffee .brand_btn,#coffee .brand_btn_ghost,#coffee .site_btn,.cof_round,.cof_chip_in,#coffee .brand_tab,.cof_ox_tab,.cof_play,.cof_seg2_opt{transition:transform .1s ease-out,background-color .24s var(--cof-ease),color .24s var(--cof-ease),border-color .24s var(--cof-ease),box-shadow .24s var(--cof-ease)}
#coffee .brand_btn:active,#coffee .brand_btn_ghost:active,#coffee .site_btn:active,.cof_round:active,#coffee .brand_tab:active,.cof_ox_tab:active,.cof_play:active,.cof_chip:active .cof_chip_in,.cof_seg2_opt:active{transform:scale(.97)}
#coffee .brand_btn,#coffee .brand_btn_ghost{gap:.5rem;line-height:1.2;cursor:pointer}
#coffee .brand_btn_ghost:hover{border-color:#1a1a2e52}
#coffee .site_btn{gap:.5rem}
#coffee .site_btn:focus-visible{outline:2px solid #fff}
#coffee .site_btn[data-cof-variant="ghost"]{background:transparent;border-color:#ffffff73}
#coffee .site_btn[data-cof-variant="ghost"]:hover{background:#ffffff14;border-color:#fff}
#coffee .brand_eyebrow{line-height:1.6;margin-top:0}
#coffee .brand_section_inner{max-width:calc(var(--cof-container) + var(--cof-gut) * 2);margin-top:0;margin-bottom:0}
#coffee .brand_section_lede{font-weight:300;margin-top:0;margin-bottom:0}
.cof_w{display:inline-block}
.cof_hero{overflow:clip}
#coffee .brand_hero_inner{margin-top:0;margin-bottom:0}
#coffee .brand_hero_lede{font-weight:300;margin-top:0;margin-bottom:1.75rem;max-width:46ch}
.cof_hero_base{background:url(https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae34f987d872ef345ed6524_coffee-hero-bag-arc.webp) center/100% 100% no-repeat}
.cof_slice{inset:0;background:url(https://cdn.prod.website-files.com/69679ceec7f748e0ed3ddc45/6ae34f987d872ef345ed6524_coffee-hero-bag-arc.webp) center/100% 100% no-repeat}
.cof_hero_base{filter:grayscale(1) brightness(.9)}
.cof_slice{left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);right:auto;background-size:calc(10000% / var(--w)) 100%;background-position:calc(var(--l) / (100 - var(--w)) * 100%) 0}
.cof_js .cof_slice{opacity:0}
#coffee .brand_campaign_kicker{grid-column:1;line-height:1.5;margin-bottom:0}
.cof_ox_tabs{background:#F1F3FA;border:1px solid #10218b1f}
.cof_ox_tab{background:transparent}
.cof_ox_tab:hover{background:#10218b0f}
.cof_ox_tab[aria-selected="true"]{background:#fff;box-shadow:0 8px 20px #080e321f}
.cof_ox_tab:focus-visible{outline:3px solid var(--cof-epson-blue);outline-offset:2px}
.cof_tab_desc{font:500 .625rem/1.35 var(--cof-f-mono)}
.cof_ox_tab[aria-selected="true"] .cof_tab_desc{color:var(--cof-epson-blue)}
.cof_ox_stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#F9E8B8}
.cof_ox_stage.is-drag{cursor:grabbing}
.cof_ox_track{will-change:transform}
.cof_ox_sky{background:linear-gradient(90deg,#F9E8B8 3.67%,#F9E8B8 13.00%,#F6DEBE 20.33%,#F6DEBE 29.67%,#D6EEEA 37.00%,#D6EEEA 46.33%,#FAEEC4 53.67%,#FAEEC4 63.00%,#F4CEAC 70.33%,#F4CEAC 79.67%,#F8D278 87.00%,#F8D278 96.33%)}
.cof_ox_far,.cof_ox_mid,.cof_ox_near{will-change:transform}
.cof_ox_chips li{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #1a1a2e2e}
.cof_ox_art img{position:relative;z-index:2;width:min(76%,290px);height:auto;border-radius:6px;transform:rotate(var(--rot));box-shadow:0 26px 40px -14px #1a1a2e66,0 2px 4px #1a1a2e24}
.cof_sun{background:var(--sun)}
.cof_count{font-variant-numeric:tabular-nums}
.cof_round{background:#fff}
.cof_round:hover{border-color:var(--cof-charcoal)}
.cof_round:disabled,.cof_round[aria-disabled="true"]{opacity:.38;cursor:default}
.cof_round[aria-disabled="true"]:hover{border-color:#1a1a2e29}
.cof_round[aria-disabled="true"]:active{transform:none}
.cof_round:focus-visible{outline:3px solid var(--cof-epson-blue);outline-offset:2px}
.cof_print{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);corner-shape:round bevel round round}
#coffee .cof_print .brand_eyebrow{color:var(--cof-epson-tint)}
#coffee .cof_print .brand_section_title{color:#fff}
#coffee .cof_print .brand_section_lede{font-size:1.0625rem}
.cof_print_ctrl{margin-top:1.75rem}
.cof_chip_in .cof_swatch{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4c}
.cof_chip:hover .cof_chip_in{border-color:#ffffff80}
.cof_chip[aria-pressed="true"]>.cof_chip_in{background:#fff;border-color:#fff;color:var(--cof-ink-800)}
.cof_chip:focus-visible>.cof_chip_in{outline:3px solid var(--cof-epson-tint);outline-offset:3px}
#coffee .brand_spec_list{margin-top:1.75rem;margin-bottom:0}
#coffee .brand_spec_row{margin-top:0;margin-bottom:0}
#coffee .brand_spec_key{line-height:1.5}
#coffee .brand_spec_val{margin-top:.2rem;margin-bottom:0}
.cof_printer_img{filter:drop-shadow(0 30px 40px #00000073)}
.cof_feed_label{background:#fff}
.cof_feed_label:first-child{visibility:visible}
.cof_js .cof_feed_label:first-child{visibility:hidden}
.cof_feed_label img{width:100%;height:auto}
.cof_cut{background:#fff}
.cof_stage_cap{font:500 .625rem/1.5 var(--cof-f-mono)}
#coffee .brand_section_finder{color:#fff;background:radial-gradient(640px circle at 80% 2%,#3a66f066,#3a66f000 70%),radial-gradient(520px circle at 4% 98%,#162cb461,#162cb400 70%),radial-gradient(700px circle at 50% 52%,#10218b4c,#10218b00 70%),linear-gradient(158deg,#171E4A 0%,#0C1130 46%,#080B1C 100%)}
.cof_film{overflow:clip;padding:var(--cof-band) 0;color:#fff}
#coffee .brand_section_finder .brand_eyebrow{color:var(--cof-epson-tint)}
#coffee .brand_section_finder .brand_section_title,#coffee .cof_film .brand_section_title{color:#fff}
#coffee .brand_section_finder .brand_section_lede{color:#e2e9ffc2}
.cof_screen{background:#000}
.cof_screen img{width:100%;height:100%;object-fit:cover;opacity:.9}
.cof_screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cof_play{translate:-50% -50%;background:#fff}
.cof_play:focus-visible{outline:3px solid var(--cof-epson-tint);outline-offset:4px}
.cof_play_icon{background:var(--cof-crimson)}
.cof_play_icon .cof_ico{width:16px;height:16px;margin-left:2px}
.cof_split{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.cof_why_side,.cof_quiz,#coffee .brand_faq_rail{position:sticky;top:calc(var(--ahs-sticky-top,122px) - 1rem)}
#coffee .cof_split .brand_sec_head{max-width:34ch;margin-bottom:0}
.cof_row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.4rem 2rem}
.cof_row_title{transition:color .24s var(--cof-ease)}
.cof_row:hover .cof_row_title{color:var(--cof-epson-blue)}
.cof_row_body{color:var(--cof-body-on-light)}
.cof_quiz{border:1px solid #8ca8ff38;background:#14206052}
#coffee .brand_seg2{border:0;padding:0;margin-top:0;margin-bottom:0;min-width:0}
.cof_seg2_row{background:#ffffff12}
.cof_seg2_opt:hover{color:#fff;background:#ffffff0f}
.cof_seg2_opt[aria-pressed="true"]{background:#fff;color:var(--cof-ink-800)}
.cof_seg2_opt:focus-visible{outline:3px solid var(--cof-epson-tint);outline-offset:2px}
#coffee .brand_tabs{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-top:0;margin-right:auto;margin-left:auto}
#coffee .brand_tab{position:relative;gap:3px;border:0;background-color:transparent;text-align:left}
#coffee .brand_tab:hover{background:#8ca8ff29}
#coffee .brand_tab[aria-selected="true"]{background:#fff;box-shadow:0 8px 20px #080e3273}
#coffee .brand_tab:focus-visible{outline:3px solid #8CA8FF;outline-offset:2px}
#coffee .brand_tab_name{line-height:1.2}
#coffee .brand_tab_desc{line-height:1.35}
#coffee .brand_tab[aria-selected="true"] .brand_tab_name{color:var(--cof-ink-800)}
#coffee .brand_tab[aria-selected="true"] .brand_tab_desc{color:var(--cof-epson-blue)}
#coffee .brand_badge{position:absolute;top:.55rem;right:.6rem;line-height:1}
#coffee .brand_finder_panel{max-width:1040px;margin:0 auto;row-gap:1.5rem;align-items:center;corner-shape:round bevel round round;background-image:radial-gradient(120% 100% at 6% 0,#6084ff33,#6084ff00 58%),linear-gradient(158deg,#ffffff1c,#ffffff05)}
#coffee .brand_prod_media{display:grid;justify-items:center;background-color:transparent}
#coffee .brand_prod_title{font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:0}
#coffee .brand_prod_sum{font-weight:300;font-size:1.0625rem;line-height:1.55;color:#e2e9ffcc;margin-top:.75rem;margin-bottom:0;max-width:46ch}
#coffee .brand_finder_panel .brand_spec_list{margin-top:1.25rem}
#coffee .brand_prod_best{font-weight:400;margin-top:1.1rem;margin-bottom:0;max-width:52ch}
#coffee .site_cta_panel_actions{gap:.75rem;margin-top:1.5rem}
#coffee .brand_faq_grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,4.5rem)}
#coffee .brand_tlink{gap:.4rem;margin-top:.5rem;font-size:.9375rem;line-height:1.2;color:var(--cof-crimson);text-underline-offset:4px;text-decoration-thickness:1.5px}
#coffee .brand_tlink:hover{color:var(--cof-crimson-hover)}
#coffee .site_cta_inner{margin-top:0;margin-bottom:0}
#coffee .site_cta_panel{gap:28px;color:#fff}
#coffee .site_eyebrow{line-height:1.6;color:var(--cof-crimson-on-dark)}
#coffee .site_cta_panel_title{font-size:2.75rem}
#coffee .site_cta_panel_body{font-weight:300;font-size:1rem}
#coffee .site_cta_panel .site_cta_panel_actions{justify-content:flex-end;margin-top:0}
#coffee .site_formband_copy{position:static}
.cof_try{grid-template-columns:minmax(120px,170px) minmax(0,1fr)}
#coffee .cof_try .brand_eyebrow{margin-bottom:.4rem}
.cof_try .cof_row_body{margin-top:.4rem}
.cof_try .cof_chips{margin-top:1rem}
.cof_try_label svg{width:100%;height:auto;filter:drop-shadow(0 16px 22px #1a1a2e3d)}
.cof_hero,.cof_film{position:relative;isolation:isolate}
.cof_hero::after,.cof_film::after,.cof_cta_band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--cof-grain)}
.cof_hero>*,.cof_film>*,.cof_cta_band>*{position:relative;z-index:1}
.cof_hero>.cof_beans,.cof_cta_band>.cof_beans{position:absolute;z-index:0}
.cof_hero{color:#fff;background:radial-gradient(560px circle at var(--hx,74%) var(--hy,24%),#e9963c3d,#e9963c00 70%),radial-gradient(760px circle at 0% 100%,#b3262e29,#b3262e00 70%),linear-gradient(160deg,var(--cof-roast-700) 0%,var(--cof-roast-900) 55%,var(--cof-roast-950) 100%)}
#coffee .cof_hero .brand_eyebrow,#coffee .cof_film .brand_eyebrow{color:var(--cof-epson-tint)}
#coffee .cof_hero .brand_hero_title{color:#fff}
#coffee .cof_hero .brand_hero_lede{color:#ffffffc7}
#coffee .cof_hero .brand_btn_ghost{color:#fff;border-color:#ffffff66}
#coffee .cof_hero .brand_btn_ghost:hover{background:#ffffff14;border-color:#fff}
.cof_beans{position:absolute}
.cof_bean{width:calc(46px * var(--s));rotate:var(--r);opacity:calc(.45 + var(--z) * .55);filter:drop-shadow(0 12px 14px #00000073) blur(calc((1 - var(--z)) * 1.4px));will-change:transform}
.cof_roll{position:relative;overflow:hidden;padding:clamp(30px,4.5vw,56px) 0;background-color:var(--cof-kraft);background-image:var(--cof-grain-dark)}
.cof_roll_track{background:#fff;rotate:-1.6deg;will-change:transform}
.cof_roll_label img{width:100%;height:auto}
.cof_roll_btn{background:#1a120ed1}
.cof_roll_btn:focus-visible{outline:3px solid var(--cof-roast-900);outline-offset:3px}
.cof_roll_bar{background:#fff}
.cof_roll_play .cof_ico{width:16px;height:16px;margin-left:2px}
.cof_roll_btn[aria-pressed="true"] .cof_roll_pause{display:none}
.cof_roll_btn[aria-pressed="true"] .cof_roll_play{display:block}
html:not(.cof_js) .cof_roll_btn{display:none}
#print{background-color:var(--cof-kraft);background-image:var(--cof-grain-dark);border-top:0;padding-top:clamp(2rem,4vw,3rem)}
.cof_print{background-image:radial-gradient(640px circle at 86% 18%,#e9963c2e,#e9963c00 70%),linear-gradient(158deg,var(--cof-roast-700),var(--cof-roast-900))}
#coffee .cof_print .brand_section_lede{color:#ffffffc7}
#coffee .cof_print .brand_spec_list{border-top-color:#ffffff24}
#coffee .cof_print .brand_spec_key{color:var(--cof-meta-on-dark)}
.cof_film{background:radial-gradient(760px circle at 50% 0%,#e9963c33,#e9963c00 70%),linear-gradient(180deg,var(--cof-roast-900),var(--cof-roast-950))}
#coffee .cof_film .brand_section_lede{color:#ffffffc2}
#coffee .site_cta_band .site_cta_panel{border-color:#ffffff1f;background-color:var(--cof-roast-800);background-image:radial-gradient(600px circle at 90% 0%,#e9963c29,#e9963c00 70%),linear-gradient(158deg,var(--cof-roast-700) 0%,var(--cof-roast-900) 64%)}
#coffee .cof_hero .brand_hero_inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,4vw,4rem)}
@media (max-width:991px){
#coffee .cof_hero .brand_hero_inner{grid-template-columns:1fr;padding-right:clamp(1.5rem,5vw,4rem)}
.cof_hero .cof_hero_zone{left:0;bottom:-1.5rem}}
@media (max-width:767px){
.cof_hero .cof_hero_zone{left:clamp(1.5rem,5vw,4rem);width:min(320px,calc(100% - 3rem))}}
.cof_ink_stage{perspective:1100px}
.cof_ink_stack{transform-style:preserve-3d}
.cof_ink_layer img{width:100%;height:100%;border-radius:4px}
.cof_ink_layer:first-child{background:#fff;box-shadow:0 30px 40px -18px #1a1a2e59,0 0 0 1px #1a1a2e14}
.cof_js .cof_ink_layer:last-child{opacity:0}
html:not(.cof_js) .cof_ink_layer[data-ink]{display:none}
.cof_ink_legend{display:flex}
.cof_ink_legend li{display:inline-flex;align-items:center;gap:6px}
.cof_ink_legend .cof_ink_dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #1a1a2e40;background:var(--ink)}
.cof_ink_legend [data-ink="c"]{--ink:#00A0E3}
.cof_ink_legend [data-ink="m"]{--ink:#E6007E}
.cof_ink_legend [data-ink="y"]{--ink:#FFDE00}
.cof_ink_legend [data-ink="k"]{--ink:#1E1C1E}
.cof_js .cof_ink_legend li{opacity:.35}
@media (max-width:860px){
.cof_ink{max-width:300px;margin-inline:auto}
.cof_ink_cap{text-align:center;margin-inline:auto}
.cof_ink_legend{justify-content:center}}
.cof_try_head{position:absolute;left:-6%;right:-6%;top:0;height:3px;border-radius:2px;background:#fff;box-shadow:0 0 14px 4px #ffffffe6,0 0 0 1px #1a1a2e33;opacity:0;pointer-events:none}
#coffee .brand_prod_media{position:relative}
.cof_sheen{background:linear-gradient(100deg,#ffffff00,#ffffffbf,#ffffff00);transform:translateX(-160%) skewX(-12deg)}
#coffee .brand_hero_title .cof_w{display:inline-block}
@media (max-width:991px){
#coffee .brand_hero_inner,#coffee .site_cta_panel{grid-template-columns:1fr}
#coffee .site_cta_panel .site_cta_panel_actions{justify-content:flex-start}
#coffee .site_cta_panel_title{font-size:2.25rem}
.cof_row{grid-template-columns:1fr}}
@media (max-width:860px){
.cof_split,#coffee .brand_faq_grid{grid-template-columns:1fr}
.cof_why_side,.cof_quiz,#coffee .brand_faq_rail{position:static}
#coffee .brand_finder_panel{grid-template-columns:1fr}}
@media (max-width:767px){
#coffee .brand_hero_actions>*{flex:1 1 100%}
.cof_ox_tabs{scroll-snap-type:x mandatory;scrollbar-width:none}
.cof_ox_tabs::-webkit-scrollbar{display:none}
.cof_ox_tab{scroll-snap-align:start}
.cof_ox_art img{width:min(62%,240px)}
.cof_bean:nth-child(n+5){display:none}}
@media (max-width:559px){
#coffee .brand_tabs,.cof_try{grid-template-columns:1fr}
.cof_try_label{max-width:200px}}
@media (max-width:479px){
#coffee .site_cta_panel_title{font-size:1.875rem;max-width:none}}
@media (prefers-reduced-motion:reduce){
#coffee *,#coffee *::before,#coffee *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
#coffee .brand_btn:active,#coffee .brand_btn_ghost:active,#coffee .site_btn:active,.cof_round:active,#coffee .brand_tab:active,.cof_ox_tab:active,.cof_play:active,.cof_chip:active .cof_chip_in,.cof_seg2_opt:active{transform:none}}
@media (prefers-contrast:more){
.cof_ox_tabs,#coffee .brand_tabs,.cof_quiz{border-color:currentColor}
#coffee .brand_section_lede,#coffee .brand_hero_lede,.cof_row_body{color:#33333B}
#coffee .brand_btn_ghost{border-color:var(--cof-charcoal)}}
#coffee [hidden]{display:none!important}
#coffee .brand_hero_inner,#coffee .site_cta_inner{max-width:calc(var(--cof-container) + var(--cof-gut) * 2);padding-left:var(--cof-gut);padding-right:var(--cof-gut)}
#coffee .brand_section_title{font-size:var(--cof-fs-h2);line-height:1.06;letter-spacing:-.024em;margin-bottom:0;max-width:20ch}
#coffee .brand_sec_head>.brand_eyebrow,#coffee .cof_why_side .brand_eyebrow,#coffee .brand_faq_rail>.brand_eyebrow,#coffee .cof_print_copy>.brand_eyebrow{margin:0 0 .9rem}
#coffee .brand_sec_head .brand_section_lede,#coffee .cof_print_copy>.brand_section_lede{margin-top:1.1rem;font-size:var(--cof-fs-lede);line-height:1.6;max-width:56ch}
#coffee .brand_sec_head{margin-bottom:clamp(2.25rem,4vw,3.5rem)}
.cof_try .cof_row_title{font-size:var(--cof-fs-h3);line-height:1.22;letter-spacing:-.012em}
@media (min-width:861px){
.cof_split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
#coffee .cof_split .brand_section_title,#coffee .brand_faq_rail .brand_section_title{font-size:clamp(2rem,1.2rem + 1.7vw,2.75rem);max-width:16ch}
#coffee .cof_ox_txt>.brand_btn_ghost{margin-top:1.25rem;min-height:44px;padding:.6rem 1.1rem;background:#ffffffb2}
.cof_ox_art img{-webkit-user-drag:none;user-select:none}
#coffee .brand_spec_val{font-size:.875rem;line-height:1.45;font-family:var(--cof-f-body);letter-spacing:0}
#coffee .brand_finder_panel{border-radius:20px var(--cof-notch-panel) 20px 20px}
#coffee .site_cta_band .site_eyebrow{color:var(--cof-epson-tint)}
#coffee .site_cta_panel_title{line-height:1.12}
.cof_ink{max-width:380px}
#coffee .cof_hero .brand_hero_inner{display:block;position:relative;z-index:2;max-width:calc(var(--cof-container) + var(--cof-gut) * 2);margin:0 auto;padding:0 var(--cof-gut)}
.cof_hero .cof_hero_copy{max-width:none}
#coffee .cof_hero .brand_hero_lede{font-size:var(--cof-fs-lede);line-height:1.6;max-width:44rem;margin:0 0 1.75rem}
.cof_hero_frame{position:relative}
.cof_hero_img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 90%,transparent 100%)}
.cof_hero_tagwrap{position:relative;z-index:2}
.cof_hero .cof_hero_zone{position:relative;left:auto;bottom:auto;display:grid;align-items:center;margin:-1.25rem 0 0;border-radius:16px var(--cof-notch-card) 16px 16px;corner-shape:round bevel round round;background-color:var(--cof-kraft-light);background-image:var(--cof-grain-dark);box-shadow:0 22px 40px -18px #00000099}
#coffee .cof_hero .brand_campaign_kicker{display:none}
.cof_hero .cof_hero_tag{grid-column:1;text-wrap:pretty}
.cof_hero .cof_hero_eps{grid-column:2;grid-row:1;align-self:center}
.cof_bag{left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);background:transparent}
.cof_bag_tip{display:inline-flex;background:var(--cof-kraft-light);transform:translate(-50%,calc(-100% - 6px));transition:opacity .24s var(--cof-ease),transform .32s var(--cof-ease)}
.cof_bag_tip .cof_ico{width:14px;height:14px}
.cof_bag:hover .cof_bag_tip,.cof_bag:focus-visible .cof_bag_tip{opacity:1;transform:translate(-50%,calc(-100% - 12px))}
@media (hover:none){
.cof_bag_tip{display:none}}
.cof_hero.is-full{height:clamp(720px,100svh,1080px);padding:0;overflow:clip}
.cof_hero.is-full .cof_hero_frame{position:absolute;left:var(--hf-left,0px);top:var(--hf-top,0px);width:var(--hf-w,100%);margin:0}
.cof_hero.is-full .cof_hero_img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent 100%)}
.cof_hero.is-full.is-narrow .cof_hero_img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent 100%),linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent 100%),linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-composite:intersect}
.cof_hero.is-full .cof_hero_copy{display:grid;grid-template-columns:minmax(0,1fr) clamp(24rem,30vw,27rem);column-gap:clamp(2rem,4.5vw,5rem);align-items:end}
#coffee .cof_hero.is-full .cof_hero_copy>.brand_eyebrow{grid-column:1 / -1}
#coffee .cof_hero.is-full .brand_hero_title{grid-column:1;margin:0}
.cof_hero.is-full .cof_hero_side{grid-column:2;max-width:none;padding-bottom:.3em}
#coffee .cof_hero.is-full .brand_hero_lede{margin:0 0 1.25rem;max-width:36ch}
#coffee .cof_hero.is-full .brand_hero_actions{flex-wrap:wrap}
.cof_hero.is-full::after{content:"";position:absolute;inset:0;z-index:6;background:#0B0806;opacity:var(--dim,0);pointer-events:none}
.cof_hero.is-full .cof_hero_shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#120c09eb 0%,#120c09bd 24%,#120c0933 46%,#120c0900 56%),linear-gradient(90deg,#120c0980 0%,#120c0900 42%)}
#coffee .cof_hero.is-full .brand_hero_inner{padding-top:calc(var(--cof-nav-h) + clamp(1.75rem,3vw,2.75rem));pointer-events:none}
.cof_hero.is-full .cof_hero_copy{pointer-events:auto}
.cof_hero.is-full .cof_hero_tagwrap{position:absolute;left:0;right:0;bottom:var(--tag-b,1.5rem);padding-bottom:0;pointer-events:none}
.cof_hero.is-full .cof_hero_zone{margin:0;pointer-events:auto}
.cof_hero.is-full.is-sticky{position:sticky;top:0;z-index:0}
#coffee>section,#coffee>.cof_roll{position:relative;z-index:1}
.cof_hero.is-sticky~#origins{border-radius:28px 28px 0 0;box-shadow:0 -24px 60px -20px #0000008c;border-top:0}
.cof_fd_grid .cof_quiz{margin:0;max-width:none}
#coffee .cof_fd .brand_tabs{max-width:none;margin:0 0 1.25rem}
#coffee .cof_fd .brand_finder_panel{max-width:none;margin:0}
.cof_quiz_see{text-underline-offset:4px}
.cof_quiz_see:focus-visible{outline:3px solid var(--cof-epson-tint);outline-offset:2px}
@media (min-width:861px) and (min-height:800px){
#coffee .site_formband_copy{position:sticky;top:calc(var(--ahs-sticky-top,122px) - 1rem)}}
.cof_try_slot:empty{display:none}
.cof_try_slot .cof_try{margin:0 0 1.15rem;border:1px solid var(--cof-hairline-on-dark);border-radius:14px;align-items:center}
.cof_try_slot .cof_try_txt>:not(.cof_chips):not(.cof_chipgroup){display:none}
.cof_try_slot .cof_chips{margin-top:0}
@media (max-width:991px){
.cof_fd_grid .cof_quiz{position:static}}
@media (max-width:860px){
#coffee .cof_split .brand_section_title,#coffee .brand_faq_rail .brand_section_title{max-width:20ch}}
@media (max-width:767px){
#coffee .cof_ox_txt>.brand_btn_ghost{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){
.cof_bag_tip{transition:none}}
.cof_fd_grid .cof_seg2_row{width:100%}
.cof_fd_grid .cof_seg2_opt{flex:1 1 auto}
.cof_fd_grid .cof_seg2_opt{width:100%;justify-content:center;text-align:center}
@media (max-height:799px){
.cof_fd_grid .cof_quiz{position:static}}
.cof_hero:not(.is-full){display:flex;flex-direction:column}
#coffee .cof_hero:not(.is-full) .brand_hero_inner{width:100%;order:0}
.cof_hero:not(.is-full) .cof_hero_tagwrap{width:100%}
.cof_hero:not(.is-full) .cof_hero_frame{order:1}
.cof_hero:not(.is-full) .cof_hero_tagwrap{order:2}
@media (max-width:860px){
.cof_print{grid-template-columns:minmax(0,1fr)}}
@media (max-width:559px){
#coffee .cof_print .brand_btn{width:100%;justify-content:center;white-space:normal;text-align:center;height:auto;min-height:44px;padding-top:.6rem;padding-bottom:.6rem}}
.cof_bag:first-child .cof_bag_tip{left:0;transform:translate(0,calc(-100% - 6px))}
.cof_bag:first-child:hover .cof_bag_tip,.cof_bag:first-child:focus-visible .cof_bag_tip{transform:translate(0,calc(-100% - 12px))}
.cof_bag:last-child .cof_bag_tip{left:auto;right:0;transform:translate(0,calc(-100% - 6px))}
.cof_bag:last-child:hover .cof_bag_tip,.cof_bag:last-child:focus-visible .cof_bag_tip{transform:translate(0,calc(-100% - 12px))}
.cof_try_slot .cof_chips{align-content:center}
.cof_try_slot .cof_chips .cof_chip_in{position:relative}
.cof_try_slot .cof_chips .cof_chip_in .cof_swatch{box-shadow:inset 0 0 0 1px #ffffff40}
.cof_try_slot .cof_chips .cof_chip:hover .cof_chip_in{border-color:#ffffff8c}
.cof_try_slot .cof_chips .cof_chip:focus-visible>.cof_chip_in{outline-color:var(--cof-epson-tint)}
.cof_demo_copy .cof_try .cof_row_title{font-size:1.25rem;line-height:1.3}
.cof_demo_copy .cof_chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:1.1rem}
.cof_demo_copy .cof_chip{display:block;min-width:0}
.cof_demo_copy .cof_chip_in{width:100%;padding:0 .8rem 0 .6rem}
.cof_fs{border:0;margin:0;padding:0;min-width:0}
.cof_fs+.cof_fs{margin-top:.6rem;padding-top:1.5rem;box-shadow:inset 0 1px 0 var(--cof-hairline-on-dark)}
.cof_fs_legend{padding:0;margin:0 0 1.1rem;font:500 .6875rem/1.2 var(--cof-f-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb2}
.cof_hero .cof_hero_zone{width:auto;grid-template-columns:auto auto;gap:0;padding:.7rem 1.1rem .7rem 1.15rem}
.cof_hero .cof_hero_tag{font:700 .9375rem/1.2 var(--cof-f-head);letter-spacing:-.005em;color:var(--cof-charcoal);padding-right:1rem}
.cof_hero .cof_hero_eps{padding:0 0 0 1rem;border-left:1px solid #1a1a2e33}
@media (max-width:1199px){
.cof_row{grid-template-columns:1fr;gap:.35rem}
.cof_fd_grid .cof_quiz{position:static}
#coffee .site_cta_panel{grid-template-columns:1fr}
#coffee .site_cta_panel .site_cta_panel_actions{justify-content:flex-start;margin-top:.25rem}}
@media (min-width:861px) and (max-width:1199px){
.cof_demo_copy .cof_try{grid-template-columns:1fr;gap:1rem}
.cof_demo_copy .cof_try_label{max-width:180px}}
@media (min-width:560px) and (max-width:1199px){
#coffee .brand_tab .brand_badge{position:static;align-self:flex-start;margin-top:.35rem}}
.cof_quiz .cof_seg2_row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}
.cof_quiz .cof_seg2_row>.cof_seg2_opt{display:flex;min-width:0}
.cof_quiz .cof_seg2_opt{width:100%;justify-content:center;text-align:center;padding:.5rem .75rem;line-height:1.25}
.cof_quiz .cof_seg2_row>.cof_seg2_opt:last-child:nth-child(odd){grid-column:1 / -1}
#coffee .cof_quiz .cof_quiz_qs>.brand_seg2:nth-child(2) .cof_seg2_row{grid-template-columns:1fr}
@media (min-width:560px) and (max-width:1199px){
.cof_quiz .cof_seg2_row{grid-template-columns:repeat(3,minmax(0,1fr))}
.cof_quiz .cof_seg2_row>.cof_seg2_opt:last-child:nth-child(odd){grid-column:auto}
#coffee .cof_quiz .cof_quiz_qs>.brand_seg2:nth-child(2) .cof_seg2_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cof_print .cof_chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cof_print .cof_chip{display:block;min-width:0}
.cof_print .cof_chip_in{width:100%}
@media (max-width:860px){
#coffee .cof_print .brand_spec_list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){
.cof_print .cof_chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:379px){
#coffee .cof_split .brand_section_title,#coffee .brand_faq_rail .brand_section_title,#coffee .site_cta_panel_title{font-size:1.75rem}}
@media (max-width:479px){
#coffee .brand_finder_panel .site_cta_panel_actions>*,#coffee .site_cta_band .site_cta_panel_actions>*{width:100%;justify-content:center;text-align:center;padding-left:1rem;padding-right:1rem;height:auto;min-height:44px;line-height:1.25;text-wrap:balance}
#coffee .site_cta_band .site_cta_panel{padding:2rem 1.25rem}
#coffee .brand_finder_panel{padding:1.25rem}}
@media (max-width:379px){
.cof_try_slot .cof_try{grid-template-columns:72px minmax(0,1fr);gap:.75rem;padding:.75rem}}
@media (max-width:991px){
.cof_tab_desc,#coffee .brand_tab_desc,#coffee .brand_badge,.cof_stage_cap{font-size:.6875rem}}
@media (max-width:767px){
.cof_ox_tabs{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.cof_ox_tabs.is-end{-webkit-mask-image:none;mask-image:none}}
@media (max-height:560px) and (orientation:landscape){
.cof_print_stage{width:100%;max-width:min(100%,calc(70svh * 1.02));margin-inline:auto}
.cof_ink{max-width:min(380px,62svh)}}
@media (max-width:860px){
.cof_print{row-gap:0}
.cof_print_copy{display:contents}
#coffee .cof_print_copy>.brand_eyebrow{order:1}
#coffee .cof_print_copy>.brand_section_title{order:2}
#coffee .cof_print_copy>.brand_section_lede{order:3}
.cof_print_stage{order:4;margin-top:1.5rem}
.cof_print_ctrl{order:5;margin-top:1.5rem}
#coffee .cof_print_copy>.brand_spec_list{order:6}
.cof_print_copy>.cof_sr{order:7}}
@media (max-width:379px){
#coffee .cof_print .brand_spec_list{grid-template-columns:1fr}}
.cof_try_slot .cof_try{grid-template-columns:1fr;justify-items:center;gap:1rem;padding:1rem}
.cof_try_slot .cof_try_label{width:min(200px,62%);max-width:none}
.cof_try_slot .cof_try_txt{width:100%}
.cof_try_slot .cof_chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media (min-width:560px){
.cof_try_slot .cof_chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cof_try_slot .cof_chips .cof_chip{display:block;min-width:0}
.cof_try_slot .cof_chips .cof_chip_in{width:100%;height:auto;min-height:44px;justify-content:flex-start;gap:8px;padding:0 .8rem 0 .6rem;border-radius:999px;background:transparent;border:1px solid #ffffff33;color:#ffffffe0}
.cof_try_slot .cof_chips .cof_chip_in>[data-i18n]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap}
.cof_try_slot .cof_chips .cof_chip_in .cof_swatch{width:18px;height:18px}
.cof_try_slot .cof_chips .cof_chip[aria-pressed="true"]>.cof_chip_in{background:#fff;border:1px solid #fff;color:var(--cof-ink-800)}
#coffee .brand_prod_media img{position:absolute;inset:1.25rem;width:calc(100% - 2.5rem);height:calc(100% - 2.5rem);object-fit:contain}
.cof_tab_desc,#coffee .brand_tab_desc,#coffee .brand_badge,.cof_stage_cap{font-size:.6875rem}
#coffee .site_cta_panel_title,.cof_row_title{text-wrap:balance}
@media (max-width:1199px){
#coffee .brand_tab{justify-content:flex-start}
#coffee .brand_tab .brand_badge{position:static;align-self:flex-start;margin-top:.35rem}}
.cof_ink{container-type:inline-size}
@container (max-width:300px){
.cof_ink_legend{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center}}
#coffee .brand_tab{justify-content:flex-start}
#coffee .brand_tab .brand_badge{position:static;align-self:flex-start;margin-top:.35rem}
@supports not (corner-shape:bevel){
.cof_print{--cof-n:var(--cof-notch-panel);position:relative}
#coffee .brand_finder_panel{--cof-n:var(--cof-notch-panel)}
.cof_hero .cof_hero_zone{--cof-n:var(--cof-notch-card)}
.cof_print,#coffee .brand_finder_panel,.cof_hero .cof_hero_zone{-webkit-mask:linear-gradient(to bottom left,transparent 0 50%,#000 50%) right top/var(--cof-n) var(--cof-n) no-repeat,linear-gradient(#000,#000) left top/calc(100% - var(--cof-n)) 100% no-repeat,linear-gradient(#000,#000) left bottom/100% calc(100% - var(--cof-n)) no-repeat;mask:linear-gradient(to bottom left,transparent 0 50%,#000 50%) right top/var(--cof-n) var(--cof-n) no-repeat,linear-gradient(#000,#000) left top/calc(100% - var(--cof-n)) 100% no-repeat,linear-gradient(#000,#000) left bottom/100% calc(100% - var(--cof-n)) no-repeat}
.cof_print::after{content:"";position:absolute;top:0;left:calc(100% - var(--cof-n));width:calc(var(--cof-n) * 1.4142);height:1px;background:#ffffff1f;transform:translateY(-.5px) rotate(45deg);transform-origin:0 50%;pointer-events:none}}

/* ---------- Stage 4 additions (29 Oct 2026) ---------- */
/* spec list values are dd elements: drop the browser indent */
#coffee .brand_spec_val{margin-left:0}
/* link buttons before the head script swaps them for buttons */
#coffee a[data-cof-btn]{text-decoration:none;color:inherit}
/* full font stacks for the styles Webflow cut to their first family (fit spec: typography display, body, mono) */
#coffee .cof_ox_region,#coffee .cof_count,#coffee .cof_ink_legend{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
#coffee .cof_ox_name,#coffee .cof_ox_line,#coffee .cof_tab_name,#coffee .cof_quiz_title,#coffee .cof_quiz_result,#coffee .cof_row_title{font-family:Satoshi,"Satoshi Fallback","Helvetica Neue",Arial,sans-serif}
#coffee .cof_row_body,#coffee .cof_ox_story,#coffee .cof_small,#coffee .cof_disc,#coffee .cof_bag_tip,#coffee .cof_ox_note,#coffee .cof_quiz_lead,#coffee .cof_seg2_legend,#coffee .cof_chips_legend,#coffee .cof_play,#coffee .cof_film_note,#coffee .cof_seg2_opt,#coffee .cof_ink_cap,#coffee .cof_quiz_see,#coffee .cof_chip_in,#coffee .cof_quiz_note{font-family:Poppins,"Poppins Fallback","Helvetica Neue",Arial,sans-serif}
/* intrinsic ratios: the image elements carry no width or height (pixel sizes read from the uploaded WebP files) */
#coffee .cof_ox_art img,#coffee .cof_roll_label img,#coffee .cof_feed_label img{aspect-ratio:560/788}
#coffee .cof_ink_layer img{aspect-ratio:420/591}
#coffee .cof_printer_img{aspect-ratio:720/703}
#coffee .cof_screen img{aspect-ratio:1600/900}
#coffee #fdp-c4000 .brand_prod_media img{aspect-ratio:720/703}
#coffee #fdp-c6500a .brand_prod_media img{aspect-ratio:720/604}
#coffee #fdp-c8000 .brand_prod_media img{aspect-ratio:820/591}
/* the hidden source block for script strings */
.cof_src,[data-cof-src]{display:none!important}

/* ============ W1 (29 Oct): FAQ on this page only. The prototype look (brand_faq_q, brand_faq_mark) on the shared site_faq_item instances,
   scoped to #faq because the instances' inner classes are the component's own and a descendant rule is not a Webflow class style ============ */
#faq .brand_faq_list{border-top:1px solid var(--cof-hairline-rule)}
#faq .site_faq_item{border-top:0;border-bottom:1px solid var(--cof-hairline-rule);padding:.25rem 0}
#faq .site_faq_q{justify-content:space-between;align-items:center;gap:1.25rem;min-height:44px;padding:1.15rem 0;border-radius:6px;font:700 1.0625rem/1.4 var(--cof-f-head);color:var(--cof-charcoal);text-wrap:balance}
#faq .site_faq_q::-webkit-details-marker{display:none}
#faq .site_faq_q:hover{color:var(--cof-charcoal)}
#faq .site_faq_q:focus-visible{outline:3px solid var(--cof-epson-blue);outline-offset:2px}
#faq .site_faq_q::after{content:"";flex:none;width:24px;height:24px;margin:0;border:0;border-radius:50%;transform:none;background:linear-gradient(var(--cof-epson-blue),var(--cof-epson-blue)) center/11.2px 2px no-repeat,linear-gradient(var(--cof-epson-blue),var(--cof-epson-blue)) center/2px 11.2px no-repeat;background-color:#10218b14;transition:background-color .22s var(--cof-ease)}
#faq .site_faq_q:hover::after{background-color:#10218b29}
#faq .site_faq_item[open]>.site_faq_q{color:var(--cof-epson-blue)}
#faq .site_faq_item[open]>.site_faq_q::after{background:linear-gradient(var(--cof-epson-blue),var(--cof-epson-blue)) center/11.2px 2px no-repeat;background-color:#10218b29;transform:none}
#faq .site_faq_a{margin:0 0 1.25rem;padding:0;max-width:62ch;font:300 .9375rem/1.65 var(--cof-f-body);color:var(--cof-body-on-light)}
@media (prefers-contrast:more){#faq .site_faq_a{color:#33333B}}
@media (forced-colors:active){#faq .site_faq_q::after{background:none;border:2px solid CanvasText}}

/* ============ W1 (29 Oct): v3-6 hero bags. Lift, shadow, strip, dim and press are native Webflow combo classes the page script toggles
   (is-cof-on, is-cof-up, is-cof-press, is-cof-tap, is-cof-dim). Only what Webflow cannot express stays here: the ring colour tokens,
   the keyboard ring drawn on the lifted bag (a parent :focus-visible styling a child), the wait for the colour bloom, forced colours,
   reduced motion and the tab pulse keyframes. ============ */
#coffee .cof_bag[data-o="brazil"]{--ring:#F07A7F}
#coffee .cof_bag[data-o="vietnam"]{--ring:#F29A6B}
#coffee .cof_bag[data-o="ethiopia"]{--ring:#F2C230}
#coffee .cof_bag[data-o="colombia"]{--ring:#9CCB8F}
#coffee .cof_bag[data-o="peru"]{--ring:#5FC9C2}
#coffee .cof_bag[data-o="indonesia"]{--ring:#9AA7F5}
.cof_js .cof_hero_frame:not(.is-cof-lit) .cof_bag_cut{visibility:hidden}
.cof_js .cof_hero_frame:not(.is-cof-lit) .cof_bag:focus-visible{outline:2px solid var(--ring,#fff);outline-offset:2px}
.cof_bag:focus-visible .cof_bag_lift{opacity:1;outline:2px solid var(--ring,#fff);outline-offset:4px;box-shadow:0 0 0 4px #0b080680;transition:transform .32s var(--cof-ease),opacity 0s}
@media (forced-colors:active){.cof_bag:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.cof_bag_cut{display:none}}
@media (prefers-reduced-motion:reduce){
.cof_bag_tip{transform:translate(-50%,calc(-100% - 12px))}
.cof_bag:first-child .cof_bag_tip,.cof_bag:last-child .cof_bag_tip{transform:translate(0,calc(-100% - 12px))}
.cof_bag_lift,.cof_bag_shadow,.cof_bag_base{transition:none}
.cof_bag_lift_img{transition:filter .24s linear}}
@media (prefers-reduced-motion:no-preference){.cof_ox_tab.is-cof-pulse{animation:cof_tab_pulse .6s var(--cof-ease) 1}}
@keyframes cof_tab_pulse{0%{box-shadow:0 8px 20px #080e321f,0 0 0 0 color-mix(in srgb,var(--line,#10218B) 70%,transparent)}35%{box-shadow:0 8px 20px #080e321f,0 0 0 3px color-mix(in srgb,var(--line,#10218B) 55%,transparent)}100%{box-shadow:0 8px 20px #080e321f,0 0 0 9px color-mix(in srgb,var(--line,#10218B) 0%,transparent)}}
/* v4 (Stage 4c). Hero pre-fit: at the full-bleed sizes the hero takes its final height before the page script fits it, and its content shows once fitted,
   so nothing below moves on load. The script adds cof_fit to html; if it never runs, the hero returns to its stacked layout after 3 s. */
@media (min-width:1200px) and (min-height:720px){
html:not(.cof_fit) .cof_hero{height:clamp(720px,100svh,1080px);overflow:clip;animation:cof_unfit 0s 3s forwards}
html:not(.cof_fit) .cof_hero>*{visibility:hidden;animation:cof_show 0s 3s forwards}
}
@keyframes cof_unfit{to{height:auto;overflow:visible}}
@keyframes cof_show{to{visibility:visible}}
/* v4: with motion on, the hero copy, headline and photo wait at opacity 0 until the intro starts (html gets cof_in), so they never show and then vanish.
   Without the page script the head failsafe removes cof_js, which shows them. */
.cof_js:not(.cof_in) #top [data-cof-hero-in],.cof_js:not(.cof_in) #top .brand_hero_title,.cof_js:not(.cof_in) #cof-hero-frame{opacity:0}
/* v4: the model panel sits in the 7 of 12 column from 992 px, so it stacks (image first) until 1280 px. Hosted because the panel's class is the site's
   brand_finder_panel; this extends the v3 rule that stacked it at 860 px and narrower. */
@media (max-width:1279px){#coffee .brand_finder_panel{grid-template-columns:1fr}}