/* The Data Barista v3 — approved header and above-the-fold treatment only.
   No changes to archive, carousel, glass tiles, links or site.js. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

/* Coordinated lavender navigation, with soft waves and no floral image. */
.header.tdb-header {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:103px; padding:12px 5.3%;
  background:linear-gradient(103deg,#fffaf8 0%,#fffafa 33%,#fbf5ff 63%,#f2ddff 100%);
  border-bottom:1px solid #e8dff0;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);
}
.header.tdb-header::before,
.header.tdb-header::after {content:"";position:absolute;z-index:-1;pointer-events:none;}
.header.tdb-header::before {
  right:-2%;top:-94px;width:46%;height:210px;
  background:linear-gradient(130deg,rgba(198,151,255,.03),rgba(199,140,247,.29));
  border-radius:10% 0 0 83%/5% 0 0 75%;transform:rotate(-8deg);
}
.header.tdb-header::after {
  right:-3%;top:-108px;width:36%;height:200px;
  background:linear-gradient(120deg,rgba(201,151,252,.01),rgba(190,119,249,.16));
  border-radius:6% 0 0 82%/10% 0 0 84%;transform:rotate(-10deg);
}
.tdb-nav-logo {
  display:inline-flex;align-items:center;gap:17px;width:auto;
  font-family:'Cormorant Garamond',Georgia,serif;
  color:#17112f;font-weight:500;letter-spacing:-.05em;
  text-decoration:none;white-space:nowrap;position:relative;z-index:1;
}
.tdb-nav-logo .tdb-logo-lines {display:flex;flex-direction:column;align-items:flex-start;}
.tdb-logo-first,.tdb-logo-second {display:flex!important;align-items:baseline;white-space:nowrap;font-size:clamp(31px,2.35vw,39px);line-height:.82;}
.tdb-logo-first b {font-weight:700;color:#3f1494;}
.tdb-logo-second {margin-top:1px;align-items:center;}
.tdb-logo-second em {font-style:italic;color:#3f1494;font-weight:500;}
.tdb-cup {height:.45em;width:.46em;flex:0 0 .46em;color:#4d1caa;margin:0 .05em 0 .01em;align-self:center;}
.tdb-logo-dots {display:inline-flex!important;align-items:center;gap:8px;margin-top:-6px;}
.tdb-logo-dots i,.tdb-divider-dots i {display:block;width:11px;height:11px;border-radius:50%;background:#5b31bd;}
.tdb-logo-dots i:nth-child(2),.tdb-divider-dots i:nth-of-type(2) {background:#eaa31b;}
.tdb-logo-dots i:nth-child(3),.tdb-divider-dots i:nth-of-type(3) {background:#0da487;}
.header.tdb-header .nav {gap:37px;position:relative;z-index:1;}
.header.tdb-header .nav a {color:#29223c;font-size:13px;font-weight:700;}
.header.tdb-header .nav a.active {color:#14101f;text-decoration-color:#4b1bab;text-decoration-thickness:3px;text-underline-offset:10px;}
.header.tdb-header .right {position:relative;z-index:1;}
.header.tdb-header .right .button {border:1.5px solid #4f1bb7;color:#1f1733;background:rgba(255,255,255,.73);padding:12px 23px;font-size:13px;}
.header.tdb-header .right .button:hover {background:#fff5ff;border-color:#4716a4;color:#241444;}

/* Approved rebrand above the fold only. The rest of the page keeps its v2 styling. */
body[data-page="home"] .tdb-hero {
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  gap:4.0%;align-items:center;min-height:715px;padding:59px 5.3% 77px;
  background:radial-gradient(ellipse 60% 62% at 100% 0%,rgba(210,170,250,.15),transparent 70%),linear-gradient(180deg,#fdfbfd 0%,#fcfaff 68%,#fcfaff 100%);
}
body[data-page="home"] .tdb-hero::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:75%;height:340px;bottom:-255px;left:-22%;
  border-radius:50%;transform:rotate(-10deg);
  background:radial-gradient(ellipse at center,rgba(205,174,255,.30),rgba(226,205,255,.11) 62%,transparent 75%);
}
.tdb-hero-copy {position:relative;min-width:0;z-index:1;}
.tdb-hero-eyebrow {color:#302559;letter-spacing:.21em;font-size:11px;margin-bottom:36px;}
.tdb-hero-brand {font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.065em;line-height:.91;font-weight:500;margin:0;color:#18112b;}
.tdb-hero-line-one,.tdb-hero-line-two {display:flex;align-items:baseline;white-space:nowrap;font-size:clamp(76px,7.5vw,128px);}
.tdb-hero-purple {color:#4217a5;font-weight:600;}
.tdb-hero-line-two {font-style:italic;color:#4117a6;margin-top:6px;align-items:center;}
.tdb-hero-line-two .tdb-cup {font-style:normal;font-size:.95em;width:.51em;flex-basis:.51em;height:.52em;margin-right:.06em;}
.tdb-divider-dots {margin:29px 0 9px 12%;width:66%;max-width:410px;display:flex;align-items:center;justify-content:center;gap:12px;}
.tdb-divider-line {height:1px;background:#d7d2df;flex:1;}
.tdb-divider-dots i {width:12px;height:12px;}
.tdb-hero-tagline {font-family:'DM Sans',Arial,sans-serif;letter-spacing:.26em;font-size:clamp(12px,1.45vw,18px);font-weight:500;color:#8162c6;text-align:center;max-width:490px;margin-bottom:39px;}
body[data-page="home"] .tdb-hero .lead {max-width:575px;color:#211c3a;font-size:clamp(15px,1.4vw,20px);line-height:1.65;margin-bottom:30px;}
body[data-page="home"] .tdb-hero .button {font-size:15px;padding:14px 23px;}
body[data-page="home"] .tdb-hero .button:not(.outline) {background:#421a8c;border-color:#421a8c;}
body[data-page="home"] .tdb-hero .button:not(.outline):hover {background:#5b2ca4;}
body[data-page="home"] .tdb-hero .button.outline {border-color:#332742;color:#1f1b2c;}
body[data-page="home"] .tdb-hero-art {height:auto;align-self:center;min-width:0;z-index:1;}
body[data-page="home"] .tdb-hero-photo {width:100%;height:auto;aspect-ratio:840/642;object-fit:cover;object-position:center;border-radius:46px;filter:none;box-shadow:0 14px 38px rgba(78,47,106,.05);}
/* Existing `.floating` card was specific to the old café photograph and is intentionally absent on the approved new photo. */
@media(max-width:1160px) {
  .header.tdb-header{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr)}
  .header.tdb-header .nav{gap:22px}
  .tdb-nav-logo{gap:8px}
  .tdb-logo-dots i{width:8px;height:8px}
  .tdb-hero-line-one,.tdb-hero-line-two{font-size:clamp(64px,7vw,99px)}
  body[data-page="home"] .tdb-hero{min-height:0}
}
@media(max-width:820px) {
  .header.tdb-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;min-height:0;padding:15px 5.3%}
  .header.tdb-header .nav{width:100%;order:3;justify-content:center;gap:22px;flex-wrap:wrap}
  .header.tdb-header .nav a{font-size:12px}
  .tdb-logo-first,.tdb-logo-second{font-size:33px}
  body[data-page="home"] .tdb-hero{grid-template-columns:1fr;gap:32px;padding:45px 5.3% 58px}
  .tdb-hero-line-one,.tdb-hero-line-two{font-size:clamp(77px,13vw,116px)}
  .tdb-hero-tagline{text-align:left;margin-bottom:30px}
  .tdb-divider-dots{margin-left:0}
}
@media(max-width:480px) {
  .tdb-nav-logo{gap:8px}
  .tdb-logo-first,.tdb-logo-second{font-size:29px}
  .tdb-logo-dots{gap:4px}
  .tdb-logo-dots i{width:7px;height:7px}
  .header.tdb-header .right .button{padding:9px 12px;font-size:11px}
  .header.tdb-header .nav{gap:16px}
  body[data-page="home"] .tdb-hero{padding-top:33px}
  .tdb-hero-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:23px}
  .tdb-hero-line-one,.tdb-hero-line-two{font-size:clamp(63px,14.2vw,80px)}
  .tdb-hero-tagline{font-size:12px;letter-spacing:.16em}
  .tdb-divider-dots{width:85%}
  body[data-page="home"] .tdb-hero .button{font-size:12px;padding:11px 15px}
  body[data-page="home"] .tdb-hero-photo{border-radius:25px}
}