/*
Theme Name: Sabr & Sakinah — Staging
Theme URI: https://sabrandsakinah.com
Description: Intentional Islamic living — editorial WordPress theme.
Version: 2.0.0
Text Domain: sabr-sakinah
*/
:root{--blue:#486573;--blue-deep:#294956;--cream:#e8dcd5;--paper:#f5eee9;--ink:#263d46;--gold:#b99a67;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Montserrat',Arial,sans-serif;line-height:1.55}.ss-shell{width:min(var(--max),calc(100% - 10vw));margin:auto}.ss-header{position:absolute;z-index:20;top:0;width:100%;color:var(--cream);padding:28px 0}.ss-nav{display:flex;align-items:center;gap:55px}.ss-brand{display:block;width:min(330px,34vw);margin-right:auto}.ss-brand img{display:block;width:100%;height:auto}.ss-nav nav{display:flex;gap:42px}.ss-nav nav a,.ss-bag{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.ss-hero{min-height:760px;background:linear-gradient(120deg,var(--blue-deep),var(--blue));color:var(--cream);position:relative;overflow:hidden;padding:185px 0 110px}.ss-hero-inner{position:relative;z-index:2}.ss-kicker{text-transform:uppercase;letter-spacing:.24em;font-size:14px;margin:0 0 36px}.ss-kicker:after{content:'';display:block;width:88px;border-bottom:1px solid var(--gold);margin-top:17px}.ss-kicker.dark{color:var(--ink)}.ss-display{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,5.2vw,78px);line-height:1.08;font-weight:400;margin:0}.ss-display em{font-weight:400}.ss-intro{font-size:18px;max-width:470px;margin:28px 0 38px}.ss-actions{display:flex;align-items:center;gap:38px}.ss-button{background:var(--cream);color:var(--ink);padding:14px 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.ss-textlink{color:var(--cream);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-bottom:1px solid;padding-bottom:6px}.ss-watermark{position:absolute;right:-13%;top:-22%;width:min(760px,62vw);opacity:.115;transform:rotate(-13deg);pointer-events:none}.ss-watermark img{width:100%;height:auto}.ss-meaning{background:var(--paper);min-height:510px}.ss-meaning-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:510px}.ss-meaning-copy{padding:64px 6vw 60px 0}.ss-words{display:grid;grid-template-columns:1fr 1fr;margin-top:32px}.ss-words article{padding:0 42px;text-align:center}.ss-words article+article{border-left:1px solid #d5c5ba}.ss-arabic{font-family:'Noto Naskh Arabic',serif;color:var(--blue);font-size:32px}.ss-words h2{text-transform:uppercase;letter-spacing:.15em;font-size:15px;margin:6px}.ss-words p{font-size:14px}.ss-together{text-align:center;margin:38px 0 0}.ss-niche{background:linear-gradient(145deg,#d6c6b7,#a88e73);clip-path:polygon(50% 0,58% 10%,70% 17%,80% 29%,88% 45%,91% 100%,9% 100%,12% 45%,20% 29%,30% 17%,42% 10%);margin-top:-36px;align-self:end;height:450px;padding:65px 50px 0}.ss-niche-inner{height:100%;border-radius:160px 160px 0 0;background:linear-gradient(#d9cdbf,#a78f77);display:flex;align-items:center;justify-content:center;font-size:80px;color:rgba(72,101,115,.45)}.ss-collections{padding:42px 0 34px;background:#f8f1ed}.ss-section-title{text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:14px;margin:0 0 28px}.ss-collection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.ss-card{text-decoration:none;color:var(--ink);text-align:center}.ss-card-art{aspect-ratio:1;background:linear-gradient(145deg,#8b7968,#c7b4a3);display:grid;place-items:center;margin-bottom:13px}.ss-card-art span{font:italic 72px 'Cormorant Garamond';color:rgba(232,220,213,.42)}.art-2,.art-5{background:linear-gradient(145deg,#354e5b,#a89785)}.art-3,.art-6{background:linear-gradient(145deg,#bba58f,#806b58)}.ss-card strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.ss-view{display:block;width:max-content;margin:24px auto 0;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--ink)}.ss-belief{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--blue-deep),var(--blue));color:var(--cream);padding:52px 0}.ss-belief-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;position:relative;z-index:2}.ss-display.small{font-size:clamp(29px,3vw,43px);line-height:1.25}.ss-belief p{max-width:440px}.ss-watermark.lower{top:auto;bottom:-170%;right:-5%;transform:rotate(18deg);opacity:.08}.ss-journal{padding:80px 0}.ss-journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 90px;align-items:end}.ss-display.ink{color:var(--ink)}.ss-journal-grid>p{max-width:480px}.ss-textlink.dark{color:var(--ink);grid-column:2}.ss-signup{padding:35px 0;background:var(--cream)}.ss-signup-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.ss-signup .ss-kicker{margin-bottom:8px}.ss-signup .ss-kicker:after{display:none}.ss-signup p{margin:4px 0}.signup-form{display:flex}.signup-form input[type=email]{flex:1;padding:15px;border:1px solid #d5c5ba;background:rgba(255,255,255,.25);font:inherit}.signup-form button{border:0;background:var(--blue-deep);color:var(--cream);padding:0 42px;text-transform:uppercase;letter-spacing:.12em}.ss-hp{position:absolute;left:-9999px}.form-success,.form-error{display:none}footer.site-footer{background:var(--blue-deep)!important;color:var(--cream)!important}
@media(max-width:900px){.ss-nav nav{display:none}.ss-brand{width:280px;max-width:72vw}.ss-hero{min-height:700px;padding-top:160px}.ss-watermark{width:95vw;right:-46%;top:-4%;opacity:.09}.ss-meaning-grid{grid-template-columns:1fr}.ss-niche{display:none}.ss-meaning-copy{padding-right:0}.ss-collection-grid{grid-template-columns:repeat(3,1fr)}.ss-belief-grid,.ss-journal-grid,.ss-signup-grid{grid-template-columns:1fr}.ss-textlink.dark{grid-column:auto}.signup-form{max-width:620px}}
@media(max-width:560px){.ss-shell{width:calc(100% - 42px)}.ss-hero{padding-top:135px}.ss-display{font-size:44px}.ss-intro{font-size:16px}.ss-actions{align-items:flex-start;flex-direction:column;gap:22px}.ss-words{grid-template-columns:1fr}.ss-words article{padding:20px 0}.ss-words article+article{border-left:0;border-top:1px solid #d5c5ba}.ss-collection-grid{grid-template-columns:repeat(2,1fr)}.ss-belief-grid{gap:25px}.signup-form{flex-direction:column}.signup-form button{padding:15px}.ss-bag{display:none}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.ss-footer-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:60px;align-items:start;padding:60px 0 36px}.ss-footer-brand{width:clamp(240px,22vw,300px)}.ss-footer-brand img{display:block;width:100%;height:auto}.ss-footer-title{text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin:0 0 18px;opacity:.7}.ss-footer-links,.ss-footer-intent{border-left:1px solid rgba(232,220,213,.18);padding-left:44px}.ss-footer-links{display:flex;flex-direction:column;gap:13px}.ss-footer-links a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.ss-footer-links a:hover{opacity:.7}.ss-footer-intent p:not(.ss-footer-title){font-size:14px;line-height:1.65;opacity:.85;margin:0;max-width:340px}.ss-copyright{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 34px;border-top:1px solid rgba(232,220,213,.18);margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.65}
@media(max-width:900px){.ss-footer-grid{grid-template-columns:1fr;gap:0;padding:48px 0 30px}.ss-footer-brand{width:220px;max-width:60vw;margin-bottom:32px}.ss-footer-links,.ss-footer-intent{border-left:0;padding-left:0;padding-top:26px;border-top:1px solid rgba(232,220,213,.18)}.ss-copyright{flex-direction:column;align-items:flex-start;gap:8px}}