:root {
  --cafe-espresso:#2d2119; --cafe-cream:#f7efe3; --cafe-copper:#ad5d34;
  --cafe-paper-mesh:radial-gradient(ellipse at 10% 25%,#eee3d2,transparent 65%),radial-gradient(ellipse at 90% 80%,#e1ddca,transparent 70%),#f8f1e5;
  --mesh-light:var(--cafe-paper-mesh)!important;
  --intro-ink:#2d2119; --cd-ink:#2d2119;
  --cafe-card-1:#ddbc9b; --cafe-card-2:#e1d3be; --cafe-card-3:#d9c1a0;
  --cafe-card-4:#d4b69c; --cafe-card-5:#c4c5af; --cafe-card-6:#c8d2b6;
  --cafe-card-7:#bfd3cc; --cafe-card-8:#ccb3a5; --cafe-card-9:#e6c3a8;
  --cafe-card-10:#c2cba5; --cafe-card-11:#e2cdb6; --cafe-card-12:#c4ae96;
  --cafe-card-13:#bdcbbd; --cafe-card-14:#d9c2b3;
  --cafe-mesh-1:linear-gradient(145deg,#f9f1e6,#ddbc9b);
  --cafe-mesh-2:linear-gradient(145deg,#faf4eb,#e1d3be);
  --cafe-mesh-3:linear-gradient(145deg,#faf2e5,#d9c1a0);
  --cafe-mesh-4:linear-gradient(145deg,#fbf0e5,#d4b69c);
  --cafe-mesh-5:linear-gradient(145deg,#f7f2e8,#c4c5af);
  --cafe-mesh-6:linear-gradient(145deg,#f8f4e9,#c8d2b6);
  --cafe-mesh-7:linear-gradient(145deg,#f2f5ec,#bfd3cc);
  --cafe-mesh-8:linear-gradient(145deg,#faf0e8,#ccb3a5);
  --cafe-mesh-9:linear-gradient(145deg,#fcf0e4,#e6c3a8);
  --cafe-mesh-10:linear-gradient(145deg,#f8f5e6,#c2cba5);
  --cafe-mesh-11:linear-gradient(145deg,#fbf2e5,#e2cdb6);
  --cafe-mesh-12:linear-gradient(145deg,#faf0e5,#c4ae96);
  --cafe-mesh-13:linear-gradient(145deg,#f4f4e9,#bdcbbd);
  --cafe-mesh-14:linear-gradient(145deg,#fbf1e7,#d9c2b3);
}
body { background:#281d16; }
::selection { color:#fff7ed; background:#89512f; }
.logo { color:var(--cafe-cream); }
.logo-dark { color:var(--cafe-espresso); }
.hero__bg {
  background:radial-gradient(55% 65% at 24% 23%,#62412880,transparent 75%),radial-gradient(55% 65% at 80% 80%,#3a302480,transparent 75%),#281d16;
  background-size:165% 165svh;
}
.hero__bg-warm { background:radial-gradient(70% 75% at 20% 80%,#dac09c80,transparent 75%),radial-gradient(70% 70% at 85% 30%,#b6c0a96b,transparent 75%),#f7efe3; }
.hero__white,.hero__cell-fill { background:var(--cafe-cream); }
.hero__accent,.hero__accent-word { color:var(--cafe-copper); }
.hero__lockup,.hero__bottom { color:var(--cafe-cream); }
.hero__lockup-sub { max-width:32ch; }
.deck { background:radial-gradient(ellipse at 5% 20%,#e9e6d9,transparent 60%),radial-gradient(ellipse at 92% 80%,#ead8c6,transparent 64%),var(--cafe-cream); color:var(--cafe-espresso); }
.wheel-card { color:var(--cafe-espresso)!important; }
.wheel-card__iq { display:none!important; }
.wheel-card__texture { opacity:.13; }
.wheel-card__frame { border-color:#fff7e980; }
.bg-mesh,.morph__bg { background:var(--cafe-paper-mesh)!important; }
.wheel-card__icon-holo,.card-detail__holo-sheen { background:linear-gradient(135deg,#fff8e9,#c29b72)!important; }
.timebar__track { background:#e5d5c3; }
.timebar__fill { background:linear-gradient(90deg,#8f5634,#d5b18c,#98a083)!important; }
.menu__toggle,.menu__close { background:#35251c; border-color:#d2bca755; color:var(--cafe-cream); }
.menu__panel { background:var(--cafe-cream); color:var(--cafe-espresso); }
.menu__brand .logo { color:var(--cafe-espresso); }
.menu__list button { color:var(--cafe-espresso); }
.menu__list button:hover,.menu__list button:focus-visible { color:#854722; }
.filterdd__menu { background:#faf4e9; color:var(--cafe-espresso); }
.cafe-moment-name { font:500 clamp(22px,2.1vw,30px)/1.2 'PP Neue Montreal',sans-serif; color:var(--cafe-espresso); }
.closing__dark,.morph__closing-dark { background:#241a14; }
.closing__heading { color:var(--cafe-cream); }
.closing__card-form { background:#2d2119; border-color:#d8c1ac45; }
.cafe-enquiry { display:grid; gap:20px; }
.cafe-field { display:grid; gap:8px; color:var(--cafe-cream); }
.cafe-field>span { font-size:16px; line-height:1.4; }
.cafe-field :is(input,select,textarea) {
  width:100%; min-width:0; min-height:54px; padding:14px 16px;
  border:1px solid #a98d765e; border-radius:12px; background:#3b2c22;
  color:#fff7ed; font:400 18px/1.5 'PP Neue Montreal',sans-serif;
  box-shadow:none; appearance:auto;
}
.cafe-field textarea { min-height:116px; resize:vertical; }
.cafe-field select option { color:#fff7ed; background:#3b2c22; }
.cafe-enquiry .closing__submit { margin-top:6px; background:var(--cafe-copper); color:#fff7ed; font-size:18px; box-shadow:0 7px 20px #150d0833; }
.cafe-enquiry .closing__submit:hover { background:#8a4524; }
.cafe-enquiry .closing__note { margin:0; font-size:16px; line-height:1.6; color:#e1cbb6; }
.cafe-concept-note { font-size:16px!important; line-height:1.6; color:#dec6b1; }
:where(a,button,input,select,textarea):focus-visible { outline:2px solid #c88250; outline-offset:5px; }
.local-form-status { background:var(--cafe-cream); color:var(--cafe-espresso); }
@media(max-width:768px) {
  .hero__release { max-width:100%; white-space:normal; }
  .cafe-enquiry { gap:18px; }
  .cafe-concept-note { max-width:32ch; margin-inline:auto; }
}
@media(min-width:769px) {
  .card-detail__hero-tldr-body { font-size:18px; line-height:1.5; }
}
@media(prefers-reduced-motion:reduce) {
  .hero__bg,.hero__bg-warm { animation:none; }
}
