/* Official HandymanPF 2026 redesign style, scoped to the design containers */
@scope (.hpf-landing){

:scope{--ink:#1A252D;--charcoal:#142029;--navy:#101B23;--soft:#F6F5F1;--cream:#FAF9F6;--white:#FFFFFF;--line:#E5E5E1;--muted:#58636C;--copper:#A95E3F;--copper2:#CB8764;--copperlight:#F4EBE5;--shadow:0 22px 60px rgba(25,33,38,.11)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.56}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.wrap{max-width:1250px;margin:0 auto;padding:0 32px}
.kicker{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--copper);line-height:1.4}.kicker:before{content:'';width:23px;height:2px;background:var(--copper);display:block}.topbar{background:#111C24;color:#AEBCC4;font-size:12px;letter-spacing:.55px}.topbar .wrap{height:33px;display:flex;align-items:center;justify-content:space-between}.topbar strong{font-weight:700;color:#FFF}.masthead{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:45px;height:45px;background:var(--charcoal);border-radius:8px;display:grid;place-items:center;position:relative;transform:none}.brand-mark strong{font-family:Manrope,sans-serif;font-size:24px;color:#fff;line-height:1;letter-spacing:-2px}.brand-mark:after{content:'';width:8px;height:8px;position:absolute;bottom:7px;right:6px;border-right:3px solid var(--copper2);border-top:3px solid var(--copper2)}.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;line-height:1.12;letter-spacing:-.5px}.brand-name small{display:block;font-family:'DM Sans',sans-serif;color:#707980;text-transform:uppercase;font-size:9px;letter-spacing:2.2px;margin-top:6px;font-weight:800}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:14px;font-weight:700;color:#34414A}.nav a:hover{color:var(--copper)}.nav .nav-button{background:var(--charcoal);color:white;padding:12px 19px;border-radius:6px}.nav .nav-button:hover{background:#2E3C45;color:white}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none;padding:12px;border:1px solid #D8DBDB;border-radius:6px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] .menu{position:absolute;left:0;right:0;top:100%;display:grid;background:#fff;padding:10px 25px 22px;box-shadow:var(--shadow);gap:3px}.mobile-nav a{padding:13px 8px;border-bottom:1px solid var(--line);font-weight:700}
.hero{background:linear-gradient(120deg,#F8F7F4,#F2F0EB);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center;min-height:640px;padding-top:62px;padding-bottom:70px}.hero h1,.section h2,.video-band h2,.tools h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-2.2px}.hero h1{font-size:clamp(43px,4.35vw,67px);line-height:1.12;margin:20px 0 24px;max-width:720px}.hero h1 span{color:var(--copper)}.hero-lede{font-size:18px;color:#4F5A62;line-height:1.72;max-width:600px;margin:0 0 27px}.search-panel{background:white;border:1px solid #DCE0DF;border-radius:9px;box-shadow:0 9px 26px rgba(32,40,45,.06);padding:8px;display:flex;align-items:center;gap:11px;max-width:570px}.search-panel svg{flex-shrink:0;margin-left:12px;color:#79848C}.search-panel input{min-width:0;flex:1;outline:0;border:0;color:var(--ink);padding:12px 1px;font-size:15px}.search-panel button{background:var(--copper);color:white;font-size:14px;font-weight:800;padding:15px 20px;border:0;border-radius:6px;white-space:nowrap}.search-panel button:hover{background:#8C462C}.under-search{display:flex;gap:26px;flex-wrap:wrap;margin-top:23px}.under-search a{font-size:13px;font-weight:800;color:var(--ink);border-bottom:1px solid #B4B1AB;padding-bottom:3px}.under-search a:hover{color:var(--copper);border-color:var(--copper)}
.feature-wrap{position:relative}.feature{background:#1E2A33;padding:15px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(7px)}.feature-thumb{display:block;overflow:hidden;border-radius:6px;position:relative;background:#303B44;aspect-ratio:16/10}.feature-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.86);transition:transform .2s}.feature-thumb:hover img{transform:scale(1.025)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);width:71px;height:71px;display:grid;place-items:center;border-radius:100%;box-shadow:0 12px 30px rgba(0,0,0,.26);color:#15232B}.play svg{margin-left:3px}.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 7px 5px;color:#fff}.feature-caption .sm{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#D1A186}.feature-caption strong{font-family:Manrope,sans-serif;font-size:16px}.feature-caption .external{font-size:13px;color:#DBE3E6}.hero-note{display:flex;align-items:center;gap:10px;margin:30px 0 0 8px;color:#5F6A71;font-size:13px}.hero-note i{background:var(--copper);width:8px;height:8px;display:block;border-radius:100%}
.section{padding:88px 0 92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section h2,.tools h2{font-size:clamp(31px,3.2vw,43px);line-height:1.22;margin:14px 0 0}.subtitle{color:var(--muted);font-size:16px;margin:12px 0 0}.section-link{font-size:14px;font-weight:800;color:var(--copper);padding-bottom:3px;border-bottom:1px solid #DDB5A0;white-space:nowrap}.section-link:hover{color:#813F27}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category{padding:26px 24px;background:#fff;border:1px solid #E0E3E2;border-radius:9px;display:flex;align-items:center;gap:19px;min-height:116px;transition:border-color .15s,transform .15s,box-shadow .15s}.category:hover{border-color:#B37758;transform:translateY(-3px);box-shadow:0 12px 25px rgba(25,35,40,.07)}.category-icon{width:48px;height:48px;flex:0 0 48px;background:#F5F2EF;color:#965739;border-radius:7px;display:grid;place-items:center}.category-icon svg{width:24px;height:24px}.category-info{flex:1}.category-info strong{display:block;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.35px}.category-info small{display:block;font-size:12px;color:#748088;margin-top:5px}.category-arrow{color:var(--copper);font-size:22px}
.guides{background:var(--soft);border-top:1px solid #ECECE8;border-bottom:1px solid #ECECE8}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.article{background:white;border:1px solid #E3E4E1;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.article-image{overflow:hidden;display:block;aspect-ratio:1.6;background:#DBE0DF}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.article-image:hover img{transform:scale(1.03)}.article-text{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}.eyebrow{color:var(--copper);font-size:11px;text-transform:uppercase;letter-spacing:1.7px;font-weight:800}.article h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;line-height:1.38;margin:11px 0 10px}.article h3 a:hover{color:var(--copper)}.article p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 22px}.article .textlink{margin-top:auto;font-weight:800;font-size:13px;color:var(--copper)}
.video-band{background:var(--charcoal);color:white;padding:84px 0}.video-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}.video-band .kicker{color:#E5B395}.video-band h2{font-size:clamp(31px,3.1vw,45px);line-height:1.23;margin:22px 0}.video-band p{color:#BAC6CD;font-size:17px;line-height:1.75;max-width:460px}.button-light{display:inline-flex;align-items:center;gap:11px;border-radius:6px;background:#fff;color:var(--charcoal);font-weight:800;font-size:14px;padding:15px 22px;margin-top:16px}.button-light:hover{background:#EAECEB}.video-photo{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 18px 45px rgba(0,0,0,.18)}.video-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.video-photo:after{content:'YOUTUBE REPAIR TUTORIALS';position:absolute;left:27px;bottom:25px;color:#fff;font-size:12px;letter-spacing:1.8px;font-weight:800}
.tools{padding:80px 0;background:#FFF}.tool-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tool-photo{border-radius:11px;overflow:hidden;background:#E7E7E4;min-height:330px}.tool-photo img{width:100%;height:360px;object-fit:cover}.tools p{color:var(--muted);line-height:1.8;max-width:520px}.tools .section-link{display:inline-block;margin-top:14px}.small-note{background:#F7F7F3;border-top:1px solid var(--line);padding:20px 0;color:#647078;font-size:13px}.small-note .wrap{display:flex;align-items:center;gap:10px}.small-note strong{color:#25333B}
.footer{background:#111B23;color:#E4E9EC}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:50px;padding-top:65px;padding-bottom:64px}.footer .brand-name{color:#fff}.footer .brand-name small{color:#ABB6BE}.footer .brand-mark{background:#2A3842}.footer-about{color:#AAB8C0;font-size:14px;line-height:1.8;max-width:310px;margin-top:21px}.footer h4{font-family:Manrope,sans-serif;margin:8px 0 21px;font-size:13px;text-transform:uppercase;letter-spacing:1.4px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.footer li a{color:#B7C3C9;font-size:14px}.footer li a:hover{color:white}.footer .email{font-size:14px;color:white;word-break:break-word}.footer .email:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #33414B;padding:19px 0;font-size:12px;color:#A8B5BC}.footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-bottom a{color:#D8E0E4}.footer-bottom a:hover{color:white}
@media(max-width:1100px){.nav{gap:21px}.hero .wrap{gap:35px;min-height:570px}.hero h1{font-size:clamp(42px,4.4vw,59px)}.video-inner{gap:40px}.footer-grid{gap:25px}}
@media(max-width:850px){.wrap{padding:0 24px}.nav{display:none}.mobile-nav{display:block}.hero .wrap{grid-template-columns:1fr;gap:42px;padding-top:60px;padding-bottom:60px}.hero h1{max-width:700px}.feature-wrap{max-width:640px;width:100%;margin:0 auto}.hero-note{margin-top:16px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.articles{gap:14px}.article-text{padding:19px}.article h3{font-size:18px}.video-inner{grid-template-columns:1fr;gap:35px}.video-band{padding:60px 0}.video-photo{max-width:700px}.tool-wrap{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:36px}.section{padding:66px 0}}
@media(max-width:570px){.wrap{padding:0 19px}.topbar .wrap{height:30px}.topbar .right{display:none}.masthead .wrap{min-height:77px}.brand{gap:10px}.brand-mark{width:40px;height:40px}.brand-name{font-size:14px}.brand-name small{font-size:8px;letter-spacing:1.45px}.hero .wrap{padding-top:47px;padding-bottom:48px}.hero h1{font-size:39px;letter-spacing:-1.4px}.hero-lede{font-size:16px}.search-panel{padding:6px;gap:5px}.search-panel input{font-size:13px}.search-panel button{padding:13px 13px;font-size:12px}.under-search{gap:18px}.categories{grid-template-columns:1fr;gap:10px}.category{min-height:84px;padding:17px 19px}.category-info strong{font-size:15px}.section-heading{align-items:start;flex-direction:column;gap:17px}.articles{grid-template-columns:1fr;gap:18px}.article-image{aspect-ratio:1.8}.article h3{font-size:20px}.section h2,.tools h2{font-size:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 18px}.footer-grid>div:first-child{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:1 / -1}.footer-bottom .wrap{display:grid;gap:8px}.tool-photo{min-height:200px}.tool-photo img{height:245px}.video-band h2{font-size:31px}}

/* Redesigned site branding: production header logo, responsive sizing */
.masthead .brand{display:inline-flex;align-items:center;flex-shrink:0}
.brand-logo{display:block;width:292px;max-width:100%;height:auto;object-fit:contain}
.footer .brand{display:inline-flex;align-items:center;border-radius:8px;padding:9px 13px;background:#fff;max-width:100%}
.footer .brand-logo{width:258px;height:auto}
@media(max-width:1100px) and (min-width:851px){.masthead .brand-logo{width:245px}.masthead .nav{gap:18px}.masthead .nav a{font-size:13px}}
@media(max-width:850px){.masthead .brand-logo{width:250px}.masthead .wrap{min-height:85px}}
@media(max-width:440px){.masthead .wrap{gap:8px}.masthead .brand-logo{width:196px}.masthead .mobile-nav summary{padding:10px}.footer .brand-logo{width:225px}}

}