/* Homepage journal — approved concept 2 */
.vava-homepage #journal.journal-section{
  padding:96px clamp(24px,5vw,78px) 42px;
  background:#f7f1e7;
  overflow:hidden;
}
.vava-homepage #journal.journal-section:before{
  background:
    radial-gradient(circle at 20% 8%,rgba(255,255,255,.64),transparent 24%),
    radial-gradient(circle at 78% 54%,rgba(255,255,255,.42),transparent 32%),
    linear-gradient(135deg,#f8f3e9 0%,#f5eee3 48%,#faf6ee 100%);
}
.vava-homepage #journal .journal-paper-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.52;background-image:radial-gradient(rgba(107,109,67,.09) .75px,transparent .85px);background-size:16px 16px;mask-image:linear-gradient(to bottom,transparent,black 9%,black 91%,transparent)}
.vava-homepage #journal .journal-organic-shape{position:absolute;z-index:-2;pointer-events:none}
.vava-homepage #journal .journal-organic-shape-sage{width:44vw;height:40vw;left:-13vw;bottom:-18vw;border-radius:48% 52% 61% 39% / 48% 39% 61% 52%;background:rgba(145,157,135,.56);transform:rotate(8deg)}
.vava-homepage #journal .journal-organic-shape-coral{width:34vw;height:22vw;right:-7vw;bottom:-12vw;border-radius:62% 38% 0 0 / 74% 48% 0 0;background:rgba(238,164,137,.62);transform:rotate(-4deg)}
.vava-homepage #journal .journal-botanical{position:absolute;z-index:-1;width:150px;height:auto;fill:none;stroke:rgba(100,108,76,.55);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.vava-homepage #journal .journal-botanical-left{left:0;bottom:2%;stroke:rgba(255,250,242,.78)}
.vava-homepage #journal .journal-botanical-right{right:1.2%;bottom:2%;width:138px}
.vava-homepage #journal .journal-scene{width:min(1240px,100%);height:min(790px,calc(100svh - 130px));min-height:620px;margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"copy visual";gap:clamp(42px,6vw,92px);align-items:center;position:relative}
.vava-homepage #journal .journal-copy{grid-area:copy;max-width:560px;justify-self:center;text-align:center;position:relative;padding:10px 0 46px}
.vava-homepage #journal .journal-copy h2{font-size:clamp(52px,5.7vw,82px)!important;line-height:1.08!important;color:#465039!important;letter-spacing:-.035em!important;margin:0!important}
.vava-homepage #journal .journal-copy h3{font-family:"VAVA Body","Noto Naskh Arabic",serif!important;font-size:clamp(24px,2.45vw,36px)!important;line-height:1.45!important;color:#cf7d65!important;font-weight:500!important;margin:12px 0 12px!important}
.vava-homepage #journal .journal-title-sprig{position:absolute;top:16px;right:8%;color:#cf7d65;font-size:42px;line-height:1;transform:rotate(-28deg);opacity:.92}
.vava-homepage #journal .journal-divider{display:flex;width:286px;max-width:76%;height:18px;margin:0 auto 18px;align-items:center;justify-content:center;position:relative}
.vava-homepage #journal .journal-divider:before,.vava-homepage #journal .journal-divider:after{content:"";height:1px;flex:1;background:rgba(75,80,59,.42)}
.vava-homepage #journal .journal-divider i{width:7px;height:7px;border-radius:50%;background:#6b6d43;margin:0 8px;box-shadow:0 0 0 4px rgba(247,241,231,.92)}
.vava-homepage #journal .journal-description{max-width:525px;margin:0 auto;color:#514f48}
.vava-homepage #journal .journal-description p{font-size:clamp(16px,1.25vw,19px)!important;line-height:2.05!important;color:#514f48!important;margin:0!important}
.vava-homepage #journal .journal-actions{justify-content:center!important;margin-top:28px!important}
.vava-homepage #journal .journal-button{display:inline-flex!important;align-items:center;justify-content:center;gap:24px;min-width:286px!important;padding:15px 34px!important;border-radius:999px!important;font-size:17px!important;box-shadow:0 18px 40px rgba(74,78,54,.14)!important}
.vava-homepage #journal .journal-button span{font-size:24px;line-height:1;font-family:Arial,sans-serif}
.vava-homepage #journal .journal-visual{grid-area:visual;position:relative;width:min(600px,100%);height:100%;min-height:590px;justify-self:start;display:flex;align-items:center;padding-right:clamp(6px,2vw,26px);padding-left:0}
.vava-homepage #journal .journal-visual:before{content:"";position:absolute;left:-13%;bottom:1%;width:84%;height:55%;background:rgba(151,165,148,.52);border-radius:62% 38% 0 0 / 42% 42% 0 0;z-index:-1}
.vava-homepage #journal .journal-arch{width:min(500px,84%);height:min(690px,92%);min-height:550px;margin:0;overflow:hidden;border:2px solid rgba(255,255,255,.82);border-radius:250px 250px 34px 34px;box-shadow:0 28px 70px rgba(92,78,57,.13);background:#e8dccb;position:relative}
.vava-homepage #journal .journal-arch:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.52);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(104,103,75,.05);pointer-events:none}
.vava-homepage #journal .journal-arch img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%}
.vava-homepage #journal .journal-glass-card{position:absolute;right:-2.5%;bottom:12%;width:clamp(238px,22vw,304px);padding:19px 24px 16px;border:1px solid rgba(255,255,255,.82);border-radius:34px;background:linear-gradient(145deg,rgba(255,250,242,.84),rgba(248,240,228,.70));backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);box-shadow:0 25px 54px rgba(82,68,52,.18),inset 0 1px 0 rgba(255,255,255,.72);z-index:3}
.vava-homepage #journal .journal-feature-row{height:92px;display:flex;direction:ltr;align-items:center;gap:24px;border-bottom:1px solid rgba(107,109,67,.13)}
.vava-homepage #journal .journal-feature-row strong{flex:1;font-family:"VAVA Body","Noto Naskh Arabic",sans-serif;font-size:clamp(20px,1.75vw,25px);font-weight:500;color:#4c533e}
.vava-homepage #journal .journal-feature-icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:rgba(165,154,116,.56);color:#fffdf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.vava-homepage #journal .journal-feature-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.vava-homepage #journal .journal-glass-caption{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding-top:10px;color:#5d5a50;font-size:12.5px;line-height:1.5;text-align:center}
.vava-homepage #journal .journal-glass-caption>span:first-child{color:#cf7d65;font-size:19px;transform:rotate(-18deg)}
.vava-homepage #journal .journal-vava-mark{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:126px;height:auto;opacity:.58;mix-blend-mode:multiply;pointer-events:none}
@media(max-width:1100px){
  .vava-homepage #journal .journal-scene{gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
  .vava-homepage #journal .journal-glass-card{right:-3%;width:250px}
  .vava-homepage #journal .journal-feature-row{height:82px;gap:18px}
  .vava-homepage #journal .journal-feature-icon{width:52px;height:52px;flex-basis:52px}
}
@media(max-width:820px){
  .vava-homepage #journal.journal-section{padding:96px 18px 54px;overflow:auto;align-items:flex-start}
  .vava-homepage #journal .journal-scene{height:auto;min-height:auto;grid-template-columns:1fr;grid-template-areas:"copy" "visual";gap:28px;padding-bottom:48px}
  .vava-homepage #journal .journal-copy{padding:4px 8px 0;max-width:640px}
  .vava-homepage #journal .journal-copy h2{font-size:clamp(46px,12vw,66px)!important}
  .vava-homepage #journal .journal-copy h3{font-size:clamp(22px,6vw,30px)!important}
  .vava-homepage #journal .journal-title-sprig{right:14%;top:4px;font-size:34px}
  .vava-homepage #journal .journal-description p{font-size:16px!important;line-height:1.95!important}
  .vava-homepage #journal .journal-visual{width:min(620px,100%);height:570px;min-height:570px;padding:0 6px;justify-content:center}
  .vava-homepage #journal .journal-arch{width:min(430px,78vw);height:540px;min-height:540px}
  .vava-homepage #journal .journal-glass-card{right:2%;bottom:8%;width:min(250px,58vw);padding:14px 18px 12px;border-radius:28px}
  .vava-homepage #journal .journal-feature-row{height:76px;gap:14px}
  .vava-homepage #journal .journal-feature-row strong{font-size:19px}
  .vava-homepage #journal .journal-feature-icon{width:48px;height:48px;flex-basis:48px}
  .vava-homepage #journal .journal-vava-mark{display:none}
}
@media(max-width:520px){
  .vava-homepage #journal .journal-button{min-width:245px!important;font-size:15px!important}
  .vava-homepage #journal .journal-visual{height:500px;min-height:500px}
  .vava-homepage #journal .journal-arch{width:84vw;height:470px;min-height:470px;border-radius:210px 210px 28px 28px}
  .vava-homepage #journal .journal-glass-card{right:1%;bottom:5%;width:222px}
  .vava-homepage #journal .journal-feature-row{height:66px}
  .vava-homepage #journal .journal-feature-row strong{font-size:17px}
  .vava-homepage #journal .journal-feature-icon{width:42px;height:42px;flex-basis:42px}
  .vava-homepage #journal .journal-feature-icon svg{width:24px;height:24px}
  .vava-homepage #journal .journal-glass-caption{font-size:10.5px;min-height:40px}
  .vava-homepage #journal .journal-botanical{width:100px;opacity:.62}
}

html[dir="rtl"] .vava-homepage #journal .journal-feature-row strong{direction:rtl;text-align:right}
html[dir="ltr"] .vava-homepage #journal .journal-feature-row strong{direction:ltr;text-align:left}