@charset "UTF-8";
:root{--bg:#ffffff;--surface:#ffffff;--ink:#152d42;--muted:#52697b;--cyan:#06c6d7;--blue:#315cbc;--accent-ink:#007987;--line:#dce6ed;--font:'Heebo',Arial,sans-serif;--latin:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}button,summary{cursor:pointer}::selection{background:var(--cyan);color:var(--bg)}.skip-link{position:fixed;top:-80px;right:20px;background:var(--cyan);color:var(--bg);padding:12px;z-index:10}.skip-link:focus{top:10px}.site-header{max-width:1600px;margin:auto;min-height:100px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{flex-shrink:0}.brand-image{display:block;position:relative;width:119px;height:53px;overflow:hidden;border-radius:3px;background:white}.brand-image img{position:absolute;max-width:none;width:127px;height:127px;top:-36px;left:-4px}.site-header nav{display:flex;gap:34px;font-size:14px;color:#3f596c}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--accent-ink)}.header-link{font-size:14px;border-bottom:1px solid #b7cad6;padding:8px 0}.header-link span{margin-right:22px;color:var(--accent-ink);font-size:23px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;padding:65px 5.5% 0;column-gap:2%;position:relative}.hero-copy{padding:10px 0 65px;position:relative;z-index:2}.eyebrow{font-size:14px;color:var(--accent-ink);margin:0 0 24px;font-weight:500;display:flex;align-items:center;gap:12px}.small-line{width:25px;height:1px;background:var(--cyan)}h1{font-size:clamp(62px,7.6vw,112px);line-height:1.09;letter-spacing:-.055em;margin:0 0 28px;font-weight:800}h1 span{color:var(--accent-ink)}.hero-description{font-size:18px;line-height:1.9;color:#52697b;margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:38px;padding:16px 24px;background:var(--cyan);color:#041722;font-size:16px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.primary-link:hover{background:#64e4ef;transform:translateY(-3px)}.primary-link span{font-size:25px;line-height:1}.hero-tags{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:12px;color:var(--muted)}.hero-tags i{height:3px;width:3px;background:#7897aa;border-radius:50%}.hero-visual{direction:ltr;position:relative;align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 50% 48%,#f2fbfd 0,transparent 68%);isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#315cbc12 1px,transparent 1px),linear-gradient(90deg,#315cbc12 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;font-family:var(--latin);font-size:12px;color:#5f7789;z-index:2}.visual-top{padding:12px 0;letter-spacing:.065em}.artwork{position:absolute;inset:30px -12% 25px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .7s ease;will-change:transform}.hero-art{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;mask-image:radial-gradient(ellipse 54% 44% at center,black 48%,transparent 100%);animation:levitate 8s ease-in-out infinite;user-select:none}.visual-bottom{margin-top:auto;padding:20px 0 66px;direction:rtl;font-family:var(--font)}.visual-caption{border-right:1px solid var(--cyan);padding-right:10px;color:#49677c;font-size:14px}.motion-toggle{direction:rtl;display:flex;align-items:center;gap:9px;color:#49677c;background:transparent;border:1px solid #c5d7e2;border-radius:30px;padding:9px 15px;min-height:44px;font-size:12px}.motion-toggle:hover{border-color:var(--accent-ink);color:var(--ink)}.pause-icon{font-family:var(--latin);width:12px}.axis{position:absolute;font:12px var(--latin);color:#5e7f95}.axis-x{left:0;top:55%}.axis-y{top:20%;right:6%}.axis-z{bottom:25%;right:4%}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0;font-size:12px;letter-spacing:.1em;color:#5f7789;direction:ltr;font-family:var(--latin)}.hero-bottom a{direction:rtl;letter-spacing:0;font:12px var(--font);display:flex;gap:18px}.discipline-strip{display:flex;align-items:center;justify-content:space-around;gap:24px;padding:27px 5.5%;font:500 clamp(18px,2.5vw,36px) var(--latin);color:#52697b;border-block:1px solid var(--line);background:#ffffff;overflow:hidden}.discipline-strip b{font-weight:400;color:var(--accent-ink);font-size:27px}.section-shell{max-width:1600px;margin:auto;padding:105px 5.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:clamp(34px,4vw,55px);font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0}h2 span{color:#315cbc}.section-heading>p{color:var(--muted);font-size:16px;margin:0 0 4px;line-height:1.9}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:240px 1fr 45px;align-items:center;gap:30px;padding:28px 0;list-style:none}.service summary::-webkit-details-marker{display:none}.service-code{font:13px var(--latin);color:#5b7487;text-align:right;letter-spacing:.06em}.service h3{font-size:27px;font-weight:500;margin:0;transition:color .2s}.service summary:hover h3,.service[open] h3{color:var(--accent-ink)}.expand{font:28px var(--latin);color:#315cbc;text-align:center;transition:transform .25s}.service[open] .expand{transform:rotate(45deg);color:var(--accent-ink)}.service-body{padding:0 270px 28px 65px;display:flex;align-items:start;gap:50px}.service-body p{color:#4d6578;max-width:630px;margin:0;line-height:1.9}.service-note{font-size:13px;color:#597487;white-space:nowrap;padding-top:6px}.materials{background:#ffffff;border-block:1px solid var(--line)}.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.technology{padding:40px;background:#ffffff;border:1px solid #dce6ed;border-radius:5px;position:relative;overflow:hidden}.tech-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.tech-title h3{font:500 clamp(45px,6vw,78px)/1 var(--latin);letter-spacing:-.06em;margin:0;color:var(--accent-ink)}.tech-title span{font-size:14px;color:#52697b}.resin .tech-title h3{color:#315cbc}.technology p{font-size:18px;line-height:1.8;margin:28px 0;color:#4d6578}.technology dl{margin:0 0 24px}.technology dl>div{border-top:1px solid #dce6ed;display:grid;grid-template-columns:95px 1fr;gap:15px;padding:14px 0;font-size:14px}.technology dt{color:#597487}.technology dd{margin:0;color:#415e73}.technology a{display:flex;justify-content:space-between;color:var(--accent-ink);border-top:1px solid #dce6ed;padding-top:23px;font-size:14px}.technology a span{font-size:23px}.technology a:hover{color:var(--blue)}.process{padding-block:105px 110px}.process>h2{font-size:clamp(42px,5vw,68px)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.process-steps>div{border-top:1px solid var(--line);padding-top:23px}.process-steps span{display:block;text-align:right;color:var(--accent-ink);font:13px var(--latin);letter-spacing:.07em}.process-steps h3{font-size:22px;font-weight:500;margin:23px 0 7px}.process-steps p{color:var(--muted);margin:0}.site-footer{padding:35px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px;color:var(--muted)}.footer-brand{color:var(--accent-ink);font:700 40px/.9 var(--latin);display:flex;align-items:center;gap:20px}.footer-brand span{font-size:10px;letter-spacing:.12em;max-width:85px;line-height:1.6}.site-footer a{min-height:44px;display:flex;align-items:center}.site-footer a:hover{color:var(--accent-ink)}body.motion-paused .hero-art{animation-play-state:paused}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-3deg) scale(.98)}50%{transform:translateY(-19px) rotate(3deg) scale(1.025)}}
.hero{overflow:clip}.brand-image{height:57px}
@media(min-width:1700px){.hero{padding-top:80px}.hero-copy{padding-bottom:90px}}
@media(max-width:1050px){.site-header nav{gap:20px}.site-header{gap:18px}.hero{grid-template-columns:1fr 1fr;padding-top:45px}h1{font-size:76px}.hero-description{font-size:16px}.service summary{grid-template-columns:190px 1fr 35px}.service-body{padding-right:220px;padding-left:30px;display:block}.service-note{display:block;margin-top:17px}.section-heading{gap:30px}.technology{padding:28px}.tech-title{display:block}.tech-title span{display:block;margin-top:17px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{padding:17px 6%;min-height:85px;flex-wrap:wrap;gap:20px}.brand-image{width:97px;height:44px}.brand-image img{width:106px;height:106px;top:-30px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:10px;border-top:1px solid var(--line);padding-top:14px}.header-link{font-size:12px}.header-link span{margin-right:13px}.hero{display:flex;flex-direction:column;padding:38px 6% 0}.hero-copy{padding:0;max-width:100%}.hero .eyebrow{font-size:12px;margin-bottom:20px}h1{font-size:clamp(60px,13vw,94px);letter-spacing:-.05em;margin-bottom:22px}.hero-description{font-size:16px;line-height:1.8}.desktop-break{display:none}.primary-link{padding:14px 20px;min-height:52px}.hero-tags{font-size:12px;gap:10px;margin-top:25px}.hero-visual{height:360px;margin-top:28px}.artwork{inset:4px -6% 2px}.visual-top{font-size:10px}.visual-bottom{padding:10px 0 18px}.visual-caption{font-size:12px}.axis-x{left:1%}.axis-y{right:5%}.hero-bottom{width:100%;padding:18px 0;font-size:10px}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:12px}.discipline-strip{padding:22px 6%;gap:18px;justify-content:flex-start;font-size:20px}.discipline-strip span:last-child,.discipline-strip b:last-of-type{display:none}.discipline-strip b{font-size:20px}.section-shell{padding:65px 6%}.section-heading{display:block;margin-bottom:33px}.section-heading>p{font-size:15px;margin-top:22px}.eyebrow{font-size:13px;margin-bottom:17px}h2{font-size:35px}.service summary{grid-template-columns:1fr 30px;gap:8px;padding:23px 0}.service-code{grid-column:1;font-size:11px;order:0}.service h3{grid-column:1;font-size:25px;order:1}.expand{grid-column:2;grid-row:1/3;order:2}.service-body{padding:0 0 25px 25px}.service-body p{font-size:15px}.service-note{font-size:12px}.technology-grid{grid-template-columns:1fr;gap:18px}.technology{padding:26px}.tech-title{display:flex}.tech-title h3{font-size:56px}.tech-title span{font-size:12px;margin-top:0}.technology p{font-size:17px}.technology dl>div{font-size:13px;grid-template-columns:80px 1fr}.process>h2{font-size:40px}.process-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.process-steps h3{margin-top:14px}.site-footer{padding:30px 6%;flex-wrap:wrap;gap:20px}.site-footer p{order:3;width:100%;margin:0;font-size:13px}.footer-brand{font-size:33px;gap:12px}.footer-brand span{font-size:9px}.site-footer a{font-size:12px}}
.experience-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px 5.5%;border-block:1px solid var(--line);background:#ffffff}.experience-band>p{margin:0}.experience-band strong{display:block;font-size:25px;font-weight:600;color:var(--accent-ink)}.experience-band span{font-size:14px;color:var(--muted)}.experience-band>div p{font-size:22px;margin:6px 0 0}.experience-band i{font-style:normal;color:#b0c6d4;margin:0 14px}.experience-end{font-size:18px;color:#52697b;line-height:1.6}.service-menu{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.service-menu a{border:1px solid #ccdce6;border-radius:30px;padding:10px 18px;font-size:14px;transition:background .2s,color .2s}.service-menu a:hover{color:var(--accent-ink);background:#effafd;border-color:var(--accent-ink)}.service-body .scan-note{font-size:14px;color:#597487;margin:15px 0}.concept-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.concept-tags span{font-size:12px;color:#46677e;border:1px solid #d4e2ec;border-radius:3px;padding:5px 10px}.applications{background:#ffffff;border-block:1px solid var(--line)}.concept-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.concept-card{border:1px solid #d4e2ec;border-radius:5px;overflow:hidden;background:#ffffff}.concept-card figure{margin:0;position:relative;aspect-ratio:3/2;overflow:hidden}.concept-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.concept-card:hover img{transform:scale(1.025)}.concept-card figcaption{position:absolute;bottom:15px;right:17px;font-size:12px;background:#fffffff2;color:#415e73;padding:5px 11px;border:1px solid #d4e2ec;border-radius:3px}.concept-copy{padding:30px}.concept-copy .eyebrow{margin:0 0 12px;font-size:13px}.concept-copy h3{font-size:25px;line-height:1.4;margin:0 0 15px;font-weight:500}.concept-copy>p{font-size:16px;line-height:1.9;color:#4d6578;margin:0}.concept-disclosure{font-size:13px;color:#597487;margin:20px 0 0}.gallery{padding-top:20px}.gallery-empty{padding:50px;border:1px solid var(--line);background:linear-gradient(110deg,#ffffff,var(--bg));border-radius:5px;text-align:center}.gallery-empty>span{font:12px var(--latin);letter-spacing:.15em;color:#547b96}.gallery-empty h3{font-size:23px;margin:20px 0 8px;font-weight:500}.gallery-empty p{color:var(--muted);margin:0;font-size:16px}.process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.process-steps h3{font-size:21px}.process-steps p{font-size:15px;line-height:1.8}.contact{display:flex;align-items:center;justify-content:space-between;gap:70px;background:linear-gradient(120deg,#ffffff,#ffffff 65%,#ffffff);border-top:1px solid #dce6ed}.contact h2 span{color:var(--accent-ink)}.contact>div>p:last-child{color:#52697b;margin:24px 0 0;font-size:17px;line-height:1.9}.contact-action{display:flex;flex-direction:column;align-items:center;gap:23px;min-width:290px}.contact-action .primary-link{width:100%;justify-content:space-between}.contact-phone{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;font-size:15px}.contact-phone b{font:500 22px var(--latin);color:var(--ink)}.contact-phone span{color:#52697b}.email-address{font:15px var(--latin);color:#315cbc;text-decoration:underline;text-underline-offset:5px}.contact-action a:hover{color:var(--accent-ink)}.contact-action .primary-link:hover{color:#041722}
@media(max-width:1050px){.experience-end{display:none}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{gap:35px}.concept-copy{padding:24px}.concept-copy h3{font-size:22px}}
@media(max-width:760px){.experience-band{padding:28px 6%;flex-direction:column;align-items:flex-start;gap:22px}.experience-band strong{font-size:23px}.experience-band>div p{font-size:18px}.experience-band i{margin:0 8px}.experience-band>div{border-top:1px solid var(--line);width:100%;padding-top:18px}.service-menu{gap:8px}.service-menu a{font-size:13px;padding:10px 14px}.service-body .scan-note{font-size:14px}.concept-grid{grid-template-columns:1fr;gap:26px}.concept-copy{padding:25px 22px}.concept-copy h3{font-size:23px}.concept-copy>p{font-size:16px}.concept-tags span{font-size:12px}.concept-card figcaption{font-size:12px;bottom:12px;right:12px}.concept-disclosure{font-size:13px;line-height:1.8}.gallery{padding-top:0}.gallery-empty{padding:32px 20px}.gallery-empty p{font-size:15px}.process-steps{grid-template-columns:1fr}.process-steps p{font-size:16px}.contact{flex-direction:column;align-items:stretch;gap:35px}.contact h2{font-size:36px}.contact-action{min-width:0;align-items:stretch;max-width:100%}.contact-action .email-address{text-align:center}.contact-phone{gap:20px}.brand-image{height:47px}.site-header nav{gap:9px;font-size:12px}.header-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.artwork{transform:none!important}}

/* White canvas with restrained brand accents. */
:root{color-scheme:light}h1 span{color:var(--blue)}.hero-visual{background:none}.hero-art{mask-image:radial-gradient(ellipse 60% 49% at center,black 62%,transparent 100%)}.experience-band{border-top:2px solid var(--cyan)}.concept-card{box-shadow:0 10px 35px #315cbc08}.gallery-empty{background:#fff}.contact{background:#fff;border-top:2px solid var(--cyan)}::selection{background:#b9f0f4;color:var(--ink)}.skip-link{color:var(--ink)}
.project-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portfolio-card{min-width:0;margin:0;background:white;border:1px solid #dce5eb;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #17334b0a}.portfolio-image{display:block;position:relative;background:#ececed;aspect-ratio:4/5}.portfolio-image img{width:100%;height:100%;display:block;object-fit:contain}.portfolio-expand{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffde;color:#17334b;font-size:20px}.portfolio-image:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}.portfolio-card figcaption{padding:20px}.portfolio-stage{font-size:14px;color:#466c82}.portfolio-card h3{font-size:18px;font-weight:500;line-height:1.6;margin:7px 0 0}.portfolio-photo-note{font-size:14px;color:#597487;margin:22px 0 0;line-height:1.7}@media(max-width:1000px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:520px){.project-gallery{grid-template-columns:1fr}.portfolio-card figcaption{padding:20px 22px}}

/* Transparent rounded contact buttons with a soft surrounding shadow. */
.primary-link,.header-link,.contact-phone{
  border:1px solid #d7e5eb;
  border-radius:999px;
  background:transparent;
  color:#092b40;
  box-shadow:0 7px 17px #244b7514,0 2px 6px #244b750b;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.primary-link:hover,.header-link:hover{
  background:transparent;
  color:#092b40;
  transform:translateY(-1px);
  box-shadow:0 9px 21px #244b751c,0 2px 7px #244b750d;
}
.header-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:48px;font-weight:600;gap:15px;white-space:nowrap}
.header-link span{color:inherit;margin:0}
.contact-phone{padding:17px 21px;min-height:64px}
.contact-phone span{color:#31588c;font-weight:500}
.contact-phone b{color:#244a91}
.contact-phone:hover{background:transparent;transform:translateY(-1px);box-shadow:0 9px 21px #244b751c,0 2px 7px #244b750d}
.primary-link:active,.header-link:active,.contact-phone:active{transform:translateY(1px);box-shadow:0 2px 6px #244b7514}
.primary-link:focus-visible,.header-link:focus-visible,.contact-phone:focus-visible{outline:3px solid var(--blue);outline-offset:8px}
.contact-action{gap:27px}
@media(max-width:760px){.header-link{padding:9px 13px;gap:10px;font-size:12px;white-space:normal}.header-link span{margin:0}.contact-phone{padding:16px 18px}}

/* Centered experience statement. */
.experience-band{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:76px 6% 64px}
.experience-band .experience-title{margin:0;color:#14191f;font-size:clamp(32px,4.3vw,62px);font-weight:700;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}
.experience-band .experience-title span{font:inherit;color:#203f78}
.experience-band .experience-subtitle{margin:20px 0 0;font-size:clamp(20px,2.2vw,30px);line-height:1.6;color:#344e65}
@media(max-width:760px){.experience-band{padding:54px 6% 46px}.experience-band .experience-title span{display:block}.experience-band .experience-subtitle{margin-top:17px}}

/* Five illustrated service cards, with live Hebrew text. */
.services-heading{text-align:center;margin-bottom:44px}
.services-heading .eyebrow{justify-content:center;margin-bottom:14px;color:#203f78;font-weight:600}
.services-heading h2{color:#14191f;font-weight:700;text-wrap:balance}
.services-heading h2 span{color:#203f78}
.services-heading>p:last-child{margin:17px 0 0;color:var(--muted);font-size:18px}
.service-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.service-card{min-width:0;padding:20px 16px 27px;background:#fff;border:1px solid #e2eaf1;border-radius:26px;box-shadow:0 12px 28px #315cbc0d,0 3px 9px #244b7507;text-align:center;scroll-margin-top:30px}
.service-card img{display:block;width:100%;height:auto;aspect-ratio:29/25;object-fit:contain;margin:0 auto 22px}
.service-card h3{font-size:clamp(17px,1.5vw,22px);font-weight:700;color:#152d42;line-height:1.5;margin:0 0 13px;text-wrap:balance}
.service-card p{font-size:15px;line-height:1.85;color:#52697b;margin:0;text-wrap:pretty}
@media(max-width:1000px){.service-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.service-card{grid-column:span 2}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-card h3{font-size:20px}}
@media(max-width:650px){.services-heading{margin-bottom:30px}.services-heading>p:last-child{font-size:16px}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto;padding:16px 13px 23px;border-radius:23px}.service-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.service-card img{margin-bottom:15px}.service-card h3{font-size:18px}.service-card p{font-size:14px;line-height:1.8}}
@media(max-width:420px){.service-cards{grid-template-columns:1fr;gap:22px}.service-card,.service-card:last-child{width:100%;padding:22px 26px 29px}.service-card img{max-width:240px}.service-card h3{font-size:23px}.service-card p{font-size:16px}}

/* Illustrated applications with live, accessible Hebrew copy. */
.applications.section-shell{padding-block:clamp(40px,5vw,64px)}.applications .services-heading{margin-bottom:28px}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-rows:1fr}
.application-card,.finishing-card{min-width:0;background:#fff;border:1px solid #e2eaf1;border-radius:24px;box-shadow:0 6px 18px #315cbc09;overflow:hidden;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.application-card>img{order:0;display:block;width:100%;max-width:220px;height:115px;object-fit:contain;margin-bottom:14px}
.application-copy{order:1;width:100%}
.application-copy h3,.finishing-card h3{margin:0 0 8px;color:#203f78;font-size:19px;line-height:1.4;font-weight:700;text-wrap:balance}
.application-copy h3{min-height:54px;display:flex;align-items:center;justify-content:center}
.technology-badge{display:inline-block;background:#e5f8fb;border:1px solid #b8e9ef;border-radius:999px;padding:4px 12px;color:#007381;font:600 12px/1.5 var(--latin);white-space:nowrap}
.finishing-card h3{order:1;margin:14px 0 0;min-height:54px;display:flex;align-items:center;justify-content:center}
.finishing-stages{order:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.finishing-stages figure{position:relative;margin:0;padding:0 6px;text-align:center;display:flex;flex-direction:column}
.finishing-stages figure+figure{border-right:1px solid #e7eef3}
.finishing-stages figure+figure:before{content:'←';position:absolute;right:-8px;top:40%;width:16px;background:#fff;color:#239ed0;font-size:16px;line-height:1}
.finishing-stages figcaption{order:1;font-size:12px;line-height:1.4;font-weight:600;color:#203f78;min-height:34px;margin-top:8px}
.finishing-stages img{order:0;display:block;width:100%;height:100px;object-fit:contain}
.applications .concept-disclosure{text-align:center;margin-top:20px}
@media(max-width:1000px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.application-grid{grid-template-columns:1fr;gap:12px;grid-auto-rows:auto}.application-card{display:grid;grid-template-columns:1.1fr 1fr;padding:14px 18px;gap:14px;text-align:right;min-height:140px}.application-copy{order:0}.application-copy h3{min-height:0;display:block;font-size:19px}.application-card>img{order:1;height:110px;margin:0}.finishing-card{padding:18px}.finishing-card h3{order:0;min-height:0;margin:0 0 14px}.finishing-stages{order:1}.finishing-stages img{height:115px}.finishing-stages figcaption{font-size:13px}}
@media(max-width:380px){.application-card{padding:14px;gap:10px}.application-copy h3{font-size:18px}.application-card>img{height:100px}}

/* Process cards: approved artwork, live copy and gentle image motion. */
.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.process-card{min-width:0;overflow:hidden;border:1px solid #e1ebf2;border-radius:25px;background:#fff;box-shadow:0 10px 26px #315cbc10}
.process-scene{position:relative;aspect-ratio:538/216;overflow:hidden;background:#f2f7fa}
.process-scene-art{position:absolute;inset:0;animation:process-drift 9s ease-in-out infinite alternate;transform-origin:50% 55%}
.process-scene img{position:absolute;max-width:none;width:217.1%;height:auto;top:var(--y);left:var(--x);user-select:none}
.process-card:nth-child(2) .process-scene-art{animation-delay:-3s;transform-origin:30% 50%}
.process-card:nth-child(3) .process-scene-art{animation-delay:-6s}
.process-card:nth-child(4) .process-scene-art{animation-delay:-1.5s}
.process-copy{padding:24px 26px 29px}
.process-copy h3{font-size:24px;color:#203f78;margin:0 0 10px;line-height:1.4}
.process-copy p{font-size:16px;line-height:1.85;margin:0;color:var(--muted)}
.process-number{position:absolute;top:0;right:0;width:62px;height:55px;display:grid;place-items:center;border-radius:0 0 0 25px;background:#e6fbff;color:#203f78;font:700 13px var(--latin)}
.process .concept-disclosure{text-align:center;margin-top:26px}
.process-paused .process-scene-art{animation-play-state:paused}
@keyframes process-drift{from{transform:scale(1.025) translate(-.35%,0)}to{transform:scale(1.07) translate(.45%,.2%)}}
@media(max-width:700px){.process-grid{grid-template-columns:1fr;gap:24px}.process-copy{padding:22px}.process-copy h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.process-scene-art{animation:none!important}}

/* Larger static version of the selected 3DB logo. */
.site-header .brand-image{width:174px;height:auto;aspect-ratio:1000/376;overflow:visible;border-radius:0;background:transparent}
.site-header .brand-image img{position:static;display:block;width:100%;height:auto;max-width:100%;top:auto;left:auto}
@media(max-width:760px){.site-header .brand-image{width:140px;height:auto}}
@media(max-width:380px){.site-header .brand-image{width:128px}}

/* Centered opening title over the animated sculpture. */
.hero{display:block;padding:0 5.5%;isolation:isolate}
.hero-copy{min-height:740px;padding:110px 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;pointer-events:none}
.hero-copy>*{pointer-events:auto}
.hero .eyebrow{justify-content:center;margin-bottom:26px}
.hero h1{font-size:clamp(84px,10.5vw,158px);line-height:1.04;letter-spacing:-.055em;margin-bottom:30px;text-shadow:0 2px 28px #ffffffa6}
.hero-description{max-width:600px;margin:0 0 30px;color:#304f65;text-shadow:0 1px 12px #fff}
.hero-tags{justify-content:center;flex-wrap:wrap}
.hero-visual{position:absolute;inset:0 0 65px;height:auto;margin:0;z-index:0;pointer-events:none}
.hero-visual:before{inset:0 5.5%;opacity:.4}
.hero .artwork{inset:0;max-width:1200px;width:100%;margin:auto}
.hero-art{opacity:.3;mask-image:radial-gradient(ellipse 60% 50% at center,black 55%,transparent 100%)}
.hero .visual-top{position:absolute;top:27px;right:5.5%;left:5.5%;padding:0}
.hero .visual-bottom{position:absolute;bottom:22px;right:5.5%;left:5.5%;padding:0;z-index:3}
.hero .motion-toggle{pointer-events:auto;background:#ffffffb3}
.hero .axis-x{left:6%;top:49%}.hero .axis-y{right:7%;top:30%}.hero .axis-z{right:7%;bottom:23%}
.hero-bottom{position:relative;z-index:2;width:100%}
@media(max-width:760px){
  .hero{padding:0 6%}
  .hero-copy{min-height:700px;padding:91px 0 95px}
  .hero h1{font-size:clamp(58px,15.5vw,104px);line-height:1.08;margin-bottom:26px}
  .hero .eyebrow{margin-bottom:24px}
  .hero-description{max-width:340px;font-size:16px;line-height:1.9}
  .hero .artwork{inset:0 -24%;width:148%;max-width:none}
  .hero-art{opacity:.25}
  .hero-visual{inset:0 0 56px}
  .hero .visual-top{top:24px;right:6%;left:6%}
  .hero .visual-bottom{bottom:19px;right:6%;left:6%}
  .hero .visual-caption{font-size:12px}
  .hero .axis{display:none}
}


/* Compact, unframed photographs; no card titles or counters. */
.project-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start;max-width:1060px;margin-inline:auto}
.portfolio-album{margin:0;min-width:0;border:0;box-shadow:none;background:transparent}
.portfolio-album .portfolio-image{isolation:isolate;overflow:hidden;background:transparent;aspect-ratio:4/5;border-radius:10px}
.portfolio-album .album-photo{position:absolute;inset:0;opacity:0;transition:opacity 850ms ease-in-out;object-fit:contain}
.portfolio-album .album-photo.is-active{opacity:1}
.gallery-pause{display:grid;place-items:center;align-self:end;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#526c7f;font-size:20px;cursor:pointer}
.gallery-pause:hover{background:#eff7fa}.gallery-pause:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.portfolio-photo-note{font-size:13px;text-align:center;line-height:1.8;margin-top:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}}
@media(max-width:520px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery .section-heading{gap:12px}.gallery-pause{flex:none}}
@media(prefers-reduced-motion:reduce){.portfolio-album .album-photo{transition:none}}

/* Section shortcuts below the main invitation, in page order. */
.site-header{justify-content:center}
.hero-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px;max-width:900px}
.hero-navigation .primary-link{justify-content:center;font-size:15px;font-weight:500;padding:12px 21px;min-height:48px;white-space:nowrap}
@media(max-width:760px){.site-header{flex-wrap:nowrap}.hero-navigation{gap:10px;margin-top:23px;max-width:440px}.hero-navigation .primary-link{font-size:14px;padding:11px 17px}.hero-copy{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-navigation .primary-link{transition:none}}
.contact-action .email-address{justify-content:center;min-height:64px;padding:17px 21px;font:500 15px var(--latin);text-decoration:none;letter-spacing:0}
.contact-action .instagram-link{min-height:64px;padding:17px 21px}

/* A shared heading shade and a single centered footer action. */
:root{--heading:#203f78}
#main :is(h1,h2,h3,h4,h5,h6),#main :is(h1,h2,h3,h4,h5,h6) *,#main .eyebrow{color:var(--heading)}
.site-footer{justify-content:center;padding:32px 6%;gap:0}
.site-footer .back-to-top{justify-content:center;min-height:52px;padding:13px 25px;font-size:16px;gap:18px}
.site-footer .back-to-top:hover{color:#092b40}

/* Comfortable touch targets and phone-sized layout safeguards. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero-bottom a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px}
.hero-visual{bottom:87px}
@media(max-width:760px){
  .hero-visual{bottom:81px}
  .hero-navigation{width:100%}
  .contact-action{width:100%}
  .contact-action>a{min-height:56px}
  .gallery .section-heading{display:flex;align-items:flex-end;justify-content:space-between}
  .gallery .section-heading>div{min-width:0}
  .gallery-pause{flex-shrink:0}
  .site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .hero h1{font-size:54px}
  .hero-navigation .primary-link{padding-inline:13px}
  .contact-phone{gap:12px}
  .contact-phone b{font-size:20px}
  .contact-action .email-address{padding-inline:14px;font-size:14px}
}

/* Studio story follows the experience heading in one section. */
.experience-band .about-copy{width:100%;max-width:68ch;margin:34px auto 0;text-align:right;color:var(--muted);font-size:17px;line-height:1.9}
.experience-band .about-copy p{margin:0 0 16px;text-wrap:pretty}
.experience-band .about-copy p:last-child{margin-bottom:0}
@media(max-width:760px){.experience-band .about-copy{font-size:16px;margin-top:28px;padding-top:0;border-top:0}}
/* Approved twelve-second film; its half-opacity appearance is baked into the asset. */
.hero .hero-art.hero-video,.hero .hero-art.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;animation:none;mask-image:none;-webkit-mask-image:none}
.hero .hero-video[hidden]{display:none}
.hero .hero-copy{min-height:680px;padding:90px 0 100px}
.hero #hero-title{font-size:clamp(60px,7.4vw,104px);line-height:1.06;letter-spacing:-3.5px;text-shadow:0 2px 26px #ffffffc9}
.hero .visual-bottom{justify-content:flex-end}
@media(max-width:760px){.hero .hero-copy{min-height:640px;padding:75px 0 100px}.hero #hero-title{font-size:56px;line-height:1.08;letter-spacing:-2px}.hero .hero-art.hero-video,.hero .hero-art.hero-poster{width:100%;inset:0;object-fit:cover}}
@media(max-width:350px){.hero #hero-title{font-size:47px}}
.hero-bottom{justify-content:flex-end}
.hero-bottom>span:last-child{display:block}

/* Soft ice-glass buttons above the quiet hero artwork. */
.hero .artwork{opacity:.18}
.hero .primary-link{background:rgba(218,246,252,.88);color:#113951;border:1px solid #a9dce8;backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9ed7e5,0 3px 0 #a8d4df,0 9px 18px #244b7526}
.hero .primary-link:hover{background:rgba(232,250,254,.94);color:#113951;border-color:#8acfe0;transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #91ccdd,0 4px 0 #9ccbd7,0 11px 20px #244b7529}
.hero .primary-link:active{background:rgba(218,246,252,.94);color:#113951;transform:translateY(3px);box-shadow:inset 0 2px 5px #416f861f,inset 0 1px 0 #fff,0 1px 0 #9ccbd7,0 3px 8px #244b751c}
.hero .primary-link:focus-visible{background:rgba(232,250,254,.96);color:#113951;outline:3px solid #1d5c98;outline-offset:3px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9ccbd7,0 9px 18px #244b7526}