/* After Hours: bright editorial rhythm, plum ink, luminous rose-gold detail. */
@font-face{font-family:AfterHoursEditorial;src:url('/assets/distinct-fonts/display.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
.after-hours-elevated{--ink:#422c4c;--body:#423b45;--quiet:#716574;--rose:#a4656b;--line:#eadde4;--tint:#fff7fa;background:#fff;color:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
.after-hours-elevated::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#fff 0%,#d9b1a4 28%,#f5dfd7 53%,#b97c79 76%,#fff 100%)}
.after-hours-elevated h1,.after-hours-elevated h2,.after-hours-elevated h3{font-family:AfterHoursEditorial,Georgia,serif;font-weight:600;color:var(--ink);letter-spacing:-.045em}
.after-hours-elevated h1{font-size:clamp(2.85rem,4.7vw,4.7rem);line-height:1.09;letter-spacing:-.055em}
.after-hours-elevated h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.12}
.after-hours-elevated h3{font-size:clamp(1.4rem,2.05vw,1.9rem);line-height:1.17}
.after-hours-elevated a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.after-hours-elevated a:hover{color:#93565f}
.after-hours-elevated a:focus-visible,.after-hours-elevated button:focus-visible,.after-hours-elevated input:focus-visible,.after-hours-elevated textarea:focus-visible,.after-hours-elevated select:focus-visible{outline:3px solid #a4656b;outline-offset:5px}
.after-hours-elevated .label{font-size:.67rem;letter-spacing:.18em;line-height:1.7;color:#805965;font-weight:700}
.after-hours-elevated .mast{max-width:1376px;padding:22px 48px;min-height:111px;border-bottom:1px solid var(--line)}
.after-hours-elevated .brand img{width:262px;height:auto;aspect-ratio:800/190}
.after-hours-elevated .mast nav{gap:30px;font-size:.8rem;font-weight:600}
.after-hours-elevated .mast nav a:last-child{border:1px solid #dbc1c7;border-radius:999px;padding:8px 21px;background:#fff}
.after-hours-elevated .mast nav a:last-child:hover{background:#fff7fa;border-color:#a4656b}
.after-hours-elevated main{max-width:1376px;padding:0 48px}
.after-hours-elevated .opening{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(32px,5vw,72px);padding:70px 0 65px;position:relative}
.after-hours-elevated .opening-copy>.label{margin:0 0 23px;max-width:38ch}
.after-hours-elevated .opening h1{margin-bottom:24px}
.after-hours-elevated .rose-line{color:#a4656b}
.after-hours-elevated .opening .lead{font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.75;max-width:34ch;margin:0 0 28px;color:#655a68}
.after-hours-elevated .button,.after-hours-elevated button:not(.plain){border-radius:999px;min-height:50px;padding:14px 24px;background:var(--ink);font-size:.8rem;font-weight:650;box-shadow:none}
.after-hours-elevated .button{gap:22px}
.after-hours-elevated .button:hover,.after-hours-elevated button:not(.plain):hover{background:#64406f;color:#fff}
.after-hours-elevated .button>span{font-size:1.15rem;font-weight:400}
.after-hours-elevated .opening figure{padding:9px 9px 0;background:#fff;border:1px solid #e2c8c7;border-radius:23px;box-shadow:0 14px 32px -24px #6d324a38;position:relative}
.after-hours-elevated .opening figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:15px}
.after-hours-elevated .portrait-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 8px 15px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#705261}
.after-hours-elevated .portrait-caption span:last-child::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#ad7479;margin-right:8px;vertical-align:2px}
.after-hours-elevated .section{padding:58px 0}
.after-hours-elevated .show-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:clamp(35px,8vw,110px);align-items:center;border-top:1px solid var(--line);padding-bottom:38px}
.after-hours-elevated .show-intro .label{margin:0 0 20px}
.after-hours-elevated .show-intro h2{max-width:18ch;margin:0}
.after-hours-elevated .show-copy>p:first-child{font-size:1rem;line-height:1.85;margin:0 0 21px;max-width:48ch}
.after-hours-elevated .development-note{display:inline-block;font-size:.73rem;line-height:1.6;margin:0;padding:9px 14px;background:#fff7fa;border:1px solid #efdce5;border-radius:8px;color:#715666}
.after-hours-elevated .conversation-cards{padding:0 0 64px}
.after-hours-elevated .conversation-cards .grid{gap:20px}
.after-hours-elevated .conversation-cards .tile{position:relative;padding:27px 27px 25px;border:1px solid #e9d9e2;border-radius:16px;background:linear-gradient(150deg,#fff 65%,#fff7fa);display:flex;flex-direction:column;min-height:246px;transition:border-color .18s ease,box-shadow .18s ease}
.after-hours-elevated .conversation-cards .tile:hover,.after-hours-elevated .conversation-cards .tile:focus-within{border-color:#c195a5;box-shadow:0 10px 28px -20px #8e476f50}
.after-hours-elevated .topic-number{font-size:.65rem;letter-spacing:.15em;color:#966773;margin-bottom:24px}
.after-hours-elevated .tile h3{margin:0 0 13px;padding-right:14px;max-width:15ch}
.after-hours-elevated .tile h3 a{color:var(--ink)}
.after-hours-elevated .topic-arrow{position:absolute;right:24px;top:20px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff7fa;border:1px solid #eedce3;color:#9a6573;font:20px/1 system-ui}
.after-hours-elevated .tile p{font-size:.86rem;line-height:1.75;color:#716574;margin:0;max-width:30ch}
.after-hours-elevated .coffee-feature-link{display:grid;grid-template-columns:minmax(160px,270px) minmax(0,1fr);gap:clamp(35px,6vw,80px);align-items:center;padding:38px 56px;background:#fff8fa;border:1px solid #ead6df;border-radius:23px;margin:0 0 65px}
.after-hours-elevated .coffee-media{position:relative;display:block;max-width:240px;justify-self:center;border:8px solid #fff;outline:1px solid #e9d5dc;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 12px 30px -20px #713a5d50}
.after-hours-elevated .coffee-media img{display:block;max-height:395px;width:100%;height:auto;object-fit:contain;border-radius:8px}
.after-hours-elevated .coffee-play{position:absolute;bottom:18px;right:16px;background:#fffffff2;color:var(--ink);border:1px solid #eee1e6;display:flex;align-items:center;justify-content:center;padding-left:3px;width:44px;height:44px;border-radius:50%;font-size:12px}
.after-hours-elevated .coffee-copy>.label{margin:0 0 18px}
.after-hours-elevated .coffee-copy>h2{max-width:21ch;margin:0 0 17px;font-size:clamp(2rem,3.2vw,3rem)}
.after-hours-elevated .coffee-copy>p:not(.label){font-size:.98rem;max-width:40ch;margin:0 0 13px}
.after-hours-elevated .coffee-copy>.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:.8rem;text-decoration:none;text-underline-offset:5px;text-decoration-color:#c49baf}
.after-hours-elevated .coffee-copy>.text-link::after{content:"↗";font-size:1.15rem;text-decoration:none}
.after-hours-elevated .mallow-note{border-top:1px solid #e7cfd9;padding-top:23px;margin-top:25px}
.after-hours-elevated .mallow-note .label{display:none}
.after-hours-elevated .mallow-note h2{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 8px}
.after-hours-elevated .mallow-note h2 a::after{content:" ↗";color:#a4656b;font:1.1rem system-ui}
.after-hours-elevated .mallow-note p{font-size:.85rem;margin:0;color:#716574}
.after-hours-elevated .connect-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(35px,7.5vw,100px);padding:58px 0 70px;border-top:1px solid var(--line);align-items:start}
.after-hours-elevated .connect-intro>.label{margin:0 0 20px}
.after-hours-elevated .connect-intro h2{font-size:clamp(2.4rem,4.2vw,3.7rem);max-width:12ch;margin:0 0 22px}
.after-hours-elevated .connect-intro>p:not(.label){font-size:.97rem;max-width:29ch;color:#716574}
.after-hours-elevated .response-form{max-width:none;background:#fff;border:1px solid #e7d8e3;border-radius:19px;padding:29px 32px 23px;box-shadow:0 10px 32px -25px #79526c40}
.after-hours-elevated .response-form label{font-size:.76rem;color:var(--ink);margin:17px 0 8px}
.after-hours-elevated .response-form>label:first-child{margin-top:0}
.after-hours-elevated input,.after-hours-elevated select,.after-hours-elevated textarea{border:1px solid #d9c9d4;background:#fffdfe;color:#423b45;border-radius:8px;padding:13px 14px;line-height:1.6;box-shadow:none}
.after-hours-elevated input::placeholder,.after-hours-elevated textarea::placeholder{color:#847889;opacity:1}
.after-hours-elevated .response-form textarea{min-height:150px}
.after-hours-elevated .response-form button[type=submit]{margin-top:23px}
.after-hours-elevated .response-form .small{font-size:.72rem;line-height:1.65;margin-top:13px}
.after-hours-elevated .response-form button:disabled{opacity:.65;cursor:not-allowed}
.after-hours-elevated .response-form .outline{background:#fff;color:var(--ink);border-color:#d9c9d4}
.after-hours-elevated .response-form [data-email-fallback]{border-color:var(--line);overflow-wrap:anywhere}
.after-hours-elevated .directory{max-width:1376px;margin:0 auto;padding:32px 48px 35px;border-top:1px solid var(--line);background:#fff}
.after-hours-elevated .directory>.label{font-size:.65rem;margin:0 0 14px}
.after-hours-elevated .directory nav{gap:3px 28px;font-size:.77rem}
.after-hours-elevated .footer-shop{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #f0e6ec;margin-top:19px;padding-top:18px;font-size:.75rem}
.after-hours-elevated .footer-shop>a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;text-underline-offset:4px}
.after-hours-elevated .footer-shop p{font-size:.67rem;margin:0}
@media(min-width:1600px){.after-hours-elevated .opening h1{font-size:4.7rem}}
@media(max-width:1100px) and (min-width:701px){
 .after-hours-elevated .mast,.after-hours-elevated main,.after-hours-elevated .directory{padding-left:36px;padding-right:36px}
 .after-hours-elevated .opening{grid-template-columns:1fr;padding:47px 0 52px;gap:31px}
 .after-hours-elevated .opening-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:34px;align-items:start}
 .after-hours-elevated .opening-copy>.label{grid-column:1/-1;max-width:none;margin-bottom:20px}
 .after-hours-elevated .opening h1{grid-column:1;grid-row:2/4;font-size:clamp(2.65rem,5.6vw,3.8rem);margin:0}
 .after-hours-elevated .opening .lead{grid-column:2;margin:0 0 18px;max-width:30ch;line-height:1.7;font-size:1rem}
 .after-hours-elevated .opening .button{grid-column:2;justify-self:start;align-self:end;gap:14px;padding:13px 19px;font-size:.75rem}
 .after-hours-elevated .opening figure{max-width:860px;width:100%;justify-self:center}
 .after-hours-elevated .show-intro{gap:35px;grid-template-columns:1fr 1fr;padding-top:43px}
 .after-hours-elevated .show-intro h2{font-size:2.45rem}
 .after-hours-elevated .show-copy>p:first-child{font-size:.9rem}
 .after-hours-elevated .conversation-cards .grid{gap:14px}
 .after-hours-elevated .conversation-cards .tile{padding:23px 19px;min-height:254px}
 .after-hours-elevated .tile h3{font-size:1.38rem;padding-right:0}
 .after-hours-elevated .topic-arrow{right:16px;top:16px}
 .after-hours-elevated .tile p{font-size:.8rem}
 .after-hours-elevated .coffee-feature-link{padding:31px;grid-template-columns:minmax(160px,.65fr) minmax(0,1fr);gap:34px}
 .after-hours-elevated .coffee-copy>h2{font-size:2.15rem}
 .after-hours-elevated .connect-section{gap:35px;grid-template-columns:minmax(0,.67fr) minmax(0,1fr)}
 .after-hours-elevated .response-form{padding:25px}
}
@media(max-width:700px){
 .after-hours-elevated{font-size:16px}
 .after-hours-elevated .mast{padding:20px 22px 17px;min-height:auto;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
 .after-hours-elevated .brand img{width:220px;height:auto}
 .after-hours-elevated .mast nav{justify-content:flex-start;gap:18px;font-size:.72rem;flex-wrap:nowrap}
 .after-hours-elevated .mast nav a:last-child{padding:5px 15px;min-height:40px}
 .after-hours-elevated main{padding:0 22px}
 .after-hours-elevated .opening{grid-template-columns:1fr;padding:37px 0 38px;gap:30px}
 .after-hours-elevated .opening-copy>.label{font-size:.6rem;letter-spacing:.15em;margin-bottom:19px;max-width:none}
 .after-hours-elevated .opening h1{font-size:clamp(2.4rem,8.4vw,3.75rem);line-height:1.12;letter-spacing:-.05em;margin-bottom:18px}
 .after-hours-elevated .opening .lead{font-size:1rem;max-width:35ch;margin-bottom:22px}
 .after-hours-elevated .button,.after-hours-elevated button:not(.plain){font-size:.77rem;padding:13px 21px;min-height:48px}
 .after-hours-elevated .opening figure{padding:6px 6px 0;border-radius:16px}
 .after-hours-elevated .opening figure img{border-radius:10px}
 .after-hours-elevated .portrait-caption{padding:11px 5px 12px;font-size:.55rem;letter-spacing:.08em}
 .after-hours-elevated .section{padding:34px 0}
 .after-hours-elevated .show-intro{grid-template-columns:1fr;gap:22px;padding-bottom:28px}
 .after-hours-elevated .show-intro .label{margin-bottom:15px}
 .after-hours-elevated .show-intro h2{font-size:clamp(2rem,7vw,2.8rem)}
 .after-hours-elevated .show-copy>p:first-child{font-size:.93rem;line-height:1.8;max-width:50ch;margin-bottom:17px}
 .after-hours-elevated .development-note{font-size:.69rem;padding:8px 12px}
 .after-hours-elevated .conversation-cards{padding:0 0 36px}
 .after-hours-elevated .conversation-cards .grid{grid-template-columns:1fr;gap:12px}
 .after-hours-elevated .conversation-cards .tile{padding:23px 23px 23px 65px;min-height:0;border-radius:12px}
 .after-hours-elevated .topic-number{position:absolute;left:22px;top:27px;margin:0;font-size:.64rem}
 .after-hours-elevated .tile h3{font-size:1.43rem;max-width:22ch;margin-bottom:9px;padding-right:34px}
 .after-hours-elevated .topic-arrow{right:17px;top:18px;width:29px;height:29px;font-size:18px}
 .after-hours-elevated .tile p{font-size:.82rem;max-width:40ch}
 .after-hours-elevated .coffee-feature-link{padding:25px 23px;grid-template-columns:1fr;gap:26px;margin:0 0 38px;border-radius:17px}
 .after-hours-elevated .coffee-media{max-width:210px;border-width:6px;border-radius:14px}
 .after-hours-elevated .coffee-media img{max-height:none}
 .after-hours-elevated .coffee-copy>.label{margin-bottom:14px}
 .after-hours-elevated .coffee-copy>h2{font-size:clamp(1.85rem,7vw,2.65rem);max-width:21ch;margin-bottom:15px}
 .after-hours-elevated .coffee-copy>p:not(.label){font-size:.92rem}
 .after-hours-elevated .mallow-note{margin-top:20px;padding-top:20px}
 .after-hours-elevated .mallow-note h2{font-size:1.15rem}
 .after-hours-elevated .connect-section{grid-template-columns:1fr;gap:22px;padding:35px 0 43px}
 .after-hours-elevated .connect-intro>.label{margin-bottom:13px}
 .after-hours-elevated .connect-intro h2{font-size:2.5rem;max-width:100%;margin-bottom:12px}
 .after-hours-elevated .connect-intro>p:not(.label){max-width:35ch;font-size:.9rem;margin-bottom:0}
 .after-hours-elevated .response-form{padding:22px 20px 16px;border-radius:14px}
 .after-hours-elevated .response-form label{font-size:.73rem}
 .after-hours-elevated .response-form .small{font-size:.69rem}
 .after-hours-elevated .response-form button[type=submit]{width:100%}
 .after-hours-elevated .directory{padding:26px 22px;margin:0}
 .after-hours-elevated .directory nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;font-size:.72rem}
 .after-hours-elevated .footer-shop{display:block;margin-top:17px;padding-top:12px}
 .after-hours-elevated .footer-shop p{font-size:.63rem;line-height:1.65}
}
@media(min-width:500px) and (max-width:700px){
 .after-hours-elevated .mast{flex-wrap:nowrap}
 .after-hours-elevated .brand img{width:195px}
 .after-hours-elevated .mast nav{gap:12px;font-size:.68rem}
 .after-hours-elevated .coffee-feature-link{grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);gap:23px}
 .after-hours-elevated .coffee-copy>h2{font-size:1.85rem}
 .after-hours-elevated .coffee-copy>p:not(.label){font-size:.84rem}
 .after-hours-elevated .mallow-note h2{font-size:1.05rem}
 .after-hours-elevated .mallow-note p{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){.after-hours-elevated a,.after-hours-elevated .tile{transition:none}}

@media(max-width:355px){.after-hours-elevated .opening h1{font-size:2.15rem}.after-hours-elevated .response-form{padding-left:16px;padding-right:16px}.after-hours-elevated .conversation-cards .tile{padding-left:54px}.after-hours-elevated .topic-number{left:18px}}

.after-hours-elevated .topic-arrow,.after-hours-elevated .topic-number{display:none}.after-hours-elevated .coffee-copy>.text-link::after,.after-hours-elevated .mallow-note h2 a::after{content:none}