@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e7;color:#171713;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid #171713;background:#f3f0e7;position:relative;z-index:3}.logo{font-weight:600;font-size:25px;letter-spacing:-2px}.logo span{font-family:'Instrument Serif';font-style:italic;color:#e34b25}nav{display:flex;gap:34px;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.shop{text-transform:uppercase;font-size:12px;border-bottom:1px solid;padding-bottom:5px}.shop b{color:#e34b25}.hero{height:calc(100vh - 86px);min-height:690px;position:relative;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,3,.3),rgba(10,8,3,.02)),url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=2200&q=90') center 53%/cover}.hero-top,.hero-bottom{position:absolute;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;z-index:1}.hero-top{top:32px}.hero h1{position:absolute;z-index:1;left:3vw;bottom:13%;margin:0;font-family:'Instrument Serif';font-size:clamp(110px,15.5vw,250px);line-height:.67;font-weight:400;letter-spacing:-.045em}.hero h1 em{padding-left:17vw;font-weight:400}.hero-bottom{bottom:30px;align-items:end}.hero-bottom p{font-size:17px;line-height:1.4;letter-spacing:0;max-width:340px;margin:0}.hero-bottom a{text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px}.hero-bottom i{font-size:18px;color:#f6d333}.sun{position:absolute;z-index:2;right:4vw;top:17%;width:114px;height:114px;border-radius:50%;background:#f6d333;color:#171713;display:grid;place-content:center;text-align:center;font-size:24px;transform:rotate(8deg)}.sun small{font-size:10px;letter-spacing:.12em}.manifesto{padding:150px 6vw 130px}.eyebrow,.finder-title>span,.process-copy>span,.origin-copy>span,.club-copy>span,.cafe span{font-size:11px;letter-spacing:.15em}.manifesto h2,.finder h2,.process h2,.origin h2,.club h2,.cafe h2{font-family:'Instrument Serif';font-weight:400;font-size:clamp(70px,10vw,155px);line-height:.82;letter-spacing:-.04em;margin:40px 0 65px}.manifesto h2 i,.finder h2 i,.origin h2 i{color:#e34b25}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-left:38vw}.manifesto-grid>p:first-child{font-family:'Instrument Serif';font-size:31px;line-height:1.2;margin:0}.aside{font-size:12px;line-height:1.45;margin:0;border-left:1px solid;padding-left:24px}.finder{background:#171713;color:#f3f0e7;padding:120px 3vw}.finder-title{display:flex;justify-content:space-between;align-items:flex-start}.finder-title h2{margin:0 5vw 100px 0}.roast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roast{color:#171713;padding:14px}.yellow{background:#f0c82e}.blue{background:#81a8e6}.pink{background:#ef9cab}.roast-img{height:390px;background-size:cover;background-position:center;filter:saturate(.8)}.honey{background-image:url('https://images.unsplash.com/photo-1559056199-641a0ac8b55e?auto=format&fit=crop&w=1000&q=88')}.night{background-image:url('https://images.unsplash.com/photo-1511537190424-bbbab87ac5eb?auto=format&fit=crop&w=1000&q=88')}.quiet{background-image:url('https://images.unsplash.com/photo-1497935586351-b67a49e012bf?auto=format&fit=crop&w=1000&q=88')}.roast-copy{padding:25px 8px 10px}.roast-copy>span,.roast-copy>p{font-size:11px;letter-spacing:.12em}.roast h3{font-family:'Instrument Serif';font-size:58px;font-weight:400;margin:8px 0 0}.roast ul{display:flex;list-style:none;padding:0;gap:8px;margin:34px 0 28px}.roast li{font-size:9px;border:1px solid;border-radius:20px;padding:7px 9px}.roast a{display:flex;justify-content:space-between;border-top:1px solid;padding-top:14px;font-size:12px}.roast a b{font-size:18px}.process{display:grid;grid-template-columns:1.15fr .85fr;min-height:850px}.process-photo{background:url('https://images.unsplash.com/photo-1442512595331-e89e73853f31?auto=format&fit=crop&w=1400&q=90') center/cover;position:relative}.process-photo span{position:absolute;left:25px;bottom:24px;color:white;font-size:10px;letter-spacing:.12em}.process-copy{padding:90px 5vw;background:#e8d8c1}.process h2{font-size:clamp(80px,9vw,140px);margin:70px 0 55px}.process-copy>p{font-family:'Instrument Serif';font-size:29px;line-height:1.25;max-width:560px}.stats{display:flex;gap:9%;border-top:1px solid;margin:60px 0 55px;padding-top:25px}.stats b{font-family:'Instrument Serif';font-size:50px;font-weight:400}.stats small{display:block;font-family:'DM Sans';font-size:8px;letter-spacing:.1em}.process-copy>a,.origin-copy>a,.club-copy>a{font-size:12px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px}.origin{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#367c4d;color:white}.origin-copy{padding:100px 5vw}.origin h2{font-size:clamp(86px,9vw,140px);margin:60px 0 50px}.origin h2 i{color:#f2cf30}.origin-copy p{font-family:'Instrument Serif';font-size:27px;line-height:1.3;max-width:500px;margin:0 0 55px}.origin-photo{background:url('https://images.unsplash.com/photo-1544986581-efac024faf62?auto=format&fit=crop&w=1400&q=90') center/cover}.stamp{position:absolute;right:43%;bottom:55px;width:105px;height:105px;border-radius:50%;background:#ef552f;color:#171713;display:grid;place-content:center;text-align:center;font-size:21px;line-height:.85;transform:rotate(-10deg)}.stamp small{font-size:8px;letter-spacing:.1em;margin-top:7px}.club{display:grid;grid-template-columns:1.1fr .9fr;background:#f2cf30;min-height:720px}.club-photo{background:url('https://images.unsplash.com/photo-1447933601403-0c6688de566e?auto=format&fit=crop&w=1500&q=90') center/cover}.club-copy{padding:100px 5vw}.club h2{font-size:clamp(80px,8.5vw,130px);margin:70px 0 40px}.club p{font-size:19px;line-height:1.55;max-width:450px;margin-bottom:50px}.cafe{padding:130px 5vw;display:grid;grid-template-columns:1.4fr .6fr;align-items:end}.cafe h2{font-size:clamp(95px,12vw,180px);margin:55px 0 0}.cafe>div:last-child{border-top:1px solid;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;font-size:13px;line-height:1.6}.cafe a{grid-column:1/-1;margin-top:50px;text-transform:uppercase;font-size:11px}footer{background:#171713;color:#f3f0e7;padding:50px 3.5vw;display:flex;justify-content:space-between;align-items:end}footer p{font-size:10px;letter-spacing:.1em}
@media(max-width:760px){header{height:68px;padding:0 20px}nav{display:none}.hero{height:760px;min-height:0}.hero-top{left:20px;right:20px}.hero-top span:last-child{display:none}.hero-photo{background-position:58% center}.hero h1{font-size:26vw;left:16px;bottom:24%;line-height:.72}.hero h1 em{padding-left:8vw}.hero-bottom{left:20px;right:20px;bottom:24px;display:block}.hero-bottom p{font-size:15px;margin-bottom:30px;max-width:270px}.sun{width:82px;height:82px;right:18px;top:18%;font-size:18px}.manifesto{padding:90px 20px}.manifesto h2,.finder h2,.process h2,.origin h2,.club h2,.cafe h2{font-size:19vw;line-height:.88}.manifesto-grid{display:block;margin:0}.manifesto-grid>p:first-child{font-size:26px}.aside{margin-top:50px}.finder{padding:80px 12px}.finder-title{display:block}.finder-title h2{margin:30px 0 60px}.roast-grid{grid-template-columns:1fr;gap:12px}.roast-img{height:380px}.process,.origin,.club{grid-template-columns:1fr}.process-photo,.origin-photo,.club-photo{min-height:520px}.process-copy,.origin-copy,.club-copy{padding:75px 22px}.process h2,.origin h2,.club h2{margin:45px 0 35px}.process-copy>p,.origin-copy p{font-size:25px}.stats{gap:5%;justify-content:space-between}.stats b{font-size:39px}.origin-photo{order:-1}.stamp{right:20px;bottom:auto;top:470px}.cafe{display:block;padding:90px 20px}.cafe>div:last-child{margin-top:60px}.cafe h2{margin-top:40px}footer{display:block;padding:45px 20px}footer p{margin-top:25px}}
.roast,.process-copy,.origin-copy,.club-copy{opacity:0;transform:translateY(24px);transition:.7s ease}.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.roast,.process-copy,.origin-copy,.club-copy{opacity:1;transform:none;transition:none}}