@charset "UTF-8";
:root{--ink:#30190f;--red:#981d20;--paper:#eee0c8;--line:#ab8d6b;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#35312c url('/assets/granite-768.jpg') repeat;background-size:650px;font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}a:hover h3,.hero-caption:hover{color:var(--red)}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(24px,2.75vw,40px);line-height:1.1}h3{font-size:clamp(24px,2.7vw,40px);line-height:1.06}p{line-height:1.35}.countertop{width:min(1440px,100%);margin:auto;padding:30px 40px 25px}.paper{position:relative;background-color:var(--paper);background-image:linear-gradient(110deg,#fff8e32b,#ac784515),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.17' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:1px 5px 9px #120d09a1,inset 0 0 18px #fff1d865;border-radius:3px 5px 2px 6px / 5px 3px 6px 2px}.paper:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #f7ebd796;border-radius:inherit;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.masthead{min-height:76px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;transform:rotate(-.1deg);margin:0 12px 28px}.wordmark{font-size:42px;font-style:italic;font-weight:bold;letter-spacing:-.055em;white-space:nowrap}.masthead nav{display:flex;align-items:center;gap:clamp(18px,2.1vw,34px);font:15px/1.3 Arial,sans-serif}.masthead nav a:hover{color:var(--red)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:0;position:relative;min-height:490px;margin:0 0 28px}.hero-paper{z-index:1;padding:36px 36px 32px;align-self:center;transform:rotate(-.45deg)}.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.hero .eyebrow{font-size:14px;letter-spacing:.24em;margin-bottom:28px}h1{font-size:clamp(48px,6.15vw,89px);line-height:.99;letter-spacing:-.065em;font-weight:600;margin:0 -14px 22px 0}.hero-intro{font-size:clamp(18px,1.85vw,26px);max-width:590px;margin-bottom:26px}.button{display:inline-block;background:var(--red);color:#fff1da;font-size:clamp(19px,2vw,27px);padding:13px 24px;box-shadow:inset 0 0 12px #50100a33;position:relative;z-index:2}.button:hover{background:#7f1419}.hero-caption{display:block;font-size:16px;font-style:italic;margin-top:16px;max-width:80%;position:relative;z-index:2}.hero-still-life{align-self:center;width:112%;margin-left:-4%;aspect-ratio:620/570;background:url('/assets/approved-hero.webp');background-size:247.742% 179.649%;background-position:98.253% 28.634%;clip-path:polygon(26% 2%,46% 1%,60% 9%,87% 5%,100% 72%,33% 100%,18% 75%,9% 63%,2% 42%,4% 22%,13% 8%);filter:drop-shadow(3px 7px 7px #130f0c99)}.coffee-ring{position:absolute;right:22px;bottom:13px;width:110px;height:115px;border:3px solid #b77c32a3;border-left-color:#c78c3c64;border-bottom-width:5px;border-radius:47% 52% 45% 50%;transform:rotate(-18deg);opacity:.68;pointer-events:none}.beginnings{padding:22px 30px 25px;transform:rotate(.15deg)}.begin-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}.illustrated-link{display:flex;align-items:center;gap:18px;padding:0 20px;border-right:1px solid #ac8e6b78;min-width:0}.illustrated-link:first-child{padding-left:0}.illustrated-link:last-child{border:0;padding-right:0}.illustrated-link h3{font-size:clamp(22px,2.4vw,34px)}.art{display:block;flex-shrink:0;background-image:url('/assets/approved-editorial.webp');background-repeat:no-repeat;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.06);width:100%;aspect-ratio:var(--w)/var(--h);background-size:calc(1024 / var(--w) * 100%) calc(1536 / var(--h) * 100%);background-position:calc(var(--x) / (1024 - var(--w)) * 100%) calc(var(--y) / (1536 - var(--h)) * 100%)}.illustrated-link .art{width:43%;max-width:155px}.art-botanical{--x:48;--y:480;--w:146;--h:124}.art-italy{--x:354;--y:479;--w:165;--h:124}.art-moka{--x:713;--y:477;--w:112;--h:124}.section{margin-top:28px;scroll-margin-top:24px}.culture{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:center}.culture-lead{padding:25px 26px;transform:rotate(-.4deg)}.lead-story{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center;margin-top:23px}.photo{display:block;background-image:url('/assets/approved-editorial.webp');background-repeat:no-repeat;width:100%;aspect-ratio:var(--w)/var(--h);background-size:calc(1024 / var(--w) * 100%) calc(1536 / var(--h) * 100%);background-position:calc(var(--x) / (1024 - var(--w)) * 100%) calc(var(--y) / (1536 - var(--h)) * 100%);filter:grayscale(1);box-shadow:0 0 1px #62523e}.photo-bar{--x:54;--y:690;--w:369;--h:193}.lead-copy h3{font-size:clamp(31px,3.8vw,54px);margin:12px 0 17px}.lead-copy .eyebrow{font-size:10px}.lead-copy p{font-size:20px}.read-link{font:11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--red);display:block;margin-top:18px}.coffee-menu{padding:12px 24px;transform:rotate(1deg)}.coffee-menu>a{display:flex;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #a98b6d80}.coffee-menu>a:last-child{border:0}.coffee-menu .art{width:31%;max-width:135px}.coffee-menu h3{font-size:clamp(21px,2.2vw,31px)}.art-espresso{--x:685;--y:650;--w:115;--h:80}.art-cappuccino{--x:679;--y:738;--w:120;--h:83}.art-naples{--x:658;--y:822;--w:169;--h:69}.kitchen{padding:25px 28px 27px;transform:rotate(.1deg)}.kitchen-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:25px}.kitchen-story{display:grid;grid-template-columns:1.05fr 1fr;gap:23px;align-items:center}.kitchen-story h3{font-size:clamp(24px,2.8vw,40px);margin:8px 0 12px}.kitchen-story p{font-size:20px}.photo-home{--x:50;--y:969;--w:253;--h:124}.packaging{grid-template-columns:.7fr 1.3fr;border-left:1px solid #ac8e6b78;padding-left:24px}.art-package{--x:587;--y:959;--w:150;--h:139}.roasters{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.roaster{padding:24px 25px}.roaster-left{transform:rotate(-.35deg)}.roaster h2{font-size:clamp(24px,2.7vw,38px);white-space:nowrap;margin-bottom:24px}.roaster-story{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center}.roaster-story h3{font-style:italic;font-size:48px;margin-bottom:15px}.roaster-story p{font-size:25px}.roaster-right{transform:rotate(.6deg);padding-top:32px;padding-bottom:29px}.photo-roaster-one{--x:49;--y:1168;--w:263;--h:148}.photo-roaster-two{--x:538;--y:1169;--w:262;--h:148}.art-beans{--x:382;--y:1279;--w:110;--h:45}.art-beans-two{--x:873;--y:1277;--w:110;--h:44}.roaster-story .art{width:100px;margin-top:17px}.machines{padding:25px 28px 27px;transform:rotate(-.1deg)}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px}.machine-grid>a{display:flex;align-items:center;gap:18px;border-right:1px solid #ac8e6b78;padding:0 24px}.machine-grid>a:first-child{padding-left:0}.machine-grid>a:last-child{padding-right:0;border:0}.machine-grid .art{width:36%;max-width:135px}.machine-grid h3{font-size:clamp(24px,2.65vw,38px);font-style:italic;margin-bottom:10px}.machine-grid p{font-size:19px}.art-bialetti{--x:48;--y:1383;--w:114;--h:103}.art-gaggia{--x:371;--y:1385;--w:109;--h:100}.art-delonghi{--x:695;--y:1381;--w:118;--h:105}.footer{margin-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 24px}.footer .wordmark{font-size:27px}.footer p{font-size:12px;flex:1}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer button{border:0;padding:0;background:none;font:11px/1.4 Arial,sans-serif}.footer button:hover{color:var(--red)}.skip-link{position:fixed;left:15px;top:-100px;background:var(--paper);padding:15px;z-index:20}.skip-link:focus{top:15px}dialog{border:0;background:none;padding:15px;max-width:min(780px,94vw);width:100%;max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#16110cba;backdrop-filter:blur(4px)}.reader-paper{padding:45px 50px}.reader-paper h2{font-size:42px;margin:24px 0}.reader-paper p{font-size:21px;line-height:1.6;margin-bottom:20px}.reader-paper .eyebrow{font-size:11px}.close-reader{display:block;margin:0 0 30px auto;background:none;border:0;font:13px Arial,sans-serif}.close-reader span{font-size:24px;vertical-align:middle;margin-left:8px}.reader-note{font:13px/1.5 Arial,sans-serif!important;color:#725945;border-top:1px solid #bca486;padding-top:18px}.reader-paper a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.hero{min-height:550px}.hero-paper{padding-top:42px;padding-bottom:38px}}
@media(max-width:1100px){.countertop{padding:22px}.masthead{margin-left:0;margin-right:0;padding:13px 22px}.wordmark{font-size:34px}.masthead nav{gap:17px;font-size:12px}.hero-paper{padding:28px}.hero .eyebrow{font-size:11px}.hero{min-height:410px}.hero-caption{font-size:13px}.coffee-ring{width:80px;height:80px}.lead-story{grid-template-columns:1fr;gap:12px}.lead-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.lead-copy .eyebrow{grid-column:1/-1}.lead-copy h3{margin:5px 0 0;font-size:37px}.lead-copy p{font-size:19px;align-self:center}.lead-copy .read-link{grid-column:1/-1;margin-top:10px}.photo-bar{aspect-ratio:1.9}.kitchen-story{grid-template-columns:1fr}.packaging{grid-template-columns:.65fr 1fr}.kitchen-story .eyebrow{font-size:9px}.kitchen-story p{font-size:18px}.kitchen-story h3{font-size:31px}.photo-home{max-height:180px}.roaster-story{gap:15px}.roaster-story h3{font-size:39px}.roaster-story p{font-size:21px}.machine-grid>a{gap:12px;padding:0 15px}.machine-grid p{font-size:16px}.machine-grid h3{font-size:27px}.roaster h2{font-size:27px}.footer p{flex-basis:50%}}
@media(max-width:760px){html{scroll-padding-top:15px}.countertop{padding:16px 13px}.masthead{min-height:64px;padding:11px 18px;flex-wrap:wrap;gap:0;margin-bottom:20px}.wordmark{font-size:33px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:0;font:14px Arial,sans-serif}.menu-toggle span{font-size:20px}.masthead nav{display:none;width:100%;padding:17px 0 6px;gap:0;flex-direction:column;align-items:stretch}.masthead nav.is-open{display:flex}.masthead nav a{font-size:15px;padding:12px 0;border-top:1px solid #bda88c70}.hero{grid-template-columns:1fr;min-height:0;margin-bottom:18px;gap:0}.hero-paper{padding:29px 24px;transform:rotate(-.4deg);margin-right:7px}.hero .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:23px}h1{font-size:clamp(42px,9.5vw,70px);margin-bottom:19px;line-height:1.02}.hero-intro{font-size:21px;max-width:92%}.button{font-size:22px;padding:12px 20px}.hero-caption{font-size:14px}.hero-still-life{width:83%;max-width:410px;justify-self:end;margin:-5px -3px -18px 0;z-index:2}.coffee-ring{right:17px;bottom:16px;width:78px;height:80px}.beginnings{padding:24px 22px}.begin-grid{grid-template-columns:1fr;margin-top:14px}.illustrated-link{padding:15px 0;border:0;border-bottom:1px solid #ac8e6b78;gap:25px;min-height:115px}.illustrated-link .art{width:30%;max-width:110px}.illustrated-link h3{font-size:31px}.illustrated-link br{display:none}.section{margin-top:23px}.culture{grid-template-columns:1fr;gap:20px}.culture-lead{padding:23px 22px}.culture-lead h2{font-size:29px}.lead-story{gap:18px;margin-top:20px}.lead-copy h3{font-size:35px}.lead-copy p{font-size:19px}.lead-copy .eyebrow{display:none}.coffee-menu{margin:0 7px;padding:6px 22px;transform:rotate(.7deg)}.coffee-menu>a{padding:13px 0;gap:25px}.coffee-menu .art{max-width:120px;width:30%}.coffee-menu h3{font-size:28px}.kitchen{padding:25px 22px}.kitchen h2{font-size:29px}.kitchen-grid{grid-template-columns:1fr;gap:24px}.kitchen-story{grid-template-columns:1fr 1fr;gap:18px}.kitchen-story h3{font-size:28px}.kitchen-story p{font-size:18px}.packaging{border-left:0;border-top:1px solid #ac8e6b78;padding:24px 0 0;grid-template-columns:.8fr 1.2fr}.packaging .art{max-width:160px;margin:auto}.roasters{grid-template-columns:1fr;gap:20px}.roaster{padding:24px 22px}.roaster h2{font-size:28px;white-space:normal;margin-bottom:22px}.roaster-story{grid-template-columns:1.1fr 1fr;gap:22px}.roaster-story h3{font-size:45px}.roaster-story p{font-size:23px}.roaster-story .art{width:90px;margin-top:12px}.roaster-story .read-link{font-size:10px;margin-top:10px}.roaster-right{margin-left:6px;margin-right:2px}.machines{padding:24px 22px}.machines h2{font-size:29px}.machine-grid{grid-template-columns:1fr;margin-top:15px}.machine-grid>a{padding:20px 0!important;border:0;border-bottom:1px solid #ac8e6b78;gap:28px}.machine-grid .art{width:29%;max-width:120px}.machine-grid h3{font-size:32px}.machine-grid p{font-size:20px}.footer{padding:21px;gap:13px;margin-top:22px}.footer .wordmark{font-size:30px}.footer p{flex-basis:100%;font-size:14px}.footer nav{padding-top:12px;gap:16px 20px}.footer button{font-size:12px}.reader-paper{padding:25px}.reader-paper h2{font-size:33px}.reader-paper p{font-size:19px}}
.paper{background-image:url('/assets/paper-1000.jpg');background-size:850px auto;mask-image:url('assets/paper-edge.svg');mask-size:100% 100%;mask-repeat:no-repeat;border-radius:0}
.hero{min-height:0}
.hero-still-life{width:100%;margin-left:0;aspect-ratio:1.08;background-image:url('/assets/espresso-cutout-960.webp');background-size:contain;background-position:center;background-repeat:no-repeat;clip-path:none;filter:drop-shadow(5px 8px 7px #130f0c80)}
.art{filter:grayscale(1) brightness(1.21) contrast(1.35)}
.art-naples{--w:154}
@media(max-width:760px){.hero-still-life{width:83%;margin:-5px -3px -18px 0}.paper{background-size:650px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Only the paper surface is masked. Its outer shadow remains visible. */
.site-logo{display:block;width:270px;flex-shrink:0;line-height:0;font-size:0}
.site-logo img{display:block;width:100%;height:auto;aspect-ratio:3 / 1;object-fit:contain}
.footer .site-logo{width:180px;font-size:0}
@media(max-width:1100px){.masthead .site-logo{width:225px}}
@media(max-width:760px){.masthead .site-logo{width:clamp(160px,52vw,220px)}.footer .site-logo{width:180px}}

.paper{
  isolation:isolate;
  mask-image:none;
  background:none;
  box-shadow:none;
  filter:drop-shadow(1px 2px 1px #140b0770) drop-shadow(4px 8px 5px #160e0ba6);
}
.paper::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(150deg,#fff8e522,transparent 45%,#8b592c0c),url('/assets/paper-1000.jpg') 0 0 / 850px auto;
  mask:url('assets/paper-edge.svg') 0 0 / 100% 100% no-repeat;
  box-shadow:inset 0 1px 2px #fff9eab3,inset 0 -2px 3px #8f66452b;
}
.paper::after{border:0;box-shadow:none}
.hero-paper{filter:drop-shadow(1px 2px 1px #140b077d) drop-shadow(5px 10px 6px #160e0bb3)}
.coffee-ring{
  width:166px;
  height:166px;
  right:14px;
  bottom:-4px;
  border:0;
  border-radius:0;
  background:url('/assets/coffee-ring-256.webp') center / contain no-repeat;
  transform:rotate(-15deg);
  opacity:.8;
  mix-blend-mode:multiply;
  mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);
}
.coffee-menu{filter:drop-shadow(1px 2px 1px #140b0770) drop-shadow(5px 9px 6px #160e0b9c)}
@media(max-width:760px){
  .paper{filter:drop-shadow(1px 2px 1px #140b0770) drop-shadow(3px 6px 4px #160e0b9c)}
  .paper::before{background-size:auto,650px auto}
  .coffee-ring{width:103px;height:103px;right:8px;bottom:1px;opacity:.75}
}