/* One identity per product. These tokens apply to its section AND every page. */
:root{--font-body:'DM Sans',system-ui,sans-serif;--font-display:'Manrope',system-ui,sans-serif;--name-weight:600;--name-tracking:-.055em;font-family:var(--font-body)}
.expenses{--font-body:'Manrope',system-ui,sans-serif;--font-display:'Manrope',system-ui,sans-serif;--name-weight:600;--name-tracking:-.06em;--name-dot:#d9b793}
.aura{--font-body:'DM Sans',system-ui,sans-serif;--font-display:'Cormorant Garamond',Georgia,serif;--name-weight:500;--name-tracking:-.035em;--name-dot:#a36932}
.lumen{--font-body:'Outfit',system-ui,sans-serif;--font-display:'Outfit',system-ui,sans-serif;--name-weight:500;--name-tracking:-.055em;--name-dot:#edbb55}
.product,.product-site{font-family:var(--font-body)}
.product h2,.product-landing h1,.product-name{font-family:var(--font-display);font-weight:var(--name-weight);letter-spacing:var(--name-tracking);line-height:1.05}
.product h2,.product-landing h1{font-size:clamp(64px,7.4vw,108px);margin-bottom:24px}
.product h2 span,.product-landing h1 span,.product-name .name-dot{color:var(--name-dot)}
.product .product-tagline,.product-site .product-tagline{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,2.8vw,40px);line-height:1.18;letter-spacing:-.035em}
.aura .product-tagline{font-size:clamp(34px,3.25vw,46px);font-weight:600}
.product .description,.product-site .description,.product-site .detail-grid p{font-size:16px;line-height:1.75;font-weight:400;letter-spacing:0}
.product .eyebrow,.product-site .eyebrow{font-family:var(--font-body);font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.13em}
.product .features{font-size:12px;font-weight:500;line-height:1.5}
.product-site .product-details h2,.product-site .detail-grid h3{font-family:var(--font-display);letter-spacing:-.025em}
.product-site .detail-grid h3{font-size:23px;font-weight:600}
.product-site.aura .detail-grid h3{font-size:28px}
.product-site .navigation .brand{font-family:var(--font-body);letter-spacing:0;gap:9px}
.navigation .product-name{font-size:24px}
.navigation .product-name .name-dot{display:inline}
.product-footer nav{flex-wrap:wrap;gap:12px 20px}
.hero h1,.studio h2{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.06em}
@media(max-width:800px){
 .product h2,.product-landing h1{font-size:64px}
 .product .product-tagline,.product-site .product-tagline{font-size:29px}
 .aura .product-tagline{font-size:36px}
 .product .features{gap:8px;font-size:11px}
 .product-site .navigation nav{font-size:11px;gap:12px}
 .product-site .navigation .product-name{font-size:22px}
 .product-site .product-footer{font-size:12px}
}

/* Studio identity: generous Manrope display type with readable DM Sans copy. */
.hero,.studio{font-family:'DM Sans',system-ui,sans-serif}
.hero h1{
  font-family:'Manrope',system-ui,sans-serif;
  font-size:clamp(64px,8vw,116px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.12;
}
.hero .hero-description{
  font-size:clamp(18px,1.65vw,22px);
  font-weight:400;
  letter-spacing:.015em;
  line-height:1.6;
  color:#c3cad5;
  margin-top:22px;
}
.hero .eyebrow,.studio .eyebrow{
  font-size:12px;
  font-weight:600;
  letter-spacing:.13em;
  line-height:1.7;
  color:#b8c2d0;
}
.studio h2{
  font-family:'Manrope',system-ui,sans-serif;
  font-size:clamp(42px,5.1vw,76px);
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1.18;
  text-wrap:balance;
  margin-bottom:28px;
}
.studio h2 span{color:#b1bdce}
.studio-content>p:not(.eyebrow){
  max-width:530px;
  font-size:18px;
  font-weight:400;
  line-height:1.8;
  color:#c0c8d3;
}
.studio .studio-contact{font-size:16px;font-weight:600;line-height:1.5;min-height:48px}
@media(max-width:800px){
 .hero .hero-description{font-size:19px;margin-top:20px;padding-inline:24px}
 .hero .eyebrow,.studio .eyebrow{font-size:11px;letter-spacing:.1em}
 .hero .eyebrow{padding-inline:24px;max-width:380px;margin-inline:auto}
 .studio h2{font-size:clamp(34px,7.6vw,50px);letter-spacing:-.035em;line-height:1.22}
 .studio-content>p:not(.eyebrow){font-size:17px;line-height:1.8}
 .studio .studio-contact{font-size:15px}
}