/* The Making Journal: typography and photography from the approved mockups. */
.journal-nav[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:10px}.header .main-nav{gap:24px}.footer nav{flex-wrap:wrap}.j-home{padding:55px 0 60px;border-top:1px solid var(--line)}.j-home .micro,.journal-page .micro{color:var(--red)}.j-home-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.j-home h2{font-size:clamp(34px,4.4vw,68px);line-height:1.06;letter-spacing:-2.7px;margin-top:14px}.j-home-heading .link-label{white-space:nowrap;margin-bottom:8px}.j-home-heading>.j-thread{position:absolute;right:23%;width:29%;bottom:16px;opacity:.9;z-index:-1}.j-thread{width:100%;height:auto;fill:none;stroke:#bd2118;stroke-width:2;overflow:visible;pointer-events:none}.j-thread .j-thread-shadow{stroke:#8c4439;opacity:.16;stroke-width:3;filter:blur(2px)}.j-home-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:23px}.j-art{display:block;width:100%;height:100%;overflow:hidden;background:#e8e0d3}.j-art svg{display:block;width:100%;height:100%;fill:none;stroke:none;transition:transform .5s}.j-card a{display:block}.j-card .j-art{height:clamp(190px,25.5vw,390px)}.j-card a:hover .j-art svg{transform:scale(1.025)}.j-card a:focus-visible{outline-offset:7px}.j-meta{font:9px/1.8 var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:13px 0 7px}.j-card h3{font:clamp(22px,2vw,31px)/1.14 var(--serif);letter-spacing:-.8px;max-width:96%}.j-read{display:inline-flex;gap:20px;align-items:center;color:var(--red);font:17px/1.5 var(--serif);margin-top:18px}.j-read span{transition:transform .2s}.j-card a:hover .j-read span{transform:translate(3px,-3px)}.j-home-grid .j-card:first-child h3{font-size:clamp(27px,2.6vw,42px)}.j-masthead{position:relative;padding:58px 0 33px;overflow:hidden}.j-masthead h1{font-size:clamp(46px,6.2vw,97px);letter-spacing:-4px;line-height:1.12;margin:10px 0}.j-subtitle{font:25px/1.5 var(--serif)}.j-masthead .j-thread{position:absolute;width:34%;right:-7%;top:50px;z-index:-1}.j-masthead h1{max-width:83%}.j-toolbar{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:14px 0}.j-tabs{display:flex;gap:34px}.j-tabs button{font:17px var(--serif);padding:8px 0;border-bottom:1px solid transparent}.j-tabs button[aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}.j-controls{display:flex;gap:18px;align-items:center}.j-controls select,.j-controls input{background:transparent;border:1px solid var(--line);color:var(--ink);height:42px;border-radius:0;padding:8px 13px;font:13px var(--sans)}.j-controls select{width:170px}.j-controls form{position:relative}.j-controls input{width:245px;padding-right:40px}.j-controls button{position:absolute;right:8px;top:1px;height:40px;width:30px;font-size:27px}.j-feature{display:grid;grid-template-columns:62% 38%;margin-top:28px;background:#f3efe7}.j-feature>a{min-height:390px;display:block}.j-feature-copy{align-self:center;padding:40px}.j-feature h2{font-size:clamp(33px,3.65vw,56px);line-height:1.06;letter-spacing:-2px;margin:24px 0 21px}.j-excerpt{font:20px/1.5 var(--serif)}.j-feature .j-meta{margin-top:33px}.j-latest{padding:38px 0 48px}.j-results-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:23px}.j-results-heading h2{font-size:clamp(30px,3.7vw,53px);letter-spacing:-2px}.j-result-count,#j-result-count{font-size:12px;color:var(--muted)}.j-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 23px}.j-grid .j-art{height:auto;aspect-ratio:1.25}.j-grid .j-card h3{font-size:28px}.j-empty{padding:50px 0;text-align:center}.j-empty h3{font-size:33px}.j-empty p{margin:15px 0 25px}.j-news{display:grid;grid-template-columns:1.1fr 1fr .7fr;gap:40px;border-block:1px solid var(--line);padding:36px 0;margin-bottom:48px;align-items:center}.j-news h2{font-size:32px;margin-top:15px;letter-spacing:-1px}.j-news>div+div{border-left:1px solid var(--line);padding-left:35px}.j-news p:not(.micro){font:17px/1.6 var(--serif)}.journal-page [hidden]{display:none!important}#j-pagination{display:flex;justify-content:center;gap:25px;padding-top:38px}#j-pagination button{padding:8px}#j-pagination [aria-current]{color:var(--red);border-bottom:1px solid}.j-breadcrumb{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-top:22px}.j-article-header{max-width:900px;margin:44px auto 32px;text-align:center}.j-article h1{font:clamp(39px,5.3vw,78px)/1.06 var(--serif);letter-spacing:-2.8px;margin:20px 0}.j-standfirst{font:24px/1.5 var(--serif);color:#646b5d;max-width:740px;margin:auto}.j-byline{font-size:12px;color:var(--muted);margin-top:23px}.j-byline span{padding:0 10px}.j-article-cover{max-width:1050px;margin:0 auto 45px}.j-article-cover .j-art{height:480px}.j-article-cover figcaption{font-size:10px;color:var(--muted);margin-top:9px}.j-reading-layout{display:grid;grid-template-columns:220px minmax(0,740px);justify-content:center;gap:60px}.j-reading-layout aside{align-self:start;position:sticky;top:28px}.j-contents{border-top:1px solid var(--line);padding-top:16px}.j-contents summary{font:18px var(--serif);cursor:pointer}.j-contents nav{display:grid;gap:14px;margin-top:21px}.j-contents a{font:13px/1.5 var(--sans);color:var(--muted)}.j-contents a:hover{color:var(--red)}.j-prose{font:19px/1.85 var(--serif);min-width:0}.j-prose section{margin-bottom:38px;scroll-margin-top:30px}.j-prose h2{font:33px/1.2 var(--serif);letter-spacing:-.9px;margin-bottom:18px}.j-prose p+p{margin-top:18px}.j-prose p a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.j-materials{padding:25px 30px;background:#eee8dd;margin-bottom:35px}.j-materials h2{margin:10px 0}.j-check{border-left:2px solid #909b83;padding:10px 20px;color:#56604f;background:#f0eee5}.j-stitch-demo{border:1px solid var(--line);padding:20px 25px;margin:23px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.j-stitch-demo span{font:12px var(--sans);color:var(--muted)}.j-stitch-demo b{font:36px/1.4 var(--sans);color:var(--red);letter-spacing:6px}.j-shop{border-block:1px solid var(--line);padding:25px 0;margin:45px 0 25px}.j-shop a{font:29px/1.35 var(--serif);display:flex;justify-content:space-between;gap:25px;margin-top:10px}.j-back{font:14px var(--sans);color:var(--muted)}.j-related{padding:65px 0}.j-related h2{margin:12px 0 28px}.j-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.j-related-grid .j-art{height:330px}
@media(min-width:901px) and (max-width:1150px){.header .main-nav{gap:17px;font-size:14px}.header .wordmark{font-size:31px}.header-inner{gap:20px}.j-toolbar{gap:20px}.j-tabs{gap:20px}.j-controls{gap:10px}.j-controls input{width:190px}.j-controls select{width:155px}}
@media(min-width:601px) and (max-width:900px){.j-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header .main-nav{display:none}.header .menu-toggle{display:block}.mobile-nav:not([hidden]){display:grid;gap:15px;border-top:1px solid var(--line);padding:20px 0}.mobile-nav>a,.mobile-nav>button{font:21px/1.6 var(--serif);text-align:left}.j-toolbar{flex-direction:column;align-items:stretch;gap:15px}.j-tabs{justify-content:space-between}.j-controls>label,.j-controls form{flex:1}.j-controls input,.j-controls select{width:100%}.j-feature-copy{padding:28px}.j-feature{grid-template-columns:55% 45%}.j-feature>a{min-height:340px}.j-home-heading>.j-thread{display:none}.j-home h2{font-size:44px}.j-home-heading .link-label{white-space:normal;max-width:145px}.j-card h3,.j-grid .j-card h3{font-size:24px}.j-news{grid-template-columns:1fr 1fr}.j-news>.j-thread{display:none}.j-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.j-article-cover .j-art{height:390px}.j-article h1{font-size:57px}}
@media(max-width:600px){.j-home{padding:33px 0 37px}.j-home-heading{display:block;margin-bottom:25px}.j-home h2{font-size:38px;letter-spacing:-1.7px}.j-home-heading .link-label{max-width:none;margin-top:24px;display:inline-flex}.j-home-grid,.j-grid,.j-related-grid{grid-template-columns:1fr;gap:30px}.j-home-grid .j-art,.j-related-grid .j-art{height:auto;aspect-ratio:1.4}.j-home-grid .j-card:first-child h3{font-size:30px}.j-card h3,.j-grid .j-card h3{font-size:27px}.j-masthead{padding:30px 0 25px}.j-masthead h1{max-width:100%;font-size:48px;letter-spacing:-2.5px;margin:17px 0}.j-masthead .j-thread{display:none}.j-subtitle{font-size:20px}.j-toolbar{padding:12px 0 17px}.j-tabs{gap:15px}.j-tabs button{font-size:16px;min-height:42px}.j-controls{gap:10px;flex-wrap:wrap}.j-controls select,.j-controls input{font-size:16px}.j-controls>label,.j-controls form{flex:1 1 100%}.j-feature{grid-template-columns:1fr;margin-top:23px}.j-feature>a{min-height:0;height:240px}.j-feature-copy{padding:28px 24px}.j-feature h2{font-size:40px;margin:17px 0}.j-feature .j-meta{margin-top:24px}.j-feature .j-read{margin-top:7px}.j-latest{padding:30px 0}.j-results-heading{display:block}.j-results-heading h2{font-size:34px;letter-spacing:-1.4px}.j-results-heading p{margin-top:12px}.j-grid .j-art{aspect-ratio:1.4}.j-news{grid-template-columns:1fr;gap:22px;padding:28px 0;margin-bottom:30px}.j-news>div+div{border-left:0;padding-left:0}.j-article-header{margin:30px auto 25px;text-align:left}.j-article h1{font-size:43px;letter-spacing:-1.8px}.j-standfirst{font-size:21px}.j-byline{font-size:11px;line-height:1.9}.j-byline span{padding:0 5px}.j-article-cover{margin-bottom:27px}.j-article-cover .j-art{height:250px}.j-reading-layout{grid-template-columns:1fr;gap:26px}.j-reading-layout aside{position:static}.j-contents{border-bottom:1px solid var(--line);padding:15px 0}.j-prose{font-size:18px;line-height:1.8}.j-prose h2{font-size:29px}.j-materials{padding:22px}.j-stitch-demo{padding:15px;flex-wrap:wrap}.j-stitch-demo b{font-size:28px;letter-spacing:3px}.j-related{padding:40px 0}.j-related h2{font-size:34px}.j-shop a{font-size:25px}}
@media(prefers-reduced-motion:reduce){.j-art svg,.j-read span{transition:none}.j-card a:hover .j-art svg{transform:none}}
