@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/jost-latin-300-normal.woff2?v=139866900979910598621792183069) format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/jost-latin-400-normal.woff2?v=54729522894369127891792183069) format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/jost-latin-500-normal.woff2?v=101043303260439391041792183069) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/cormorant-garamond-latin-300-normal.woff2?v=131663154513088391721792183069) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/cormorant-garamond-latin-400-normal.woff2?v=140016202619521135341792183069) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(//kafiecoffee.com/cdn/shop/t/3/assets/cormorant-garamond-latin-400-italic.woff2?v=157447606735893581041792183069) format("woff2")}:root{--paper:#FCFCFB;--paper-2:#F6F5F1;--ink:#17150F;--ink-70:#4E4A42;--ink-45:#8A857C;--line:rgba(23,21,15,.12);--line-soft:rgba(23,21,15,.07);--gold:#A9861F;--gold-line:rgba(169,134,31,.4);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--maxw:1280px;--pad:clamp(20px,5vw,64px);--gap:clamp(72px,9vw,148px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id]{scroll-margin-top:clamp(92px,7vw,132px)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.wide{max-width:1560px;margin:0 auto;padding:0 var(--pad)}h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.05;letter-spacing:-.018em}h1{font-size:clamp(38px,5.4vw,80px)}h2{font-size:clamp(30px,3.9vw,58px)}.label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:400}.lede{font-size:clamp(15px,1.05vw,16.5px);line-height:1.8;color:var(--ink-70);max-width:56ch}.small{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45)}.hr{height:1px;background:var(--line-soft);border:0}.hr--gold{height:1px;background:var(--gold-line);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 32px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;border:1px solid var(--ink);color:var(--ink);transition:background .35s,color .35s,border-color .35s}.btn:hover,.btn--fill{background:var(--ink);color:var(--paper)}.btn--fill:hover{background:transparent;color:var(--ink)}.link{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:4px;transition:border-color .3s,color .3s}.link:hover{border-color:var(--ink)}.strip{border-bottom:1px solid var(--line-soft);text-align:center}.strip p{padding:clamp(18px,1.3vw,28px) 20px;font-size:clamp(16px,1.05vw,21px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45)}.strip b{color:var(--gold);font-weight:400}header{position:sticky;top:0;z-index:80;background:#fcfcfbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.nav{display:flex;align-items:center;justify-content:space-between;gap:26px;height:clamp(112px,8vw,152px)}.brand{display:flex;align-items:center;gap:clamp(12px,1vw,18px)}.brand img{width:clamp(68px,4.9vw,94px);height:clamp(68px,4.9vw,94px);flex:none}.brand__name{font-family:var(--serif);font-size:clamp(34px,2.55vw,50px);letter-spacing:.16em;display:block;line-height:1}.brand__sub{font-size:clamp(13px,.85vw,17px);letter-spacing:.4em;text-transform:uppercase;color:var(--ink-45);margin-top:8px;display:block;line-height:1}.nav__links{display:flex;gap:clamp(32px,3.1vw,62px)}.nav__links a{font-size:clamp(18px,1.3vw,25px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-70);padding:8px 0;position:relative;transition:color .3s}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s}.nav__links a:hover{color:var(--ink)}.nav__links a:hover:after{width:100%}.nav__right{display:flex;align-items:center;gap:20px}.cart{font-size:clamp(17px,1.15vw,23px);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:11px}.cart b{border:1px solid var(--line);width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;font-size:.82em;font-weight:400}.burger{display:none;flex-direction:column;gap:5px}.burger i{width:30px;height:1.5px;background:var(--ink);display:block}.hero{padding-bottom:var(--gap);padding-top:clamp(26px,3vw,46px)}.film{position:relative;width:100%;aspect-ratio:21/8;min-height:min(64vh,760px);overflow:hidden;background:#e9e7e2}.film video{width:100%;height:100%;object-fit:cover}.film figcaption{position:absolute;left:var(--pad);bottom:22px;font-size:clamp(10px,.6vw,12.5px);letter-spacing:.22em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 1px 14px rgba(0,0,0,.7)}.hero__say{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;padding-top:clamp(44px,5.5vw,76px)}.hero h1{margin-top:22px}.hero h1 i{font-style:italic;color:var(--gold)}.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.sec{max-width:var(--maxw);margin:0 auto}.sec__head{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(34px,4vw,56px)}.sec__head h2{margin-top:20px}.proc{padding-bottom:var(--gap);padding-top:var(--gap);border-top:1px solid var(--line-soft)}.proc .film{margin-top:clamp(30px,3.4vw,54px)}.marquee{--mg:clamp(12px,1.4vw,24px);position:relative;margin-top:clamp(30px,3.4vw,54px);overflow:hidden}.marquee--hero{margin-top:0}.reel-section{padding-top:0;border-top:none}.marquee--hero .tile{width:auto;position:relative}.marquee--hero .tile video,.marquee--hero .tile img{height:calc(100vh - clamp(168px,14vw,224px));width:auto;max-width:none}.marquee--hero .tile video{aspect-ratio:4/5}.marquee--hero .tile img{aspect-ratio:4/5;object-fit:cover}.marquee--hero .tile figcaption{position:absolute;left:clamp(18px,1.6vw,30px);right:clamp(18px,1.6vw,30px);bottom:clamp(16px,1.6vw,28px);margin:0;padding:0;border:0;z-index:2}.marquee--hero .tile figcaption h3{color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.8)}.marquee--hero .tile figcaption p{color:#ffffffe0;text-shadow:0 1px 14px rgba(0,0,0,.8)}.marquee--hero .tile figcaption .tile__no{color:var(--gold);text-shadow:0 1px 14px rgba(0,0,0,.8)}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:clamp(30px,6vw,120px);z-index:3;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--paper),rgba(252,252,251,0))}.marquee:after{right:0;background:linear-gradient(270deg,var(--paper),rgba(252,252,251,0))}.marquee__track{display:flex;gap:var(--mg);width:max-content;animation:drift 80s linear infinite}.marquee__set{display:flex;gap:var(--mg);flex:none}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--mg) / 2))}}.tile{width:clamp(228px,20.5vw,440px);flex:none;cursor:pointer}.tile video{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eceae5;transition:opacity .45s}.tile figcaption{padding-top:14px;border-top:1px solid var(--line);margin-top:14px;display:flex;gap:13px}.tile__no{font-family:var(--serif);font-size:clamp(15px,1.05vw,19px);color:var(--gold);line-height:1.5;flex:none}.tile h3{font-size:clamp(20px,1.55vw,29px);line-height:1.2}.tile p{font-size:clamp(13px,.88vw,16px);line-height:1.6;color:var(--ink-45);margin-top:6px}.marquee__hint{text-align:center;margin-top:clamp(22px,2.4vw,36px);font-size:clamp(11px,.7vw,14px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-45)}.shop{padding-bottom:var(--gap)}.shop__head{text-align:center;max-width:640px;margin:0 auto}.shop__head h2{margin-top:18px}.shop__head .lede{margin:18px auto 0}.filters{display:flex;justify-content:center;gap:clamp(16px,2.4vw,34px);margin:clamp(34px,4vw,52px) 0 clamp(30px,3.4vw,46px);flex-wrap:wrap}.filters button{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45);padding-bottom:6px;border-bottom:1px solid transparent;transition:.3s}.filters button:hover{color:var(--ink)}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,44px) clamp(18px,2.2vw,36px)}.card.is-hidden{display:none}.card__media{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--paper-2)}.card__media img{width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform 1.4s cubic-bezier(.2,.8,.2,1)}.card__media .alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.card:hover .card__media .alt{opacity:1}.card:hover .card__media img{transform:scale(1.03)}.card__body{padding-top:18px}.card__top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.card__name{font-size:26px;line-height:1.1}.card__price{font-family:var(--serif);font-size:20px;color:var(--ink-70)}.card__meta{display:flex;justify-content:space-between;gap:14px;padding-top:11px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-45)}.card__meta .roast{color:var(--gold)}.card__notes{font-size:13.5px;line-height:1.7;color:var(--ink-70);margin-top:13px}.card__buy{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.add{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:4px;transition:.3s}.add:hover{border-color:var(--ink)}.sampler{margin-top:clamp(40px,5vw,76px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(30px,4vw,58px) 0}.sampler h3{font-size:clamp(26px,3.1vw,42px)}.sampler .lede{margin-top:16px}.sampler__price{display:flex;align-items:baseline;gap:14px;margin-top:22px;font-family:var(--serif)}.sampler__price b{font-size:30px;font-weight:400}.sampler__price s{font-size:17px;color:var(--ink-45)}.sampler__price span{font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.sampler__imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sampler__imgs img{width:100%;aspect-ratio:4/5;object-fit:cover}.club{background:var(--paper-2);padding:var(--gap) 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.club__head{text-align:center;max-width:660px;margin:0 auto clamp(40px,4.6vw,68px)}.club__head h2{margin-top:18px}.club__head .lede{margin:18px auto 0}.tiers{display:grid;grid-template-columns:repeat(3,1fr)}.tier{padding:clamp(24px,2.6vw,40px) clamp(18px,2.2vw,34px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px;position:relative}.tier:last-child{border-right:1px solid var(--line)}.tier--star{background:var(--paper)}.tier__tag{position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold)}.tier__sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-45)}.tier h3{font-size:27px}.tier__price{font-family:var(--serif);font-size:38px;line-height:1}.tier__price small{font-family:var(--sans);font-size:12px;letter-spacing:.08em;color:var(--ink-45)}.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ink-70);line-height:1.55}.tier li{display:flex;gap:11px}.tier li:before{content:"\2014";color:var(--gold);flex:none}.tier .btn{margin-top:auto}.club__note{text-align:center;margin-top:26px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45)}.story{padding:var(--gap) 0}.story__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5.5vw,96px);align-items:center}.story__img img{width:100%;aspect-ratio:4/5;object-fit:cover}.story__img figcaption{margin-top:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-45)}.story h2{margin-top:18px}.story p{font-size:15.5px;line-height:1.85;color:var(--ink-70);margin-top:20px;max-width:56ch}.story blockquote{margin-top:30px;padding-top:26px;border-top:1px solid var(--gold-line);font-family:var(--serif);font-size:clamp(21px,2.2vw,30px);line-height:1.35;font-style:italic;color:var(--ink)}.story cite{display:block;font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45);margin-top:16px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.fact b{display:block;font-family:var(--serif);font-size:34px;font-weight:300;line-height:1}.fact span{display:block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-45);margin-top:9px;line-height:1.6}.pair{padding:var(--gap) 0;border-top:1px solid var(--line-soft)}.pair__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,88px);align-items:center}.pair h2{margin-top:18px}.pair .lede{margin-top:20px}.pair__list{margin-top:30px}.pair__row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline}.pair__row:last-of-type{border-bottom:1px solid var(--line-soft)}.pair__row i{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.pair__row b{font-family:var(--serif);font-size:19px;font-weight:400;display:block}.pair__row span{font-size:13px;color:var(--ink-45);display:block;margin-top:3px}.pair__media video{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--paper-2)}.news{padding:var(--gap) 0;text-align:center;border-top:1px solid var(--line-soft)}.news h2{margin-top:18px}.news .lede{margin:18px auto 0}.news form{display:flex;max-width:460px;margin:34px auto 0;border-bottom:1px solid var(--line)}.news input{flex:1;background:none;border:0;padding:13px 2px;font:inherit;font-size:14px;color:var(--ink);outline:none}.news input::placeholder{color:var(--ink-45)}.news button{padding:13px 14px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}footer{border-top:1px solid var(--line);padding:clamp(48px,6vw,78px) 0 30px}.foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.foot__brand img{width:52px}.foot__brand p{font-size:13px;line-height:1.75;color:var(--ink-45);max-width:34ch;margin-top:16px}footer h4{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45);font-family:var(--sans);font-weight:400;margin-bottom:16px}footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}footer li a{font-size:13.5px;color:var(--ink-70);transition:color .3s}footer li a:hover{color:var(--gold)}.foot__bot{margin-top:46px;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--ink-45)}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#fcfcfbf7;display:none;place-items:center;padding:24px}.lb.open{display:grid}.lb video{max-width:min(1080px,92vw);max-height:80vh;background:#eee}.lb__cap{text-align:center;margin-top:16px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45)}.lb__x{position:absolute;top:24px;right:28px;font-size:26px;line-height:1}.rv{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}@media(max-width:1080px){.nav__links{display:none}.burger{display:flex}.grid{grid-template-columns:repeat(2,1fr)}.hero__say,.sec__head,.story__grid,.pair__grid,.sampler{grid-template-columns:1fr}.hero__say{align-items:start}.foot__grid{grid-template-columns:1fr 1fr}.film{aspect-ratio:16/9}.tiers{grid-template-columns:1fr}.tier{border-left:0;border-top:1px solid var(--line)}.tier:last-child{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:760px){.film{aspect-ratio:4/3;min-height:0}}@media(max-width:760px){.strip p{font-size:11px;padding:12px 16px}.nav{height:84px}.brand img{width:46px;height:46px}.brand__name{font-size:23px;white-space:nowrap}.brand__sub{font-size:9px;margin-top:5px}.cart{font-size:12px}.marquee--hero .tile{width:auto}.marquee--hero .tile video,.marquee--hero .tile img{height:calc(100svh - 150px)}.tile h3{font-size:19px}.tile p{font-size:12.5px}}@media(max-width:600px){.strip .where{display:none}.hero__cta{flex-direction:column;align-items:stretch}.marquee__hint .desk{display:none}}@media(min-width:601px){.marquee__hint .touch{display:none}}@media(max-width:540px){.grid,.foot__grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr;gap:16px}.pair__row{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.marquee{overflow-x:auto;scroll-snap-type:x mandatory}.marquee__set:last-child{display:none}.tile{scroll-snap-align:start}}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:999}.skip:focus{left:0}.rte p{margin-bottom:1em}.rte a{border-bottom:1px solid var(--gold-line)}.rte ul{margin:0 0 1em 1.2em}.card__media,.card__name a{display:block}.card__form{margin:0}.add--out{color:var(--ink-45);border-bottom-color:transparent;cursor:default}.add[disabled]{opacity:.6;cursor:wait}.add.done{color:var(--gold);border-color:var(--gold-line)}.news__ok{margin-top:16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.placeholder svg{width:100%;height:100%;display:block;background:var(--paper-2)}.nav__mobile{display:none;flex-direction:column;gap:2px;padding:0 var(--pad) 22px;border-bottom:1px solid var(--line-soft)}.nav__mobile a{padding:14px 0;border-top:1px solid var(--line-soft);font-size:14px;letter-spacing:.14em;text-transform:uppercase}@media(max-width:1080px){.nav__mobile:not([hidden]){display:flex}}.page{padding:var(--gap) 0}.page h1{margin-bottom:24px}.page--404{text-align:center}.pdp{padding:clamp(30px,4vw,60px) 0 var(--gap)}.pdp__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4.5vw,76px);align-items:start;max-width:1560px;margin:0 auto;padding:0 var(--pad)}.pdp__media{display:grid;gap:10px}.pdp__media img{width:100%;height:auto;object-fit:cover}.pdp__info{position:sticky;top:calc(clamp(112px,8vw,152px) + 20px)}.pdp__info h1{font-size:clamp(32px,3.6vw,54px);margin-top:14px}.pdp__price{font-family:var(--serif);font-size:28px;color:var(--ink-70);margin-top:14px}.pdp__variants{margin-top:22px}.pdp__variants label{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-45);margin-bottom:8px}.pdp__variants select{width:100%;padding:13px;border:1px solid var(--line);background:none;font:inherit;font-size:14px}.pdp__add{margin-top:22px;width:100%}.pdp__desc{margin-top:30px;padding-top:26px;border-top:1px solid var(--line-soft);font-size:15.5px;line-height:1.85;color:var(--ink-70)}.cart{width:100%;border-collapse:collapse;margin-top:26px}.cart td{padding:16px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.cart img{width:80px;height:auto}.cart input[type=number]{width:64px;padding:8px;border:1px solid var(--line);background:none;font:inherit}.cart__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px;justify-content:flex-end}.cart__total{font-family:var(--serif);font-size:22px;margin-right:auto}.search__form{display:flex;gap:12px;margin-top:24px;max-width:520px}.search__form input{flex:1;padding:13px 2px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;outline:none}.post{padding:28px 0;border-top:1px solid var(--line-soft)}.post h2{font-size:clamp(24px,2.6vw,36px)}.pagination{margin-top:44px;text-align:center;font-size:12px;letter-spacing:.14em}.pagination a{border-bottom:1px solid var(--line)}.reel-section .marquee{margin-top:0}.proc--film{padding-top:var(--gap)}@media(max-width:1080px){.pdp__grid{grid-template-columns:1fr}.pdp__info{position:static}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/theme.css.map */