/* The Silent Man: split-screen components. Colors are the theme.json presets. */
:root{
  --t-black:var(--wp--preset--color--black);--t-char:var(--wp--preset--color--char);--t-rule:var(--wp--preset--color--rule);
  --t-stone:var(--wp--preset--color--stone);--t-bone:var(--wp--preset--color--bone);--t-bone-m:var(--wp--preset--color--bone-muted);
  --t-bronze:var(--wp--preset--color--bronze);--t-bronze-hi:var(--wp--preset--color--bronze-hi);
  --t-display:var(--wp--preset--font-family--display);--t-label:var(--wp--preset--font-family--label);
  --meander:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 15H16M2 15V1H14V11H6V5H10V8' fill='none' stroke='%23B08D57' stroke-width='1.4'/%3E%3C/svg%3E");
  --meander-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 0V16M1 2H15V14H5V6H11V10H8' fill='none' stroke='%23B08D57' stroke-width='1.4'/%3E%3C/svg%3E");
}
:where(h1,h2,h3){text-wrap:balance}
:focus-visible{outline:2px solid var(--t-bronze);outline-offset:3px}
.wp-site-blocks{padding:0}
.tsm-lab,.tsm-lab p,.tsm-lab div{font:700 .72rem/1.2 var(--t-label)!important;font-stretch:118%!important;letter-spacing:.32em!important;text-transform:uppercase;color:var(--t-bronze)!important;margin:0}

/* split layout */
.tsm-split{display:grid;grid-template-columns:minmax(320px,38%) 1fr;min-height:100vh;min-height:100dvh;margin:0!important}
.tsm-panel{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:2.75rem clamp(1.5rem,3.4vw,3.5rem) 2.1rem;background:var(--t-char);margin:0!important}
.admin-bar .tsm-panel{top:32px;height:calc(100vh - 32px)}
.tsm-panel::after{content:"";position:absolute;top:0;bottom:0;right:14px;width:16px;background:var(--meander-v) repeat-y center top/16px 16px;opacity:.55}
.tsm-panel-top{display:flex;flex-direction:column;gap:1.6rem}
.tsm-panel-top>*{margin:0!important}
.tsm-roundel img{display:block;width:132px;height:132px;border-radius:50%;padding:5px;border:1px solid var(--t-bronze);background:var(--t-black);filter:grayscale(1) contrast(1.05)}
.tsm-title{font:500 clamp(2.9rem,5.4vw,5.25rem)/.9 var(--t-display);letter-spacing:-.025em;text-transform:uppercase}
.tsm-title a{color:var(--t-bone);text-decoration:none}
.tsm-title span{display:block;font-style:italic;text-transform:none;font-weight:400;font-size:.46em;letter-spacing:0;color:var(--t-bone-m);margin-bottom:.1em}
.tsm-tag{font:italic 400 clamp(1.2rem,1.7vw,1.45rem)/1.4 var(--wp--preset--font-family--body);color:var(--t-bone-m);max-width:22ch}
.tsm-nav .wp-block-navigation__container{gap:.9rem!important}
.tsm-nav .wp-block-navigation-item__content{font:700 .75rem/1 var(--t-label);font-stretch:118%;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:var(--t-bone-m)!important;display:flex!important;align-items:center;gap:.9rem}
.tsm-nav .wp-block-navigation-item__content::before{content:"";width:22px;height:1px;background:var(--t-rule);transition:width .2s,background .2s}
.tsm-nav .wp-block-navigation-item__content:hover,.tsm-nav .current-menu-item .wp-block-navigation-item__content{color:var(--t-bone)!important}
.tsm-nav .wp-block-navigation-item__content:hover::before,.tsm-nav .current-menu-item .wp-block-navigation-item__content::before{width:40px;background:var(--t-bronze)}
.tsm-panel-foot{font:600 .66rem/1.6 var(--t-label);font-stretch:112%;letter-spacing:.24em;text-transform:uppercase;color:var(--t-stone);margin:0}

/* scrolling column */
.tsm-stream{padding:4.5rem clamp(1.5rem,6vw,6rem) 2.5rem;max-width:900px;min-width:0;margin:0!important}
.tsm-stream>*+*{margin-top:0}
.tsm-home>*{margin-block:0}
.tsm-pagetitle{font-size:clamp(2.6rem,5vw,4.4rem)!important;margin:.9rem 0 2rem!important}
.tsm-standfirst{font:italic 400 1.35rem/1.5 var(--wp--preset--font-family--body);color:var(--t-bone-m)}
.tsm-end{display:none;padding-top:1.9rem;border-top:1px solid var(--t-rule);margin-top:1.5rem!important;font:600 .66rem/1.6 var(--t-label);font-stretch:112%;letter-spacing:.24em;text-transform:uppercase;color:var(--t-stone)}

/* essay rows */
.tsm-home .tsm-lab:first-child{margin-bottom:1.75rem}
.tsm-essays{margin:0;padding:0}
.tsm-essays>li{margin:0}
.tsm-essay{display:grid;grid-template-columns:96px 1fr;gap:1.75rem;padding:2.75rem 0 2.9rem;border-top:1px solid var(--t-rule)}
.tsm-essays>li:first-child .tsm-essay{border-top:1px solid var(--t-bone)}
.tsm-essay .tsm-no{font:italic 400 3.25rem/.9 var(--t-display);color:var(--t-bronze)}
.tsm-essay .wp-block-post-title{font-size:clamp(2rem,3.6vw,3.25rem);margin:0 0 1rem}
.tsm-essay .wp-block-post-title a{text-decoration:none}
.tsm-essay .wp-block-post-excerpt{margin:0 0 1.1rem}
.tsm-essay .wp-block-post-excerpt__excerpt{color:var(--t-bone-m);max-width:58ch;margin:0}
.tsm-essay .wp-block-post-excerpt__more-text{display:none}
.tsm-lead .tsm-essays>li:first-child .wp-block-post-title{font-size:clamp(2.5rem,4.8vw,4.4rem)}
.tsm-lead .tsm-essays>li:first-child .wp-block-post-excerpt__excerpt{font:italic 400 1.375rem/1.5 var(--wp--preset--font-family--body);color:var(--t-bone)}
.tsm-meta{gap:1rem;align-items:center;font:600 .69rem/1 var(--t-label);font-stretch:112%;letter-spacing:.24em;text-transform:uppercase;color:var(--t-stone)}
.tsm-meta .wp-block-post-date{font:inherit;color:inherit;margin:0}
.tsm-meta .wp-block-read-more{color:var(--t-bronze);text-decoration:none;font:inherit}
.tsm-meta .wp-block-read-more:hover{color:var(--t-bronze-hi)}
.tsm-empty{color:var(--t-bone-m);font-style:italic;padding:2rem 0;border-top:1px solid var(--t-bone)}
.tsm-more{margin:1.5rem 0 0!important}
.tsm-more a{font:700 .75rem/1 var(--t-label);font-stretch:118%;letter-spacing:.3em;text-transform:uppercase;color:var(--t-bronze);text-decoration:none}
.tsm-pager{margin-top:2rem;font:700 .75rem/1 var(--t-label);letter-spacing:.2em;text-transform:uppercase}

/* quote interlude */
.tsm-interlude{position:relative;margin:.6rem 0 0!important;padding:3rem 0 3rem calc(96px + 1.75rem)!important;border-top:1px solid var(--t-rule)}
.tsm-interlude::before{content:"";position:absolute;left:30px;top:3rem;bottom:3rem;width:16px;background:var(--meander-v) repeat-y left top/16px 16px;opacity:.6}
.tsm-interlude .tsm-quote{font:400 clamp(1.65rem,2.8vw,2.4rem)/1.24 var(--t-display);letter-spacing:-.01em;margin:0}
.tsm-interlude .tsm-quote em{color:var(--t-bronze-hi)}
.tsm-interlude .tsm-cite{margin:1.25rem 0 0!important;font:700 .72rem/1 var(--t-label);font-stretch:118%;letter-spacing:.32em;text-transform:uppercase;color:var(--t-bronze)}

/* who is echo */
.tsm-about{margin-top:1.25rem!important;padding-top:3.5rem;border-top:1px solid var(--t-bone)}
.tsm-about .wp-block-columns{gap:2.25rem}
.tsm-about figure{margin:0;position:relative}
.tsm-about figure img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.06)}
.tsm-about .tsm-framed::after{content:"";position:absolute;inset:10px;border:1px solid rgba(176,141,87,.55);pointer-events:none}
.tsm-about h2{font-size:clamp(2.5rem,4.4vw,4rem);text-transform:uppercase;margin:.75rem 0 1.1rem}
.tsm-about p{color:var(--t-bone-m);max-width:52ch}
.tsm-about p strong{color:var(--t-bone);font-weight:600}
.tsm-about .tsm-wide img{width:100%;max-height:420px;object-fit:cover}
.tsm-about .tsm-wide{margin-top:1.75rem!important}

/* single essay */
.tsm-article{max-width:700px}
.tsm-kicker p,.tsm-kicker .wp-block-post-date{margin:0;font:inherit!important;color:inherit!important;letter-spacing:inherit!important}
.tsm-article-title{font-size:clamp(2.6rem,5vw,4.6rem)!important;margin:1rem 0 2rem!important}
.tsm-feature{margin:0 0 2.25rem!important}
.tsm-feature img{filter:grayscale(1)}
.tsm-article-body>p:first-of-type{font-size:1.375rem;line-height:1.6;color:var(--t-bone)}
.tsm-article-body p{color:#D9D6CF}
.tsm-article-body h2{font-size:clamp(1.7rem,3vw,2.25rem);margin-top:2.75rem}
.tsm-article-body h3{font-size:1.5rem;margin-top:2rem}
.tsm-article-body blockquote,.tsm-article-body .wp-block-pullquote{margin:2.5rem 0;padding:0 0 0 1.5rem;border:0;border-left:1px solid var(--t-bronze);font:400 1.75rem/1.3 var(--t-display);color:var(--t-bone)}
.tsm-article-body blockquote p{margin:0;color:var(--t-bone)}
.tsm-article-body a{color:var(--t-bronze-hi)}
.tsm-meander{height:16px;margin:3rem 0 0;background:var(--meander) repeat-x left center/16px 16px;opacity:.6}
.tsm-article-nav{margin-top:1.75rem!important;gap:1rem;font-family:var(--t-display);font-style:italic}
.tsm-article-nav a{color:var(--t-bone-m)}

/* pages, search, forms */
.tsm-pagebody{max-width:680px}
.tsm-pagebody>p{color:var(--t-bone-m)}
.wp-block-search__input{background:var(--t-char);border:1px solid var(--t-rule);color:var(--t-bone);min-height:46px;padding:0 1rem;border-radius:0}
.fluentform .ff-el-form-control{background:var(--t-char)!important;border:1px solid var(--t-rule)!important;border-radius:0!important;color:var(--t-bone)!important;font-family:var(--wp--preset--font-family--body)!important;font-size:1.05rem!important;min-height:48px}
.fluentform .ff-el-form-control::placeholder{color:var(--t-stone)!important}
.fluentform .ff-el-form-control:focus{border-color:var(--t-bronze)!important;box-shadow:none!important}
.fluentform .ff-el-input--label label{font:700 .72rem/1.2 var(--t-label)!important;font-stretch:118%;letter-spacing:.24em;text-transform:uppercase;color:var(--t-bone-m)!important}
.fluentform .ff-btn-submit{background:transparent!important;color:var(--t-bone)!important;border:1px solid var(--t-bronze)!important;border-radius:0!important;font:700 .75rem/1 var(--t-label)!important;letter-spacing:.3em!important;text-transform:uppercase;padding:1rem 1.6rem!important}
.fluentform .ff-btn-submit:hover{background:var(--t-bronze)!important;color:var(--t-black)!important}

@media (max-width:900px){
  .tsm-split{grid-template-columns:1fr}
  .tsm-panel{position:relative;top:auto;height:auto;gap:1.75rem;padding:2.25rem 1.25rem 2.75rem}
  .admin-bar .tsm-panel{top:auto;height:auto}
  .tsm-panel::after{top:auto;bottom:12px;left:0;right:0;width:auto;height:16px;background:var(--meander) repeat-x left center/16px 16px}
  .tsm-nav .wp-block-navigation__container{flex-direction:row!important;flex-wrap:wrap;gap:1.1rem!important}
  .tsm-nav .wp-block-navigation-item__content::before{display:none}
  .tsm-panel-foot{display:none}
  .tsm-stream{padding:2.75rem 1.25rem 1.9rem}
  .tsm-essay{grid-template-columns:1fr;gap:.6rem}
  .tsm-interlude{padding-left:0!important}.tsm-interlude::before{display:none}
  .tsm-end{display:block}
}