/* Clear neon signals, one continuous portrait, and four distinct disciplines. */
.portrait-rig{isolation:isolate;overflow:visible!important}
.portrait-wrap{overflow:visible!important}
.studio-tools{border-color:rgba(var(--studio-rgb),.28);box-shadow:0 0 18px rgba(var(--studio-rgb),.04);transition:border-color .35s,box-shadow .35s}
.studio-tools a{border:1px solid transparent;transition:color .3s,background .3s,box-shadow .3s,border-color .3s;isolation:isolate}
.studio-tools a::before{content:"";position:absolute;inset:-1px;border:1px solid currentColor;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 3px currentColor,0 0 10px rgba(var(--studio-rgb),.65),inset 0 0 5px rgba(var(--studio-rgb),.22)}
.studio-tools a.active{color:rgb(var(--studio-rgb));background:rgba(var(--studio-rgb),.12);box-shadow:none}
.studio-tools a.active::before{opacity:1}
.studio-tools a.active svg{filter:drop-shadow(0 0 3px rgba(var(--studio-rgb),.65))}
.studio-tools a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.count-value{color:var(--ink);transition:color .45s,text-shadow .6s}
.experience-count.is-complete .count-value{color:#edffd0;text-shadow:0 0 2px #eeffd9,0 0 10px #b8ed6a85,0 0 30px #9ed45748,0 0 60px #91c14324}
.experience-count.is-complete{border-color:#b8ed6a55;box-shadow:inset 0 0 22px #a0ce5306}
.portfolio-count-note{max-width:670px;font-size:12px;line-height:1.8;color:var(--muted,#9ba98a);margin:16px 0 0}
#capabilities .section-heading .subtle{display:block;margin-top:14px;font-size:13px}
#capabilities .service-row{border:1px solid #a0b58132;border-radius:5px;margin:14px 0;background:#1a221641;overflow:hidden;transition:border-color .3s,background .3s}
#capabilities .service-row:hover,#capabilities .service-row[open]{border-color:#c0a2ff80;background:#201f2850}
#capabilities .service-row summary{display:grid;grid-template-columns:78px minmax(0,1.05fr) minmax(0,.8fr) 28px;gap:24px;align-items:center;padding:29px 28px;list-style:none;cursor:pointer}
#capabilities .service-row summary::-webkit-details-marker{display:none}
#capabilities .service-row summary:focus-visible{outline:2px solid #c0a2ff;outline-offset:-5px;border-radius:5px}
#capabilities .service-number{display:flex;flex-direction:column;gap:10px;color:#c5b0ec;font-family:monospace;font-size:13px}
#capabilities .service-number small{font-size:8px;line-height:1.4;letter-spacing:.05em;white-space:nowrap;color:var(--muted,#9ba98a)}
#capabilities .service-row h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:0;letter-spacing:-.035em}
#capabilities .service-promise{font-size:13px;line-height:1.7;max-width:220px}
#capabilities .service-row summary>i{display:flex;transition:transform .3s;color:#c5b0ec}
#capabilities .service-row[open] summary>i{transform:rotate(90deg)}
#capabilities .service-expanded{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:38px;padding:5px 28px 32px 130px;align-items:start}
#capabilities .service-art{aspect-ratio:1.22;min-height:0;max-height:380px;overflow:hidden;border-radius:3px;background:#161c12}
#capabilities .service-art>img{height:100%;width:100%;object-fit:cover}
#capabilities .service-copy{font-size:15px;line-height:1.8;margin-top:0}
#capabilities .service-expanded ul{margin:18px 0;padding:0;list-style:none}
#capabilities .service-expanded li{font-size:12px;line-height:1.8;padding:7px 0;border-bottom:1px solid #a0b5811c}
.service-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px;padding-top:9px}
.service-actions .text-link{font-size:11px;line-height:1.6;display:inline-flex;align-items:center;gap:12px;text-align:start}
.service-actions .service-work{color:#d0b9ff}
.service-actions .icon-arrow{width:16px;height:16px;flex-shrink:0}
.design-artboard{height:100%;position:relative;padding:36px 24px 43px;background:#ecece6;background-image:linear-gradient(#1111 1px,transparent 1px),linear-gradient(90deg,#1111 1px,transparent 1px);background-size:18px 18px}
.design-artboard>img{width:100%;height:100%;object-fit:cover;display:block;box-shadow:0 4px 14px #0003}
.design-artboard-label{position:absolute;top:13px;left:24px;letter-spacing:.12em;font:8px monospace;color:#34382f}
.design-swatches{position:absolute;bottom:13px;left:24px;display:flex;gap:5px}
.design-swatches i{width:18px;height:14px;background:#092923;border:1px solid #0001}
.design-swatches i:nth-child(2){background:#7c9782}.design-swatches i:nth-child(3){background:#dbceaf}.design-swatches i:nth-child(4){background:#262f2f}
.design-crop{position:absolute;inset:32px 20px 39px;border:1px solid #353c334d;pointer-events:none}
html[data-theme=light] .studio-tools{border-color:#314c4880;background:#fffffff2}
html[data-theme=light] .studio-tools a.active{color:#284b2c;background:#dbebd1}
html[data-theme=light] .studio-tools a.active::before{box-shadow:0 0 2px #2b5b30,0 0 9px #387d4b65,inset 0 0 4px #3f7b4e33}
html[data-theme=light] .experience-count.is-complete .count-value{color:#284923;text-shadow:0 0 1px #315428,0 0 14px #65a44160,0 0 30px #6aa74625}
html[data-theme=light] .experience-count.is-complete{border-color:#547b3580}
html[data-theme=light] .portfolio-count-note{color:#52634a}
html[data-theme=light] #capabilities .service-row{background:#fff9;border-color:#3a553133}
html[data-theme=light] #capabilities .service-row[open],html[data-theme=light] #capabilities .service-row:hover{background:#f5f0fd;border-color:#71509f80}
html[data-theme=light] #capabilities :is(.service-number,.service-row summary>i,.service-work){color:#674087}
html[data-theme=light] #capabilities .service-number small{color:#52634a}
html[lang=ar] #capabilities .service-row h3{font-family:'Noto Arabic';font-size:30px;line-height:1.6;letter-spacing:0}
html[lang=ar] #capabilities .service-expanded{padding:5px 130px 32px 28px}
html[lang=ar] #capabilities .service-number small{font-family:monospace;direction:ltr;align-self:flex-start}
@media(max-width:900px){#capabilities .service-row summary{grid-template-columns:60px 1fr 24px;gap:18px;padding:24px}#capabilities .service-promise{grid-column:2;grid-row:2;max-width:none}#capabilities .service-row summary>i{grid-column:3;grid-row:1/3}#capabilities .service-number{grid-row:1/3}#capabilities .service-expanded,html[lang=ar] #capabilities .service-expanded{padding:0 24px 28px;gap:25px}}
@media(max-width:600px){#capabilities .service-row summary{padding:22px 16px;grid-template-columns:44px 1fr 20px;gap:9px 13px}#capabilities .service-row h3{font-size:27px}#capabilities .service-number small{font-size:6px}#capabilities .service-promise{font-size:11px}#capabilities .service-expanded,html[lang=ar] #capabilities .service-expanded{grid-template-columns:1fr;padding:0 16px 24px;gap:22px}#capabilities .service-art{max-height:280px;width:100%}html[lang=ar] #capabilities .service-row h3{font-size:23px}.portfolio-count-note{font-size:11px}.service-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.studio-tools,.studio-tools a,.studio-tools a::before,.count-value,#capabilities .service-row,#capabilities .service-row summary>i{transition:none}}
body.reduced .count-value,body.reduced .studio-tools a,body.reduced .studio-tools a::before{transition:none}
html[data-theme=light] :is(#studio-filename,#studio-counter,#studio-position,.studio-operation){color:#354b2d}
html[data-theme=light] .studio-timeline>a,html[data-theme=light] .studio-timeline>a.active{color:#354b2d}
html[data-theme=light] .track-clip{border-color:#46603755;background:#556b3910}
html[data-theme=light] .studio-timeline>a.active .track-clip{border-color:#466037c0;box-shadow:0 0 8px #6b92372a}
html[data-theme=light] .track-clip i{background:#77965340;border-right-color:#466037}
html[data-theme=light] .track-clip b{background:#3b5531;opacity:.65}
#capabilities .service-promise{display:block}