.project-story{color:#151719;--foreground:#151719;--project-muted:#5b6267;--project-accent:#08777b;background:#f5f6f8;padding-block-start:clamp(108px,10vw,160px)}.project-story__shell{width:min(1600px,90%);margin-inline:auto}.project-story__crumb{color:var(--project-muted);flex-wrap:wrap;gap:14px;margin-block-end:clamp(48px,7vw,112px);font-size:.85rem;display:flex}.project-story__crumb a{color:var(--project-accent)}.project-story__head{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,110px);margin-block-end:clamp(40px,5vw,80px);display:grid}.project-story__eyebrow{color:var(--project-accent);letter-spacing:.04em;margin:0 0 20px;font-size:.8rem;font-weight:500;line-height:1.6}.project-story h1{font-family:var(--font-display),sans-serif;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,7.2vw,8rem);font-weight:500;line-height:1.03}.project-story__opening h2{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:25ch;margin:0 0 24px;font-size:clamp(1.7rem,2.7vw,3rem);font-weight:500;line-height:1.16}.project-story__opening p,.project-story__chapters section>p:last-child{color:var(--project-muted);text-wrap:pretty;max-width:60ch;margin:0;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.8}.project-story__visit{color:#f5f6f8;background:#171819;border-radius:99px;justify-content:space-between;align-items:center;gap:56px;min-height:52px;margin-block-start:28px;padding:14px 24px;font-size:.95rem;display:inline-flex}.project-story__visit-note{color:var(--project-muted);margin-block-start:10px;font-size:.75rem;line-height:1.7;display:block}.project-story .project-story__visit:hover{color:#fff;background:#245659}.project-story__visual{margin:0}.project-story__visual img{aspect-ratio:16/9;background:#171819;border-radius:clamp(12px,1.5vw,24px);width:100%;height:auto;display:block;box-shadow:0 24px 60px -40px #10222755}.project-story__visual figcaption{color:var(--project-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:16px;font-size:.75rem;line-height:1.6;display:flex}.project-story__body{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(40px,9vw,160px);padding-block:clamp(56px,8vw,130px);display:grid}.project-story__scope h2{letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(1.4rem,2vw,2rem);font-weight:500;line-height:1.25}.project-story__scope ul{max-width:34ch;margin:0 0 28px;padding:0;list-style:none}.project-story__scope li{border-block-start:1px solid #d6dadd;padding-block:16px;font-size:.95rem;line-height:1.5}.project-story__scope>a{color:var(--project-accent);text-underline-offset:5px;font-size:.85rem;text-decoration:underline}.project-story__chapters{gap:clamp(40px,5vw,72px);display:grid}.project-story__chapters h2{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:28ch;margin:0 0 20px;font-size:clamp(1.55rem,2.8vw,2.6rem);font-weight:500;line-height:1.18}.project-story__number{font-variant-numeric:tabular-nums;color:var(--project-accent);margin:0 0 20px;font-size:.75rem}.project-story__close{border-block:1px solid #cdd2d6;justify-content:space-between;align-items:center;gap:32px;padding-block:clamp(32px,5vw,72px);display:flex}.project-story__close h2{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(1.8rem,3.5vw,3.4rem);font-weight:500;line-height:1.15}.project-story__close>a{white-space:nowrap;color:#f5f6f8;background:#171819;border-radius:99px;justify-content:space-between;align-items:center;gap:32px;min-height:56px;padding:17px 24px;display:inline-flex}.project-story__next{gap:24px;padding-block:clamp(40px,6vw,88px);display:grid}.project-story__next>a:first-child{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.project-story__next a:first-child>span:first-child{color:var(--project-muted);grid-column:1/-1;font-size:.8rem}.project-story__next strong{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,5rem);font-weight:500;line-height:1.1}.project-story__next a:first-child>span:last-child{color:var(--project-accent);font-size:2rem}.project-story__next>a:last-child{color:var(--project-muted);text-underline-offset:6px;justify-self:start;font-size:.85rem;text-decoration:underline}.project-story a{transition:color .2s,background-color .2s}.project-story a:hover{color:var(--project-accent)}.project-story__close>a:hover{color:#fff;background:#245659}.project-story a:focus-visible{outline:2px solid var(--project-accent);outline-offset:7px;border-radius:4px}html[lang=ar] .project-story :is(h1,h2,strong,.project-story__eyebrow){letter-spacing:0}html[lang=ar] .project-story :is(h2){font-family:var(--font-arabic),sans-serif;line-height:1.6}html[lang=ar] .project-story__opening p,html[lang=ar] .project-story__chapters section>p:last-child{line-height:1.95}@media (max-width:800px){.project-story__head,.project-story__body{grid-template-columns:1fr}.project-story__head{gap:28px}.project-story__scope,.project-story__scope ul{max-width:none}.project-story__body{gap:48px}.project-story__close{flex-direction:column;align-items:start}.project-story__opening h2{max-width:30ch}}@media (max-width:540px){.project-story__shell{width:calc(100% - 32px)}.project-story__crumb{gap:10px;margin-block-end:40px}.project-story h1{font-size:clamp(2.6rem,13vw,4rem)}.project-story__close>a{width:100%}.project-story__visual figcaption{gap:6px;font-size:.7rem}.project-story__visual figcaption span{width:100%;display:block}}@media (prefers-reduced-motion:reduce){.project-story a{transition:none}}.project-story__preview-link{color:var(--project-accent);text-underline-offset:5px;margin-block-start:18px;margin-inline-start:20px;font-size:.88rem;text-decoration:underline;display:inline-block}.website-preview{background:#e9edef;border:1px solid #d9dde0;border-radius:20px;scroll-margin-top:100px;overflow:hidden;box-shadow:0 24px 60px -40px #10222755}.website-preview__toolbar{color:#30383d;background:#fafbfc;border-bottom:1px solid #d9dde0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 18px;font-size:.8rem;display:flex}.website-preview__label{white-space:nowrap;align-items:center;gap:9px;display:flex}.website-preview__dot{background:#8c969a;border-radius:50%;width:7px;height:7px}.website-preview[data-state=ready] .website-preview__dot{background:#08777b}.website-preview__controls{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.website-preview__toolbar button{cursor:pointer;color:#30383d;background:0 0;border:1px solid #d8dde0;border-radius:7px;min-width:40px;min-height:40px;padding:8px 12px}.website-preview__devices{border:1px solid #d8dde0;border-radius:9px;gap:3px;padding:3px;display:flex}.website-preview__devices button{border:0;min-height:34px}.website-preview__devices button[aria-pressed=true]{color:#fff;background:#202526}.website-preview__toolbar button:hover{color:#151719;background:#dfe8e8}.website-preview__stage{isolation:isolate;background:#e9edef;position:relative;overflow:hidden}.website-preview__still img{box-shadow:none;border-radius:0}.website-preview__stage[data-active=true]{height:clamp(520px,75svh,850px)}.website-preview__stage[data-active=true] .website-preview__still{opacity:.14;pointer-events:none;position:absolute;inset:0}.website-preview__stage[data-active=true] .website-preview__still img{object-fit:cover;height:100%}.website-preview__start{color:#171819;white-space:nowrap;cursor:pointer;background:#f5f6f8;border:1px solid #ffffff70;border-radius:99px;align-items:center;gap:12px;max-width:calc(100% - 32px);min-height:54px;padding:16px 24px;font-size:.95rem;display:flex;position:absolute;inset-block-end:32px;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.website-preview__start:hover{color:#fff;background:#171819}.website-preview__start>span{font-size:1.2rem}.website-preview__frame{z-index:1;opacity:0;background:#fff;border:0;width:100%;height:100%;margin-inline:auto;transition:opacity .2s;display:block;position:relative}.website-preview__frame[data-ready=true]{opacity:1}.website-preview[data-device=phone] .website-preview__frame{width:min(390px,100%);box-shadow:0 0 0 1px #bec7cb,0 16px 40px #23333420}.website-preview__notice{z-index:2;text-align:center;color:#30383d;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;font-size:1rem;line-height:1.6;display:flex;position:absolute;inset:0}.website-preview__notice p{max-width:40ch}.website-preview__notice button{cursor:pointer;border:1px solid #a0b4b6;border-radius:99px;min-height:48px;padding:12px 24px}.website-preview__hint{color:#5b6267;background:#fafbfc;border-top:1px solid #d9dde0;margin:0;padding:12px 18px;font-size:.75rem;line-height:1.7}.website-preview button:focus-visible{outline-offset:3px;outline:2px solid #08777b}html[dir=rtl] .website-preview__start{transform:translate(50%)}@media (max-width:650px){.website-preview__toolbar{gap:10px;padding:10px 12px}.website-preview__controls{order:3;width:100%;margin:0}.website-preview__external,.website-preview__controls>button:last-child{margin-inline-start:auto}.website-preview__stage[data-active=true]{height:clamp(460px,70svh,700px)}.website-preview__start{min-height:48px;padding:12px 18px;font-size:.8rem;inset-block-end:16px}.website-preview{border-radius:12px}.project-story__preview-link{margin-inline-start:0;display:block}}@media (prefers-reduced-motion:reduce){.website-preview__frame{transition:none}}.website-preview[data-state=ready] .website-preview__still{visibility:hidden}