@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Tajawal:wght@400;500;700&display=swap');
html{scroll-behavior:smooth}
html[lang=ar],html[lang=ar] body{font-family:Tajawal,Arial,sans-serif}
html[lang=ar] .scene-title,html[lang=ar] .social-panel h2,html[lang=ar] .review-panel h2{font-family:'Aref Ruqaa',serif;font-weight:400;letter-spacing:0;line-height:1.17}
html[lang=ar] .scene-title{color:#fff;font-size:clamp(50px,6.1vw,102px);max-width:10.5em;margin-inline:auto;text-shadow:0 3px 20px rgba(0,0,0,.45);text-wrap:balance}
html[lang=ar] .timeline{direction:ltr}
html[lang=ar] .scene-topline,html[lang=ar] .scroll-cue,html[lang=ar] .scene-actions{font-family:Tajawal,Arial,sans-serif;letter-spacing:.06em}
html[lang=ar] .header-center{font-family:Tajawal,Arial,sans-serif;letter-spacing:.12em}
.scene{min-height:110svh}.scene:first-child{min-height:110svh}
.cinematic-image{width:100%;height:100%;inset:0;transform:scale(1.035);transition:opacity 1.25s cubic-bezier(.22,.61,.36,1),transform 7s ease-out;filter:saturate(.9) brightness(.88)}
.cinematic-image.is-active{transform:scale(1);filter:saturate(.95) brightness(.88)}
.film-grain{animation:none;opacity:.035}.stage-vignette{box-shadow:inset 0 0 130px 10px #00000040}
.scene-copy{transition:opacity .85s ease,transform 1.1s cubic-bezier(.22,.61,.36,1)}
.motion-enabled .scene-copy{opacity:0;transform:translateY(34px)}
.motion-enabled .scene.is-visible .scene-copy{opacity:1;transform:none}
.scene-actions{justify-content:center}.timeline{transition:opacity .4s}.timeline.is-hidden{opacity:0;pointer-events:none}
.site-header[data-scrolled=true] .brand{opacity:1;pointer-events:auto;transform:none}
.social-panel{padding:120px 9vw;text-align:left;min-height:85vh;background:#191b16}
html[lang=ar] .social-panel,html[lang=ar] .review-panel{direction:rtl;text-align:right}
html[lang=ar] .social-copy>p,html[lang=ar] .social-copy>p[dir=rtl],html[lang=ar] .review-copy>p,html[lang=ar] .review-copy>p[dir=rtl]{text-align:right;font-family:Tajawal,Arial,sans-serif}
html[lang=ar] .social-gallery span{text-align:right;font-family:Tajawal,Arial,sans-serif;letter-spacing:.08em}
.social-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;max-width:1400px;width:100%}
.social-panel h2,.review-panel h2{font-size:clamp(52px,6.8vw,110px);line-height:.97}
.social-copy>p{color:#f3f0e9aa;max-width:390px;line-height:1.8;font-size:15px;margin:24px 0}
.social-copy>p[dir=rtl]{text-align:left;font-size:17px}
.social-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:36px}.instagram-card,.social-quick-link{min-height:92px;display:flex;align-items:center;gap:20px;border:1px solid #f3f0e940;padding:20px 22px;transition:background .3s,border-color .3s,transform .3s}.instagram-card:hover,.social-quick-link:hover{background:#ffffff0a;border-color:#d8b47c;transform:translateY(-3px)}
.instagram-card svg,.platform-icon{width:38px;height:38px;flex:none}.instagram-card span,.social-quick-link span:not(.platform-icon){display:grid;gap:8px}.instagram-card small,.social-quick-link small{font-size:9px;letter-spacing:.16em;color:#f3f0e99e}.instagram-card strong,.social-quick-link strong{font-size:23px;font-weight:400}.instagram-card b,.social-quick-link b{margin-left:auto;font-size:26px;font-weight:400}.platform-icon{border:1px solid #f3f0e980;border-radius:50%;display:grid;place-items:center;font:600 26px/1 Arial}
html[lang=ar] .instagram-card,html[lang=ar] .social-quick-link{font-family:Tajawal,Arial,sans-serif}html[lang=ar] .instagram-card b,html[lang=ar] .social-quick-link b{margin-left:0;margin-right:auto}
.social-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.social-gallery img{width:100%;height:420px;object-fit:cover}.social-gallery img:nth-child(2){margin-top:95px}.social-gallery span{grid-column:1/-1;font-size:9px;letter-spacing:.2em;color:#f3f0e980}
.review-panel{min-height:75vh;border-bottom:1px solid #11110f20}.review-copy>p{margin-bottom:20px}.review-copy>p[dir=rtl]{text-align:left}
.review-action{border-radius:8px;aspect-ratio:auto;width:300px;min-height:310px;padding:30px;box-shadow:0 22px 60px #11110f12}.review-action:hover{transform:translateY(-6px);background:#453d2e}.review-action strong{font-size:35px;line-height:1.05}.review-action .google-mark{font:bold 38px Arial;color:#fff}.review-action>span[lang]{font-size:16px;letter-spacing:0}
.footer-panel{min-height:65vh;padding-bottom:110px}.footer-bottom{bottom:85px}
html[lang=ar] .footer-panel,html[lang=ar] .footer-links,html[lang=ar] .footer-bottom{font-family:Tajawal,Arial,sans-serif;direction:rtl}html[lang=ar] .footer-panel>p{font-size:17px}
a:focus-visible,button:focus-visible{outline:2px solid #c69e65;outline-offset:7px}
@media(min-width:761px){.scene-title{font-size:clamp(48px,6.6vw,108px)}}
@media(max-width:760px){.scene-actions{justify-content:flex-start;gap:20px}.social-panel{padding:80px 24px}.social-layout{grid-template-columns:1fr;gap:48px}.social-gallery img{height:290px}.social-gallery img:nth-child(2){margin-top:50px}.social-copy>p{font-size:14px}.social-cards{grid-template-columns:1fr}.instagram-card{grid-column:auto;padding:20px;gap:15px}.instagram-card strong{font-size:23px}.review-panel{padding:80px 24px;gap:30px}.review-action{width:100%;min-height:260px;justify-self:stretch}.review-action strong{font-size:32px}.scene{padding-bottom:100px}.scene-title{font-size:clamp(43px,13vw,70px)}html[lang=ar] .scene-title{font-size:clamp(42px,12.3vw,65px);line-height:1.24}.timeline{right:12px}.scene-topline{letter-spacing:.13em}.footer-links{gap:20px}.footer-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled .scene-copy{opacity:1;transform:none}.cinematic-image{transform:none}.scroll-cue i{animation:none}}
