:root{--paper:#f5f6ee;--ink:#111817;--muted:#aeb9b4;--line:#37423e;--lime:#d9fa78;--font:Heebo,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);line-height:1.6}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}img{display:block;width:100%;max-width:100%;object-fit:cover}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;right:16px;background:var(--lime);color:var(--ink);padding:12px 20px;z-index:100}.skip:focus{top:12px}.header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{flex:none}.identity b{position:relative;font-size:19px;font-weight:800;line-height:.95;letter-spacing:-.06em;display:grid;padding-right:25px}.identity i{font-size:33px;font-style:normal;position:absolute;right:0;top:-2px;color:var(--lime)}.header-location{font-size:12px;color:var(--muted);margin-inline-end:auto}.header nav{display:flex;align-items:center;gap:32px;font-size:13px}.header nav>a{padding:14px 0}.text-button{background:none;display:flex;gap:24px;align-items:center;color:var(--lime);padding:12px 0}.text-button>span{font-size:21px}.menu-toggle{display:none}.hero{padding-top:57px}.eyebrow{font-size:12px;font-weight:500;display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}.hero-title-row{display:flex;align-items:end;justify-content:space-between;gap:48px;margin:24px 0 49px}h1{font-size:clamp(68px,7.9vw,118px);font-weight:700;letter-spacing:-.065em;line-height:1.06}h1>span{color:var(--lime)}.hero-aside{padding-bottom:5px}.hero-aside p{font-size:16px;color:#c4cec9;line-height:1.65}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--lime);color:var(--ink);border-radius:100px;padding:14px 23px;min-height:53px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.primary>span{font-size:23px;line-height:1}.primary:hover{background:#ecffb4;transform:translateY(-2px)}.hero-aside .primary{margin-top:25px}.hero-reel{display:grid;grid-template-columns:1.35fr .9fr 1.1fr;gap:12px;height:330px}.hero-reel>a{position:relative;overflow:hidden;min-width:0}.hero-reel img{height:100%;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.hero-reel>a:hover img{transform:scale(1.045)}.hero-reel>a:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.hero-reel>a>span{position:absolute;bottom:20px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;z-index:1}.hero-reel b{font-size:26px;font-weight:600;letter-spacing:-.03em}.hero-reel i{font-style:normal;font-size:26px}.reel-nura img{object-position:50% 35%}.reel-cafe img{object-position:40% 50%}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:14px;font-size:10px;color:var(--muted)}.hero-bottom>span:last-child{letter-spacing:.1em}.work{padding-top:125px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:65px}.section-heading .eyebrow{font-size:10px;color:var(--muted);justify-content:end;letter-spacing:.09em}.section-heading h2{font-size:clamp(40px,4.1vw,62px);line-height:1.1;font-weight:600;letter-spacing:-.05em;margin-top:22px}.section-heading h2>span{color:var(--muted)}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:4px}.projects{display:grid;gap:108px}.project{display:grid;grid-template-columns:1fr 2.05fr;gap:70px;align-items:center;min-width:0}.project:nth-child(even){grid-template-columns:2.05fr 1fr}.project:nth-child(even) .project-copy{grid-column:2;grid-row:1}.project:nth-child(even) .project-screen,.project:nth-child(even) .automation-art{grid-column:1;grid-row:1}.project-copy{min-width:0}.project-number{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em;text-align:right}.project-copy h3{font-size:60px;font-weight:600;line-height:1.1;letter-spacing:-.055em;margin:24px 0 18px;text-align:right}.project-copy>p{font-size:15px;color:#c0cbc5;max-width:295px;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px;font-size:10px;color:var(--muted)}.project-tags>span{border:1px solid #4c5c54;border-radius:100px;padding:5px 10px}.project-link{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #62786b;margin-top:33px;color:var(--lime);font-size:14px;max-width:250px}.project-link>span{font-size:25px}.project-copy>small{display:block;margin-top:15px;color:var(--muted);font-size:10px}.project-screen{position:relative;display:block;overflow:hidden;background:#333c34;isolation:isolate}.project-screen img{height:auto;aspect-ratio:1440/1000;transition:transform .9s cubic-bezier(.2,.7,.3,1)}.screen-hint{display:flex;align-items:center;gap:24px;position:absolute;bottom:18px;left:18px;padding:10px 18px;border-radius:100px;background:var(--paper);color:var(--ink);font-size:12px;box-shadow:0 2px 20px #0002}.screen-hint i{font-size:20px;font-style:normal}.project-screen:hover img{transform:scale(1.025)}.project-visual h3{font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-.06em}.automation-art{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:1440/1000;padding:40px 45px;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#7862ce99,transparent 67%),#191824;color:#efedff;direction:ltr;isolation:isolate}.automation-art:before{content:"";position:absolute;width:70%;height:85%;border:1px solid #a69bd744;border-radius:50%;top:20%;left:45%;transform:rotate(-35deg);z-index:-1}.automation-art strong{font-size:clamp(52px,7.3vw,107px);font-weight:500;line-height:.85;letter-spacing:-.075em}.automation-art em{color:#c1b7ff;font-style:normal}.automation-flow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.1em}.automation-flow>span{border:1px solid #8676b8;padding:9px 13px;border-radius:100px}.automation-flow>i{width:35px;height:1px;background:#8676b8}.automation-caption{display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:-.01em}.automation-caption>i{font-size:30px;font-style:normal}.approach{background:var(--lime);color:var(--ink);margin-top:130px;padding:95px 0}.approach-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.approach-heading h2{font-size:clamp(48px,5vw,72px);line-height:1.1;font-weight:600;letter-spacing:-.06em;margin-top:32px}.approach-heading h2>span{font-weight:400}.principles article{display:flex;gap:28px;border-top:1px solid #11181755;padding:22px 0}.principles article>span{font-size:12px;padding-top:6px}.principles article:last-child{padding-bottom:0}.principles h3{font-size:23px;font-weight:600;letter-spacing:-.03em}.principles p{font-size:14px;line-height:1.7;margin-top:9px;max-width:360px}.closing{padding-block:110px 90px}.closing .eyebrow{color:var(--muted)}.closing h2{font-size:clamp(54px,7vw,100px);font-weight:600;letter-spacing:-.06em;line-height:1.05;margin:25px 0 34px}.closing h2>span{color:var(--lime)}.closing>p{font-size:11px;color:var(--muted);margin-top:24px}.footer{padding-block:24px 30px;border-top:1px solid var(--line);display:flex;gap:26px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-brand{color:var(--paper);font-size:14px;letter-spacing:-.02em;font-weight:600}.footer>a:last-child{padding-block:12px}.reveal{opacity:1;transform:none}.js-motion .reveal.pending{opacity:0;transform:translateY(25px)}.js-motion .reveal{transition:opacity .75s,transform .75s}.selector,.mobile-menu{background:var(--paper);color:var(--ink);border:0;border-radius:8px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:46px 35px 30px}.selector::backdrop,.mobile-menu::backdrop{background:#000a;backdrop-filter:blur(8px)}.selector a:focus-visible,.selector button:focus-visible,.mobile-menu a:focus-visible,.mobile-menu button:focus-visible{outline-color:#1b6d4a}.close{position:absolute;top:7px;left:7px;min-height:44px;width:44px;background:none;font-size:29px;font-weight:300}.selector .eyebrow{font-size:11px}.selector h2{font-size:39px;font-weight:600;line-height:1.15;letter-spacing:-.04em;margin:24px 0}.direction-options{display:grid;gap:8px}.direction-options button{display:grid;grid-template-columns:30px 1fr;text-align:right;gap:2px 12px;background:#e7ebe2;border:1px solid transparent;padding:15px}.direction-options button>span{grid-row:span 2;font-size:11px;padding-top:4px}.direction-options button>b{font-weight:600}.direction-options small{font-size:12px;color:#46534d}.direction-options button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}#direction-result:empty{display:none}#direction-result{margin-top:16px}#direction-result a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--ink);font-size:14px;min-height:44px}.privacy-note{font-size:11px;color:#46534d;margin-top:22px}.mobile-menu{padding:60px 28px 30px}.mobile-menu>a,.mobile-menu>button:not(.close){font-size:27px;letter-spacing:-.04em;font-weight:600;display:block;text-align:right;padding:15px 0;background:none;border-bottom:1px solid #c5cec4;width:100%}.mobile-menu>span{display:block;margin-top:35px;font-size:11px;text-align:right}.header a,.header button{transition:color .2s}.header nav>a:hover{color:var(--lime)}
@media(max-width:1100px){.header-location{display:none}.hero-title-row{gap:25px}h1{font-size:8.2vw}.hero-aside p{font-size:14px}.hero-reel{height:290px}.project{gap:45px}.project-copy h3{font-size:48px}.project-visual h3{font-size:35px}.approach-inner{gap:60px}.automation-art{padding:30px}.automation-flow{gap:6px}.automation-flow>i{width:20px}.automation-flow>span{padding:7px 9px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:78px}.header nav{display:none}.identity b{font-size:16px;padding-right:22px}.identity i{font-size:28px}.header-location{display:block;font-size:9px;margin-inline-start:auto;margin-inline-end:8px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:none}.menu-toggle>span{display:block;width:24px;height:2px;background:var(--paper)}.menu-toggle>span:last-child{width:17px;margin-inline-start:auto}.hero{padding-top:33px}.hero .eyebrow{font-size:11px}.hero-title-row{display:block;margin:20px 0 28px}h1{font-size:clamp(44px,10.8vw,74px);letter-spacing:-.06em;line-height:1.08}.hero-aside{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-aside p{font-size:12px;line-height:1.65}.hero-aside p>br:last-child{display:none}.hero-aside .primary{margin:0;padding:12px 15px;min-height:46px;gap:16px;font-size:11px;white-space:nowrap}.hero-aside .primary>span{font-size:20px}.hero-reel{height:260px;gap:7px;grid-template-columns:1fr 1fr 1fr}.hero-reel>a>span{bottom:14px;right:13px;left:13px}.hero-reel b{font-size:20px}.hero-reel i{font-size:19px}.reel-kav img{object-position:55% 50%}.reel-cafe img{object-position:40% 50%}.hero-bottom{font-size:9px;gap:10px}.hero-bottom>span:last-child{font-size:8px;letter-spacing:.06em}.work{padding-top:74px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:42px;margin-top:18px}.section-heading>p{margin-top:24px;font-size:12px}.section-heading .eyebrow{font-size:9px}.projects{gap:58px}.project,.project:nth-child(even){display:flex;flex-direction:column;gap:22px;align-items:stretch}.project-copy{display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 20px}.project-number{grid-column:1/-1;font-size:9px}.project-copy h3{grid-column:1;grid-row:2;font-size:44px;margin:12px 0 13px}.project-copy>p{grid-column:1/-1;font-size:13px;max-width:none;line-height:1.65}.project-tags{grid-column:1/-1;margin-top:16px;font-size:9px}.project-link{grid-column:2;grid-row:2;align-self:center;margin-top:0;font-size:11px;gap:24px;padding:9px 0}.project-link>span{font-size:22px}.project-copy>small{grid-column:1/-1;font-size:9px;margin-top:13px}.project-screen img{aspect-ratio:1.3;object-fit:cover;object-position:top}.screen-hint{bottom:12px;left:12px;font-size:10px;padding:8px 12px;gap:17px}.screen-hint>i{font-size:18px}.project-visual h3{font-size:31px}.project-visual .project-link{gap:12px;max-width:140px;line-height:1.6}.automation-art{aspect-ratio:1.3;padding:27px}.automation-art strong{font-size:70px}.automation-caption{font-size:13px}.automation-flow{font-size:8px;gap:8px}.automation-flow>span{padding:7px 10px}.automation-flow>i{width:20px}.approach{margin-top:75px;padding-block:55px}.approach-inner{display:block}.approach-heading .eyebrow{font-size:11px}.approach-heading h2{font-size:52px;margin-top:22px}.principles{margin-top:43px}.principles article{gap:20px;padding-block:20px}.principles article>span{font-size:10px}.principles h3{font-size:21px}.principles p{font-size:13px}.closing{padding-block:64px 56px}.closing h2{font-size:56px;margin-top:22px}.closing .eyebrow{font-size:11px}.closing>p{font-size:10px;max-width:300px}.footer{flex-wrap:wrap;gap:8px 24px;padding-block:20px}.footer p{flex-basis:100%;order:3;font-size:9px}.footer-brand{font-size:12px}.footer>a:last-child{font-size:10px}.selector{padding:47px 22px 26px}.selector h2{font-size:34px}}
@media(max-width:420px){.hero-aside p{display:none}.hero-aside{margin-top:20px}.hero-aside .primary{font-size:12px;min-height:45px;padding:11px 18px;gap:32px}.hero-reel{height:225px;margin-inline:-20px;gap:4px}.hero-reel>a>span{right:11px;left:11px;bottom:12px}.hero-reel b{font-size:18px}.hero-reel i{font-size:16px}.header-location{display:none}.hero-title-row{margin-bottom:27px}.hero-bottom{padding-top:13px}.work{padding-top:65px}.section-heading h2{font-size:38px}.project-screen{margin-inline:-20px}.project-screen img{aspect-ratio:1.28}.project-copy h3{font-size:42px}.project-visual h3{font-size:30px}.project-visual .project-link{gap:8px;font-size:10px}.automation-art{margin-inline:-20px}.closing h2{font-size:clamp(44px,13.5vw,55px)}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.hero{padding-top:25px}.hero .eyebrow{font-size:10px}h1{font-size:43px}.hero-reel{margin-inline:-16px;height:200px}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{font-size:7px}.project-screen,.automation-art{margin-inline:-16px}.project-copy{gap:0 12px}.project-copy h3{font-size:38px}.project-visual h3{font-size:27px}.project-link{gap:15px}.section-heading h2{font-size:34px}.automation-art{padding:23px}.automation-art strong{font-size:64px}.approach-heading h2{font-size:44px}.selector h2{font-size:30px}.selector .eyebrow{font-size:10px}}
/* Keep real screenshot previews complete at every width; never crop their typography. */
.project-screen img{aspect-ratio:1440/1000;object-fit:contain}
@keyframes imageEntrance{from{clip-path:inset(100% 0 0);transform:translateY(14px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes titleEntrance{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:titleEntrance .7s cubic-bezier(.2,.7,.3,1) both}.hero-reel>a{animation:imageEntrance .9s cubic-bezier(.2,.7,.3,1) both}.hero-reel>a:nth-child(2){animation-delay:.1s}.hero-reel>a:nth-child(3){animation-delay:.2s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal.pending{opacity:1;transform:none}}

/* Business information keeps the approved portfolio palette and compositions. */
.brand-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;white-space:nowrap}.brand-lockup strong{font-size:24px;font-weight:750;line-height:1;letter-spacing:-.045em}.brand-lockup strong>span{font-weight:500}.brand-lockup small{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.01em;color:var(--muted)}.identity,.footer-brand{display:inline-flex;align-items:center;min-height:44px}.header nav{gap:24px}.header-contact{gap:13px}.mobile-brand{margin-top:28px}.mobile-brand .brand-lockup small{color:var(--ink)}.mobile-menu>a,.mobile-menu>button:not(.close){font-size:24px;padding-block:11px;min-height:54px}.offer{padding-top:130px}.offer .section-heading{margin-bottom:46px}.offer .section-heading .eyebrow{justify-content:flex-start;letter-spacing:0}.offer-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.offer-grid>*{min-width:0}.scope-list{list-style:none;padding:0;margin:0}.scope-list li{display:flex;gap:26px;border-top:1px solid var(--line);padding:24px 0}.scope-list li:last-child{border-bottom:1px solid var(--line)}.scope-number{font-size:11px;color:var(--muted);padding-top:7px}.scope-list h3{font-size:25px;font-weight:500;letter-spacing:-.03em;line-height:1.3}.scope-list p{font-size:14px;color:var(--muted);margin-top:9px}.offer-selector{min-height:48px;margin-top:20px;font-size:14px;gap:25px;text-align:right}.selector-caption{font-size:11px;color:var(--muted)}.offer-quote{border-top:1px solid var(--line);padding-top:24px}.offer-quote .eyebrow{color:var(--muted)}.offer-quote h3{font-size:clamp(38px,4.1vw,58px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin-top:24px}.offer-quote h3>span{color:var(--lime)}.quote-copy{font-size:15px;line-height:1.85;max-width:390px;color:var(--muted);margin-top:24px}.hosting-note{font-size:13px;color:var(--muted);margin-top:22px}.offer-quote .primary{margin-top:29px}.about-copy{font-size:15px;line-height:1.85;max-width:425px;margin-top:30px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;padding-top:105px}.faq-heading .eyebrow{color:var(--muted)}.faq h2{font-size:clamp(40px,4.1vw,62px);line-height:1.1;font-weight:600;letter-spacing:-.05em;margin-top:22px}.faq-list{min-width:0}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:20px 0;list-style:none;font-size:17px;line-height:1.55;font-weight:500;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";flex:none;font-size:24px;font-weight:400;line-height:1;color:var(--lime);width:20px;text-align:center}.faq-item[open] summary::after{content:"−"}.faq-item summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.faq-item>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:540px;padding:0 0 26px 42px}.closing>.contact-intro{font-size:16px;margin:0 0 26px;max-width:none;line-height:1.75}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 35px}.contact-email{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:53px;border-bottom:1px solid var(--line);font-size:14px}.contact-email>span{font-size:23px;line-height:1}.contact-email:hover{color:var(--lime)}.contact-details{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:25px;color:var(--muted);font-size:12px}.contact-details>span{display:inline-flex;flex-wrap:wrap;gap:8px}.footer .brand-lockup strong{font-size:21px}
@media(max-width:1100px){.header nav{gap:22px}.offer-grid{gap:60px}.faq{gap:50px}}
@media(max-width:760px){.brand-lockup strong{font-size:23px}.header-location{max-width:130px}.offer{padding-top:75px}.offer .section-heading{margin-bottom:32px}.offer-grid{grid-template-columns:1fr;gap:38px}.scope-list li{gap:20px;padding-block:22px}.scope-list h3{font-size:23px}.scope-list p{font-size:13px}.offer-selector{margin-top:15px;font-size:13px}.selector-caption{font-size:11px}.offer-quote{padding-top:22px}.offer-quote h3{font-size:42px;margin-top:22px}.quote-copy{font-size:14px;margin-top:20px}.hosting-note{font-size:12px;line-height:1.8}.offer-quote .primary{margin-top:24px}.about-copy{font-size:14px;margin-top:25px;max-width:420px}.faq{grid-template-columns:1fr;gap:34px;padding-top:65px}.faq-heading .eyebrow{font-size:11px}.faq h2{font-size:42px;margin-top:18px}.faq-item summary{font-size:15px;min-height:70px;padding-block:19px;gap:15px}.faq-item>p{font-size:13px;padding-left:30px;padding-bottom:23px}.closing>.contact-intro{font-size:14px;margin-bottom:22px}.contact-actions{align-items:stretch;gap:14px 25px}.contact-actions .primary{gap:30px}.contact-details{font-size:12px;gap:10px 24px;margin-top:23px}.footer .brand-lockup strong{font-size:20px}.footer{row-gap:17px}}
@media(max-width:420px){.contact-actions{flex-direction:column;align-items:flex-start}.contact-actions .primary{width:100%;max-width:330px}.contact-email{min-width:190px}.contact-details{flex-direction:column;align-items:flex-start}.faq h2{font-size:38px}}
@media(max-width:350px){.brand-lockup strong{font-size:22px}.faq h2{font-size:34px}.faq-item summary{font-size:14px}.offer .section-heading>p{font-size:12px}.scope-list h3{font-size:22px}.offer-quote h3{font-size:36px}.mobile-menu{padding-inline:22px}.mobile-menu>a,.mobile-menu>button:not(.close){font-size:22px}}

.closing>.contact-note{font-size:12px;line-height:1.8;max-width:580px;margin-top:24px;color:var(--muted)}

/* V5: the home page behaves as a contact sheet unfolding into four chapters. */
.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}
.world-nav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(640px,100%);margin:0 0 58px auto;border:1px solid #5a6860;background:var(--ink);z-index:5}
.world-nav a{position:relative;display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0;min-height:58px;padding:12px 20px;font-size:13px;transition:box-shadow .25s}
.world-nav a+a{border-inline-start:1px solid #5a6860}.world-nav a>span:not(.sr-only){font-size:9px;letter-spacing:.05em}.world-nav b{font-weight:500}
.world-nav a:hover,.world-nav a[aria-current]{background:var(--paper);color:var(--ink)}.world-nav a:focus-visible{outline-offset:-5px;outline-color:var(--lime)}.world-nav a[aria-current]:focus-visible,.world-nav a:hover:focus-visible{outline-color:var(--ink)}
.world-nav a[data-world=kav][aria-current]{box-shadow:inset 0 -3px #2864f0}.world-nav a[data-world=nura][aria-current]{box-shadow:inset 0 -3px #ab7273}.world-nav a[data-world=shemesh][aria-current]{box-shadow:inset 0 -3px #d44724}.world-nav a[data-world=visual][aria-current]{box-shadow:inset 0 -3px #7465b8}
.project[id]{scroll-margin-top:100px}.hero-reel{overflow:hidden}.hero-reel>a{animation:none!important}.hero-reel img{height:calc(100% + 56px);max-width:none;position:relative;top:-28px;transition:filter .3s}
.home-motion .hero-reel img{clip-path:inset(var(--reel-cut,0%) 0)}.home-motion .hero-reel .reel-kav img{transform:translateY(var(--reel-offset,0px))}.home-motion .hero-reel .reel-nura img{transform:translateY(calc(var(--reel-offset,0px) * -1))}.home-motion .hero-reel .reel-cafe img{transform:translateY(calc(var(--reel-offset,0px) * .65))}
.home-motion .hero-reel>a:hover img{filter:brightness(1.08)}.home-motion .project-screen,.home-motion .automation-art{transform:perspective(1100px) translate3d(var(--screen-travel,0px),var(--screen-lift,0px),0) rotateY(var(--screen-angle,0deg));transform-origin:center;transition:none}
.home-motion .project-screen:focus-visible,.home-motion .automation-art:focus-visible{transform:none;outline-offset:-6px}
.home-motion .project-screen img{clip-path:inset(0 calc((1 - var(--screen-open,1)) * 35%) 0 0);transition:none}.home-motion .project:nth-child(even) .project-screen img{clip-path:inset(0 0 0 calc((1 - var(--screen-open,1)) * 35%))}.home-motion .project-screen:focus-visible img{clip-path:none}
.project-number{position:relative;padding-bottom:14px}.project-number:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:1px;background:var(--line);transform-origin:right}
.home-motion .project-number:after{background:var(--lime);transform:scaleX(var(--scene-progress,1))}.home-motion .automation-flow>i{transform:scaleX(var(--scene-progress,1));transform-origin:left}
.home-motion .automation-art:before{transform:rotate(calc(-35deg + var(--scene-progress,1) * 20deg))}.principles article{position:relative}.home-motion .principles article{border-top-color:transparent}
.home-motion .principles article:before{content:"";position:absolute;top:0;right:0;height:1px;width:100%;background:#11181788;transform:scaleX(var(--step-progress,1));transform-origin:right}
.home-motion .principles article>span{transform:translateX(calc((1 - var(--step-progress,1)) * -16px))}.closing h2>span{position:relative;display:inline-block}.closing h2>span:after{content:"";position:absolute;right:0;bottom:-7px;width:100%;height:3px;background:var(--lime);transform-origin:right;transform:scaleX(1)}.home-motion .closing h2>span:after{transform:scaleX(var(--closing-progress,1))}
@media(min-width:761px) and (min-height:681px){.world-nav{position:sticky;top:16px;box-shadow:0 8px 28px #11181788}}
@media(max-width:760px){.world-nav{margin-bottom:38px}.world-nav a{min-height:54px;padding:11px 12px;gap:8px;font-size:12px}.world-nav a>span:not(.sr-only){font-size:8px}.project[id]{scroll-margin-top:24px}}
@media(max-width:420px){.world-nav a{padding:10px 8px;font-size:11px;gap:5px}.world-nav a>span:not(.sr-only){font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-reel img{height:100%;top:0}.home-motion .hero-reel img{clip-path:none}.home-motion .hero-reel img,.home-motion .project-screen,.home-motion .automation-art,.home-motion .principles article>span{transform:none}.home-motion .project-number:after,.home-motion .automation-flow>i,.home-motion .principles article:before,.home-motion .closing h2>span:after{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.home-motion .project-screen img{clip-path:none!important}}

.hero-reel>a:focus-visible{outline:3px solid var(--lime);outline-offset:-6px;z-index:2}.hero-reel>a:focus-visible img{clip-path:none!important}
.hero-reel>a:focus-visible::before{content:"";position:absolute;inset:6px;border:3px solid var(--lime);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 2px var(--ink);z-index:3;pointer-events:none}
.home-motion .project-screen:focus-visible img{clip-path:none!important}
.project-screen:focus-visible::after,.automation-art:focus-visible::after{content:"";position:absolute;inset:6px;border:3px solid var(--lime);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 2px var(--ink);z-index:3;pointer-events:none}