/* RAVAK Projects Motion. Structural geometry is RTL, not an LTR transform. */
.rvk-projects-motion {
 --rvk-projects-line:#383937;--rvk-projects-line-width:1px;--rvk-projects-row-height:70px;
 --rvk-projects-active-title:#ffc32e;
 --rvk-wave-muted:#858581;--rvk-wave-active:#ffc32e;--rvk-wave-final:#f7f5ef;
 --rvk-projects-distance-factor:100%;--rvk-projects-gradient:#090909;
 --rvk-projects-gradient-alpha:78%;--rvk-projects-gradient-height:76%;
 --rvk-projects-gradient-duration:460ms;--rvk-projects-wave-duration:1700ms;
 position:relative;direction:rtl;width:100%;max-width:100%;background:#0a0a0a;color:#f7f5ef;
 isolation:isolate;overflow-x:clip;
}
.rvk-projects-motion *,.rvk-projects-motion *::before,.rvk-projects-motion *::after{box-sizing:border-box}
.rvk-projects-stage{position:relative;width:100%;max-width:1480px;margin-inline:auto;padding:clamp(28px,5vh,65px) clamp(18px,4vw,58px) clamp(24px,4vh,54px);}
.rvk-projects-header{margin-bottom:42px}
.rvk-projects-heading{margin:0;color:#f7f5ef;text-align:center;font-size:clamp(38px,5.8vw,98px);line-height:1.15;font-weight:800;letter-spacing:-.025em}
.rvk-projects-list{width:100%;}
.rvk-projects-row{position:relative;min-width:0;overflow:clip;border:0;--rvk-open:0;--rvk-projects-fr:0fr;}
.rvk-projects-row-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,4vw,80px);min-height:var(--rvk-projects-row-height);}
.rvk-projects-row-toggle{appearance:none;border:0;background:none;padding:9px 0;margin:0;cursor:pointer;text-align:right;color:inherit;display:flex;align-items:center;gap:22px;min-width:0;max-width:100%;font:inherit;}
.rvk-projects-name{font-size:clamp(22px,3vw,47px);line-height:1.18;font-weight:750;color:var(--rvk-projects-inactive-title,var(--rvk-wave-muted,#858581));transition:color .45s ease;overflow-wrap:anywhere;}
.rvk-projects-row.is-primary .rvk-projects-name{color:var(--rvk-projects-active-title)}

.rvk-projects-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:42px;max-width:100%;padding:10px 18px;border:0;border-radius:6px;background-color:#ffc32e;color:#0a0a0a;text-decoration:none;font-weight:700;font-size:13px;line-height:1.6;transition:color .25s ease,background-color .25s ease,opacity .25s ease;}
.rvk-projects-action:hover,.rvk-projects-action:focus-visible{background-color:#f4cd6b;color:#0a0a0a}
.rvk-projects-row:not(.is-primary) .rvk-projects-action{opacity:.63}
.rvk-projects-action:focus-visible,.rvk-projects-row-toggle:focus-visible,.rvk-projects-image:focus-visible{outline:2px solid #ffc32e;outline-offset:4px}
.rvk-projects-detail{display:grid;grid-template-rows:minmax(0,var(--rvk-projects-fr,0fr));min-width:0;}
.rvk-projects-detail-inner{min-height:0;overflow:hidden}
.rvk-projects-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,3.8vw,66px);align-items:center;min-width:0;padding:12px 0 26px;}
.rvk-projects-copy{grid-column:1;grid-row:1;min-width:0;align-self:center;}
.rvk-projects-image{grid-column:2;grid-row:1;position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#222527;touch-action:pan-y;}
.rvk-projects-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.rvk-projects-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px;margin:0 0 22px;direction:rtl;}
.rvk-projects-meta-item{margin:0;min-width:0}
.rvk-projects-meta-label{font-size:12px;font-weight:500;line-height:1.65;color:#92938f;margin:0 0 4px}
.rvk-projects-meta-value{font-size:clamp(14px,1.3vw,19px);line-height:1.65;font-weight:650;color:#f4f3ee;margin:0;overflow-wrap:anywhere}
.rvk-projects-description{font-size:clamp(14px,1.25vw,18px);line-height:1.85;color:#f7f5ef;max-width:65ch;overflow-wrap:break-word}
.rvk-projects-description p{margin:0 0 12px}.rvk-projects-description p:last-child{margin-bottom:0}
/* Overlay and pointer targets never obscure the essential outside content. */
.rvk-projects-image-shade{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--rvk-projects-gradient-duration) ease;background:linear-gradient(to top,color-mix(in srgb,var(--rvk-projects-gradient) var(--rvk-projects-gradient-alpha),transparent),transparent var(--rvk-projects-gradient-height));}
.rvk-projects-overlay-panel{position:absolute;z-index:2;right:18px;bottom:var(--rvk-projects-overlay-bottom,18px);left:18px;display:flex;flex-direction:column;gap:10px;max-width:460px;width:auto;pointer-events:none;opacity:0;transform:translate3d(0,16px,0);transition:opacity .42s ease,transform .48s cubic-bezier(.22,.7,.25,1);background:transparent;border:0;border-radius:10px;padding:18px;--rvk-projects-glass-blur:7px;text-align:right;}
.rvk-projects-has-glass .rvk-projects-overlay-panel{background-color:#191b1c88;backdrop-filter:blur(var(--rvk-projects-glass-blur));-webkit-backdrop-filter:blur(var(--rvk-projects-glass-blur));}
.rvk-projects-overlay-title{font-size:clamp(18px,2vw,30px);font-weight:750;line-height:1.3;--rvk-wave-final:#fff;}
.rvk-projects-overlay-role{font-size:clamp(12px,1.3vw,17px);font-weight:500;line-height:1.55;--rvk-wave-final:#fff;}
.rvk-projects-image-interactive.is-overlay-open .rvk-projects-image-shade{opacity:1}
.rvk-projects-image-interactive.is-overlay-open .rvk-projects-overlay-panel{opacity:1;transform:translate3d(0,0,0)}
.rvk-projects-no-gradient .rvk-projects-image-shade{display:none}
@media (min-width:1024px){.rvk-projects-motion.is-editor .rvk-projects-row:first-child{--rvk-open:1;--rvk-projects-fr:1fr}}
@media (min-width:768px) {
 .rvk-projects-motion.is-pin-compatible .rvk-projects-stage{height:100svh;min-height:0;display:flex;flex-direction:column;justify-content:center;}
 .rvk-projects-motion.is-pin-compatible .rvk-projects-list{flex:0 0 auto;}
}
@media (max-width:1023.98px){
 .rvk-projects-detail{
  transition:grid-template-rows .72s cubic-bezier(.22,.75,.2,1);
 }
 .rvk-projects-row-toggle{touch-action:manipulation;}
 .rvk-projects-stage{padding:clamp(26px,5vw,50px) clamp(14px,3vw,28px)}
 .rvk-projects-heading{font-size:clamp(32px,5vw,68px)}
 .rvk-projects-row-head{min-height:58px;}
 .rvk-projects-name{font-size:clamp(20px,3vw,32px)}
 .rvk-projects-body{gap:18px;grid-template-columns:minmax(0,1fr)}
 .rvk-projects-image{grid-column:1;grid-row:1;max-width:780px}
 .rvk-projects-copy{grid-column:1;grid-row:2}
 .rvk-projects-meta-value{font-size:15px}
}
@media (max-width:600px){
 .rvk-projects-header{margin-bottom:25px}
 .rvk-projects-heading{font-size:clamp(28px,8.3vw,43px)}
 .rvk-projects-row-head{gap:8px;min-height:64px}
 .rvk-projects-name{font-size:clamp(19px,5.2vw,26px)}

 .rvk-projects-row-toggle{gap:9px}
 .rvk-projects-action{padding:9px 10px;font-size:11px;min-height:36px}
 .rvk-projects-body{gap:14px;padding:8px 0 20px}
 .rvk-projects-metadata{gap:10px 15px}
 .rvk-projects-image{aspect-ratio:4/3}
 .rvk-projects-overlay-panel{left:10px;right:10px;bottom:10px;padding:12px}
 .rvk-projects-overlay-title{font-size:18px}
 .rvk-projects-overlay-role{font-size:13px}
}
@media (prefers-reduced-motion:reduce) {
 .rvk-projects-motion *, .rvk-projects-motion *::before,.rvk-projects-motion *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
 .rvk-projects-image-shade{opacity:0}
 .rvk-projects-image-interactive:focus-visible .rvk-projects-image-shade{opacity:1}
}

.rvk-projects-motion.is-native-pin .rvk-projects-stage{position:sticky;top:0}

@media (min-width:1024px){
 .rvk-projects-stage{padding-top:clamp(22px,3.2vh,45px);padding-bottom:clamp(20px,2.8vh,36px)}
 .rvk-projects-header{margin-bottom:24px}
 .rvk-projects-body{padding-top:8px;padding-bottom:18px}
 .rvk-projects-image{max-width:min(100%,42vw);margin-inline-start:auto}
}
/* Accordion progress owns row dimensions; prevent browser scroll anchoring from
   compensating for intermediate project-height redistribution. */
.rvk-projects-motion{overflow-anchor:none}

.rvk-projects-body.rvk-projects-no-image{grid-template-columns:minmax(0,1fr)}

/* V1.1: separators only BETWEEN rows, never directly beneath the section title.
   A single pseudo-element owns each line: no doubled borders or reserved width. */
.rvk-projects-motion.rvk-projects-with-dividers .rvk-projects-row:not(:last-child) {
 padding-bottom:var(--rvk-projects-line-top-space,0px);
}
.rvk-projects-motion.rvk-projects-with-dividers .rvk-projects-row + .rvk-projects-row {
 padding-top:var(--rvk-projects-line-bottom-space,0px);
}
.rvk-projects-motion.rvk-projects-with-dividers .rvk-projects-row + .rvk-projects-row::before {
 content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
 width:var(--rvk-projects-divider-width,100%);height:var(--rvk-projects-line-width,1px);
 background:var(--rvk-projects-line,#383937);pointer-events:none;
}
/* A collapsed project title inherits the same muted text color used by the wave.
   Explicitly saved legacy inactive-title colors still override via the custom property. */
.rvk-projects-motion .rvk-projects-row:not(.is-primary) .rvk-projects-name {
 color:var(--rvk-projects-inactive-title,var(--rvk-wave-muted,#858581));
}

/* Projects Motion V1.2: editorial heading accents remain separate from row lines. */
.rvk-projects-motion .rvk-projects-eyebrow {
 direction:rtl;text-align:center;color:#ffc32e;font-size:clamp(12px,1.2vw,16px);
 font-weight:600;line-height:1.65;letter-spacing:normal;margin:0 0 10px;
}
.rvk-projects-motion .rvk-projects-decoration {
 direction:rtl;display:flex;align-items:center;justify-content:center;margin-top:14px;
}
.rvk-projects-motion .rvk-projects-deco-line {
 display:block;flex:none;width:62px;height:2px;border-radius:2px;background-color:#ffc32e;
}
.rvk-projects-motion .rvk-projects-deco-icon {
 display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;
 color:#ffc32e;transform:rotate(var(--rvk-projects-deco-rotate,0deg));
}
.rvk-projects-motion .rvk-projects-deco-icon svg {
 width:1em;height:1em;display:block;fill:currentColor;
}
/* This is a painting-only offset, NOT an accordion-height or GSAP adjustment. */
.rvk-projects-motion .rvk-projects-title-stack {
 position:relative;inset-block-start:var(--rvk-projects-title-top-space,12px);
}
/* Explicit RTL at text boundaries, without reordering embedded Latin glyphs.
   Individual Latin word spans retain their own dir=ltr and bidi isolation. */
.rvk-projects-motion :is(.rvk-projects-header,.rvk-projects-eyebrow,.rvk-projects-heading,
 .rvk-projects-row-toggle,.rvk-projects-name,.rvk-projects-action,
 .rvk-projects-copy,.rvk-projects-metadata,.rvk-projects-meta-item,
 .rvk-projects-meta-label,.rvk-projects-meta-value,.rvk-projects-description,
 .rvk-projects-description p,.rvk-projects-description li,
 .rvk-projects-overlay-panel,.rvk-projects-overlay-title,.rvk-projects-overlay-role) {
 direction:rtl;
}
.rvk-projects-motion .rvk-projects-overlay-reading {
 /* Initial markup and every unprocessed letter must be muted even without JS. */
 color:var(--rvk-wave-muted,#858581);direction:rtl;
}
@media(max-width:1023.98px){
 .rvk-projects-motion .rvk-projects-title-stack{inset-block-start:var(--rvk-projects-title-top-space,8px)}
}
@media(max-width:600px){
 .rvk-projects-motion .rvk-projects-title-stack{inset-block-start:var(--rvk-projects-title-top-space,5px)}
}

/* Projects Motion V1.3 — description controls use the existing semantic paragraph,
   retaining all word-level gradient state and inherited site fonts. */
.rvk-projects-motion .rvk-projects-description {
 direction:rtl;text-align:right;width:100%;min-width:0;
 max-width:65ch;overflow-wrap:break-word;
}
.rvk-projects-motion .rvk-projects-description :is(p,li) {direction:rtl;}
/* Metadata: an ICON is a decorative companion of the heading, not a new label. */
.rvk-projects-motion {
 --rvk-meta-icon-muted:#92938f;--rvk-meta-icon-accent:#ffc32e;--rvk-meta-icon-final:#f4f3ee;
 --rvk-meta-line-muted:#92938f;--rvk-meta-line-accent:#ffc32e;--rvk-meta-line-final:#f4f3ee;
}
.rvk-projects-motion .rvk-projects-meta-item {
 display:flex;flex-direction:column;align-items:stretch;min-width:0;direction:rtl;
}
.rvk-projects-motion .rvk-projects-meta-label {margin:0 0 4px;}
.rvk-projects-motion .rvk-projects-meta-heading {
 display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;
 max-width:100%;direction:rtl;vertical-align:middle;
}
.rvk-projects-motion.rvk-projects-icons-left .rvk-projects-meta-heading {flex-direction:row-reverse;}
.rvk-projects-motion .rvk-projects-meta-label-text {min-width:0;overflow-wrap:break-word;}
.rvk-projects-motion .rvk-projects-meta-icon {
 flex:none;display:inline-flex;align-items:center;justify-content:center;
 font-size:15px;line-height:1;color:var(--rvk-meta-icon-muted);transition:color .34s ease;
}
.rvk-projects-motion .rvk-projects-meta-icon.is-active {color:var(--rvk-meta-icon-accent);}
.rvk-projects-motion .rvk-projects-meta-icon.is-finished {color:var(--rvk-meta-icon-final);}
.rvk-projects-motion .rvk-projects-meta-icon :is(svg,i){display:block;width:1em;height:1em;line-height:1;fill:currentColor;}
/* The three-colour line belongs underneath each PROJECT NAME. It never
   creates spacing inside metadata columns; the historical control IDs remain. */
.rvk-projects-motion .rvk-projects-title-line {
 display:block;flex:none;align-self:flex-start;
 width:min(72px,100%);max-width:100%;height:2px;min-height:1px;
 margin-block:5px 8px;border-radius:100px;
 --rvk-meta-past-a:0%;--rvk-meta-past-b:0%;--rvk-meta-front-a:0%;--rvk-meta-front-b:0%;
 background-image:linear-gradient(to left,
  var(--rvk-meta-line-final) 0%,var(--rvk-meta-line-final) var(--rvk-meta-past-a),
  var(--rvk-meta-line-accent) var(--rvk-meta-past-b),
  var(--rvk-meta-line-accent) var(--rvk-meta-front-a),
  var(--rvk-meta-line-muted) var(--rvk-meta-front-b),var(--rvk-meta-line-muted) 100%);
 pointer-events:none;
}
.rvk-projects-motion .rvk-projects-meta-value {margin:0;}
@media(max-width:1023.98px){
 .rvk-projects-motion .rvk-projects-metadata {grid-template-columns:repeat(2,minmax(0,1fr));}
 .rvk-projects-motion .rvk-projects-title-line {max-width:100%;}
}
@media(max-width:430px){
 .rvk-projects-motion .rvk-projects-metadata {column-gap:10px;row-gap:14px;}
 .rvk-projects-motion .rvk-projects-meta-heading {max-width:100%;}
}
@media (prefers-reduced-motion:reduce){
 .rvk-projects-motion .rvk-projects-meta-icon {transition:none;}
}

/* Projects V1.3.1 correction: underline follows project name, NEVER metadata. */
.rvk-projects-motion .rvk-projects-title-stack {
 display:inline-flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;
 position:relative;direction:rtl;
}
.rvk-projects-motion .rvk-projects-title-stack .rvk-projects-name {position:static;inset:auto;}
.rvk-projects-motion .rvk-projects-title-line {
 max-width:100%;align-self:flex-start;box-sizing:border-box;pointer-events:none;
}
@media(max-width:600px){
 .rvk-projects-motion .rvk-projects-title-line{max-width:100%;}
}

/* V1.4: an opt-in COMPACT presentation only if natural dimensions exceed the
   viewport. No type scaling, absolute offsets, or cropped project content. */
.rvk-projects-motion.is-pin-compact .rvk-projects-row-toggle{padding-block:3px;}
.rvk-projects-motion.is-pin-compact .rvk-projects-header{margin-bottom:min(24px,2.6vh);}
.rvk-projects-motion.is-pin-compact .rvk-projects-stage{padding-block:clamp(12px,1.6vh,22px);}
.rvk-projects-motion.is-pin-compact .rvk-projects-body{padding-block:6px 12px;}
/* Pin duration is owned by ScrollTrigger/native sticky; prevent scroll
   anchoring from mistaking accordion internal heights for external movement. */
.rvk-projects-motion.is-pin-compatible .rvk-projects-stage{overflow-anchor:none;}