/* Self-hosted Inter 4.1. Font and OFL license travel with the STRATO assets. */
@font-face {
  font-family:Inter;
  src:url('assets/fonts/InterVariable.woff2') format('woff2');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

:root {
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  font-optical-sizing:auto;
  --type-ink:rgba(0,0,0,.8);
  --type-body:rgba(0,0,0,.6);
  --type-secondary:rgba(0,0,0,.48);
}

/* Shared type rhythm for content and controls. */
.window-body .subpage {color:var(--type-ink)}
.window-body :is(h1,h2,h3) {font-weight:500;letter-spacing:-.03em}
.window-body .page-intro h1 {font-size:clamp(40px,4.6vw,56px);line-height:1.12;letter-spacing:-.035em}
.window-body .page-intro .lead {font-size:17px;line-height:1.7;color:var(--type-body);max-width:650px}
.window-body .eyebrow {font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--type-secondary)}
.window-title {font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--type-secondary)}
.window-body :is(.reading,.story-layout,.statement,.empty-editorial) p {font-size:15px;line-height:1.75;color:var(--type-body)}
.window-body .reading .lead {font-size:18px;line-height:1.7;color:var(--type-ink)}
.window-body .reading h2,.window-body .story-layout h2 {font-size:36px;line-height:1.18;letter-spacing:-.03em}
.window-body .statement {background:rgba(255,255,255,.18)}
.window-body .statement .quote {font-size:36px;line-height:1.2;letter-spacing:-.03em;color:var(--type-ink)}
.window-body .statement .preview-note,.window-body .preview-note {font-size:12px;line-height:1.7;color:var(--type-secondary)}

.wedding-page {--wedding-ink:var(--type-ink);--wedding-muted:var(--type-body)}
.window-body :is(.wedding-page,.process-page) p {font-size:15px;line-height:1.75;color:var(--type-body)}
.window-body .wedding-page h1,.window-body .wedding-page h2,
.window-body .process-heading h2,.window-body .service-closing h2 {letter-spacing:-.03em;line-height:1.16;font-weight:500}
.window-body .wedding-banner h1 {letter-spacing:-.035em;line-height:1.1}
.window-body .wedding-story h2 {font-size:32px;line-height:1.3;font-weight:400;letter-spacing:-.025em;color:var(--type-body)}
.window-body .wedding-story h2 span {font-size:46px;font-weight:500;line-height:1.18;letter-spacing:-.035em}
.wedding-story-copy {max-width:650px}
.wedding-chapter-title {letter-spacing:-.01em;font-weight:500}
.wedding-chapter-title small {font-size:12px;line-height:1.6;color:var(--type-secondary)}
.window-body .wedding-chapter-body p {font-size:15px;line-height:1.75}
.wedding-author-caption strong {font-size:14px;letter-spacing:-.01em;line-height:1.55}
.wedding-author-caption small {font-size:12px;color:var(--type-secondary)}
.wedding-section {padding-top:64px;padding-bottom:64px}
.wedding-story {padding-top:68px;padding-bottom:64px}
.wedding-moments,.wedding-portfolio {padding-top:0}
.window-body .service-closing p {font-size:15px;line-height:1.75;color:var(--type-body)}
.inquiry-process-copy strong {letter-spacing:-.015em}
.inquiry-process-copy small {font-size:12px;color:var(--type-secondary)}

.window-body .contact-intro h1 {font-size:clamp(40px,4.2vw,52px);font-weight:500;letter-spacing:-.035em;line-height:1.12}
.contact-lead {font-size:15px;line-height:1.75;color:var(--type-body)}
.contact-field>span {font-size:12px;line-height:1.5;font-weight:500}
.contact-field small {font-size:11px}
.contact-field input,.contact-field textarea {letter-spacing:0}
.window-body .inline-inquiry-form .contact-demo-hint,.contact-form .contact-demo-hint {font-size:11px;line-height:1.6}

@media(max-width:1000px) {
  .window-body .wedding-story h2 {font-size:30px}
  .window-body .wedding-story h2 span {font-size:42px}
}
@media(max-width:760px) {
  .window-body .page-intro h1 {font-size:40px;line-height:1.15;letter-spacing:-.03em}
  .window-body .page-intro .lead {font-size:16px;line-height:1.7}
  .window-body .reading .lead {font-size:17px}
  .window-body .reading h2,.window-body .story-layout h2,.window-body .statement .quote {font-size:30px}
  .window-body .wedding-story h2 {font-size:26px;line-height:1.35}
  .window-body .wedding-story h2 span {font-size:36px;line-height:1.2}
  .window-body .wedding-banner h1 {font-size:44px;line-height:1.1}
  .wedding-section {padding-top:44px;padding-bottom:44px}
  .wedding-story {padding-top:46px;padding-bottom:44px}
  .wedding-moments,.wedding-portfolio {padding-top:0}
  .wedding-author-caption strong {font-size:13px}
  .wedding-author-caption small {font-size:11px}
  .window-body .contact-intro h1 {font-size:40px}
}
@media(max-width:360px) {
  .window-body .page-intro h1,.window-body .contact-intro h1 {font-size:36px}
  .window-body .wedding-banner h1 {font-size:38px}
  .window-body .wedding-story h2 span {font-size:32px}
}