@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--cream:#f5eadf;--cream2:#fbf5ef;--brown:#3e2013;--brown2:#6b3f2c;--purple:#76506f;--purple2:#9a7193;--ink:#2e211c;--muted:#75645d;--white:#fffaf6;--line:#dfcfc3;--shadow:0 22px 60px rgba(62,32,19,.12)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream2);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65} a{text-decoration:none;color:inherit} img{display:block;max-width:100%}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(251,245,239,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(223,207,195,.8)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:"Playfair Display",serif;font-weight:700;color:var(--brown);font-size:1.35rem;letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:25px}.nav-links>a{font-size:.94rem;color:var(--muted)}.nav-links>a:hover,.nav-links>a.active{color:var(--purple)}
.lang{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px;background:white}.lang button{border:0;background:transparent;border-radius:99px;padding:7px 10px;cursor:pointer;color:var(--muted)}.lang button.active{background:var(--purple);color:white}.menu{display:none;border:0;background:transparent;font-size:1.45rem;color:var(--brown)}
.hero{position:relative;overflow:hidden;padding:72px 0 92px;background:linear-gradient(145deg,#fbf5ef 0%,#f0dfd3 58%,#ead8e7 135%)}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(118,80,111,.08);right:-140px;top:-120px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center;position:relative;z-index:1}.logo-frame{background:#ead9cc;border:1px solid #ddc8b9;border-radius:34px;padding:24px;box-shadow:var(--shadow)}.logo-frame img{width:100%;border-radius:20px}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:var(--purple);margin-bottom:15px}h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.08;margin:0 0 18px;color:var(--brown)}h1{font-size:clamp(3rem,6.4vw,5.8rem);letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.025em}h3{font-size:1.45rem}.lead{font-size:1.12rem;color:var(--muted);max-width:650px}.accent{color:var(--purple)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:999px;font-weight:700;transition:.2s}.primary{background:var(--brown);color:white}.primary:hover{background:var(--purple);transform:translateY(-2px)}.secondary{border:1px solid #cbb6a8;background:rgba(255,255,255,.6);color:var(--brown)}.secondary:hover{border-color:var(--purple);transform:translateY(-2px)}
.section{padding:88px 0}.section.soft{background:#f0e2d8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:730px;margin-bottom:42px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:rgba(255,250,246,.86);border:1px solid var(--line);border-radius:26px;padding:31px}.card .n{font-family:"Playfair Display",serif;color:var(--purple);font-size:1.15rem}.card p{color:var(--muted);margin-bottom:0}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}
.cta{background:linear-gradient(135deg,var(--brown),#583124 65%,#6b4765);border-radius:32px;padding:48px;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:white}.cta p{color:#eaded7;max-width:700px;margin:0}.cta .btn{background:#fff7f1;color:var(--brown)}
.page-hero{padding:85px 0 45px;background:linear-gradient(160deg,#fbf5ef,#f1e1d7)}.page-hero h1{font-size:clamp(3rem,6vw,5.2rem)}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project{min-height:350px;border:1px solid var(--line);border-radius:28px;padding:30px;background:linear-gradient(145deg,#f2e4d9,#eee0ed);display:flex;flex-direction:column;justify-content:flex-end}.project:nth-child(even){background:linear-gradient(145deg,#ead8e7,#f5e9df)}.project small{color:var(--purple);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.project p{color:var(--muted)}
.services{display:grid;gap:0}.service{display:grid;grid-template-columns:62px 1fr auto;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service .num{font-family:"Playfair Display",serif;color:var(--purple);font-size:1.3rem}.service p{color:var(--muted);margin:5px 0}.tag{font-size:.78rem;padding:7px 11px;border:1px solid #cdb7c9;border-radius:999px;color:var(--purple)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-box{background:white;border:1px solid var(--line);border-radius:28px;padding:34px}.social{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.social:last-child{border:0}.social-left{display:flex;align-items:center;gap:15px}.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:white;font-weight:800;font-size:1.15rem}.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0 8%,#fd5949 38%,#d6249f 60%,#285AEB 95%)}.tt{background:#000;box-shadow:inset 3px 0 #25f4ee,inset -3px 0 #fe2c55}.mail{background:var(--brown)}.note{margin-top:24px;background:#eee0ed;border:1px solid #dfcbe0;padding:22px;border-radius:20px;color:#68515f}
footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}
@media(max-width:820px){.container{width:min(100% - 28px,1160px)}.menu{display:block}.nav{height:70px}.nav-links{display:none;position:absolute;top:76px;left:14px;right:14px;background:#fffaf6;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.lang{align-self:flex-start}.hero{padding:48px 0 65px}.hero-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.logo-frame{order:-1;padding:14px;border-radius:24px}.grid3,.projects{grid-template-columns:1fr}.section{padding:64px 0}.cta{padding:32px;flex-direction:column;align-items:flex-start}.service{grid-template-columns:45px 1fr}.tag{grid-column:2;justify-self:start}.foot{flex-direction:column;align-items:flex-start}h1{font-size:clamp(2.7rem,13vw,4.4rem)}}

.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-lockup img{width:50px;height:50px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.hero-single{grid-template-columns:minmax(0,820px);justify-content:start}
.hero-single .lead{max-width:720px}
@media(max-width:820px){
  .brand-lockup img{width:42px;height:42px;border-radius:9px}
  .brand-lockup span{font-size:1.05rem}
  .hero-single{grid-template-columns:1fr}
}

/* Approved Grow With Asiyah hero/header */
.brand-lockup{display:flex;align-items:center;gap:13px;white-space:nowrap}
.brand-lockup img{
  width:72px;height:52px;object-fit:cover;object-position:center;
  border:0;border-radius:0;background:transparent;
}
.brand-lockup span{font-family:"Playfair Display",serif;font-size:1.42rem;font-weight:700;color:var(--brown)}
.header-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:0 18px;border-radius:999px;
  background:var(--purple);color:#fff!important;font-weight:600;font-size:.9rem;
}
.header-cta:hover{background:var(--brown)}
.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:72px 0 86px}
.hero-grid,.hero-single{display:block;max-width:none;width:100%}
.hero-grid>div:first-child,.hero-single>div:first-child{max-width:1040px}
.hero h1{max-width:1000px;font-size:clamp(4rem,7.5vw,7.1rem);line-height:.96;letter-spacing:-.05em}
.hero .lead{max-width:790px;font-size:1.18rem}
.hero .actions{margin-top:30px}
.hero:before{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  background:rgba(154,113,147,.08);right:-250px;top:-180px;left:auto;filter:none
}
.hero:after{width:380px;height:380px;background:rgba(118,80,111,.07);right:-90px;top:-80px}
@media(max-width:980px){
  .nav-links{gap:14px}.header-cta{padding:0 14px;font-size:.82rem}
  .brand-lockup span{font-size:1.18rem}.brand-lockup img{width:62px;height:46px}
}
@media(max-width:820px){
  .brand-lockup img{width:54px;height:40px}
  .brand-lockup span{font-size:1.05rem}
  .header-cta{width:100%;margin-top:4px}
  .hero{min-height:auto;padding:58px 0 70px}
  .hero h1{font-size:clamp(3.25rem,15vw,5.2rem);max-width:100%}
  .hero .lead{font-size:1.04rem}
}

/* v6: lock hero content to the approved left-side composition */
.hero .container{
  width:min(1440px,calc(100% - 96px));
}
.hero-grid>div:first-child,
.hero-single>div:first-child{
  width:min(760px,58vw);
  max-width:760px;
  margin-left:0;
  margin-right:auto;
}
.hero h1{
  width:100%;
  max-width:760px;
  font-size:clamp(4.5rem,6.3vw,6.6rem);
  line-height:.98;
}
.hero .lead{
  width:100%;
  max-width:700px;
}
.hero .actions{
  justify-content:flex-start;
  margin-left:0;
}
@media(max-width:980px){
  .hero .container{width:min(100% - 48px,1440px)}
  .hero-grid>div:first-child,.hero-single>div:first-child{
    width:min(760px,72vw);
    max-width:760px;
  }
}
@media(max-width:820px){
  .hero .container{width:min(100% - 28px,1160px)}
  .hero-grid>div:first-child,.hero-single>div:first-child{
    width:100%;
    max-width:none;
  }
  .hero h1{max-width:100%;font-size:clamp(3.1rem,14vw,5rem)}
  .hero .actions{gap:10px}
}

/* v7: exact header-logo fit and hero alignment */
.brand-lockup{gap:14px;overflow:visible}
.brand-lockup img{
  width:92px;
  height:56px;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  background:transparent;
  flex:0 0 auto;
}
.hero-eyebrow{
  margin:0 0 22px 0;
  padding:0;
  color:var(--purple);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
  line-height:1;
}
.hero-grid>div:first-child,
.hero-single>div:first-child,
.hero-eyebrow,
.hero h1,
.hero .lead,
.hero .actions{
  margin-left:0;
}
.hero h1{margin-top:0}
@media(max-width:820px){
  .brand-lockup img{width:72px;height:44px}
  .hero-eyebrow{font-size:.72rem;letter-spacing:.14em;margin-bottom:18px}
}

/* v8 — homepage rebuilt directly from approved mockup */
header{background:#fff9f4;border-bottom:1px solid rgba(110,70,70,.08)}
.nav{height:112px;max-width:1500px}
.brand-lockup{gap:22px}
.brand-lockup:after{content:"";order:1;width:1px;height:58px;background:#b68b9d;margin-left:-10px}
.brand-lockup img{order:0;width:128px;height:70px;object-fit:contain;background:transparent}
.brand-lockup span{order:2;font-size:2rem;letter-spacing:-.025em}
.nav-links{gap:32px}
.nav-links>a{font-size:1rem;color:#332623}
.header-cta{min-height:54px;padding:0 30px!important;background:#6d244f!important;font-size:1rem!important}
.lang{padding:4px}.lang button{padding:9px 12px;font-size:1rem}

.approved-hero{
  position:relative;overflow:hidden;
  min-height:calc(100vh - 112px);
  background:linear-gradient(115deg,#fbf0e8 0%,#f8e9e2 57%,#f3dfe3 100%);
}
.approved-hero-inner{
  width:min(1500px,calc(100% - 96px));margin:auto;
  min-height:calc(100vh - 112px);position:relative;
  display:flex;align-items:center;
}
.approved-copy{position:relative;z-index:3;width:760px;padding:70px 0 92px}
.approved-copy h1{
  font-family:"Playfair Display",serif;
  color:#3b150f;font-weight:600;
  font-size:clamp(4.7rem,6.25vw,6.75rem);
  line-height:.98;letter-spacing:-.055em;
  margin:0 0 24px;
}
.approved-copy h1 span{display:block;color:#a15f7d}
.approved-copy p{
  max-width:720px;margin:0;
  font-size:1.2rem;line-height:1.55;color:#4d403c;
}
.approved-actions{display:flex;gap:20px;align-items:center;margin-top:30px}
.approved-btn{
  min-height:72px;border-radius:999px;padding:0 34px;
  display:inline-flex;align-items:center;justify-content:space-between;gap:40px;
  font-size:1.12rem;font-weight:600;transition:.2s;
}
.approved-btn.filled{background:#6d244f;color:#fff;min-width:340px}
.approved-btn.outline{border:1px solid #d8bfc1;color:#321d18;background:rgba(255,255,255,.28);min-width:345px}
.approved-btn b{font-size:1.7rem;font-weight:400}
.approved-btn:hover{transform:translateY(-2px)}
.hero-decoration{position:absolute;inset:0;pointer-events:none}
.circle{position:absolute;border-radius:50%;background:rgba(130,72,104,.085)}
.c1{width:430px;height:430px;right:-90px;top:-145px}
.c2{width:360px;height:360px;right:-180px;top:-40px;background:rgba(130,72,104,.11)}
.botanical{position:absolute;width:520px;height:420px;right:-25px;bottom:-35px;color:#b1708c;opacity:.86}

@media(max-width:1100px){
  .nav{height:92px}.brand-lockup img{width:96px;height:58px}.brand-lockup span{font-size:1.55rem}
  .nav-links{gap:18px}.header-cta{padding:0 18px!important}
  .approved-hero{min-height:calc(100vh - 92px)}
  .approved-hero-inner{min-height:calc(100vh - 92px)}
  .approved-copy{width:690px}
  .approved-copy h1{font-size:clamp(4rem,7vw,5.6rem)}
}
@media(max-width:820px){
  .nav{height:72px}.brand-lockup{gap:10px}.brand-lockup:after{display:none}
  .brand-lockup img{width:66px;height:43px}.brand-lockup span{font-size:1.1rem}
  .approved-hero,.approved-hero-inner{min-height:auto}
  .approved-hero-inner{width:min(100% - 32px,1500px);display:block}
  .approved-copy{width:100%;padding:70px 0 110px}
  .approved-copy h1{font-size:clamp(3.25rem,14vw,5rem);line-height:1}
  .approved-copy p{font-size:1.03rem;max-width:92%}
  .approved-actions{flex-direction:column;align-items:stretch;gap:12px}
  .approved-btn,.approved-btn.filled,.approved-btn.outline{width:100%;min-width:0;min-height:60px;padding:0 24px}
  .botanical{width:300px;height:250px;right:-80px;bottom:-40px;opacity:.45}
  .c1{width:260px;height:260px;right:-130px;top:-90px}.c2{width:210px;height:210px;right:-130px;top:10px}
}

/* v9 — text-only brand, moved outward */
.nav{width:min(1560px,calc(100% - 48px));max-width:none}
.brand-name-only{
  font-family:"Playfair Display",serif;
  font-size:2rem;
  font-weight:700;
  letter-spacing:-.025em;
  color:var(--brown);
  white-space:nowrap;
}
@media(max-width:820px){
  .nav{width:calc(100% - 28px)}
  .brand-name-only{font-size:1.25rem}
}

/* v10: recognizable official-style social app marks */
.app-icon{
  width:46px;height:46px;display:grid;place-items:center;
  flex:0 0 46px;border-radius:11px;overflow:hidden;
  background:#fff;
}
.app-icon svg{width:100%;height:100%;display:block}
.gmail-icon{padding:7px;border:1px solid #ece6e2}
.gmail-icon svg{width:32px;height:32px}

/* v11 — About page + local SEO */
.about-page{background:linear-gradient(115deg,#fbf0e8 0%,#f8e9e2 65%,#f3dfe3 100%);min-height:calc(100vh - 190px)}
.about-wrap{max-width:900px}.about-page h1{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,6vw,5.5rem);color:var(--brown);margin:.15em 0 .5em}.about-copy{font-size:1.12rem;line-height:1.85;color:#4d403c}.about-copy p{margin:0 0 1.25em}.about-closing{font-weight:700;color:var(--purple);font-size:1.2rem}.local-seo .section-head{max-width:900px}.local-seo h2{font-family:"Playfair Display",serif;color:var(--brown)}