/*
Theme Name: Kombo Journal
Description: A restrained personal editorial journal with reusable media-ready articles.
Version: 1.0
*/
@font-face{font-family:Inter;src:url('assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#fff;color:#000}body{margin:0;font-family:Inter,sans-serif;font-size:18px;line-height:1.65}a{color:#000;text-underline-offset:4px}button,input,textarea,select{font:inherit;color:#000;background:#fff;border:1px solid #000;border-radius:2px}a:focus-visible,button:focus-visible{outline:2px solid #000;outline-offset:5px}img{max-width:100%;height:auto;filter:grayscale(1)}.skip{position:absolute;left:24px;top:-100px;background:#fff;padding:10px;z-index:999}.skip:focus{top:8px}.site-header{max-width:1200px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 32px;border-bottom:1px solid #000}.wordmark{font-size:32px;font-weight:800;letter-spacing:-1.7px;text-decoration:none}.site-header ul{display:flex;list-style:none;gap:28px;padding:0;margin:0}.site-header nav{font-size:14px;font-weight:500}.site-header a{text-decoration:none}.site-header .current-menu-item>a{border-bottom:1px solid #000}.home{max-width:1080px;margin:auto;padding:0 32px}.intro{padding:84px 0 76px;max-width:750px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px}.intro h1,h1{font-size:clamp(40px,5.7vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:750;margin:0 0 26px}.intro>p:last-child{font-size:21px;max-width:570px;margin:0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:20px;gap:24px}.section-heading h2{font-size:16px;margin:0}.section-heading span{font-size:12px}.story{display:flex;gap:40px;justify-content:space-between;padding:38px 0;border-bottom:1px solid #000}.story>div{max-width:680px}.story .eyebrow{margin-bottom:12px}.story h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.story h2 a{text-decoration:none}.story h2 a:hover{text-decoration:underline}.story p:not(.eyebrow){font-size:16px;margin:0 0 22px}.byline{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5}.avatar{width:36px;height:36px;object-fit:cover;border-radius:50%}.initials{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-weight:600;font-size:17px}.story-image{width:230px;flex-shrink:0}.story-image img{width:100%;height:170px;object-fit:cover}.journal-note{padding:64px 0 75px;max-width:660px}.journal-note h2{font-size:32px;letter-spacing:-.035em;line-height:1.2}.journal-note p:last-child{font-size:18px}.site-footer{border-top:1px solid #000;max-width:1200px;margin:0 auto;padding:32px;display:flex;justify-content:space-between;gap:30px;font-size:13px}.site-footer p{margin:0;font-weight:600}.site-footer span{font-weight:400}.site-footer nav{display:flex;gap:24px;align-items:flex-start}.article{max-width:1100px;margin:0 auto;padding:72px 32px}.article-header,.article-body,.article-end{max-width:700px;margin-left:auto;margin-right:auto}.article h1{font-size:clamp(40px,5vw,60px)}.deck{font-size:23px;line-height:1.5;margin:0 0 28px}.article-header{margin-bottom:48px}.article-body{font-size:19px;line-height:1.75}.article-body h2{font-size:30px;line-height:1.25;letter-spacing:-.03em;margin-top:48px}.article-body p{margin:0 0 26px}.article-body blockquote{border-left:2px solid #000;margin:36px 0;padding:0 0 0 24px;font-size:24px}.article-body .alignwide{width:calc(100% + 160px);max-width:calc(100% + 160px);margin-left:-80px}.article-body .alignfull{width:calc(100% + 336px);max-width:calc(100% + 336px);margin-left:-168px}.breakout{margin:0 0 48px}.breakout img{width:100%;max-height:650px;object-fit:cover}figcaption{font-size:12px;margin-top:10px}.article-body video,.article-body audio,.article-body iframe{max-width:100%;width:100%}.article-end{border-top:1px solid #000;margin-top:56px;padding-top:24px;font-size:14px}.post-navigation{display:flex;justify-content:space-between;gap:24px;margin-top:40px}.archive-header{padding:70px 0 45px}.archive-header p{max-width:640px}.page{min-height:65vh}.wp-block-button__link{background:#000;color:#fff;border-radius:2px}.wp-block-separator{border-color:#000}.elementor{--e-global-color-primary:#000;--e-global-color-secondary:#000;--e-global-color-text:#000;--e-global-color-accent:#000;--e-global-typography-primary-font-family:Inter;--e-global-typography-secondary-font-family:Inter;--e-global-typography-text-font-family:Inter;--e-global-typography-accent-font-family:Inter}
@media(max-width:700px){.site-header{padding:18px 22px;flex-wrap:wrap;gap:14px}.site-header nav{width:100%;overflow-x:auto}.site-header ul{gap:22px;white-space:nowrap;padding-bottom:4px}.home{padding:0 22px}.intro{padding:54px 0}.section-heading span{display:none}.story{gap:20px;padding:30px 0}.story h2{font-size:25px}.story-image{width:100px}.story-image img{height:100px}.article{padding:48px 22px}.deck{font-size:21px}.article-body{font-size:18px}.article-body .alignwide,.article-body .alignfull{width:100%;max-width:100%;margin-left:0}.site-footer{padding:28px 22px;flex-direction:column}.site-footer nav{flex-wrap:wrap}.byline{font-size:11px}}

.site-footer nav{flex-wrap:wrap}.social-pending{display:inline-flex;flex-direction:column;line-height:1.5}.social-pending small{font-size:10px}.story-image{width:280px}.story-image img{height:190px}.story:first-of-type .story-image{width:360px}.story:first-of-type .story-image img{height:240px}@media(max-width:700px){.story,.story:first-of-type{flex-direction:column-reverse;gap:20px}.story-image,.story:first-of-type .story-image{width:100%}.story-image img,.story:first-of-type .story-image img{height:auto;aspect-ratio:3/2;object-fit:cover}}
/* Article-only homepage and publication footer. */
.editorial-home{max-width:1080px;padding-top:56px;padding-bottom:72px}.list-title{font-size:22px;letter-spacing:-.035em;line-height:1.3;margin:0 0 24px;font-weight:700}.lead-article{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start;margin-bottom:36px}.editorial-image{display:block;line-height:0}.editorial-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.editorial-copy .eyebrow{font-size:10px;margin:16px 0 10px}.lead-article .eyebrow{margin-top:0}.editorial-copy h2{font-size:25px;line-height:1.18;letter-spacing:-.035em;margin:0 0 18px}.editorial-copy h2 a{text-decoration:none}.editorial-copy h2 a:hover{text-decoration:underline}.lead-article h2{font-size:36px}.lead-article .summary{font-size:16px;line-height:1.55;margin:0 0 24px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.featured-section{margin-top:64px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.featured-grid h2{font-size:19px}.featured-grid .avatar{width:26px;height:26px;font-size:13px}.featured-grid .byline{font-size:10px;gap:8px}.all-articles{text-align:center;margin-top:48px}.all-articles a{display:inline-block;border:1px solid #000;border-radius:2px;padding:10px 20px;font-size:13px;text-decoration:none}.publication-footer{border-top:1px solid #000;padding:48px 32px 24px;max-width:1200px;margin:0 auto}.footer-columns{max-width:1016px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px;padding-bottom:48px}.footer-column{font-size:12px;display:flex;flex-direction:column;gap:9px;align-items:start}.footer-column:not(:first-child){border-left:1px solid #000;padding-left:32px}.footer-label{font-size:12px;font-weight:700;margin:0 0 8px}.footer-column a{text-decoration:none}.footer-column a:hover{text-decoration:underline}.footer-bottom{max-width:1016px;margin:auto;border-top:1px solid #000;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:32px}.backyarder-wordmark{font-size:20px;font-weight:850;line-height:.98;letter-spacing:-.055em;text-decoration:none}.backyarder-wordmark img{max-width:180px;max-height:85px;object-fit:contain}.footer-socials{display:flex;gap:24px;font-size:12px;align-items:start}.footer-socials a{text-decoration:none}.footer-socials span{display:flex;flex-direction:column}.footer-socials small{font-size:9px}.footer-copyright{max-width:1016px;margin:24px auto 0;font-size:10px}@media(max-width:700px){.editorial-home{padding-top:36px}.lead-article{grid-template-columns:1fr;gap:16px}.lead-article h2{font-size:30px}.article-grid{gap:28px 18px}.article-grid h2{font-size:21px}.article-grid .byline{font-size:10px;flex-wrap:wrap}.featured-grid{grid-template-columns:1fr;gap:32px}.featured-grid article{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.featured-grid .eyebrow{margin-top:0}.publication-footer{padding:36px 22px 24px}.footer-columns{gap:24px;grid-template-columns:1fr 1fr}.footer-column:not(:first-child){border:0;padding:0}.footer-column:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:28px}.footer-socials{align-self:flex-end;flex-wrap:wrap;gap:18px}}
/* Softer chrome; image colours remain natural. */
img{filter:none}.site-header,.section-heading,.story,.site-footer,.article-end,.publication-footer,.footer-bottom,.footer-column:not(:first-child){border:0}.site-header{max-width:1280px;gap:24px;min-height:96px}.header-identity{display:flex;align-items:center;gap:30px}.wordmark{font-size:38px}.header-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:40px;padding:12px 18px;outline:1px solid #000;width:240px}.header-search button{padding:0;display:flex;border:0;background:transparent;cursor:pointer}.header-search input{border:0;outline:0;min-width:0;width:100%;padding:0;background:transparent;font-size:17px}.header-search input::placeholder{color:#000;opacity:1}.header-search:focus-within{outline:2px solid #000}.site-header .current-menu-item>a{border:0}.site-header ul{gap:24px}.footer-column:not(:first-child){padding-left:0}.card-date{font-size:11px;margin:0}.footer-signature{display:flex;align-items:center;gap:20px}.footer-copyright{margin:0;font-size:12px}.footer-bottom{padding-top:8px}.footer-socials{gap:22px;align-items:center}.footer-socials a,.footer-socials>span{display:flex;align-items:center;justify-content:center;width:32px;height:36px}.backyarder-wordmark img{max-width:76px;max-height:76px}.article-body blockquote{border:0;padding-left:0}.wp-block-separator{display:none}@media(max-width:1000px){.site-header{flex-wrap:wrap}.site-header nav{width:100%}.header-identity{width:100%;justify-content:space-between}.header-search{width:260px}.site-header ul{justify-content:space-between}}@media(max-width:700px){.header-identity{gap:20px}.wordmark{font-size:32px}.header-search{width:180px;padding:10px 14px}.site-header ul{gap:24px;justify-content:flex-start}.footer-signature{gap:16px}.footer-copyright{font-size:11px;max-width:220px}.footer-socials{align-self:flex-end}.footer-bottom{gap:24px}}
.header-search{background:#f7f7f7;outline:none}.header-search button{color:#000}.header-search:focus-within{outline:2px solid #000}

.footer-columns{grid-template-columns:1fr 1fr 1fr 1.5fr}@media(max-width:700px){.footer-columns{grid-template-columns:1fr 1fr}.footer-column:last-child{grid-column:auto}}

.newsletter-widget{display:grid;gap:9px;width:100%;max-width:230px}.newsletter-widget label{font-size:12px}.newsletter-widget input{min-width:0;width:100%;padding:9px 10px;font-size:12px;border:1px solid #000;border-radius:2px}.newsletter-widget input::placeholder{color:#000;opacity:1}.newsletter-widget button,.newsletter-subscribe{background:#000;color:#fff;padding:9px 12px;font-size:12px;border-radius:2px;text-align:center;text-decoration:none}.newsletter-widget small{font-size:10px}.newsletter-widget :disabled{opacity:1;cursor:default}.footer-columns{grid-template-columns:1fr 1fr 1.4fr 1.2fr}@media(max-width:700px){.footer-columns{grid-template-columns:1fr 1fr}}

.wordmark{display:flex;align-items:center}.wordmark img{width:76px;height:76px;object-fit:contain}@media(max-width:700px){.wordmark img{width:60px;height:60px}}

.footer-legal{display:flex;gap:24px;font-size:11px;flex-wrap:wrap}.footer-legal a{text-decoration:none}.footer-legal a:hover{text-decoration:underline}@media(max-width:700px){.footer-legal{align-self:flex-end}}

.contact-form{display:grid;gap:12px}.contact-form label{font-size:14px;font-weight:500}.contact-form input,.contact-form textarea{width:100%;padding:12px}.contact-form button{background:#000;color:#fff;padding:12px 20px;justify-self:start;cursor:pointer}.contact-trap{position:absolute;left:-9999px}