@font-face{font-family:Assistant;src:url('assets/assistant.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#141512;--gold:#c4a572;--white:#f2f0e9;--muted:#b5b4a9;--progress:0;--copy:1;--caption:0;--fade:0;--cue:1;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--white);font-family:Assistant,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.25}::selection{background:var(--gold);color:var(--ink)}
.masthead{position:absolute;top:0;right:0;left:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px 4.5vw;gap:24px}.brand img{display:block;width:190px;height:auto}.skip{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:.02em;border-bottom:1px solid #c4a57266;padding:10px 0;color:var(--white)}.skip:hover{color:var(--gold)}
.sequence{height:500svh;position:relative}.stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden;background:var(--ink)}.poster,#film{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 50%;z-index:-3}#film{opacity:0;transition:opacity .4s}.frames-ready #film{opacity:1}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,14,12,.6),transparent 35%),linear-gradient(90deg,rgba(10,14,12,.12),rgba(10,14,12,.1) 35%,rgba(10,14,12,.7)),linear-gradient(0deg,rgba(14,17,14,.8),transparent 44%)}.stage:after{content:"";position:absolute;inset:0;z-index:2;background:var(--ink);opacity:var(--fade);pointer-events:none}
.intro-copy{position:absolute;right:8%;top:45%;transform:translateY(-38%);opacity:var(--copy);width:80%;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--gold);margin:0 0 26px;font-weight:400}h1,h2{font-size:clamp(58px,6.3vw,112px);font-weight:300;line-height:1.14;letter-spacing:-.065em;margin:0}em{font-style:normal;color:var(--gold);font-weight:350}.intro-subtitle{font-size:15px;font-weight:300;margin-top:28px;color:#e0dfd5;line-height:1.8}.scroll-cue{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:17px;align-items:center;font-size:12px;opacity:var(--cue);white-space:nowrap;z-index:3}.scroll-track{height:45px;width:1px;background:#fff3;position:relative;overflow:hidden}.scroll-track i{display:block;position:absolute;width:1px;height:20px;background:var(--gold);animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%{transform:translateY(-22px)}100%{transform:translateY(48px)}}.film-caption{position:absolute;right:8%;bottom:23%;display:flex;align-items:center;gap:20px;font-size:clamp(25px,3vw,48px);font-weight:300;opacity:var(--caption)}.caption-line{width:40px;height:1px;background:var(--gold)}.film-footer{position:absolute;bottom:30px;right:4.5vw;left:4.5vw;display:flex;justify-content:space-between;color:#e0dfd5;font-size:11px;font-weight:300}.illustration{opacity:.65}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff18;z-index:4;direction:rtl}.progress i{display:block;width:calc(var(--progress)*100%);height:100%;background:var(--gold)}.journey-anchor{position:absolute;top:100svh;right:0}
.content{padding:110px 8% 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px 8%;position:relative;background:var(--ink);outline:none}.content:before{content:"";height:110px;position:absolute;top:-109px;left:0;right:0;background:linear-gradient(transparent,var(--ink));pointer-events:none}.content h2{font-size:clamp(65px,7.4vw,120px);line-height:1.16}.content .eyebrow{margin-bottom:30px}.content-detail{padding-top:52px}.gold-rule{height:1px;background:var(--gold);width:48px;margin-bottom:28px}.lead{font-size:clamp(23px,2.4vw,34px);font-weight:300;line-height:1.55;margin:0 0 24px}.description{font-size:15px;line-height:1.9;color:var(--muted);font-weight:300;margin:0}.back-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #c4a57266;padding:15px 0 13px;margin-top:26px;color:var(--gold);font-size:12px}.back-link:hover{color:var(--white)}.architecture{grid-column:1/-1;margin:25px 0 0}.architecture img{display:block;width:100%;height:clamp(280px,42vw,620px);object-fit:cover;object-position:center 55%;filter:saturate(.75)}.architecture figcaption{padding-top:16px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:300}.architecture figcaption span{font-size:10px;color:#999b90}.footer{border-top:1px solid #c4a57230;margin:0 8%;padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer img{width:125px;height:auto}.footer p{font-size:11px;color:var(--muted)}.footer a{font-size:11px;display:flex;align-items:center;gap:14px}.footer a:hover{color:var(--gold)}.footer svg{width: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(min-width:1700px){.intro-copy,.content{max-width:1600px}.intro-copy{right:calc((100vw - 1440px)/2)}.content{margin:auto}}
@media(max-width:700px){html{scroll-padding-top:35px}.masthead{padding:22px 7%;align-items:flex-start}.brand img{width:146px}.skip{font-size:11px;gap:9px;margin-top:6px}.skip svg{width:17px}.intro-copy{right:7%;top:42%;width:87%;transform:translateY(-30%)}h1{font-size:clamp(49px,11.2vw,76px);line-height:1.22;letter-spacing:-.055em}.eyebrow{font-size:10px;margin-bottom:21px;letter-spacing:.07em}.intro-subtitle{font-size:12px;max-width:240px;line-height:1.9;margin-top:24px}.shade{background:linear-gradient(180deg,#0a0e0cb3,transparent 33%),linear-gradient(90deg,#0a0e0c33,#0a0e0c8c),linear-gradient(0deg,#0e110ed9,transparent 50%)}.scroll-cue{bottom:100px;font-size:11px}.film-footer{bottom:27px;left:7%;right:7%;font-size:9px}.film-caption{right:7%;bottom:24%;font-size:29px;gap:13px}.caption-line{width:25px}.content{padding:80px 7% 55px;grid-template-columns:1fr;gap:36px}.content h2{font-size:clamp(60px,14vw,90px)}.content-detail{padding-top:0}.lead{font-size:25px}.description{font-size:14px}.architecture{margin-top:12px}.architecture img{height:300px;object-position:53% center}.architecture figcaption{font-size:11px}.footer{margin:0 7%;padding:27px 0;flex-wrap:wrap}.footer img{width:110px}.footer p{display:none}.footer a{font-size:10px}}

/* Expressive Hebrew lettering, framed by restrained architectural navigation. */
@font-face{font-family:Gveret;src:url('assets/gveret-levin.ttf') format('truetype');font-weight:400;font-display:swap}
html{scroll-padding-top:115px}body{font-weight:400}.masthead{position:fixed;padding:18px 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;min-height:104px;border-bottom:1px solid #f2f0e91c;background:linear-gradient(180deg,#11161188,transparent);transition:background .4s,border-color .4s,box-shadow .4s;z-index:10}.masthead.scrolled{background:#141512df;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#c4a57238;box-shadow:0 5px 30px #00000012}.brand{justify-self:start}.brand img{width:166px}.main-nav{display:flex;align-items:center;gap:36px;align-self:stretch}.nav-link{font-size:14px;font-weight:600;color:#d0d2c9;position:relative;display:flex;align-items:center;transition:color .25s;white-space:nowrap}.nav-link:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s}.nav-link:hover,.nav-link.is-active{color:var(--white)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.skip{justify-self:end;border:1px solid #c4a57280;padding:11px 19px;font-size:13px;gap:24px;color:var(--gold);font-weight:600;transition:background .3s,color .3s}.skip:hover{background:var(--gold);color:var(--ink)}.skip svg{width:18px}
h1,h2{font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(67px,7.4vw,124px);line-height:1.12}em{font-family:Gveret,serif;font-weight:400;letter-spacing:-.065em;display:inline-block;line-height:1.4;transform:rotate(-5deg);transform-origin:center}.intro-copy{top:44%;right:8%;width:84%;transform:translateY(calc(-35% + var(--copy-shift,0px)));will-change:opacity,transform}.intro-copy em{font-size:1.22em;margin-right:.07em}.intro-subtitle{font-weight:400;font-size:17px;line-height:1.7;margin-top:26px}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.06em;margin-bottom:24px}.content h2{font-size:clamp(74px,8vw,130px);line-height:1.03}.content h2 em{font-size:1.08em;white-space:nowrap;margin-top:12px}.lead{font-weight:500}.description{font-size:17px;font-weight:400}.film-caption{font-family:Gveret,serif;font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.5}.film-footer{font-size:12px}.scroll-cue{font-size:13px}.back-link{font-size:14px}.content{padding-top:130px}.architecture:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.stage:after{will-change:opacity}
@media(max-width:1000px) and (min-width:701px){.main-nav{gap:22px}.nav-link{font-size:13px}.brand img{width:140px}.skip{padding:10px 12px;font-size:12px;gap:12px}}
@media(max-width:700px){html{scroll-padding-top:130px}.masthead{padding:15px 6% 0;min-height:112px;grid-template-columns:1fr 1fr;grid-template-rows:54px 42px;gap:0}.brand img{width:132px}.brand{align-self:center}.skip{grid-column:2;grid-row:1;font-size:11px;padding:8px 11px;gap:12px;margin:0;align-self:center}.main-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:18px;border-top:1px solid #f2f0e916}.nav-link{font-size:12px;padding:0 2px}.intro-copy{top:43%;right:7%;width:87%;transform:translateY(calc(-28% + var(--copy-shift,0px)))}h1{font-size:clamp(45px,12vw,73px);line-height:1.2;letter-spacing:-.055em}.intro-copy em{font-size:1.3em;line-height:1.6;margin-right:.03em}.intro-copy .eyebrow{font-size:11px;margin-bottom:20px}.intro-subtitle{font-size:14px;margin-top:18px;max-width:255px}.scroll-cue{font-size:12px;bottom:100px}.film-caption{font-size:39px;bottom:25%}.content{padding-top:90px}.content h2{font-size:clamp(58px,15.5vw,82px)}.content h2 em{font-size:.98em;letter-spacing:-.075em;margin-top:12px}.description{font-size:16px}.lead{font-size:27px}.film-footer{font-size:10px}}
@media(max-height:550px) and (min-width:701px){.masthead{min-height:76px;padding-top:10px;padding-bottom:10px}.brand img{width:125px}.intro-copy{top:42%}h1{font-size:55px}.intro-copy .eyebrow{margin-bottom:10px}.intro-subtitle{font-size:13px;margin-top:8px}.scroll-cue{bottom:45px;gap:8px}.scroll-track{height:25px}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] .scroll-track i{animation:none;top:10px}html[data-motion="reduced"] .masthead,html[data-motion="reduced"] .nav-link,html[data-motion="reduced"] .nav-link:after,html[data-motion="reduced"] .skip,html[data-motion="reduced"] #film{transition:none}