/*
Theme Name: Reel & Paper
Version: 1.0.0
Description: An analog listening journal with a centered masthead, offset sleeve cover and two-column editorial shelf.
*/
:root{--ink:#39291e;--muted:#706257;--accent:#895416;--paper:#f7f1e5;--line:#c9bba5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Georgia,serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#351b0e}img{display:block;max-width:100%;height:auto}input,button{font:inherit}input[type=search]{min-width:0;width:100%;padding:9px;background:#fffdf7;border:1px solid var(--line)}button{padding:9px 12px;border:0;background:var(--ink);color:white;cursor:pointer}:focus-visible{outline:3px solid #96631c;outline-offset:3px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:9}.site-header{padding-top:15px}.masthead{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:24px 0}.brand{justify-self:center}.brand img{width:360px}.edition{font:10px/1.7 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px}.edition.right{text-align:right}.main-nav{border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}.main-nav ul{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;list-style:none;padding:12px 0;margin:0}.main-nav a{font:12px Arial,sans-serif;text-decoration:none;color:var(--ink)}.opening{display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:center;padding:46px 0}.eyebrow,.kicker{font:10px/1.6 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}.opening h1{font-size:clamp(45px,5vw,72px);font-weight:normal;line-height:1.03;letter-spacing:-2px;margin:20px 0}.opening h1 em{font-weight:normal}.opening p{max-width:380px;color:var(--muted);font-size:17px}.read-link{display:inline-block;margin-top:10px;font:12px Arial,sans-serif;border-bottom:2px solid var(--ink);padding:10px 0;text-decoration:none}.opening-photo{margin:0;background:#d3a54f;padding:16px 16px 12px;transform:rotate(1.5deg);box-shadow:10px 10px 0 #e3d8c5}.opening-photo img{width:100%;aspect-ratio:1.35;object-fit:cover}.opening-photo figcaption{font:10px/1.5 'Courier New',monospace;padding-top:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;margin-top:25px;margin-bottom:60px;border-top:3px double var(--line);padding-top:30px}.layout main{min-width:0}.section-head{margin-bottom:25px}.section-head h2{font-weight:normal;font-size:32px;line-height:1.2;margin:10px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.story{border-bottom:1px solid var(--line);padding-bottom:25px}.story:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px}.story-image img{width:100%;aspect-ratio:1.5;object-fit:cover;filter:saturate(.9)}.story-body{padding-top:15px}.story:first-child .story-body{padding-top:0}.story h2{font-size:28px;font-weight:normal;line-height:1.2;margin:10px 0}.story h2 a{text-decoration:none;color:var(--ink)}.story p{font-size:15px;color:var(--muted);margin:12px 0}.entry-meta{font:10px/1.6 Arial,sans-serif;color:var(--muted)}.sidebar{border-left:1px solid var(--line);padding-left:25px}.sidebar .widget{margin-bottom:30px}.sidebar-intro{background:#e9dfca;padding:22px 19px;border-top:5px solid var(--accent)}.sidebar-icon{width:48px;height:48px;margin-bottom:20px}.sidebar h2{font-size:25px;line-height:1.2;font-weight:normal}.sidebar p,.sidebar a{font-size:14px}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:12px 0;border-bottom:1px dotted var(--line);line-height:1.4}.sidebar li a{text-decoration:none}.wp-block-search__label{font:12px Arial,sans-serif;display:block;margin-bottom:10px}.wp-block-search__inside-wrapper{display:flex;gap:5px}.wp-block-search__button{margin:0;font-size:12px}.article-title,.archive-title{font-weight:normal;font-size:48px;line-height:1.1;letter-spacing:-1px;margin:12px 0 25px}.article-image{margin:30px 0}.article-image img{width:100%}.image-note{font:10px Arial,sans-serif;margin-top:9px;color:var(--muted)}.entry-content{font-size:19px;line-height:1.85}.entry-content h2{font-size:30px;line-height:1.25;font-weight:normal;margin:35px 0 15px}.entry-content p{margin:0 0 24px}.entry-content blockquote{margin:24px 0;padding:20px 24px;border-left:3px solid var(--accent);background:#ece1cc}.entry-content blockquote p:last-child{margin-bottom:0}.tag-links{font:11px/1.7 Arial,sans-serif;margin-top:30px;padding:15px 0;border-top:1px solid var(--line)}.archive-description{color:var(--muted);margin-bottom:25px}.site-footer{background:var(--ink);color:var(--paper);padding:32px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row strong{font-size:23px;font-weight:normal}.footer-row nav{display:flex;gap:20px}.footer-row a{color:var(--paper);font-size:12px}.footer-row span{font:10px Arial,sans-serif}.widget-band{overflow-wrap:anywhere}.widget-band .widget{padding:12px 0}.nav-links{padding:20px}.nav-links a,.nav-links span{padding:8px}@media(max-width:900px){.edition{display:none}.masthead{display:block}.brand{max-width:360px;margin:auto}.opening{gap:25px}.layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.story:first-child{display:block}.story:first-child .story-body{padding-top:15px}.cards{grid-template-columns:1fr}.story:first-child{grid-column:auto}.footer-row{flex-wrap:wrap}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.brand img{width:290px;margin:auto}.masthead{padding:15px 0}.main-nav ul{gap:12px 20px}.main-nav a{font-size:11px}.opening{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 20px}.opening h1{font-size:51px}.opening-photo{transform:none;box-shadow:5px 5px 0 #e3d8c5}.opening-photo img{aspect-ratio:1.5}.layout{display:flex;flex-direction:column;gap:35px}.sidebar{border-left:0;border-top:3px double var(--line);padding:25px 0 0}.cards{grid-template-columns:1fr}.story h2{font-size:28px}.article-title,.archive-title{font-size:39px}.entry-content{font-size:18px}.footer-row{display:block}.footer-row nav{margin:20px 0;flex-wrap:wrap}.section-head h2{font-size:29px}}