:root{--espresso:#201b17;--coffee:#644f3d;--cream:#f4efe7;--paper:#fbf9f5;--sand:#dfd1bf;--coral:#df684c;--line:rgba(32,27,23,.17);--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--espresso);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.topline{height:30px;background:var(--espresso);color:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,239,231,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 8px 25px rgba(32,27,23,.08)}.brand{display:flex;align-items:center;gap:11px;font:700 11px/1.03 var(--mono);letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--coral);font:800 10px var(--sans);letter-spacing:0;animation:markIn .7s both}.main-nav{display:flex;gap:31px;font-size:11px;font-weight:700}.main-nav a,.footer-nav a,.socials a{position:relative}.main-nav a:after,.footer-nav a:after,.socials a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--coral);transition:width .25s}.main-nav a:hover:after,.footer-nav a:hover:after,.socials a:hover:after{width:100%}.header-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 17px;border:1px solid var(--espresso);font-size:10px;font-weight:800;transition:all .25s}.header-cta{background:var(--espresso);color:var(--paper)}.header-cta span,.button span{color:var(--coral);font-size:16px}.header-cta:hover,.button-dark:hover{background:var(--coral);border-color:var(--coral);color:var(--espresso)}.menu-toggle{display:none;background:transparent;border:0}.section{padding:125px 10vw}.hero{min-height:calc(100svh - 114px);position:relative;color:var(--paper);display:flex;align-items:center;padding:10vw;overflow:hidden}.hero-media,.final-cta-image{position:absolute;inset:0;background-position:center;background-size:cover}.hero-media{background-image:linear-gradient(90deg,rgba(26,19,15,.8) 0%,rgba(26,19,15,.34) 62%,rgba(26,19,15,.08)),url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=2200&q=90');animation:heroIn 1.2s ease both}.hero-content{position:relative;z-index:1;max-width:780px}.eyebrow,.section-label,.kicker,.product-number,.card-category{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:#f2b0a0}.dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(58px,8vw,125px)/.87 var(--serif);letter-spacing:-.06em;margin:27px 0 31px}.hero h1 em,h2 em{font-style:italic;color:var(--coral)}.hero-content>p:not(.eyebrow){max-width:400px;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.button-light{background:var(--paper);color:var(--espresso);border-color:var(--paper)}.button-light:hover{background:var(--coral);border-color:var(--coral)}.button-ghost{color:var(--paper);border-color:rgba(255,255,255,.55)}.button-ghost:hover{background:var(--paper);color:var(--espresso)}.hero-bottom{position:absolute;bottom:32px;left:10vw;right:10vw;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d9cec4}.hero-bottom i{font:22px var(--serif);color:var(--coral)}.intro{display:grid;grid-template-columns:1.08fr 1fr;gap:11vw;align-items:center}.intro-image{min-height:610px;background:center/cover}.image-lifestyle{background-image:linear-gradient(0deg,rgba(32,27,23,.12),transparent),url('https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=1200&q=90')}.intro-copy{max-width:510px}.section-label{color:var(--coral)}.kicker{color:var(--coffee);margin:34px 0 15px}.intro h2,.section-heading h2,.experience h2,.gallery h2,.story h2{font:600 clamp(45px,5.3vw,78px)/.95 var(--serif);letter-spacing:-.06em;margin:0 0 32px}.intro-copy>p:not(.section-label):not(.kicker){color:var(--coffee);line-height:1.9;max-width:450px}.text-link{display:inline-flex;gap:25px;margin-top:21px;font-size:11px;font-weight:800}.text-link span{font-size:18px;color:var(--coral);margin-top:-5px}.favorites{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.button-dark{background:var(--espresso);color:var(--paper);height:max-content}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{background:var(--cream);transition:transform .3s;overflow:hidden}.product-card:hover{transform:translateY(-8px)}.product-image{height:265px;background-position:center;background-size:cover}.product-moka{background-image:url('https://images.unsplash.com/photo-1541167760496-1628856ab772?auto=format&fit=crop&w=800&q=88')}.product-vanilla{background-image:url('https://images.unsplash.com/photo-1561882468-9110e03e0f78?auto=format&fit=crop&w=800&q=88')}.product-coldbrew{background-image:url('https://images.unsplash.com/photo-1517701604599-bb29b565090c?auto=format&fit=crop&w=800&q=88')}.product-roll{background-image:url('https://images.unsplash.com/photo-1509365465985-25d11c17e812?auto=format&fit=crop&w=800&q=88')}.product-info{padding:21px}.product-number{color:var(--coral)}.product-info h3{font:600 24px var(--serif);margin:17px 0 7px}.product-info p{font-size:11px;color:var(--coffee);min-height:43px}.product-info strong{font:10px var(--mono)}.experience{background:var(--sand);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.experience-head h2{margin-top:25px}.experience-list{border-top:1px solid var(--line)}.experience-list article{display:flex;gap:25px;align-items:flex-start;padding:27px 0;border-bottom:1px solid var(--line)}.experience-icon{font-size:25px;width:37px}.experience-list h3{font:600 22px var(--serif);margin:0 0 8px}.experience-list p{font-size:12px;color:var(--coffee);margin:0;max-width:370px}.gallery{background:var(--cream)}.gallery-heading{align-items:end}.heading-note{max-width:300px;color:var(--coffee);font-size:12px;line-height:1.8;margin:0 0 5px}.gallery-grid{display:grid;grid-template-columns:1.05fr .8fr .85fr;grid-template-rows:260px 260px;gap:13px}.gallery-image{background-position:center;background-size:cover;transition:transform .45s;min-height:0}.gallery-image:hover{transform:scale(.98)}.gallery-coffee{grid-row:span 2;background-image:url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=900&q=88')}.gallery-barista{background-image:url('https://images.unsplash.com/photo-1498804103079-a6351b050096?auto=format&fit=crop&w=700&q=88')}.gallery-interior{grid-row:span 2;background-image:url('https://images.unsplash.com/photo-1442975631115-c4f7b05b8a2c?auto=format&fit=crop&w=800&q=88')}.gallery-pastry{background-image:url('https://images.unsplash.com/photo-1555507036-ab1f4038808a?auto=format&fit=crop&w=700&q=88')}.gallery-friends{background-image:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=700&q=88')}.gallery-beans{background-image:url('https://images.unsplash.com/photo-1447933601403-0c6688de566e?auto=format&fit=crop&w=700&q=88')}.story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--paper)}.story-copy{max-width:480px}.story-copy>p:not(.section-label):not(.kicker){color:var(--coffee);font-size:13px;line-height:1.85}.story-image{min-height:570px;background:center/cover url('https://images.unsplash.com/photo-1511087226451-2c5b5a5c7b20?auto=format&fit=crop&w=1100&q=88')}.final-cta{min-height:610px;position:relative;color:var(--paper);display:flex;align-items:center;padding:10vw;overflow:hidden}.final-cta-image{background-image:linear-gradient(90deg,rgba(25,19,16,.9),rgba(25,19,16,.38)),url('https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?auto=format&fit=crop&w=1800&q=88')}.final-cta-content{position:relative;max-width:680px}.final-cta h2{font:600 clamp(47px,6vw,88px)/.92 var(--serif);letter-spacing:-.06em;margin:28px 0}.final-cta-content>p:not(.eyebrow){max-width:380px;color:#ded3cb;margin-bottom:30px}.site-footer{background:var(--espresso);color:var(--paper);padding:68px 5vw 32px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.2)}.footer-brand>span:last-child{font:600 19px/.88 var(--serif);letter-spacing:.08em}.footer-top>p{font:italic 26px var(--serif);margin:0;color:#dfd1bf}.footer-top>p i{color:var(--coral);font-style:normal}.socials{display:flex;gap:22px;font-size:11px}.footer-bottom{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:50px;padding-top:32px}.footer-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:11px}.footer-contact{display:flex;flex-direction:column;gap:5px;font:10px var(--mono);color:#c0b4aa}.footer-bottom small{align-self:end;justify-self:end;max-width:240px;color:#93877e;font:9px/1.5 var(--mono)}.reveal{animation:riseIn .8s both}.menu-toggle span{display:block;width:23px;height:1px;background:var(--espresso);margin:5px}@keyframes heroIn{from{transform:scale(1.08);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes markIn{from{transform:scale(.6) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){.main-nav{gap:16px}.section{padding:90px 7vw}.product-grid{grid-template-columns:repeat(2,1fr)}.intro,.experience,.story{gap:7vw}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.gallery-coffee{grid-row:span 2}.gallery-interior{grid-row:span 1}.gallery-friends{grid-column:span 2}.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom small{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.topline{padding:0 20px;font-size:8px}.topline span:last-child{display:none}.site-header{height:72px;padding:0 20px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 20px;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--line);gap:20px}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto;margin-right:10px}.header-cta{display:none}.hero{min-height:calc(100svh - 102px);padding:100px 25px 85px;align-items:flex-start}.hero h1{font-size:58px;margin-top:24px}.hero-content>p:not(.eyebrow){font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:250px}.hero-bottom{left:25px;right:25px}.hero-bottom span:last-child{display:none}.section{padding:75px 25px}.intro,.experience,.story{display:flex;flex-direction:column}.intro-image{min-height:390px;width:100%;order:2}.intro-copy{order:1}.section-heading,.gallery-heading{display:block}.section-heading .button{margin-top:25px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:180px}.product-info{padding:15px}.product-info h3{font-size:20px}.product-info p{font-size:10px;min-height:55px}.experience{gap:40px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px;gap:9px}.gallery-coffee{grid-row:span 2}.gallery-interior{grid-row:span 1}.gallery-pastry{grid-column:span 2}.gallery-friends{grid-column:span 1}.gallery-heading .heading-note{margin-top:22px}.story-image{min-height:390px;width:100%}.final-cta{min-height:600px;padding:75px 25px}.final-cta h2{font-size:54px}.footer-top{display:block;padding-bottom:40px}.footer-top>p{font-size:24px;margin:38px 0}.socials{gap:18px}.footer-bottom{display:block}.footer-nav{margin:30px 0 40px}.footer-contact{gap:8px}.footer-bottom small{display:block;margin-top:35px}.brand{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Edge scale: roomier top navigation and footer */
.topline{height:38px;padding-inline:6vw;font-size:10px}
.site-header{height:96px;padding-inline:6vw}
.brand{font-size:13px;gap:14px}
.brand-mark{width:48px;height:48px;font-size:11px}
.main-nav{gap:38px;font-size:13px}
.header-cta{padding:16px 20px;font-size:12px}
.footer-top{padding-bottom:72px}
.footer-brand>span:last-child{font-size:22px}
.footer-top>p{font-size:30px}
.socials{gap:28px;font-size:13px}
.footer-bottom{padding-top:42px}
.footer-nav{gap:24px;font-size:13px}
.footer-contact{gap:8px;font-size:11px}
.footer-bottom small{font-size:10px;max-width:290px}
@media(max-width:900px){.main-nav{gap:22px}.footer-top>p{font-size:27px}}
@media(max-width:700px){.topline{height:36px;padding-inline:20px;font-size:9px}.site-header{height:82px;padding-inline:20px}.brand{font-size:12px;gap:12px}.brand-mark{width:44px;height:44px}.main-nav{top:82px;padding:28px 20px;gap:23px;font-size:14px}.menu-toggle{padding:8px}.footer-top{padding-bottom:48px}.footer-brand>span:last-child{font-size:21px}.footer-top>p{font-size:26px;margin:42px 0}.socials{gap:24px;font-size:12px}.footer-nav{gap:22px;font-size:13px}.footer-contact{font-size:10px}.footer-bottom small{font-size:9px}}

/* Chic motion */
.animate-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
.animate-on-scroll.is-visible{opacity:1;transform:none}
.product-card.animate-on-scroll,.gallery-image.animate-on-scroll,.experience-list article.animate-on-scroll{transition-duration:.65s}
.hero-content{animation:heroContentIn 1s .2s cubic-bezier(.22,.61,.36,1) both}
.hero-bottom{animation:fadeIn .8s 1s ease both}
.site-header{transition:box-shadow .35s ease,background .35s ease,transform .35s ease}
.site-header.scrolled{background:rgba(244,239,231,.88);box-shadow:0 12px 32px rgba(32,27,23,.1)}
.button,.header-cta{position:relative;overflow:hidden}
.button:before,.header-cta:before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-105%);transition:transform .4s ease}
.button:hover:before,.header-cta:hover:before{transform:translateX(105%)}
.gallery-image{will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .75s ease}
.gallery-image:hover{transform:scale(.965) rotate(.35deg)}
.product-card{will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .65s ease}
.product-image{transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .8s ease}
.product-card:hover .product-image{transform:scale(1.06);filter:saturate(1.08)}
@keyframes heroContentIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.animate-on-scroll,.hero-content,.hero-bottom{opacity:1;transform:none;animation:none!important}.button:before,.header-cta:before{display:none}}