/* About: Figma desktop 64:766 and mobile 70:1385. */
.about-page { background:var(--grey); color:var(--paper); }
.about-editorial { position:relative; background:var(--grey); }
.about-page .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.about-page .masthead { height:9.375rem; }
.about-page .masthead-logo img { filter:invert(1); }
.about-page .masthead-price { grid-column:6; }
.about-page .masthead-action .btn-icon-content { background:#e6e6e6; color:var(--ink); }
.about-page .masthead-action .btn-icon-content__bg { background:var(--paper); }
.about-story { align-items:start; grid-template-rows:auto; }
.about-colophon { grid-column:1; grid-row:1; padding-top:13.5625rem; }
.about-colophon p + p { margin-top:5.9375rem; }
.about-image { grid-column:3 / 5; grid-row:1; margin-top:13.5625rem; width:100%; height:auto; aspect-ratio:230 / 290; object-fit:cover; }
.about-year { grid-column:1 / 4; grid-row:1; margin-top:48.8125rem; font-size:6.375rem; letter-spacing:-.04em; }
.about-year-mobile { display:none; }
.about-copy { grid-column:6 / 13; grid-row:1; font-size:2.1875rem; line-height:1.1; letter-spacing:-.01em; }
.about-copy p + p { text-indent:5rem; }
.about-invitation { position:relative; font-size:8.125rem; line-height:.9; letter-spacing:-.04em; margin:3.9375rem var(--gutter) 5rem; }
.about-page .brief-cta,.about-page .faq { background:var(--grey); color:var(--paper); }
.about-page .brief-cta .grid-lines,.about-page .brief-cta .dotted-rule,.about-page .faq .grid-lines,.about-page .faq .dotted-rule { opacity:1; }
.about-page .brief-cta .grid-lines span,.about-page .faq .grid-lines span { background-image:url('../assets/figma/imgGroup1.svg'); }
.about-page .brief-cta .dotted-rule::before,.about-page .faq .dotted-rule::before { background-image:url('../assets/figma/imgGroup7.svg'); }
.about-page .about-footer,.about-page .footer { background:var(--ink); color:var(--paper); }
.about-page .footer-logo img { filter:invert(1); }
.about-page .footer .grid-lines { opacity:.5; }
.about-page .footer .grid-lines span { background-image:url('../assets/faq/grid.svg'); }
@media(min-width:801px) {
 .about-sidebar { grid-column:1 / 5; grid-row:1; position:sticky; top:var(--gutter); min-height:calc(100svh - 2 * var(--gutter)); padding-top:13.5625rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:1fr auto; gap:2.5rem var(--gap); align-items:start; }
 .about-sidebar .about-colophon { padding-top:0; }
 .about-sidebar .about-image { margin-top:0; }
 .about-sidebar .about-year { grid-row:2; margin-top:0; }
}
@media(max-width:800px) {
 .about-page .brief-cta .grid-lines span,.about-page .faq .grid-lines span { background-image:url('../assets/figma/mobile/grid-pair.svg'); }
 .about-page .brief-cta .dotted-rule::before,.about-page .faq .dotted-rule::before { background-image:url('../assets/figma/mobile/process-rule.svg'); }
 .about-sidebar { display:contents; }
 .about-page .masthead { height:auto; min-height:12.875rem; row-gap:40px; }
 .about-page .masthead-intro,.about-page .masthead-delivery { padding-top:0; }
 .about-story { display:flex; flex-direction:column; gap:0; }
 .about-colophon { padding-top:0; max-width:104px; }
 .about-colophon p + p { margin-top:56px; }
 .about-image { margin:24px auto 0; width:217px; max-width:100%; height:276px; }
 .about-year { margin-top:40px; font-size:16px; letter-spacing:0; }
 .about-year-desktop { display:none; }
 .about-year-mobile { display:inline; }
 .about-copy { margin-top:40px; font-size:16px; line-height:1.1; letter-spacing:0; }
 .about-copy p + p { text-indent:80px; }
 .about-invitation { margin:64px 12px 80px; font-size:50px; line-height:1; letter-spacing:-1.5px; }
}