.daily-cup{background:#ede4d4}.daily-cup>p{max-width:620px;line-height:1.8;color:#5e625b}.ark-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 40px}.ark-rooms a{padding:18px;border:1px solid #b5a287;text-decoration:none;font:20px Georgia,serif;background:#f7f1e7}.ark-rooms small{display:block;font:12px/1.6 Arial,sans-serif;margin-top:8px;color:#626356}.counter-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:35px;align-items:start}.counter-scene{position:relative;min-height:530px;isolation:isolate;overflow:hidden;border:1px solid #7c664d;background:linear-gradient(#17231fcc,#17231f99),url(the-ark.jpg) center/cover;border-radius:12px;color:#fff;text-align:center;padding:24px 20px 180px}.barista-shift{color:#edc88e;text-transform:uppercase;letter-spacing:2px;font-size:10px}.counter-scene h3{font:32px Georgia,serif;margin:9px 0 18px}.barista-portrait{width:190px;height:235px;object-fit:cover;object-position:top;border:2px solid #d8ae71;box-shadow:0 12px 30px #0007;border-radius:100px 100px 4px 4px}.barista-line{max-width:330px;margin:16px auto 0;padding:13px;background:#f5f1e8;color:#242b25;font:15px/1.6 Georgia,serif;border-radius:12px}.wood-counter{position:absolute;bottom:0;left:0;right:0;height:126px;border-top:14px solid #b88b59;background:repeating-linear-gradient(3deg,#523827,#523827 8px,#583c29 9px,#583c29 18px);box-shadow:0 -8px 25px #0004;z-index:2}.served-cup{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:138px;min-height:140px;background:#f5eddd;border:0;border-top:10px solid #fff8ec;border-radius:8px 8px 36px 36px;box-shadow:10px 10px 20px #0005;color:#352c20;z-index:3;cursor:pointer;padding:20px 12px}.served-cup:after{content:'';position:absolute;right:-27px;top:15px;width:31px;height:55px;border:9px solid #f5eddd;border-left:0;border-radius:0 25px 25px 0}.served-cup strong{display:block;font:22px Georgia,serif}.served-cup small{display:block;margin-top:12px;font-size:10px;line-height:1.5}.cup-arrives{animation:serve-cup .8s ease-out}@keyframes serve-cup{from{transform:translate(-50%,-70px) scale(.7);opacity:0}to{transform:translate(-50%,0) scale(1);opacity:1}}.coffee-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coffee-menu-heading{font:29px Georgia,serif;margin:0 0 8px}.menu-note{font-size:12px;color:#676253;margin:0 0 20px}.drink-choice{display:block;text-align:left;padding:18px 14px;background:#f8f3e9;border:1px solid #baa68a;color:#302d25;cursor:pointer;border-radius:4px}.drink-choice strong{font:19px Georgia,serif}.drink-choice small{display:block;font-size:11px;line-height:1.5;margin-top:8px;color:#6a6355}.drink-choice[aria-pressed=true]{background:#242b25;border-color:#242b25;color:#f5f1e8}.drink-choice[aria-pressed=true] small{color:#d8c9ad}.cup-message{margin-top:24px;background:#fffaf0;border-left:3px solid #a3763e;padding:25px}.cup-message blockquote{font:22px/1.6 Georgia,serif;margin:16px 0}.cup-message p{font-size:12px;color:#70634d}.cup-message small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#856030}.cup-sharing{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cup-sharing button{cursor:pointer;padding:13px 17px;border:1px solid #807054;background:#242b25;color:#fff9ed;border-radius:3px}.cup-sharing .copy-cup{background:transparent;color:#302d25}.share-status{font-size:12px;line-height:1.7;color:#5e625b;min-height:1em}.cup-fallback textarea{width:100%;min-height:140px;font:14px/1.6 Arial,sans-serif;padding:12px}.cup-fallback label{display:block;font-size:12px;margin-bottom:8px}.today-barista{background:transparent;border:0;text-decoration:underline;padding:12px;cursor:pointer;color:#665336}.quiet-corner{background:#f8f4eb;display:grid;grid-template-columns:1fr 1fr;gap:40px}.quiet-corner blockquote{font:28px/1.5 Georgia,serif;margin:0 0 18px}.quiet-corner p{font-size:15px;line-height:1.8;color:#5e625b}.quiet-corner cite{font:12px Arial,sans-serif;color:#856030}.puzzle-table{background:#dedfd4}.story-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-piece{display:grid;grid-template-columns:78px 1fr;gap:7px 16px;align-items:center;padding:16px;border:1px solid #b8b8a6;border-radius:20px 4px 20px 4px;background:#f5f1e8;text-decoration:none;box-shadow:3px 3px 0 #b6b7a5}.story-piece img{grid-row:1/3;width:78px;height:100px;object-fit:cover;object-position:top}.story-piece strong{font:24px Georgia,serif;align-self:end}.story-piece small{font-size:11px;line-height:1.6;align-self:start}.daily-note{font-size:11px!important;line-height:1.8;margin-top:25px}.daily-cup [hidden]{display:none!important}@media(max-width:950px){.ark-rooms{grid-template-columns:1fr 1fr}.counter-layout{grid-template-columns:1fr}.story-pieces{grid-template-columns:1fr 1fr}.counter-scene{min-height:540px}}@media(max-width:560px){.quiet-corner{grid-template-columns:1fr;gap:24px}.story-pieces{grid-template-columns:1fr}.ark-rooms a{font-size:18px;padding:15px}.coffee-menu{gap:8px}.drink-choice{padding:16px 11px}.drink-choice strong{font-size:17px}.cup-message{padding:20px}.cup-message blockquote{font-size:21px}.counter-scene{min-height:540px}.counter-layout{gap:24px}}@media(prefers-reduced-motion:reduce){.cup-arrives{animation:none}}
/* The menu sits beside the barista; the encouragement is printed on the served cup. */
.ark-rooms{position:static;inset:auto;background:transparent;padding:0;align-items:stretch}.coffee-menu{background:#202c26;padding:16px;border:8px solid #81613f;box-shadow:0 10px 24px #30271920}.drink-choice{background:transparent;border-color:#c9c9a54d;color:#fff5df}.drink-choice small{color:#c7cab8}.drink-choice[aria-pressed=true]{background:#e4c79c;color:#252e25;border-color:#e4c79c}.drink-choice[aria-pressed=true] small{color:#534c3e}.cup-message{position:relative;border:1px solid #dbd1bc;border-top:12px solid #e1d7c3;border-radius:10px 10px 50px 50px;box-shadow:3px 12px 22px #49321e20;margin:30px 32px 0 0;padding:25px 25px 30px;background:#fffaf0;isolation:isolate}.cup-message:after{content:'';position:absolute;right:-32px;top:38px;width:32px;height:90px;border:12px solid #e1d7c3;border-left:0;border-radius:0 35px 35px 0;z-index:-1}.cup-wordmark{display:block;font:12px Georgia,serif;letter-spacing:2px;color:#4f5c48;margin:0 0 20px}.cup-message small{display:block;line-height:1.8}.cup-message blockquote{font-size:21px}.counter-scene{min-height:580px}.barista-portrait{height:260px;width:205px}.barista-line{margin-top:12px}.wood-counter{height:115px}.served-cup{bottom:16px}@media(max-width:560px){.coffee-menu{padding:10px;border-width:6px}.cup-message{padding:22px 20px 30px}.cup-message blockquote{font-size:20px}.counter-scene{min-height:570px}}
/* A ceramic mug on the table, with the latte surface as the invitation. */
.served-cup{width:180px;min-height:180px;border-top:0;border-radius:55px 55px 38px 38px;padding:10px 15px 16px;bottom:15px}.served-cup:after{top:62px;right:-36px;width:40px;height:63px;border-width:11px}.served-cup strong{font-size:12px;letter-spacing:1px;margin-top:10px}.served-cup small{margin-top:5px}.latte-art{display:grid;place-items:center;border:8px solid #fffaf0;border-radius:50%;height:82px;background:radial-gradient(ellipse,#c78d53,#895831);color:#fff1d4;font:60px/1 Georgia,serif;box-shadow:inset 0 0 10px #44281155}.counter-scene{padding-bottom:230px;min-height:635px}.wood-counter{height:165px}.cup-message{border-radius:12px;border-top:1px solid #dbd1bc;margin-right:0}.cup-message:after{display:none}.ark-rooms{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hope-section{background:#f2ebdb}.hope-intro{font:18px/1.7 Georgia,serif;max-width:620px}.preview-label{font:12px/1.6 Arial,sans-serif;color:#615741;background:#e7dcc5;padding:12px 16px;border-left:3px solid #9f7741;max-width:850px}.hope-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;margin-top:35px}.hope-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:30px;background:repeating-linear-gradient(90deg,#77523d,#77523d 7px,#7c5942 8px,#7c5942 13px);border:10px solid #b9905e;border-radius:8px;box-shadow:0 12px 25px #54351d22}.sticky{border:0;border-radius:2px;padding:25px 20px;text-align:left;min-height:185px;box-shadow:3px 8px 12px #0002;color:#39342b;position:relative;font:21px/1.5 'Segoe Print','Bradley Hand','Chalkboard SE',cursive;overflow-wrap:anywhere}.sticky:before{content:'';position:absolute;top:-8px;left:calc(50% - 25px);height:20px;width:50px;background:#fff5bf80;transform:rotate(-3deg)}.sticky p{margin:0 0 20px}.sticky small{font:14px/1.6 'Segoe Print','Bradley Hand',cursive}.yellow{background:#f8e89d}.pink{background:#f2c7c7}.green{background:#d2dfb9}.hope-notes .sticky{cursor:pointer;transform:rotate(-2deg)}.hope-notes .sticky:nth-child(2){transform:rotate(3deg)}.hope-hint{font-size:12px;color:#73634c}.hope-layout form{background:#fffaf0;border:1px solid #dbceb8;padding:26px;border-radius:10px}.hope-layout h3{font:26px Georgia,serif;margin:0 0 25px}.hope-layout label{display:block;font:13px/1.7 Arial,sans-serif;margin:12px 0 6px}.hope-layout input:not([type=radio]),.hope-layout textarea{display:block;width:100%;padding:12px;background:#fffdf8;border:1px solid #a99a80;border-radius:4px;font:16px/1.5 Arial,sans-serif}.hope-layout fieldset{border:0;padding:0;margin:18px 0 25px}.hope-layout legend{font:13px Arial,sans-serif}.hope-layout fieldset label{display:inline-block;margin-right:12px}.hope-layout button[type=submit]{background:#263b30;color:#fff6e8;padding:15px 20px;border:0;border-radius:4px;cursor:pointer;width:100%;margin-top:22px;font-size:14px}.form-note,#hope-status,#hope-count{font:12px/1.7 Arial,sans-serif;color:#615a4c}.form-note{display:block;margin-top:15px}#hope-dialog{border:0;border-radius:8px;padding:25px;max-width:380px;width:90%;background:#fffaf0}#hope-dialog::backdrop{background:#18251bba}#close-hope{display:block;margin:0 0 25px auto;padding:10px;border:1px solid #9d917b;background:transparent;cursor:pointer}.hope-section [hidden]{display:none!important}@media(max-width:760px){.hope-layout{grid-template-columns:1fr;gap:25px}.hope-notes{padding:20px;gap:18px}.sticky{font-size:18px;padding:22px 16px}.counter-scene{min-height:635px}}@media(max-width:380px){.hope-notes{grid-template-columns:1fr}}

/* Scroll from the barista to the menu, mug, and personal message. */
.counter-layout{display:flex;flex-direction:column;gap:28px;max-width:760px;margin:0 auto}.counter-layout>div{width:100%}.counter-scene{min-height:0;padding:28px 20px 30px}.coffee-menu-heading{margin-top:0}.mug-table{margin-top:28px}.served-cup{position:relative;display:block;bottom:auto;left:auto;transform:none;width:100%;max-width:600px;min-height:0;margin:0 auto;padding:0;border:0;border-radius:14px;overflow:hidden;background:#142b27;box-shadow:0 12px 30px #30271925;color:#fff5df}.served-cup:after{display:none}.encouragement-mug{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.mug-caption{display:block;padding:18px 16px 20px}.served-cup strong{font:22px/1.4 Georgia,serif;letter-spacing:0;margin:0}.served-cup small{font:14px/1.6 Arial,sans-serif;margin-top:8px}.served-cup:focus-visible{outline:4px solid #a3763e;outline-offset:5px}.cup-message{margin-top:28px;scroll-margin-top:100px}.cup-arrives{animation:mug-arrives .5s ease-out}@keyframes mug-arrives{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.counter-layout{gap:24px}.counter-scene{min-height:0}.served-cup strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.cup-arrives{animation:none}}

/* Play the supplied golden-cross shine on a deliberate mug tap. */
.mug-media{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#16150f}.mug-shine{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.served-cup.shine-still{box-shadow:0 0 0 3px #e8c77d,0 0 28px #d5aa6260}