/* Local cinematic preview. One layout layer, no native-rail replacement. */
html:not([data-mode=light]) body{background:#0a0a0f}
.section,.cinema-section,.websites-cinema-stage{background:transparent!important}
.section{padding-block:72px}
.journey-card{max-width:100%;min-width:0;box-sizing:border-box}
.journey{overflow:clip}
#navbar .nav-logo{width:max-content;justify-self:start}
html.is-rtl .film-chapters{direction:rtl}
html.is-rtl .forge-role,html.is-rtl .forge-description{letter-spacing:0;line-height:1.85}
html.is-rtl .forge-name{letter-spacing:-.035em}
html.is-rtl #about .about-identity{padding-inline:0 22px}
html.is-rtl .about-build-line{font-family:Cairo,sans-serif}
html.is-rtl #aboutBuildText{white-space:normal}
html.is-rtl .section-title,html.is-rtl .project-info h3{letter-spacing:0;line-height:1.55}
html.is-rtl .browser-bar,html.is-rtl .browser-url,html.is-rtl #dialogAddress{direction:ltr;unicode-bidi:isolate}
html.is-rtl .cinema-row .website-card,html.is-rtl .cinema-row .project-card{direction:rtl}
html.is-rtl .project-detail-address{direction:ltr;text-align:left;overflow-wrap:anywhere}
@media(min-width:768px){html.is-rtl .journey-item{margin-left:50%;padding:0 0 44px 46px}html.is-rtl .journey-item:nth-child(even){margin-left:0;padding:0 46px 44px 0}html.is-rtl .journey-item:nth-child(odd)::before{left:-7.5px;right:auto}html.is-rtl .journey-item:nth-child(even)::before{right:-7.5px;left:auto}html.is-rtl .journey-card{text-align:right}}
@media(max-width:767px){html.is-rtl #about .about-identity{padding:0 0 23px}.hero-forge .forge-introduction picture,.hero-forge .forge-introduction img{width:76px;height:76px}.hero-forge .forge-introduction .forge-eyebrow>span:last-child{font-size:14px}html.is-rtl .forge-role{font-size:23px!important;min-height:2em}html.is-rtl .forge-description{font-size:16px!important}}
#hero.hero-forge{background:none!important;min-height:100svh;padding:140px 0 88px;display:flex;align-items:center}
#hero .hero-bg-glow,#hero .hero-aura,#hero .hero-rays{display:none}
.hero-forge .forge-layout{width:calc(100% - 96px);max-width:1440px;margin-inline:auto;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:72px;align-items:center}
.hero-forge .forge-name{font-size:clamp(40px,4vw,66px)!important;line-height:1.2}
.hero-forge .forge-description{font-size:19px;line-height:1.8;max-width:550px}
#heroForgeScene.cinematic-scene{width:100%;max-width:680px;justify-self:end;align-self:center}
.hero-forge .forge-introduction picture,.hero-forge .forge-introduction img{width:94px;height:94px}
.hero-forge .forge-introduction .forge-eyebrow>span:last-child{font-size:16px}
.trust-band{display:none}
#about{padding:64px 0 76px}
#about>.container,#websites>.websites-overview>.container,.cinema-inner>.cinema-intro{box-sizing:border-box;width:calc(100% - 80px);max-width:1220px;padding-inline:0;margin-inline:auto}
#about .section-title{margin-bottom:30px}
#websites .websites-overview{padding:52px 0 36px}
#websites .websites-overview>.cinema-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px;padding:0;border:0;box-shadow:none}
#websites .websites-overview>.cinema-intro>div:first-child{flex:1;min-width:0}
#websites .section-title{font-size:clamp(32px,3vw,44px);line-height:1.3;margin:0 0 16px;overflow:visible}
#websites .section-title em{display:inline;font-style:normal}
#websites .section-title .rv-word{vertical-align:baseline;line-height:inherit}
.hero-forge .forge-introduction picture{animation:portrait-drift 5s ease-in-out infinite;transform-origin:center;box-shadow:0 12px 32px #0004}
.hero-forge .forge-name .name-last{background:none;-webkit-text-fill-color:currentColor;color:var(--accent);animation:name-light 7s ease-in-out infinite}
.hero-forge .forge-role{font-size:clamp(24px,2.4vw,31px);line-height:1.4;min-height:1.4em}
@keyframes portrait-drift{0%,100%{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}
@keyframes name-light{0%,100%{color:var(--accent);text-shadow:0 0 0 transparent}50%{color:#ff6681;text-shadow:0 0 22px rgba(var(--accent-rgb),.2)}}
html[data-hero-motion=off] .hero-forge .forge-introduction picture,html[data-hero-motion=off] .hero-forge .forge-name .name-last{animation-play-state:paused}
#websites .section-subtitle{font-size:17px;line-height:1.7;color:var(--text-secondary);max-width:680px!important;margin:0}
#labLocalEntry{margin-top:0!important}
#labLocalEntry .lab-integrated-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;gap:24px}
#labLocalEntry .lab-kicker{display:none}
#labLocalEntry .lab-integrated-heading h3{font-size:24px;line-height:1.3;margin:0 0 8px;letter-spacing:0}
#labLocalEntry #integratedLabHelp{font-size:16px;line-height:1.6}
#labLocalEntry #labReplayIntro{font-size:14px;min-height:44px}
.lab-frame-wrap{border-color:#30313c;border-radius:18px;box-shadow:0 16px 45px #0002}
.lab-integrated-caption{font-size:12px;letter-spacing:0;margin-top:12px}
#websites>.websites-cinema-stage{padding:0;background:none}
#websites>.websites-cinema-stage .cinema-intro{display:none}
.cinema-inner>.cinema-intro{margin-bottom:28px}
.cinema-inner .section-title{margin-bottom:14px}
.cinema-inner .section-subtitle{font-size:17px;line-height:1.7;margin-top:0}
/* The runway belongs to the JS. Never force its height or row transform. */
@media(min-width:901px){.cinema-inner{justify-content:center;padding:100px 0 48px}.cinema-row>.project-card{width:500px;flex-basis:500px!important}.cinema-row>.website-card:not(.website-card-featured){width:560px!important;flex-basis:560px!important}}
.cinematic-scene .film-heading,.cinematic-scene #heroEngineReplay,.cinematic-scene .forge-caption>[data-film-status]{display:none}
.cinematic-scene .film-viewport{border:0;border-radius:0;background:transparent;box-shadow:none;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}
.cinematic-scene .forge-caption{border:0;justify-content:flex-end;padding-top:12px}
.cinematic-scene .forge-controls button{background:transparent;border-color:transparent;color:var(--text-secondary);font-size:14px;min-height:44px}
.cinematic-scene .forge-controls button:hover{border-color:var(--border-color);color:var(--text-primary)}
.cinematic-scene .film-viewport [data-film-play]{left:auto;right:7%;top:auto;bottom:7%;transform:none;font-size:14px;padding:9px 15px}
.cinematic-scene .film-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:0;margin:24px 0 0;padding:0}
.cinematic-scene .film-chapters::before{display:none}
.cinematic-scene .film-chapters li{position:relative;min-width:0}
.cinematic-scene .film-chapters li::before,.cinematic-scene .film-chapters li::after{content:'';position:absolute;top:30px;inset-inline-start:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:var(--border-color);pointer-events:none}
.cinematic-scene .film-chapters li::after{background:var(--accent);transform:scaleX(var(--step-progress,0));transform-origin:left center;box-shadow:0 0 8px rgba(var(--accent-rgb),.3)}
html.is-rtl .cinematic-scene .film-chapters li::after{transform-origin:right center}
.cinematic-scene .film-chapters li:last-child::before,.cinematic-scene .film-chapters li:last-child::after{display:none}
.cinematic-scene .film-chapters button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 2px;min-height:88px;font-size:14px;border:0;text-align:center;color:var(--text-secondary)}
.cinematic-scene .film-chapters b{display:block;width:60px;height:60px;flex-shrink:0;background-size:100% 100%;filter:grayscale(.8);opacity:.55;transition:filter .3s,opacity .3s,transform .3s}
.cinematic-scene .film-chapters b img{display:block;width:60px;height:60px;object-fit:contain}
.cinematic-scene .film-chapters [aria-current=step]{color:var(--text-primary)}
.cinematic-scene .film-chapters [aria-current=step] b{filter:drop-shadow(0 4px 9px rgba(var(--accent-rgb),.28));opacity:1}
.cinematic-scene[data-film-state=playing] [aria-current=step] b{animation:stage-icon-float 2.6s ease-in-out infinite}
.cinematic-scene .film-chapters [data-done=true] b{filter:none;opacity:.85}
@keyframes stage-icon-float{0%,100%{transform:perspective(300px)translateY(0)rotateY(-12deg)}50%{transform:perspective(300px)translateY(-5px)rotateY(12deg)}}
@media(max-width:1000px){.hero-forge .forge-layout{grid-template-columns:1fr;max-width:700px;gap:40px}#hero.hero-forge{min-height:100svh;padding:130px 0 64px}#heroForgeScene.cinematic-scene{justify-self:center;max-width:560px}#websites .websites-overview>.cinema-intro{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:767px){.hero-forge .forge-layout,#about>.container,#websites>.websites-overview>.container,.cinema-inner>.cinema-intro{width:calc(100% - 40px)}.hero-forge .forge-name{font-size:clamp(30px,8.5vw,48px)!important}.hero-forge .forge-description{font-size:17px}#hero.hero-forge{padding:112px 0 48px}#about{padding:42px 0 48px}.section{padding-block:48px}#websites .websites-overview{padding:36px 0 24px}#labLocalEntry .lab-integrated-heading{align-items:flex-start;flex-direction:column;gap:16px}#labLocalEntry .lab-integrated-heading h3{font-size:22px}.cinematic-scene .film-chapters{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.cinematic-scene .film-chapters li:nth-child(3)::before,.cinematic-scene .film-chapters li:nth-child(3)::after{display:none}.cinematic-scene .forge-controls{width:auto}.lab-integrated-caption{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cinematic-scene .film-chapters b{animation:none!important;transition:none}.cinema-inner{position:relative;height:auto;padding-block:48px}.cinema-section,.websites-cinema-stage{height:auto!important}.cinema-row{overflow-x:auto!important;transform:none!important;gap:20px!important;padding:16px 24px!important}.cinema-row>*{margin-inline-start:0!important;transform:none!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.hero-forge .forge-introduction picture,.hero-forge .forge-name .name-last{animation:none}}

/* Concept studio: contained workspace, visible page context, readable controls. */
#conceptStudioModal{padding:32px;place-items:center}
#conceptStudioModal .concept-studio-backdrop{background:rgba(5,6,12,.32);backdrop-filter:blur(3px)}
#conceptStudioModal .concept-studio-dialog{width:min(1100px,100%);max-height:calc(100dvh - 64px);padding:28px;border-radius:24px;border:1px solid #ffffff26;background:linear-gradient(145deg,#171820f5,#0d0e15f7);box-shadow:0 24px 70px #0006;scrollbar-width:thin;scrollbar-color:#5b5c68 transparent;overscroll-behavior:contain}
#conceptStudioModal .concept-studio-dialog::before{display:none}
#conceptStudioModal .universe-close{position:absolute;top:20px;inset-inline-end:20px;width:38px;height:38px;z-index:6}
#conceptStudioModal .concept-studio-head{gap:8px 20px;padding-inline-end:46px}
#conceptStudioModal .concept-studio-head h2{font-size:clamp(26px,2.8vw,38px);line-height:1.25;letter-spacing:-.025em;margin-top:8px}
#conceptStudioModal .concept-studio-head>p{font-size:15px;line-height:1.65;margin:0;color:#a8a9b5}
#conceptStudioModal .concept-live-pill{align-self:center;border-color:#64d8b230;color:#8dd9be;background:#64d8b20a;letter-spacing:.04em;white-space:nowrap}
#conceptStudioModal .concept-live-pill i,#conceptStudioModal .concept-preview-status i{background:#80d8b9;box-shadow:none}
#conceptStudioModal .concept-studio-layout{grid-template-columns:340px minmax(0,1fr);gap:28px;margin-top:24px;align-items:start}
#conceptStudioModal .concept-controls{gap:12px}
#conceptStudioModal .concept-controls fieldset+fieldset{padding-top:8px;border-top:1px solid #ffffff0d}
#conceptStudioModal .concept-controls legend{margin-bottom:10px}
#conceptStudioModal .concept-controls legend b{font-size:14px;letter-spacing:0;color:#c9cad3}
#conceptStudioModal .concept-controls legend span{background:transparent;border-color:#ffffff15;color:#999aa7}
#conceptStudioModal .concept-choice-grid{grid-template-columns:1fr;gap:7px}
#conceptStudioModal .concept-choice-grid button{grid-template-columns:32px 1fr;gap:3px 10px;min-height:56px;padding:9px 13px;border-radius:12px;box-shadow:none}
#conceptStudioModal .concept-choice-icon{grid-row:1/3;align-self:center;margin:0}
#conceptStudioModal .concept-choice-grid strong,#conceptStudioModal .concept-density strong{font-size:15px}
#conceptStudioModal .concept-choice-grid small,#conceptStudioModal .concept-density small{font-size:12px;line-height:1.4;color:#9294a2}
#conceptStudioModal .concept-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#conceptStudioModal .concept-palette button{flex-direction:column;justify-content:center;font-size:11px;min-height:62px;gap:6px;padding:6px}
#conceptStudioModal .concept-palette i{width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff40}
#conceptStudioModal .concept-palette button.active{border-color:#ffffff75;box-shadow:0 0 0 2px #ffffff09}
#conceptStudioModal .concept-density button{min-height:74px;padding:10px;box-shadow:none}
#conceptStudioModal .concept-sections label{font-size:12px;min-height:40px;padding-inline:8px}
#conceptStudioModal .concept-preview-shell{top:0;border-radius:16px;border-color:#ffffff20;box-shadow:0 12px 32px #0003}
#conceptStudioModal .concept-browser-bar{font-size:9px;letter-spacing:.04em;direction:ltr}
#conceptStudioModal .concept-preview-page{min-height:410px;padding:22px;background:radial-gradient(ellipse at 85% 30%,rgba(var(--concept-rgb),.13),transparent 60%),#0b0d13}
#conceptStudioModal .concept-preview-hero{padding-block:36px;gap:20px}
#conceptStudioModal .concept-preview-copy h3{font-size:30px;line-height:1.12;letter-spacing:-.02em}
#conceptStudioModal .concept-preview-copy p{font-size:12px;line-height:1.65;color:#a6a9b5}
#conceptStudioModal .concept-preview-copy small{font-size:9px;line-height:1.5;letter-spacing:.06em}
#conceptStudioModal .concept-preview-copy>span{font-size:11px;min-height:34px}
#conceptStudioModal .concept-preview-art{aspect-ratio:1;border:0;border-radius:20px;background:none;transform:none;overflow:visible;perspective:700px}
#conceptStudioModal .concept-preview-art::before{inset:15% 4%;border:1px solid rgba(var(--concept-rgb),.15);border-radius:50%;box-shadow:none;animation:none}
#conceptStudioModal .concept-preview-art>i{left:9%;right:9%;height:51%;top:20%;border-radius:12px;border:1px solid rgba(var(--concept-rgb),.45);background:linear-gradient(145deg,#30333f,#131620);box-shadow:0 12px 18px #0005;transform:rotateX(45deg)rotateZ(-28deg);transition:transform .5s ease}
#conceptStudioModal .concept-preview-art>i::before{content:'';position:absolute;inset:17% 14% 55%;border-radius:3px;background:rgba(var(--concept-rgb),.8)}
#conceptStudioModal .concept-preview-art>i::after{content:'';position:absolute;inset:56% 14% 21%;border-top:2px solid #ffffff25;border-bottom:2px solid #ffffff15}
#conceptStudioModal .concept-preview-art>i:nth-child(1){top:36%;opacity:.5}
#conceptStudioModal .concept-preview-art>i:nth-child(2){top:24%;opacity:.8}
#conceptStudioModal .concept-preview-art>i:nth-child(3){top:12%;animation:concept-layer-float 5s ease-in-out infinite}
#conceptStudioModal .concept-preview-art strong{display:none}
#conceptStudioModal [data-style=minimal] .concept-preview-art>i{transform:rotateX(20deg)rotateZ(-8deg)}
#conceptStudioModal [data-style=editorial] .concept-preview-art>i{transform:rotateX(10deg)rotateZ(8deg);border-radius:3px}
#conceptStudioModal .concept-preview-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#conceptStudioModal .concept-preview-modules article{min-height:62px}
#conceptStudioModal .concept-preview-modules b{font-size:10px;letter-spacing:0;line-height:1.4}
#conceptStudioModal .concept-preview-status{min-height:42px;font-size:11px;letter-spacing:0}
#conceptStudioModal .concept-preview-page footer{font-size:9px;letter-spacing:0}
#conceptStudioModal .concept-studio-actions{position:sticky;bottom:-28px;z-index:5;margin:24px -28px -28px;padding:14px 28px;background:#12131cf7;backdrop-filter:blur(8px)}
#conceptStudioModal .concept-studio-actions .btn{font-size:15px;min-height:46px}
#conceptStudioModal[data-lang=ar] .concept-studio-head h2,html.is-rtl #conceptStudioModal .concept-studio-head h2{letter-spacing:0;line-height:1.5}
html.is-rtl #conceptStudioModal .concept-preview-copy h3{font-family:Cairo,sans-serif;line-height:1.5;font-size:26px}
@keyframes concept-layer-float{50%{translate:0 -6px}}
@media(max-width:980px){#conceptStudioModal .concept-studio-dialog{max-width:700px}#conceptStudioModal .concept-studio-layout{grid-template-columns:1fr}#conceptStudioModal .concept-preview-shell{position:relative;order:-1}#conceptStudioModal .concept-controls{grid-template-columns:1fr 1fr;gap:20px}#conceptStudioModal .concept-controls fieldset+fieldset{border:0;padding:0}}
@media(max-width:600px){#conceptStudioModal{padding:14px 10px}#conceptStudioModal .concept-studio-dialog{padding:20px 16px;max-height:calc(100dvh - 28px);border-radius:20px;margin:0}#conceptStudioModal .universe-close{top:14px;inset-inline-end:12px}#conceptStudioModal .concept-studio-head{grid-template-columns:1fr;padding-inline-end:34px}#conceptStudioModal .concept-studio-head h2{font-size:26px}#conceptStudioModal .concept-studio-head>p{font-size:13px}#conceptStudioModal .concept-live-pill{display:none}#conceptStudioModal .concept-studio-layout{gap:22px;margin-top:20px}#conceptStudioModal .concept-controls{grid-template-columns:1fr;gap:18px}#conceptStudioModal .concept-preview-page{min-height:0;padding:14px}#conceptStudioModal .concept-preview-hero{gap:10px;padding-block:24px;grid-template-columns:1.15fr .85fr}#conceptStudioModal .concept-preview-copy h3{font-size:23px}html.is-rtl #conceptStudioModal .concept-preview-copy h3{font-size:20px}#conceptStudioModal .concept-preview-copy p{font-size:11px}#conceptStudioModal .concept-preview-copy small{font-size:8px}#conceptStudioModal .concept-preview-modules{grid-template-columns:repeat(2,minmax(0,1fr))}#conceptStudioModal .concept-studio-actions{position:sticky;bottom:-20px;margin:22px -16px -20px;padding:12px 16px;background:#11121bf5;gap:8px}#conceptStudioModal .concept-studio-actions .btn{font-size:13px;min-width:0}#conceptStudioModal .concept-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#conceptStudioModal .concept-preview-art>i{animation:none}}

/* Keep the artwork deck stacked; protect only its partner introduction. */
#graphic-design .cinema-inner{perspective:none}
#graphic-design .gfx-grid{gap:0!important;transform-style:flat}
#graphic-design .gfx-grid>*{margin-left:-70px!important;margin-right:0!important}
#graphic-design .gfx-grid>.partner-card{margin-left:0!important}
#graphic-design .gfx-grid>.partner-card+.project-card{margin-left:64px!important}
html.is-rtl #graphic-design .partner-card{direction:rtl}
#graphic-design .partner-socials a{direction:ltr}
#graphic-design .partner-card{--partner-metal:#d8bc87;position:relative!important;top:auto;width:400px;flex:0 0 400px;align-self:center;display:flex;gap:9px;padding:24px 30px 26px;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid #d8bc8740;background:radial-gradient(ellipse at 50% 12%,#d8bc870b,transparent 58%),linear-gradient(150deg,#202027,#111219 75%);box-shadow:0 18px 45px #0005,inset 0 1px #f4e3c420;backdrop-filter:none}
#graphic-design .partner-card::before{content:'';position:absolute;inset:7px;border:1px solid #d8bc8715;border-radius:18px;pointer-events:none;z-index:-1;background:none;opacity:1;transform:none}
#graphic-design .partner-card::after{content:none}
#graphic-design .partner-edition{display:flex;align-items:center;gap:8px;align-self:stretch;padding-bottom:13px;margin-bottom:4px;border-bottom:1px solid #d8bc871c;color:var(--partner-metal);font-size:10px;font-weight:600;letter-spacing:.15em}
#graphic-design .partner-monogram{margin-inline-start:auto;font:italic 20px Georgia,serif;letter-spacing:-1px}
#graphic-design .partner-label{font-size:11px;letter-spacing:.08em;color:#ac9c84;font-weight:500}
#graphic-design .partner-photo-wrap{position:relative;width:136px;height:136px;padding:4px;margin:3px 0 5px;border-radius:50%;background:linear-gradient(135deg,#f0d6a4,#786244 42%,#ddc396 74%,#5e4a31);box-shadow:0 8px 22px #0005}
#graphic-design .partner-photo-wrap img{width:128px!important;height:128px!important;min-width:0!important;min-height:0!important;border-radius:50%;display:block}
#graphic-design .partner-name{font-size:32px;line-height:1.15;letter-spacing:-.03em;color:#f0ede7;margin:3px 0 0}
#graphic-design .partner-title{font-size:15px;line-height:1.5;color:var(--partner-metal);margin:0}
#graphic-design .partner-location{font-size:12px;line-height:1.5;color:#9394a2;margin:0}
#graphic-design .partner-available{font-size:11px;color:#8ad3b1;background:#84cca609;border:1px solid #84cca61f;padding:5px 10px;border-radius:20px;line-height:1.4;margin:2px 0}
#graphic-design .partner-available .pulse-dot{box-shadow:none;width:5px;height:5px;background:#8ad3b1;animation:none}
#graphic-design .partner-bio{font-size:14px;line-height:1.65;color:#b4b4c1;margin:4px 0 8px;text-wrap:pretty}
#graphic-design .partner-socials{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid #ffffff0d}
#graphic-design .partner-socials .social-icon{width:auto;height:42px;border-radius:10px;border:1px solid #d8bc8730;background:#d8bc8708;color:#e3d5bd;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:none;font-size:13px;transition:background .2s ease,border-color .2s ease,transform .2s ease}
#graphic-design .partner-socials .social-icon:first-child::after{content:'LinkedIn'}
#graphic-design .partner-socials .social-icon:last-child::after{content:'Behance'}
#graphic-design .partner-socials .social-icon:hover,#graphic-design .partner-socials .social-icon:focus-visible{background:#d8bc871c;border-color:#d8bc8790;transform:translateY(-2px)}
html.is-rtl #graphic-design .partner-edition{letter-spacing:0;font-size:12px}
html.is-rtl #graphic-design .partner-bio{font-size:13px;line-height:1.85}
@media(max-width:900px){#graphic-design .gfx-grid{gap:20px!important;align-items:center!important}#graphic-design .gfx-grid>*,#graphic-design .gfx-grid>.partner-card+.project-card{margin-left:0!important;margin-right:0!important}#graphic-design .partner-card{width:82vw;flex-basis:82vw;max-width:400px;padding:20px 22px}#graphic-design .partner-name{font-size:29px}#graphic-design .partner-bio{font-size:13px}}
@media(prefers-reduced-motion:reduce){#graphic-design .partner-socials .social-icon{transition:none}}

/* Every concept option has an observable layout or content consequence. */
#conceptStudioModal .concept-choice-grid button.active,#conceptStudioModal .concept-density button.active{border-color:rgba(var(--concept-ui-rgb),.65);background:linear-gradient(120deg,rgba(var(--concept-ui-rgb),.12),#ffffff03)}
#conceptStudioModal .concept-choice-grid button,#conceptStudioModal .concept-density button{position:relative;padding-inline-end:26px}
#conceptStudioModal .concept-choice-grid button.active::after,#conceptStudioModal .concept-density button.active::after{content:'✓';position:absolute;inset-inline-end:10px;top:12px;color:rgb(var(--concept-ui-rgb));font-size:12px}
#conceptStudioModal .concept-choice-icon{border-color:rgba(var(--concept-ui-rgb),.4)}
#conceptStudioModal .concept-sections label:has(input:checked){border-color:rgba(var(--concept-ui-rgb),.35);background:rgba(var(--concept-ui-rgb),.07)}
#conceptStudioModal .concept-sections input{accent-color:rgb(var(--concept-ui-rgb))}
#conceptStudioModal .concept-palette button{min-height:68px;gap:8px}
#conceptStudioModal .concept-palette button.active{background:rgba(var(--concept-ui-rgb),.1);border-color:rgba(var(--concept-ui-rgb),.7)}
#conceptStudioModal .concept-preview-hero[hidden]{display:none}
#conceptStudioModal button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
#conceptStudioModal .concept-preview-page nav button{pointer-events:auto;cursor:pointer;min-height:32px;font-size:9px}
#conceptStudioModal .concept-module-summary{display:none;margin:0;color:#a5a7b4;font-size:11px;line-height:1.6}
#conceptStudioModal [data-density=immersive] .concept-module-summary{display:block}
#conceptStudioModal [data-density=immersive] .concept-preview-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
#conceptStudioModal [data-density=immersive] .concept-preview-modules article{min-height:94px;gap:8px}
#conceptStudioModal [data-style=minimal] .concept-preview-page{background:#101218}
#conceptStudioModal [data-style=minimal] .concept-preview-copy h3,#conceptStudioModal [data-style=minimal] nav strong{color:#e9eaf0}
#conceptStudioModal [data-style=minimal] .concept-preview-copy p,#conceptStudioModal [data-style=minimal] .concept-preview-modules b,#conceptStudioModal [data-style=minimal] .concept-module-summary{color:#a4a9b8}
#conceptStudioModal [data-style=minimal] .concept-preview-copy small{color:#858d9e}
#conceptStudioModal [data-style=minimal] .concept-preview-copy h3{font-weight:500;letter-spacing:-.025em}
#conceptStudioModal [data-style=minimal] .concept-preview-modules article{background:#171a22;border-color:#ffffff12;border-radius:5px;box-shadow:none}
#conceptStudioModal [data-style=minimal] .concept-preview-modules i{background:#ffffff15}
#conceptStudioModal [data-style=minimal] .concept-preview-art>i{background:#232833;box-shadow:0 8px 15px #0003;animation:none}
#conceptStudioModal [data-style=minimal] .concept-preview-art>i:nth-child(1){display:none}
#conceptStudioModal [data-style=minimal] .concept-preview-page footer{color:#969dac}
#conceptStudioModal [data-style=editorial] .concept-preview-copy h3{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.12}
html.is-rtl #conceptStudioModal [data-style=editorial] .concept-preview-copy h3{font-family:Cairo,sans-serif;font-weight:500;font-size:26px;line-height:1.5}
#conceptStudioModal [data-style=editorial] .concept-preview-art{border:1px solid rgba(var(--concept-rgb),.25);background:linear-gradient(145deg,rgba(var(--concept-rgb),.12),#ffffff04);border-radius:60px 60px 4px 4px;overflow:hidden}
#conceptStudioModal [data-style=editorial] .concept-preview-art>i:nth-child(-n+2){display:none}
#conceptStudioModal [data-style=editorial] .concept-preview-art>i:nth-child(3){top:25%;animation:none;transform:rotate(-10deg)}
#conceptStudioModal [data-style=editorial] .concept-preview-modules article{border-radius:0;border-width:1px 0 0;background:transparent}
@media(max-width:600px){#conceptStudioModal [data-style=editorial] .concept-preview-copy h3{font-size:24px}html.is-rtl #conceptStudioModal [data-style=editorial] .concept-preview-copy h3{font-size:20px}}

/* Journey polish stays inside each fading card, so nothing remains behind. */
.journey .journey-card{overflow:hidden;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(135deg,#1b1c25,#11121a);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff05;padding:26px 28px}
.journey .journey-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff07 48%,transparent 70%);transform:translateX(-110%)}
.journey .journey-card::after{content:'';position:absolute;top:0;inset-inline:28px;height:1px;background:linear-gradient(90deg,transparent,var(--j-color),transparent);opacity:.6;pointer-events:none}
.journey .journey-top{margin-bottom:14px;gap:13px}
.journey .journey-icon{width:44px;height:44px;border-radius:13px;border-color:color-mix(in srgb,var(--j-color) 25%,transparent);background:linear-gradient(145deg,#ffffff0d,#ffffff02);box-shadow:inset 0 1px #ffffff0d,0 6px 12px #0002}
.journey .journey-year{font-size:28px;letter-spacing:.025em}
.journey .journey-title{font-size:20px;line-height:1.35;margin-bottom:9px}
.journey .journey-desc{font-size:15px;line-height:1.7;color:#a1a3b3}
.journey .journey-item.in .journey-card::before{animation:journey-surface-pass 1s ease .15s both}
.journey .journey-item.in .journey-icon svg{animation:journey-icon-arrive .6s cubic-bezier(.16,1,.3,1) .15s both}
.journey .journey-card:hover{border-color:color-mix(in srgb,var(--j-color) 38%,transparent);box-shadow:0 14px 34px #0004}
html.is-rtl .journey .journey-title{font-size:18px;line-height:1.65}
html.is-rtl .journey .journey-desc{font-size:14px;line-height:1.9}
@keyframes journey-surface-pass{to{transform:translateX(110%)}}
@keyframes journey-icon-arrive{from{transform:translateY(6px)rotate(-12deg)scale(.8)}to{transform:none}}
@media(max-width:767px){.journey .journey-card{padding:22px 20px;border-radius:17px}.journey .journey-title{font-size:18px}.journey .journey-desc{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey .journey-item.in .journey-card::before,.journey .journey-item.in .journey-icon svg{animation:none}}

/* Project previews are complete captures, never cover-cropped backgrounds. */
#projectDetailModal{padding:24px;place-items:center}
#projectDetailModal .project-detail-backdrop{background:rgba(5,6,12,.32);backdrop-filter:blur(3px)}
#projectDetailModal .project-detail-dialog{width:min(1200px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #ffffff20;border-radius:24px;background:#11121a;box-shadow:0 24px 70px #0006;scrollbar-width:thin;scrollbar-color:#555968 transparent}
#projectDetailModal .project-detail-layout{min-height:0;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);align-items:start}
#projectDetailModal .project-detail-media{display:grid;grid-template-columns:1fr auto;grid-template-areas:'device story' 'stage stage' 'hud hud';gap:16px;align-content:start;min-height:0;padding:20px;background:#0d0f16;overflow:hidden}
#projectDetailModal .project-detail-media::after,#projectDetailModal .project-detail-grid,#projectDetailModal .project-detail-scan{display:none}
#projectDetailModal .project-detail-preview-switch{grid-area:device;position:relative;inset:auto;justify-self:start;align-self:center;margin:0;box-shadow:none;backdrop-filter:none;max-width:100%}
#projectDetailModal .project-detail-story-switch{grid-area:story;position:relative;inset:auto;align-self:center;justify-self:end;margin:0;max-width:100%;box-shadow:none;backdrop-filter:none}
#projectDetailModal .project-detail-story-switch>span:first-child{display:none}
#projectDetailModal .project-detail-preview-stage{grid-area:stage;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;max-width:100%;border:1px solid #ffffff16;border-radius:12px;transform:none;box-shadow:0 10px 24px #0003;background:#080a10;justify-self:center;overflow:hidden;transition:width .3s ease}
#projectDetailModal .project-detail-media img,#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage img{width:100%;height:100%;padding:0;border-radius:0;object-fit:contain;object-position:center;transform:none;background:#080a10}
#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage{inset:auto;width:min(260px,75%);height:auto;aspect-ratio:390/844;border:5px solid #292b35;border-radius:23px;transform:none;box-shadow:0 14px 28px #0005}
#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage::before,#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage::after{display:none}
#projectDetailModal .project-detail-media-hud{grid-area:hud;position:static;inset:auto;font-size:10px;gap:12px;flex-wrap:wrap;color:#a6aab7;letter-spacing:.04em}
#projectDetailModal .project-detail-live{font-size:9px;letter-spacing:0;background:transparent;box-shadow:none}
#projectDetailModal .project-detail-content{padding:58px 28px 26px;min-width:0;background:#11121a;overflow:visible;max-height:none}
#projectDetailModal #projectDetailTitle{font-size:clamp(27px,2.6vw,38px);line-height:1.2;letter-spacing:-.02em}
#projectDetailModal .project-detail-summary{font-size:15px;line-height:1.7;margin-top:16px}
#projectDetailModal .project-detail-highlights{gap:8px}
#projectDetailModal .project-detail-highlights>div{padding:12px;min-height:72px}
#projectDetailModal .project-detail-highlights strong{font-size:13px;line-height:1.4}
#projectDetailModal .project-detail-actions{flex-wrap:wrap;gap:10px}
#projectDetailModal .project-detail-actions .btn{min-height:44px;font-size:13px;padding-inline:16px}
#projectDetailModal .project-detail-dialog>.universe-close{position:absolute;inset:12px 12px auto auto;width:36px;height:36px;z-index:12}
#projectDetailModal .project-detail-gallery-nav{width:36px;height:36px;top:50%;background:#151824ed}
#projectDetailModal .project-detail-gallery-prev{left:26px}
#projectDetailModal .project-detail-gallery-next{right:26px}
#projectDetailModal .project-detail-gallery-counter{top:auto;bottom:62px}
#projectDetailModal .project-detail-preview-switch button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
#projectDetailModal .project-detail-blueprint{padding:28px 22px 20px}
#projectDetailModal .project-blueprint-hero h3{font-size:clamp(24px,2.3vw,34px)}
#projectDetailModal .project-blueprint-hero{max-width:85%}
html.is-rtl #projectDetailModal .project-detail-dialog>.universe-close{left:12px;right:auto}
html.is-rtl #projectDetailModal .project-detail-media{direction:rtl}
html.is-rtl #projectDetailModal #projectDetailTitle{letter-spacing:0;line-height:1.5}
@media(max-width:980px){#projectDetailModal .project-detail-layout{grid-template-columns:1fr}#projectDetailModal .project-detail-dialog{max-width:740px}#projectDetailModal .project-detail-media{padding-top:58px}#projectDetailModal .project-detail-content{padding:24px}#projectDetailModal .project-detail-preview-stage{aspect-ratio:16/10}#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage{width:230px}}
@media(max-width:600px){#projectDetailModal{padding:10px}#projectDetailModal .project-detail-dialog{max-height:calc(100dvh - 20px);border-radius:20px;margin:0}#projectDetailModal .project-detail-media{padding:52px 14px 16px;gap:12px;grid-template-areas:'device device' 'story story' 'stage stage' 'hud hud'}#projectDetailModal .project-detail-preview-switch{justify-self:center}#projectDetailModal .project-detail-story-switch{justify-self:center}#projectDetailModal .project-detail-preview-switch button{min-height:36px;font-size:12px}#projectDetailModal .project-detail-media[data-preview-mode=mobile] .project-detail-preview-stage{width:min(230px,85%)}#projectDetailModal .project-detail-content{padding:22px 18px}#projectDetailModal .project-detail-highlights{grid-template-columns:1fr}#projectDetailModal .project-detail-highlights>div{min-height:0;display:flex;justify-content:space-between;align-items:center;gap:12px}#projectDetailModal .project-detail-summary{font-size:14px}#projectDetailModal .project-detail-actions .btn{flex:1 1 100%}#projectDetailModal .project-detail-utility-actions{flex-wrap:wrap}#projectDetailModal .project-detail-gallery-prev{left:18px}#projectDetailModal .project-detail-gallery-next{right:18px}#projectDetailModal .project-blueprint-hero h3{font-size:21px}#projectDetailModal .project-blueprint-blocks article{min-height:42px}#projectDetailModal .project-detail-blueprint{padding:12px}#projectDetailModal .project-blueprint-top{font-size:7px}}
#projectDetailModal .project-detail-preview-note{grid-column:1/-1;grid-row:4;margin:0;font-size:12px;line-height:1.6;color:#aaaebc}
#projectDetailModal .project-detail-preview-note[hidden]{display:none}
@media(max-width:600px){#projectDetailModal .project-detail-preview-note{grid-row:5}}
@media(prefers-reduced-motion:reduce){#projectDetailModal .project-detail-preview-stage{transition:none}}