.portfolio-shell{--pf-line:#ffffff1f;--pf-muted:#a5aec0;--pf-surface:#101521;color:#f7f8fc;background:var(--navy);min-height:100svh;font-family:var(--font-ar);overflow-wrap:anywhere}.portfolio-shell:lang(en),.portfolio-shell [dir=ltr]{font-family:var(--font-en)}.pf-wrap{width:min(1056px,100% - 64px);margin-inline:auto}.pf-header{border-block-end:1px solid var(--pf-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:76px;padding-block:10px;display:flex}.pf-handle,.pf-membership,.pf-footer a{align-items:center;gap:9px;display:inline-flex}.pf-handle{font-size:15px;font-weight:800}.pf-handle>span,.pf-membership>span{background:var(--red);border-radius:2px;block-size:7px;inline-size:7px}.pf-nav{flex-wrap:wrap;justify-content:center;gap:0 22px;margin-inline:auto;display:flex}.pf-nav a,.pf-handle,.pf-language{align-content:center;min-height:44px}.pf-nav a,.pf-footer a{color:var(--pf-muted);font-size:14px;transition:color .18s}.pf-nav a:hover,.pf-footer a:hover{color:#fff}.pf-language{color:#e6e9f0;font-size:13px;font-weight:700}.pf-language:lang(en){font-family:var(--font-en)}.pf-language:lang(ar){font-family:var(--font-ar)}.pf-language:hover{color:var(--red-light)}.pf-hero{isolation:isolate;border:1px solid var(--pf-line);background:linear-gradient(145deg,#141b2a,#0c101b 70%);border-radius:22px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:30px;min-height:clamp(375px,44vw,500px);margin-block:36px 64px;padding:clamp(26px,6.1vw,78px);display:grid;position:relative;overflow:hidden}.pf-hero:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:37px 37px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 74%);mask-image:linear-gradient(90deg,#000 0%,#0000 74%)}.pf-hero:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 74%);mask-image:linear-gradient(270deg,#000 0%,#0000 74%)}.pf-hero-copy{z-index:1;text-align:start;position:relative}.pf-identity,.pf-hero-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.pf-identity>bdi{color:#d7dce7;font:700 14px var(--font-en)}.pf-hero-actions{margin-block-start:20px}.pf-username{width:fit-content;color:var(--red-light);letter-spacing:.08em;font-size:14px;font-weight:800}.pf-hero h1{letter-spacing:-.075em;text-wrap:balance;text-align:start;margin-block:10px 20px;font-size:clamp(3.25rem,8vw,6.25rem);font-weight:800;line-height:.99}.pf-hero h1 bdi:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){font-family:var(--font-en)}.pf-hero h1 bdi:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){letter-spacing:normal;line-height:1.12}.pf-hero-intro{margin-block-end:10px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.65}.pf-hero .pf-prose{margin-block:0 20px}.pf-membership{border:1px solid var(--pf-line);color:#d7dce7;border-radius:999px;min-height:40px;padding-inline:12px;font-size:13px}.pf-membership:hover{color:#fff;border-color:#ef443c80}.pf-membership>span{block-size:5px;inline-size:5px}.pf-hero-copy .pf-links{margin-block-start:20px}.pf-hero-art{aspect-ratio:1;width:min(100%,320px);color:var(--red);justify-self:center;place-items:center;display:grid;position:relative}.pf-orbit{background:radial-gradient(circle,#ef443c21,#0000 66%);border:1px solid #ffffff19;border-radius:50%;place-items:center;display:grid;position:absolute;inset:1%;box-shadow:0 0 64px #ef443c10}.pf-orbit:before,.pf-orbit:after{content:"";border-radius:50%;position:absolute}.pf-orbit:before{border:1px dashed #ffffff2c;inset:12%}.pf-orbit:after{border:1px solid #ffffff23;inset:26%}.pf-orbit span{aspect-ratio:1;border:1px solid #ef443c90;border-radius:3px;width:18%;rotate:45deg}.pf-orbit span:after{background:var(--red);content:"";border-radius:2px;position:absolute;inset:33%;box-shadow:0 0 26px #ef443c90}.pf-portrait{aspect-ratio:1;background:var(--pf-surface);border:1px solid #ffffff4d;border-radius:50%;width:min(72%,220px);position:relative;overflow:hidden}.pf-portrait img{object-fit:cover}.pf-section{border-block-start:1px solid var(--pf-line);padding-block:clamp(30px,6vw,64px)}.portfolio-shell .pf-section h2,.portfolio-shell .pf-mhd h2{letter-spacing:-.035em;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.25}.portfolio-shell:lang(ar) h2{letter-spacing:normal}.pf-split{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:start;gap:20px 48px;display:grid}.pf-section-copy{gap:14px;display:grid}.pf-section-copy h3{font-size:1.2rem;font-weight:800}.pf-prose{max-width:65ch;color:var(--pf-muted);white-space:pre-line;text-align:start;font-size:16px;line-height:1.8}.pf-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;display:grid}.pf-details>div{border:1px solid var(--pf-line);border-radius:9px;padding:15px}.pf-details dt{margin-block-end:5px;font-weight:800}.pf-details dd{font-size:14px}.pf-tags,.pf-links{flex-wrap:wrap;align-items:flex-start;gap:9px;padding:0;list-style:none;display:flex}.pf-tags li{border:1px solid var(--pf-line);color:#d5dbe7;border-radius:6px;padding:5px 10px;font-size:13px}.pf-interests li{padding:10px 15px;font-size:15px}.portfolio-shell .button{white-space:normal;gap:10px;min-height:44px;padding:10px 15px}.portfolio-shell .button svg{width:16px;height:16px}.pf-projects{gap:22px;margin-block-start:26px;display:grid}.pf-project{border:1px solid var(--pf-line);background:var(--pf-surface);border-radius:17px;min-width:0;overflow:hidden}.pf-cover{aspect-ratio:16/9;border-block-end:1px solid var(--pf-line);background:var(--navy);position:relative;overflow:hidden}.pf-cover img,.pf-gallery img{object-fit:cover}.pf-project-copy{justify-items:start;gap:17px;padding:clamp(20px,4vw,40px);display:grid}.pf-project-copy h3{font-size:clamp(1.4rem,3vw,2rem);font-weight:800}.pf-kicker{color:var(--red-light);font-size:14px;font-weight:700}.pf-project-meta{flex-wrap:wrap;gap:14px 28px;display:flex}.pf-project-meta dt,.pf-entry-heading span{color:var(--pf-muted);font-size:13px}.pf-project-meta dd{font-size:14px}.pf-gallery{padding:0 clamp(20px,4vw,40px) clamp(20px,4vw,40px)}.pf-gallery h4{color:var(--pf-muted);margin-block-end:12px;font-weight:700}.pf-gallery ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.pf-gallery a{aspect-ratio:4/3;border:1px solid var(--pf-line);background:var(--navy);border-radius:9px;display:block;position:relative;overflow:hidden}.pf-gallery a:hover{border-color:var(--red-light)}.pf-gallery svg{background:#090d17e8;border-radius:5px;width:30px;height:30px;padding:7px;position:absolute;inset-block-end:8px;inset-inline-end:8px}.pf-journey{gap:32px;display:grid}.pf-journey h3{color:var(--red-light);margin-block-end:12px;font-size:15px;font-weight:700}.pf-journey ul{gap:17px;padding:0;list-style:none;display:grid}.pf-journey li{border-inline-start:1px solid var(--pf-line);padding-inline-start:17px}.pf-entry-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 15px;display:flex}.pf-entry-heading h4{font-weight:800}.pf-journey li p{color:var(--pf-muted);margin-block-start:5px}.pf-mhd{border:1px solid var(--pf-line);background:var(--pf-surface);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-block:32px;padding:clamp(20px,4vw,35px);display:grid}.pf-mhd-mark{border:1px solid var(--pf-line);border-radius:9px;place-items:center;width:80px;height:68px;display:grid}.pf-mhd-mark .wordmark{width:54px}.portfolio-shell .pf-mhd h2{margin-block-end:4px;font-size:1.35rem}.pf-mhd .pf-prose{font-size:14px}.pf-mhd .button{justify-self:start}.pf-footer{border-block-start:1px solid var(--pf-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;min-height:90px;margin-block-start:46px;padding-block:14px;font-size:14px;display:flex}.pf-footer a{min-height:44px}.pf-footer .pf-prose{margin-block-start:3px;font-size:13px}@media (max-width:680px){.pf-wrap{width:calc(100% - 32px)}.pf-header{gap:4px 16px}.pf-nav{flex-basis:100%;order:3;justify-content:flex-start;gap:0 17px}.pf-hero{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;margin-block:22px 38px}.pf-hero h1{font-size:clamp(2.9rem,12vw,4.9rem)}.pf-hero-art{justify-self:end;width:min(49%,190px)}.pf-split,.pf-details{grid-template-columns:minmax(0,1fr)}.pf-mhd{grid-template-columns:auto minmax(0,1fr);gap:15px}.pf-mhd .button{grid-column:2}.pf-mhd-mark{width:56px;height:50px}.pf-mhd-mark .wordmark{width:40px}.pf-gallery ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.pf-hero-art{width:min(57%,150px)}.pf-gallery ul{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.portfolio-shell a{transition:none}.portfolio-shell .button:hover{transform:none}}
