/* Household letter: masthead, illustration/letter spread, centered reading */
.af-header{display:grid;grid-template-columns:1fr auto 1fr;gap:22px 30px;padding:28px 5vw 0;max-width:none;border-bottom:1px solid var(--line)}.af-masthead-note{font-size:11px;letter-spacing:.04em;line-height:1.6}.af-logo{grid-column:2;grid-row:1;font-size:32px}.af-start{grid-column:3;grid-row:1;justify-self:end}.af-header nav{grid-column:1/-1;grid-row:2;justify-content:center;padding:18px 0;border-top:1px solid var(--line);gap:45px}.af-letter-cover{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;padding:48px 5vw 52px;gap:5vw;align-items:center;border-bottom:1px solid var(--line)}.af-letter-cover figure{margin:0;border-right:1px solid var(--line);padding-right:4vw}.af-letter-cover img{aspect-ratio:1;object-fit:contain}.af-letter-cover figcaption{font-size:11px;text-align:center;padding:10px 15px;letter-spacing:.025em}.af-cover-letter{padding:22px 0}.af-cover-letter .label{font-size:10px}.af-cover-letter h1{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.24;letter-spacing:-.06em}.af-cover-letter h1 em{color:#93614d}.af-cover-letter p{font-size:17px;max-width:400px;line-height:1.8}.af-letter-end{display:block;font-family:Display;font-size:44px;font-style:italic;margin-top:35px;color:#93614d}.af-letter{margin-top:75px;margin-bottom:75px}.af-title{max-width:1080px;display:grid;grid-template-columns:180px 1fr;gap:0 45px;text-align:left;margin-top:65px;border-bottom:1px solid var(--line);padding-bottom:25px}.af-title>.label{grid-row:1/4;padding-top:12px;font-size:10px}.af-title h1{font-size:clamp(2.5rem,4vw,4.3rem)}.af-title p{grid-column:2;margin:10px 0 20px;font-size:17px}.af-title .title-flower{display:none}.af-content.service .af-service{display:block;max-width:760px;margin:45px auto}.af-margin-note{border-radius:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:35px}.af-margin-note h3{text-align:left;font-style:italic}.af-margin-note ul{columns:2;column-gap:45px}.af-reading{display:block;max-width:820px;padding:0 35px;margin-top:35px}.af-contents{border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:35px}.af-contents .label{font-style:italic;font-family:Display;text-transform:none;letter-spacing:0;font-size:18px;margin-bottom:15px}.af-contents ol{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:20px;font-size:12px}.af-contents li{padding-left:3px}.af-reading .prose{max-width:none}.af-reading .article-photo{aspect-ratio:16/9;height:auto;max-height:none}.af-reading .prose>p:first-of-type:first-letter{float:left;font-family:Display;font-size:64px;line-height:.9;padding:7px 10px 0 0}.af-footer{background:#503448;color:#fff;padding-top:48px}.af-footer>img{display:none}.af-footer .footer-thought{font-size:35px}.af-footer .af-legal{border-color:#9d8495}.af-footer nav{margin-top:35px}
@media(max-width:900px){.af-masthead-note{font-size:10px}.af-start{display:block;font-size:11px}.af-header nav{gap:30px}.af-title{grid-template-columns:130px 1fr;gap:0 30px}}
@media(max-width:650px){.af-header{display:flex;flex-wrap:wrap;padding:20px 6vw 0;justify-content:center;gap:15px}.af-masthead-note,.af-start{display:none}.af-logo{font-size:26px;justify-content:center;width:100%}.af-header .menu{display:block;border:0;border-top:1px solid var(--line);border-radius:0;width:100%;padding:13px;margin:0}.af-header nav{width:100%;padding:5px 0 18px;gap:13px;text-align:center;border:0}.af-letter-cover{display:flex;flex-direction:column;padding:0 6vw 35px;gap:0}.af-letter-cover figure{order:2;border:0;padding:15px 0 0;max-width:300px}.af-letter-cover figcaption{font-size:10px}.af-cover-letter{padding:25px 0 0;text-align:left;width:100%}.af-cover-letter .label{margin-bottom:15px}.af-cover-letter h1{font-size:2.55rem}.af-cover-letter p{font-size:15px}.af-cover-letter .outline-link{font-size:13px}.af-letter-end{display:none}.af-title{display:block;margin-top:30px;padding:0 6vw 20px}.af-title>.label{padding:0;margin-bottom:16px}.af-title h1{font-size:2.3rem}.af-title p{font-size:16px}.af-margin-note ul{columns:1}.af-reading{padding:0 6vw;margin-top:25px}.af-contents ol{display:block}.af-contents li{margin-bottom:10px}.af-reading .prose>p:first-of-type:first-letter{font-size:54px}.af-footer .footer-thought{font-size:30px}}
