/*
Theme Name: Spark Your Bloom Updated
Version: 1.0.1
Text Domain: spark-your-bloom
Description: Spark Your Bloom editorial theme with corrected focus meditation imagery.
License: GPL-2.0-or-later
*/
:root { --color-primary:#9a8067; --color-neutral:#252525; --color-background:#fff; --font-sans:"Open Sans",sans-serif; --font-serif:"Cormorant Garamond",Georgia,serif; }
@layer base {
*{box-sizing:border-box}body{margin:0;color:#292929;background:#fff;font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#a18469}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.12;margin:0 0 15px}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}h1{font-size:54px}h2{font-size:36px}h3{font-size:29px}p{margin:0 0 18px}
}
@layer components{
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:white;z-index:99;padding:12px}
.bloom-top{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:9px max(30px,calc((100vw - 1200px)/2));font-size:11px;color:#777;letter-spacing:.5px}.bloom-top a{margin-right:20px}.bloom-brand{display:flex;justify-content:center;padding:22px}.bloom-brand img{width:190px;height:auto}.bloom-nav{border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;gap:50px;padding:17px 30px}.bloom-links{display:flex;gap:32px}.bloom-links a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px}.bloom-nav form{display:flex;border-bottom:1px solid #ddd;width:155px}.bloom-nav input{width:125px;border:0;background:transparent;font-size:11px}.bloom-nav button{border:0;background:transparent}.mobile-toggle{display:none}.bloom-main{padding-top:30px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 30px 65px}.bloom-card{margin-bottom:28px}.bloom-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.bloom-card .eyebrow{margin:18px 0 10px}.bloom-card p{font-size:13px;color:#777;line-height:1.9}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#a18469;font-weight:600}.hero-card{position:relative;height:510px;margin:0;overflow:hidden;background:#655b4c}.hero-card>a{position:absolute;inset:0}.hero-card img{height:100%;aspect-ratio:auto;transition:transform .7s}.hero-card:hover img{transform:scale(1.03)}.hero-card .card-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;background:linear-gradient(transparent 25%,rgba(0,0,0,.65));color:white;pointer-events:none}.hero-card .card-copy a{pointer-events:auto}.hero-card .eyebrow{color:white}.hero-card h3{font-size:36px}.hero-card p{color:#eee;font-size:12px}.bloom-container{max-width:1200px;margin:auto;padding:0 30px}.section-label{font-family:"Open Sans",sans-serif;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;border-top:1px solid #ddd;padding-top:20px;margin-bottom:25px}.love-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:35px;margin-bottom:55px}.large-card img{aspect-ratio:1.12}.large-card h3{font-size:35px}.eat-stack img{aspect-ratio:1.8}.practice-link{display:block;padding:20px 0;border-bottom:1px solid #eee;font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;line-height:1.25}.kits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0 65px}.kit-card img{aspect-ratio:1;object-fit:contain;background:#f7f6f3}.kit-card h3{font-size:27px}.new-grid{columns:3;column-gap:30px;margin-bottom:60px}.new-grid .bloom-card{break-inside:avoid;margin-bottom:35px}.new-grid .bloom-card:nth-child(3n+1) img{aspect-ratio:.9}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:60px}.work-card img{aspect-ratio:1.7}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.explore-grid h3{font-size:23px}.explore-grid img{aspect-ratio:1}.bloom-footer{margin-top:70px;background:#f6f4f0;text-align:center;padding:55px 25px;color:#777;font-size:11px;letter-spacing:1px}.bloom-footer>a:first-child{font-family:"Cormorant Garamond",Georgia,serif;font-size:32px;color:#8e735b}.bloom-footer p{margin-top:15px}.story-wrap{max-width:1040px;padding:65px 30px;margin:auto}.story-heading{max-width:800px;text-align:center;margin:0 auto 35px}.story-heading h1{margin-top:20px}.story-date{font-size:11px;color:#888}.story-image{width:100%;max-height:600px;object-fit:cover;margin-bottom:45px}.story-content{max-width:760px;margin:auto;font-size:16px;line-height:1.95}.story-content h2,.story-content h3{margin-top:35px}.story-content a{color:#9a8067;text-decoration:underline}.story-content img{height:auto;margin:25px auto}.story-pagination{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ddd;padding-top:30px;margin-top:50px}.story-content iframe{max-width:100%}
@media(max-width:1000px){.hero-card{height:400px}.hero-card h3{font-size:28px}.hero-card .card-copy{padding:22px}.love-grid{grid-template-columns:1.2fr 1fr}.love-grid aside{grid-column:1/-1}.kits-grid,.explore-grid{grid-template-columns:repeat(2,1fr)}.bloom-links{gap:20px}}
@media(max-width:640px){.bloom-top{padding:8px 20px}.bloom-top>span{display:none}.bloom-brand img{width:150px}.bloom-nav{padding:13px 20px;justify-content:space-between;flex-wrap:wrap;gap:15px}.mobile-toggle{display:block!important}.bloom-links{display:none;order:3;width:100%;flex-wrap:wrap}.bloom-links.is-open{display:flex}.hero-grid{grid-template-columns:1fr;margin:0 15px 40px;gap:12px}.hero-card{height:390px}.hero-card h3{font-size:33px}.bloom-container{padding:0 20px}.love-grid{grid-template-columns:1fr;gap:20px}.new-grid{columns:1}.work-grid{grid-template-columns:1fr}.kits-grid,.explore-grid{gap:18px}.kits-grid h3,.explore-grid h3{font-size:23px}.story-wrap{padding:40px 20px}h1{font-size:38px}.story-content{font-size:15px}.story-pagination{flex-direction:column}}
}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.story-content ul{list-style:disc;padding-left:25px}.story-content ol{list-style:decimal;padding-left:25px}