:root{--coffee:#40251a;--espresso:#24140d;--crema:#d56a3c;--latte:#f4dfb7;--foam:#fffaf0;--sage:#758066;--coffee-line:rgba(244,223,183,.25)}
.coffee-page{background:var(--espresso);color:var(--foam)}
.coffee-topline{background:var(--crema)}
.coffee-header{background:linear-gradient(180deg,rgba(36,20,13,.98),rgba(36,20,13,.78));border-color:var(--coffee-line);backdrop-filter:blur(12px)}
.coffee-header .brand strong{color:var(--latte)}.coffee-header nav a:not(.nav-cta)::after{background:var(--crema)}.coffee-header .coffee-cta{background:var(--latte);border-color:var(--latte);color:var(--espresso)}
.coffee-hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:stretch;background:radial-gradient(circle at 20% 80%,rgba(213,106,60,.18),transparent 38%),var(--espresso);overflow:hidden}
.coffee-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(10rem,18vh,13rem) var(--pad) clamp(4rem,8vh,6rem)}.coffee-page .eyebrow{color:#d8c4ad}.steam-mark{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid var(--crema);color:var(--crema);font-family:var(--display);font-size:.7rem}.coffee-page h1{font-size:clamp(4rem,8vw,9rem)}.coffee-page h1 span{color:var(--latte);text-shadow:none}.coffee-page .hero-deck{color:#eadfd2}.coffee-button{background:var(--crema);border-color:var(--crema);color:#fff}.coffee-button:hover,.coffee-button:focus-visible{background:var(--latte);border-color:var(--latte);color:var(--espresso)}.coffee-address{margin:1.3rem 0 0;color:#9c8b7b;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.coffee-hero-photo{position:relative;margin:0;min-height:680px;overflow:hidden}.coffee-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,20,13,.45),transparent 35%),linear-gradient(0deg,rgba(36,20,13,.7),transparent 40%);pointer-events:none}.coffee-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:51% center;filter:saturate(.83) contrast(1.06)}.coffee-hero-photo figcaption{position:absolute;z-index:1;left:2rem;right:2rem;bottom:2rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.coffee-hero-photo span{color:var(--latte);font-size:.6rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.coffee-hero-photo strong{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,3rem);line-height:.9;text-align:right;text-transform:uppercase}
.morning-tape{overflow:hidden;background:var(--crema);color:#fff;white-space:nowrap}.morning-tape>div{display:flex;width:max-content;animation:coffeeMarquee 30s linear infinite}.morning-tape span{padding:1rem 1.3rem;font-family:var(--display);font-size:clamp(1rem,2vw,1.55rem);line-height:1;text-transform:uppercase}.morning-tape i{margin-left:1.5rem;color:var(--espresso);font-style:normal}@keyframes coffeeMarquee{to{transform:translateX(-50%)}}
.coffee-proof{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--coffee-line);background:#2b1911}.coffee-proof div{min-height:150px;padding:1.5rem var(--pad);border-right:1px solid var(--coffee-line)}.coffee-proof div:last-child{border-right:0}.coffee-proof strong{display:block;color:var(--latte);font-family:var(--display);font-size:clamp(2.1rem,4vw,3.9rem);line-height:1;text-transform:uppercase}.coffee-proof span{display:block;margin-top:.65rem;color:#a99582;font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.blend-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) var(--pad);background:var(--foam);color:var(--espresso)}.coffee-page .section-kicker{color:#a84a28}.blend-name h2,.morning-copy h2,.morning-manifesto h2,.coffee-location h2,.coffee-related h2{margin:0;font-family:var(--display);font-size:clamp(3rem,7vw,7.2rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.blend-name h2 span,.morning-copy h2 span,.coffee-location h2 span{color:var(--crema)}.roast-stamp{display:inline-flex;flex-direction:column;margin:2rem 0 0;padding:1rem 1.2rem;border:2px solid var(--espresso);font-size:.58rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;transform:rotate(-2deg)}.roast-stamp strong{margin-top:.25rem;font-family:var(--display);font-size:1.3rem;letter-spacing:.03em}.blend-copy{align-self:end}.blend-lede{font-size:clamp(1.3rem,2.2vw,2rem);font-weight:800;line-height:1.2}.blend-copy>p:not(.blend-lede){color:#625349;font-weight:600}.origin-list{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem;border-top:1px solid #d0bdab;border-left:1px solid #d0bdab}.origin-list span{padding:1rem;border-right:1px solid #d0bdab;border-bottom:1px solid #d0bdab;color:#8a7464;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.origin-list b{display:block;color:var(--espresso);font-family:var(--display);font-size:1.35rem;letter-spacing:0}
.morning-room{display:grid;grid-template-columns:1.1fr .9fr;min-height:770px;background:#1f120c}.morning-photo{overflow:hidden;min-height:600px}.morning-photo img{width:100%;height:100%;object-fit:cover;filter:sepia(.25) saturate(.65) contrast(1.17)}.morning-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,7rem)}.morning-copy>p:not(.section-kicker){margin:1.7rem 0;color:#c9b9a9;font-weight:600}.morning-copy ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--coffee-line)}.morning-copy li{padding:.9rem 0;border-bottom:1px solid var(--coffee-line);color:#ede2d5;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.morning-manifesto{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) var(--pad);background:var(--latte);color:var(--espresso)}.morning-manifesto .section-kicker{grid-column:1/-1;margin-bottom:-2rem;color:#9e4527}.morning-manifesto h2 span{color:#a44828}.morning-manifesto>div{align-self:end}.morning-manifesto>div p{color:#665448;font-weight:650}.morning-manifesto>div p:last-child{margin-bottom:0}
.coffee-location{display:grid;grid-template-columns:1fr minmax(330px,.58fr);gap:clamp(3rem,8vw,8rem);align-items:center;padding:clamp(5rem,9vw,9rem) var(--pad);background:linear-gradient(115deg,rgba(36,20,13,.94),rgba(36,20,13,.78)),url('/assets/prediction-opening-bell-coffee.jpg') center/cover}.location-card{padding:2rem;border-top:6px solid var(--crema);background:var(--foam);box-shadow:0 30px 90px rgba(0,0,0,.35);color:var(--espresso)}.location-card>span{color:#a44828;font-size:.6rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.location-card>strong{display:block;margin:1rem 0;font-family:var(--display);font-size:clamp(1.7rem,3vw,3rem);line-height:.95;text-transform:uppercase}.location-card p{color:#68584c;font-weight:650}.location-card>b{display:block;margin:1.5rem 0;color:#a44828;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.coffee-related{padding:clamp(4.5rem,8vw,8rem) var(--pad);background:#fffaf0;color:var(--espresso)}.coffee-related h2{margin-bottom:2.3rem}.coffee-related>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--espresso)}.coffee-related a{padding:1.6rem 1.5rem;border-right:1px solid #cbb9a7;border-bottom:1px solid #cbb9a7}.coffee-related a:first-child{padding-left:0}.coffee-related a:last-child{border-right:0}.coffee-related span{display:block;color:#8b7566;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.coffee-related strong{display:block;margin-top:.5rem;color:#a44828;font-family:var(--display);font-size:clamp(1.35rem,2.7vw,2.5rem);line-height:1;text-transform:uppercase}
.coffee-faq{background:var(--espresso)}.coffee-faq summary::after{color:var(--crema)}.coffee-page footer{border-color:var(--coffee-line)}.coffee-page footer .brand strong{color:var(--latte)}.coffee-mobile{background:var(--crema);color:#fff}
@media(max-width:1000px){.coffee-hero{grid-template-columns:1fr}.coffee-hero-copy{min-height:720px}.coffee-hero-photo{height:75vw;min-height:560px}.blend-story{grid-template-columns:1fr}.morning-room{grid-template-columns:1fr}.morning-photo{height:62vw}.morning-manifesto{grid-template-columns:1fr}.morning-manifesto .section-kicker{grid-column:auto;margin-bottom:0}.coffee-location{grid-template-columns:1fr}.location-card{width:min(100%,620px)}}
@media(max-width:760px){.coffee-header{backdrop-filter:none}.coffee-header nav{background:var(--espresso)}.coffee-hero-copy{min-height:auto;padding-top:10rem}.coffee-page h1{font-size:clamp(3.8rem,18vw,6.3rem)}.coffee-hero-photo{height:90vw;min-height:440px}.coffee-proof{grid-template-columns:1fr 1fr}.coffee-proof div:nth-child(2){border-right:0}.blend-story{gap:2.5rem}.origin-list{grid-template-columns:1fr}.morning-photo{height:78vw;min-height:420px}.coffee-related>div{grid-template-columns:1fr}.coffee-related a,.coffee-related a:first-child{padding-inline:0;border-right:0}}
@media(max-width:430px){.coffee-page .hero-actions .button{width:100%}.coffee-hero-photo figcaption{display:block;left:1rem;right:1rem;bottom:1rem}.coffee-hero-photo strong{display:block;margin-top:.35rem;text-align:left}.coffee-proof{grid-template-columns:1fr}.coffee-proof div{border-right:0}.location-card{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){.morning-tape>div{animation:none}}
