/*
Theme Name: Home & Method Signature
Description: Original editorial theme for Home & Method.
Version: 0.1.5
Requires PHP: 8.0
Text Domain: home-method
*/
:root{--ink:#191914;--olive:#303e26;--sage:#e4e5d6;--cream:#faf8f3;--line:#dedbd2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3rem)}img{max-width:100%;height:auto}.wrap{width:min(1380px,92%);margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 0}.brand{font:1.65rem Georgia,serif;text-decoration:none}.nav ul{display:flex;gap:1.5rem;list-style:none;padding:0}.menu-toggle{display:none}.hero{min-height:480px;display:flex;align-items:center;background:#e2e6d7;background-position:center;background-size:cover}.hero-inner{background:rgba(248,245,239,.88);padding:2rem;max-width:600px}.btn,button{background:var(--olive);color:white;padding:.8rem 1.2rem;border:1px solid var(--olive);cursor:pointer;display:inline-block;text-decoration:none;transition:background .25s,transform .25s}.btn:hover,button:hover{background:#506345}.btn:active,button:active{transform:scale(.98)}:focus-visible{outline:3px solid #b27e32;outline-offset:3px}.section{padding:3rem 0;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.rooms{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--cream);transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.card:hover,.card:focus-within{transform:translateY(-6px);box-shadow:0 12px 30px #20241b1a}.card a{display:block;text-decoration:none}.crop{overflow:hidden;aspect-ratio:4/3;background:#e3e6dc}.crop img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img,.card:focus-within img{transform:scale(1.04)}.card-label{padding:1rem;transition:background .25s}.card:hover .card-label,.card:focus-within .card-label{background:var(--sage)}.arrow{display:inline-block;transition:transform .25s}.card:hover .arrow,.card:focus-within .arrow{transform:translateX(4px)}.article-card:hover h3,.article-card:focus-within h3{color:var(--olive);text-decoration:underline}.tools{background:#e1e6d5;padding:3rem}.tool-card{padding:1.5rem}.tool-card:hover,.tool-card:focus-within{transform:translateY(-8px) scale(1.015);border-color:var(--olive);background:var(--sage)}.content{max-width:850px;margin:auto}.footer{padding:2.5rem 0;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:1rem;top:1rem;background:white;z-index:100}.search-form{display:flex;gap:.5rem}input,select{padding:.7rem;font:inherit;max-width:100%}.site-nav a{padding:.5rem}.site-nav a:focus-visible{outline:3px solid #b27e32}.saved-box{padding:1rem;background:white;border:1px solid var(--line)}@media(max-width:900px){.rooms,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toggle{display:block}.nav{display:none}.nav.is-open{display:block}.nav ul{display:block}.site-header{flex-wrap:wrap}}@media(max-width:600px){.grid:not(.rooms){grid-template-columns:1fr}.hero{min-height:400px}.hero-inner{margin:1rem;padding:1.3rem}.tools{padding:1.4rem}.site-header{gap:.5rem}.rooms{gap:.6rem}.card-label{padding:.6rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.card:focus-within,.card:hover img,.card:focus-within img{transform:none}}
.article-card:hover,.article-card:focus-within{transform:translateY(-4px)}.article-card:hover .card-label,.article-card:focus-within .card-label{background:var(--cream)}.card .arrow{transition:transform .25s}.btn:hover .arrow,.btn:focus-visible .arrow{transform:translateX(4px)}.hm-enter{animation:hm-enter .4s ease both;animation-delay:var(--hm-delay,0ms)}@keyframes hm-enter{from{opacity:.94;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hm-enter{animation:none!important}}

@media(min-width:901px) and (max-width:1150px){.rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.site-header>div{width:100%;min-width:0}.search-form{width:100%}.search-form label{flex:1;min-width:0}.search-form input[type=search]{width:100%;min-width:0}.search-form button,.search-form input[type=submit]{flex:0 0 auto}}

.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline}.nav ul{align-items:center}.card-label{display:flex;justify-content:space-between;align-items:center}.hero-inner h1{margin:.35em 0}.hero-inner p{max-width:34rem}.tool-card h3{font-size:1.35rem}.footer nav ul{list-style:none;display:flex;gap:1.25rem;flex-wrap:wrap;padding:0}

/* Styles recovered from the staging Customizer. */

@media(max-width:600px){.site-header>div{width:100%;min-width:0}.search-form{width:100%}.search-form label{flex:1;min-width:0}.search-form input[type=search]{width:100%;min-width:0}.search-form button,.search-form input[type=submit]{flex:0 0 auto}}
/* Editorial reference refinements */
:root{--cream:#faf8f3;--olive:#2f4027;--sage:#e6e7d8;--line:#e4e0d7}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.45}.wrap{width:min(1280px,91%)}
.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem 2rem;padding:1.1rem 0}.brand{font-size:clamp(1.5rem,2.4vw,2.35rem);letter-spacing:.015em}.site-nav{align-self:end}.nav ul{justify-content:center;gap:.65rem;margin:0}.site-nav a{font-size:.9rem}.site-header>div{max-width:300px}.search-form input[type=search]{min-width:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:4px}.search-form button{padding:.65rem}.site-header [data-saved-open]{margin-top:.4rem;font-size:.8rem;padding:.45rem .7rem}
.hero{min-height:390px;background-position:center}.hero-inner{padding:2rem 2.2rem;margin-left:-2.2rem;max-width:600px;background:linear-gradient(90deg,rgba(250,248,243,.98) 0%,rgba(250,248,243,.94) 72%,rgba(250,248,243,0) 100%)}.hero-inner h1{font-size:clamp(2.8rem,5.1vw,4.7rem);letter-spacing:-.035em;line-height:1.02;margin:.15em 0}.hero-inner p{max-width:25rem;margin:1rem 0}.hero-inner:before{content:'REAL HOMES. PRACTICAL IDEAS.';font-size:.72rem;letter-spacing:.14em;font-weight:bold}
.section{padding:1.4rem 0;border:0}.section h2{font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.025em;margin:.15rem 0 .9rem}.grid{gap:1rem}.rooms .crop{aspect-ratio:1.35}.card{border-radius:4px;overflow:hidden}.card-label{padding:.8rem 1rem}.tools{padding:2.5rem 2.2rem;background:#e3e5d8;border-radius:5px}.tools:before{content:'TOOLS & GUIDES';font-size:.72rem;letter-spacing:.16em}.tools h2{font-size:clamp(2.2rem,4.5vw,3.5rem);margin:.4rem 0}.tools>p{max-width:38rem;margin:.3rem 0 1.2rem}.tool-card{padding:1.35rem;background:#faf9f4}.tool-card h3{font-size:1.2rem;margin:.2rem 0}.tool-card p{font-size:.9rem;color:#514f49;margin:.55rem 0 1rem}.tool-card button{width:100%}.footer{border-top:1px solid var(--line);padding:1.5rem 0;align-items:center}.footer p{font-size:.9rem}
@media(max-width:900px){.site-header{display:flex;gap:.75rem;flex-wrap:wrap}.site-header>div{max-width:none}.site-nav{order:3;width:100%}.site-header>div{order:4;width:100%}.nav ul{align-items:stretch}.nav li a{display:block}.hero-inner{margin-left:-1rem}.tools{padding:1.5rem}}
@media(max-width:600px){.site-header>div{width:100%;min-width:0}.search-form{width:100%}.search-form label{flex:1;min-width:0}.search-form input[type=search]{width:100%;min-width:0}.search-form button,.search-form input[type=submit]{flex:0 0 auto}.brand{font-size:1.45rem}.hero{min-height:390px}.hero-inner{margin:1rem 0;padding:1.3rem;background:rgba(250,248,243,.91)}.hero-inner h1{font-size:2.7rem}.section{padding:1.3rem 0}.rooms .crop{aspect-ratio:1.2}.card-label{padding:.7rem;font-size:.9rem}.tools{padding:1.25rem}.footer{display:block}}

@media(max-width:600px){.site-header{column-gap:.35rem}.site-header .brand{font-size:1.25rem;white-space:nowrap}.menu-toggle{padding:.6rem .8rem}}
body::before{content:'INSPIRED HOMES FOR REAL LIFE';display:block;background:#2f4027;color:#fff;padding:.5rem max(4.5vw,1rem);font:600 .7rem/1.3 Arial,sans-serif;letter-spacing:.16em}


@media(min-width:1151px){.rooms{grid-template-columns:repeat(6,minmax(0,1fr))}}

.tools{background-position:center;background-size:cover}.tool-card{overflow:visible}.tool-card h3::before{content:"✧";display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin-right:.65rem;border-radius:50%;background:#e9e6d9;color:#303e26;vertical-align:middle;font:1.5rem Georgia,serif}

/* Keep all card and button movement disabled for reduced-motion visitors. */
@media (prefers-reduced-motion: reduce) {
  .card:hover, .card:focus-within,
  .article-card:hover, .article-card:focus-within,
  .tool-card:hover, .tool-card:focus-within,
  .card:hover img, .card:focus-within img,
  .btn:hover .arrow, .btn:focus-visible .arrow,
  .card:hover .arrow, .card:focus-within .arrow,
  .btn:active, button:active { transform: none; }
}

/* Entrance effects never hide content, even during a delayed start. */
.hm-enter{opacity:1;animation-fill-mode:backwards}
@media(prefers-reduced-motion:reduce){.hm-enter{opacity:1!important;transform:none!important;animation:none!important}.tool-card h3::before{transform:none!important}}

/* Original decorative line illustrations; no external icon dependency. */
.tool-card h3::before{content:"";display:block;width:4rem;height:4rem;margin:0 0 1rem;background-color:#ece9dd;background-position:center;background-repeat:no-repeat;background-size:80%;transition:transform .25s}.tool-card:hover h3::before,.tool-card:focus-within h3::before{transform:translateY(-3px)}
.tool-card:nth-child(1) h3::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2334482d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2037V23q0-8%208-8h20q8%200%208%208v14M10%2032h8v15h28V32h8v19H10zM16%2051v7m32-7v7M22%2024h20%22/%3E%3C/g%3E%3C/svg%3E")}
.tool-card:nth-child(2) h3::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2334482d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2010h40v44H12zM12%2029h24V10M36%2029h16M36%2029v25M12%2043h10m22%2011V43M5%2010v44m-3-38%203-6%203%206m-6%2032%203%206%203-6%22/%3E%3C/g%3E%3C/svg%3E")}
.tool-card:nth-child(3) h3::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2334482d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2010h42v46H11zM11%2025h42M11%2040h42M20%2016h24v9H20zM19%2031h10v9H19zm17%200h10v9H36zM20%2046h24v10H20z%22/%3E%3C/g%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){.tool-card:hover h3::before,.tool-card:focus-within h3::before{transform:none!important}}