.cafe-page{--cafe-brown:#291612;--cafe-cream:#f2e9da;--cafe-coral:#e9977a}.cafe-page h2,.cafe-feature h2{font-size:clamp(38px,4.8vw,72px);line-height:1.04;letter-spacing:-.055em}.cafe-page h3{font-size:clamp(26px,2.7vw,40px);line-height:1.12;letter-spacing:-.035em}.cafe-page p{line-height:1.7}.cafe-hero{min-height:720px;height:min(860px,82svh);position:relative;color:#fff;isolation:isolate;overflow:hidden;background:#291612}.cafe-hero>img,.cafe-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cafe-hero-shade{z-index:-1;background:linear-gradient(90deg,#170b08dd,#170b0870 48%,transparent 80%)}.cafe-hero-copy{padding:65px var(--gutter);max-width:900px}.cafe-hero h1{font-size:clamp(56px,6vw,90px);line-height:.99;letter-spacing:-.06em;margin:30px 0}.cafe-hero em,.cafe-project em{font-family:inherit;font-style:normal;font-weight:500;color:#ff8056}.cafe-hero-copy>p:not(.eyebrow){font-size:18px;margin-bottom:28px}.cafe-concept{position:absolute;bottom:22px;right:var(--gutter);font-size:10px;color:#fff}.cafe-jump{display:flex;flex-wrap:wrap;gap:16px 36px;padding:22px var(--gutter);border-bottom:1px solid #d8d6d0;font-size:13px}.cafe-jump a{padding:10px 0}.cafe-jump a:last-child{margin-left:auto}.cafe-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:30px 80px;align-items:center}.cafe-intro>.eyebrow{grid-column:1/-1}.cafe-intro>p:last-child{max-width:550px;font-size:20px}.cafe-cups{background:#eae5dc}.cafe-section-heading{max-width:780px;margin-bottom:44px}.cafe-section-heading h2,.cafe-section-heading h3{margin:22px 0}.cafe-section-heading>p:last-child{max-width:600px}.cafe-photo{position:relative;display:block;border:0;padding:0;background:#e8dfd0;color:#191918;width:100%}.cafe-photo img{width:100%;height:100%;object-fit:cover;display:block}.cafe-wide-photo{height:clamp(350px,44vw,650px)}.cafe-wide-photo img{object-position:center 57%}.cafe-expand{position:absolute;right:18px;bottom:18px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#f5f3ef}.cafe-expand svg{width:20px}.cafe-cup-choices{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px}.cafe-cup-choices p{margin:20px 0}.cafe-sizes{border-top:1px solid #c6beb2;margin-top:64px;padding-top:54px}.cafe-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.cafe-size{border-top:1px solid #bdb4a5;padding-top:20px}.cafe-size strong{font-size:clamp(52px,6vw,88px);font-weight:400;letter-spacing:-.07em;color:#80141a}.cafe-size span{margin-left:8px;font-size:20px}.cafe-size h4{font-size:18px;margin:12px 0}.cafe-size>p:last-child{font-size:14px}.cafe-note{font-size:12px;max-width:780px;margin-top:36px;color:#625b54}.cafe-stickers{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,90px);background:var(--brand-panel);color:var(--on-brand);align-items:center}.cafe-stickers h2{margin:24px 0}.cafe-stickers>div>p:not(.eyebrow){max-width:530px}.cafe-stickers ul{padding:0;list-style:none;margin:30px 0}.cafe-stickers li{border-top:1px solid #ffffff66;padding:17px 0;font-size:14px;line-height:1.6}.cafe-stickers li strong{display:block;margin-bottom:6px;font-size:17px}.cafe-stickers .cafe-photo{height:660px}.cafe-touchpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 44px}.cafe-touchpoint{border-top:1px solid #c9c6bd;padding-top:24px}.cafe-touchpoint>.eyebrow{color:#80141a}.cafe-touchpoint h3{margin:28px 0 18px}.cafe-touchpoint p{font-size:15px}.cafe-touchpoint>div{display:flex;flex-wrap:wrap;gap:2px 20px;margin-top:22px}.cafe-touchpoint a{font-size:12px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.cafe-project{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:#291612;color:#fff;align-items:center}.cafe-project h2{margin:25px 0}.cafe-project>div>p:last-of-type{max-width:540px}.cafe-project-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.cafe-project ol{list-style:none;padding:0;counter-reset:cafe-step}.cafe-project li{counter-increment:cafe-step;position:relative;border-top:1px solid #ffffff40;padding:26px 0 26px 44px;font-size:14px;line-height:1.7}.cafe-project li:before{content:"0" counter(cafe-step);position:absolute;left:0;color:#e9977a}.cafe-project li strong{display:block;font-size:22px;font-weight:500;margin-bottom:12px}.cafe-reference.section{padding-top:0;padding-bottom:32px;font-size:11px;color:#696961}.cafe-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;background:#eee7db;align-items:center}.cafe-feature .cafe-photo{height:470px}.cafe-feature h2{margin:24px 0}.cafe-feature-copy>p:not(.eyebrow){font-size:18px;max-width:490px;line-height:1.65}.cafe-feature-copy>.button{margin-top:28px}.cafe-feature small{display:block;font-size:10px;color:#696961;margin-top:24px}.cafe-product-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding-top:46px}.cafe-product-hero h1{font-size:clamp(46px,5.4vw,80px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.cafe-product-hero p:not(.eyebrow){font-size:19px;line-height:1.65}.cafe-product-hero .button{margin-top:28px}.cafe-product-hero .cafe-photo{height:500px}.cafe-product-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px}.cafe-product-options article{border-top:1px solid #c6beb2;padding-top:24px}.cafe-product-options h3{font-size:28px;margin-bottom:18px}.cafe-product-options p{line-height:1.7;font-size:15px}.cafe-product-options a{margin-top:20px}.cafe-product-specs{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#eae5dc}.cafe-product-specs h2{font-size:40px;line-height:1.1;margin:24px 0}.cafe-product-specs ul{list-style:none;padding:0}.cafe-product-specs li{padding:17px 0;border-bottom:1px solid #c6beb2}.cafe-product-specs p{line-height:1.7}.cafe-related{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--brand-panel);color:var(--on-brand)}.cafe-related h2{font-size:clamp(32px,4vw,52px)}.cafe-related .button{flex-shrink:0}@media(max-width:1000px){.cafe-touchpoints{grid-template-columns:1fr 1fr}.cafe-hero h1{font-size:72px}.cafe-feature,.cafe-product-hero{gap:32px}.cafe-product-hero .cafe-photo{height:420px}}@media(max-width:800px){.cafe-intro,.cafe-stickers,.cafe-project,.cafe-feature,.cafe-product-hero,.cafe-product-specs{grid-template-columns:1fr;gap:36px}.cafe-hero{height:auto;min-height:740px}.cafe-hero-copy{padding:55px var(--gutter) 90px}.cafe-hero h1{font-size:clamp(48px,10vw,76px)}.cafe-hero>img{object-position:60% center}.cafe-hero-shade{background:linear-gradient(90deg,#170b08cc,#170b0850),linear-gradient(0deg,#170b0866,transparent)}.cafe-jump{gap:4px 22px}.cafe-jump a:last-child{margin-left:0}.cafe-intro>p:last-child{font-size:18px}.cafe-cup-choices{gap:32px}.cafe-size-grid{grid-template-columns:1fr 1fr;gap:30px}.cafe-stickers .cafe-photo{height:440px;order:-1}.cafe-feature .cafe-photo{height:350px}.cafe-product-hero{padding-top:30px}.cafe-product-hero .cafe-photo{height:auto;aspect-ratio:3/2}.cafe-related{align-items:flex-start;flex-direction:column}.cafe-product-options{gap:32px}}@media(max-width:520px){.cafe-hero{min-height:690px}.cafe-hero h1{font-size:52px}.cafe-hero-copy>.eyebrow{max-width:280px}.cafe-hero-copy>p:not(.eyebrow){font-size:16px}.cafe-cup-choices,.cafe-touchpoints,.cafe-product-options{grid-template-columns:1fr}.cafe-wide-photo{height:310px}.cafe-stickers .cafe-photo{height:360px}.cafe-sizes{margin-top:40px;padding-top:40px}.cafe-size strong{font-size:65px}.cafe-section-heading{margin-bottom:32px}.cafe-feature .cafe-photo{height:280px}.cafe-product-specs h2{font-size:34px}}@media(max-width:520px){.cafe-feature h2{font-size:clamp(30px,8.3vw,38px);letter-spacing:-.035em;line-height:1.1;text-wrap:balance}.cafe-feature-copy>p:not(.eyebrow){font-size:16px}.cafe-hero h1{font-size:clamp(38px,10.8vw,52px);letter-spacing:-.035em;line-height:1.04;word-spacing:.04em}.cafe-hero-copy{padding-top:44px;padding-bottom:90px}.cafe-concept{left:var(--gutter);right:auto;bottom:24px;max-width:calc(100% - 100px)}}.cafe-page .cafe-hero{min-height:600px;height:clamp(600px,47vw,760px);background:#28180f}.cafe-page .cafe-hero>img{object-fit:contain;object-position:center}.cafe-page .cafe-hero h1{font-size:clamp(44px,5vw,72px)}.cafe-page .cafe-hero-shade{background:linear-gradient(90deg,#170b0877,transparent 58%)}@media(max-width:800px){.cafe-page .cafe-hero{height:auto;min-height:0;display:flex;flex-direction:column}.cafe-page .cafe-hero-copy{order:0;padding:40px var(--gutter) 30px;max-width:100%}.cafe-page .cafe-hero h1{font-size:clamp(38px,8vw,56px)}.cafe-page .cafe-hero>img{position:relative;inset:auto;order:1;height:auto;aspect-ratio:2/1;z-index:0;display:block}.cafe-page .cafe-hero-shade{display:none}.cafe-page .cafe-concept{position:static;order:2;padding:10px var(--gutter) 18px;max-width:100%;color:#dac9ba}}.cafe-page .cafe-wide-photo{height:auto;aspect-ratio:2/1}.cafe-page .cafe-wide-photo img{object-fit:contain;object-position:center}
