.about-letter{display:grid;grid-template-columns:1fr;min-height:600px}@media screen and (min-width:990px){.about-letter{grid-template-columns:45% 55%;min-height:700px}}.about-letter__image-wrapper{position:relative;overflow:hidden;min-height:400px}@media screen and (min-width:990px){.about-letter__image-wrapper{min-height:100%}}.about-letter__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.about-letter__image-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.about-letter__image-placeholder .placeholder-svg{width:50%;max-width:200px;opacity:.4}.about-letter__content{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#fff}@media screen and (min-width:750px){.about-letter__content{padding:60px 40px}}@media screen and (min-width:990px){.about-letter__content{padding:80px 60px}}.about-letter__paper{background:#fffcf4;padding:40px 30px;max-width:580px;width:100%;border-radius:12px;box-shadow:0 2px 4px #00000005,0 8px 16px #0000000a,0 20px 40px #00000008;position:relative}@media screen and (min-width:750px){.about-letter__paper{padding:50px 45px}}@media screen and (min-width:990px){.about-letter__paper{padding:60px 55px}}.about-letter__greeting{font-family:"DM Serif Display",serif;font-style:italic;font-weight:700;font-size:22px;color:#044641;margin:0 0 30px}@media screen and (min-width:750px){.about-letter__greeting{font-size:26px;margin-bottom:35px}}.about-letter__body{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:750px){.about-letter__body{gap:24px}}.about-letter__paragraph{font-family:Outfit,sans-serif;font-size:15px;line-height:1.75;color:#044641;margin:0}@media screen and (min-width:750px){.about-letter__paragraph{font-size:16px}}@media screen and (min-width:990px){.about-letter__paragraph{font-size:17px}}.about-letter__highlight{font-family:"DM Serif Display",serif;font-style:italic;font-weight:700;font-size:18px;line-height:1.6;color:#044641;margin:8px 0;padding-left:20px;border-left:2px solid #044641}@media screen and (min-width:750px){.about-letter__highlight{font-size:20px;margin:12px 0;padding-left:24px}}@media screen and (min-width:990px){.about-letter__highlight{font-size:22px}}.about-letter__signature{margin:35px 0 0;text-align:right}@media screen and (min-width:750px){.about-letter__signature{margin-top:40px}}.about-letter__signature-img{height:auto;display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-about-letter.css.map */