@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#fbf5e9;--brown:#56372e;--blue:#74b8c5;--pink:#f0cfca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--brown);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #226674;outline-offset:6px}.skip{position:absolute;left:20px;top:-60px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.topline{text-align:center;background:var(--brown);color:var(--cream);padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:2px}.topline span{color:var(--blue);padding:0 22px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #56372e25}.wordmark{text-align:center;text-decoration:none;font-family:'Fraunces',Georgia,serif;font-size:32px;font-weight:700;line-height:1}.wordmark span{display:block;font-size:16px;font-style:italic;margin-top:6px}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}nav a{text-decoration:none}.button{display:inline-flex;gap:32px;align-items:center;justify-content:center;border:1px solid var(--brown);border-radius:6px;background:var(--brown);color:var(--cream);padding:18px 25px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#744c3f;transform:translateY(-2px)}.button span{font-size:21px}.button.small{padding:10px 20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;padding:35px 5% 42px 8%;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;margin:0 0 23px}h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(56px,6.5vw,100px);line-height:1.03;margin:0 0 25px}em{font-weight:500}h1 em{color:#337f8b}.intro{font-size:17px;line-height:1.75;margin-bottom:26px}.location{font-size:11px;margin-top:20px}.hero-art{position:relative;background:var(--blue);border-radius:48% 48% 10px 10px;align-self:stretch;display:flex;align-items:center;min-height:480px;margin:18px 18px 10px}.hero-art svg{width:110%;margin-left:-5%;overflow:visible}.art-note{position:absolute;top:40px;right:40px;font-family:'Fraunces',Georgia,serif;font-size:18px;font-style:italic;transform:rotate(9deg)}.round-sticker{position:absolute;bottom:22px;right:-18px;display:grid;place-content:center;text-align:center;width:118px;height:118px;border:1px solid var(--brown);border-radius:50%;background:#e8bc58;transform:rotate(12deg);font-size:13px;line-height:1.5}.round-sticker em{font-family:'Fraunces',Georgia,serif;font-size:19px}.checker{height:36px;background:conic-gradient(var(--blue) 25%,var(--cream) 0 50%,var(--blue) 0 75%,var(--cream) 0);background-size:36px 36px}.pair{padding:90px 8%}.section-heading{text-align:center;margin-bottom:45px}h2{font-size:clamp(36px,4vw,55px);line-height:1.12;margin:0 0 20px}.section-heading>p:last-child{font-size:14px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pair article{position:relative;border-radius:9px;padding:34px 38px 42px;overflow:hidden;min-height:365px}.coffee{background:#eee2d1}.cream{background:var(--pink)}.number{font-size:10px;letter-spacing:2px;font-weight:700}.big-symbol{font-size:75px;margin:20px 0 10px;filter:sepia(.25)}h3{font-size:32px;letter-spacing:-1px;margin:0 0 13px}.pair article p{font-size:14px;max-width:310px;line-height:1.6}.pair article a,.text-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;display:inline-block;margin-top:15px}.pair article a span,.text-link span{padding-left:25px}.edge-label{position:absolute;right:26px;top:33px;font-size:9px;letter-spacing:1px;border:1px solid #56372e60;border-radius:20px;padding:7px 10px}.hello{padding:65px 10% 95px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.hello p:not(.eyebrow){font-size:15px;line-height:1.8}.brand-frame{padding:35px 25px 20px;background:#f1e9da;border:2px solid var(--brown);border-radius:48% 48% 10px 10px;transform:rotate(-3deg);text-align:center}.brand-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%;mix-blend-mode:multiply}.brand-crop img{position:absolute;width:350%;max-width:none;left:-195%;top:-68%}.brand-frame p{font-family:'Fraunces',Georgia,serif;font-style:italic}.loyalty{margin:0 6% 85px;border-block:1px solid #56372e60;padding:36px 20px;display:flex;align-items:center;gap:35px}.flower{font-size:85px;color:#337f8b}.loyalty h2{font-size:32px;letter-spacing:-1px;margin-bottom:10px}.loyalty p:last-child{font-size:13px;line-height:1.6}.loyalty .eyebrow{margin-bottom:14px}.stamps{margin-left:auto;color:#337f8b;font-size:34px;line-height:1.5;letter-spacing:5px;white-space:nowrap}.stamps span{color:var(--brown)}.visit{background:var(--blue);padding:75px 10%;display:grid;grid-template-columns:1fr 1fr;gap:70px}.visit .button{margin-top:15px}.contact{display:grid;gap:22px;padding-left:40px;border-left:1px solid #56372e50}.contact span{display:block;font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.contact address,.contact a{font-size:19px;font-style:normal;text-decoration:none;line-height:1.5}.contact .email{font-size:15px;overflow-wrap:anywhere}.contact p{font-size:12px;line-height:1.6;margin:0;max-width:280px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:11px}footer>a:last-child{text-decoration:none}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:800px){nav{gap:18px}nav>a:first-child{display:none}.hero{padding:45px 6%;grid-template-columns:1fr 1fr;min-height:500px}h1{font-size:58px}.hero-art{min-height:390px;margin:0}.intro{font-size:14px}.hero .button{font-size:12px;padding:15px}.art-note{font-size:14px;right:22px}.round-sticker{width:90px;height:90px;font-size:11px;right:-10px}.round-sticker em{font-size:16px}.pair{padding:65px 6%}.pair article{padding:25px}.edge-label{display:none}.hello{padding:20px 7% 70px;gap:35px}.loyalty{gap:20px}.stamps{display:none}.visit{padding:60px 7%;gap:25px}.contact{padding-left:25px}footer p{max-width:170px;line-height:1.6}}@media(max-width:650px){.topline{font-size:8px;letter-spacing:1px}.topline span{padding:0 9px}header{padding:20px 6%}.wordmark{font-size:27px}.wordmark span{font-size:13px}nav>a:not(.button){display:none}nav .button.small{font-size:11px;padding:8px 12px;gap:12px}.hero{grid-template-columns:1fr;padding:42px 7% 35px;gap:25px}.hero-copy{text-align:center}h1{font-size:65px}.eyebrow{font-size:9px}.intro{font-size:15px}.hero-art{min-height:340px;margin:0 16px;max-height:390px}.hero-art svg{max-height:390px}.art-note{top:25px}.round-sticker{bottom:10px}.pair-grid,.hello,.visit{grid-template-columns:1fr}.section-heading h2{font-size:38px}.section-heading p:last-child{line-height:1.7}.pair article{min-height:320px}.hello{gap:45px;padding-inline:8%}.brand-frame{max-width:300px;margin:auto}.hello h2{font-size:39px}.loyalty{padding:30px 0;align-items:flex-start;margin-bottom:50px}.flower{font-size:45px}.loyalty h2{font-size:29px}.visit{gap:35px}.contact{padding-left:0;border:0;border-top:1px solid #56372e50;padding-top:28px}.contact a{font-size:18px}footer{flex-wrap:wrap;padding:28px 7%}footer p{max-width:160px}footer>a:last-child{width:100%;text-align:center;border-top:1px solid #56372e30;padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}