/*
Theme Name: The Years Between Us
Theme URI: https://theyearsbetweenus.csengohangok.mobi/
Author: The Years Between Us
Description: A warm, editorial WordPress theme for stories of everyday American life from the 1950s through the 1990s.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: the-years-between-us
*/

:root {
  --tybu-paper:#f6eedf; --tybu-cream:#fffaf0; --tybu-ink:#25312f;
  --tybu-muted:#6e7169; --tybu-burgundy:#7b2e2b; --tybu-burgundy-dark:#57211f;
  --tybu-navy:#263f4a; --tybu-mustard:#cf9d42; --tybu-line:#d8cbb5;
  --tybu-serif:Georgia,"Times New Roman",serif; --tybu-sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tybu-paper);color:var(--tybu-ink);font-family:var(--tybu-sans);line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.tybu-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:5px;left:5px;padding:12px;background:#fff;color:#111;z-index:100000}
.tybu-top-note{background:var(--tybu-navy);color:#f9edd2;padding:9px 20px;text-align:center;font:700 11px/1 var(--tybu-sans);letter-spacing:.19em;text-transform:uppercase}
.tybu-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tybu-line)}
.tybu-brand{display:flex;align-items:center;gap:12px}.tybu-brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--tybu-burgundy);color:var(--tybu-burgundy);font:italic 700 27px/1 var(--tybu-serif);transform:rotate(-2deg)}.tybu-brand-copy strong{display:block;color:var(--tybu-burgundy-dark);font:700 22px/1.05 var(--tybu-serif)}.tybu-brand-copy small{display:block;margin-top:4px;color:var(--tybu-muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.tybu-menu-toggle{display:none;border:1px solid var(--tybu-line);background:transparent;padding:10px 12px;color:var(--tybu-ink);font-weight:700}.tybu-nav{display:flex;align-items:center;gap:30px}.tybu-nav ul{display:flex;align-items:center;gap:30px;margin:0;padding:0;list-style:none}.tybu-nav a{display:block;padding:13px 0;border-bottom:2px solid transparent;font-size:13px;font-weight:700;letter-spacing:.04em}.tybu-nav a:hover,.tybu-nav .current-menu-item>a{color:var(--tybu-burgundy);border-color:var(--tybu-burgundy)}.tybu-search-link{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid var(--tybu-line)!important;font-size:22px!important;padding:0!important}
.tybu-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#e5d4b8 0%,#f5ebda 56%,#d7c7ab 100%);border-bottom:1px solid #cabcaa}.tybu-hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:repeating-linear-gradient(0deg,transparent 0 4px,rgba(84,56,38,.12) 4px 5px)}.tybu-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:78px;min-height:590px}.tybu-eyebrow{margin:0 0 17px;color:var(--tybu-burgundy);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.tybu-hero h1{max-width:650px;margin:0;color:#2e3532;font:700 clamp(52px,5vw,78px)/.98 var(--tybu-serif);letter-spacing:-.045em}.tybu-hero-copy>p:not(.tybu-eyebrow){max-width:590px;margin:26px 0 30px;color:#4f554e;font:19px/1.72 var(--tybu-serif)}.tybu-button{display:inline-flex;gap:22px;align-items:center;background:var(--tybu-burgundy);color:#fff;padding:16px 22px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:4px 4px 0 rgba(87,33,31,.17)}.tybu-button:hover{background:var(--tybu-burgundy-dark);transform:translateY(-1px)}
.tybu-memory-board{position:relative;height:440px;transform:rotate(1deg)}.tybu-memory-board>p{position:absolute;right:22px;bottom:14px;width:220px;margin:0;color:#54483d;font:italic 18px/1.35 var(--tybu-serif);transform:rotate(-3deg)}.tybu-photo{position:absolute;width:215px;height:255px;background:#f9f4e8;padding:12px 12px 45px;box-shadow:0 14px 30px rgba(65,48,35,.22)}.tybu-photo i{display:block;width:100%;height:100%;filter:sepia(.4)}.tybu-photo span{position:absolute;bottom:16px;left:17px;font:italic 16px var(--tybu-serif);color:#766553}.tybu-photo.one{top:16px;left:25px;transform:rotate(-9deg)}.tybu-photo.one i{background:linear-gradient(145deg,#50656a 0 33%,#a3a681 33% 59%,#694b3b 59%)}.tybu-photo.two{top:104px;left:196px;transform:rotate(7deg);z-index:2}.tybu-photo.two i{background:linear-gradient(25deg,#846c4d 0 32%,#d2ac65 32% 58%,#46616b 58%)}.tybu-photo.three{top:205px;left:52px;transform:rotate(-2deg);width:196px;height:217px;z-index:3}.tybu-photo.three i{background:linear-gradient(150deg,#b98556 0 37%,#67796d 37% 66%,#3f4854 66%)}
.tybu-section{padding:96px 0}.tybu-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px;border-bottom:1px solid var(--tybu-line);padding-bottom:20px}.tybu-section-heading h2,.tybu-page-title{margin:0;color:var(--tybu-navy);font:700 39px/1.08 var(--tybu-serif);letter-spacing:-.02em}.tybu-section-heading>a{color:var(--tybu-burgundy);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tybu-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tybu-card{background:var(--tybu-cream);border:1px solid var(--tybu-line);min-width:0;transition:transform .2s,box-shadow .2s}.tybu-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(59,44,31,.11)}.tybu-card-visual{position:relative;display:flex;align-items:end;min-height:218px;padding:18px;overflow:hidden;border-bottom:1px solid var(--tybu-line);background:linear-gradient(145deg,var(--card-a,#6c7e79),var(--card-b,#b69868))}.tybu-card-visual:before{content:"";position:absolute;width:190px;height:190px;border:30px solid rgba(255,255,255,.12);border-radius:50%;right:-45px;top:-42px}.tybu-card-visual:after{content:"";position:absolute;left:24px;right:24px;bottom:32px;height:2px;background:rgba(255,255,255,.36);box-shadow:0 -10px rgba(255,255,255,.14),0 10px rgba(255,255,255,.14)}.tybu-card-visual span{position:relative;z-index:2;background:#f7efdedf;padding:6px 9px;color:#5d4a39;font-size:10px;font-weight:700;letter-spacing:.12em}.tybu-card-content{padding:25px}.tybu-card-kicker{margin:0 0 11px;color:var(--tybu-burgundy);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tybu-card h3{margin:0;color:var(--tybu-navy);font:700 25px/1.14 var(--tybu-serif)}.tybu-card h3 a:hover{color:var(--tybu-burgundy)}.tybu-card-excerpt{color:var(--tybu-muted);font:15px/1.65 var(--tybu-serif)}.tybu-read-more{display:inline-flex;gap:12px;margin-top:6px;color:var(--tybu-burgundy);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tybu-quote{background:var(--tybu-burgundy-dark);color:#fff7e8;text-align:center;padding:76px 30px}.tybu-quote blockquote{max-width:910px;margin:0 auto 25px;font:italic 31px/1.42 var(--tybu-serif)}.tybu-quote span{color:var(--tybu-mustard);font-size:12px}.tybu-quote span:before,.tybu-quote span:after{content:"";display:inline-block;width:70px;height:1px;margin:0 14px 4px;background:#9f7762}
.tybu-collections{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--tybu-line);border-left:1px solid var(--tybu-line)}.tybu-collection{display:grid;grid-template-columns:68px 1fr;gap:18px;min-height:160px;padding:28px;background:rgba(255,250,240,.6);border-right:1px solid var(--tybu-line);border-bottom:1px solid var(--tybu-line)}.tybu-collection:hover{background:var(--tybu-cream)}.tybu-collection-number{color:var(--tybu-mustard);font:italic 30px var(--tybu-serif)}.tybu-collection h3{margin:2px 0 8px;color:var(--tybu-navy);font:700 24px var(--tybu-serif)}.tybu-collection p{margin:0 0 13px;color:var(--tybu-muted);font:15px/1.5 var(--tybu-serif)}.tybu-collection small{color:var(--tybu-burgundy);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tybu-about-band{background:#d7c4a5;padding:84px 0;border-block:1px solid #c0aa89}.tybu-about-inner{display:grid;grid-template-columns:270px 1fr;gap:70px;align-items:center;max-width:970px}.tybu-emblem{display:grid;place-items:center;align-content:center;aspect-ratio:1;border:2px solid var(--tybu-burgundy);border-radius:50%;color:var(--tybu-burgundy);box-shadow:inset 0 0 0 9px #d7c4a5,inset 0 0 0 11px var(--tybu-burgundy);transform:rotate(-3deg)}.tybu-emblem strong{font:700 50px/1 var(--tybu-serif)}.tybu-emblem small{margin-top:12px;font-size:9px;font-weight:800;letter-spacing:.18em}.tybu-about-copy h2{margin:0;color:var(--tybu-navy);font:700 39px/1.1 var(--tybu-serif)}.tybu-about-copy p{color:#514d44;font:17px/1.7 var(--tybu-serif)}
.tybu-content-area{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:70px;padding-block:72px}.tybu-main{min-width:0}.tybu-archive-head{padding:62px 0 34px;border-bottom:1px solid var(--tybu-line)}.tybu-archive-description{max-width:700px;color:var(--tybu-muted);font:17px/1.65 var(--tybu-serif)}.tybu-post-list{display:grid;gap:28px}.tybu-post-list .tybu-card{display:grid;grid-template-columns:245px 1fr}.tybu-post-list .tybu-card-visual{height:100%;min-height:250px;border-bottom:0;border-right:1px solid var(--tybu-line)}
.tybu-sidebar{font-size:14px}.widget{margin-bottom:36px;padding:25px;background:rgba(255,250,240,.7);border:1px solid var(--tybu-line)}.widget-title{margin:0 0 18px;color:var(--tybu-navy);font:700 21px var(--tybu-serif)}.widget ul{margin:0;padding:0;list-style:none}.widget li{padding:9px 0;border-bottom:1px solid var(--tybu-line)}.widget li:last-child{border-bottom:0}.widget a:hover{color:var(--tybu-burgundy)}.search-form{display:flex}.search-form label{flex:1}.search-field{width:100%;height:44px;border:1px solid var(--tybu-line);background:#fffaf0;padding:0 12px}.search-submit{height:44px;border:0;background:var(--tybu-burgundy);color:#fff;padding:0 15px;font-weight:700}
.tybu-article{background:var(--tybu-cream);border:1px solid var(--tybu-line)}.tybu-article-head{padding:54px 60px 42px;border-bottom:1px solid var(--tybu-line);text-align:center}.tybu-article-head h1{max-width:760px;margin:8px auto 20px;color:var(--tybu-navy);font:700 clamp(42px,5vw,62px)/1.04 var(--tybu-serif);letter-spacing:-.035em}.tybu-article-deck{max-width:670px;margin:0 auto;color:var(--tybu-muted);font:italic 19px/1.55 var(--tybu-serif)}.tybu-meta{margin-top:23px;color:#7a746a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tybu-entry{padding:48px 72px 60px;color:#3f4540;font:18px/1.84 var(--tybu-serif)}.tybu-entry>*:first-child{margin-top:0}.tybu-entry h2{margin:2em 0 .6em;color:var(--tybu-navy);font:700 30px/1.2 var(--tybu-serif)}.tybu-entry h3{color:var(--tybu-navy);font:700 24px var(--tybu-serif)}.tybu-entry a{color:var(--tybu-burgundy);text-decoration:underline;text-underline-offset:3px}.tybu-entry blockquote{margin:2em 0;padding:15px 25px;border-left:4px solid var(--tybu-mustard);color:#5d4a39;font-style:italic}.tybu-memory-prompt{margin:42px 0 0;padding:26px;border:1px solid #d3b26d;background:#f5e6c6}.tybu-memory-prompt strong{display:block;margin-bottom:7px;color:var(--tybu-burgundy);font:700 19px var(--tybu-serif)}.tybu-share{display:flex;align-items:center;gap:12px;padding:24px 0;border-block:1px solid var(--tybu-line);font-size:12px;font-weight:700}.tybu-share a{padding:9px 13px;background:var(--tybu-navy);color:#fff}.tybu-related{padding-top:46px}.tybu-related h2{color:var(--tybu-navy);font:700 28px var(--tybu-serif)}
.tybu-ad-slot{margin:34px 0;padding:13px;border:1px dashed #bcad96;color:#8b8173;text-align:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.tybu-pagination{margin-top:38px}.tybu-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.tybu-pagination a,.tybu-pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 11px;border:1px solid var(--tybu-line);background:var(--tybu-cream)}.tybu-pagination .current{background:var(--tybu-burgundy);color:#fff}
.tybu-footer-cta{margin-block:76px;padding:46px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:var(--tybu-navy);color:#fff;box-shadow:7px 7px 0 #c7b697}.tybu-footer-cta h2{margin:0 0 6px;color:#fff9eb;font:700 32px var(--tybu-serif)}.tybu-footer-cta p{margin:0;color:#d3d9d5;font:16px var(--tybu-serif)}.tybu-footer-cta a{background:var(--tybu-mustard);color:#2d302d;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tybu-footer{background:#202a2c;color:#c9c6bb;padding:48px 0}.tybu-footer-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.tybu-footer .tybu-brand-mark{border-color:#d3aa5b;color:#d3aa5b}.tybu-footer .tybu-brand-copy strong{color:#fff5df}.tybu-footer .tybu-brand-copy small{color:#9ca5a2}.tybu-footer-menu ul{display:flex;gap:22px;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:12px}.tybu-copyright{grid-column:1/-1;margin:8px 0 0;padding-top:20px;border-top:1px solid #3a4444;font-size:11px}.tybu-empty{padding:70px 0;text-align:center}.tybu-empty h1{color:var(--tybu-navy);font:700 48px var(--tybu-serif)}
@media(max-width:940px){.tybu-hero-inner{grid-template-columns:1fr;padding-block:70px}.tybu-memory-board{display:none}.tybu-story-grid{grid-template-columns:repeat(2,1fr)}.tybu-content-area{grid-template-columns:1fr}.tybu-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.widget{margin:0}.tybu-about-inner{grid-template-columns:210px 1fr;gap:42px}}
@media(max-width:680px){.tybu-wrap{width:min(100% - 28px,1180px)}.tybu-top-note{font-size:9px}.tybu-header{height:auto;min-height:76px}.tybu-brand-copy strong{font-size:18px}.tybu-brand-copy small{display:none}.tybu-menu-toggle{display:block}.tybu-nav{display:none;position:absolute;z-index:20;top:112px;left:14px;right:14px;background:var(--tybu-cream);border:1px solid var(--tybu-line);padding:16px}.tybu-nav.is-open{display:block}.tybu-nav ul{display:block}.tybu-nav a{padding:12px}.tybu-search-link{margin-top:8px}.tybu-hero-inner{min-height:490px;padding-block:55px}.tybu-hero h1{font-size:47px}.tybu-hero-copy>p:not(.tybu-eyebrow){font-size:17px}.tybu-section{padding:68px 0}.tybu-section-heading{align-items:start;flex-direction:column}.tybu-section-heading h2,.tybu-page-title{font-size:32px}.tybu-story-grid,.tybu-collections,.tybu-sidebar{grid-template-columns:1fr}.tybu-quote{padding:60px 20px}.tybu-quote blockquote{font-size:24px}.tybu-about-inner{grid-template-columns:1fr}.tybu-emblem{width:185px}.tybu-about-copy h2{font-size:32px}.tybu-post-list .tybu-card{grid-template-columns:1fr}.tybu-post-list .tybu-card-visual{min-height:190px;border-right:0;border-bottom:1px solid var(--tybu-line)}.tybu-article-head{padding:42px 24px 32px}.tybu-article-head h1{font-size:40px}.tybu-entry{padding:34px 24px 44px;font-size:17px}.tybu-footer-cta{grid-template-columns:1fr;padding:32px 24px}.tybu-footer-inner{grid-template-columns:1fr}}