/*
Theme Name: The Decor Charm
Author: The Decor Charm
Description: Elegant responsive home decor blog theme.
Version: 1.0
*/
:root{--ink:#26382c;--green:#314b39;--gold:#a66b2b;--cream:#f8f5ef;--paper:#fffdfa;--muted:#667067;--line:#e8e1d6;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#27332b;font:16px/1.7 Arial,sans-serif}a{color:var(--green);text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{background:#fffdfa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;flex-direction:column;line-height:1.1}.site-title{font:700 27px var(--serif);color:var(--ink)}.site-tagline{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-top:7px}.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{font-size:13px;font-weight:bold}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:.93fr 1.07fr;min-height:500px;background:var(--cream);margin:26px auto 0}.hero-copy{padding:62px 7%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:bold;color:var(--gold);margin:0 0 17px}.hero h1{font:700 clamp(42px,5vw,66px)/1.06 var(--serif);letter-spacing:-1.5px;color:var(--ink);margin:0 0 22px}.hero-copy p:not(.eyebrow){color:#59645c;line-height:1.85;margin:0 0 25px}.hero-image{min-height:490px;background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1500&q=85') center/cover}.button{display:inline-block;background:var(--green);color:white;padding:12px 18px;font-size:13px;font-weight:bold;border:1px solid var(--green);margin:0 7px 7px 0}.button.secondary{background:transparent;color:var(--green)}.section{padding:72px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 35px}.section-head h2,.newsletter h2{font:700 clamp(31px,4vw,44px)/1.15 var(--serif);color:var(--ink);margin:0 0 13px}.section-head p{color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.room-card{height:285px;position:relative;overflow:hidden;background:#ddd}.room-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,28,19,.78))}.room-card img{transition:transform .4s}.room-card:hover img{transform:scale(1.04)}.room-label{position:absolute;z-index:1;bottom:18px;left:18px;color:white}.room-label span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f1d5a9}.room-label h3{font:700 24px var(--serif);margin:4px 0}.soft-section{background:var(--cream)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:white;border:1px solid var(--line)}.article-thumb{height:225px;display:block;overflow:hidden}.article-content{padding:21px}.article-meta{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-weight:bold}.article-content h3{font:700 23px/1.2 var(--serif);color:var(--ink);margin:10px 0}.article-content p{font-size:14px;color:var(--muted)}.read-more{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.feature-band{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white}.feature-band-image{min-height:380px;background:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1200&q=85') center/cover}.feature-band-copy{padding:55px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-band-copy h2{font:700 42px/1.12 var(--serif);margin:0 0 18px}.feature-band-copy p{color:#e1e8e1}.feature-band .button{background:#f8f5ef;color:var(--green);border-color:#f8f5ef}.newsletter{padding:62px 20px;text-align:center;background:#eee8dd}.newsletter p{color:var(--muted);max-width:600px;margin:0 auto 22px}.site-footer{background:#202d24;color:#e7ebe6;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.site-footer h3{font:700 24px var(--serif);color:white}.site-footer p,.site-footer li{font-size:13px;color:#c4cec5}.site-footer ul{list-style:none;padding:0}.site-footer a{color:#e2c08d}.footer-bottom{border-top:1px solid #455349;margin-top:30px;padding-top:18px;font-size:12px;color:#b9c4bb}@media(max-width:850px){.room-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:40px 6%}.main-nav ul{gap:12px}}@media(max-width:650px){.header-inner{min-height:70px}.site-title{font-size:22px}.menu-toggle{display:block;background:var(--green);color:white;border:0;padding:10px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:15px 22px}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;gap:10px}.hero{grid-template-columns:1fr;margin-top:12px}.hero-image{min-height:280px;grid-row:1}.hero-copy{padding:34px 24px}.hero h1{font-size:42px}.section{padding:48px 0}.room-grid,.article-grid,.feature-band,.footer-grid{grid-template-columns:1fr}.room-card{height:230px}.feature-band-image{min-height:260px}.feature-band-copy{padding:35px 25px}.feature-band-copy h2{font-size:34px}}
