:root{color-scheme:light;--blog-paper:#faf8f5;--blog-ink:#1c1917;--blog-muted:#6b635c;--blog-line:#ded8cf;--blog-accent:#a65c08;--blog-soft:#f0e9df;--blog-white:#fff;--blog-display:"Outfit",sans-serif;--blog-body:"Plus Jakarta Sans",sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--blog-paper);color:var(--blog-ink);font-family:var(--blog-body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--blog-accent);outline-offset:5px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--blog-display);line-height:1.16;letter-spacing:-.025em;font-weight:600}
h1,h2,h3,p,ul,ol,figure{margin-top:0}
.blog-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.blog-skip{position:absolute;left:16px;top:-100px;padding:10px 18px;background:var(--blog-ink);color:#fff;z-index:10}
.blog-skip:focus{top:12px}
.blog-site-header{border-bottom:1px solid var(--blog-line)}
.blog-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.blog-logo{font-family:var(--blog-display);font-size:29px;font-weight:800;line-height:.85;letter-spacing:-1px;text-decoration:none}
.blog-logo span{display:block;margin-top:7px;font-size:10px;font-weight:500;letter-spacing:6.3px}
.blog-nav nav,.blog-site-footer nav{display:flex;align-items:center;gap:28px}
.blog-nav nav a{font-size:13px;font-weight:600;text-decoration:none}
.blog-nav nav a[aria-current=true]{color:var(--blog-accent)}
.blog-shop-link{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--blog-line);padding-bottom:5px}
.blog-shop-link span{margin-left:10px}
.blog-breadcrumb{margin-block:30px 46px;font-size:11px;color:var(--blog-muted)}
.blog-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none}
.blog-breadcrumb li:not(:last-child)::after{content:"/";padding-left:12px;color:#a59d94}
.blog-breadcrumb li:last-child{max-width:100%;overflow-wrap:anywhere}
.blog-breadcrumb a{text-decoration:none}
.blog-eyebrow{margin-bottom:14px;color:var(--blog-accent);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.blog-index-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-bottom:1px solid var(--blog-line);padding-bottom:36px;margin-bottom:38px}
.blog-index-heading h1{font-size:clamp(46px,6vw,72px);line-height:1;margin:0;letter-spacing:-.055em}
.blog-index-heading>p{margin:0 2px 2px 0;color:var(--blog-muted);font-size:14px;line-height:1.8}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.blog-card{min-width:0;border-bottom:1px solid var(--blog-line)}
.blog-card-link{height:100%;display:flex;flex-direction:column;text-decoration:none}
.blog-card-image{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--blog-soft)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.blog-card-link:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-copy{display:flex;flex-direction:column;flex:1;padding:20px 0 24px}
.blog-card h2{font-size:25px;margin:0 0 12px;overflow-wrap:anywhere}
.blog-card-link:hover h2{color:var(--blog-accent)}
.blog-meta{font-size:10px;color:var(--blog-muted);margin-bottom:10px}
.blog-card-excerpt{font-size:12px;line-height:1.85;color:var(--blog-muted);margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-read-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-top:auto;padding-top:5px}
.blog-read-link span{font-size:20px;color:var(--blog-accent)}
.blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--blog-line);padding-block:26px;margin-top:24px;font-size:12px}
.blog-pagination a{font-weight:600;text-decoration:none}
.blog-pagination a:last-child{text-align:right}
.blog-pagination>span{color:var(--blog-muted)}
.blog-empty{max-width:580px;padding:20px 0 64px}
.blog-empty h2{font-size:28px}
.blog-empty p,.blog-error>p:not(.blog-eyebrow){color:var(--blog-muted)}
.blog-button{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:9px 21px;border-radius:4px;background:var(--blog-ink);color:#fff;text-decoration:none;font-size:12px;font-weight:600}
.blog-article{max-width:780px;margin-inline:auto}
.blog-article-heading{padding:0 0 32px}
.blog-article-heading h1{font-size:clamp(34px,4.8vw,58px);line-height:1.08;letter-spacing:-.04em;margin-bottom:24px;overflow-wrap:anywhere}
.blog-standfirst{font-size:18px;font-weight:400;line-height:1.8;color:var(--blog-muted);margin-bottom:26px}
.blog-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:11px;color:var(--blog-muted)}
.blog-byline>span:first-child{color:var(--blog-ink);font-weight:700}
.blog-byline>span+span::before{content:"·";margin-right:18px;color:var(--blog-accent)}
.blog-update{font-size:10px;color:var(--blog-muted);margin:8px 0 0}
.blog-cover{margin:0 0 38px;overflow:hidden;border-radius:4px;background:var(--blog-soft)}
.blog-cover img{width:100%;height:auto;max-height:720px;object-fit:contain}
.blog-prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere}
.blog-prose p{margin-bottom:24px}
.blog-prose h2{font-size:32px;margin-block:46px 18px;padding-top:5px}
.blog-prose h3{font-size:24px;margin-block:32px 16px}
.blog-prose h4{font-size:20px;margin-block:28px 14px}
.blog-prose a{color:var(--blog-accent);text-decoration-thickness:1px}
.blog-prose ul,.blog-prose ol{padding-left:25px;margin-bottom:26px}
.blog-prose li{padding-left:4px;margin-bottom:8px}
.blog-prose li::marker{color:var(--blog-accent)}
.blog-prose blockquote{margin:32px 0;padding:16px 24px;border-left:3px solid var(--blog-accent);background:var(--blog-soft);font-size:18px}
.blog-prose blockquote p:last-child{margin-bottom:0}
.blog-prose pre{overflow:auto;padding:18px;background:var(--blog-soft);font-size:13px;border-radius:4px}
.blog-prose code{font-size:.9em;background:var(--blog-soft);padding:2px 4px;border-radius:2px}
.blog-prose pre code{padding:0}
.blog-prose hr{border:0;border-top:1px solid var(--blog-line);margin-block:38px}
.blog-prose img{max-width:100%;margin-block:24px;border-radius:3px}
.blog-article-section{margin-top:40px;border-top:1px solid var(--blog-line);padding-top:28px}
.blog-article-section>h2{font-size:28px;margin-bottom:24px}
.blog-faq>div+div{margin-top:24px}
.blog-faq h3{font-size:20px;margin-bottom:10px}
.blog-faq p{font-size:14px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.blog-reference-list{padding-left:20px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.blog-reference-list li+li{margin-top:10px}
.blog-reference-list a{color:var(--blog-accent)}
.blog-reference-list span{display:inline-block;margin-left:3px;text-decoration:none}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.blog-tags span{border:1px solid var(--blog-line);border-radius:4px;padding:4px 10px;font-size:10px;color:var(--blog-muted)}
.blog-article-end{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--blog-line);padding-top:26px;margin-top:36px;font-size:12px;font-weight:700}
.blog-article-end a{text-decoration:none}
.blog-site-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--blog-line);padding-block:30px;margin-top:80px;font-size:11px;color:var(--blog-muted)}
.blog-site-footer a{text-decoration:none}
.blog-footer-brand{font-weight:700;color:var(--blog-ink)}
.blog-error{padding-block:90px 40px;min-height:55vh}
.blog-error h1{font-size:clamp(32px,5vw,54px);margin-bottom:20px}
@media(min-width:1000px){.blog-article-heading{border-left:3px solid var(--blog-accent);padding-left:28px;margin-left:-31px}.blog-article-page .blog-breadcrumb{margin-bottom:52px}}
@media(max-width:850px){.blog-shell{width:calc(100% - 40px)}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-nav{min-height:80px;gap:22px}.blog-nav nav{gap:20px}.blog-shop-link{display:none}.blog-standfirst{font-size:17px}}
@media(max-width:560px){.blog-shell{width:calc(100% - 36px)}.blog-nav{gap:20px}.blog-logo{font-size:25px}.blog-logo span{font-size:9px;letter-spacing:5.3px}.blog-nav nav{gap:14px}.blog-nav nav a{font-size:11px;min-height:44px;display:inline-flex;align-items:center}.blog-breadcrumb{margin-block:22px 32px}.blog-index-heading{display:block;padding-bottom:26px;margin-bottom:28px}.blog-index-heading>p{margin-top:20px;font-size:12px}.blog-index-heading>p br{display:none}.blog-card-grid{grid-template-columns:minmax(0,1fr);gap:30px}.blog-card-image{aspect-ratio:3/2}.blog-card h2{font-size:27px}.blog-card-copy{padding-top:17px}.blog-card-excerpt{font-size:13px}.blog-article-heading{padding-bottom:25px}.blog-article-heading h1{font-size:35px}.blog-standfirst{font-size:16px;margin-bottom:22px}.blog-byline{gap:6px 12px;font-size:10px}.blog-byline>span+span::before{margin-right:12px}.blog-cover{margin-bottom:28px}.blog-prose{font-size:15px;line-height:1.95}.blog-prose h2{font-size:28px;margin-top:34px}.blog-prose h3{font-size:23px}.blog-prose blockquote{padding:14px 18px;font-size:16px}.blog-article-section>h2{font-size:25px}.blog-site-footer{display:block;margin-top:54px;padding-block:25px}.blog-site-footer nav{gap:22px;margin-top:15px}.blog-article-end{font-size:11px;gap:14px}.blog-pagination{gap:12px;font-size:11px}.blog-empty{padding-bottom:30px}.blog-error{padding-top:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}