/*
Theme Name: Hustle & Passive
Theme URI: https://hustleandpassive.com/
Author: hustle&passive
Description: Editorial WordPress theme for side-hustle, passive-income, and affiliate content.
Version: 1.0.0
Text Domain: hustle-passive
*/
:root{--ink:#1c2921;--muted:#687269;--paper:#f8f4ec;--cream:#fffdf8;--lime:#cff15b;--orange:#ff784b;--line:#d8d5cc;--forest:#294c39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.hp-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.hp-top{background:var(--ink);color:#fff;text-align:center;padding:9px;font:500 11px "DM Mono",monospace}.hp-top b{color:var(--lime)}.hp-nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hp-brand{font:700 25px "Playfair Display",Georgia,serif;letter-spacing:-1.5px}.hp-brand b{color:var(--orange)}.hp-menu{display:flex;list-style:none;margin:0;padding:0;gap:26px;font-size:13px;font-weight:600}.hp-menu a:hover,.current-menu-item>a{color:var(--orange)}.hp-button{display:inline-block;background:var(--ink);color:#fff;border:0;padding:13px 19px;font:700 12px "DM Sans",sans-serif;cursor:pointer}.hp-button:hover{background:var(--forest)}.hp-hero{padding:80px 0 68px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hp-eyebrow{font:500 11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}.hp-eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:9px}.hp-hero h1,.hp-heading,.entry-title{font:700 clamp(42px,6vw,74px)/1 "Playfair Display",Georgia,serif;letter-spacing:-3px;margin:15px 0 20px}.hp-hero em{color:var(--orange)}.hp-intro{font-size:18px;color:#4e594f;max-width:570px}.hp-art{height:400px;background:var(--lime);position:relative;overflow:hidden}.hp-art:before{content:"";position:absolute;width:310px;height:310px;border:1px solid var(--ink);border-radius:50%;right:-68px;top:25px}.hp-art:after{content:"$";position:absolute;right:70px;bottom:15px;color:var(--orange);font:700 170px/.8 "Playfair Display",serif}.hp-card{position:absolute;top:74px;left:35px;background:var(--cream);padding:22px;width:240px;box-shadow:8px 8px 0 rgba(28,41,33,.14);transform:rotate(-4deg)}.hp-card small{font:500 10px "DM Mono",monospace;text-transform:uppercase;color:var(--muted)}.hp-card strong{display:block;font:700 45px "Playfair Display",serif;margin:5px 0}.hp-section{padding:76px 0}.hp-section--forest{background:var(--forest);color:#fff}.hp-section--forest .hp-eyebrow{color:var(--lime)}.hp-section--forest .hp-heading{color:#fff}.hp-heading{font-size:clamp(34px,4vw,48px);letter-spacing:-2px;margin:10px 0 30px}.hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hp-post{background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column;min-height:390px}.hp-thumb{height:175px;background:#dce7d8;display:block;overflow:hidden}.hp-thumb img{width:100%;height:100%;object-fit:cover}.hp-post-body{padding:21px;display:flex;flex-direction:column;flex:1}.hp-tag{font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;background:var(--lime);padding:5px 8px;align-self:flex-start}.hp-post h2{font:700 24px/1.12 "Playfair Display",serif;letter-spacing:-.8px;margin:15px 0 10px}.hp-post p{font-size:13px;color:var(--muted);margin:0}.hp-read{font:600 11px "DM Mono",monospace;margin-top:auto;padding-top:20px;border-bottom:1px solid;align-self:flex-start}.hp-path{display:grid;grid-template-columns:1fr 1.1fr;gap:64px}.hp-path h2{font:700 43px/1.05 "Playfair Display",serif;letter-spacing:-2px;margin:13px 0}.hp-step{padding:17px 0;border-bottom:1px solid #54715f;display:grid;grid-template-columns:48px 1fr;gap:15px}.hp-step span{font:500 11px "DM Mono",monospace;color:var(--lime)}.hp-step h3{margin:0 0 5px;font-size:18px}.hp-step p{margin:0;font-size:13px;color:#d8e3db}.hp-newsletter{background:var(--orange);text-align:center;padding:70px 20px}.hp-newsletter h2{font:700 clamp(35px,5vw,58px)/1 "Playfair Display",serif;letter-spacing:-2.5px;max-width:650px;margin:15px auto}.hp-newsletter p{max-width:480px;margin:0 auto 22px}.hp-form{display:flex;max-width:470px;margin:auto;gap:8px}.hp-form input{flex:1;border:1px solid var(--ink);padding:14px;background:#fffdf8}.hp-form button{border:1px solid var(--ink)}.hp-archive{padding:75px 0}.hp-archive-head{border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:38px}.hp-archive .entry-title{font-size:clamp(40px,5vw,64px)}.hp-article{max-width:760px;padding:68px 0 95px}.hp-meta{font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hp-article .entry-title{font-size:clamp(42px,5.5vw,67px)}.hp-featured{width:100%;height:auto;max-height:430px;object-fit:cover;margin:25px 0 35px}.entry-content{font-size:17px;color:#445148}.entry-content h2{font:700 34px "Playfair Display",serif;color:var(--ink);letter-spacing:-1px;margin:42px 0 12px}.entry-content h3{font:700 25px "Playfair Display",serif;color:var(--ink);margin:30px 0 8px}.entry-content a{border-bottom:1px solid var(--orange)}.entry-content blockquote{border-left:4px solid var(--orange);margin:28px 0;padding:8px 22px;background:#e5eedf}.hp-pagination{margin:45px 0}.hp-pagination .page-numbers{margin-right:8px;padding:9px 12px;border:1px solid var(--line)}.hp-footer{background:var(--ink);color:#e8ede8;padding:45px 0 22px}.hp-footer-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:30px}.hp-footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#cbd3cc}.hp-footer-bottom{border-top:1px solid #425046;padding-top:17px;color:#aab5ad;font:400 10px "DM Mono",monospace}@media(max-width:760px){.hp-menu{gap:13px;font-size:11px}.hp-menu li:nth-child(3){display:none}.hp-nav{height:68px}.hp-hero,.hp-path{grid-template-columns:1fr;gap:32px;padding:52px 0}.hp-art{height:300px}.hp-grid{grid-template-columns:1fr}.hp-section{padding:55px 0}.hp-form{flex-direction:column}.hp-form button{height:48px}.hp-footer-top{flex-direction:column}.hp-article{padding:50px 0}}
