
/*
Theme Name: Feathers Wellness Studio Guest Blog Premium V3
Description: Luxury editorial wellness publication theme with no-code customization.
Version: 3.0.0
*/
:root{
--charcoal:#17201D;--forest:#1F4037;--forest2:#2B5147;--ivory:#F7F3EA;--sage:#A9B9AE;
--gold:#C6A15B;--beige:#E8E0D2;--white:#fff;--ink:#18211E;--muted:#68756F;
--line:rgba(23,32,29,.12);--line-light:rgba(255,255,255,.13);--shadow:0 26px 80px rgba(23,32,29,.13);
--radius:26px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.72}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(#17201D .7px,transparent .7px);background-size:9px 9px;z-index:-1}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:.2s}
a:hover{color:var(--gold)}
.container{width:min(1210px,calc(100% - 46px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(247,243,234,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:170px;max-height:50px;object-fit:contain}
.brand-mark{width:42px;height:42px;background:var(--forest);color:var(--gold);display:grid;place-items:center;border-radius:50% 50% 50% 11px;font:800 20px Georgia,serif}
.brand-text small{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;line-height:1.2}
.brand-text strong{display:block;font:700 19px Georgia,serif;color:var(--charcoal)}
.main-nav ul{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}
.main-nav a{font-size:11px;font-weight:900;letter-spacing:.02em}
.nav-cta{background:var(--forest);color:#fff!important;padding:11px 17px;border-radius:99px;box-shadow:0 7px 20px rgba(31,64,55,.16)}
.mobile-toggle{display:none;border:0;background:none;font-size:25px;color:var(--forest)}
.hero{padding:88px 0 75px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(198,161,91,.2);border-radius:50%;right:-260px;top:-270px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.eyebrow,.kicker{color:var(--gold);font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:900}
.hero h1{font:700 clamp(53px,6.4vw,88px)/.92 Georgia,serif;letter-spacing:-.058em;margin:18px 0 27px;max-width:850px}
.hero h1 em{color:var(--forest);font-style:normal}
.hero-lead{font-size:18px;color:#58655F;max-width:680px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:99px;font-size:12px;font-weight:900}
.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--forest2);color:#fff}
.btn-outline{border:1px solid var(--forest);color:var(--forest)}
.hero-visual{position:relative}
.hero-card{background:var(--forest);color:#fff;border-radius:34px;min-height:455px;padding:43px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card.has-image{background-size:cover;background-position:center}
.hero-card.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(31,64,55,.92),rgba(23,32,29,.64))}
.hero-card>*{position:relative;z-index:2}
.hero-card:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(198,161,91,.35);border-radius:50%;right:-95px;top:-75px}
.hero-card .label{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
.hero-card h2{font:700 36px/1.08 Georgia,serif;margin:15px 0 16px;max-width:480px}
.hero-card p{color:rgba(255,255,255,.77);max-width:470px}
.hero-list{list-style:none;margin:28px 0 0;padding:0;max-width:470px}
.hero-list li{padding:11px 0;border-bottom:1px solid var(--line-light);font-size:12px}
.hero-stamp{position:absolute!important;right:28px;bottom:27px;width:88px;height:88px;border:1px solid rgba(198,161,91,.65);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--gold);font:700 10px/1.3 Georgia,serif;transform:rotate(-10deg)}
.trust{background:var(--charcoal);color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:21px 18px;border-right:1px solid var(--line-light);font-size:11px}
.trust-item:last-child{border-right:0}.trust-item b{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px}
.section{padding:90px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}
.section h2{font:700 clamp(35px,4vw,54px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:8px 0 0}
.intro{max-width:580px;color:var(--muted);font-size:14px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.category-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius);padding:29px;min-height:172px;position:relative;overflow:hidden}
.category-card:before{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(198,161,91,.25);border-radius:50%;right:-45px;top:-40px}
.category-card:after{content:"↗";position:absolute;right:23px;bottom:18px;color:var(--gold);font-size:20px}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.category-no{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:.12em}
.category-card h3{font:700 28px Georgia,serif;margin:12px 0 6px}
.category-card p{font-size:12px;color:var(--muted);margin:0;max-width:285px}
.editorial{background:#fff}
.featured-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:25px}
.featured-card{position:relative;min-height:535px;border-radius:var(--radius);overflow:hidden;background:var(--charcoal);color:#fff}
.featured-image{position:absolute;inset:0}.featured-image img{width:100%;height:100%;object-fit:cover;opacity:.58}
.featured-overlay{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,rgba(23,32,29,.97),rgba(23,32,29,.06) 72%)}
.featured-meta,.meta{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:900}
.featured-overlay h3{font:700 40px/1.06 Georgia,serif;margin:9px 0 13px;max-width:780px}
.featured-overlay p{margin:0;color:rgba(255,255,255,.73);font-size:13px;max-width:690px}
.side-posts{display:grid;gap:14px}
.mini-post{display:grid;grid-template-columns:145px 1fr;gap:16px;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:12px}
.mini-thumb{border-radius:13px;overflow:hidden;background:var(--beige);min-height:125px}.mini-thumb img{width:100%;height:100%;object-fit:cover}
.mini-post h4{font:700 20px/1.14 Georgia,serif;margin:7px 0}.mini-post p{font-size:11px;color:var(--muted);margin:0}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.post-thumb{aspect-ratio:16/9;background:var(--beige);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.post-card:hover .post-thumb img{transform:scale(1.045)}
.post-body{padding:24px;display:flex;flex-direction:column;flex:1}.post-card h3{font:700 23px/1.17 Georgia,serif;margin:9px 0 11px}.post-card p{font-size:12px;color:var(--muted);margin:0 0 18px}.read{margin-top:auto;font-weight:900;font-size:11px;letter-spacing:.02em}
.about{background:var(--ivory)}
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:center}
.about-panel{background:var(--forest);color:#fff;border-radius:31px;padding:41px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);position:relative;overflow:hidden}
.about-panel:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(198,161,91,.25);border-radius:50%;right:-100px;bottom:-100px}
.about-number{font:700 72px Georgia,serif;color:var(--gold)}.about-panel h3{font:700 30px/1.12 Georgia,serif;margin:0;position:relative;z-index:2}
.about-copy p{color:var(--muted);font-size:14px}.about-copy p:first-of-type{font-size:18px;color:var(--ink)}
.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.author-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:25px;min-height:190px}
.avatar{width:62px;height:62px;border-radius:50%;background:var(--forest);color:var(--gold);display:grid;place-items:center;font:700 20px Georgia,serif}
.author-card h3{font:700 20px Georgia,serif;margin:14px 0 3px}.author-card p{font-size:11px;color:var(--muted);margin:0}.author-card .line{height:2px;width:30px;background:var(--gold);margin:13px 0}
.process{background:var(--beige)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.process-card{background:var(--ivory);border:1px solid rgba(23,32,29,.08);border-radius:21px;padding:26px;min-height:190px}
.process-no{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.15em}.process-card h3{font:700 22px Georgia,serif;margin:9px 0}.process-card p{font-size:12px;color:var(--muted);margin:0}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.faq-item summary{font-size:13px;font-weight:900;cursor:pointer}.faq-item p{font-size:12px;color:var(--muted);margin:11px 0 0}
.cta{padding:0 0 90px}.cta-inner{background:var(--forest);border-radius:34px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-inner:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(198,161,91,.22);border-radius:50%;right:-160px;top:-150px}.cta-inner>*{position:relative;z-index:2}.cta-inner .kicker{color:var(--gold)}.cta-inner h2{font:700 45px/1.07 Georgia,serif;margin:8px 0 12px}.cta-inner p{color:rgba(255,255,255,.73);max-width:650px;margin:0}.cta-inner .btn-primary{background:var(--gold);color:var(--charcoal)}
.site-footer{background:var(--charcoal);color:#fff;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}.site-footer h3{font:700 19px Georgia,serif;margin:0 0 14px}.site-footer p,.site-footer a,.site-footer li{font-size:12px;color:rgba(255,255,255,.62)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:7px 0}.footer-brand{font:700 24px Georgia,serif;color:#fff}.footer-rule{width:42px;height:2px;background:var(--gold);margin:14px 0}.footer-bottom{border-top:1px solid var(--line-light);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:10px}
.content-area{padding:70px 0}.content-wrap{max-width:860px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:27px;padding:48px}.content-wrap h1{font:700 54px/1.04 Georgia,serif}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.pagination{margin-top:30px}
@media(max-width:1000px){.hero-grid,.featured-grid,.about-grid{grid-template-columns:1fr}.author-grid{grid-template-columns:repeat(2,1fr)}.post-grid,.archive-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.main-nav ul{gap:12px}.main-nav a{font-size:10px}}
@media(max-width:760px){.container{width:min(100% - 28px,1210px)}.main-nav{display:none}.mobile-toggle{display:block}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{border-bottom:1px solid var(--line-light)}.category-grid,.post-grid,.archive-grid,.faq-list{grid-template-columns:1fr}.author-grid,.process-grid{grid-template-columns:1fr 1fr}.section{padding:62px 0}.hero{padding:58px 0}.hero h1{font-size:47px}.featured-overlay h3{font-size:30px}.cta-inner{padding:40px;display:block}.cta-inner .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
@media(max-width:500px){.author-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-card{padding:31px}.mini-post{grid-template-columns:105px 1fr}.content-wrap{padding:25px}.content-wrap h1{font-size:38px}}
