/* Matter of Taste: editorial components. Colors are the theme.json presets (sampled from the logo photo and portraits). */
:root{
  --m-walnut:var(--wp--preset--color--walnut);--m-walnut-2:var(--wp--preset--color--walnut-2);--m-rust:var(--wp--preset--color--rust);
  --m-saffron:var(--wp--preset--color--saffron);--m-teal:var(--wp--preset--color--teal);--m-line:var(--wp--preset--color--line);
  --m-muted:var(--wp--preset--color--muted);--m-ink:var(--wp--preset--color--ink);--m-on:var(--wp--preset--color--on-walnut);--m-on-muted:var(--wp--preset--color--on-walnut-muted);
  --m-display:var(--wp--preset--font-family--display);
  /* star anise ornament */
  --m-anise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%238F5A3C'%3E%3Cpath d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(45)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(90)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(135)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(180)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(225)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(270)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Cpath transform='rotate(315)' d='M0-6C8-14 10-34 0-46C-10-34-8-14 0-6Z'/%3E%3Ccircle r='7'/%3E%3C/g%3E%3Cg fill='%23E8A85A' opacity='.85'%3E%3Cellipse cy='-26' rx='3' ry='5'/%3E%3Cellipse transform='rotate(90)' cy='-26' rx='3' ry='5'/%3E%3Cellipse transform='rotate(180)' cy='-26' rx='3' ry='5'/%3E%3Cellipse transform='rotate(270)' cy='-26' rx='3' ry='5'/%3E%3C/g%3E%3C/svg%3E");
}
:where(h1,h2,h3){text-wrap:balance;font-variation-settings:"opsz" 144}
a{text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--m-rust);outline-offset:3px}
.wp-site-blocks{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-site-blocks>main{flex:1 0 auto}
.mot-sc,.mot-sc p,.mot-sc a{font:600 .8rem/1.3 var(--wp--preset--font-family--body)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--m-teal);margin:0;text-decoration:none}

/* top line + navigation */
.mot-topline{border-bottom:1px solid var(--m-line);padding-block:.6rem}
.mot-nav .wp-block-navigation-item__content{font-family:var(--m-display);font-style:italic;font-size:1.05rem;color:var(--m-ink)!important;text-decoration:none}
.mot-nav .wp-block-navigation-item__content:hover{color:var(--m-rust)!important}
.mot-wordmark{margin:0;font:300 1.65rem/1 var(--m-display);letter-spacing:-.02em}
.mot-wordmark a{color:var(--m-walnut);text-decoration:none}
.mot-wordmark em{color:var(--m-rust)}

/* masthead */
.mot-mast{padding-block:2.6rem 1.6rem;text-align:center}
.mot-masthead{font-size:clamp(3.4rem,10.5vw,9.25rem)!important;font-weight:300!important;letter-spacing:-.035em!important;line-height:.92!important;margin:0}
.mot-masthead a{color:var(--m-walnut);text-decoration:none}
.mot-masthead em{color:var(--m-rust)}
.mot-tag{font:italic 400 clamp(1.15rem,2.2vw,1.5rem)/1.4 var(--m-display);color:var(--m-muted);max-width:36ch;margin:1.2rem auto 0!important}
.mot-dateline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.1rem;margin:1.9rem auto 0!important}
.mot-dateline::before,.mot-dateline::after{content:"";height:4px;border-top:1px solid var(--m-ink);border-bottom:1px solid var(--m-ink)}
.mot-dateline span{font:600 .78rem/1 var(--wp--preset--font-family--body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}

/* home page sections (content of Pages > Home) */
.mot-home{margin-top:0}
.mot-home>*{margin-block:0}
.mot-plate img{display:block;width:100%;height:clamp(300px,52vw,640px);object-fit:cover;object-position:50% 45%}
.mot-plate{margin:0!important}
.mot-issue{padding-block:4.5rem 4rem!important}
.mot-lead .mot-no,.mot-lead .wp-block-post-date.mot-no{font:300 clamp(4.5rem,9vw,7.5rem)/.8 var(--m-display);color:var(--m-saffron);font-variation-settings:"opsz" 144}
.mot-lead .wp-block-post-title{font-size:clamp(2.4rem,5vw,4rem);margin:1.1rem 0 1.1rem}
.mot-lead .wp-block-post-title a{color:var(--m-walnut);text-decoration:none}
.mot-lead .wp-block-post-title a:hover{color:var(--m-rust)}
.mot-lead .wp-block-post-excerpt{font:italic 400 1.3rem/1.5 var(--m-display);color:var(--m-muted);max-width:44ch}
.mot-lead .wp-block-post-excerpt__more-text{margin-top:1.5rem}
.mot-lead .wp-block-post-excerpt__more-link,.mot-lead .wp-block-read-more{font:italic 500 1.2rem/1 var(--m-display);color:var(--m-rust);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.mot-also{border-top:3px double var(--m-ink);padding-top:1rem}
.mot-also .wp-block-post-template{counter-reset:a;margin-top:.75rem}
.mot-also .wp-block-post{counter-increment:a;display:grid;grid-template-columns:44px 1fr;gap:.6rem;padding:1rem 0;border-bottom:1px solid var(--m-line);margin:0}
.mot-also .wp-block-post::before{content:counter(a,decimal-leading-zero);font:300 1.75rem/1 var(--m-display);color:var(--m-saffron)}
.mot-also .wp-block-post-title{font-size:1.35rem;line-height:1.2;margin:0}
.mot-also .wp-block-post-title a{color:var(--m-walnut);text-decoration:none}
.mot-also .wp-block-post-title a:hover{color:var(--m-rust)}
.mot-also .wp-block-post-excerpt{margin:.35rem 0 0;font-size:.97rem;color:var(--m-muted)}
.mot-also .wp-block-post-excerpt__more-text{display:none}
.mot-empty{color:var(--m-muted);font-size:1.05rem}
.mot-empty em{font-family:var(--m-display);color:var(--m-walnut);font-size:1.2rem}
.mot-quote{text-align:center;padding-block:5.5rem!important}
.mot-quote::before{content:"";display:block;width:64px;height:64px;margin:0 auto 1.6rem;background:var(--m-anise) center/contain no-repeat}
.mot-quote p.mot-quote-text{font:italic 300 clamp(1.9rem,4.2vw,3.25rem)/1.18 var(--m-display);letter-spacing:-.01em;max-width:24ch;margin:0 auto!important;color:var(--m-on);text-wrap:balance}
.mot-quote p.mot-cite{font:600 .8rem/1 var(--wp--preset--font-family--body);letter-spacing:.16em;text-transform:uppercase;color:var(--m-saffron);margin:1.6rem 0 0!important}
.mot-threads{padding-block:5rem 2.5rem!important}
.mot-threads h2{text-align:center;margin:.6rem 0 2.75rem!important}
.mot-three{border-top:1px solid var(--m-ink);border-bottom:1px solid var(--m-ink);gap:0!important}
.mot-three>.wp-block-column{padding:1.6rem 1.75rem 1.9rem;border-right:1px solid var(--m-line)}
.mot-three>.wp-block-column:last-child{border-right:0}
.mot-three .mot-k{font:italic 300 2.9rem/1 var(--m-display);color:var(--m-rust);margin:0}
.mot-three h3{font-size:1.6rem;margin:.75rem 0 .6rem}
.mot-three p{margin:0;color:var(--m-muted);font-size:1.03rem}
.mot-howdy{padding-block:4.5rem 6rem!important}
.mot-arch{position:relative;max-width:400px;margin-inline:auto}
.mot-arch .mot-portrait img{display:block;width:100%;aspect-ratio:420/640;object-fit:cover;object-position:50% 12%;border-radius:200px 200px 6px 6px}
.mot-arch .mot-portrait{margin:0}
.mot-arch .mot-stamp{position:absolute;right:-22px;bottom:34px;width:112px;height:112px;margin:0}
.mot-arch .mot-stamp img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:5px solid var(--wp--preset--color--parchment);box-shadow:0 6px 18px rgba(42,29,21,.25)}
.mot-howdy h2 em{color:var(--m-teal)}
.mot-howdy h2{margin:.6rem 0 1.4rem}
.mot-howdy p{max-width:58ch}
.mot-howdy .mot-first::first-letter{font:400 4.75rem/.8 var(--m-display);float:left;margin:.5rem .75rem 0 0;color:var(--m-rust)}
.mot-sign{font:italic 300 2.5rem/1 var(--m-display);color:var(--m-rust);margin-top:1.5rem!important}

/* journal listing */
.mot-pagehead{padding-block:3.25rem 2.25rem;border-bottom:1px solid var(--m-line);text-align:center}
.mot-pagehead h1,.mot-pagehead .wp-block-post-title,.mot-pagehead .wp-block-query-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;margin:.5rem 0 0}
.mot-standfirst{font:italic 400 1.3rem/1.5 var(--m-display);color:var(--m-muted)}
.mot-journal .wp-block-post-template{display:grid;gap:0}
.mot-row{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--m-line)}
.mot-row .mot-no{font:300 2.6rem/1 var(--m-display);color:var(--m-saffron)}
.mot-row .wp-block-post-title{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0}
.mot-row .wp-block-post-title a{color:var(--m-walnut);text-decoration:none}
.mot-row .wp-block-post-title a:hover{color:var(--m-rust)}
.mot-row .mot-ex{color:var(--m-muted);max-width:62ch;margin:0}
.mot-row .wp-block-post-excerpt__more-text{display:none}
.mot-meta{font-size:.9rem;color:var(--m-muted)}
.mot-meta p,.mot-meta .wp-block-post-date{margin:0;font:inherit;color:inherit}
.mot-pager{margin-top:2rem;font-family:var(--m-display);font-style:italic}

/* single story */
.mot-story{padding-block:4rem 5rem}
.mot-story-head{text-align:center}
.mot-kicker p,.mot-kicker .wp-block-post-date{margin:0;font:inherit!important;letter-spacing:inherit;text-transform:inherit;color:inherit}
.mot-story-head .wp-block-post-title{font-size:clamp(2.5rem,5.6vw,4.1rem);margin:1rem 0 1.1rem}
.mot-story-head .wp-block-post-excerpt{font:italic 400 1.35rem/1.45 var(--m-display);color:var(--m-muted);max-width:40ch;margin:0 auto 1.6rem}
.mot-story-head .wp-block-post-excerpt__more-text{display:none}
.mot-byline{padding:1rem 0;border-block:1px solid var(--m-line);font-size:.95rem;color:var(--m-muted);align-items:center;margin-top:1.4rem}
.mot-byline p,.mot-byline .wp-block-post-date,.mot-byline .wp-block-post-author-name{margin:0;font:inherit;color:inherit}
.mot-byline .mot-author{color:var(--m-ink);font-weight:600}
.mot-byline .mot-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--m-line);display:block}
.mot-byline .wp-block-shortcode,.mot-byline>p:has(.mot-avatar){margin:0}
.mot-feature{margin-top:2.5rem!important}
.mot-feature img{border-radius:2px}
.mot-story-body{margin-top:2.25rem!important}
.mot-story-body>p:first-of-type::first-letter{font:400 5.25rem/.78 var(--m-display);float:left;margin:.6rem .75rem 0 0;color:var(--m-rust)}
.mot-story-body h2{font-size:clamp(1.7rem,3vw,2.2rem);margin-top:2.6rem}
.mot-story-body h3{font-size:1.5rem;margin-top:2rem}
.mot-story-body blockquote,.mot-story-body .wp-block-pullquote{margin:2.2rem 0;padding:0 0 0 1.75rem;border:0;border-left:2px solid var(--m-saffron);font:italic 300 1.9rem/1.3 var(--m-display);color:var(--m-walnut)}
.mot-story-body blockquote p{margin:0}
.mot-story-body blockquote cite{display:block;margin-top:.6rem;font:600 .78rem/1 var(--wp--preset--font-family--body);letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted);font-style:normal}
.mot-story-body ol,.mot-story-body ul{padding-left:1.4rem}
.mot-story-body li::marker{color:var(--m-rust)}
.mot-endmark{width:28px;height:28px;margin:2.2rem auto 0;background:var(--m-anise) center/contain no-repeat}
.mot-story-nav{max-width:700px;margin:3rem auto 0!important;font-family:var(--m-display);font-style:italic;gap:1rem;border-top:1px solid var(--m-line);padding-top:1.25rem}

/* pages (Contact etc.) */
.mot-page{padding-block:3rem 5rem}
.mot-page h2{font-size:clamp(1.7rem,3vw,2.2rem);margin-top:2.4rem}
.wp-block-search__input{border:1px solid var(--m-line);background:#fff;min-height:44px;padding:0 .9rem;border-radius:2px}
/* Fluent Forms */
.fluentform .ff-el-form-control{border:1px solid var(--m-line)!important;border-radius:2px!important;background:#fff!important;font-family:var(--wp--preset--font-family--body)!important;font-size:1rem!important;min-height:46px}
.fluentform .ff-el-form-control:focus{border-color:var(--m-rust)!important;box-shadow:0 0 0 3px rgba(143,62,34,.15)!important}
.fluentform .ff-el-input--label label{font-family:var(--m-display);font-style:italic;font-weight:400!important;font-size:1.05rem}
.fluentform .ff-btn-submit{background:var(--m-walnut)!important;color:var(--m-on)!important;border:0!important;border-radius:2px!important;font:italic 400 1.05rem/1 var(--m-display)!important;padding:.9rem 1.6rem!important}
.fluentform .ff-btn-submit:hover{background:var(--m-rust)!important}

/* footer */
.mot-footer{color:var(--m-on-muted);font-size:.95rem}
.mot-footer p{margin:0}
.mot-footer .mot-fm{font:300 1.9rem/1 var(--m-display);color:var(--m-on);letter-spacing:-.02em}

@media (max-width:900px){
  .mot-three>.wp-block-column{border-right:0;border-bottom:1px solid var(--m-line)}
  .mot-three>.wp-block-column:last-child{border-bottom:0}
  .mot-row{grid-template-columns:1fr;gap:.6rem}
  .mot-arch{max-width:340px}
}
@media (max-width:600px){
  .mot-dateline{grid-template-columns:1fr}.mot-dateline::before,.mot-dateline::after{display:none}
  .mot-dateline span{white-space:normal}
  .mot-arch .mot-stamp{right:-6px;width:92px;height:92px}.mot-arch .mot-stamp img{width:92px;height:92px}
  .mot-story-body blockquote{font-size:1.5rem}
}
/* fixes after first test render */
.wp-site-blocks{overflow-x:clip}
.mot-mast>.mot-masthead,.mot-mast>.mot-tag{max-width:var(--wp--style--global--wide-size)!important}
.mot-mast>.mot-tag{max-width:36ch!important}
.mot-home>.mot-plate{width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}
.mot-quote p.mot-cite,.mot-quote p.mot-quote-text{text-align:center;margin-inline:auto!important}
.mot-row .wp-block-post-title{margin-top:0!important}
.mot-row>.wp-block-group{margin-top:0!important}
.mot-row .mot-no{margin-top:.15rem}
.mot-nav .wp-block-navigation__container{gap:1.4rem}
