/* Reference-calibrated presentation. Motion is progressive enhancement. */
:root{--bg:#100d0b;--fg:#faf9f6;--muted:#b1aaa1;--line:#e8e0d61f;--accent:#c45d3e;--gutter:clamp(24px,4.5vw,60px);--h1:clamp(56px,8.5vw,110px);--h2:clamp(44px,6vw,76px);--space:clamp(80px,10vw,140px)}
body{background:var(--bg);font-size:17px;line-height:1.7}h1,h2,h3{font-weight:800;letter-spacing:-.045em}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:'League Spartan',Arial,sans-serif;letter-spacing:-.05em}html[lang=he]{--h1:clamp(54px,7.5vw,96px);--h2:clamp(40px,5.3vw,68px)}h1{line-height:.94}html[lang=he] h1{line-height:1.1}h2{line-height:.98}html[lang=he] h2{line-height:1.12}h3{line-height:1.1}.shell{max-width:1180px}.eyebrow{font-size:10px;letter-spacing:1.2px;line-height:1.7;color:#b76b54;margin-bottom:24px}.lead{font-size:17.5px;line-height:1.72;max-width:620px}.split-title{margin-bottom:26px}.split-title .line{padding-block:.1em;margin-block:-.1em}/* Titles stay readable before the entry observer; motion never blanks the message. */
.js-motion .split-title:not(.is-visible) .line>span,.js-motion .split-title.is-visible .line>span{transform:none;opacity:1;transition:none}.js-motion:not([data-page=writing]) .split-title.is-visible{animation:title-arrive .45s cubic-bezier(.22,1,.36,1) both}@keyframes title-arrive{from{transform:translateY(8px)}to{transform:translateY(0)}}.js-motion .reveal:not(.is-visible){transform:translateY(20px)}
.site-header{top:16px;padding:9px 24px;gap:24px;background:#171412e8;border-color:#e8e0d60c;box-shadow:0 2px 20px #0002}.site-header .brand{font-size:20px}.site-header nav{gap:24px}.site-header nav a{font-size:13px;color:#b1aaa1}.site-header nav a:hover{color:#fff}.site-header .lang-switch{border-color:var(--line);min-width:36px;min-height:36px;font-size:11px}.button{min-height:50px;padding:12px 26px;font-size:13px;gap:16px;border-color:#e8e0d655;border-radius:4px;transition:background .2s,border-color .2s,color .2s}.button:hover{transform:none;background:#e8e0d60a;border-color:var(--accent)}.primary{background:var(--accent);color:#100d0b;border-color:var(--accent);font-weight:700}.primary:hover{background:#d17357}.text-link{font:12px/1.6 monospace;gap:14px;min-height:44px;color:var(--fg);border-bottom-color:#c45d3e;padding-block:10px}.home-hero{min-height:100svh;padding-top:155px;padding-bottom:100px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-core{width:100%}.home-hero h1{max-width:1080px}.home-hero .lead{margin-top:24px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:36px}.hero-bottom .actions{margin:0}.operator-note{font:10px/1.9 monospace;display:grid;color:#a49a8f;max-width:260px}.operator-note b{font-weight:400;color:#d5cdc2}.hero-scroll{position:absolute;bottom:24px;inset-inline-start:60px;display:flex;align-items:center;gap:14px;font:9px monospace;letter-spacing:1px;color:#a49a8f;min-height:44px}.hero-scroll span{width:35px;height:1px;background:var(--accent)}
.chapter-divider{display:flex;align-items:center;gap:16px;padding-block:24px;font:11px/1.6 monospace}.chapter-divider>span{color:var(--accent)}.chapter-divider p{color:#a49a8f;white-space:nowrap;font-size:10px;letter-spacing:.6px}.chapter-divider:after{content:'';height:1px;background:var(--line);flex:1;margin-inline-start:20px}
.work-stage{display:grid;grid-template-columns:.94fr 1.06fr;gap:9%;padding-block:100px;align-items:center}.work-intro>p:not(.eyebrow){max-width:350px;font-size:16px;line-height:1.7;margin-top:30px}.work-intro h2{font-size:clamp(44px,5.6vw,76px)}html[lang=he] .work-intro h2{font-size:clamp(38px,4.9vw,62px)}.work-panel{padding-block:35px}.work-panel .eyebrow{color:#a49a8f;margin-bottom:18px;font-size:10px}.work-panel h3{font-size:clamp(28px,3vw,40px);margin-bottom:18px;letter-spacing:-.03em}.work-panel>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:480px}.work-proof{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin:30px 0 22px}.work-proof strong{font:700 clamp(32px,4.2vw,56px)/1.1 monospace;color:var(--accent);letter-spacing:-.05em}.work-proof span{font:10px/1.7 monospace;color:#a49a8f;max-width:190px}.work-controls{display:flex;gap:14px;align-items:center;margin-top:34px}.work-controls button{font:11px monospace;padding:8px 3px;min-width:36px;min-height:44px;border:0;border-bottom:1px solid transparent;color:#a49a8f;background:none}.work-controls button[aria-pressed=true]{color:var(--fg);border-color:var(--accent)}.work-scroll-label{font:9px monospace;letter-spacing:1px;margin-inline-start:15px;color:#a49a8f}.work-meter{height:1px;width:150px;background:var(--line);margin-top:15px}.work-meter i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}
.pinned-work{height:310svh;position:relative}.pinned-work .work-stage{position:sticky;top:0;min-height:100svh;height:100svh;padding-block:140px 80px}.pinned-work .work-panels{position:relative;min-height:390px}.pinned-work .work-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0;opacity:0;transform:translateY(30px);visibility:hidden;transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .5s}.pinned-work .work-panel.is-active{opacity:1;transform:none;visibility:visible}.pinned-work .work-panel .text-link{align-self:start}.film-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:120px}.film-copy p{font-size:16px;line-height:1.8;margin-block:30px;max-width:420px}.film-story figure{min-width:0}.film-story .ambient-video{height:470px;object-fit:cover;border-radius:3px}.film-story figcaption{font-size:9px;margin-top:12px;color:#a49a8f}.video-toggle{font:11px/1.4 monospace;border-radius:4px;background:#100d0bcc;border-color:#faf9f65c;min-height:44px;padding:10px 14px;inset-inline-end:16px;bottom:16px}.video-toggle:hover{background:#100d0b}.method-section{padding-block:90px 120px}.method-section h2{max-width:1000px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.method-grid article{padding-top:22px;border-top:1px solid var(--line)}.method-grid article>span{font:11px monospace;color:var(--accent)}.method-grid h3{font-size:29px;margin-block:26px 16px}.method-grid p{font-size:15px;line-height:1.8}.book-note{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-top:1px solid var(--line);padding-block:110px}.book-note p{font-size:17px;line-height:1.8;margin-bottom:26px}.closing{padding-block:110px 120px}.closing h2{font-size:clamp(44px,5.5vw,70px)}.footer{font-size:12px;gap:18px}.access-trigger{background:#f3eee7;color:#100d0b;border:1px solid #fff6;font-size:11px;min-height:40px;padding:9px 14px;bottom:16px}.access-panel{border-color:#64584b;background:#171412}.page-hero{padding-block:175px 95px}.page-hero h1{font-size:clamp(54px,7vw,92px)}.page-hero .lead{font-size:17px;max-width:660px}.story-side img{height:360px;filter:saturate(.55);border-radius:3px}.timeline{border-color:#c45d3e44}.timeline h2{font-size:34px}.timeline p{font-size:16px}.timeline article{scroll-margin-top:145px}.timeline .year{font-size:15px;margin-bottom:20px}.year-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.year-nav a{font:12px monospace;min-height:40px;padding:10px 12px;border:1px solid var(--line);border-radius:3px}.year-nav a[aria-current]{border-color:var(--accent);color:var(--fg);background:#c45d3e12}.work-row{padding-block:60px}.work-row h2{font-size:42px}.work-row h3{font-size:18px}.work-row p{font-size:16px}.big-number{font-size:50px}.book-feature img,.writing-empty img{filter:saturate(.45);border-radius:3px}.book-feature p,.writing-empty p{font-size:16px}.theme-grid h3{font-size:27px}.high-contrast{--accent:#ffb48f;--bg:#000;--muted:#eee}.high-contrast .eyebrow,.high-contrast .operator-note,.high-contrast .work-panel .eyebrow,.high-contrast .work-proof span{color:#eee}.high-contrast .primary{color:#000}.readable-font h1,.readable-font h2,.readable-font h3{font-family:Arial,sans-serif!important}
@media(max-width:1100px){.site-header{max-width:720px;width:calc(100% - 32px)}.site-header nav{background:#171412}.home-hero{padding-top:155px}.operator-note{display:none}.work-stage{gap:7%}.pinned-work .work-panels{min-height:440px}}
@media(max-width:760px){:root{--h1:clamp(44px,14vw,70px);--h2:clamp(38px,10vw,52px);--gutter:24px}html[lang=he]{--h1:clamp(43px,12vw,62px);--h2:clamp(36px,9vw,48px)}.site-header{top:16px;padding:9px 18px;max-width:calc(100% - 32px);width:100%;gap:12px;min-height:62px}.site-header .brand{font-size:19px}.site-header .lang-switch{min-width:36px;min-height:36px}.menu-toggle{font-size:0;gap:0;min-width:34px;justify-content:center}.menu-icon{width:17px}.home-hero{min-height:100svh;padding-top:170px;padding-bottom:100px;justify-content:flex-start}.home-hero h1{line-height:.94;letter-spacing:-.05em}.home-hero .lead{margin-top:36px;font-size:17px;line-height:1.75}.hero-bottom{margin-top:40px}.hero-bottom .actions{gap:12px;flex-wrap:wrap}.hero-bottom .button{font-size:12px;padding:12px 19px;min-height:49px}.hero-scroll{inset-inline-start:24px;bottom:25px}.chapter-divider{padding-block:24px}.chapter-divider p{font-size:9px}.chapter-divider:after{margin-inline-start:0}.work-stage{display:block;padding-block:70px 50px}.work-intro h2,html[lang=he] .work-intro h2{font-size:var(--h2)}.work-intro>p:not(.eyebrow){margin-top:24px}.work-controls{display:none}.work-meter{display:none}.work-panels{margin-top:40px}.work-panel{border-top:1px solid var(--line);padding-block:40px}.work-panel h3{font-size:32px}.work-panel>p:not(.eyebrow){font-size:16px}.work-proof strong{font-size:36px}.film-story{grid-template-columns:1fr;gap:40px;padding-block:65px}.film-story .ambient-video{height:340px}.film-copy p{margin-block:24px}.method-section{padding-block:60px 70px}.method-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.method-grid h3{font-size:29px;margin-block:18px 12px}.book-note{grid-template-columns:1fr;gap:20px;padding-block:70px}.book-note p{font-size:16px}.closing{padding-block:75px}.closing h2{font-size:var(--h2)}.page-hero{padding-block:165px 60px}.page-hero h1{font-size:var(--h1)}.page-hero .lead{font-size:17px}.work-row h2{font-size:34px}.timeline h2{font-size:30px}.story-side img{height:280px}.year-nav{gap:6px}.year-nav a{padding:10px;min-width:54px}.access-trigger{bottom:14px;padding:9px 12px}.footer-links{gap:16px}}
@media(max-width:360px){.site-header{padding-inline:14px;gap:8px}.site-header .brand{font-size:17px}.home-hero{padding-top:155px}.hero-bottom .button{font-size:11px;padding-inline:16px}}
@media print{.site-header,.access-trigger,.access-panel,.hero-scroll,.video-toggle,.work-controls,.reading-progress,.chapter-divider{display:none!important}body{background:white;color:black}p{color:#333}.pinned-work{height:auto}.pinned-work .work-stage{position:static;height:auto;display:block}.pinned-work .work-panel{position:static;opacity:1;visibility:visible;transform:none}.shell{padding:20px}.page-hero,.home-hero{padding-top:20px;min-height:0}.reveal{opacity:1!important;transform:none!important}}
.method-grid{display:block;margin-top:65px;padding-bottom:50px}.method-grid article{position:sticky;top:120px;min-height:260px;margin-bottom:24px;padding:52px 60px;padding-inline-start:180px;border:1px solid #e8e0d6;background:#faf9f6;color:#100d0b;border-radius:15px;box-shadow:0 8px 35px #0003}.method-grid article:nth-child(2){top:144px}.method-grid article:nth-child(3){top:168px}.method-grid article>span{position:absolute;inset-inline-start:55px;top:45px;font:800 70px/1 'League Spartan',sans-serif;color:#c45d3e44}.method-grid h3{font-size:32px;margin:0 0 18px;letter-spacing:-.03em}.method-grid p{max-width:650px;font-size:16px;line-height:1.8;color:#66615b}.reduce-motion .method-grid article,.large-text .method-grid article{position:relative;top:auto}.high-contrast .method-grid article{background:#000;color:white;border-color:white}.high-contrast .method-grid article p{color:white}
@media(max-width:760px){html[lang=en] .home-hero h1 .line:first-child{font-size:clamp(37px,11.4vw,46px);margin-bottom:8px}html[lang=en] .home-hero h1 .line:nth-child(3),html[lang=en] .home-hero h1 .line:nth-child(4){display:inline;padding:0;margin:0}html[lang=en] .home-hero h1 .line:nth-child(3)>span,html[lang=en] .home-hero h1 .line:nth-child(4)>span{display:inline}.home-hero h1 .line:nth-child(3)>span:after{content:' '}.method-grid{margin-top:40px;padding-bottom:0}.method-grid article{position:relative;top:auto!important;padding:30px 25px;min-height:0;border-radius:10px;margin-bottom:16px}.method-grid article>span{position:static;display:block;font-size:44px;margin-bottom:20px}.method-grid h3{font-size:29px}.method-grid p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.method-grid article{position:relative;top:auto}}
html[lang=en] body{font-family:Sora,Arial,sans-serif}html[lang=en] .home-hero h1{line-height:.92}html[lang=en] .home-hero .split-title .line{padding:0;margin:0;overflow:hidden}html[lang=en] .home-hero .lead{margin-top:26px}.hero-bottom{margin-top:40px}
@media(max-width:760px){html[lang=en] .home-hero .split-title .line:first-child{margin-bottom:8px}html[lang=en] .home-hero .split-title .line:nth-child(3),html[lang=en] .home-hero .split-title .line:nth-child(4){overflow:visible}html[lang=en] .home-hero .lead{margin-top:36px}}
.book-feature .ambient-video{height:500px;filter:saturate(.6);border-radius:3px}.notebook-list{padding-bottom:100px}.notebook-item{border-top:1px solid var(--line)}.notebook-item:last-of-type{border-bottom:1px solid var(--line)}.notebook-item summary{display:flex;align-items:center;gap:30px;padding:32px 0;list-style:none}.notebook-item summary::-webkit-details-marker{display:none}.notebook-item h2{font-size:34px;flex:1;line-height:1.2}.note-number{font:12px monospace;color:var(--accent)}.note-plus{font-size:28px;color:var(--accent);transition:transform .25s}.notebook-item[open] .note-plus{transform:rotate(45deg)}.notebook-item blockquote{margin:0 0 20px;padding:10px 0;padding-inline-start:48px;max-width:800px;font-size:22px;line-height:1.8;color:var(--fg)}.note-source{font-size:11px;color:var(--muted);padding-inline-start:48px;margin-bottom:35px}.writing-status{padding-top:80px;max-width:620px}.writing-status h2{font-size:36px;margin-bottom:24px}.writing-status p{margin-bottom:24px}.book-feature figcaption{font-size:10px}
@media(max-width:760px){.book-feature .ambient-video{height:330px}.notebook-item summary{gap:18px;padding-block:25px}.notebook-item h2{font-size:28px}.notebook-item blockquote{padding-inline-start:0;font-size:19px}.note-source{padding-inline-start:0}.writing-status{padding-top:55px}}
@media(min-width:761px) and (max-width:999px){.work-stage{display:block}.work-panels{margin-top:50px}.work-panel{border-top:1px solid var(--line)}.work-controls,.work-meter{display:none}.work-intro>p:not(.eyebrow){max-width:600px}.film-story{gap:5%}.film-story .ambient-video{height:400px}}
@media(max-height:699px){.work-controls,.work-meter{display:none}.method-grid article{position:relative;top:auto!important}}
html[lang=he] .home-hero h1{line-height:1.05}html[lang=he] .home-hero h1 .line{padding:0;margin:0;overflow:hidden}html[lang=he] .home-hero h1 .line:nth-child(2){font-size:.88em;line-height:1.2}
@media(min-width:1101px){.home-hero{padding-top:188px}}
.menu-toggle{min-width:44px}
/* Keep compact navigation visually quiet while preserving touch targets. */
.site-header .lang-switch{min-width:44px;min-height:44px;flex-shrink:0}
.work-controls button{min-width:44px}
.year-nav a,.access-trigger{min-height:44px}
@media(max-width:1100px){.site-header nav a{font-size:18px;line-height:1.6;padding:12px 8px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.notebook-item .note-plus{transition:none}}

/* The introductory message is available while its title settles into place. */
.js-motion .page-hero .lead.reveal,.js-motion .home-hero .lead.reveal{opacity:1;transform:none;transition:none}
