@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
.cafe{background:#2f6150!important;color:#fff5e7!important}.coffee-name{color:#eed2b0}.subpage.coffee-page{--bg:#163c30;--fg:#fff5e7;--muted:#d6ddd4;--accent:#e1b98c;--line:#4f7967}.coffee-page .sub-hero{background:#2f6150}.coffee-page .button{background:#c49a6c;color:#17261b;border-color:#c49a6c}.coffee-page .button.secondary{background:transparent;color:#fff5e7;border-color:#9cac9f}.cafe-wordmark{font-family:'Playfair Display',Georgia,serif;font-size:2rem;line-height:1}.cafe-wordmark span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:.65rem;letter-spacing:.18em;margin-top:10px}.address{font-size:1.3rem;text-align:left;line-height:1.9}.contact-pending{margin-top:30px}
:root{color-scheme:dark;--bg:#111311;--fg:#f5f4ed;--muted:#b5b9b0;--line:#343831;--accent:#d1ec9d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}header,main,footer{max-width:1600px;margin:auto}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:30px}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:1.85rem;font-weight:800;letter-spacing:-.1rem;line-height:1;display:inline-flex;flex-direction:column}.wordmark span{font-size:.7rem;letter-spacing:.27rem;line-height:2;padding-left:2px}nav{display:flex;gap:34px;font-size:.9rem}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.intro{padding:76px 5% 56px}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.17em;margin:0 0 25px;color:var(--muted)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(3.2rem,7vw,7rem);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0}h1 em{font-family:'Playfair Display',Georgia,serif;color:var(--accent);font-weight:500;letter-spacing:-.04em}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:35px;gap:30px}.intro-bottom p{color:var(--muted);margin:0;max-width:470px}.text-link{white-space:nowrap;font-size:.9rem}.text-link span{margin-left:40px;font-size:1.6rem}.businesses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 5% 85px;gap:16px}.business{min-height:470px;display:flex;flex-direction:column;padding:27px;transition:transform .2s;overflow:hidden}a.business:hover{transform:translateY(-6px)}.center{--accent:#d5fb75;background:#d5fb75;color:#17200f}.cafe{--accent:#efdab4;background:#4e2921;color:#f6e6c6}.store{background:#c3d8ec;color:#172d41}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.card-top>span:last-child:not(.pill){font-size:1.6rem}.pill{border:1px solid #72879a;border-radius:20px;padding:6px 9px;font-size:.65rem;letter-spacing:.02em;text-align:center}.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(2.5rem,4.3vw,4.7rem);letter-spacing:-.06em;line-height:.98;padding:65px 0 60px}.brand-name strong{font-weight:500;letter-spacing:.01em;font-size:.61em;display:block;margin-top:6px}.coffee-name{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3rem,5vw,5.5rem);font-weight:500;letter-spacing:-.045em}.coffee-name span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:.24em;letter-spacing:.16em;margin:18px 0 0 3px;text-transform:uppercase}.card-bottom{margin-top:auto}.card-bottom h2{font-size:1.2rem;letter-spacing:-.025em;margin:0 0 12px}.card-bottom p{font-size:.95rem;line-height:1.65;max-width:330px;margin:0 0 27px}.visit{border-top:1px solid currentColor;padding-top:16px;display:flex;justify-content:space-between;font-size:.88rem;font-weight:600}.muted{opacity:.7}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px;font-size:.8rem;color:var(--muted)}.small{font-size:1.4rem}.small span{font-size:.55rem;letter-spacing:.2rem}.subpage{--bg:#171c14;--fg:#eef4e8;--muted:#b5c0ac;--accent:#d5fb75;--line:#374130}.subpage.coffee-page{--bg:#261915;--fg:#f6e6c6;--muted:#c3afa0;--accent:#efdab4;--line:#594036}.sub-hero{padding:65px 5% 72px;border-bottom:1px solid var(--line)}.sub-hero h1{max-width:1000px}.coffee-page h1{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.04em}.lead{max-width:580px;color:var(--muted);font-size:1.15rem;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);font-weight:600}.button.secondary{color:var(--fg);background:transparent;border-color:var(--line)}.subnav{display:flex;gap:27px;flex-wrap:wrap;margin-top:45px;font-size:.9rem}.section{margin:0 5%;padding:55px 0;border-bottom:1px solid var(--line)}.section h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:0 0 20px}.section p{color:var(--muted);max-width:650px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.branch{border:1px solid var(--line);padding:26px}.branch h3{font-size:1.2rem;margin:12px 0}.draft-note{padding:12px 5%;font-size:.85rem;background:#f0dca7;color:#352a13;margin:0}.pending{padding:25px;border:1px dashed var(--line);color:var(--muted);font-size:.95rem}.section:last-child{border:0}@media(max-width:1050px){.businesses{gap:10px}.business{padding:20px}.pill{font-size:.6rem}.card-top{flex-wrap:wrap}.brand-name{padding:55px 0}.business{min-height:450px}nav{gap:18px}}@media(max-width:760px){header{padding:22px 6%;align-items:flex-start}nav{justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;max-width:210px}.intro{padding:55px 6% 40px}.intro-bottom{align-items:flex-start;flex-direction:column}.businesses{padding:0 6% 55px;grid-template-columns:1fr;gap:18px}.business{min-height:420px;padding:26px}.brand-name{font-size:4rem;padding:42px 0}.coffee-name{font-size:5rem}footer{align-items:flex-start;flex-direction:column;padding:28px 6%;gap:16px}footer p{margin:0}.split{grid-template-columns:1fr;gap:20px}.sub-hero{padding:45px 6%}.section{margin:0 6%;padding:40px 0}.subnav{gap:18px}.intro-bottom p{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.business{transition:none}}

.subpage.coffee-page{--bg:#163c30;--fg:#fff5e7;--muted:#d6ddd4;--accent:#e1b98c;--line:#4f7967}

.center{--accent:#f5d500;background:#171714;color:#f8f4e8;border:1px solid #554b20}
.center .card-top,.center .visit{color:#f5d500}
.center-brand{padding:20px 0 26px;display:flex;justify-content:center}
.center-brand img{display:block;width:min(100%,270px);height:auto;aspect-ratio:1;object-fit:contain}
.center-page{--bg:#121310;--fg:#f8f6ed;--muted:#bebdb4;--accent:#f5d500;--line:#403c28}
.center-hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}
.center-hero-layout>div{min-width:0}
.center-hero-logo{display:block;width:100%;max-width:530px;height:auto;justify-self:end}
.center-page h1 em{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:700}
@media(max-width:760px){.center-hero-layout{grid-template-columns:1fr;gap:32px}.center-hero-logo{max-width:380px;justify-self:center}.center-brand img{width:min(100%,270px)}}
/* Supplied Prime Coffee House identity: green #2f6150 and gold #c49a6c. */
.coffee-page{--brand-green:#2f6150;--brand-gold:#c49a6c}
.coffee-page header{background:var(--brand-green)}
.cafe-logo-link{display:block;flex-shrink:0;width:210px;max-width:44%}
.cafe-logo-link img{display:block;width:100%;height:auto}
.coffee-brand{padding:20px 0 26px;display:flex;align-items:center;justify-content:center;min-height:316px}
.coffee-brand img{display:block;width:auto;height:270px;max-width:100%;object-fit:contain}
.coffee-hero-layout{display:grid;grid-template-columns:1.25fr 0.75fr;gap:50px;align-items:center}
.coffee-hero-layout>div{min-width:0}
.coffee-hero-logo{display:block;width:100%;height:auto;max-width:285px;justify-self:center}
@media(max-width:760px){.coffee-hero-layout{grid-template-columns:1fr;gap:36px}.coffee-hero-logo{max-width:220px}.coffee-brand{min-height:316px}.cafe-logo-link{width:180px}}
/* Prime Store: yellow primary, black secondary. */
.store{background:#ffd600;color:#11110d}
.store .pill{border-color:#746000}
.store-brand{padding:20px 0 26px;display:flex;align-items:center;justify-content:center;min-height:316px}
.store-brand img{display:block;width:min(100%,270px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%}
.store .muted{opacity:1;color:#383000}
/* Equal logo stages keep the three brand marks visually balanced. */
.center-brand,.coffee-brand,.store-brand{height:326px;min-height:326px;padding:20px 0 26px;display:flex;align-items:center;justify-content:center}
.center-brand img,.store-brand img{width:290px;height:280px;max-width:100%;object-fit:contain}
.coffee-brand img{height:280px;width:auto;max-width:100%;object-fit:contain}
.store-brand{flex-direction:column;gap:6px}
.store-brand img{height:235px;width:250px;max-width:100%;border-radius:0;object-fit:contain;flex-shrink:1;min-height:0}
.store-brand-title{display:block;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:-.055em;line-height:1.1;color:#080808;white-space:nowrap}
@media(max-width:760px){.store-brand-title{font-size:2rem}}
/* Match visible emblem and name bounds, not only the outer image boxes. */
.center-brand img,.store-brand .store-lockup{display:block;width:280px;height:auto;max-width:100%;aspect-ratio:1;flex:none}
.store-brand{gap:0}
/* Fine-tune Store alignment against the Center artwork. */
.store-brand .store-lockup{transform:translateY(12px)}

.shared-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.shared-menu figure{margin:0;min-width:0}
.shared-menu figure>a{display:block}
.shared-menu img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.shared-menu figcaption{margin-top:12px;font-size:.95rem}
.shared-menu figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.shared-menu{grid-template-columns:1fr;gap:28px}}