@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#292720;--cream:#f4f1e9;--orange:#df5b32;--muted:#777269;--line:#d9d4c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}img{max-width:100%}header{height:104px;padding:14px 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:5;border-bottom:1px solid var(--line)}.logo{width:77px;display:block}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a:hover{color:var(--orange)}.header-cta{font-size:13px;border:1px solid #bbb5a8;border-radius:30px;padding:13px 21px}.header-cta span{margin-left:30px}.menu-toggle{display:none}.hero{min-height:720px;background:var(--ink);color:var(--cream);position:relative;overflow:hidden;padding:31px 5.5% 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;position:relative;z-index:2}.hero-top{color:#c8c1b1}.hero-top i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:9px;box-shadow:0 0 14px #ff916b}.hero-copy{position:relative;z-index:2;padding:90px 0 104px;max-width:650px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 26px}.hero-copy .eyebrow{color:#b8b0a0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-5px;line-height:1.03}h1{font-size:clamp(64px,6.8vw,108px);margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.intro{font-size:15px;color:#c8c1b6;line-height:1.8;margin-bottom:32px}.button{display:inline-flex;gap:52px;align-items:center;border-radius:40px;padding:17px 23px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#f0d4bd}.light{background:var(--cream);color:var(--ink)}.button span{font-size:19px}.hero-art{position:absolute;right:1%;top:58px;width:52%;height:580px}.art-word{position:absolute;font-family:Georgia,serif;font-size:610px;line-height:1;color:#3d3930;left:12%;top:-10px}.orbit{position:absolute;border:1px solid #6e62513e;width:510px;height:510px;border-radius:50%;left:12%;top:30px;transform:rotate(-25deg) scaleX(1.15)}.orbit-two{width:600px;height:600px;left:4%;top:-12px;border-style:dashed;border-color:#6e62512e}.floating-product{height:490px;position:absolute;left:27%;top:0;transform:rotate(12deg);animation:float 7s ease-in-out infinite;filter:drop-shadow(24px 30px 15px #0005)}.floating-product img{height:100%;width:auto}.roast-stamp{position:absolute;right:2%;top:75px;border:1px solid #a7a08b;border-radius:50%;height:113px;width:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;letter-spacing:1px;transform:rotate(16deg);line-height:1.2}.roast-stamp span{font-size:30px;line-height:.7;color:#dbb995}.product-caption{position:absolute;bottom:8px;left:38%;display:flex;flex-direction:column;gap:8px}.product-caption span{font-size:9px;color:#b4aa99;letter-spacing:1px}.product-caption strong{font-size:15px;font-weight:500}.bean{position:absolute;display:block;width:37px;height:58px;border-radius:50%;background:radial-gradient(ellipse at 35% 35%,#987052,#452c1e 65%);box-shadow:7px 12px 15px #0004;transform:rotate(40deg)}.bean:after{content:'';position:absolute;width:5px;height:90%;left:47%;top:5%;border-radius:50%;background:#2b1b12;transform:rotate(-9deg)}.bean-one{left:14%;top:105px;transform:rotate(-35deg)}.bean-two{right:9%;bottom:113px;transform:rotate(52deg) scale(.8)}.bean-three{left:17%;bottom:72px;transform:rotate(-10deg) scale(.5);filter:blur(1px)}.hero-bottom{position:absolute;bottom:26px;left:5.5%;right:5.5%;color:#a69d8a;border-top:1px solid #ffffff18;padding-top:20px;font-size:8px}.hero-bottom a span{margin-left:20px;font-size:15px}.ticker{background:var(--orange);overflow:hidden;padding:19px 0;color:var(--ink)}.ticker div{display:flex;width:max-content;gap:38px;align-items:center;font-size:13px;font-weight:700;letter-spacing:2px;animation:marquee 38s linear infinite}.ticker b{font-size:25px;font-weight:400}.section{padding:100px 5.5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:7px}h2{font-size:61px;letter-spacing:-3px}.filters{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.filters button,.brew-tabs button{border:1px solid var(--line);padding:12px 20px;border-radius:25px;background:transparent;font-size:12px;transition:background .2s}.filters button.active,.brew-tabs button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.filters small{margin-left:12px;opacity:.65}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 18px}.product-card{min-width:0;text-align:left;display:block;background:none;padding:0}.product-visual{background:#eae6db;position:relative;aspect-ratio:3/3.8;display:grid;place-items:center;overflow:hidden}.product-card:nth-child(4n+2) .product-visual{background:#e0e4d9}.product-card:nth-child(4n+3) .product-visual{background:#eee1d3}.product-card:nth-child(4n+4) .product-visual{background:#e4e1d9}.product-visual img{height:83%;width:auto;max-width:85%;object-fit:contain;transition:transform .5s;filter:drop-shadow(12px 16px 8px #0002)}.product-card:hover img{transform:rotate(-6deg) translateY(-7px) scale(1.04)}.product-tag{position:absolute;left:16px;top:17px;font-size:8px;letter-spacing:1px;border:1px solid #bbb3a4;border-radius:20px;padding:6px 9px}.product-arrow{position:absolute;bottom:16px;right:16px;border-radius:50%;width:34px;height:34px;background:var(--cream);display:grid;place-items:center;font-size:19px}.product-info{padding:18px 0 0}.product-info>span{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.product-info h3{font-size:16px;font-weight:500;margin:9px 0}.product-info p{font-size:11px;color:var(--muted);margin:0}.catalog-link{display:flex;justify-content:space-between;margin-top:40px;padding-top:25px;border-top:1px solid var(--line);font-size:12px}.catalog-link>span{color:var(--muted)}.catalog-link a{border-bottom:1px solid var(--ink);padding-bottom:6px}.story{background:#e8e3d8;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-art{min-height:530px;background:var(--ink);color:var(--cream);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-art img{width:190px;filter:brightness(0) invert(.95);position:relative;z-index:1}.story-art>span{font-size:23px;letter-spacing:2px;text-align:center;line-height:1.4;margin-top:40px;position:relative}.fire-halo{position:absolute;width:330px;height:330px;border:1px solid #da6e3866;border-radius:50%;top:50px;background:radial-gradient(ellipse,#cf67332b,transparent 65%);box-shadow:0 0 0 28px #d5722910,0 0 0 57px #d5722908;animation:glow 5s infinite alternate}.coordinates{position:absolute;bottom:22px;font-size:8px;letter-spacing:2px;color:#a99c85}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6e685d;max-width:460px}.story-notes{margin-top:30px;display:flex;flex-direction:column}.story-notes span{padding:16px 0;border-bottom:1px solid #cdc7bc;font-size:12px}.story-notes b{color:var(--orange);font-size:10px;margin-right:25px}.finder{text-align:center;background:#eee8db}.finder h2{font-size:53px;margin-bottom:22px}.finder>p:not(.eyebrow){font-size:14px;color:var(--muted)}.finder-options{display:flex;gap:15px;justify-content:center;margin-top:38px}.finder-options button{padding:22px 25px;background:transparent;border:1px solid #c8beac;border-radius:4px;font-size:13px;transition:background .2s}.finder-options button:hover,.finder-options button.selected{background:var(--ink);color:var(--cream)}.finder-options span{margin-left:30px}#match-result:not(:empty){max-width:600px;margin:25px auto 0;padding:22px;background:var(--cream);line-height:1.8;font-size:14px}#match-result a{display:inline-block;color:#b34220;border-bottom:1px solid;margin-top:10px}.brew-tabs{display:flex;gap:10px;margin-bottom:35px}.brew-content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brew-step{border-top:1px solid var(--line);padding-top:25px}.brew-step>span{font-size:12px;color:var(--orange)}.brew-step h3{font-size:23px;font-weight:500;margin:24px 0 15px}.brew-step p{font-size:13px;color:var(--muted);line-height:1.8;max-width:330px}.brew-note{font-size:11px;color:var(--muted);margin:24px 0 0}.contact{background:var(--orange);display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:center}.contact>.eyebrow{grid-column:1/-1}.contact h2{font-size:82px;margin:0}.contact em{color:var(--cream)}.contact>div{padding-top:20px}.contact p:not(.eyebrow){line-height:1.8;font-size:15px}.contact .button{margin-top:12px}footer{background:var(--ink);color:var(--cream);padding:46px 5.5% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-top img{width:88px;filter:brightness(0) invert(.92)}.footer-top p{font-family:Georgia,serif;font-style:italic;font-size:23px;margin:0;color:#bfb6a3}.footer-top a{font-size:11px}.footer-bottom{border-top:1px solid #ffffff22;padding-top:24px;display:flex;justify-content:space-between;font-size:9px;color:#b4ab99}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}dialog{width:min(830px,92vw);border:0;border-radius:8px;padding:45px;background:var(--cream);color:var(--ink);max-height:90vh}dialog::backdrop{background:#19160fbb;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:30px}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.dialog-layout img{max-height:390px;justify-self:center}.dialog-layout h2{font-size:39px;letter-spacing:-2px}.dialog-layout p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-layout .button{background:var(--ink);color:var(--cream);margin-top:20px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-17px) rotate(9deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes glow{to{transform:scale(1.08);opacity:.7}}@media(min-width:1600px){.hero{min-height:820px}.hero-copy{padding-top:125px}.hero-art{top:100px;right:5%;transform:scale(1.12)}}@media(max-width:1000px){.hero{min-height:660px}h1{font-size:75px}.hero-copy{max-width:57%;padding-top:100px}.hero-art{right:-8%;top:90px;transform:scale(.85);transform-origin:center}.roast-stamp{right:0}.product-grid{grid-template-columns:repeat(2,1fr)}h2{font-size:50px}.story{gap:6%}.story-art{min-height:470px}.finder-options button{padding:20px 15px}.finder-options span{margin-left:15px}.contact h2{font-size:65px}}@media(max-width:640px){header{height:85px;padding:10px 6%}.logo{width:61px}.header-cta{margin-left:auto;margin-right:15px;padding:10px 14px;font-size:11px}.header-cta span{margin-left:15px}.menu-toggle{display:block;background:none;font-size:23px}nav{display:none;position:absolute;left:0;right:0;top:85px;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:22px}.hero{padding:24px 6% 0;min-height:910px}.hero-top{font-size:7px;letter-spacing:1px}.hero-top>span:last-child{display:none}.hero-copy{padding:46px 0 0;max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:21px}h1{font-size:66px;letter-spacing:-4px;margin-bottom:22px}.intro{font-size:12px;line-height:1.8;margin-bottom:23px}.button{padding:14px 21px;font-size:11px;gap:42px}.hero-art{top:447px;right:0;width:100%;height:420px;transform:none}.floating-product{height:335px;left:31%;top:8px}.art-word{font-size:430px;left:18%;top:-22px}.orbit{width:300px;height:300px;left:12%;top:20px}.orbit-two{width:365px;height:365px;left:4%;top:-10px}.roast-stamp{right:4%;top:25px;width:79px;height:79px;font-size:6px}.roast-stamp span{font-size:23px}.product-caption{bottom:5px;left:30%;gap:6px}.product-caption strong{font-size:12px}.product-caption span{font-size:7px}.bean-one{top:55px;left:16%;width:25px;height:40px}.bean-two{right:13%;bottom:100px}.bean-three{left:18%;bottom:90px}.hero-bottom{bottom:18px;font-size:7px;left:6%;right:6%;padding-top:13px}.hero-bottom>span{display:none}.ticker{padding:13px 0}.ticker div{font-size:10px;gap:23px}.section{padding:64px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:43px;letter-spacing:-2.4px}.section-heading>p{margin:22px 0 0;font-size:12px}.filters{gap:7px;flex-wrap:wrap;padding-bottom:20px}.filters button{padding:10px 13px;font-size:10px}.filters small{margin-left:5px}.product-grid{gap:27px 12px}.product-tag{font-size:6px;left:9px;top:10px;padding:5px 6px}.product-arrow{height:27px;width:27px;right:9px;bottom:9px;font-size:16px}.product-info{padding-top:13px}.product-info h3{font-size:13px;line-height:1.35}.product-info>span{font-size:7px}.product-info p{font-size:9px}.catalog-link{display:block;line-height:1.8;font-size:11px;margin-top:28px}.catalog-link a{display:inline-block;margin-top:14px}.story{grid-template-columns:1fr;gap:39px}.story-art{min-height:400px}.story-art img{width:150px}.story-art>span{font-size:19px;margin-top:27px}.fire-halo{top:25px;width:290px;height:290px}.story-copy>p:not(.eyebrow){font-size:13px}.finder h2{font-size:40px}.finder>p:not(.eyebrow){font-size:12px;line-height:1.8}.finder-options{flex-direction:column;gap:10px;margin-top:28px}.finder-options button{text-align:left;display:flex;justify-content:space-between;font-size:12px;padding:19px}.brew-tabs{gap:7px}.brew-tabs button{font-size:11px;padding:11px 17px}.brew-content{grid-template-columns:1fr;gap:14px}.brew-step{padding:19px 0 0;display:grid;grid-template-columns:30px 1fr}.brew-step h3{font-size:21px;margin:0 0 12px}.brew-step p{grid-column:2;font-size:12px;margin-bottom:10px}.brew-note{font-size:10px;line-height:1.7}.contact{grid-template-columns:1fr}.contact h2{font-size:62px}.contact p:not(.eyebrow){font-size:13px}.contact>div{padding-top:30px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top img{width:65px}.footer-top p{font-size:16px}.footer-top a{width:100%}.footer-bottom{flex-wrap:wrap;gap:17px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:38px 24px 28px}.dialog-layout{grid-template-columns:1fr;gap:20px}.dialog-layout img{height:230px}.dialog-layout h2{font-size:30px;letter-spacing:-1px}.dialog-layout .eyebrow{margin-bottom:14px}.dialog-layout p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.product-visual img{position:absolute;inset:8.5% 0;margin:auto;height:83%;width:85%;object-fit:contain}.js .reveal{opacity:1}

/* Remotion brand composition: isolated responsive stage, no CSS timeline. */
.hero-art.hero-motion{width:min(51%,700px);height:auto;aspect-ratio:1;right:1.5%;top:35px;transform:none}
.motion-stage{position:relative;width:100%;isolation:isolate}.motion-stage canvas{max-width:none}.motion-toggle{position:absolute;bottom:0;right:8%;display:flex;align-items:center;gap:9px;border:1px solid #8e806455;border-radius:30px;background:#292720e6;color:#c9bda7;padding:10px 14px;font-size:10px;z-index:3;min-height:40px}.motion-toggle:hover{border-color:#df5b32;color:#f4f1e9}.motion-toggle>span:first-child{font-size:12px}.motion-fallback,.motion-error{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.motion-fallback img,.motion-error img{height:72%;width:auto;filter:drop-shadow(15px 25px 20px #0006)}.motion-fallback p{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#cabda6;margin-top:22px}
@media(min-width:1600px){.hero-art.hero-motion{right:5%;top:50px;width:700px}}
@media(min-width:641px) and (max-width:1000px){.hero-art.hero-motion{top:100px;right:0;width:48%}.motion-toggle{bottom:-20px}}
@media(max-width:640px){.hero-art.hero-motion{top:450px;right:0;width:100%;max-width:450px}.motion-toggle{bottom:-8px;right:7%;padding:7px 12px;font-size:9px}.hero:has(.hero-motion){min-height:max(910px,calc(100vw + 540px))}}

.hero-art.hero-motion{width:min(48%,600px);top:25px;right:3%}@media(min-width:1600px){.hero-art.hero-motion{width:680px;top:35px;right:5%}}@media(min-width:641px) and (max-width:1000px){.hero-art.hero-motion{width:48%;top:100px;right:0}}@media(max-width:640px){.hero-art.hero-motion{top:450px;right:0;width:100%}}