/* PrintBro Journal — editorial layout in the storefront's black, white and lime palette. */
.pbj{--j-paper:#f8f8f4;--j-ink:#11120f;--j-muted:#676961;--j-line:#d7d9cf;--j-accent:#d8ff00;background:var(--j-paper);color:var(--j-ink);padding:0 30px 56px;overflow-wrap:break-word}
.pbj a{text-decoration:none}.pbj a:focus-visible,.pbj button:focus-visible{outline:3px solid #677800;outline-offset:5px}.pbj h1,.pbj h2,.pbj h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;text-transform:none;line-height:1.05}.pbj-kicker{font-family:Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}.pbj-image{width:100%;height:100%;object-fit:cover;display:block}.pbj-placeholder{display:flex;min-height:280px;width:100%;height:100%;background:var(--j-accent);color:var(--j-ink);flex-direction:column;justify-content:center;align-items:center;gap:15px}.pbj-placeholder b{font-size:110px;line-height:1;font-weight:900;letter-spacing:-.1em}.pbj-placeholder small{font-size:9px;letter-spacing:.2em;font-weight:800}
.pbj-masthead{max-width:1540px;margin:auto;padding:30px 0 22px;border-bottom:2px solid var(--j-ink);display:flex;align-items:end;gap:32px}.pbj-masthead>a{font-weight:900;font-size:37px;line-height:.95;letter-spacing:-.065em;display:flex;align-items:end;gap:11px}.pbj-masthead>a span{font-weight:400;font-family:Georgia,serif;font-size:32px;letter-spacing:-.04em}.pbj-masthead>a i{font-size:60px;color:#617100;line-height:.58;font-style:normal}.pbj-masthead p{margin:0 0 1px;font-size:9px;letter-spacing:.16em;font-weight:700}.pbj-masthead__note{margin-left:auto;font-family:Georgia,serif;font-style:italic;font-size:15px}.pbj-layout{display:grid;grid-template-columns:174px minmax(0,1fr);gap:28px;max-width:1540px;margin:0 auto;padding-top:24px}.pbj-sidebar{border-right:1px solid var(--j-line);padding-right:22px;min-width:0}.pbj-sidebar nav{display:flex;flex-direction:column}.pbj-nav-main{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 13px;background:#111;color:#fff;border-bottom:1px solid #444;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;min-height:61px}.pbj-nav-main.is-active{background:var(--j-accent);color:#111}.pbj-nav-main span{font-size:19px}.pbj-nav-category{display:flex;gap:12px;justify-content:space-between;padding:22px 6px;border-bottom:1px solid var(--j-line);font:16px/1.4 Georgia,serif}.pbj-nav-category.is-active{font-weight:bold}.pbj-contents{margin-top:38px}.pbj-contents>p{margin:0 0 14px;color:var(--j-muted);font-size:9px}.pbj-contents a{display:flex;gap:12px;border-bottom:1px solid var(--j-line);padding:17px 0;font:14px/1.4 Georgia,serif}.pbj-contents a small{font:9px/1.7 Arial,sans-serif;color:var(--j-muted)}.pbj-sidebar__note{margin-top:44px}.pbj-sidebar__note b{font:italic 23px/1.1 Georgia,serif;letter-spacing:-.03em}.pbj-sidebar__note>span{display:block;margin-top:20px;color:var(--j-muted);font-size:9px;line-height:1.8;letter-spacing:.08em;text-transform:uppercase}.pbj-editorial{min-width:0}
.pbj-cover{position:relative;min-height:590px;background:#111111;overflow:hidden;color:#fff;display:flex;isolation:isolate}.pbj-cover__visual{position:absolute;inset:0;z-index:-2}.pbj-cover__visual img{object-position:center}.pbj-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.78) 35%,rgba(8,8,8,.17) 78%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%);pointer-events:none}.pbj-cover__body{padding:48px 48px 30px;display:flex;flex-direction:column;align-items:start;width:100%}.pbj-cover .pbj-kicker{color:var(--j-accent);margin:0 0 30px;font-size:9px}.pbj-cover h1{max-width:620px;font-size:clamp(40px,4.2vw,73px);line-height:1.02;margin:0 0 22px;text-wrap:balance;color:#fff}.pbj-cover__intro{max-width:415px;font:17px/1.55 Georgia,serif;color:#e0e3d9;margin:0 0 27px}.pbj-link{display:inline-flex;align-items:center;gap:28px;justify-content:space-between;min-height:42px;padding:9px 0;border-bottom:1px solid var(--j-ink);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pbj-link span{font-size:22px;line-height:1}.pbj-link--light{border:1px solid #b9c48d;padding:11px 18px;color:#fff}.pbj-link:hover{color:#5c6800}.pbj-link--light:hover{color:var(--j-accent);border-color:var(--j-accent)}.pbj-cover__foot{width:100%;margin-top:auto;padding-top:34px;display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:.17em;font-weight:800;color:#e0e3d9}
.pbj-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0 0}.pbj-section-title p{margin:0;font-size:9px}.pbj-section-title>span{font-size:9px;color:var(--j-muted);letter-spacing:.1em}.pbj-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;padding:28px 0 38px;border-bottom:1px solid var(--j-line);align-items:center;scroll-margin-top:110px}.pbj-story__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#e3e5da}.pbj-story__image img{transition:transform .35s ease}.pbj-story__image:hover img{transform:scale(1.03)}.pbj-story__body{position:relative;min-width:0;padding:8px 0}.pbj-story__number{position:absolute;right:0;top:16px;color:#e0e3d5;font:88px/.8 Georgia,serif;letter-spacing:-.08em;pointer-events:none;z-index:0}.pbj-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:var(--j-muted);font-size:9px;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;position:relative}.pbj-meta>span:first-child{color:#4b5700;font-weight:800}.pbj-story .pbj-meta{padding-right:60px}.pbj-story h2{position:relative;font-size:clamp(29px,3.1vw,50px);margin:22px 0 16px;text-wrap:balance}.pbj-story__body>p{font:16px/1.65 Georgia,serif;color:#5d6056;max-width:520px;margin:0 0 18px}.pbj-story:nth-of-type(odd):not(.pbj-story--compact) .pbj-story__image{order:2}.pbj-story:nth-of-type(odd):not(.pbj-story--compact) .pbj-story__body{padding-left:16px}.pbj-colophon{display:flex;justify-content:space-between;gap:20px;padding:31px 0 0;font-size:9px;letter-spacing:.1em;font-weight:800}.pbj-colophon>span{color:var(--j-muted);font-weight:400}
.pbj-archive-header{padding:40px 0 46px;border-bottom:1px solid var(--j-line);margin-bottom:30px}.pbj-archive-header .pbj-kicker{color:#5c6800}.pbj-archive-header h1{font-size:clamp(44px,6vw,82px);margin:17px 0}.pbj-archive-header>p:last-of-type{font:18px Georgia,serif;color:var(--j-muted)}.pbj-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.pbj-story--compact{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:0 0 25px}.pbj-story--compact .pbj-story__image{aspect-ratio:4/3}.pbj-story--compact .pbj-story__body{padding:24px 0 0}.pbj-story--compact .pbj-story__number{display:none}.pbj-story--compact .pbj-meta{padding:0;gap:8px 12px;font-size:8px}.pbj-story--compact h2{font-size:29px;margin:16px 0 13px}.pbj-story--compact p{font-size:15px}.pbj-pagination{margin:25px 0}.pbj-pagination .page-numbers .current{background:var(--j-accent);border-color:var(--j-accent)}
.pbj-article{padding-top:0}.pbj-reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100001;pointer-events:none}.pbj-reading-progress span{display:block;height:100%;width:100%;background:var(--j-accent);transform:scaleX(0);transform-origin:left}.pbj-article-bar{display:flex;justify-content:space-between;gap:20px;max-width:1380px;margin:auto;padding:25px 0;border-bottom:1px solid var(--j-line)}.pbj-article-bar>a{border-bottom:1px solid #6c7800}.pbj-article-header{max-width:1100px;margin:auto;padding:65px 0 34px}.pbj-article-header h1{font-size:clamp(43px,6.4vw,88px);line-height:1.02;max-width:1100px;margin:24px 0 34px;text-wrap:balance}.pbj-article-header__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--j-line);padding-top:17px;font-size:9px;letter-spacing:.1em}.pbj-share{border:0;border-bottom:1px solid var(--j-ink);background:transparent;padding:10px 0;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.pbj-article-photo{max-width:1380px;margin:0 auto 65px}.pbj-article-photo img{width:100%;height:auto;max-height:720px;object-fit:cover}.pbj-article-photo figcaption{display:flex;justify-content:space-between;padding-top:11px;color:var(--j-muted);font-size:9px;letter-spacing:.1em}.pbj-article-layout{max-width:1100px;display:grid;grid-template-columns:180px minmax(0,740px);gap:70px;margin:0 auto}.pbj-article-margin{border-top:3px solid #111;padding-top:20px}.pbj-article-margin>span{font-weight:900;letter-spacing:-.06em;font-size:24px}.pbj-article-margin p{font:italic 20px/1.35 Georgia,serif;color:var(--j-muted)}.pbj-article-margin>a{font-size:9px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:6px}.pbj-prose{font:20px/1.85 Georgia,'Times New Roman',serif;min-width:0;overflow-wrap:anywhere}.pbj-prose>p:first-of-type{font-size:24px;line-height:1.65}.pbj-prose>p:first-of-type:first-letter{float:left;font:80px/.85 Georgia,serif;padding:10px 12px 2px 0}.pbj-prose p{margin:0 0 1.4em}.pbj-prose h1,.pbj-prose h2,.pbj-prose h3{font-size:32px;line-height:1.2;margin:1.4em 0 .6em}.pbj-prose h3{font-size:26px}.pbj-prose a{border-bottom:1px solid #809000}.pbj-prose ul,.pbj-prose ol{padding-left:1.3em;margin:1.2em 0}.pbj-prose li{margin:.4em 0}.pbj-prose img{max-width:100%;height:auto}.pbj-prose iframe,.pbj-prose video{max-width:100%}.pbj-prose table{display:block;max-width:100%;overflow:auto}.pbj-prose blockquote{margin:35px 0;padding:8px 0 8px 25px;border-left:5px solid var(--j-accent);font-size:27px;line-height:1.4}.pbj-article-end{max-width:1100px;margin:60px auto;display:flex;align-items:center;gap:30px;border-top:1px solid var(--j-line);border-bottom:1px solid var(--j-line);padding:25px 0}.pbj-article-end>span{background:var(--j-accent);font-size:38px;font-weight:900;letter-spacing:-.09em;width:75px;height:75px;display:grid;place-items:center;flex-shrink:0}.pbj-article-end p{font:18px/1.5 Georgia,serif;margin:0}.pbj-article-end>.pbj-link{margin-left:auto}.pbj-related{max-width:1380px;margin:auto}.pbj-related__header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:55px 0 30px}.pbj-related__header p{margin:0 0 10px}.pbj-related__header h2{font-size:44px;margin:0}
@media(min-width:1600px){.pbj-cover{min-height:650px}.pbj-cover__body{padding:60px 64px 36px}}
@media(max-width:1100px){.pbj{padding-left:22px;padding-right:22px}.pbj-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.pbj-sidebar{padding-right:18px}.pbj-masthead{gap:22px}.pbj-masthead p{display:none}.pbj-cover{min-height:570px}.pbj-cover__body{padding:34px 32px 25px}.pbj-cover h1{font-size:53px;max-width:520px}.pbj-story{gap:26px}.pbj-story h2{font-size:36px}.pbj-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pbj-story--compact h2{font-size:29px}.pbj-article-layout{grid-template-columns:140px minmax(0,740px);gap:35px}}
@media(max-width:760px){.pbj{padding:0 18px 34px}.pbj-masthead{padding:25px 0 20px}.pbj-masthead>a{font-size:29px;gap:8px}.pbj-masthead>a span{font-size:26px}.pbj-masthead>a i{font-size:47px}.pbj-masthead__note{display:none}.pbj-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px}.pbj-sidebar{border:0;padding:0}.pbj-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:8px}.pbj-nav-main{min-height:43px;padding:10px 13px;border:0;gap:20px;font-size:9px}.pbj-nav-category{font:12px Arial,sans-serif;padding:13px 10px;border:1px solid var(--j-line);align-items:center}.pbj-nav-category span,.pbj-contents,.pbj-sidebar__note{display:none}.pbj-cover{min-height:590px}.pbj-cover:after{background:linear-gradient(90deg,rgba(8,8,8,.8),rgba(8,8,8,.22)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 90%)}.pbj-cover__body{padding:30px 25px 22px;justify-content:end}.pbj-cover .pbj-kicker{margin-bottom:24px;font-size:8px}.pbj-cover h1{font-size:clamp(37px,7.7vw,54px);max-width:550px;margin-bottom:19px}.pbj-cover__intro{font-size:16px;max-width:420px}.pbj-cover__foot{margin-top:0;padding-top:35px}.pbj-story{gap:22px;padding:25px 0 30px}.pbj-story h2{font-size:32px;margin-top:17px}.pbj-story__body>p{font-size:15px}.pbj-story .pbj-meta{padding-right:0}.pbj-story__number{display:none}.pbj-colophon{font-size:8px;flex-wrap:wrap}.pbj-colophon>span{display:none}.pbj-article-header{padding-top:38px}.pbj-article-header h1{font-size:clamp(40px,8vw,66px)}.pbj-article-photo{margin-bottom:35px}.pbj-article-layout{display:block}.pbj-article-margin{display:none}.pbj-prose{font-size:18px;line-height:1.8;max-width:680px;margin:auto}.pbj-prose>p:first-of-type{font-size:21px}.pbj-prose h1,.pbj-prose h2{font-size:29px}.pbj-article-end{gap:18px;flex-wrap:wrap;margin:35px auto}.pbj-article-end p{font-size:16px}.pbj-article-end>.pbj-link{margin-left:0}.pbj-related__header h2{font-size:37px}.pbj-related__header>.pbj-link{font-size:8px;gap:8px}}
@media(max-width:520px){.pbj-cover{min-height:600px}.pbj-cover__body{padding:26px 22px 20px}.pbj-cover h1{font-size:40px}.pbj-cover__intro{font-size:15px}.pbj-cover__foot{font-size:7px;letter-spacing:.12em}.pbj-story{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 30px}.pbj-story:nth-of-type(odd):not(.pbj-story--compact) .pbj-story__image{order:0}.pbj-story:nth-of-type(odd):not(.pbj-story--compact) .pbj-story__body{padding-left:0}.pbj-story__body{padding:0}.pbj-story h2{font-size:35px;margin:16px 0}.pbj-story__body>p{font-size:16px}.pbj-story__image{aspect-ratio:4/3}.pbj-archive-grid{grid-template-columns:minmax(0,1fr)}.pbj-story--compact{gap:0}.pbj-story--compact .pbj-story__body{padding-top:20px}.pbj-archive-header{padding:20px 0 28px}.pbj-archive-header h1{font-size:49px}.pbj-article-bar>.pbj-kicker:last-child{display:none}.pbj-article-header h1{font-size:43px}.pbj-article-header .pbj-meta{font-size:8px;gap:8px 14px}.pbj-article-header__foot{font-size:8px;gap:10px}.pbj-share{font-size:9px;letter-spacing:.02em}.pbj-related__header{align-items:start;flex-direction:column}.pbj-prose>p:first-of-type:first-letter{font-size:65px}.pbj-prose blockquote{font-size:24px}.pbj-article-photo img{max-height:430px}}
@media(prefers-reduced-motion:reduce){.pbj *{scroll-behavior:auto!important;transition:none!important}}

/* The magazine cover is independent of any single article's illustration. */
.pbj-cover--fashion .pbj-cover__visual img{object-position:75% center}.pbj-cover--fashion h1{font-size:clamp(58px,6vw,96px);max-width:620px}.pbj-cover--fashion:after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.28) 52%,transparent 80%)}
@media(max-width:760px){.pbj-cover--fashion .pbj-cover__visual img{object-position:72% center}.pbj-cover--fashion h1{font-size:clamp(46px,10vw,68px)}.pbj-cover--fashion:after{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.58) 45%,rgba(0,0,0,.08) 85%)}.pbj-cover--fashion .pbj-cover__body{justify-content:flex-end}.pbj-cover--fashion .pbj-cover__intro{max-width:340px}}

/* Align the wordmark, accent dot and editorial line on one shared centre. */
.pbj-masthead,.pbj-masthead>a{align-items:center}
.pbj-masthead p{margin:0}
.pbj-masthead>a i{display:block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#617100;font-size:0;line-height:0;color:transparent}
@media(max-width:760px){.pbj-masthead>a i{flex-basis:9px;width:9px;height:9px;font-size:0}}

/* Equal space on both sides of the masthead separator. */
.pbj-masthead>a i{margin-left:21px}
@media(max-width:1100px){.pbj-masthead>a i{margin-left:11px}}
@media(max-width:760px){.pbj-masthead>a i{margin-left:0}}
