@font-face{font-family:Plex;src:url('/watch/media/plex-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Plex;src:url('/watch/media/plex-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/watch/media/plex-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('/watch/media/plex-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#fbfaf8;--paper-2:#f3f2ee;--ink:#0a1524;--muted:#40495a;--signal:#1b4fd8;--rule:rgba(10,21,36,.14);--ease:cubic-bezier(.16,1,.3,1);font-family:Plex,'IBM Plex Sans Hebrew',Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-padding-block-start:90px}body{margin:0;font-size:calc(17px * var(--ff-scale,1));line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #737985;outline-offset:5px}a:hover{color:var(--signal)}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2{font-weight:300;letter-spacing:-.035em;line-height:1.12}h1{font-size:calc(clamp(44px,4.65vw,76px) * var(--ff-scale,1))}h2{font-size:calc(clamp(38px,4.15vw,64px) * var(--ff-scale,1))}h3{font-size:calc(22px * var(--ff-scale,1));font-weight:500;line-height:1.35}h1 span,h2 span{color:var(--signal)}p{max-inline-size:38em}.lead{font-size:calc(22px * var(--ff-scale,1));line-height:1.65;color:var(--muted)}.eyebrow{font-size:calc(14px * var(--ff-scale,1));letter-spacing:.015em;color:var(--signal);margin-block-end:26px}.site-header{block-size:80px;position:absolute;inset-block-start:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(24px,5vw,80px);border-block-end:1px solid var(--rule);z-index:10;background:var(--paper)}.wordmark{display:flex;align-items:center}.wordmark img{inline-size:150px;block-size:auto;max-block-size:48px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:calc(14px * var(--ff-scale,1))}.header-contact{border-inline-start:1px solid var(--rule);padding-inline-start:32px;display:flex;gap:20px;align-items:center}.header-contact span{font-size:calc(22px * var(--ff-scale,1))}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:24px;background:var(--ink);color:var(--paper);padding:14px 20px;z-index:100}.skip-link:focus{inset-block-start:15px}
.watch-story{position:relative;isolation:isolate}.watch-stage{position:sticky;inset-block-start:0;block-size:100svh;inline-size:100%;overflow:hidden;pointer-events:none;z-index:0;contain:layout paint}.watch-window{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:100%;block-size:100%;transform-origin:0 0;will-change:transform;overflow:hidden;opacity:1}.watch-window img,.watch-window video{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.watch-video{opacity:0;transition:opacity 120ms var(--ease)}.watch-poster{opacity:1}.scene-veil{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none}.story-panels{position:relative;margin-block-start:-100svh;z-index:1;pointer-events:none}.story-panel{min-block-size:110svh;position:relative;display:flex;align-items:center;padding:140px clamp(24px,5vw,80px) 110px;pointer-events:none}.story-copy{inline-size:43%;max-inline-size:620px;pointer-events:auto}.story-copy>.lead{margin-block-start:28px}.story-copy>p:not(.lead):not(.eyebrow){color:var(--muted);margin-block-start:20px;font-size:calc(17px * var(--ff-scale,1))}.hero{min-block-size:112svh;padding-block-start:150px}.hero .story-copy{inline-size:46%;max-inline-size:665px}.hero .lead{font-size:calc(clamp(17px,1.45vw,22px) * var(--ff-scale,1))}.dive{min-block-size:130svh}.inside{min-block-size:105svh}.parts{min-block-size:145svh}.craft{min-block-size:125svh}.assembly{min-block-size:130svh}.generic{min-block-size:115svh}.return{min-block-size:130svh}.dive .story-copy,.inside .story-copy{padding-block:20px}.dive .story-copy{max-inline-size:410px}.inside .story-copy{max-inline-size:450px}.scroll-cue{display:inline-flex;align-items:center;gap:18px;font-size:calc(14px * var(--ff-scale,1));margin-block-start:40px}.scroll-line{block-size:1px;inline-size:42px;background:var(--signal)}.scroll-cue>span:last-child{font-size:calc(22px * var(--ff-scale,1))}.button{margin-block-start:32px;background:var(--ink);color:var(--paper);border-inline-start:2px solid var(--signal);border-radius:2px;padding:14px 26px;display:inline-flex;gap:28px;align-items:center;font-size:calc(17px * var(--ff-scale,1));font-weight:500;line-height:1.4}.button:hover{background:var(--signal);color:var(--paper)}.button span{font-size:calc(22px * var(--ff-scale,1))}.story-controls{position:fixed;inset-block-end:22px;inset-inline:clamp(24px,5vw,80px);z-index:8;display:flex;align-items:center;gap:22px;font-size:calc(14px * var(--ff-scale,1));pointer-events:none;transition:opacity 240ms var(--ease)}.story-controls button,.story-controls a{pointer-events:auto;background:var(--paper);border:0;color:var(--muted);font-size:calc(14px * var(--ff-scale,1));padding:6px 0}.story-controls button:hover,.story-controls a:hover{color:var(--signal)}.story-progress{margin-inline-start:auto;inline-size:110px;block-size:2px;background:var(--rule);overflow:hidden}.story-progress>span{display:block;inline-size:100%;block-size:100%;background:var(--signal);transform:scaleX(0);transform-origin:right}.story-controls.is-hidden{opacity:0;visibility:hidden}
.section-shell{padding:150px clamp(24px,5vw,80px);max-inline-size:1600px;margin-inline:auto}.method{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-block-start:1px solid var(--rule)}.section-intro .lead{margin-block-start:32px;max-inline-size:25em}.method-rows{border-block-start:1px solid var(--rule)}.method-rows article{padding-block:32px;border-block-end:1px solid var(--rule)}.method-rows article p{color:var(--muted);margin-block-start:14px}.contact{max-inline-size:none;background:var(--ink);color:var(--paper);text-align:center;padding-block:140px}.contact .eyebrow{color:var(--paper);opacity:.65}.contact h2{max-inline-size:1100px;margin-inline:auto}.contact .lead{color:var(--paper);opacity:.75;margin:32px auto 0}.button-inverse{background:var(--paper);color:var(--ink)}.site-footer{padding:40px clamp(24px,5vw,80px);display:flex;align-items:center;gap:30px;font-size:calc(14px * var(--ff-scale,1));color:var(--muted)}.footer-name{font-size:calc(22px * var(--ff-scale,1));font-weight:500;color:var(--ink)}.site-footer nav{margin-inline-start:auto;display:flex;gap:25px}
@media(min-width:1600px){.story-copy{margin-inline-start:calc((100vw - 1600px)/2)}}
@media(max-width:767px){html{scroll-padding-block-start:30px}.site-header{block-size:68px;padding-inline:22px}.wordmark img{inline-size:123px}.site-header nav{gap:20px}.site-header nav>a:nth-child(2){display:none}.header-contact{padding-inline-start:18px;gap:8px}.header-contact span{display:none}h1{font-size:calc(44px * var(--ff-scale,1))}h2{font-size:calc(38px * var(--ff-scale,1))}.eyebrow{font-size:calc(14px * var(--ff-scale,1));margin-block-end:16px}.lead{font-size:calc(17px * var(--ff-scale,1))}.story-panel{padding:80px 24px 40px;min-block-size:120svh;align-items:flex-start}.story-copy,.hero .story-copy{inline-size:100%;max-inline-size:none;position:relative;margin-block-start:0}.hero{padding-block-start:100px;min-block-size:130svh}.hero h1{max-inline-size:11em}.hero .lead{font-size:calc(17px * var(--ff-scale,1));line-height:1.6;margin-block-start:20px}.scroll-cue{margin-block-start:20px}.scroll-line{inline-size:24px}.dive{min-block-size:125svh}.inside{min-block-size:120svh}.parts{min-block-size:150svh}.craft{min-block-size:140svh}.assembly{min-block-size:140svh}.generic{min-block-size:130svh}.return{min-block-size:140svh}.story-copy>.lead{margin-block-start:20px}.story-copy>p:not(.lead):not(.eyebrow){font-size:calc(16px * var(--ff-scale,1));margin-block-start:16px}.dive .story-copy,.inside .story-copy{padding-block:0;max-inline-size:92%}.story-controls{inset-inline:24px;inset-block-end:12px;gap:22px;font-size:calc(12px * var(--ff-scale,1))}.story-controls button,.story-controls a{font-size:calc(12px * var(--ff-scale,1))}.story-progress{inline-size:62px}.button{padding:13px 19px;font-size:calc(16px * var(--ff-scale,1));gap:18px;margin-block-start:24px}.section-shell{padding:90px 24px}.method{grid-template-columns:1fr;gap:40px}.method-rows article{padding-block:26px}.contact{padding-block:90px}.contact h2{font-size:calc(36px * var(--ff-scale,1))}.site-footer{padding:32px 24px;gap:15px;flex-wrap:wrap}.site-footer>p{inline-size:100%;order:2}.site-footer nav{gap:20px}.section-intro .lead{margin-block-start:24px}}
@media(max-width:767px) and (max-height:740px){.hero h1{font-size:calc(38px * var(--ff-scale,1))}.hero .lead{font-size:calc(16px * var(--ff-scale,1))}.hero{padding-block-start:90px}.eyebrow{margin-block-end:10px}.scroll-cue{margin-block-start:12px}}
.motion-off .watch-stage{display:none}.motion-off .story-panels{margin-block-start:0}.motion-off .story-panel{min-block-size:0;padding-block:80px;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.motion-off .hero{padding-block-start:150px}.motion-off .story-copy,.motion-off .hero .story-copy{inline-size:100%;max-inline-size:none}.static-scene-image{display:none}.motion-off .static-scene-image{display:block;inline-size:100%;block-size:auto}.motion-off .story-controls{position:relative;inset:auto;padding:15px 5vw}.motion-off .story-progress{display:none}
@media(max-width:767px){.motion-off .story-panel{grid-template-columns:1fr;padding:55px 24px;gap:25px}.motion-off .hero{padding-block-start:100px}.motion-off .static-scene-image{max-inline-size:420px;margin-inline:auto}.motion-off .story-controls{padding:15px 24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Keep the original story layout; tighten only the opening gap. */
.hero{min-block-size:96svh;padding-block-end:60px}
.dive{min-block-size:110svh;padding-block-start:90px}
.outcomes{min-block-size:110svh}
.watch-window img,.watch-window video{object-fit:contain}
.watch-video{transition:opacity 240ms var(--ease)}
/* Same paper surface, right half of the 12-column grid, and stacked fields as the existing home page. */
.contact{max-inline-size:1440px;margin-inline:auto;padding:200px 80px 120px;background:var(--paper);color:var(--ink);text-align:start;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.contact-column{grid-column:span 6;min-inline-size:0}
.contact .eyebrow{color:var(--signal);opacity:1;margin-block-end:24px}
.contact h2{font-size:calc(clamp(30px,3.2vw,44px) * var(--ff-scale,1));font-weight:400;letter-spacing:-.015em;line-height:1.12;margin:0}
.contact .lead{font-size:calc(17px * var(--ff-scale,1));line-height:1.65;color:var(--muted);opacity:1;margin:24px 0 0}
.contact-form{margin-block-start:56px}
.contact-fields{display:block}
.contact-form label{display:block;margin-block-end:40px;font-size:calc(14px * var(--ff-scale,1));line-height:1.6;color:#6c7483}
.contact-form input,.contact-form textarea{display:block;inline-size:100%;border:0;border-block-end:1px solid rgba(10,21,36,.18);border-radius:0;background:transparent;color:var(--ink);padding:6px 0;font:inherit;font-size:calc(18px * var(--ff-scale,1));line-height:1.5}
.contact-form textarea{resize:vertical;min-block-size:68px}
.contact-form :is(input,textarea):focus-visible{border-color:var(--signal);outline:2px solid #737985;outline-offset:3px}
.contact-form .button{position:relative;isolation:isolate;overflow:hidden;justify-content:center;min-block-size:52px;padding:14px 32px;margin-block-start:0;border:1px solid #a1adbe;border-radius:5px;background:linear-gradient(135deg,#263a54 0%,#0a1524 52%,#18283f 100%);color:#fff;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 18px rgba(10,21,36,.14);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
.contact-form .button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.17) 50%,transparent 75%);transform:translateX(-130%);transition:transform 550ms ease}
.contact-form .button:hover:not(:disabled){border-color:#d5dce6;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 9px 24px rgba(10,21,36,.2);transform:translateY(-1px)}
.contact-form .button:hover:not(:disabled)::before{transform:translateX(130%)}
.contact-form .button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 2px 6px rgba(10,21,36,.12)}
.contact-form .button:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.contact-form .button,.contact-form .button::before{transition:none;transform:none}.contact-form .button::before{display:none}}
.contact-form .button:disabled{opacity:.6;cursor:wait}
.form-privacy{font-size:calc(14px * var(--ff-scale,1));color:var(--muted);margin-block-end:24px}
.form-privacy a{text-decoration:underline}
#contact-status{margin-block-start:24px;min-block-size:1.65em}
.contact-form[hidden],.contact-fallback[hidden]{display:none}
@media(max-width:767px){.hero{min-block-size:108svh;padding-block-end:40px}.dive{min-block-size:115svh;padding-block-start:60px}.outcomes{min-block-size:130svh}.contact{padding:120px 20px 80px}.contact-column{grid-column:span 12}}

.founder-photo{display:block;inline-size:220px;max-inline-size:100%;block-size:auto;aspect-ratio:660/825;margin-block-start:32px}
.story-copy strong{font-weight:600;color:var(--ink)}
@media(max-width:767px){.parts,.craft,.outcomes,.return{padding-block-end:calc(38svh + 64px)}}
/* Shared site header/footer, translated from SiteHeader.tsx and SiteFooter.tsx. */
.hero-watch-space{display:none}
html{scroll-padding-block-start:88px}
.site-header{position:fixed;inset-block-start:0;block-size:64px;padding:0;z-index:50;border-block-end:1px solid var(--rule);background:var(--paper);display:block}
.header-inner{max-inline-size:1440px;block-size:100%;margin-inline:auto;padding-inline:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark img{inline-size:96px;block-size:48px;max-block-size:none;flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:32px}
.site-header nav{gap:32px;color:var(--muted);font-size:calc(14px * var(--ff-scale,1))}
.header-contact{border:0;padding:0;color:var(--signal);font-size:calc(14px * var(--ff-scale,1));white-space:nowrap}
#reading-toggle{background:none;border:1px solid var(--rule);padding:8px 12px;font-size:calc(14px * var(--ff-scale,1));line-height:1.4;color:var(--ink);white-space:nowrap}
#reading-toggle:hover,#reading-toggle[aria-pressed="true"]{border-color:var(--signal);color:var(--signal)}
#reading-toggle[hidden]{display:none}
.site-footer{display:block;max-inline-size:1440px;margin-inline:auto;padding:16px 80px 28px;color:var(--muted);font-size:calc(14px * var(--ff-scale,1))}
.footer-inner{border-block-start:1px solid var(--rule);padding-block-start:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 28px}
.footer-social{display:flex;align-items:center;gap:24px;flex-shrink:0}
.footer-social a{color:#6c7483;display:flex;padding:10px;margin:-10px}
.footer-social a:hover{color:var(--brand)}
.site-footer nav{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:12px 24px}
/* One closing section: text directly followed by the form, with the shared watch still sticky. */
.return{align-items:flex-start;min-block-size:0;padding-block-end:28px}
.return .contact{display:block;max-inline-size:none;padding:0;margin:32px 0 0;scroll-margin-block-start:16px}
.return .contact::before{content:"";display:block;inline-size:72px;block-size:1px;background:var(--rule);margin-block-end:24px}
.return .contact-column{inline-size:100%;min-inline-size:0}
.return .contact .lead{margin:0;font-size:calc(17px * var(--ff-scale,1))}
.return .contact-form{margin-block-start:32px}
.return .contact-form label{margin-block-end:18px}
.return .contact-form .button{margin-block-start:0}
.closing-message>.lead{margin-block-start:28px}
.closing-message>p:not(.lead){color:var(--muted);margin-block-start:20px;font-size:calc(17px * var(--ff-scale,1))}
@media(max-width:1100px) and (min-width:768px){.header-inner{padding-inline:24px}.header-actions{gap:16px}.site-header nav{gap:16px}}
@media(max-width:767px){
  html{scroll-padding-block-start:88px}
  .site-header{block-size:64px}
  .header-inner{padding:4px 20px;gap:12px}
  .header-actions{display:flex}
  .site-header nav,#reading-toggle{display:none}
  .site-header .header-contact{padding:0;gap:0}
  .watch-story{padding-block-start:0}
  .watch-stage{position:sticky;inset-block-start:0;block-size:100svh;z-index:0;background:var(--paper);border:0}
  .story-panels{margin-block-start:-100svh;z-index:1}
  .story-panel{padding:88px 24px;min-block-size:60svh;align-items:center}
  .hero{padding-block-start:88px;padding-block-end:88px;min-block-size:100svh;flex-direction:column;align-items:stretch;justify-content:flex-start}
  .hero h1{font-size:calc(clamp(30px,8.4vw,40px) * var(--ff-scale,1))}
  .hero .lead{font-size:calc(16px * var(--ff-scale,1))}
  .hero-watch-space{display:block;inline-size:100%;block-size:clamp(200px,64vw,320px);margin-block-start:24px;flex-shrink:0}
  .dive,.inside{min-block-size:62svh;padding-block-start:88px}
  .parts,.craft,.assembly,.outcomes,.generic,.return{min-block-size:60svh;padding-block-end:88px}
  .story-copy,.hero .story-copy{inline-size:100%;max-inline-size:none}
  .return .contact{padding:0;margin-block-start:56px;scroll-margin-block-start:0;background:transparent}
  .return .contact .lead{font-size:calc(17px * var(--ff-scale,1))}
  .contact-form input{font-size:calc(18px * var(--ff-scale,1));min-block-size:44px}
  .contact-form textarea{font-size:calc(18px * var(--ff-scale,1));min-block-size:68px}
  .closing-message>.lead{margin-block-start:20px}
  .closing-message>p:not(.lead){font-size:calc(16px * var(--ff-scale,1));margin-block-start:16px}
  .contact-form .button{inline-size:100%;justify-content:center}
  .founder-photo{inline-size:min(220px,65%)}
  .site-footer{padding:12px 24px 24px}
  .site-footer nav{gap:16px 24px}
  .return{min-block-size:0;padding-block-end:88px}
  .footer-inner{gap:20px;padding-block-start:20px}
  .motion-off .watch-story{padding-block-start:64px}
  .motion-off .hero{padding-block-start:32px}
  .motion-off .hero-watch-space{display:none}
  .motion-off .return{display:block}
}
@media(max-width:767px) and (max-height:600px){.story-panel h2{font-size:calc(32px * var(--ff-scale,1))}}
@media(max-width:359px){.header-inner{padding-inline:12px}.header-actions{gap:8px}.wordmark img{inline-size:80px;block-size:40px}#reading-toggle{padding-inline:6px}}

/* Decorative media has no native border or dark letterbox surface. */
.watch-window,.watch-window img,.watch-window video{border:0;outline:0;box-shadow:none;background:var(--paper)}
.watch-window{backface-visibility:hidden}
.watch-window img,.watch-window video{forced-color-adjust:none}
.mobile-scene-space{display:none}
@media(max-width:767px){
  .story-panel:not(.hero){display:block;min-block-size:0;padding-block-start:88px;padding-block-end:0}
  .mobile-scene-space{display:block;block-size:110svh;min-block-size:360px;margin-block-start:40px;pointer-events:none}
  .story-panel.return{padding-block-end:88px}
  .story-panel:not(.return) .story-copy,.closing-message,.return .contact{background:rgba(251,250,248,.45);border-radius:20px;box-shadow:0 0 18px 10px rgba(251,250,248,.31);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .scene-veil{display:none}
}
/* Motion is decorative: hiding it must leave a complete, readable document. */
.motion-off .watch-stage,.motion-off .static-scene-image,.motion-off .hero-watch-space,.motion-off .mobile-scene-space{display:none!important}
.motion-off .story-panels{margin-block-start:0}
.motion-off .story-panel{display:block;min-block-size:0;padding:64px clamp(24px,5vw,80px)}
.motion-off .story-panel.hero{padding-block-start:120px}
.motion-off .story-copy,.motion-off .hero .story-copy{inline-size:100%;max-inline-size:760px;min-inline-size:0;margin-inline:auto}
.motion-off .story-copy,.motion-off .closing-message,.motion-off .contact{background:var(--paper);border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.motion-off .story-copy :is(h1,h2,p){overflow-wrap:anywhere}
@media(max-width:767px){.motion-off .watch-story{padding-block-start:0}}
