:root{--ink:#1c1917;--ink-soft:#292524;--body:#292524;--muted:#57534e;--line:#e7e5e4;--paper:#ffffff;--soft:#fff7ed;--softer:#fafaf9;--accent:#c2410c;--accent-dark:#9a3412;--earth:#0e7490;--earth-soft:#ecfeff;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(28,25,23,.05),0 1px 2px rgba(28,25,23,.07);--shadow-lg:0 20px 50px rgba(28,25,23,.14);--font-serif:"Lora","PT Serif","Source Serif 4","Source Serif Pro",Charter,"Bitstream Charter",Cambria,Georgia,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--container:1180px;--container-narrow:720px;--gutter:clamp(1.75rem,6vw,2.5rem)} *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}} body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.65;color:var(--body);background:var(--softer);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} img,svg,video{max-width:100%;height:auto;display:block} a{color:var(--accent-dark);text-decoration:none;transition:color .15s} a:hover{color:var(--accent);text-decoration:underline} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px} h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--ink);line-height:1.25;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em} h1{font-size:clamp(1.85rem,4vw,2.6rem)} h2{font-size:clamp(1.5rem,3vw,2rem)} h3{font-size:clamp(1.2rem,2.4vw,1.45rem)} p{margin:0 0 1.1em} hr{border:0;border-top:1px solid var(--line);margin:2rem 0} code{background:var(--soft);padding:.15em .35em;border-radius:4px;font-size:.9em} .skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:0 0 6px 6px;z-index:100000} .skip-link:focus{left:1rem;color:#fff} .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)} .wrap--narrow{max-width:var(--container-narrow)} .eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);font-weight:700} .btn{display:inline-block;padding:.7rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s;text-decoration:none} .btn:hover{text-decoration:none;transform:translateY(-1px)} .btn-primary{background:var(--accent);color:#fff} .btn-primary:hover{background:var(--accent-dark);color:#fff} .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)} .btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark)} .site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);z-index:100;border-bottom:1px solid var(--line);transition:box-shadow .2s} .site-header.is-scrolled{box-shadow:0 2px 8px rgba(28,25,23,.06)} .site-header__inner{display:flex;align-items:center;justify-content:flex-start;gap:0;padding-top:.9rem;padding-bottom:.9rem} .site-logo,.custom-logo-link{display:flex;align-items:center;flex:0 1 auto;min-width:0;margin-right:auto;text-decoration:none} .site-logo{gap:.6rem;color:var(--ink);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;font-family:var(--font-serif)} .site-logo span{min-width:0;white-space:nowrap} .site-logo:hover{color:var(--accent-dark);text-decoration:none} .site-logo svg{width:36px;height:36px;flex:0 0 36px} .custom-logo-link img,.custom-logo{display:block;width:auto;height:auto;max-width:260px;max-height:48px;object-fit:contain} .primary-nav{display:none} .primary-nav .primary-menu{display:flex;align-items:center;gap:1.15rem;list-style:none;margin:0;padding:0} .primary-nav li{position:relative} .primary-nav a{display:inline-flex;align-items:center;gap:.42rem;color:var(--ink);font-weight:600;font-size:.92rem;padding:.5rem 0;position:relative;white-space:nowrap} .menu-link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--accent);line-height:0} .menu-link-icon svg{display:block;width:18px;height:18px} .menu-link-label{min-width:0} .primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current-menu-ancestor>a{color:var(--accent-dark);text-decoration:none} .primary-nav>.primary-menu>.menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.1rem} .primary-nav .sub-menu{position:absolute;top:calc(100%+.45rem);left:50%;z-index:20;width:min(560px,76vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0;padding:.65rem;list-style:none;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:var(--radius);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .15s,transform .15s,visibility .15s} .primary-nav .menu-item-has-children:hover .sub-menu,.primary-nav .menu-item-has-children:focus-within .sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)} .primary-nav .sub-menu a{width:100%;min-height:44px;padding:.55rem .65rem;border-radius:var(--radius-sm);font-size:.84rem;white-space:normal} .primary-nav .sub-menu .menu-link-icon svg{width:21px;height:21px} .primary-nav .sub-menu a:hover,.primary-nav .sub-menu .current-menu-item>a{background:var(--soft)} .nav-cta{display:none;margin-left:.65rem;white-space:nowrap} .menu-toggle{display:inline-flex;align-items:center;flex:0 0 auto;gap:.4rem;margin-left:.6rem;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:inherit;font-size:.9rem;cursor:pointer;color:var(--ink);white-space:nowrap} .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-dark);background:var(--soft)} .hpd-mobile-nav[hidden]{display:none !important} .hpd-mobile-nav{position:fixed;inset:0;z-index:100000;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease} .hpd-mobile-nav.is-open{visibility:visible;opacity:1;pointer-events:auto} .hpd-mobile-nav__backdrop{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(28,25,23,.68);cursor:default} .hpd-mobile-nav__panel{position:absolute;top:0;right:0;z-index:2;width:min(390px,calc(100% - 18px));height:100%;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--body);background:#fff;box-shadow:-16px 0 38px rgba(28,25,23,.24);transform:translateX(102%);transition:transform .22s ease} .hpd-mobile-nav.is-open .hpd-mobile-nav__panel{transform:translateX(0)} .hpd-mobile-nav__top{min-height:72px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:.75rem;padding:max(.8rem,env(safe-area-inset-top)) .9rem .8rem;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,var(--soft) 100%)} .hpd-mobile-nav__brand{display:flex;align-items:center;gap:.65rem;min-width:0} .hpd-mobile-nav__brand>span:last-child{display:grid;min-width:0} .hpd-mobile-nav__brand strong{overflow:hidden;color:var(--ink);font-family:var(--font-serif);font-size:.98rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} .hpd-mobile-nav__brand small{margin-top:.1rem;color:var(--muted);font-size:.7rem;line-height:1.3} .hpd-mobile-nav__mark{flex:0 0 36px;width:36px;height:36px} .hpd-mobile-nav__mark svg{width:36px;height:36px} .hpd-mobile-nav__close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer} .hpd-mobile-nav__close:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--soft)} .hpd-mobile-nav__body{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.75rem .8rem 1rem;background:#fff;-webkit-overflow-scrolling:touch} .hpd-mobile-nav__list,.hpd-mobile-nav__list ul,.hpd-mobile-nav__body>ul,.hpd-mobile-nav__body>ul ul{list-style:none;margin:0;padding:0} .hpd-mobile-nav__list>li,.hpd-mobile-nav__body>ul>li{position:relative} .hpd-mobile-nav__list>li+li,.hpd-mobile-nav__body>ul>li+li{margin-top:.3rem} .hpd-mobile-nav__list>li>a,.hpd-mobile-nav__body>ul>li>a{display:flex;align-items:center;gap:.68rem;min-height:48px;padding:.58rem .65rem;color:var(--ink);border:1px solid transparent;border-radius:10px;background:#fff;font-size:.92rem;font-weight:650;text-decoration:none} .hpd-mobile-nav__list>.menu-item-has-children>a,.hpd-mobile-nav__body>ul>.menu-item-has-children>a{padding-right:3.1rem} .hpd-mobile-nav__list>li>a:hover,.hpd-mobile-nav__list>.current-menu-item>a,.hpd-mobile-nav__list>.current-menu-ancestor>a,.hpd-mobile-nav__body>ul>li>a:hover{color:var(--accent-dark);border-color:#fed7aa;background:var(--soft)} .hpd-mobile-nav__list>li>a .menu-link-icon,.hpd-mobile-nav__body>ul>li>a .menu-link-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px;background:var(--soft)} .hpd-mobile-nav__list>li>a .menu-link-icon svg,.hpd-mobile-nav__body>ul>li>a .menu-link-icon svg{width:20px;height:20px} .hpd-mobile-submenu-toggle{position:absolute;top:6px;right:6px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);cursor:pointer} .hpd-mobile-submenu-toggle:hover,.hpd-mobile-submenu-toggle[aria-expanded="true"]{background:#ffedd5;color:var(--accent-dark)} .hpd-mobile-submenu-toggle svg{width:18px;height:18px;transition:transform .18s ease} .hpd-mobile-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)} .hpd-mobile-nav .sub-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:.35rem 0 .65rem;padding:0 .1rem} .hpd-mobile-nav .sub-menu[hidden]{display:none !important} .hpd-mobile-nav .sub-menu a{display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .52rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.76rem;font-weight:600;line-height:1.22;text-decoration:none} .hpd-mobile-nav .sub-menu a:hover,.hpd-mobile-nav .sub-menu .current-menu-item>a{border-color:#fdba74;background:var(--soft);color:var(--accent-dark)} .hpd-mobile-nav .sub-menu .menu-link-icon{flex:0 0 24px;width:24px;height:24px} .hpd-mobile-nav .sub-menu .menu-link-icon svg{width:19px;height:19px} .hpd-mobile-nav__footer{flex:0 0 auto;padding:.72rem .8rem max(.72rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff} .hpd-mobile-nav__cta{display:flex;align-items:center;gap:.68rem;padding:.68rem .75rem;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none} .hpd-mobile-nav__cta:hover{background:var(--accent-dark);color:#fff;text-decoration:none} .hpd-mobile-nav__cta .menu-link-icon{width:34px;height:34px;color:#fff;border-radius:8px;background:rgba(255,255,255,.14)} .hpd-mobile-nav__cta .menu-link-icon svg{width:20px;height:20px} .hpd-mobile-nav__cta>span:last-child{display:grid} .hpd-mobile-nav__cta strong{font-size:.86rem;line-height:1.2} .hpd-mobile-nav__cta small{margin-top:.1rem;color:rgba(255,255,255,.82);font-size:.68rem;line-height:1.25} body.hpd-mobile-nav-open{overflow:hidden;touch-action:none} @media (min-width:1040px){.primary-nav{display:block;margin-left:auto} .nav-cta{display:inline-block} .menu-toggle{display:none} .hpd-mobile-nav{display:none !important}} @media (max-width:1039px){.site-header__inner.wrap{width:100%;max-width:none;min-height:76px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-top:.68rem;padding-bottom:.68rem} .site-logo{flex:1 1 auto;margin-right:0;gap:.45rem;font-size:1rem;overflow:hidden} .site-logo span{overflow:hidden;text-overflow:ellipsis} .site-logo svg{width:34px;height:34px;flex-basis:34px} .custom-logo-link{flex:1 1 auto;margin-right:0;overflow:hidden} .custom-logo-link img,.custom-logo{max-width:min(205px,52vw);max-height:46px} .menu-toggle{margin-left:.45rem;padding:.5rem .62rem}} @media (max-width:430px){.menu-toggle{width:42px;height:42px;justify-content:center;padding:0} .menu-toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}} @media (max-width:380px){.site-header__inner.wrap{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))} .site-logo{font-size:.92rem;gap:.38rem} .site-logo svg{width:31px;height:31px;flex-basis:31px} .custom-logo-link img,.custom-logo{max-width:min(176px,49vw);max-height:40px} .hpd-search-toggle{margin-left:.3rem} .menu-toggle{margin-left:.3rem} .hpd-mobile-nav .sub-menu{grid-template-columns:1fr} .hpd-mobile-nav__brand small{display:none}} .hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,5vw,3.5rem);background:linear-gradient(180deg,var(--soft) 0%,var(--softer) 100%);border-bottom:1px solid var(--line)} .hero__inner{max-width:760px} .hero h1{font-size:clamp(2.1rem,5vw,3.2rem);margin-bottom:.75rem} .hero__lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--ink-soft);margin:0 0 1.5rem;line-height:1.55} .hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap} .page-hero{padding:clamp(2rem,5vw,3rem) 0 clamp(1.5rem,3vw,2rem);background:var(--soft);border-bottom:1px solid var(--line)} .page-hero h1{margin-bottom:.5rem} .page-hero p{color:var(--ink-soft);margin:0;max-width:720px} .archive-description{max-width:720px} .archive-description p{margin-bottom:0} .archive-description p+p{margin-top:.65rem} .section{padding:clamp(2rem,5vw,3.5rem) 0;background:var(--paper)} .section-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem} .section-head h2{margin:0} .section-head p{margin:.35rem 0 0;color:var(--muted);max-width:720px} .section-head__link{font-weight:600;font-size:.9rem} .post-grid{display:grid;grid-template-columns:1fr;gap:1.5rem} @media (min-width:600px){.post-grid{grid-template-columns:1fr 1fr}} @media (min-width:960px){.post-grid{grid-template-columns:repeat(3,1fr)}} .post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s} .post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)} .post-card__thumb{aspect-ratio:16 / 9;background:var(--soft);overflow:hidden;position:relative} .post-card__thumb img{width:100%;height:100%;object-fit:cover} .post-card__thumb--placeholder{background:linear-gradient(135deg,var(--accent) 0%,#fb923c 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-size:2.5rem;font-weight:700;opacity:.92} .post-card__body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1} .post-card__cat{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);font-weight:700} .post-card__title{font-size:1.2rem;line-height:1.3;margin:0} .post-card__title a{color:inherit} .post-card__title a:hover{color:var(--accent-dark);text-decoration:none} .post-card__excerpt{color:var(--body);margin:0;font-size:.95rem;flex:1} .post-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--muted);margin-top:.25rem} .post-featured{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} @media (min-width:760px){.post-featured{grid-template-columns:5fr 6fr}} .post-featured__thumb{aspect-ratio:16 / 9;background:var(--soft);overflow:hidden} .post-featured__thumb img{width:100%;height:100%;object-fit:cover} .post-featured__thumb--placeholder{background:linear-gradient(135deg,var(--accent) 0%,#fb923c 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-size:4rem;font-weight:700} .post-featured__body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.6rem;justify-content:center} .post-featured__title{font-size:clamp(1.5rem,3vw,1.85rem);margin:0} .post-featured__title a{color:inherit} .post-featured__excerpt{color:var(--body);font-size:1rem;margin:0} .cat-pill{display:inline-block;padding:.2rem .6rem;border-radius:30px;background:var(--soft);color:var(--accent-dark);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;text-decoration:none} .cat-pill:hover{background:var(--accent);color:#fff;text-decoration:none} .cat-grid{display:grid;grid-template-columns:1fr;gap:.75rem} @media (min-width:600px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1100px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} .cat-card{display:flex;align-items:center;gap:.8rem;min-height:0;padding:.85rem .95rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s} .cat-card__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex:0 0 52px;margin:0;color:var(--accent);border-radius:12px;background:var(--soft);line-height:0} .cat-grid>.cat-card .cat-card__icon>svg{width:31px !important;height:31px !important;min-width:31px !important;max-width:31px !important;max-height:31px !important;flex:0 0 31px} .cat-card>div,.cat-card__content{min-width:0} .cat-card:hover{transform:translateY(-2px);border-color:#fdba74;box-shadow:var(--shadow);text-decoration:none} .cat-card h3{margin:0 0 .12rem;color:var(--accent-dark);font-size:1.03rem;line-height:1.25} .cat-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.78rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2} .home-category-section{padding-top:2rem;padding-bottom:2rem} .home-category-section .section-head{margin-bottom:1rem} .category-explore{background:var(--soft);padding-top:1.6rem;padding-bottom:1.6rem} .category-explore__wrap{max-width:var(--container)} .category-explore .section-head{margin-bottom:.75rem} .category-explore .section-head h2{font-size:clamp(1.45rem,2.4vw,1.9rem)} .category-explore .section-head p{max-width:760px;font-size:.95rem} .cat-grid--compact{gap:.6rem} .cat-card--compact{display:flex;align-items:flex-start;gap:.6rem;min-height:0;padding:.65rem .75rem} .cat-card__content{display:block;min-width:0} .cat-card__icon--compact{width:36px;height:36px;flex:0 0 36px;margin:0;align-items:center;justify-content:center;border-radius:10px;background:var(--soft)} .cat-grid--compact>.cat-card--compact .cat-card__icon--compact>svg{width:22px !important;height:22px !important;min-width:22px !important;max-width:22px !important;max-height:22px !important;flex:0 0 22px} .cat-card--compact h3{margin:0 0 .08rem;font-size:.9rem;line-height:1.24} .cat-card--compact p{margin:0;font-size:.8rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} @media (min-width:680px){.cat-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1100px){.cat-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:679px){.category-explore{padding-top:1.35rem;padding-bottom:1.35rem} .category-explore .section-head{margin-bottom:.7rem} .cat-card--compact{padding:.65rem .72rem}} .single-layout{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-top:2rem;padding-bottom:3rem} @media (min-width:1024px){.single-layout{grid-template-columns:minmax(0,1fr) 300px;gap:3rem}} .single-post-main{min-width:0} .single-post-header{margin-bottom:1.5rem} .single-post-header__meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:.75rem;align-items:center} .single-post-header__meta a{color:var(--accent-dark);font-weight:600} .single-post-header h1{font-size:clamp(2rem,4.5vw,2.8rem);margin-bottom:.5rem} .single-post-header__lead{font-size:1.15rem;color:var(--ink-soft);margin:0;line-height:1.55} .single-post-thumb{aspect-ratio:16 / 9;background:var(--soft);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem} .single-post-thumb img{width:100%;height:100%;object-fit:cover} .single-post-content{font-size:1.05rem;line-height:1.75;color:var(--body);max-width:720px} .single-post-content h2{margin-top:2rem;margin-bottom:.75rem;color:var(--ink)} .single-post-content h3{margin-top:1.5rem;margin-bottom:.5rem;color:var(--ink)} .single-post-content p,.single-post-content ul,.single-post-content ol{margin-bottom:1.2em} .single-post-content ul,.single-post-content ol{padding-left:1.5em} .single-post-content li{margin-bottom:.35em} .single-post-content blockquote{border-left:4px solid var(--accent);padding:1rem 1.25rem;margin:1.5rem 0;font-style:italic;color:var(--ink);background:var(--soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0} .single-post-content img{border-radius:var(--radius-sm);margin:1.5rem 0} .single-post-content a{font-weight:500} .single-post-content code{font-size:.9em} .single-post-content strong{color:var(--ink)} .post-tags{margin:2rem 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center} .post-tags__label{font-size:.85rem;color:var(--muted);font-weight:600;margin-right:.25rem} .post-tags a{background:var(--soft);padding:.3rem .65rem;border-radius:30px;font-size:.8rem;color:var(--ink-soft)} .post-tags a:hover{background:var(--accent);color:#fff;text-decoration:none} .post-nav{display:grid;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)} @media (min-width:600px){.post-nav{grid-template-columns:1fr 1fr}} .post-nav a{display:block;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;background:#fff} .post-nav a:hover{border-color:var(--accent);text-decoration:none} .post-nav span{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.25rem} .post-nav__next{text-align:right} .share-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.75rem 0;margin:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .share-row__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-right:.25rem} .share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--ink);transition:background .15s,color .15s,transform .1s;border:1px solid transparent;cursor:pointer;text-decoration:none;padding:0;font-family:inherit} .share-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);text-decoration:none} .share-btn svg{width:16px;height:16px;fill:currentColor} .author-bio{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:2rem 0;display:grid;grid-template-columns:1fr;gap:1rem} @media (min-width:600px){.author-bio{grid-template-columns:auto 1fr}} .author-bio__avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#fb923c 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-size:1.8rem;font-weight:700;flex-shrink:0;overflow:hidden} .author-bio__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block} @media (max-width:599px){.author-bio__avatar{width:76px;height:76px}} .author-bio__name{font-size:1.1rem;margin:0 0 .15rem;font-family:var(--font-sans);font-weight:700} .author-bio__credentials{font-size:.85rem;color:var(--accent-dark);font-weight:600;margin:0 0 .5rem} .author-bio__desc{font-size:.92rem;color:var(--body);margin:0;line-height:1.55} .reviewed-by{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:rgba(22,163,74,.12);color:var(--accent-dark);border-radius:30px;font-size:.78rem;font-weight:600;margin:.5rem 0} .reviewed-by::before{content:"✓";font-weight:700} .site-notice{background:var(--earth-soft);border-left:4px solid var(--earth);padding:1rem 1.25rem;margin:2rem 0;font-size:.95rem;color:#78350f;border-radius:0 var(--radius-sm) var(--radius-sm) 0} .site-notice strong{color:#92400e} .single-sidebar{display:flex;flex-direction:column;gap:1.5rem} @media (min-width:1024px){.sidebar-sticky{position:sticky;top:90px}} .widget{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem} .widget__heading{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-family:var(--font-sans);font-weight:700} .widget ul{list-style:none;margin:0;padding:0} .widget li{padding:.5rem 0;border-bottom:1px solid var(--line)} .widget li:last-child{border-bottom:0} .widget li a{color:var(--ink);font-size:.92rem;font-weight:500} .related-posts{margin:3rem auto;padding-top:2.5rem;padding-bottom:2.5rem;border-top:1px solid var(--line);background:var(--paper)} @media (max-width:719px){.related-posts{margin:2rem auto;padding-top:2rem;padding-bottom:2rem} .related-posts__heading{margin-bottom:1rem}} .related-posts__heading{font-size:clamp(1.4rem,2.5vw,1.8rem);margin:0 0 1.5rem} .related-posts__grid{display:grid;grid-template-columns:1fr;gap:1.25rem} @media (min-width:720px){.related-posts__grid{grid-template-columns:repeat(3,1fr)}} .contact-form{display:grid;gap:1rem;max-width:600px} .contact-form label{font-weight:600;font-size:.9rem;margin-bottom:.35rem;display:block} .contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;background:#fff;color:var(--body)} .contact-form textarea{min-height:140px;resize:vertical} .contact-form .field-help{font-size:.82rem;color:var(--muted);margin-top:.25rem} .contact-cards{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem} @media (min-width:720px){.contact-cards{grid-template-columns:repeat(3,1fr)}} .contact-card{padding:1.25rem;background:var(--soft);border-radius:var(--radius);border:1px solid var(--line)} .contact-card h3{font-size:1rem;margin:0 0 .25rem} .contact-card p{margin:0;font-size:.9rem;color:var(--ink-soft)} .contact-card a{font-weight:600} .pagination{display:flex;gap:.5rem;justify-content:center;margin:2rem 0;flex-wrap:wrap} .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .8rem;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;background:#fff} .pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)} .pagination .page-numbers:hover:not(.current){border-color:var(--accent);color:var(--accent-dark);text-decoration:none} .site-footer{background:var(--ink);color:#d6d3d1;padding:3rem 0 1rem;margin-top:4rem} .site-footer a{color:#fafaf9} .site-footer a:hover{color:#fdba74} .footer-grid{display:grid;grid-template-columns:1fr;gap:2rem} @media (min-width:700px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}} .footer-brand h3{color:#fff;margin-top:0;font-family:var(--font-sans);font-size:1.1rem} .footer-brand p{font-size:.92rem;color:#9ca3af} .footer-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:0 0 .75rem;font-family:var(--font-sans)} .footer-col ul{list-style:none;margin:0;padding:0} .footer-col li{margin-bottom:.5rem;font-size:.92rem} .footer-bottom{border-top:1px solid #292524;margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:#57534e} .error-404{padding:4rem 0;text-align:center;background:#fff} .error-404 h1{font-size:clamp(3rem,8vw,5rem);color:var(--accent);margin-bottom:.25rem} .error-404 p{color:var(--body);margin-bottom:1.5rem;max-width:540px;margin-left:auto;margin-right:auto} .search-form{display:flex;gap:.5rem;max-width:480px;margin:1rem auto} .search-form input[type="search"]{flex:1;padding:.65rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit} @media (max-width:599px){.home-category-section{padding-top:1.5rem;padding-bottom:1.5rem} .cat-card{padding:.72rem .8rem} .category-explore{padding-top:1.35rem;padding-bottom:1.35rem} .category-explore .section-head p{font-size:.88rem}} .hpd-ad{margin:1.25rem auto;max-width:970px;text-align:center} .hpd-ad__label{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem} .hpd-ad__inner ins.adsbygoogle{display:block;margin:0 auto} .hpd-ad--header{margin:0;padding:.75rem var(--gutter);background:var(--soft);border-bottom:1px solid var(--line)} .hpd-ad-wrap{padding-top:1rem} .hpd-ad-pair{display:grid;grid-template-columns:1fr;gap:1rem;margin:0 auto 1.5rem} @media (min-width:880px){.hpd-ad-pair{grid-template-columns:1fr 1fr;gap:1.25rem}} .hpd-ad-pair .hpd-ad{margin:0} .hpd-ad--in-article{margin:2rem auto;padding:1rem;background:var(--soft);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);border-radius:var(--radius-sm)} .hpd-ad--sidebar{margin:0} .hpd-ad--sidebar .hpd-ad__label{text-align:left} .hpd-ad--between{margin:2.5rem auto;padding:1rem;background:var(--soft);border-radius:var(--radius)} .hpd-ad-wrap:empty,.hpd-ad-pair:empty{display:none} .hpd-ad--mobile-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 8px rgba(28,25,23,.08);padding:.5rem .75rem;text-align:center;margin:0;max-width:none} .hpd-ad--mobile-sticky .hpd-ad__inner{min-height:50px;display:flex;align-items:center;justify-content:center} .hpd-ad--mobile-sticky .hpd-ad__label{font-size:.6rem;margin:0 0 .25rem} .hpd-ad--mobile-sticky__close{position:absolute;top:4px;right:6px;width:24px;height:24px;border-radius:50%;background:rgba(28,25,23,.08);border:0;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .hpd-ad--mobile-sticky__close:hover{background:rgba(154,52,18,.15)} @media (min-width:720px){.hpd-ad--mobile-sticky{display:none}} body.has-mobile-sticky-ad{padding-bottom:90px} @media (min-width:720px){body.has-mobile-sticky-ad{padding-bottom:0}} .no-comments-note{background:var(--soft);padding:1rem 1.25rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;margin:2rem 0;text-align:center} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .hpd-search-toggle{position:static;flex:0 0 42px;width:42px;height:42px;margin:0 0 0 .75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);box-shadow:none;cursor:pointer;line-height:1;transition:color .15s,border-color .15s,background .15s} .hpd-search-toggle:hover,.hpd-search-toggle[aria-expanded="true"]{color:var(--accent-dark);border-color:var(--accent);background:var(--soft)} .hpd-search-toggle svg{display:block !important;width:20px !important;height:20px !important;min-width:20px;max-width:none !important;max-height:none !important;flex:0 0 20px;visibility:visible !important;opacity:1 !important;pointer-events:none} @media (max-width:1039px){.hpd-search-toggle{margin-left:.5rem}} @media (max-width:380px){.hpd-search-toggle{flex-basis:40px;width:40px;height:40px;margin-left:.4rem}} .hpd-search-overlay[hidden]{display:none !important} .hpd-search-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:clamp(5rem,12vh,8rem) var(--gutter) 2rem} .hpd-search-overlay__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(28,25,23,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default} .hpd-search-panel{position:relative;width:min(620px,100%);padding:clamp(1.5rem,4vw,2.25rem);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-lg)} .hpd-search-panel h2{margin-bottom:1.25rem} .hpd-search-close{position:absolute;top:.85rem;right:.85rem;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer} .hpd-search-close:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--soft)} .hpd-search-overlay__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:stretch} .hpd-search-overlay__field{min-width:0;display:flex;align-items:center;gap:.65rem;padding:0 .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff} .hpd-search-overlay__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(194,65,12,.14)} .hpd-search-overlay__field svg{flex:0 0 auto;color:var(--muted)} .hpd-search-overlay__field input[type="search"]{min-width:0;width:100%;padding:.8rem 0;border:0;outline:0;background:transparent;color:var(--body);font:inherit} .hpd-search-overlay__field input[type="search"]::-webkit-search-cancel-button{cursor:pointer} body.hpd-search-open{overflow:hidden} @media (max-width:540px){.hpd-search-overlay__form{grid-template-columns:1fr} .hpd-search-overlay__form .btn{width:100%}} .breadcrumbs{background:var(--paper);border-bottom:1px solid var(--line)} .breadcrumbs .wrap{padding-top:.65rem;padding-bottom:.65rem} .breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;font-size:.8rem;color:var(--muted)} .breadcrumbs__item{display:inline-flex;align-items:center;min-width:0} .breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.35rem;color:#9ca3af} .breadcrumbs__item a{color:var(--ink-soft);font-weight:600} .breadcrumbs__item a:hover{color:var(--accent-dark)} .breadcrumbs__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(42rem,70vw)} .author-bio__name a{color:inherit} .archive-author-credentials{margin:.35rem 0 .65rem;color:var(--accent-dark);font-weight:700} @media (max-width:560px){.breadcrumbs .wrap{padding-top:.5rem;padding-bottom:.5rem} .breadcrumbs__list{font-size:.74rem} .breadcrumbs__item span{max-width:52vw}} .hpd-icon{display:block;width:1em;height:1em;background:currentColor;-webkit-mask-image:var(--hpd-icon);mask-image:var(--hpd-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .hpd-icon--home{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.8%2012%203l9%207.8%22%2F%3E%3Cpath%20d%3D%22M5.5%209.5V21h13V9.5%22%2F%3E%3Cpath%20d%3D%22M9.5%2021v-6h5v6%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--articles{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203.5h8l4%204V21H6z%22%2F%3E%3Cpath%20d%3D%22M14%203.5V8h4%22%2F%3E%3Cpath%20d%3D%22M9%2012h6M9%2015.5h6M9%2019h4%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--categories{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--about{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2021c.7-4.2%203.1-6.4%207-6.4s6.3%202.2%207%206.4%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--contact{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%207%208%206%208-6%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--default{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6M12%209v6%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--home-furniture{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v7M20%2012v7M4%2013h16v-2a3%203%200%200%200-3-3H7a3%203%200%200%200-3%203z%22%2F%3E%3Cpath%20d%3D%22M6%208V6a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v2M3%2019h18%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--home-decor{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m7%2016%203-4%202%202%202-3%203%205%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--kitchen-dining{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202v8M9%202v8M4%202v8a3%203%200%200%200%203%203v9M17%202c-2%202-3%205-3%208%200%202%201%203%203%203v9M17%202v11%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--home-appliances{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%209h14M8%205h1%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--cleaning-organization{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203%206%206M13%202l2%202M7%207l10%2010-4%204L3%2011z%22%2F%3E%3Cpath%20d%3D%22M3%2021h8M16%2018l3%203%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--smart-home{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%209-8%209%208M5%2010v11h14V10%22%2F%3E%3Cpath%20d%3D%22M9%2015a4%204%200%200%201%206%200M10.5%2017a2%202%200%200%201%203%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%22.7%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--garden-outdoor{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021V8M12%2010c-5%200-7-3-7-7%205%200%207%203%207%207ZM12%2013c5%200%207-3%207-7-5%200-7%203-7%207Z%22%2F%3E%3Cpath%20d%3D%22M7%2021h10%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--diy-home-improvement{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%206.5a4%204%200%200%200-5%205L3%2018l3%203%206.5-6.5a4%204%200%200%200%205-5l-3%203-3-3z%22%2F%3E%3Cpath%20d%3D%22m5%2019%201%201%22%2F%3E%3C%2Fsvg%3E")} .hpd-icon--sustainable-home-energy{--hpd-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021V9M12%2011c-5%200-7-3-7-7%205%200%207%203%207%207ZM12%2014c5%200%207-3%207-7-5%200-7%203-7%207Z%22%2F%3E%3Cpath%20d%3D%22m15%2016-2%203h3l-2%203%22%2F%3E%3C%2Fsvg%3E")} .menu-link-icon .hpd-icon{width:18px;height:18px}.primary-nav .sub-menu .menu-link-icon .hpd-icon{width:21px;height:21px}.hpd-mobile-nav__list>li>a .menu-link-icon .hpd-icon,.hpd-mobile-nav__body>ul>li>a .menu-link-icon .hpd-icon{width:20px;height:20px}.hpd-mobile-nav .sub-menu .menu-link-icon .hpd-icon{width:19px;height:19px}.hpd-mobile-nav__cta .menu-link-icon .hpd-icon{width:20px;height:20px}.cat-card__icon .hpd-icon{width:52px;height:52px}.cat-card__icon--compact .hpd-icon{width:34px;height:34px}