/* White kinetic gallery. Every surface belongs to one light visual system. */
:root{--bg:#fff;--ink:#101725;--muted:#657185;--line:#d5dce8;--lime:#2554ee;--purple:#2554ee;--font:Heebo,Arial,sans-serif;--copy-secondary:#536174;--copy-quiet:#667286;--field-error:#b72644;--studio-accent:#2554ee;color-scheme:light}
html{scrollbar-color:#a8b5cc #f5f7fb;-webkit-text-size-adjust:100%}
body{background:#fff;color:var(--ink)}
::selection{background:#2554ee;color:#fff}
.global-scene{background:#fff;opacity:1;contain:strict}
.global-vignette{background:none}.reading-content .global-scene{opacity:.14}
.global-scene #universe{display:none}
.site-header{padding:25px 3.5%;background:linear-gradient(#ffffffed,#ffffff00);border-bottom:0}
.brand{font-size:24px;letter-spacing:-.04em;color:#111a2a}.brand-mark svg{stroke:#2554ee}.brand-light{font-weight:400}
.capsule{background:#fffffff2;border:1px solid #d5dce8;padding:5px;box-shadow:0 7px 20px #182d5910;gap:2px}
.capsule a{font-size:13px;padding:11px 20px;color:#3c485d;min-height:44px}
.capsule a.contact-nav{background:#142038;color:#fff}
.motion-toggle{background:#fff;border-color:#d5dce8;color:#283a5b;width:44px;height:44px}
.motion-toggle:hover{background:#f1f4fa}
.world{background:transparent;min-height:620px}.story{height:520svh}
.ambient{background:none}.world-shade{background:linear-gradient(0deg,#ffffff 0%,transparent 14%,transparent 88%,#ffffffa0 100%)}
.intro{right:8%;width:45%;top:46%;transform:translateY(-40%)}
.intro h1{font-size:clamp(58px,6.5vw,94px);font-weight:500;line-height:1.09;letter-spacing:-.04em}
.outline-word{-webkit-text-stroke:0;color:#2554ee;font-weight:500}
.gradient-word,.intro .gradient-word,.contact h2 .gradient-word{color:inherit;background:none;-webkit-text-fill-color:currentColor}
.intro>p{font-size:17px;line-height:1.9;color:#536174;margin-top:27px}
.intro-actions{margin-top:32px;gap:25px}
.primary-link{background:#2554ee;color:#fff;border-radius:7px;font-size:14px;min-height:50px;padding:15px 23px;box-shadow:0 8px 18px #2554ee18}
.primary-link:hover{background:#1744d0;color:#fff;transform:translateY(-2px)}
.text-link{color:#283c60;border-color:#b7c2d7;font-size:14px}.text-link:hover{color:#2554ee}
.sculpture-caption{position:absolute;left:14%;top:77%;display:flex;align-items:center;gap:12px;font-size:12px;color:#5e6f89;opacity:calc(1 - var(--unfold,0));pointer-events:none}
.sculpture-dot{width:6px;height:6px;background:#2554ee;border-radius:50%}.sculpture-caption-rule{width:45px;height:1px;background:#b4c0d4}
.project-light,.project-light:before,.project-light:after{background:none}
.gallery-aperture{border-color:#9eafd359;background:transparent;opacity:calc(var(--unfold,0)*.5)}
.gallery-aperture span,.gallery-aperture i{background:#2554ee}
.gallery-heading{top:13%;right:8%}.gallery-heading h2{font-weight:500;font-size:35px;letter-spacing:-.025em}.gallery-hint{color:#5f6b80;font-size:13px}.gallery-current b{color:#2554ee}.gallery-current span{color:#5f6b80}
.scene-rail button{color:#596983;font-size:13px}.scene-rail button.active{color:#2554ee}.scene-rail button.active i{background:#2554ee;border-color:#2554ee;box-shadow:none}.scene-rail button i{border-color:#a9b6cd}
.rail-title{color:#536174;font-size:12px}.scene-rail>a{color:#3b4e70;border-color:#ccd5e4;background:#ffffffd9}
.scene-counter,.scene-caption{color:#5f6b80}.scene-counter b{color:#14213a}.scroll-cue{color:#536174}.scroll-line{background:linear-gradient(#2554ee,#2554ee00)}.story-progress>span{background:#2554ee}
.visual-project{box-shadow:0 24px 45px #1d335226!important;border:1px solid #ffffff80}.visual-project .card-topline{font-size:12px}.visual-project .card-bottom{background:#ffffff0d}
.visual-project.torim-real{color:#effff7;background:#143a34}.visual-project.afek-real{color:#fff;background:#182333}.visual-project.inbar-real{color:#81001a;background:#f7eee5}
.visual-project .project-kind{color:inherit;opacity:.85}.visual-project .project-identity{z-index:3}.visual-project .phone-device{height:100%;width:auto;max-height:100%}
.card-orbit{background:transparent}.visual-project.inbar-real .card-orbit{color:#81001a;border-color:#81001a55}.visual-project.inbar-real .card-bottom{background:#fff7ed}
.kinetic-divider{position:relative;overflow:hidden;padding:35px 0;background:#f3f6fc;border-block:1px solid #e4e9f2;direction:ltr}
.kinetic-divider>div{width:max-content;display:flex;align-items:center;gap:55px;transform:translateX(var(--ribbon-shift,0px));will-change:transform}
.kinetic-divider span{font:500 clamp(40px,6vw,86px)/1.3 var(--font);letter-spacing:-.035em;white-space:nowrap;color:#213658}
.kinetic-divider .divider-mark{width:40px;height:40px;border:1px solid #2554ee;border-radius:50%;position:relative;flex:none}.divider-mark:before,.divider-mark:after{content:'';position:absolute;left:50%;top:-20%;width:1px;height:140%;background:#2554ee}.divider-mark:after{rotate:90deg}
.section-pad{padding:110px 8%;overflow:clip}
.studio,.faq,.contact,.process{background:#fff;color:#101725}
.studio-intro{gap:10%;margin-bottom:70px}.studio-intro h2{font-size:clamp(42px,4.6vw,67px);font-weight:500;line-height:1.16}.muted{color:#8290a7}.studio-intro p{font-size:16px;line-height:1.95;color:#536174}.studio-intro .small-copy{color:#667286;font-size:15px}
.service-list>a{background:transparent;border-color:#d5dce8;grid-template-columns:minmax(0,1fr) 290px 44px;padding-block:35px;gap:40px;color:#101725}
.service-list>a:hover,.service-list>a:focus-visible{background:transparent;padding-inline:0}.service-list h3{font-size:clamp(24px,2.4vw,34px);font-weight:500}.service-list p{font-size:15px;color:#536174}.service-action{color:#2554ee;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.service-action:after{content:'';display:block;width:24px;height:1px;background:#2554ee;transform-origin:right;transition:width 180ms ease}.service-list a:hover .service-action:after{width:45px}
.service-example{opacity:1;transform:perspective(800px) rotateY(var(--preview-tilt,0deg));transition:transform 260ms var(--ease-out)}
.service-example img{height:175px;border-radius:8px;box-shadow:0 12px 23px #1e376618;object-fit:cover}.service-example figcaption{color:#657185;font-size:12px}
.service-arrow{background:#f3f6fc;color:#2554ee;border:0}.service-list>a:is(:hover,:focus-visible) .service-arrow{background:#2554ee;color:#fff}
.maker{position:relative;background:#edf2fc;color:#101725;grid-template-columns:1fr 1fr;border-color:#d7e0f1;padding-block:125px;gap:12%}
.maker-name{font-size:clamp(74px,9vw,130px);color:#2554ee;line-height:.94;letter-spacing:-.04em;transform:translateY(var(--maker-drift,0px));will-change:transform}
.maker-name svg{stroke:#2554ee;width:90px;height:90px;rotate:var(--maker-turn,0deg)}
.maker-copy h2{font-size:clamp(39px,4vw,57px);line-height:1.17}.maker-copy p{color:#435570;font-size:16px}.maker-copy .text-link{color:#2554ee}
.process{background:#fff}.process>h2{font-size:clamp(46px,5.4vw,77px);font-weight:500;line-height:1.1;margin-bottom:65px}.serif-word{font-family:var(--font);font-style:normal;color:#2554ee}
.process-journey{gap:12%}.process-visual{top:145px}.process-orbit{border-color:#2554ee50;transform:rotate(var(--process-turn,-12deg));border-radius:45%}.process-window img{border-color:#b9c5d8;box-shadow:0 23px 40px #2f4a7b1a}.process-visual-title{color:#283c60}.process-visual-end{color:#2554ee}
.process-phases{border-color:#ccd7ea}.process-phases span{color:#667286}.process-phases span.is-current{color:#2554ee}
.process-grid:before{background:#d5dce8}.process-grid:after{background:#2554ee}.process-grid article{background:none;box-shadow:none}.process-grid article:before{background:#fff;border-color:#b1bed4}.process-grid article.is-current:before{background:#2554ee;border-color:#2554ee}.process-grid article>span{color:#667286}.process-grid article.is-current>span{color:#2554ee}.process-grid h3{color:#14213a;font-size:26px}.process-grid p{color:#536174;font-size:16px}
.faq{background:#f5f7fb}.faq h2{color:#101725;font-size:clamp(42px,4vw,60px)}.faq-items details{background:none;border-color:#cbd5e5}.faq-items summary{font-size:18px;color:#172742}.faq-items summary>span{color:#2554ee}.faq-items details p{color:#536174}
.contact{position:relative;background:#fff}.contact-glow{display:none}.contact-layout{gap:10%}.contact h2{font-size:clamp(62px,7.4vw,104px);line-height:1.02;font-weight:500;letter-spacing:-.04em}.contact h2 .gradient-word{color:#2554ee;-webkit-text-fill-color:#2554ee}
.contact-layout>div>p{font-size:16px;color:#536174}.email-link{color:#2554ee;border-color:#c8d4ea;font-size:15px}
.form-wrap{padding:35px;border:1px solid #d8dfec;background:#f5f7fb;box-shadow:none;border-radius:16px}
.form-title{font-size:14px;color:#243756}.required-note,.form-note{color:#667286;font-size:12px}label{color:#435570;font-size:13px}
input,select,textarea{color:#14213a;background:transparent;border-bottom-color:#bbc8dd;border-radius:0;font-size:16px;caret-color:#2554ee}input::placeholder,textarea::placeholder{color:#5b687f}select option{background:#fff;color:#14213a}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#2554ee}.submit-btn{background:#2554ee;color:#fff;border-radius:7px;font-size:15px;min-height:52px}.submit-btn:hover{background:#1744d0;color:#fff}
.contact-context{background:#e6edff}.contact-context>span{color:#2147b7}.contact-context button{color:#536174}#form-err{color:#b72644}.sent-icon{color:#2554ee;border-color:#c8d4ea}#sent h3{color:#14213a}#sent p{color:#536174}
footer{position:relative;padding:70px 8% 35px;background:#edf2fc;color:#172a4b;border-top:1px solid #d5dfee}
.footer-wordmark{font-size:clamp(55px,11.5vw,180px);font-weight:500;letter-spacing:-.04em;line-height:1.2;color:#2554ee}.footer-wordmark>span{transition:transform 250ms var(--ease-out)}.footer-wordmark:hover>span{transform:translate(-9px,-9px)}
.footer-bottom{color:#536174;font-size:12px;border-color:#cbd5e5;gap:22px}.footer-bottom a{color:#2c4267}
#project-dialog.case-dialog{color:#14213a;background:#fff;border:1px solid #ccd7e9;box-shadow:0 28px 90px #192f5540}
dialog::backdrop{background:#26334a66;backdrop-filter:blur(6px)}
.case-topbar,.case-controls{background:#fffffff5;border-color:#d5dce8;color:#14213a}.case-breadcrumb{color:#5c6a80}.case-dialog .dialog-close{color:#243756;background:#edf2fc;border-color:#d3ddec}
.case-dialog{--case-accent:#2554ee;--case-stage:#eef3fb}.case-dialog[data-theme=afek]{--case-accent:#2554ee;--case-stage:#e9eff9}.case-dialog[data-theme=torim]{--case-accent:#1a6a51;--case-stage:#e7f1eb}.case-dialog[data-theme=inbar]{--case-accent:#81001a;--case-stage:#f7eee5}
.case-heading h2,.case-details h3{color:#14213a}.case-heading #dialog-description{color:#536174}.case-tab{color:#52627a}.case-tab[aria-selected=true]{background:#2554ee;color:#fff}.case-shots .case-tab[aria-selected=true]{background:#edf2fc;color:#2348b5;border-color:#b8c8e6}.case-image-note{color:#63718a;border-color:#d5dce8}.case-features li,.case-story>div,.case-project-nav{border-color:#d5dce8}.case-features span,.case-story p,.case-details #dialog-scope{color:#536174}.case-nav-copy small,.case-count{color:#63718a}.case-project-nav button{color:#243756}.project-live-link{background:#edf2fc;color:#254472;border-color:#cbd7ec}.project-live-link:hover{background:#e0e9fb}
.a11y-fab{background:#fff!important;border-color:#2554ee!important;color:#2554ee!important;box-shadow:0 7px 20px #192f5520!important}.a11y-panel{background:#fff!important;color:#14213a!important;border-color:#cbd7ec!important;box-shadow:0 15px 45px #192f5520!important}.a11y-opt,.a11y-reset,.a11y-steps button{color:#243756!important;background:#edf2fc!important;border-color:#ccd8ed!important}.a11y-link{color:#2554ee!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#2554ee}.skip{color:#fff;background:#2554ee}.status-dot{background:#2554ee;box-shadow:none}
@media(hover:hover) and (pointer:fine){.primary-link[data-magnetic]{translate:var(--mag-x,0px) var(--mag-y,0px)}.service-list>a:hover .service-example{transform:perspective(800px) rotateY(-5deg) translateY(-4px)}.capsule a:not(.contact-nav):hover{background:#edf2fc}.project-card:hover .card-orbit{background:#ffffff20}}
@media(max-width:1000px){.service-list>a{grid-template-columns:minmax(0,1fr) 220px 44px;gap:24px}.service-example img{height:145px}.intro{width:48%;right:7%}.intro h1{font-size:clamp(52px,6.6vw,70px)}.maker{gap:7%}.process-journey{gap:7%}}
@media(max-width:650px){
 .site-header{padding:18px 5%;padding-top:max(18px,env(safe-area-inset-top))}.brand{font-size:18px;gap:6px}.brand-mark,.brand-mark svg{width:25px;height:25px}.capsule a{font-size:12px;padding:9px 12px}.capsule a.contact-nav{gap:8px}.motion-toggle{top:79px;left:5%;background:#ffffffed}
 .world{min-height:100svh}.story{height:428svh}.intro{top:38%;right:7%;left:7%;width:auto;bottom:auto;transform:none}.intro h1{font-size:clamp(43px,12vw,66px);line-height:1.07}.intro>p{font-size:14px;margin-top:18px;line-height:1.85}.intro-actions{gap:17px;margin-top:22px}.primary-link{font-size:13px;padding:13px 17px;min-height:46px}.intro-actions .text-link{font-size:12px}.hero-peek{display:none}.sculpture-caption{top:31%;left:auto;right:7%;font-size:11px;gap:9px}.sculpture-caption-rule{width:30px}
 .scene-rail{bottom:10%;left:5%;right:5%;gap:14px}.scene-rail button{font-size:12px;min-height:44px;color:#596983}.scene-bottom{bottom:max(18px,env(safe-area-inset-bottom));left:6%;right:6%}.scroll-cue{font-size:11px;padding-left:42px}.scene-counter{font-size:11px}
 .gallery-heading{top:16%;right:7%}.gallery-heading h2{font-size:28px}.gallery-hint{font-size:12px;margin-top:5px}.gallery-current{display:none}.gallery-aperture{border-color:#9eafd350}.deck .visual-project{width:86vw;height:47svh;min-height:315px;max-height:420px;top:52%;border-radius:16px}
 .visual-project .project-identity{top:18%;gap:9px;inset-inline:6%}.visual-project .project-name{font-size:24px}.visual-project .project-kind{font-size:12px;line-height:1.6;display:block}.visual-project .card-topline{font-size:11px}.visual-project .project-showcase{top:43%;bottom:18%;left:6%;right:5%}.visual-project .phone-device{width:auto;height:100%;max-height:100%;bottom:0}.visual-project .card-bottom{min-height:48px}.visual-project .card-bottom>span:last-child{font-size:12px}
 .kinetic-divider{padding:23px 0}.kinetic-divider>div{gap:30px}.kinetic-divider span{font-size:44px}.kinetic-divider .divider-mark{width:25px;height:25px}
 .section-pad{padding:72px 7%}.studio-intro{margin-bottom:42px}.studio-intro h2{font-size:41px;line-height:1.16}.studio-intro p{font-size:15px}.studio-intro .small-copy{font-size:14px}
 .service-list>a{grid-template-columns:minmax(0,1fr) 44px;gap:18px;padding-block:28px}.service-list h3{font-size:24px;line-height:1.4}.service-list p{font-size:14px}.service-example{grid-column:1/-1;width:100%;transform:none!important}.service-example img{height:auto;max-height:230px;box-shadow:0 10px 22px #1e376612}.service-example figcaption{font-size:12px}.service-arrow{grid-row:1;grid-column:2}.service-action{font-size:13px;margin-top:14px}
 .maker{display:flex;flex-direction:column;gap:36px;align-items:stretch;padding-block:75px}.maker-name{font-size:80px;display:flex;align-items:end;justify-content:space-between;transform:translateY(var(--maker-drift,0px))}.maker-name svg{width:58px;height:58px}.maker-copy h2{font-size:40px}.maker-copy p{font-size:15px}
 .process>h2{font-size:46px;margin-bottom:34px}.process-journey{grid-template-columns:1fr;gap:45px}.process-visual{top:auto;position:relative}.process-visual-title,.process-visual-end{font-size:20px}.process-grid h3{font-size:24px}.process-grid p{font-size:15px}.process-grid article>span{font-size:13px}
 .faq h2{font-size:43px}.faq-items summary{font-size:17px}.faq-items details p{font-size:15px}.contact h2{font-size:64px}.contact-layout>div>p{font-size:15px}.form-wrap{padding:26px 21px;margin-top:35px}.email-link{font-size:14px}.contact-context>span{font-size:12px}
 footer{padding:45px 7% 25px}.footer-wordmark{font-size:13vw}.footer-bottom{font-size:12px;gap:16px}
 .case-heading #dialog-description{font-size:14px}.case-story{padding-inline:22px}.case-stage{padding:22px 15px}
}
@media(max-width:380px){.brand{font-size:16px}.brand-mark{display:none}.capsule a{font-size:11px;padding-inline:10px}.intro h1{font-size:42px}.intro>p{font-size:13px}.intro-actions{gap:10px}.intro-actions .primary-link{font-size:12px;padding-inline:13px}.intro-actions .text-link{font-size:11px}.scene-rail{gap:10px}.scene-rail button{font-size:11px}.contact h2{font-size:57px}}
@media(max-width:650px){html.viewport-below-700 .intro{top:39%}html.viewport-below-700 .intro h1{font-size:42px}html.viewport-below-700 .intro>p{margin-top:13px}html.viewport-below-700 .intro-actions{margin-top:16px}html.viewport-below-700 .sculpture-caption{top:28%;font-size:11px}html.viewport-below-700 .deck .visual-project{height:46svh;min-height:260px}html.viewport-below-700 .visual-project .project-identity{top:20%}html.viewport-below-700 .visual-project .project-name{font-size:21px}html.viewport-below-700 .visual-project .project-showcase{top:46%;bottom:23%}html.viewport-below-700 .scene-rail{bottom:8%}}
@media(max-width:650px){html.viewport-below-550 .intro{top:34%}html.viewport-below-550 .intro h1{font-size:34px}html.viewport-below-550 .intro>p{font-size:12px;margin-top:10px}html.viewport-below-550 .intro-actions{margin-top:12px}html.viewport-below-550 .sculpture-caption{display:none}html.viewport-below-550 .deck .visual-project{min-height:240px}html.viewport-below-550 .visual-project .project-name{font-size:18px}html.viewport-below-550 .gallery-heading{top:20%}html.viewport-below-550 .gallery-hint{display:none}}
@media(prefers-reduced-motion:reduce){.kinetic-divider>div,.maker-name{will-change:auto;transform:none}.process-orbit{transform:none}.future-reveal{clip-path:none!important;opacity:1!important;transform:none!important}}
html.reduce-motion .kinetic-divider>div,html.nomotion .kinetic-divider>div,html.reduce-motion .maker-name,html.nomotion .maker-name{transform:none;will-change:auto}
html.hc{--ink:#000;--copy-secondary:#222;--copy-quiet:#333;--line:#777}.hc .primary-link,.hc .submit-btn{background:#1744d0!important;color:#fff!important}.hc .primary-link span,.hc .submit-btn span{color:#fff!important}.hc .scene-rail button{color:#111}.hc .scene-rail button.active{color:#1744d0}.hc .project-card.inbar-real span{color:#81001a!important}
.hero-line{display:block;overflow:clip;padding-bottom:.06em;margin-bottom:-.06em}.hero-line>span{display:block;animation:hero-line-enter 850ms cubic-bezier(.16,1,.3,1) both}.hero-line:nth-child(2)>span{animation-delay:90ms}.hero-line:nth-child(3)>span{animation-delay:180ms}
@keyframes hero-line-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-line>span{animation:none}}

.a11y-title,.a11y-row{color:#14213a!important}.a11y{font-family:var(--font)}
html.hc p,html.hc label,html.hc .section-index,html.hc .service-en{color:#172742}
.form-wrap{transition:border-color 180ms ease,box-shadow 200ms ease}.form-wrap:focus-within{border-color:#668aff;box-shadow:0 12px 34px #2554ee0c}
@media(max-width:650px){.sculpture-caption{display:none}}
/* The approved O Studio logo, without a descriptor. */
.brand .o-wordmark{display:block;width:173px;height:auto;overflow:hidden}
.footer-wordmark>.o-wordmark{display:block;width:75%;max-width:1000px;height:auto;overflow:hidden}
.maker-name svg{stroke:none}
.kinetic-divider .divider-mark{border-width:5px}
.kinetic-divider .divider-mark:before{display:none}
.kinetic-divider .divider-mark:after{width:14px;height:14px;left:auto;right:-6px;top:-6px;rotate:0deg;background:#f3f6fc}
@media(max-width:650px){.brand .o-wordmark{width:129px}.footer-wordmark>.o-wordmark{width:81%}}
@media(max-width:380px){.brand .o-wordmark{width:110px}}