/* Newsletter cover: supplied lettering, existing portrait, two brand colours. */
#home-view .tomosu-section{--tomosu-ink:#221a18;--tomosu-teal:#2fa5b5;--tomosu-yellow:#f0d250;padding-block:70px;color:var(--tomosu-ink)}
#home-view .tomosu-paper{border-top:1px solid #24373a38;background:#fff;padding-bottom:0}
#home-view .tomosu-masthead{text-align:center;padding:28px 28px 30px}
#home-view .tomosu-rubric{font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.6;margin:0 0 18px;color:var(--tomosu-ink)}
#home-view .tomosu-masthead h2{display:block;width:min(560px,100%);margin:0 auto;padding:0;background:none;font-size:inherit;line-height:1;border:0}
#home-view .tomosu-title{display:block;width:100%;height:auto;max-width:none}
#home-view .tomosu-byline{font-size:15px;font-weight:700;letter-spacing:.065em;line-height:1.8;margin:17px 0 0;color:var(--tomosu-ink)}
#home-view .tomosu-cover{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,var(--tomosu-teal) 0 50%,var(--tomosu-yellow) 50% 100%)}
#home-view .tomosu-portrait{position:relative;min-width:0;min-height:530px;margin:0;overflow:hidden;align-self:stretch}
#home-view .tomosu-person{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:96%;height:94%;max-width:none;object-fit:contain;object-position:center bottom}
#home-view .tomosu-portrait figcaption{position:absolute;left:30px;bottom:30px;color:#fff;font-size:24px;font-weight:700;line-height:1.65;letter-spacing:.06em;text-shadow:0 1px 8px #142d3966}
#home-view .tomosu-cover-contents{padding:35px 38px 28px;min-width:0;display:flex;flex-direction:column}
#home-view .tomosu-contents-label{font-size:13px;font-weight:700;letter-spacing:.16em;line-height:1.5;margin:0;padding-bottom:12px;border-bottom:2px solid var(--tomosu-ink);align-self:flex-start}
#home-view .tomosu-section .blog-list{display:block;padding:0;margin:0;flex:1}
#home-view .tomosu-section .blog-entry,#home-view .tomosu-section .blog-entry:first-child,#home-view .tomosu-section .blog-entry:last-child{position:relative;display:flex;align-items:flex-start;gap:16px;padding:21px 0;border:0;border-bottom:1px solid #221a1833;background:none;color:var(--tomosu-ink)}
#home-view .tomosu-section .blog-entry:last-child{border-bottom:0}
#home-view .tomosu-section .blog-entry-content{min-width:0;flex:1}
#home-view .tomosu-section .blog-entry-content>div{gap:12px;margin-bottom:9px;flex-wrap:wrap}
#home-view .tomosu-section .blog-entry time{font-size:12px;letter-spacing:.025em;color:#4a4030}
#home-view .tomosu-section .tiny-tag{background:transparent;color:var(--tomosu-ink);font-size:10px;line-height:1.4;border:1px solid #221a1866;border-radius:0;padding:2px 6px}
#home-view .tomosu-section .blog-entry h3{font-size:18px;line-height:1.8;color:var(--tomosu-ink);font-weight:700;letter-spacing:.015em}
#home-view .tomosu-section .blog-entry h3 br{display:none}
#home-view .tomosu-section .blog-entry>.icon{width:17px;height:17px;flex-shrink:0;margin-top:35px;color:var(--tomosu-ink)}
#home-view .tomosu-section .blog-entry:hover h3{text-decoration:underline;text-underline-offset:5px}
#home-view .tomosu-section a:focus-visible{outline:3px solid #174f59;outline-offset:4px}
#home-view .tomosu-journal-footer{display:block;padding:12px 0 0;margin-top:2px;border-top:1px solid #221a1855}
#home-view .tomosu-journal-footer>.text-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:1.8;gap:16px;color:var(--tomosu-ink);min-height:44px;white-space:normal}
@media(min-width:701px) and (max-width:1100px){
 #home-view .tomosu-section{padding-block:56px}
 #home-view .tomosu-masthead h2{width:min(500px,100%)}
 #home-view .tomosu-byline{font-size:14px}
 #home-view .tomosu-portrait{min-height:520px}
 #home-view .tomosu-person{width:108%;height:92%}
 #home-view .tomosu-portrait figcaption{left:24px;bottom:24px;font-size:21px}
 #home-view .tomosu-cover-contents{padding:28px 25px 22px}
 #home-view .tomosu-section .blog-entry{gap:12px;padding-block:18px}
 #home-view .tomosu-section .blog-entry h3{font-size:16px;line-height:1.8}
}
@media(max-width:700px){
 #home-view .tomosu-section{padding-block:42px 46px}
 #home-view .tomosu-masthead{padding:25px 0 25px}
 #home-view .tomosu-rubric{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
 #home-view .tomosu-masthead h2{width:88%;max-width:440px}
 #home-view .tomosu-byline{font-size:11px;letter-spacing:.025em;line-height:1.8;margin-top:14px}
 #home-view .tomosu-cover{display:block;background:var(--tomosu-yellow)}
 #home-view .tomosu-portrait{min-height:0;height:clamp(320px,92vw,460px);background:linear-gradient(90deg,var(--tomosu-teal) 0 50%,var(--tomosu-yellow) 50% 100%)}
 #home-view .tomosu-person{height:94%;width:100%;object-fit:contain}
 #home-view .tomosu-portrait figcaption{left:20px;bottom:20px;font-size:20px;line-height:1.65}
 #home-view .tomosu-cover-contents{padding:25px 22px 20px}
 #home-view .tomosu-contents-label{font-size:12px;padding-bottom:9px}
 #home-view .tomosu-section .blog-entry,#home-view .tomosu-section .blog-entry:first-child,#home-view .tomosu-section .blog-entry:last-child{padding:18px 0;gap:12px}
 #home-view .tomosu-section .blog-entry-content>div{margin-bottom:8px;gap:10px}
 #home-view .tomosu-section .blog-entry h3{font-size:15px;line-height:1.85;letter-spacing:0}
 #home-view .tomosu-section .blog-entry time{font-size:11px}
 #home-view .tomosu-section .blog-entry>.icon{margin-top:34px;width:16px;height:16px}
 #home-view .tomosu-journal-footer{padding-top:10px}
 #home-view .tomosu-journal-footer>.text-link{font-size:12px;min-height:44px}
}

/* Frame the supplied side-facing portrait at the same scale on every screen. */
#home-view .tomosu-portrait .tomosu-person{top:6%;bottom:auto;left:50%;transform:translateX(-50%);width:auto;height:155%;max-width:none;object-fit:contain;object-position:center top}