@font-face {
  font-family: 'Galuh Garamond';
  src: url('fonts/cormorantgaramond.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Cinzel';
  src: url('fonts/cinzel.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Bodoni';
  src: url('fonts/bodonimoda.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Fraunces';
  src: url('fonts/fraunces.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Great Vibes';
  src: url('fonts/greatvibes.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Dancing Script';
  src: url('fonts/dancingscript.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Lora';
  src: url('fonts/lora.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Galuh Outfit';
  src: url('fonts/outfit.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

/* Shared by the browser and PDF: each occasion keeps its typographic voice. */
.template-art.classic .mini-heading, .classic.letter-card h2, .classic.print-spread .print-half h3, body.classic .headline, body.classic .name,
.template-art.floral .mini-heading, .floral.letter-card h2, .floral.print-spread .print-half h3, body.floral .headline, body.floral .name {
  font-family: 'Galuh Garamond', Georgia, serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.025em;
}

.template-art.eid .mini-heading, .eid.letter-card h2, .eid.print-spread .print-half h3, body.eid .headline, body.eid .name,
.template-art.graduation .mini-heading, .graduation.letter-card h2, .graduation.print-spread .print-half h3, body.graduation .headline, body.graduation .name,
.template-art.raya .mini-heading, .raya.letter-card h2, .raya.print-spread .print-half h3, body.raya .headline, body.raya .name {
  font-family: 'Galuh Cinzel', Georgia, serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .015em;
}

.template-art.birthday .mini-heading, .birthday.letter-card h2, .birthday.print-spread .print-half h3, body.birthday .headline, body.birthday .name,
.template-art.festive .mini-heading, .festive.letter-card h2, .festive.print-spread .print-half h3, body.festive .headline, body.festive .name {
  font-family: 'Galuh Fraunces', Georgia, serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.045em;
}

.template-art.nocturne .mini-heading, .nocturne.letter-card h2, .nocturne.print-spread .print-half h3, body.nocturne .headline, body.nocturne .name,
.template-art.wedding .mini-heading, .wedding.letter-card h2, .wedding.print-spread .print-half h3, body.wedding .headline, body.wedding .name {
  font-family: 'Galuh Bodoni', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -.03em;
}

.template-art.valentine .mini-heading, .valentine.letter-card h2, .valentine.print-spread .print-half h3, body.valentine .headline, body.valentine .name,
.template-art.scarlet .mini-heading, .scarlet.letter-card h2, .scarlet.print-spread .print-half h3, body.scarlet .headline, body.scarlet .name {
  font-family: 'Galuh Great Vibes', cursive;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.template-art.thankyou .mini-heading, .thankyou.letter-card h2, .thankyou.print-spread .print-half h3, body.thankyou .headline, body.thankyou .name {
  font-family: 'Galuh Dancing Script', cursive;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.015em;
}

.template-art.ketupat .mini-heading, .ketupat.letter-card h2, .ketupat.print-spread .print-half h3, body.ketupat .headline, body.ketupat .name,
.template-art.sage .mini-heading, .sage.letter-card h2, .sage.print-spread .print-half h3, body.sage .headline, body.sage .name {
  font-family: 'Galuh Lora', Georgia, serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.04em;
}

.template-art.newborn .mini-heading, .newborn.letter-card h2, .newborn.print-spread .print-half h3, body.newborn .headline, body.newborn .name,
.template-art.minimal .mini-heading, .minimal.letter-card h2, .minimal.print-spread .print-half h3, body.minimal .headline, body.minimal .name {
  font-family: 'Galuh Outfit', Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.055em;
}

.letter-card .letter-message { font-family: 'Galuh Lora', Georgia, serif; font-weight: 400; }
.letter-card.birthday .letter-message, .letter-card.festive .letter-message,
.letter-card.graduation .letter-message, .letter-card.newborn .letter-message,
.letter-card.minimal .letter-message { font-family: var(--sans); }

.letter-card h2, .print-spread h3 { overflow-wrap: anywhere; }
.studio-app .template-art .mini-heading { max-width: 100%; flex-shrink: 0; overflow-wrap: normal; }
.studio-app .template-art .mini-label { flex-shrink: 0; }
.studio-app .template-art.eid .mini-heading, .studio-app .template-art.graduation .mini-heading, .studio-app .template-art.raya .mini-heading { font-size: clamp(.95rem, 12cqi, 1.6rem); line-height: 1.2; }
.studio-app .template-art.birthday .mini-heading { font-size: clamp(1.2rem, 15cqi, 2rem); line-height: 1.08; }
.studio-app .template-art.festive .mini-heading { font-size: clamp(1.7rem, 25cqi, 3.2rem); line-height: .98; }
.studio-app .template-art.valentine .mini-heading, .studio-app .template-art.scarlet .mini-heading { font-size: clamp(1.9rem, 27cqi, 3.3rem); line-height: 1.1; padding-inline: 3px; }
.studio-app .template-art.thankyou .mini-heading { font-size: clamp(1.8rem, 26cqi, 3.2rem); line-height: 1.05; }
.studio-app .template-art.ketupat .mini-heading, .studio-app .template-art.sage .mini-heading { font-size: clamp(1rem, 12cqi, 1.7rem); line-height: 1.2; }
.studio-app .template-art.newborn .mini-heading { font-size: clamp(1.1rem, 14cqi, 1.9rem); line-height: 1.12; }
.studio-app .template-art.minimal .mini-heading { font-size: clamp(1.4rem, 19cqi, 2.4rem); line-height: .97; }
.studio-app .template-art.wedding .mini-heading { font-size: clamp(1.3rem, 17cqi, 2.2rem); line-height: 1.13; }
.studio-app .template-art.nocturne .mini-heading { font-size: clamp(1.2rem, 15cqi, 2rem); line-height: 1.15; }

.letter-card.eid h2, .letter-card.graduation h2, .letter-card.raya h2 { font-size: clamp(1.7rem, 4.5vw, 2.55rem); line-height: 1.25; }
.letter-card.valentine h2, .letter-card.scarlet h2 { font-size: clamp(3rem, 7vw, 4.25rem); line-height: 1.25; padding-inline: 4px; }
.letter-card.thankyou h2 { font-size: clamp(2.8rem, 6.5vw, 3.8rem); line-height: 1.2; }
.letter-card .letter-signature strong { font-family: 'Galuh Garamond', Georgia, serif; font-weight: 400; }

@media (max-width: 650px) {
  .recipient-public .recipient-letter-wrap .letter-card.eid h2,
  .recipient-public .recipient-letter-wrap .letter-card.graduation h2,
  .recipient-public .recipient-letter-wrap .letter-card.raya h2 { font-size: clamp(1.9rem, 8vw, 2.7rem); line-height: 1.25; }
  .recipient-public .recipient-letter-wrap .letter-card.valentine h2,
  .recipient-public .recipient-letter-wrap .letter-card.scarlet h2 { font-size: clamp(3rem, 13vw, 4.2rem); line-height: 1.25; }
  .recipient-public .recipient-letter-wrap .letter-card.thankyou h2 { font-size: clamp(2.8rem, 12vw, 3.8rem); line-height: 1.2; }
}