.project-case{--case-panel:color-mix(in srgb,var(--lilac) 52%,var(--paper));--case-panel-soft:color-mix(in srgb,var(--lilac) 24%,var(--paper));--case-panel-ink:var(--ink)}.project-case--alsawah{--case-panel:color-mix(in srgb,var(--accent) 42%,var(--paper));--case-panel-soft:color-mix(in srgb,var(--accent) 20%,var(--paper))}.project-case__hero{background:var(--dark);color:var(--white)}.project-case__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:clamp(1.8rem,6vw,6.2rem);padding-block:clamp(2.8rem,5.6vw,5.6rem)}.project-case__back{display:inline-flex;align-items:center;gap:.55rem;min-block-size:44px;margin-block-end:clamp(1.4rem,3.5vw,2.9rem);color:var(--lilac);font-size:.92rem;font-weight:700;text-underline-offset:.25em}.project-case__back:hover{text-decoration:underline}.project-case__label{color:var(--purple);margin-block-end:.7rem}.project-case__hero .project-case__label{color:var(--lilac)}.project-case__label span{margin-inline:.32rem}.project-case h1{font-size:clamp(3.6rem,9vw,8.8rem);line-height:.98;overflow-wrap:anywhere}[dir=rtl] .project-case h1{letter-spacing:0;line-height:1.06}.project-case__summary{max-inline-size:35rem;margin-block:1.25rem 1.5rem;color:color-mix(in srgb,var(--white) 86%,var(--lilac));font-size:clamp(1.05rem,1.7vw,1.28rem)}.project-case__store{background:var(--accent);color:var(--ink)}.project-case__store:hover{background:var(--white);color:var(--ink)}.project-case__cover{min-inline-size:0}.project-case__cover-well{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-block-size:22rem;padding:clamp(1.4rem,4vw,3.2rem);border:1px solid color-mix(in srgb,var(--line) 72%,var(--lilac));background:radial-gradient(ellipse at 25% 12%,var(--white),transparent 75%),var(--case-panel);color:var(--purple)}.project-case__cover-well:before{content:"";position:absolute;z-index:-1;inset:15% -18%;border:1px solid;border-radius:50%;outline:1px solid color-mix(in srgb,currentColor 63%,transparent);outline-offset:1.4rem;transform:rotate(-16deg) scaleY(.74);opacity:.23}.project-case__cover-well:after{content:"";position:absolute;z-index:-1;inset-block-start:18%;inset-inline-end:16%;inline-size:.48rem;block-size:.48rem;background:var(--accent);transform:rotate(45deg)}.project-case__cover-well img,.project-case__screen img{inline-size:100%;block-size:auto;aspect-ratio:480/1043;object-fit:cover;border:clamp(4px,.5vw,7px) solid var(--ink);border-radius:1.22rem;box-shadow:0 .8rem 2.2rem color-mix(in srgb,var(--ink) 15%,transparent)}.project-case__cover-well img{max-inline-size:clamp(10.75rem,16vw,13.5rem);transform:rotate(-2deg)}.project-case__cover figcaption{padding-block-start:.7rem;border-block-start:1px solid color-mix(in srgb,var(--line) 21%,transparent);margin-block-start:.6rem;color:var(--lilac);font-size:.86rem}.project-case__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:clamp(2rem,6vw,6.2rem)}.project-case__story h2{max-inline-size:19ch;font-size:clamp(2.35rem,4.5vw,4.55rem);text-wrap:balance}.project-case__context{max-inline-size:42rem;margin-block-start:1.05rem;color:var(--subtle);font-size:clamp(1.03rem,1.55vw,1.19rem)}.project-case__walkthrough{margin-block:clamp(1.5rem,3.1vw,2.7rem) .9rem;font-size:clamp(1.5rem,2.75vw,2.3rem)}.project-case__steps{margin:0;padding:0;border-block-end:1px solid var(--line);list-style:none}.project-case__steps li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.65rem;padding-block:1rem;border-block-start:1px solid var(--line)}.project-case__steps h4{margin:0;font-size:1.08rem}.project-case__steps p{margin-block-start:.3rem;color:var(--subtle)}.project-case__number{display:grid;place-items:center;align-self:start;min-block-size:2.1rem;border:1px solid var(--line);border-radius:50%;background:var(--case-panel-soft);color:var(--case-panel-ink);font-size:.76rem;font-weight:800}.project-case__gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,2.7vw,2.3rem);padding:clamp(1rem,3vw,2.5rem);border:1px solid var(--line);background:var(--case-panel-soft)}.project-case__screen{flex:1 1 min(8.3rem,43%);max-inline-size:13.5rem;min-inline-size:0}.project-case__screen figcaption{padding-block-start:.7rem;color:var(--case-panel-ink);font-size:.88rem;font-weight:700}.project-case__next{background:var(--case-panel-soft);color:var(--ink)}.project-case__next-link{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding-block:clamp(1.6rem,4.4vw,3.6rem)}.project-case__next-link .project-case__label,.project-case__next-link strong{display:block}.project-case__next-link strong{font-family:var(--heading);font-size:clamp(2rem,5vw,4.4rem);line-height:1.08}.project-case__next-link>svg{box-sizing:content-box;flex:none;padding:.6rem;border:1px solid;border-radius:50%}.project-case__next-link:hover strong{color:var(--purple)}@media (max-width:760px){.project-case__body,.project-case__hero-grid{grid-template-columns:minmax(0,1fr)}.project-case__hero-grid{align-items:start}.project-case__cover-well{min-block-size:auto}.project-case__cover-well img{max-inline-size:clamp(10.5rem,42vw,13rem)}.project-case__next-link>svg{inline-size:1.5rem;block-size:1.5rem}}.project-gallery__trigger{position:relative;inline-size:100%;font:inherit;cursor:zoom-in}.project-case__screen .project-gallery__trigger{display:block;padding:0;border:0;background:transparent}.project-gallery__expand{position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem;display:inline-flex;min-inline-size:2.75rem;min-block-size:2.75rem;align-items:center;justify-content:center;gap:.45rem;padding-inline:.7rem;border:1px solid var(--dark-line);border-radius:var(--button-radius);background:var(--dark);color:var(--white);font-size:.78rem;font-weight:700}.project-gallery__trigger:focus-visible .project-gallery__expand,.project-gallery__trigger:hover .project-gallery__expand{background:var(--accent);color:var(--ink)}.project-gallery__dialog{inline-size:min(39rem,calc(100% - 1.5rem));max-inline-size:none;max-block-size:calc(100dvh - 1.5rem);margin:auto;padding:clamp(.8rem,2vw,1.4rem);overflow:auto;border:1px solid var(--dark-line);border-radius:14px;background:var(--dark);color:var(--white)}.project-gallery__dialog::backdrop{background:rgb(12 9 15/.82)}.project-gallery__controls,.project-gallery__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-gallery__header h2{font-size:clamp(1.15rem,3vw,1.55rem)}.project-gallery__dialog button{display:inline-flex;min-block-size:44px;min-inline-size:44px;align-items:center;justify-content:center;gap:.4rem;padding-inline:.65rem;border:1px solid var(--dark-line);border-radius:var(--button-radius);background:var(--surface);color:var(--white);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.project-gallery__dialog button:hover{border-color:var(--accent);color:var(--accent)}.project-gallery__image{display:grid;justify-items:center;gap:.6rem;margin-block:.65rem .85rem;text-align:center}.project-gallery__image img{max-inline-size:100%;block-size:clamp(8rem,min(70dvh,calc(100dvh - 11rem)),48rem);object-fit:contain}.project-gallery__count,.project-gallery__image figcaption{color:var(--on-dark-muted);font-size:.9rem}.project-gallery__count{text-align:center;white-space:nowrap}