.project-cta-story{position:relative}.project-cta-story.is-cinematic{height:240svh}html .project-cta-story .cinematic-cta{width:100%;height:calc(100svh - var(--nav-height));isolation:isolate;place-items:center;min-height:620px;padding:24px 20px;display:grid;position:relative;overflow:hidden}html .project-cta-story.is-cinematic .cinematic-cta{top:var(--nav-height);min-height:0;position:sticky}html .cinematic-cta>.cta-project-photo{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.cta-photo-shade{z-index:-1;background:#14251c66;position:absolute;inset:0}.cta-text-split{z-index:3;pointer-events:none;position:absolute;inset:0}.cta-text-half{clip-path:inset(0 0 50%);transform:translate3d(calc(var(--cta-reveal,1) * -8vw),calc(var(--cta-reveal,1) * -65svh),0);align-items:center;display:grid;position:absolute;inset:0}.cta-text-lower{clip-path:inset(50% 0 0);transform:translate3d(calc(var(--cta-reveal,1) * 8vw),calc(var(--cta-reveal,1) * 65svh),0)}.cta-marquee{letter-spacing:-.05em;width:max-content;color:var(--color-surface-ivory);font-size:clamp(80px,12vw,220px);font-weight:500;line-height:1;animation:42s linear infinite invitationMarquee;display:flex}.cta-marquee span{white-space:nowrap;flex:none}@keyframes invitationMarquee{to{transform:translate(-50%)}}html .project-invitation{width:min(550px,calc((100svh - var(--nav-height) - 48px) * .77904),100%);aspect-ratio:550/706;background-image:var(--gradient-diagonal);color:var(--color-surface-ivory);opacity:var(--cta-reveal,1);transform:translateY(calc((1 - var(--cta-reveal,1)) * 24px)) scale(calc(.96 + var(--cta-reveal,1) * .04));border:1px solid #a9b8a540;border-radius:24px;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3vw,44px);display:flex;position:relative;overflow:hidden}html .project-invitation h2{letter-spacing:-.04em;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.12;position:relative}html .project-invitation p{color:var(--color-surface-ivory);margin-top:24px;font-size:clamp(15px,1.3vw,18px);line-height:1.6;position:relative}.invitation-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex;position:relative}.invitation-actions a{text-align:center;background:var(--color-brand-sage);min-height:48px;color:var(--color-brand-dark);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:500;transition:background-color .24s,transform .32s cubic-bezier(.22,1,.36,1);display:flex}.invitation-actions a:last-child{color:var(--color-surface-ivory);background:0 0;border:1px solid #a9b8a5a6}.invitation-actions a:focus-visible{outline:2px solid var(--color-surface-ivory);outline-offset:4px}@media (hover:hover){.invitation-actions a:hover{background:var(--color-surface-ivory);color:var(--color-brand-dark);transform:translateY(-2px)}}.invitation-lines{pointer-events:none;background-image:linear-gradient(#a9b8a50f 1px,#0000 1px),linear-gradient(90deg,#a9b8a50f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 65%)}.invitation-lines i{aspect-ratio:1;border:1px solid #a9b8a540;border-radius:20%;width:32%;position:absolute;top:12%;right:14%;transform:rotate(30deg)}.invitation-lines i:nth-child(2){top:18%;right:-8%}.invitation-lines i:nth-child(3){top:-8%;right:38%}@media (width<=600px){.project-cta-story.is-cinematic{height:200svh}html .project-cta-story .cinematic-cta{padding:20px}html .project-invitation{width:min(100%,440px,calc((100svh - var(--nav-height) - 40px) * .77904));padding:24px}html .project-invitation h2{font-size:30px}html .project-invitation p{margin-top:18px;font-size:15px}.invitation-actions{margin-top:24px}}@media (prefers-reduced-motion:reduce){.cta-text-split{display:none}.cta-marquee{animation:none}.invitation-actions a{transition:none}}html .project-invitation{text-align:left}.project-image-story{position:relative}.project-image-story.is-scroll-image{height:420svh}.project-image-stage{isolation:isolate;background:#14251c;width:100%;min-height:100svh;padding:96px 24px 64px;position:relative;overflow:hidden}.project-story-photo{z-index:-2;background-image:url(/assets/fouzan/ezdan-villa.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.project-story-shade{z-index:-1;pointer-events:none;background:#00000052;position:absolute;inset:0}html .project-story-headline{color:#fff;font-family:var(--font-sans);letter-spacing:-.04em;text-align:center;flex-wrap:wrap;justify-content:center;gap:0 .23em;margin:0;font-size:clamp(40px,3.7vw,76px);font-weight:500;line-height:1.12;display:flex;position:relative}.project-story-headline>span{white-space:nowrap;display:block}html .project-image-stage .project-invitation{opacity:1;margin:72px auto 0;transform:none}html .project-image-stage .invitation-label{letter-spacing:.06em;color:var(--color-brand-sage);margin:0 0 16px;font-size:12px;line-height:1.4}.is-scroll-image .project-image-stage{top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:0;padding:0;position:sticky}.is-scroll-image .project-story-photo{will-change:transform;height:160%;bottom:auto}html .is-scroll-image .project-story-headline{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}.is-scroll-image .project-story-headline>span{transform-origin:50%;will-change:transform;width:max-content;position:absolute;top:0;left:0}html .is-scroll-image .project-image-stage .project-invitation{z-index:2;will-change:transform;margin:0;position:absolute;top:50%;left:50%}@media (width<=900px){.project-image-story.is-scroll-image{height:380svh}html .project-story-headline{font-size:clamp(32px,8vw,48px)}.project-story-photo{background-position:58%}}@media (prefers-reduced-motion:reduce){.project-story-photo,.project-story-headline>span,html .project-image-stage .project-invitation{will-change:auto}}@media (width<=900px){html .project-image-stage .project-invitation{width:min(550px,calc((100svh - var(--nav-height) - 160px) * .77904),calc(100% - 48px))}.project-image-story.is-scroll-image{height:340svh}.project-image-stage{--cta-bottom-clearance:88px}html .project-image-stage .project-invitation{aspect-ratio:auto;background-color:var(--color-brand-dark);border-radius:8px;justify-content:flex-start;width:min(560px,100% - 40px);min-height:0;padding:clamp(24px,4vw,36px)}html .is-scroll-image .project-image-stage .project-invitation{top:0}html .project-image-stage .project-invitation h2{margin:0}html .project-image-stage .project-invitation p:not(.invitation-label){margin-top:18px}.project-image-stage .invitation-actions{margin-top:24px}.project-image-stage .invitation-actions a{border-radius:999px;width:100%;min-height:48px}}@media (width<=900px) and (height<=650px){html .project-image-stage .project-invitation{padding:20px 24px}html .project-image-stage .invitation-label{margin-bottom:12px}html .project-image-stage .project-invitation p:not(.invitation-label){margin-top:12px;line-height:1.4}.project-image-stage .invitation-actions{gap:10px;margin-top:16px}.project-image-stage .invitation-actions a{min-height:44px;padding-block:10px}}@media (width<=900px){html .project-story-headline{font-size:clamp(24px,6vw,40px)}html .homepage-motion .project-invitation{padding-right:88px}}@media (width<=1279px){.project-story-photo{background-image:url(/assets/fouzan/responsive/ezdan-villa-1280.webp)}}html .project-invitation.cta-grid-card{--cta-grid-size:clamp(36px,5vw,64px);background-image:radial-gradient(at 0 0,#325b5be6,#0000 48%),radial-gradient(at 100% 100%,#325b5be6,#0000 50%),linear-gradient(140deg,#244b38,#14251c 50%,#1b1f21);border-color:#a9b8a57a}.cta-grid-card>.cta-grid-surface{pointer-events:none;z-index:0;background-image:linear-gradient(#a9b8a51a 1px,#0000 1px),linear-gradient(90deg,#a9b8a51a 1px,#0000 1px);background-size:var(--cta-grid-size) var(--cta-grid-size);position:absolute;inset:0;overflow:hidden;mask-image:none}.cta-grid-base,.cta-grid-light{grid-template-columns:repeat(auto-fill,var(--cta-grid-size));grid-auto-rows:var(--cta-grid-size);align-content:start;display:grid;position:absolute;inset:0;overflow:hidden;mask-image:none}.cta-grid-base>span{background:0 0;border:1px solid #0000}.cta-grid-base>span:nth-child(17n+4),.cta-grid-base>span:nth-child(29n+11){background:#a9b8a513;border-color:#a9b8a508}.cta-grid-base>span:nth-child(41n+8){box-shadow:var(--cta-grid-size) 0 #325b5b38;background:#325b5b61}.cta-grid-light>span{opacity:0;pointer-events:auto;background:#325b5b8c;border:1px solid #a9b8a566;transition:opacity .36s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 12px #a9b8a524}.cta-grid-light>span:nth-child(3n){background:#a9b8a53d}.cta-grid-card>:is(h2,p,.invitation-actions){z-index:1}.cta-grid-card .cta-action-spacer{min-height:48px;font:500 15px/1.5 var(--font-sans);pointer-events:none;visibility:hidden;border:1px solid #0000;align-items:center;padding:12px 18px;display:flex}.cta-grid-card .invitation-actions>a{color:#14251c;background:#f3f2eb}@media (width<=900px) and (height<=650px){.cta-grid-card .cta-action-spacer{min-height:44px;padding-block:10px}}@media (width<=400px){.cta-grid-card .invitation-actions>a{white-space:normal;gap:8px;padding-inline:12px}}@media (width<=900px),(hover:none),(pointer:coarse){.cta-grid-light{display:none}}@media (prefers-reduced-motion:reduce){.cta-grid-light{display:none}.cta-grid-light>span{transition:none}}@media (width>=901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cta-grid-light>span:hover{opacity:.9}.cta-grid-light>span:has(+span:hover),.cta-grid-light>span:hover+span{opacity:.24}}