/* Yarnluma's image-led crochet journal. */
:root{--ink:#263f36;--paper:#fffcf7;--pink:#f7e4dc;--line:#dcded0;--green:#345844;--terra:#ad4c32}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.topline{background:var(--green);letter-spacing:.08em;font-size:12px;padding:8px 16px}header{background:var(--paper);border-color:var(--line)}.nav{min-height:155px;display:grid;grid-template-columns:1fr auto 1fr;gap:25px}.nav .brand{grid-column:2;grid-row:1;font-size:66px;letter-spacing:-4px;font-weight:normal;line-height:1}.nav .brand img{width:43px;height:43px;display:none}.mastnote{grid-column:1;grid-row:1;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.4;max-width:180px;color:#6d776a}.mastnote.right{grid-column:3;justify-self:end;text-align:right;font-family:Arial,sans-serif;font-style:normal;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.navlinks{grid-column:1/-1;grid-row:2;justify-content:center;padding-bottom:19px;gap:38px}.navlinks a{font-size:13px;letter-spacing:.04em;font-weight:normal}.navlinks .pill{background:transparent;color:var(--ink);border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 32px}.navlinks a[aria-current=page]{border-color:var(--terra)}.wrap{max-width:1360px;padding:0 52px}.button{background:var(--green);border-color:var(--green);border-radius:4px;padding:13px 22px;font-size:14px;letter-spacing:.02em}.button.secondary{color:var(--ink);border-color:#9caa9b;background:transparent}.eyebrow{color:var(--terra);font-size:11px;letter-spacing:.16em}.cover{display:grid;grid-template-columns:1.25fr 1fr;gap:0;margin:36px 0 0;min-height:510px;background:var(--pink)}.cover-photo{position:relative;margin:0;overflow:hidden}.cover-photo img{width:100%;height:100%;min-height:510px;max-height:610px;object-fit:cover;display:block}.cover-photo figcaption{position:absolute;bottom:14px;left:16px;background:#fffdf1ed;padding:5px 10px;font-size:11px;color:#3c493e}.cover-copy{padding:52px 44px;display:flex;flex-direction:column;justify-content:center}.cover h1{font:normal clamp(46px,4.7vw,69px)/1.07 Georgia,serif;letter-spacing:-2px;margin:18px 0 22px}.cover h1 em{font-weight:normal;color:var(--terra)}.cover p{font-size:16px;max-width:355px;line-height:1.8;color:#526052}.cover .actions{margin:20px 0 10px}.cover-note{font:italic 15px Georgia,serif;color:#6b7266;margin-top:18px}.section{padding:48px 0}.sectionhead h2,h2{font-size:36px;letter-spacing:-.6px}.sectionhead>a{font-size:13px;color:var(--terra)}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:36px 0 32px;border-bottom:1px solid var(--line)}.category-tile{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px}.category-tile img{width:116px;height:116px;border-radius:50%;object-fit:cover;border:6px solid #f3f0e7}.category-tile:hover img{border-color:#edd8c8}.category-tile span{font-family:Georgia,serif;font-size:18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.card{border:0;background:transparent;border-radius:0;overflow:visible}.card:hover{transform:none}.card a:hover h3{text-decoration:underline;text-underline-offset:5px}.card .project-photo{height:310px;object-fit:cover;padding:0;background:#eee4da;border-radius:3px}.card img{transition:filter .2s}.card a:hover img{filter:brightness(.97)}.cardbody{padding:16px 0 0}.card h3{font-size:27px;line-height:1.15;margin:8px 0 10px}.card p{font-size:14px;line-height:1.65}.card .meta{font-size:10px;color:var(--terra);text-transform:uppercase;letter-spacing:.08em}.cardfoot{border-color:var(--line);font-size:12px;margin-top:14px;padding-top:11px;color:#5d6c5f}.image-credit{font-size:10px;color:#687361;letter-spacing:.03em;margin-top:5px}.editorial-feature{display:grid;grid-template-columns:1fr 1fr;margin:30px 0;background:#edf0e3}.editorial-feature img{height:460px;width:100%;object-fit:cover}.editorial-feature .copy{padding:45px;align-self:center}.editorial-feature h2{font-size:43px}.editorial-feature p{font-size:16px}.lab{background:#f1dca4;color:var(--ink);padding:42px;gap:50px;border-radius:0}.lab .eyebrow{color:#765529}.lab a{color:var(--ink)}.lablist a{border-color:#b9a56e}.lab h2{font-size:39px}.guidegrid{gap:0 34px}.guidelink{border-color:var(--line)}.guidelink b{color:var(--terra)}.guidelink h3{font-size:26px}.footer{background:var(--green);margin-top:55px}.footer .brand{font-size:46px}.footerbottom{border-color:#728b73}.note{border-color:#a67c42;background:#f5efdf}.article .note{font-size:14px}.pagehead{max-width:920px}.pagehead h1{font-size:58px;line-height:1.12;letter-spacing:-1.7px}.pagehead .guidelead{font-size:19px;line-height:1.7}.pagehead .eyebrow{color:var(--terra)}.contentlayout{grid-template-columns:minmax(0,850px) 245px;gap:50px}.article{max-width:850px}.article .project-showcase{margin:0 0 28px}.article .project-showcase img{max-height:610px;height:auto;width:100%;object-fit:cover;background:#ede7dc;border-radius:3px}.article .project-showcase figcaption{font-size:12px;padding-top:8px}.article .construction{background:#f0f0e7;padding:20px;border:1px solid var(--line)}.article .construction img{background:transparent;max-height:340px}.article h2{font-size:32px;color:var(--ink)}.article h3{font-family:Georgia,serif;font-size:24px;font-weight:normal}.step strong{color:var(--terra);font-size:12px;letter-spacing:.09em}.facts{background:var(--line);border-color:var(--line)}.facts div{background:#fffdf8}.facts strong{font-size:16px}.sidebar{border-color:var(--green);background:#f3f1e8;padding:22px}.sidebar a{font-size:14px}.tool{border-color:var(--line);background:#fffdf8}.tool h2{font-size:29px}.result{background:#edf0e3}.result strong,.counter{color:var(--green)}.toast{background:var(--green)}.smallprint{font-size:12px;color:#61715e}.journal-intro{text-align:center;padding:18px 0 0;font-family:Georgia,serif;font-size:23px;max-width:710px;margin:auto}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.about-layout img{width:100%;object-fit:cover;max-height:580px}.handwritten{font:italic 24px/1.4 Georgia,serif;color:var(--terra)}
@media(min-width:1500px){.cover-photo img{max-height:640px}}
@media(max-width:1000px){.wrap{padding:0 30px}.cover-copy{padding:35px 30px}.cover h1{font-size:52px}.cover-photo img{min-height:460px}.cover{min-height:460px}.card .project-photo{height:270px}.navlinks{gap:26px}.mastnote{font-size:14px;max-width:140px}.contentlayout{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.category-tile img{width:100px;height:100px}.category-tile span{font-size:16px}}
@media(max-width:760px){.mastnote{display:none}.nav{display:flex;justify-content:space-between;flex-wrap:wrap;min-height:90px;gap:0}.nav .brand{font-size:48px;letter-spacing:-3px;padding:18px 0}.navtoggle{display:block}.navlinks{display:none;width:100%;flex-direction:column;align-items:start;gap:18px}.navlinks.open{display:flex}.navlinks .pill{border:0;padding:0}.cover{grid-template-columns:1fr;margin-top:22px}.cover-photo img{height:340px;min-height:0;max-height:none}.cover-copy{padding:32px}.cover h1{font-size:50px}.cover p{max-width:none}.category-strip{gap:16px;overflow-x:auto;grid-template-columns:repeat(5,115px);justify-content:start}.category-tile img{width:94px;height:94px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.card .project-photo{height:260px}.card h3{font-size:24px}.card p{display:none}.editorial-feature{grid-template-columns:1fr}.editorial-feature img{height:360px}.editorial-feature .copy{padding:30px}.lab{grid-template-columns:1fr;padding:30px;gap:20px}.contentlayout{grid-template-columns:1fr}.sidebar{position:static}.about-layout{grid-template-columns:1fr}.pagehead h1{font-size:46px}}
@media(max-width:470px){.wrap{padding:0 18px}.cover-copy{padding:28px 23px}.cover-photo img{height:310px}.cover h1{font-size:45px}.card .project-photo{height:200px}.card h3{font-size:22px}.cardfoot{display:block}.cardfoot span{display:block}.grid{gap:26px 15px}.sectionhead{align-items:start}.sectionhead h2{font-size:30px}.category-strip{padding:25px 0}.pagehead h1{font-size:41px}.article .project-showcase img{min-height:260px;object-fit:cover}.tool{padding:20px}.footer .brand{font-size:40px}.cover .button{font-size:13px;padding:12px 16px}.topline{font-size:10px}.facts strong{font-size:15px}}
@media print{.project-showcase img{max-height:250px!important;width:auto!important}.construction{break-inside:avoid}.image-credit{display:none}.mastnote{display:none}.article .construction{padding:0}.project-showcase{break-inside:avoid}}