/* SKYLARK brand identity page */
:root{--midnight:#0B1A2E;--graphite:#1D232B;--steel:#5E6773;--cloud:#C9CED5;--line:#E3E6EA;--mist:#EEF0F2;--ink:#0E1116;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--disp:"Archivo","Inter",Arial,sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--pad:clamp(16px,5vw,72px)}
html[lang=he]{--sans:"Heebo",-apple-system,Arial,sans-serif;--disp:"Heebo",Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:#fff;color:var(--midnight);padding:10px 14px;border-radius:8px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--midnight);outline-offset:3px}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:28px;height:68px;padding:0 var(--pad);color:#fff;transition:background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.hdr.is-solid{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr__logo{position:relative;flex:none}
.hdr__logo img{width:128px}
.hdr__k{position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease)}
.hdr.is-solid .hdr__k{opacity:1}
.hdr.is-solid .hdr__w{opacity:0}
.hdr__nav{display:flex;gap:22px;margin-inline-start:auto}
.hdr__nav a,.hdr__app{font-size:14px;text-decoration:none;opacity:.85;transition:opacity .25s var(--ease)}
.hdr__nav a:hover,.hdr__app:hover{opacity:1}
.hdr__app{font-weight:600;opacity:1;padding-inline-start:22px;border-inline-start:1px solid currentColor;border-color:rgba(255,255,255,.3)}
.hdr.is-solid .hdr__app{border-color:var(--line)}
.lang{display:inline-flex;padding:2px;border:1px solid rgba(255,255,255,.3);border-radius:8px}
.hdr.is-solid .lang{border-color:var(--line)}
.lang button{border:0;background:transparent;color:inherit;min-width:36px;height:28px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;opacity:.7}
.lang button[lang=he]{font-family:"Heebo",sans-serif}
.lang button[aria-pressed=true]{background:#fff;color:var(--midnight);opacity:1}
.hdr.is-solid .lang button[aria-pressed=true]{background:var(--midnight);color:#fff}

/* hero */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:120px var(--pad) 56px;background:var(--midnight);color:#fff;text-align:center;position:relative}
.hero__logo{width:min(760px,86vw)}
.lk{width:100%;height:auto;display:block;overflow:visible}
.hero__t{margin:0;font:400 clamp(17px,1.6vw,21px)/1.5 var(--sans);color:rgba(255,255,255,.78);max-width:36ch}
.hero__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 48px;margin:28px 0 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;max-width:900px;width:100%}
.hero__meta dt{color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
html[lang=he] .hero__meta dt{letter-spacing:.02em}
.hero__meta dd{margin:0}

/* logo animation */
.lk__top,.lk__bot{transform-box:fill-box}
.motion .is-anim .lk__bot{animation:lkBot 1s var(--ease) both}
.motion .is-anim .lk__top{animation:lkTop 1s .15s var(--ease) both}
.motion .is-anim .lk__wm path{stroke-dasharray:1;stroke-dashoffset:1;animation:lkDraw .9s var(--ease) forwards}
@keyframes lkBot{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}
@keyframes lkTop{from{transform:translateY(-12%);opacity:0}to{transform:none;opacity:1}}
@keyframes lkDraw{to{stroke-dashoffset:0}}

/* bleed image */
.bleed{margin:0}
.bleed img{width:100%;height:auto}

/* chapters */
.ch{padding:clamp(72px,10vw,140px) var(--pad);max-width:1440px;margin:0 auto}
.ch--mist{max-width:none;background:#F4F5F7}
.ch--mist>*{max-width:1296px;margin-inline:auto}
.ch--flush{padding-inline:0;max-width:none}
.ch__head{padding:0 var(--pad);max-width:1440px;margin:0 auto}
.ch__n{margin:0 0 14px;font:500 13px/1 var(--disp);font-stretch:112%;letter-spacing:.12em;color:var(--steel)}
.ch__h{margin:0 0 20px;font:500 clamp(36px,5.6vw,76px)/1.02 var(--disp);font-stretch:115%;letter-spacing:-.02em;color:var(--midnight)}
html[lang=he] .ch__h{font-weight:500;letter-spacing:-.01em;line-height:1.1}
.ch__l{margin:0 0 56px;max-width:62ch;font-size:clamp(16px,1.35vw,19px);color:#3A424C}
.sub{margin:96px 0 24px;padding-top:24px;border-top:1px solid var(--line);font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--midnight)}
html[lang=he] .sub{letter-spacing:.02em;font-size:15px}
.fine{margin:14px 0 0;font-size:13px;color:var(--steel)}
.center{text-align:center}
.tag{display:inline-block;margin-top:auto;padding:4px 10px;border-radius:999px;background:var(--midnight);color:#fff;font-size:12px;font-weight:600}
.tag--off{background:var(--mist);color:var(--steel)}

/* reveal */
.motion [data-rise]{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.motion [data-rise].is-in{opacity:1;transform:none}

/* name */
.names{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px;padding:0;list-style:none}
.names .tag{align-self:flex-start}
.names li{display:flex;flex-direction:column;gap:14px;min-height:280px;padding:28px;border:1px solid var(--line);border-radius:16px}
.names li.is-win{background:var(--midnight);color:#fff;border-color:var(--midnight)}
.names b{font:500 30px/1 var(--disp);font-stretch:120%;letter-spacing:.06em}
.names p{margin:0;font-size:15px;color:inherit;opacity:.82}
.names li.is-win .tag{background:#fff;color:var(--midnight)}
.why{display:grid;grid-template-columns:1fr 1fr;gap:16px 56px;padding:32px 0 0}
.why h3{grid-column:1/-1;margin:0;font:500 22px/1.2 var(--disp);font-stretch:110%;color:var(--midnight)}
.why>p{margin:0;font-size:17px;color:#3A424C}
.checks{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.checks b{font-weight:600;color:var(--midnight)}
.why .fine{grid-column:2}

/* strategy */
.pos{margin:0 0 72px;max-width:26ch;font:400 clamp(26px,3.4vw,46px)/1.18 var(--disp);font-stretch:105%;letter-spacing:-.01em;color:var(--midnight)}
html[lang=he] .pos{font-family:"Frank Ruhl Libre",serif;font-weight:400;max-width:28ch}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.cols3 h3{margin:0 0 18px;padding-top:16px;border-top:1px solid var(--midnight);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--midnight)}
html[lang=he] .cols3 h3{letter-spacing:.02em;font-size:15px}
.aud{margin:0}
.aud dt{font:500 19px/1.3 var(--disp);font-stretch:108%;color:var(--midnight)}
.aud dd{margin:4px 0 20px;font-size:15px;color:#3A424C}
.voice{margin:0;padding:0;list-style:none}
.voice li{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.voice li:first-child{padding-top:0}
.voice p{margin:0}
.voice .x{color:var(--steel);text-decoration:line-through;text-decoration-color:rgba(94,103,115,.5)}
.do,.dont{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding-top:4px}
.do{color:var(--midnight)}
.dont{color:var(--steel)}

/* identity */
.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tile{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:48px;border-radius:16px;background:#F4F5F7;position:relative}
.tile img{width:min(420px,80%)}
.tile .sym{width:120px}
.tile .wm{width:min(380px,80%)}
.tile--navy{background:var(--midnight);color:#fff}
.tile figcaption{position:absolute;bottom:18px;inset-inline-start:22px;font-size:12px;color:var(--steel)}
.tile--navy figcaption{color:rgba(255,255,255,.6)}
.con{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:16px}
.con figure{margin:0;padding:28px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.con svg{width:100%;height:auto;display:block}
.con figcaption{font-size:13px;color:var(--steel)}
.con__wm svg{margin-block:auto}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 0;padding:0;list-style:none}
.rules li{padding:20px 22px;border-radius:14px;background:#F4F5F7;font-size:14px}
.rules b{display:block;color:var(--midnight);margin-bottom:4px}
.sw{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:12px}
.sw__i{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:20px;border-radius:14px;font-size:13px}
.sw__i b{font:500 20px/1.2 var(--disp);font-stretch:110%;margin-bottom:6px}
.sw__i span{opacity:.8;direction:ltr;text-align:start}
html[dir="rtl"] .sw__i span{text-align:right}
.sw__i span[data-i18n]{direction:inherit;margin-top:10px;opacity:.9}
.sw__i--big{grid-column:span 2;min-height:260px}
.ratio{display:flex;height:40px;margin-top:12px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.type{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.type__i{padding:28px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:6px}
.type__i b{font-size:17px;color:var(--midnight)}
.type__i>span{font-size:14px;color:#3A424C}
.type__s{margin:0 0 18px;font:400 120px/1 "Inter",sans-serif;color:var(--midnight)}
.type__s--disp{font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:500}
.type__s--he{font-family:"Heebo",sans-serif;font-weight:500}
.type__demo{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:16px;color:var(--midnight)}
.type__demo--disp{font-family:"Archivo",sans-serif;font-stretch:120%;font-weight:500}
.type__demo--he{font-family:"Heebo",sans-serif;direction:rtl;text-align:right}
.icons{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:0;padding:0;list-style:none}
.icons li{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 8px;border-radius:14px;background:#F4F5F7;font-size:12px;color:var(--steel)}
.icons svg{width:40px;height:40px;fill:none;stroke:var(--midnight);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mot{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.mot__stage{position:relative;display:grid;place-items:center;min-height:340px;padding:48px;border-radius:16px;background:#F4F5F7}
.mot__stage .lk{width:min(460px,90%)}
.replay{position:absolute;bottom:16px;inset-inline-end:16px;height:36px;padding:0 14px;border:1px solid var(--cloud);border-radius:9px;background:#fff;font-size:13px;font-weight:500;color:var(--midnight)}
.mot__rules{margin:0;padding:0;list-style:none}
.mot__rules li{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;color:#3A424C}
.mot__rules li:first-child{padding-top:0}
.mot__rules b{display:block;font:500 18px/1.3 var(--disp);font-stretch:108%;color:var(--midnight);margin-bottom:4px}

/* applications */
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 12px}
.gal figure{margin:0;position:relative;overflow:hidden;border-radius:6px;background:var(--mist)}
.gal img{width:100%;height:100%;object-fit:cover}
.g1{grid-column:1/-1;aspect-ratio:16/8.4}
.g2{grid-column:span 3;aspect-ratio:1/1.12}
.g2:has(img[height="671"]){aspect-ratio:3/2}
.g3{grid-column:span 2;aspect-ratio:3/2}
.gal figcaption{position:absolute;bottom:14px;inset-inline-start:16px;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:var(--midnight)}

/* digital */
.devices{position:relative;padding:0 8% 60px 0;margin-bottom:40px}
html[dir=rtl] .devices{padding:0 0 60px 8%}
.dv-desk{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(11,26,46,.35),0 0 0 1px #D9DDE2}
.dv-bar{display:flex;gap:7px;align-items:center;height:32px;padding:0 14px;background:#F1F2F4;border-bottom:1px solid #E1E4E8}
.dv-bar i{width:10px;height:10px;border-radius:50%;background:#D5D8DD}
.dv-phone{position:absolute;bottom:0;width:22%;max-width:250px;border-radius:32px;padding:8px;background:#0E1116;box-shadow:0 40px 60px -20px rgba(11,26,46,.45)}
.dv-phone img{border-radius:25px}
.dv-phone--a{inset-inline-end:14%}
.dv-phone--b{inset-inline-end:0;bottom:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 24px;border-radius:10px;background:var(--midnight);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s var(--ease)}
.btn:hover{background:#1C3150}
.site{border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(11,26,46,.35),0 0 0 1px #D9DDE2;background:#fff}
.site__bar{position:relative;display:flex;gap:7px;align-items:center;height:32px;padding:0 14px;background:#F1F2F4;border-bottom:1px solid #E1E4E8;direction:ltr}
.site__bar i{width:10px;height:10px;border-radius:50%;background:#D5D8DD}
.site__bar span{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:var(--steel);background:#fff;border:1px solid #E1E4E8;border-radius:6px;padding:1px 40px}
.site__hero{position:relative;aspect-ratio:16/8.4;color:#fff}
.site__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.site__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,46,.45),rgba(11,26,46,0) 40%,rgba(11,26,46,0) 60%,rgba(11,26,46,.55))}
.site__nav{position:absolute;z-index:1;top:0;inset-inline:0;display:flex;align-items:center;gap:26px;padding:22px 32px;font-size:13px}
.site__nav img{width:118px;margin-inline-end:auto}
.site__nav b{padding:9px 14px;border-radius:8px;background:#fff;color:var(--midnight);font-weight:600}
.site__copy{position:absolute;z-index:1;bottom:32px;inset-inline-start:32px;max-width:720px}
.site__k{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.site__t{margin:0 0 10px;font:500 clamp(24px,3.6vw,48px)/1.05 var(--disp);font-stretch:115%;letter-spacing:-.01em}
.site__l{margin:0;font-size:15px;opacity:.9}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.post__img{position:relative;aspect-ratio:1;overflow:hidden;color:#fff}
.post__img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post__ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:22px;background:linear-gradient(180deg,rgba(11,26,46,0) 45%,rgba(11,26,46,.7));direction:ltr;text-align:left}
.post__ov--top{justify-content:flex-start;background:linear-gradient(180deg,rgba(11,26,46,.55),rgba(11,26,46,0) 40%)}
html[dir=rtl] .post__ov--top{direction:rtl;text-align:right}
.post__rt{font:500 30px/1 var(--disp);font-stretch:120%;letter-spacing:.03em}
.post__d{font-size:13px;opacity:.9}
.post__img .post__lk{position:absolute;top:20px;left:22px;width:96px;height:auto}
.post__img--navy{background:var(--midnight);display:flex;flex-direction:column;justify-content:flex-end;padding:26px}
.post__img>.post__sym{position:absolute;inset:auto;top:24px;inset-inline-start:26px;width:40px;height:auto}
.post__big{margin:0 0 10px;font:500 clamp(22px,2.2vw,30px)/1.1 var(--disp);font-stretch:112%}
.post__sm{margin:0;font-size:13px;opacity:.75;max-width:30ch}
.post figcaption{padding:12px 14px;font-size:13px;color:#3A424C}
.post figcaption b{color:var(--ink);margin-inline-end:4px}

/* pdf */
.dl-pdf{text-align:center}
.dl-pdf .ch__l{margin-inline:auto}
.pdf{display:inline-flex;flex-direction:column;align-items:center;gap:28px;text-decoration:none}
.pdf img{width:min(640px,100%);border-radius:6px;box-shadow:0 40px 80px -30px rgba(11,26,46,.4),0 0 0 1px var(--line);transition:transform .5s var(--ease)}
.pdf:hover img{transform:translateY(-4px)}
.foot{margin:0;padding:40px var(--pad) 96px;border-top:1px solid var(--line);font-size:13px;color:var(--steel);text-align:center}
.foot a{color:var(--midnight);font-weight:500}

/* responsive */
@media (max-width:1100px){
  .hdr__nav{display:none}
  .hdr__app{margin-inline-start:auto}
  .names,.cols3,.type{grid-template-columns:1fr}
  .names li{min-height:0}
  .why{grid-template-columns:1fr}
  .why .fine{grid-column:1}
  .con,.mot{grid-template-columns:1fr}
  .icons{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:760px){
  .hdr{height:58px;gap:14px}
  .hdr__logo img{width:108px}
  .hdr__app{font-size:13px;padding-inline-start:0;border:0}
  .hero{min-height:88svh;gap:28px}
  .hero__meta{flex-direction:column;gap:14px;text-align:center}
  .logo-grid{grid-template-columns:1fr}
  .tile{min-height:240px;padding:40px 24px 56px}
  .rules{grid-template-columns:1fr}
  .sw{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(120px,auto)}
  .sw__i--big{min-height:200px}
  .type__s{font-size:88px}
  .gal{grid-template-columns:1fr;gap:10px;padding:0 10px}
  .g1,.g2,.g3{grid-column:1/-1}
  .g1{aspect-ratio:4/3}
  .devices{padding:0 0 40px}
  html[dir=rtl] .devices{padding:0 0 40px}
  .dv-phone{width:34%}
  .dv-phone--a{inset-inline-end:32%;bottom:-10px}
  .dv-phone--b{inset-inline-end:-2%;bottom:0}
  .devices{margin-bottom:70px}
  .site__nav span{display:none}
  .site__nav{padding:14px 16px}
  .site__nav img{width:92px}
  .site__nav b{font-size:12px;padding:7px 10px}
  .site__hero{aspect-ratio:4/5}
  .site__copy{inset-inline:18px;bottom:20px}
  .posts{grid-template-columns:1fr}
  .con figure{padding:18px}
}
.reduce [data-rise]{opacity:1!important;transform:none!important}
.reduce *,.reduce *:before,.reduce *:after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-rise]{opacity:1!important;transform:none!important}}