.journal-head{padding-block:var(--section-y)}.journal-head__hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(26rem,118vw,34rem);padding:var(--s5) var(--s4);border-radius:var(--r-media);overflow:hidden}.journal-head__hero--plain{min-height:0;padding:0;overflow:visible}.journal-head__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block}.journal-head__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center var(--journal-focus, center)}.journal-head__card{width:min(100%,40rem);padding:var(--s6) var(--s5);border-radius:var(--r-card);background:color-mix(in srgb,var(--surface-2) var(--journal-card-opacity, 100%),transparent);text-align:center}.journal-head__hero--plain .journal-head__card{width:100%;box-shadow:inset 0 0 0 1px var(--line)}.journal-head__title{margin-top:var(--s3);font-size:clamp(2.25rem,8vw,3.5rem)}.journal-head__lead{margin:var(--s4) auto 0;max-width:40ch;font-size:var(--t-body);color:var(--ink-2)}@media(min-width:900px){.journal-head__hero{min-height:clamp(26rem,34vw,36rem);padding:var(--s7)}.journal-head__card{padding:var(--s7) var(--s8)}}.journal-topics{margin-top:var(--s4)}.journal-topics__list{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.journal-topics__list::-webkit-scrollbar{display:none}.journal-topics__list li{flex:none}.journal-topics__link{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--s5);border-radius:var(--r-input);background:var(--surface-2);white-space:nowrap;font-size:var(--t-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.journal-topics__link:hover{background:var(--sand)}.journal-topics__link[aria-current=page]{background:var(--charcoal);color:var(--ink-invert)}.journal-topics__hint{margin-top:var(--s3);font-size:var(--t-xs);color:var(--ink-3)}@media(min-width:900px){.journal-topics__list{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}.journal-feature__body{display:grid;gap:var(--s3);align-content:center}@media(min-width:900px){.journal-feature .split>.media{min-height:min(26rem,34vw)}}.journal-feature__title{font-size:var(--t-h2)}.journal-feature__title a{text-decoration:none}.journal-feature__title a:hover{color:var(--rose-dark)}.journal-feature__title,.journal-feature__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.journal-feature__excerpt{color:var(--ink-2);max-width:46ch}.journal-feature__actions{margin-top:var(--s2)}.journal-empty{margin-top:var(--s6);color:var(--ink-2)}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s3);list-style:none;margin:0;padding:0}.journal-grid>li{display:flex;min-width:0}.journal-grid>li>.post{flex:1 1 auto;min-width:0}.journal-list .journal-grid{margin-top:0}@media(min-width:900px){.journal-grid{gap:var(--s6) var(--s5)}.journal-grid:not(.journal-grid--related){grid-template-columns:repeat(4,minmax(0,1fr))}.journal-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:560px)and (max-width:899px){.journal-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}}.journal-pagination{display:block;margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);text-align:center}.journal-pagination a,.journal-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-inline:var(--s3);border-radius:var(--r-pill);font-size:var(--t-sm);font-variant-numeric:tabular-nums}.journal-pagination a{color:var(--ink-2);text-decoration:none}.journal-pagination a:hover{background:#27292a0f;color:var(--ink)}.journal-pagination span[aria-current=page]{background:var(--charcoal);color:var(--ink-invert);font-weight:500}.post__excerpt{margin:0;font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-2)}.article-card__title,.post__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.article-card .media-placeholder{width:100%;height:100%}@media(max-width:559px){.journal-grid .post{gap:var(--s2)}.journal-grid .post__topic{margin-top:var(--s1)}.journal-grid .post__title{font-size:var(--t-body)}.journal-grid .post__meta{flex-direction:column;align-items:flex-start;gap:0;padding-top:var(--s1)}.journal-grid .post__dot{display:none}}.article-page{--measure: 62ch;padding-bottom:var(--s9)}.article-page__back{padding-block:var(--s5) 0}.article-page__back a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-size:var(--t-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-decoration:none;transition:color var(--dur-2) var(--ease)}.article-page__back a:hover{color:var(--ink)}.article-page__back svg{width:14px;height:14px}.article-page__head{max-width:860px;margin-inline:auto;padding-block:var(--s6) var(--s7);text-align:center}.article-page__title{margin-top:var(--s4);text-wrap:balance}.article-page__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2) var(--s3);margin-top:var(--s5);font-size:var(--t-sm);color:var(--ink-3)}.article-page__dot{width:3px;height:3px;border-radius:50%;background:var(--line-2);flex:none}@media(min-width:900px){.article-page__head{padding-block:var(--s7) var(--s8)}}.article-page__hero{max-width:960px;margin-inline:auto}.article-page__summary{margin:var(--s7) auto 0;font-size:clamp(1.125rem,1.8vw,1.25rem);line-height:1.6;color:var(--ink);text-align:center;text-wrap:balance}.article-page__body{max-width:var(--measure);margin:var(--s7) auto 0;font-size:1.0625rem;line-height:1.85;color:var(--ink-2)}@media(min-width:900px){.article-page__body{font-size:1.125rem;margin-top:var(--s8)}}.article-page__body>*+*{margin-top:var(--s5)}.article-page__body>p:first-child{font-size:1.125em;color:var(--ink)}.article-page__body h2,.article-page__body h3,.article-page__body h4{color:var(--ink);font-weight:500;line-height:1.25;text-wrap:balance}.article-page__body h2{margin-top:var(--s9);font-size:clamp(1.375rem,2.4vw,1.75rem)}.article-page__body h2:before{content:"";display:block;width:var(--s7);height:2px;margin-bottom:var(--s4);background:var(--rose)}.article-page__body h3{margin-top:var(--s7);padding-left:var(--s4);border-left:2px solid var(--rose-line);font-size:clamp(1.1875rem,1.7vw,1.375rem)}.article-page__body h4{margin-top:var(--s6);font-size:.9375rem;letter-spacing:.08em;text-transform:uppercase}.article-page__body h2+*,.article-page__body h3+*,.article-page__body h4+*{margin-top:var(--s4)}.article-page__body h2+h3{margin-top:var(--s5)}.article-page__body strong{color:var(--ink);font-weight:500}.article-page__body ul,.article-page__body ol{padding-left:0;list-style:none;display:grid;gap:var(--s3)}.article-page__body li{position:relative;padding-left:var(--s5)}.article-page__body ul>li:before{content:"";position:absolute;left:var(--s1);top:.78em;width:5px;height:5px;border-radius:50%;background:var(--rose)}.article-page__body ol{counter-reset:step}.article-page__body ol>li{counter-increment:step}.article-page__body ol>li:before{content:counter(step) ".";position:absolute;left:0;top:0;color:var(--rose-dark);font-variant-numeric:tabular-nums}.article-page__body li>p{margin:0}.article-page__body li+li{margin-top:0}.article-page__body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color var(--dur-2) var(--ease)}.article-page__body a:hover{color:var(--rose-dark);text-decoration-color:var(--rose-dark)}.article-page__body blockquote{margin-block:var(--s8);padding-left:var(--s5);border-left:2px solid var(--rose)}.article-page__body blockquote p{font-family:var(--font-display);font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.article-page__body img{display:block;width:auto;max-width:100%;height:auto;margin-block:var(--s6);border-radius:var(--r-media)}.article-page__body iframe,.article-page__body video{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;border:0;margin-block:var(--s6)}.article-page__body figure{margin-block:var(--s7)}.article-page__body figure img{margin-block:0}.article-page__body figcaption{margin-top:var(--s3);font-size:var(--t-xs);line-height:1.6;color:var(--ink-3)}.article-page__body hr{border:0;border-top:1px solid var(--line);margin-block:var(--s8)}.article-page__shop-grid{--grid-columns: 3;margin:0;padding:0;list-style:none}.card-grid.article-page__shop-grid--single{grid-template-columns:minmax(0,1fr);max-width:52rem}.article-page__shop-grid--single .product-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:1fr auto auto 1fr;column-gap:var(--s4)}.article-page__shop-grid--single .product-card__media{grid-column:1;grid-row:1 / -1}.article-page__shop-grid--single .product-card__body{grid-column:2;grid-row:2;padding-top:0}.article-page__shop-grid--single .quick-add{grid-column:2;grid-row:3}@media(min-width:720px){.article-page__shop-grid--single .product-card{column-gap:var(--s7)}.article-page__shop-grid--single .quick-add{max-width:20rem}.article-page__shop-grid--single .product-card__tagline{white-space:normal}}.article-page__needs,.article-page__note,.article-page__questions{max-width:var(--measure);margin:var(--s7) auto 0;font-size:1.0625rem}@media(min-width:900px){.article-page__needs,.article-page__note,.article-page__questions{font-size:1.125rem}}.article-page--how-to .article-page__body{--step-mark: 2.25rem;counter-reset:gfi-step}.article-page--how-to .article-page__body h2{counter-increment:gfi-step;position:relative;min-height:var(--step-mark);margin-top:var(--s8);padding-left:calc(var(--step-mark) + var(--s4))}.article-page--how-to .article-page__body h2:before{content:counter(gfi-step);position:absolute;left:0;top:calc((1.25em - var(--step-mark)) / 2);display:grid;place-items:center;width:var(--step-mark);height:var(--step-mark);margin:0;border-radius:50%;background:var(--charcoal);color:var(--ink-invert);font-family:var(--font-sans);font-size:1rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}@media(min-width:720px){.article-page--how-to .article-page__body{--step-mark: 2.75rem}.article-page--how-to .article-page__body>h2~:not(h2){margin-left:calc(var(--step-mark) + var(--s4))}}.article-page__needs{padding:var(--s5);border-radius:var(--r-card);background:var(--surface-2)}.article-page__needs-title{margin-top:var(--s2)}.article-page__needs-intro{margin-top:var(--s2);color:var(--ink-2)}.article-page__needs-list{display:grid;gap:var(--s3);margin:var(--s4) 0 0;padding:0;list-style:none}@media(min-width:560px){.article-page__needs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}}.article-page__need{display:flex;align-items:center;gap:var(--s4);min-height:44px;color:var(--ink);text-decoration:none}.article-page__need-media{flex:none;width:4.5rem}.article-page__need-copy{display:grid;gap:var(--s1);min-width:0}.article-page__need-title{font-size:var(--t-sm);font-weight:500;line-height:1.35;transition:color var(--dur-2) var(--ease)}.article-page__need-price{font-size:var(--t-sm);color:var(--ink-3)}.article-page__need:hover .article-page__need-title{color:var(--rose-dark)}.article-page__head--split{display:grid;grid-template-areas:"copy" "media" "facts";gap:var(--s5);max-width:1120px;text-align:left}.article-page__head--split .article-page__head-copy{grid-area:copy}.article-page__head--split .article-page__meta{justify-content:flex-start}.article-page__head-media{grid-area:media;margin:0}.article-page__head--split .media--4x5{aspect-ratio:3 / 2}.article-page__facts{grid-area:facts;padding:var(--s5);border-radius:var(--r-card);background:var(--surface-2)}.article-page__facts-label{margin:0}.article-page__facts-text{margin-top:var(--s3);font-size:clamp(1.0625rem,1.6vw,1.1875rem);line-height:1.6;color:var(--ink)}@media(min-width:900px){.article-page__head--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media copy" "media facts";grid-template-rows:1fr auto;gap:var(--s6) var(--s8)}.article-page__head--split .article-page__head-copy{align-self:end}.article-page__head--split .article-page__facts{align-self:start;padding:var(--s6)}.article-page__head--split .media--4x5{aspect-ratio:4 / 5}.article-page__head--split:not(:has(.article-page__head-media)){grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "facts";max-width:860px}}.article-page__note{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4) var(--s5);border-radius:var(--r-card);background:var(--surface-2)}.article-page__note svg{flex:none;width:20px;height:20px;margin-top:.15em;color:var(--rose-dark)}.article-page__note p{margin:0;font-size:.875em;line-height:1.6;color:var(--ink-2)}.article-page--results .article-page__body{--track: 2px;--track-indent: var(--s5);--dot: 14px}.article-page--results .article-page__body>h2,.article-page--results .article-page__body>h2~*{margin-block:0;padding-top:var(--s5);padding-left:var(--track-indent);border-left:var(--track) solid var(--rose-line)}.article-page--results .article-page__body>h2{--point-top: var(--s8);position:relative;padding-top:var(--point-top);font-family:var(--font-display);font-weight:var(--fw-display);font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.1}.article-page--results .article-page__body>h2:not(h2~h2){--point-top: 0px;margin-top:var(--s8)}.article-page--results .article-page__body>h2+:not(h2){padding-top:var(--s3)}.article-page--results .article-page__body>h2:before{content:"";position:absolute;left:calc(var(--dot) / -2 - var(--track) / 2);top:calc(var(--point-top) + .55em - var(--dot) / 2);width:var(--dot);height:var(--dot);margin:0;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px var(--box-bg, var(--cream))}.article-page--results .article-page__body>h2~figure img{margin:0}@media(min-width:900px){.article-page--results .article-page__body{--track-indent: var(--s6)}}.article-page--tips .article-page__body{counter-reset:gfi-tip}.article-page--tips .article-page__body h2{counter-increment:gfi-tip;position:relative;margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line)}.article-page--tips .article-page__body h2:before{content:counter(gfi-tip,decimal-leading-zero);display:block;width:auto;height:auto;margin:0 0 var(--s3);background:none;font-family:var(--font-display);font-weight:var(--fw-display);font-size:clamp(2.75rem,7vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--rose-dark)}@supports (content: "a" / "b"){.article-page--tips .article-page__body h2:before{content:counter(gfi-tip,decimal-leading-zero) / counter(gfi-tip)}}@media(min-width:1040px){.article-page--tips .article-page__body h2:before{position:absolute;right:100%;top:var(--s5);margin:0 var(--s6) 0 0;white-space:nowrap}}.article-page__questions{padding:var(--s5);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line-2)}.article-page__questions-label{margin:0}.article-page__questions-list{display:grid;gap:var(--s1);margin:var(--s3) 0 0;padding:0;list-style:none}.article-page__questions-list a{display:block;padding-block:var(--s2);color:var(--ink);line-height:1.4;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;text-decoration-thickness:1px}.article-page__questions-list a:hover{color:var(--rose-dark);text-decoration-color:var(--rose-dark)}.article-page--questions .article-page__body{--q-mark: 1.5rem;--q-indent: calc(var(--s4) + var(--q-mark) + var(--s3))}.article-page--questions .article-page__body h2{position:relative;margin-top:var(--s7);padding:var(--s4) var(--s4) var(--s4) var(--q-indent);border-radius:var(--r-card);background:var(--surface-2);font-size:clamp(1.1875rem,2vw,1.375rem)}.article-page--questions .article-page__body h2:before{content:"";position:absolute;left:var(--s4);top:calc(var(--s4) + (1.25em - var(--q-mark)) / 2);width:var(--q-mark);height:var(--q-mark);margin:0;background:var(--rose-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7.4'/%3E%3Cpath d='M7.9 8a2.2 2.2 0 1 1 3.4 1.8c-.8.5-1.3 1-1.3 1.9'/%3E%3Ccircle cx='10' cy='14.2' r='.8' fill='black' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7.4'/%3E%3Cpath d='M7.9 8a2.2 2.2 0 1 1 3.4 1.8c-.8.5-1.3 1-1.3 1.9'/%3E%3Ccircle cx='10' cy='14.2' r='.8' fill='black' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat}.article-page--questions .article-page__body h2+*{margin-top:var(--s4)}@media(min-width:560px){.article-page--questions .article-page__body{--q-mark: 1.75rem}.article-page--questions .article-page__body>h2~:not(h2){margin-left:var(--q-indent)}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/section-journal.css.map */