/* Round 14c. Static Hero reproducing the supplied 2048 x 1152 composition. */
@font-face{font-family:HeroPlex;src:url('assets/fonts/ibm-plex-hebrew-300.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:HeroNoto;src:url('assets/fonts/noto-hebrew-200.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}
.hero.hero-minimal{padding:0;background:#fff;overflow:visible;color:#000}
.hero-minimal-stage{position:relative;width:100%;aspect-ratio:2048/1152}
.hero-minimal-identity{position:absolute;left:11.2305%;top:23%;margin:0;font-family:HeroNoto,sans-serif;font-size:1.416015625vw;font-weight:200;line-height:1.5;letter-spacing:0;text-align:right;white-space:nowrap}
.hero-minimal-title{margin:0;font-family:HeroPlex,sans-serif;font-size:5.224609375vw;font-weight:300;line-height:1.2;letter-spacing:0;color:#000;text-wrap:normal;overflow-wrap:normal}
.hero-title-row{position:absolute;display:block;white-space:nowrap}
.hero-title-first{right:6.3477%;top:36.2847%}
.hero-title-second{left:10.9863%;top:45.5729%}
.hero-minimal .hero-tone-muted{color:#7a7a78}
.hero-minimal-lower,.hero-minimal-rule{position:absolute;inset:0;pointer-events:none}
.hero-minimal-rule span{position:absolute;display:block;border:0;border-radius:0}
.hero-minimal-rule .rule-top{left:51.5625%;top:54.1667%;width:28.0273%;border-top:1px solid #000}
.hero-minimal-rule .rule-turn{left:79.5898%;top:54.1667%;height:17.96875%;border-left:1px solid #000}
.hero-minimal-rule .rule-tail{left:79.5898%;top:72.1354%;right:0;border-top:1px solid #000}
.hero-minimal-description{position:absolute;right:23.4375%;top:65.5382%;margin:0;font-family:HeroNoto,sans-serif;font-size:1.708984375vw;font-weight:200;line-height:1.2;letter-spacing:0;text-align:right;text-wrap:normal;overflow-wrap:normal;pointer-events:auto}
.hero-description-row{display:block;white-space:nowrap}
/* The selected-work heading keeps its previously approved type sizes. */
.featured-work .section-heading #work-title{font-family:Noto,sans-serif;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-wrap:normal}
@media(min-width:761px) and (max-width:1050px){
 .hero-minimal-identity{font-size:12px}
 .hero-minimal-description{font-size:15px}
}
@media(max-width:760px){
 .hero-minimal-stage{aspect-ratio:auto;display:flex;flex-direction:column;padding:60px var(--gutter) 54px}
 .hero-minimal-identity{position:static;align-self:flex-end;font-size:12px;white-space:normal;margin-bottom:64px}
 .hero-minimal-title{font-size:clamp(32px,8.6vw,56px);line-height:1.22}
 .hero-title-row{position:static;white-space:normal}
 .hero-title-first{text-align:right}
 .hero-title-second{text-align:left;margin-top:12px}
 .hero-minimal-lower{position:relative;inset:auto;margin-top:40px;padding:32px 30px 0 0}
 .hero-minimal-rule .rule-top{left:0;right:12px;top:0;width:auto}
 .hero-minimal-rule .rule-turn{left:auto;right:12px;top:0;bottom:0;height:auto}
 .hero-minimal-rule .rule-tail{left:auto;right:0;top:auto;bottom:0;width:12px}
 .hero-minimal-description{position:static;font-size:15px;line-height:1.6}
 .hero-description-row{white-space:normal}
 .featured-work .section-heading #work-title{font-size:10px}
}

/* Round 14d correction: lift the complete stage, without touching its geometry.
   The negative margin also removes the same space from the Hero's flow height.
   A viewport-aware lift keeps the lower line and description in the first view;
   its cap leaves the studio identity at least 36px below the header. */
@media(min-width:761px){
 .hero.hero-minimal{display:flow-root;--hero-lift:min(calc(12.9375vw - 36px),max(10vw,calc(42vw + 108px - 100svh)))}
 .hero-minimal-stage{margin-block-start:calc(-1 * var(--hero-lift))}
}
@media(max-width:760px){
 .hero-minimal-stage{padding-top:36px}
}

/* 15E: mobile uses the same two title rows and continuous three-segment path.
   Grid shares the second row's actual text width with the line, without JS. */
@media(max-width:760px){
 .hero-minimal-stage{display:grid;direction:ltr;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto auto auto auto;padding:32px var(--gutter) 40px;row-gap:0}
 .hero-minimal-identity{grid-column:1/-1;grid-row:1;position:static;justify-self:start;align-self:auto;direction:rtl;font-size:11px;text-align:left;margin:0 0 48px;white-space:nowrap}
 .hero-minimal-title{display:contents;font-size:clamp(25px,7.5vw,44px);line-height:1.22}
 .hero-title-row{position:static;direction:rtl;white-space:nowrap}
 .hero-title-first{grid-row:2;grid-column:1/-1;text-align:right;margin:0 0 12px}
 .hero-title-second{grid-row:3;grid-column:1;text-align:left;margin:0}
 .hero-minimal-lower,.hero-minimal-rule{display:contents}
 .hero-minimal-rule .rule-top{position:relative;grid-row:3;grid-column:2;align-self:end;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:0 12px 6px 10px}
 .hero-minimal-rule .rule-turn{position:relative;grid-row:4;grid-column:2;justify-self:end;align-self:stretch;left:auto;right:auto;top:-6px;bottom:auto;width:0;height:calc(100% + 6px);margin-right:12px}
 .hero-minimal-rule .rule-tail{position:relative;grid-row:5;grid-column:2;justify-self:end;left:auto;right:auto;top:auto;bottom:auto;width:calc(var(--gutter) + 12px);margin-right:calc(-1 * var(--gutter))}
 .hero-minimal-description{position:static;grid-row:4;grid-column:1;direction:rtl;font-size:14px;line-height:1.6;text-align:right;width:100%;min-width:0;contain:inline-size;padding:36px 0 24px;margin:0}
 .hero-description-row{white-space:normal}
}

/* 15F: mobile composition follows the supplied square reference.
   Only geometry changes; all three existing strokes retain the entrance sequence. */
@media(max-width:760px){
 .hero-minimal-stage{display:block;direction:rtl;aspect-ratio:1528/1536;height:auto;width:100%;padding:0}
 .hero-minimal-identity{position:absolute;left:7.2%;right:auto;top:11.7%;font-size:3.3vw;line-height:1.5;margin:0;text-align:left;white-space:nowrap}
 .hero-minimal-title{display:block;font-size:7.6vw;line-height:1.2}
 .hero-title-row{position:absolute;white-space:nowrap;margin:0}
 .hero-title-first{right:5.3%;left:auto;top:28.8%;text-align:right}
 .hero-title-second{left:6.8%;right:auto;top:43.2%;text-align:left}
 .hero-minimal-lower,.hero-minimal-rule{display:block;position:absolute;inset:0;margin:0;padding:0}
 .hero-minimal .hero-minimal-rule span{justify-self:normal;align-self:normal}
 .hero-minimal-rule .rule-top{position:absolute;left:65%;right:auto;top:48.9%;bottom:auto;width:22.4%;height:0;margin:0}
 .hero-minimal-rule .rule-turn{position:absolute;left:87.4%;right:auto;top:48.9%;bottom:auto;width:0;height:33.1%;margin:0}
 .hero-minimal-rule .rule-tail{position:absolute;left:87.4%;right:0;top:82%;bottom:auto;width:auto;height:0;margin:0}
 .hero-minimal-description{position:absolute;contain:none;left:auto;right:17.3%;top:61%;bottom:auto;width:75%;padding:0;margin:0;font-size:3.3vw;line-height:1.6;text-align:right}
 .hero-description-row{display:contents}
 .hero-description-row>span{display:block;white-space:nowrap}
}

/* 20C: improve the description only; title, lines and animation stay intact. */
@font-face{font-family:HeroNoto;src:url('assets/fonts/noto-hebrew-300.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
.hero-minimal .hero-minimal-description{font-weight:300}
.hero-minimal .hero-minimal-description .hero-tone-muted{color:#737371}
@media(max-width:760px){
 .hero-minimal .hero-minimal-description{font-size:max(12px,3.6vw);line-height:1.4}
}