.k24-guide{--k24g-ink: var(--color-heading);--k24g-text: var(--color-text);--k24g-muted: rgba(var(--color-heading-rgb), .64);--k24g-navy: var(--color-primary);--k24g-rule: rgba(var(--color-heading-rgb), .1);--k24g-sand: rgba(185, 141, 90, .1);--k24g-sand: color-mix(in srgb, var(--color-background) 91%, #b98d5a);--k24g-navy-tint: rgba(var(--color-primary-rgb), .06);--k24g-amber-tint: #fbf1de;--k24g-amber-ink: #8a5300;--k24g-radius: var(--rounded-radius, 10px);--k24g-ease: cubic-bezier(.23, 1, .32, 1);--k24g-offset: calc(var(--height-header, 72px) + 2.4rem);--k24g-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--k24g-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--k24g-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--k24g-icon-tip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");--k24g-icon-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 16v-4.5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");--k24g-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");color:var(--k24g-text)}@media(prefers-reduced-motion:no-preference){html:has(.k24-guide){scroll-behavior:smooth}}.k24-guide ::selection{background-color:rgba(var(--color-primary-rgb),.16)}.k24-guide :focus-visible{outline:2px solid var(--k24g-navy);outline-offset:3px;border-radius:4px}.k24-guide__wrap{max-width:104rem;margin-inline:auto}.k24-guide__article{display:grid;grid-template-columns:minmax(0,1fr)}.k24-guide__article>*{min-width:0}@media(min-width:1025px){.k24-guide__article{grid-template-columns:22rem minmax(0,72rem);column-gap:clamp(4rem,6vw,9rem);justify-content:center}.k24-guide__header,.k24-guide__body{grid-column:2}.k24-guide__aside{grid-column:1;grid-row:2}.k24-guide__article--no-toc{grid-template-columns:minmax(0,72rem)}.k24-guide__article--no-toc .k24-guide__header,.k24-guide__article--no-toc .k24-guide__body{grid-column:1}}.k24-guide__header{padding-bottom:3.2rem;margin-bottom:3.2rem;border-bottom:1px solid var(--k24g-rule)}@media(min-width:750px){.k24-guide__header{padding-bottom:4rem;margin-bottom:4.8rem}}.k24-guide__crumbs-list{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;margin:0 0 2.4rem;padding:0;list-style:none;font-size:1.3rem;line-height:1.4;color:var(--k24g-muted)}.k24-guide__crumbs-list li{display:flex;align-items:center;gap:1rem;min-width:0}.k24-guide__crumbs-list li+li:before{content:"";flex:none;width:3px;height:3px;border-radius:50%;background-color:currentColor}.k24-guide__crumbs-list li:last-child span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--k24g-ink)}.k24-guide__crumbs-list a{color:inherit;text-decoration:none;transition:color .15s ease}.k24-guide__crumbs-list a:hover{color:var(--k24g-navy)}.k24-guide__title{max-width:24ch;margin:0;font-size:clamp(3rem,2.2rem + 2vw,4.6rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}.k24-guide__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin:1.6rem 0 0;font-size:1.4rem;line-height:1.5;color:var(--k24g-muted);font-variant-numeric:tabular-nums}.k24-guide__meta>span{display:inline-flex;align-items:center;gap:.4rem}.k24-guide__meta>span+span:before{content:"";width:3px;height:3px;margin-inline-end:.8rem;border-radius:50%;background-color:currentColor}.k24-guide__lead .k24-lead{max-width:62ch;margin:2.4rem 0 0;font-size:clamp(1.75rem,1.5rem + .5vw,2rem);line-height:1.6;color:rgba(var(--color-heading-rgb),.86);text-wrap:pretty}.k24-guide__toc{display:none}@media(min-width:1025px){.k24-guide__aside{position:sticky;top:var(--k24g-offset);align-self:start;max-height:calc(100vh - var(--k24g-offset) - 2.4rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;transition:top .35s ease-in-out}body:has(.shopify-section-header-hidden) .k24-guide__aside{top:2.4rem}.k24-guide__toc{display:block}.k24-guide__toc-mobile{display:none}}.k24-guide__toc-title{margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;line-height:1.4;color:var(--k24g-ink)}.k24-guide__toc .k24-guide__toc-list{margin:0;padding:0;list-style:none;border-inline-start:1px solid var(--k24g-rule)}.k24-guide__toc .k24-guide__toc-list a{display:block;margin-inline-start:-1px;padding:.7rem 0 .7rem 1.6rem;border-inline-start:1px solid transparent;font-size:1.4rem;line-height:1.4;color:var(--k24g-muted);text-decoration:none;transition:color .15s ease,border-color .15s ease}.k24-guide__toc .k24-guide__toc-list a:hover{color:var(--k24g-ink)}.k24-guide__toc .k24-guide__toc-list a[aria-current]{border-color:var(--k24g-navy);color:var(--k24g-navy);font-weight:500}.k24-guide__toc-mobile{margin-bottom:3.2rem;border:1px solid var(--k24g-rule);border-radius:var(--k24g-radius)}.k24-guide__toc-mobile summary{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;list-style:none;cursor:pointer;font-size:1.5rem;font-weight:600;color:var(--k24g-ink)}.k24-guide__toc-mobile summary::-webkit-details-marker{display:none}.k24-guide__toc-mobile summary:after{content:"";flex:none;width:2rem;height:2rem;margin-inline-start:auto;background-color:currentColor;-webkit-mask:var(--k24g-icon-chevron) center / contain no-repeat;mask:var(--k24g-icon-chevron) center / contain no-repeat;transition:transform .2s var(--k24g-ease)}.k24-guide__toc-mobile[open] summary:after{transform:rotate(180deg)}.k24-guide__toc-mobile-count{font-size:1.3rem;font-weight:400;color:var(--k24g-muted)}.k24-guide__toc-mobile .k24-guide__toc-list{margin:0;padding:0 1.6rem .8rem;list-style:none}.k24-guide__toc-mobile .k24-guide__toc-list li+li{border-top:1px solid var(--k24g-rule)}.k24-guide__toc-mobile .k24-guide__toc-list a{display:block;padding:1.1rem 0;font-size:1.5rem;line-height:1.4;color:var(--k24g-text);text-decoration:none}.k24-guide__body{font-size:1.6rem;line-height:1.75;text-wrap:pretty}@media(min-width:750px){.k24-guide__body{font-size:1.7rem}}.k24-guide__body>:first-child{margin-top:0}.k24-guide__body :where(p,ul,ol){margin:0 0 1.6rem}.k24-guide__body :where(h2,h3){scroll-margin-top:var(--k24g-offset);color:var(--k24g-ink);font-weight:600;text-wrap:balance}.k24-guide__body h2{margin:5.6rem 0 1.6rem;font-size:clamp(2.4rem,2rem + .9vw,3rem);line-height:1.2;letter-spacing:-.025em}.k24-guide__body h3{margin:3.2rem 0 .8rem;font-size:clamp(1.8rem,1.7rem + .3vw,2rem);line-height:1.35;letter-spacing:-.012em}.k24-guide__body h2+h3{margin-top:2.4rem}.k24-guide__body :where(strong,b){font-weight:600;color:var(--k24g-ink)}.k24-guide__body a:not([class]){color:var(--k24g-navy);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(var(--color-primary-rgb),.35);text-underline-offset:.2em;transition:text-decoration-color .15s ease}.k24-guide__body a:not([class]):hover{text-decoration-color:currentColor}.k24-guide__body ul{padding-inline-start:2.2rem;list-style:none}.k24-guide__body ul>li{position:relative}.k24-guide__body ul>li:before{content:"";position:absolute;inset-inline-start:-1.6rem;top:.78em;width:5px;height:5px;border-radius:50%;background-color:var(--k24g-navy)}.k24-guide__body ol{padding-inline-start:2.6rem}.k24-guide__body ol>li::marker{color:var(--k24g-navy);font-weight:600;font-variant-numeric:tabular-nums}.k24-guide__body li+li{margin-top:.6rem}.k24-guide__body img{display:block;max-width:100%;height:auto;border-radius:var(--k24g-radius)}.k24-guide__body hr{margin:4.8rem 0;border:0;border-top:1px solid var(--k24g-rule)}.k24-guide__table{margin:2.4rem 0 3.2rem;overflow-x:auto;border:1px solid var(--k24g-rule);border-radius:var(--k24g-radius);scrollbar-width:thin;scrollbar-color:rgba(var(--color-heading-rgb),.25) transparent}.k24-guide__table table{width:100%;border:0;border-collapse:collapse;font-size:1.5rem;line-height:1.5;font-variant-numeric:tabular-nums}.k24-guide__table table:where(:has(th:nth-child(3))){min-width:56rem}.k24-guide__table :where(td[style*=right],th[style*=right]){white-space:nowrap}.k24-guide__table :where(th,td){padding:1.2rem 1.6rem;border:0;border-bottom:1px solid var(--k24g-rule);text-align:start;vertical-align:top}.k24-guide__table thead th{background-color:var(--k24g-sand);font-size:1.4rem;font-weight:600;color:var(--k24g-ink)}.k24-guide__table tbody tr:last-child>*{border-bottom:0}.k24-guide__table tbody td:first-child,.k24-guide__table tbody th{color:var(--k24g-ink);font-weight:500}@media(max-width:749.98px){.k24-guide__table--stack{overflow:visible;border:0;border-radius:0}.k24-guide__table--stack table{min-width:0}.k24-guide__table--stack :where(table,tbody,tr,td){display:block}.k24-guide__table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.k24-guide__table--stack tr{padding:1.4rem 1.6rem;border:1px solid var(--k24g-rule);border-radius:var(--k24g-radius)}.k24-guide__table--stack tr+tr{margin-top:1rem}.k24-guide__table--stack td{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.2rem;padding:.5rem 0;border:0;white-space:normal;text-align:start!important}.k24-guide__table--stack td:before{content:attr(data-label);font-size:1.35rem;color:var(--k24g-muted)}.k24-guide__table--stack td:first-child{display:block;margin-bottom:.6rem;padding:0 0 1rem;border-bottom:1px solid var(--k24g-rule);font-size:1.6rem;font-weight:600}.k24-guide__table--stack td:first-child:before{content:none}}.k24-guide .k24-callout{position:relative;margin:2.8rem 0;padding:1.8rem 2rem 1.8rem 5.2rem;border-radius:var(--k24g-radius);background-color:var(--k24g-sand);font-size:1.6rem;line-height:1.65}.k24-guide .k24-callout:before{content:"";position:absolute;inset-inline-start:1.8rem;top:2rem;width:2.2rem;height:2.2rem;background-color:var(--k24g-navy);-webkit-mask:var(--k24g-icon-tip) center / contain no-repeat;mask:var(--k24g-icon-tip) center / contain no-repeat}@media(max-width:749.98px){.k24-guide .k24-callout{padding:1.6rem 1.6rem 1.6rem 4.6rem}.k24-guide .k24-callout:before{inset-inline-start:1.5rem;top:1.8rem;width:2rem;height:2rem}}.k24-guide .k24-callout>:last-child{margin-bottom:0}.k24-guide .k24-callout--note{background-color:var(--k24g-navy-tint)}.k24-guide .k24-callout--note:before{-webkit-mask-image:var(--k24g-icon-note);mask-image:var(--k24g-icon-note)}.k24-guide .k24-callout--warning{background-color:var(--k24g-amber-tint)}.k24-guide .k24-callout--warning:before{background-color:var(--k24g-amber-ink);-webkit-mask-image:var(--k24g-icon-warning);mask-image:var(--k24g-icon-warning)}.k24-guide .k24-figure{margin:3.2rem 0}.k24-guide .k24-figure img{width:100%;max-height:min(72vh,64rem);object-fit:cover;background-color:var(--k24g-sand)}.k24-guide .k24-figure figcaption{margin-top:1rem;font-size:1.4rem;line-height:1.5;color:var(--k24g-muted)}.k24-guide .k24-faq{margin-top:5.6rem}.k24-guide .k24-faq h2{margin-bottom:1.2rem}.k24-guide .k24-faq details{border-bottom:1px solid var(--k24g-rule)}.k24-guide .k24-faq h2+details{border-top:1px solid var(--k24g-rule)}.k24-guide .k24-faq summary{display:flex;align-items:flex-start;gap:1.6rem;padding:1.8rem 0;list-style:none;cursor:pointer;font-size:1.7rem;font-weight:600;line-height:1.45;color:var(--k24g-ink);transition:color .15s ease}.k24-guide .k24-faq summary::-webkit-details-marker{display:none}.k24-guide .k24-faq summary:after{content:"";flex:none;width:2rem;height:2rem;margin-top:.2rem;margin-inline-start:auto;background-color:var(--k24g-navy);-webkit-mask:var(--k24g-icon-plus) center / contain no-repeat;mask:var(--k24g-icon-plus) center / contain no-repeat;transition:transform .2s var(--k24g-ease)}.k24-guide .k24-faq details[open] summary:after{transform:rotate(45deg)}.k24-guide .k24-faq summary:hover{color:var(--k24g-navy)}.k24-guide .k24-faq details>:not(summary){margin:0 0 1.8rem;padding-inline-end:3.6rem}@media(prefers-reduced-motion:no-preference){.k24-guide .k24-faq details[open]>:not(summary){animation:k24g-reveal .24s var(--k24g-ease)}}@keyframes k24g-reveal{0%{opacity:0;transform:translateY(-4px)}}.k24-guide__band{margin-top:5.6rem;padding-top:3.2rem;border-top:1px solid var(--k24g-rule)}@media(min-width:750px){.k24-guide__band{margin-top:8rem;padding-top:4rem}}.k24-guide__band-title{margin:0 0 2.4rem;font-size:clamp(2.2rem,1.9rem + .8vw,2.8rem);font-weight:600;line-height:1.2;letter-spacing:-.025em}.k24-guide__collections{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:1.6rem;margin:0 calc(-1 * var(--bs-gutter-x, 1.5rem));padding:0 var(--bs-gutter-x, 1.5rem) .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bs-gutter-x, 1.5rem);scrollbar-width:none}.k24-guide__collections::-webkit-scrollbar{display:none}.k24-guide__collections>li{scroll-snap-align:start}@media(min-width:750px){.k24-guide__collections{grid-auto-flow:row;grid-template-columns:repeat(var(--k24g-cols, 3),minmax(0,1fr));gap:2.4rem;margin:0;padding:0;overflow:visible}}.k24-guide__collection{display:flex;flex-direction:column;color:var(--k24g-ink);text-decoration:none;transition:transform .16s ease-out}.k24-guide__collection:active{transform:scale(.98)}.k24-guide__collection-media{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--k24g-radius);background-color:var(--k24g-sand)}.k24-guide__collection-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--k24g-ease)}.k24-guide__collection-title{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;font-size:1.7rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;transition:color .15s ease}.k24-guide__collection-title:after{content:"";flex:none;width:1.6rem;height:1.6rem;background-color:currentColor;-webkit-mask:var(--k24g-icon-arrow) center / contain no-repeat;mask:var(--k24g-icon-arrow) center / contain no-repeat;transition:transform .2s var(--k24g-ease)}.k24-guide__collection-count{margin-top:.2rem;font-size:1.4rem;color:var(--k24g-muted)}@media(hover:hover)and (pointer:fine){.k24-guide__collection:hover .k24-guide__collection-media img{transform:scale(1.04)}.k24-guide__collection:hover .k24-guide__collection-title{color:var(--k24g-navy)}.k24-guide__collection:hover .k24-guide__collection-title:after{transform:translate(3px)}}.k24-guide__more{display:grid;margin:0;padding:0;list-style:none}@media(min-width:750px){.k24-guide__more{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4.8rem}}.k24-guide__more>li{border-bottom:1px solid var(--k24g-rule)}.k24-guide__more>li:first-child{border-top:1px solid var(--k24g-rule)}@media(min-width:750px){.k24-guide__more>li:nth-child(2){border-top:1px solid var(--k24g-rule)}}.k24-guide__more-link{position:relative;display:grid;gap:.4rem;height:100%;padding:2rem 4rem 2rem 0;color:var(--k24g-text);text-decoration:none}.k24-guide__more-link:after{content:"";position:absolute;inset-inline-end:.4rem;top:2.2rem;width:2rem;height:2rem;background-color:var(--k24g-navy);-webkit-mask:var(--k24g-icon-arrow) center / contain no-repeat;mask:var(--k24g-icon-arrow) center / contain no-repeat;transition:transform .2s var(--k24g-ease)}.k24-guide__more-title{font-size:1.7rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--k24g-ink);transition:color .15s ease}.k24-guide__more-teaser{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.45rem;line-height:1.55;color:var(--k24g-muted)}.k24-guide__more-meta{margin-top:.2rem;font-size:1.3rem;color:var(--k24g-muted)}@media(hover:hover)and (pointer:fine){.k24-guide__more-link:hover .k24-guide__more-title{color:var(--k24g-navy)}.k24-guide__more-link:hover:after{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.k24-guide *,.k24-guide *:before,.k24-guide *:after{transition-duration:.01ms!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/k24-guide-page.css.map */