.blog-index-page{--bx-sand: #EAE0CB;--bx-cream: #F8F7F2;--bx-warm-white: #fdfcf8;--bx-gold: #BB8F67;--bx-gold-deep: #9E764F;--bx-ink: #534645;--bx-ink-soft: #7A6E6D;--bx-line: rgba(83, 70, 69, .12)}.blog-index-page .breadcrumbs{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}.blog-index-page .blog-template__content{display:none}.blog-index-page .bx-hero{background:var(--bx-sand);padding:72px 24px 60px;text-align:center;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0}.blog-index-page .bx-hero__inner{max-width:640px;margin:0 auto}.blog-index-page .bx-hero__eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bx-gold);margin-bottom:16px;font-weight:600}.blog-index-page .bx-hero__title{font-size:clamp(2rem,4vw,2.6rem);font-weight:500;color:var(--bx-ink);margin:0 0 14px;line-height:1.15;letter-spacing:-.005em}.blog-index-page .bx-hero__subtitle{font-size:1.02rem;color:var(--bx-ink-soft);line-height:1.65;margin:0 auto;max-width:560px}.blog-index-page .bx-hero__divider{width:50px;height:1px;background:var(--bx-gold);margin:22px auto 0}.blog-index-page .bx-follow{background:var(--bx-sand);padding:36px 32px;border-radius:8px;text-align:center;max-width:720px;margin:56px auto 60px}.blog-index-page .bx-follow__inner{max-width:560px;margin:0 auto}.blog-index-page .bx-follow__body{font-size:.98rem;color:var(--bx-ink);line-height:1.65;margin:0}.blog-index-page .bx-follow__body p{margin:0}.blog-index-page .bx-follow__body a{color:var(--bx-gold-deep);text-decoration:underline;text-underline-offset:3px}.blog-index-page .bx-follow__body a:hover{color:var(--bx-ink)}@media(max-width:600px){.blog-index-page .bx-hero{padding:56px 20px 44px}.blog-index-page .bx-hero__subtitle{font-size:.97rem}.blog-index-page .bx-follow{padding:28px 22px;margin:44px 20px 40px}}.article-template--blog-tutorial{padding-top:0;margin-top:0}.article-template--blog-tutorial .article-template__breadcrumbs{display:none}.article-template--blog-tutorial .article-template__wrapper,.article-template--blog-tutorial .article-template__wrapper-content,.article-template--blog-tutorial .article-template__content{padding-top:0;margin-top:0}.blog-article__image{display:block;aspect-ratio:4/5;overflow:hidden}.blog-article__image img,.blog-article__image picture,.blog-article__image .rimg-loaded{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.blog-tutorial{--cream: #F8F7F2;--warm-white: #fdfcf8;--sage: #D7E0D6;--gold: #BB8F67;--gold-light: #c9a57e;--dark: #534645;--text: #534645;--text-light: #7a6e6d;--blush: #e8ebe7;--sand: #EAE0CB;font-family:Outfit,sans-serif;font-weight:300;color:var(--text);line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}.blog-tutorial *{box-sizing:border-box}.blog-tutorial .hh-hero{background:var(--sand);padding:80px 24px 460px;text-align:center;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.blog-tutorial .hh-hero-inner{max-width:680px;margin:0 auto}.blog-tutorial .hh-hero-label{font-family:Outfit,sans-serif;font-weight:500;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.blog-tutorial .hh-hero h1{font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(2rem,4.5vw,3rem);color:var(--dark);line-height:1.2;margin-bottom:20px}.blog-tutorial .hh-hero-subtitle{font-size:1.05rem;color:var(--text-light);max-width:520px;margin:0 auto;line-height:1.7}.blog-tutorial .hh-hero-divider{width:60px;height:1px;background:var(--gold);margin:28px auto 0}.blog-tutorial .hh-hero-image{max-width:425px;margin:-380px auto 60px;padding:0 24px;position:relative;z-index:2}.blog-tutorial .hh-hero-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 24px 60px #2c24202e;display:block}.blog-tutorial .hh-content{max-width:680px;margin:0 auto;padding:60px 24px 80px}.blog-tutorial .hh-content h3{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.3rem;color:var(--dark);margin:36px 0 14px;line-height:1.3}.blog-tutorial .hh-content h4{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.1rem;color:var(--dark);margin:28px 0 12px;font-style:italic}.blog-tutorial .hh-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 28px;border-radius:6px;border:1px solid var(--sage);background:var(--warm-white)}@media(max-width:600px){.blog-tutorial .hh-table-wrap{margin-left:-20px;margin-right:-20px;border-radius:0;border-left:none;border-right:none}}.blog-tutorial .hh-content table{width:100%;min-width:520px;border-collapse:collapse;margin:0;font-size:.92rem;background:var(--warm-white)}.blog-tutorial .hh-content table th,.blog-tutorial .hh-content table td{padding:8px 10px;border-bottom:1px solid rgba(83,70,69,.08);border-right:1px solid rgba(83,70,69,.08);text-align:left;vertical-align:top;white-space:nowrap}.blog-tutorial .hh-content table tr:first-child td,.blog-tutorial .hh-content table th{background:var(--sage);color:var(--dark);font-weight:500}.blog-tutorial .hh-content table td:last-child,.blog-tutorial .hh-content table th:last-child{border-right:none}.blog-tutorial .hh-content table tr:last-child td{border-bottom:none}@media(max-width:600px){.blog-tutorial .hh-content table{font-size:.85rem}.blog-tutorial .hh-content table th,.blog-tutorial .hh-content table td{padding:6px 8px}}.blog-tutorial .hh-content ol{padding-left:24px;margin:16px 0 24px}.blog-tutorial .hh-content ol li{margin-bottom:14px;padding-left:4px;line-height:1.7}.blog-tutorial .hh-content ol li::marker{color:var(--gold);font-weight:600}.blog-tutorial .hh-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0 36px}.blog-tutorial .hh-photo-gallery img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px #2c242014;display:block}.blog-tutorial .hh-intro p{font-size:1.05rem;margin-bottom:1.2em;color:var(--text)}.blog-tutorial .hh-intro a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.blog-tutorial .hh-intro a:hover{color:var(--dark)}.blog-tutorial .hh-comparison{margin:24px 0 32px;text-align:center}.blog-tutorial .hh-comparison img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 24px #2c242014}.blog-tutorial .hh-supply-box{background:var(--warm-white);border:2px solid var(--sage-border);border-radius:12px;padding:32px 36px;margin:36px 0 44px}.blog-tutorial .hh-supply-box h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.4rem;color:var(--dark);margin-bottom:16px}.blog-tutorial .hh-supply-box ul{list-style:none;padding:0}.blog-tutorial .hh-supply-box li{padding:6px 0 6px 28px;position:relative;color:var(--text)}.blog-tutorial .hh-supply-box li:before{content:"~";position:absolute;left:4px;color:var(--gold);font-weight:500}.blog-tutorial .hh-section-header{margin:56px 0 28px;text-align:center}.blog-tutorial .hh-section-header h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.7rem;color:var(--dark);margin-bottom:8px}.blog-tutorial .hh-section-divider{width:40px;height:1px;background:var(--gold);margin:0 auto}.blog-tutorial .hh-change-box{background:var(--warm-white);border-left:3px solid var(--gold);padding:28px 32px;margin:36px 0 44px;border-radius:0 8px 8px 0}.blog-tutorial .hh-change-box h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.4rem;color:var(--dark);margin-bottom:14px}.blog-tutorial .hh-change-box p{font-size:1rem;margin-bottom:.9em;color:var(--text)}.blog-tutorial .hh-change-box p:last-child{margin-bottom:0}.blog-tutorial .hh-step{margin-bottom:44px;scroll-margin-top:80px}.blog-tutorial .hh-step-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.blog-tutorial .hh-step-number{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#fff;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:center}.blog-tutorial .hh-step h3{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.35rem;color:var(--dark);line-height:1.3}.blog-tutorial .hh-step p{margin-bottom:1em;font-size:1.02rem}.blog-tutorial .hh-step-figure{margin:24px 0 48px;text-align:center}.blog-tutorial .hh-step-figure img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 8px 30px #2c242014;display:inline-block}.blog-tutorial .hh-whats-next{background:var(--sage);border-radius:16px;padding:44px 36px;text-align:center;margin:48px 0 36px}.blog-tutorial .hh-whats-next h2{font-family:Cormorant Garamond,serif;font-weight:400;font-size:1.8rem;color:var(--dark);margin-bottom:14px}.blog-tutorial .hh-whats-next p{font-size:1rem;color:var(--text);max-width:520px;margin:0 auto 16px}.blog-tutorial .hh-whats-next p:last-child{margin-bottom:0}.blog-tutorial .hh-whats-next .hh-part2-link{display:inline-block;margin-top:8px;font-style:italic;color:var(--text-light);font-size:.95rem}.blog-tutorial .hh-whats-next a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.blog-tutorial .hh-whats-next a:hover{color:var(--dark)}.blog-tutorial.blog-tutorial--landscape-hero .hh-hero{padding:80px 24px 240px}.blog-tutorial.blog-tutorial--landscape-hero .hh-hero-image{max-width:760px;margin:-200px auto 48px}@media(max-width:600px){.blog-tutorial.blog-tutorial--landscape-hero .hh-hero{padding:60px 20px 180px}.blog-tutorial.blog-tutorial--landscape-hero .hh-hero-image{max-width:90%;margin-top:-150px;margin-bottom:32px}}.blog-tutorial .hh-pattern-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;margin:56px 0;scroll-margin-top:80px}.blog-tutorial .hh-pattern-card__image img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 28px #2c24201a;display:block}.blog-tutorial .hh-pattern-card__content h3{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.3rem;color:var(--dark);margin:0 0 12px;line-height:1.3}.blog-tutorial .hh-pattern-card__content p{margin:0 0 14px;font-size:1rem;line-height:1.65}.blog-tutorial .hh-pattern-card__meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:12.5px;letter-spacing:.03em;color:var(--ink-soft);margin-top:14px}.blog-tutorial .hh-pattern-card__level:before{content:"\25c6";color:var(--gold);margin-right:6px;font-size:9px;vertical-align:2px}.blog-tutorial .hh-pattern-card__price{color:var(--text);font-weight:500}.blog-tutorial .hh-pattern-card__link{color:var(--gold);text-decoration:underline;text-underline-offset:3px;letter-spacing:.04em}.blog-tutorial .hh-pattern-card__link:hover{color:var(--dark)}.blog-tutorial .hh-pattern-card__credit{font-size:11.5px;color:var(--text-light);font-style:italic;margin-top:8px}.blog-tutorial .hh-pattern-card__credit a{color:inherit}@media(max-width:600px){.blog-tutorial .hh-pattern-card{grid-template-columns:1fr;gap:16px;margin:44px 0}}.blog-tutorial .hh-pin-section{text-align:center;margin:36px 0}.blog-tutorial .hh-pin-eyebrow{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}.blog-tutorial .hh-pin-cta{position:relative;display:inline-block;max-width:360px;overflow:hidden;border-radius:10px;box-shadow:0 8px 24px #2c24201f;cursor:pointer;text-decoration:none}.blog-tutorial .hh-pin-cta img{width:100%;height:auto;display:block;transition:transform .3s ease}.blog-tutorial .hh-pin-cta:hover img{transform:scale(1.03)}.blog-tutorial .hh-pin-overlay{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#e60023;color:#fff;padding:9px 18px 9px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:13px;letter-spacing:.04em;font-weight:500;box-shadow:0 4px 14px #00000040;transition:background .2s}.blog-tutorial .hh-pin-cta:hover .hh-pin-overlay{background:#c8001b}.blog-tutorial .hh-pin-overlay svg{width:16px;height:16px;fill:currentColor}.blog-tutorial .hh-content img:not([data-no-lightbox]){cursor:zoom-in}.bt-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2420f0;display:none;align-items:center;justify-content:center;z-index:9999;padding:40px;cursor:zoom-out;animation:bt-fade .18s ease}.bt-lightbox.open{display:flex}.bt-lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 30px 80px #0009;border-radius:4px;transition:opacity .18s ease}.bt-lightbox__close{position:absolute;top:24px;right:24px;width:44px;height:44px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:24px;font-family:serif;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.bt-lightbox__close:hover{background:#ffffff38}body.bt-lightbox-open{overflow:hidden}@keyframes bt-fade{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.bt-lightbox{padding:20px}.bt-lightbox__close{top:16px;right:16px;width:38px;height:38px}}.blog-tutorial .hh-more-tutorials{border-top:1px solid var(--sage);padding:36px 0 0;margin-top:28px}.blog-tutorial .hh-more-tutorials h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.4rem;color:var(--dark);margin-bottom:14px}.blog-tutorial .hh-more-tutorials p{font-size:1rem;margin-bottom:.9em;color:var(--text)}.blog-tutorial .hh-more-tutorials a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.blog-tutorial .hh-more-tutorials a:hover{color:var(--dark)}.blog-tutorial .hh-credit{text-align:center;font-style:italic;font-size:.9rem;color:var(--text-light);padding:36px 24px 0;max-width:520px;margin:0 auto}.blog-tutorial .hh-post-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--sage);margin-top:40px}.blog-tutorial .hh-post-footer p{font-size:.9rem;color:var(--text-light)}.blog-tutorial .hh-post-footer a{color:var(--gold);text-decoration:none}@media(max-width:600px){.blog-tutorial .hh-hero{padding:60px 20px 340px}.blog-tutorial .hh-hero-image{max-width:75%;margin-top:-300px;margin-bottom:40px}.blog-tutorial .hh-content{padding:40px 20px 60px}.blog-tutorial .hh-supply-box,.blog-tutorial .hh-change-box{padding:24px}.blog-tutorial .hh-whats-next{padding:32px 24px}.blog-tutorial .hh-step-header{gap:12px}.blog-tutorial .hh-step-number{width:38px;height:38px;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/blog-tutorial.css.map */