/* v19: small-screen layout only. The established desktop cascade is unchanged. */
@media (max-width:1099px) {
  html { scroll-padding-top:76px; }
  body.studio { overflow-x:clip; }
  .section-wrap { width:calc(100% - 40px); max-width:760px; }
  .page-content { margin-top:0; padding-left:0; }
  .page-content:before,.morph-layer,.portrait-backdrop,.journey-sidebar,
  .glass-one,.skills-spark,.skill-rows article>span[aria-hidden],
  .hero-buttons> a>span,.contact-links [aria-hidden],.email-link>span { display:none!important; }

  /* A clear portrait, two actions and ample space around the face. */
  .hero-transition { height:auto; min-height:0; background:#d5d2c0; }
  .hero-transition .portrait-hero { z-index:72; position:relative; top:0; height:100svh; min-height:720px; max-height:960px; background:#d5d2c0; }
  .giant-name { top:100px; left:3%; width:94%; font-size:34vw; line-height:.91; transform:none!important; translate:0 0!important; opacity:1!important; letter-spacing:-.08em; }
  .hero-person { translate:0 0!important; top:125px; bottom:auto; left:50%; height:calc(100% - 20px); max-height:none; width:auto; aspect-ratio:2/3; object-fit:contain; object-position:top; transform:translateX(-50%)!important; filter:none!important; opacity:1!important; mask-image:linear-gradient(#000 90%,transparent); -webkit-mask-image:linear-gradient(#000 90%,transparent); }
  .hero-shade { inset:42% 0 0; opacity:1!important; background:linear-gradient(transparent,#24271e33 35%,#24271ed9 88%,#24271ef2); }
  .hero-main { left:20px; right:20px; bottom:max(38px,env(safe-area-inset-bottom)); width:auto; min-width:0; text-align:center; transform:none!important; translate:0 0!important; opacity:1!important; }
  .hero-kicker { font-size:12px; line-height:1.7; max-width:330px; margin:auto; }
  .hero-main h1 { font-size:clamp(46px,12.5vw,76px); line-height:1.06; letter-spacing:-2px; margin:14px 0 25px; }
  .hero-buttons { gap:10px; opacity:1!important; visibility:visible!important; }
  .hero-buttons>a { min-height:50px; min-width:0; flex:1; max-width:180px; padding:12px 14px; border-radius:5px; font-size:14px; }
  .hero-buttons .glass-button { background:#ffffff12; color:white; border:1px solid #ffffff8c; backdrop-filter:none; }
  .portrait-nav { position:fixed; top:0; left:0; right:0; padding:16px 20px; background:#d5d2c0; display:flex; align-items:center; justify-content:space-between; opacity:1!important; translate:0 0!important; z-index:80; }
  .small-brand { display:flex!important; align-items:center; min-height:44px; background:#f5ff2e; padding:0 12px; border-radius:6px; font-size:11px; }
  .mobile-call { display:flex!important; align-items:center; justify-content:center; min-height:44px; padding:0 16px; margin-left:auto; margin-right:8px; background:#f5ff2e; color:#20251d; border-radius:6px; font-size:14px; font-weight:700; }
  .glass-skills { display:grid; left:20px; right:auto; top:43%; bottom:auto; padding:14px 16px; gap:8px; font-size:11px; transform:none; translate:none!important; opacity:1!important; border-radius:7px; box-shadow:none; }
  .glass-skills i { display:none; }
  .glass-two { display:block; left:auto; right:20px; top:52%; bottom:auto; padding:16px 14px; width:118px; transform:none; translate:none!important; opacity:1!important; border-radius:7px; box-shadow:none; }
  .glass-two strong { font-size:35px; letter-spacing:-1.8px; }
  .glass-two small { font-size:11px; line-height:1.4; margin-top:7px; }
  .portrait-nav .desktop-nav { display:none!important; }
  .menu-toggle { flex-shrink:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; width:46px; height:46px; border:1px solid #31372f50; border-radius:5px; padding:0; background:#d5d2c0; }
  .menu-toggle>span { width:20px; height:1px; background:#20251d; transition:transform .22s; }
  .menu-toggle[aria-expanded=true]>span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded=true]>span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .mobile-nav:not([hidden]) { display:flex; position:absolute; top:74px; left:20px; right:20px; flex-direction:column; gap:0; direction:rtl; background:#eeeee4; color:#20251d; border:1px solid #bcc0ab; border-radius:6px; padding:8px 20px; box-shadow:0 16px 40px #25291d26; }
  .mobile-nav a { display:block; padding:15px 0; min-height:50px; font-size:17px; border-bottom:1px solid #20251d15; transform:none!important; }
  .mobile-nav a:last-child { border-bottom:0; }
  .float-nav { display:none!important; position:fixed; top:10px; bottom:auto; left:20px; right:20px; width:auto; max-width:500px; margin:auto; padding:7px 8px; border-radius:7px; gap:0; justify-content:space-around; background:#e9eadcfa; border:1px solid #b6baa5; box-shadow:0 5px 20px #20251d12; backdrop-filter:blur(12px); }
  .float-nav a { padding:10px 8px; font-size:12px; min-height:40px; }
  .float-nav a:last-child { font-size:0; }
  .float-nav a:last-child:after { content:'נדבר'; font-size:12px; }

  .journey { padding:65px 0 45px; }
  .journey-intro { max-width:650px; width:100%; margin:0; text-align:right; }
  .journey-intro h2 { font-size:clamp(42px,10.4vw,64px); letter-spacing:-1.9px; line-height:1.08; margin:0 0 24px; }
  .journey-intro>p:last-child { font-size:16px; line-height:1.85; max-width:580px; }
  .software-strip { margin:28px 0 0; padding:12px 0 20px; background:transparent; backdrop-filter:none; }
  .software-strip .marquee { margin:0; padding:10px 0; mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent); }
  .software-group { gap:22px; padding-right:22px; }
  .software-group b { font-size:16px; }
  .software-group>span { width:1px; height:14px; background:#6d7654; font-size:0; }
  .software-strip .marquee:hover .marquee-track { animation-play-state:running; }
  .journey-stops { padding:65px 26px 65px 0; gap:70px; }
  .journey-card,.journey-card:nth-of-type(even),.journey-card:nth-of-type(odd) { width:100%; margin:0!important; padding:25px 22px; align-self:flex-start!important; border-radius:8px; background:#e5e6d7; backdrop-filter:none; }
  .journey-dot,.journey-card:nth-of-type(even) .journey-dot { right:-33px; left:auto; top:44px; width:14px; height:14px; }
  .journey-card:nth-of-type(even) .journey-dot { right:-33px; }
  .journey-year { font-size:58px; line-height:1; color:#76852f; letter-spacing:-3px; }
  .journey-date { font-size:12px; margin:8px 0 16px; }
  .journey-card h3 { font-size:25px; line-height:1.22; }
  .journey-card>p:not(.journey-date),.journey-card details p { font-size:15px; line-height:1.85; }
  .journey-card-foot { margin-top:22px; }
  .journey-card-foot>span { font-size:8px; line-height:1.7; overflow-wrap:anywhere; }
  .journey-card summary { min-height:44px; padding:11px 14px; font-size:13px; }
  .creator-profile { min-height:44px; display:inline-flex; align-items:center; padding:11px 13px; font-size:12px; }
  .creator-skills { gap:6px; }
  .creator-skills span { padding:4px 7px; border-radius:4px; font-size:10px; }

  #impact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; padding:35px 0; margin-bottom:65px; }
  #impact .impact-intro p { font-size:19px; line-height:1.5; }
  #impact .metric { padding:0 0 20px; border-bottom:1px solid #a3a88e70; text-align:right; }
  #impact .metric>strong { font-size:clamp(34px,9.2vw,58px); line-height:1.2; letter-spacing:-1.8px; }
  #impact .metric p { font-size:12px; line-height:1.7; margin-top:9px; max-width:none; }
  #impact .metric-note { font-size:10px; line-height:1.8; }

  .horizontal-work .work-sticky { padding:60px 20px 30px; }
  .horizontal-work .section-heading { margin-bottom:30px; }
  .horizontal-work .section-heading h2 { font-size:clamp(37px,9.2vw,58px); line-height:1.1; letter-spacing:-1.7px; }
  .work-window { margin-left:-20px; margin-right:-20px; padding:0 20px 8px; scroll-padding-inline:20px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .work-window::-webkit-scrollbar { display:none; }
  .horizontal-work .project-grid { gap:16px; padding-bottom:0; }
  .horizontal-work .project-card { width:calc(100vw - 64px); flex-basis:calc(100vw - 64px); max-width:440px; }
  .horizontal-work .showcase-card { height:clamp(470px,68svh,580px); min-height:0; max-height:none; border-radius:10px!important; }
  .horizontal-work .showcase-card .project-meta { padding:22px 20px!important; min-height:120px; }
  .horizontal-work .showcase-card .project-meta h3,.horizontal-work .scene-automation .project-meta h3 { font-size:25px; line-height:1.18; padding-left:32px; }
  .horizontal-work .showcase-card .project-meta p { font-size:12px; max-width:88%; }
  .horizontal-work .showcase-card .project-meta>span { max-width:none; text-align:right; padding-left:45px; }
  .scene-tags { display:none; }
  .device-stage { top:34px; bottom:130px; left:18px; right:18px; }
  .showcase-open,.horizontal-work .showcase-card .film-play { width:44px; height:44px; border-radius:5px; left:14px; bottom:22px; }
  .horizontal-work .showcase-card .film-play { font-size:15px; }
  .automation-map { top:28px; bottom:175px; }
  .automation-caption { bottom:150px; font-size:11px; }
  .app-film-stage { inset:35px 12px 130px; }
  .rail-controls { gap:14px; padding-top:18px; flex-wrap:nowrap; }
  .rail-count { font-size:11px; }
  .skip-work { min-height:44px; display:flex; align-items:center; font-size:12px; }

  .studio-skills { padding:0 0 50px; }
  .reveal-track { height:155svh; }
  .reveal-track .skills-intro { height:100svh; min-height:560px; margin:0; top:0; gap:28px; padding:65px 0 45px; }
  .reveal-track .skills-intro h2 { font-size:clamp(48px,12vw,80px); line-height:1.06; letter-spacing:-2.5px; margin:0; }
  .reveal-track .skills-intro .scroll-statement { font-size:clamp(24px,6.3vw,38px); line-height:1.55; letter-spacing:-.6px; margin:0; max-width:650px; }
  .skill-rows { margin-top:40px; }
  .skill-rows article { display:grid; grid-template-columns:1fr; padding:25px 0; gap:10px; }
  .skill-rows article>span:first-child { font-size:10px; text-align:right; }
  .skill-rows h3 { font-size:26px; line-height:1.25; }
  .skill-rows p { grid-column:auto; grid-row:auto; font-size:15px; line-height:1.8; max-width:580px; }

  .signature-section { padding:35px 0 30px; }
  .signature-art { margin-bottom:28px; }
  .signature-section .chat-invite { gap:10px; align-items:center; margin:0 0 32px; }
  .signature-section .chat-invite img { width:44px; height:44px; flex-shrink:0; }
  .signature-section .chat-bubble { max-width:calc(100% - 54px); border-radius:12px 12px 3px 12px; font-size:14px; padding:14px 16px; }
  .signature-section .contact-bottom { gap:22px; }
  .signature-section .contact-bottom p { font-size:13px; line-height:1.8; }
  .signature-section .email-link { display:inline-block; font-size:clamp(17px,5.2vw,30px); letter-spacing:-.4px; padding:10px 0; }
  .signature-section .contact-links { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; font-size:13px; }
  .signature-section .contact-links>a,.signature-section .contact-links>button { min-height:46px; padding:11px 16px; border-radius:5px; }
  .faq { padding-top:35px; padding-bottom:60px; }
  .faq h2 { font-size:46px; letter-spacing:-2px; margin-bottom:28px; }
  .faq-grid { grid-template-columns:1fr; gap:10px; }
  .faq-grid details { padding:18px; border-radius:6px; }
  .faq-grid summary { font-size:16px; line-height:1.6; gap:15px; min-height:44px; }
  .faq-grid details p { font-size:15px; line-height:1.8; }
  .page-content>.footer { height:auto; min-height:100px; padding:24px 0; gap:16px; flex-wrap:wrap; justify-content:center; }
  .footer a { min-height:44px; display:inline-flex; align-items:center; }
  #project-dialog,#film-dialog { width:calc(100% - 24px); max-height:calc(100svh - 24px); border-radius:10px; }
  .dialog-close,.film-dialog-close { min-height:44px; min-width:44px; }
  .dialog-inner { padding:60px 22px 28px; }
  .dialog-inner h2 { font-size:29px; }
  .hero-buttons>a:active,.contact-links>a:active,.contact-links>button:active { scale:.97; }
}
@media (min-width:600px) and (max-width:1099px) {
  .hero-transition .portrait-hero { min-height:820px; }
  .glass-skills { left:12%; font-size:13px; }
  .glass-two { right:12%; width:140px; }
  .giant-name { top:70px; font-size:min(34vw,310px); }
  .hero-person { top:140px; height:calc(100% + 60px); }
  .hero-main { bottom:55px; }
  .hero-main h1 { font-size:76px; }
  .section-wrap { width:calc(100% - 72px); }
  .journey-stops { padding-right:40px; }
  .journey-card { max-width:620px; }
  .horizontal-work .project-card { width:420px; flex-basis:420px; }
  .faq-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:360px) {
  .section-wrap { width:calc(100% - 32px); }
  .hero-main { left:16px; right:16px; }
  .hero-kicker { font-size:10px; }
  .hero-main h1 { font-size:45px; }
  .hero-buttons>a { font-size:13px; padding:12px; }
  .float-nav { left:12px; right:12px; padding:5px; }
  .float-nav a { padding:10px 6px; font-size:11px; }
  .journey-card { padding:22px 18px; }
  .journey-card h3 { font-size:23px; }
  .horizontal-work .project-card { width:calc(100vw - 48px); flex-basis:calc(100vw - 48px); }
  .horizontal-work .showcase-card .project-meta h3,.horizontal-work .scene-automation .project-meta h3 { font-size:22px; }
}
@media (max-width:1099px) and (prefers-reduced-motion:reduce) {
  .reveal-track { height:auto; }
  .reveal-track .skills-intro { position:relative; height:auto; min-height:0; padding:75px 0 35px; }
  .hero-person { translate:0 0!important; }
  .hero-buttons>a:active,.contact-links>a:active,.contact-links>button:active { scale:1; }
}

/* v20: vector controls stay monochrome on iOS; no emoji font fallback. */
@media (max-width:1099px) {
  .desktop-action-symbol { display:none!important; }
  .mobile-action-icon { display:inline-block!important; width:18px; height:18px; flex:0 0 auto; vertical-align:middle; pointer-events:none; }
  .journey-card summary,.creator-profile {
    display:inline-flex; align-items:center; justify-content:flex-start; gap:10px;
    min-height:44px; padding:8px 0; background:none; border:0;
    border-bottom:1px solid #70795b80; border-radius:0; box-shadow:none;
    color:#303a27; font-size:14px; font-weight:500; line-height:1.5;
    transition:color .2s,border-color .2s;
  }
  .journey-card summary::-webkit-details-marker { display:none; }
  .journey-card summary::marker { content:''; }
  .journey-card summary .icon-expand { width:16px; height:16px; transition:transform .24s ease; }
  .journey-card details[open] summary .icon-expand { transform:rotate(180deg); }
  .creator-profile { font-size:12px; font-weight:600; }
  .creator-profile:hover { transform:none; }
  .creator-profile .mobile-action-icon { width:16px; height:16px; }
  .horizontal-work .showcase-card .film-play,.horizontal-work .showcase-open {
    display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; left:14px; bottom:22px; padding:0;
    background:none; color:#f5f6ea; border:0; border-radius:0;
    box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
    transform:none; font-size:0; filter:drop-shadow(0 1px 3px #0008);
    transition:color .2s,opacity .2s;
  }
  .horizontal-work .showcase-card .film-play .icon-play { width:25px; height:25px; }
  .horizontal-work .showcase-open .icon-external { width:23px; height:23px; }
  .horizontal-work .showcase-open:hover,.horizontal-work .showcase-open:focus-visible,
  .horizontal-work .project-open:hover .film-play,.horizontal-work .project-open:focus-visible .film-play { color:#f5ff2e; transform:none; }
  .skip-work { gap:8px; }
  .skip-work .mobile-action-icon { width:15px; height:15px; }
}
@media (max-width:1099px) and (prefers-reduced-motion:reduce) {
  .journey-card summary .icon-expand { transition:none; }
}