/* Editorial treatment selector. All media is original Reuvens work. */
.st-stories { --st-paper:#eeefe7; --st-ink:#15281f; --st-muted:#5e7054; --st-rule:#72856942; color:var(--st-ink); background:var(--st-paper); padding:105px var(--gutter,6%); color-scheme:light; overflow:hidden; }
.st-stories :focus-visible { outline:3px solid #516d30; outline-offset:5px; }
.st-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:45px; margin-bottom:48px; }
.st-eyebrow { font:9px/1.8 Arial,sans-serif; letter-spacing:2.4px; color:var(--st-muted); direction:ltr; text-align:right; }
.st-heading h2 { font-size:clamp(44px,4.8vw,76px); letter-spacing:-.045em; line-height:1.1; margin-top:21px; font-weight:500; }
.st-stories h2 em,.st-stories h3 em { color:#627b4f; font-weight:400; }
.st-intro { color:#526a4e; font-size:17px; line-height:1.9; font-weight:400; max-width:340px; padding-bottom:5px; }
.st-intro>span { display:block; font-size:12px; color:#5e7054; margin-top:13px; }
.st-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--st-rule); border-bottom:1px solid var(--st-rule); margin-bottom:43px; }
.st-tab { display:flex; align-items:center; text-align:right; gap:24px; color:var(--st-ink); padding:24px 23px; position:relative; border-inline-start:1px solid var(--st-rule); min-width:0; transition:background .3s; }
.st-tab:first-child { border-inline-start:0; padding-inline-start:0; }
.st-tab:last-child { padding-inline-end:0; }
.st-tab::after { content:''; position:absolute; inset:auto 0 -1px; background:#2b452a; height:3px; transform:scaleX(0); transform-origin:right; transition:transform .35s ease; }
.st-tab[aria-selected=true]::after { transform:scaleX(1); }
.st-tab:hover { background:#dce2d34d; }
.st-tab-number { font:10px Arial,sans-serif; color:#5e7054; align-self:flex-start; padding-top:7px; }
.st-tab b { display:block; font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.5px; }
.st-tab small { display:block; margin-top:10px; font:8px/1.4 Arial,sans-serif; letter-spacing:1.3px; color:#5e7054; white-space:nowrap; }
.st-tab-arrow { display:grid; place-items:center; width:36px; height:36px; margin-inline-start:auto; font-size:27px; color:#8ca078; transform:rotate(-45deg); transition:transform .35s,color .35s; }
.st-tab[aria-selected=true] .st-tab-arrow { color:#294a24; transform:rotate(0); }
.st-panel { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(0,.85fr); gap:clamp(38px,5.5vw,92px); direction:ltr; align-items:start; }
.st-panel[hidden] { display:none!important; }
.st-visual { min-width:0; }
.st-photo { display:block; position:relative; aspect-ratio:1.04; overflow:hidden; background:#213228; isolation:isolate; border-radius:3px; }
.st-photo::after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#06170d36,transparent 35%,transparent 65%,#06170dbf); pointer-events:none; }
.st-main-image { width:100%; height:100%; object-fit:cover; object-position:50% 76%; transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s; }
.st-photo:hover .st-main-image,.st-photo:focus-visible .st-main-image { transform:scale(1.025); filter:brightness(1.055); }
.st-photo-label { position:absolute; inset:24px auto auto 24px; z-index:2; font:8px Arial,sans-serif; letter-spacing:1.8px; color:#f1f4e5; border:1px solid #f1f4e53b; background:#10211947; backdrop-filter:blur(10px); padding:10px 12px; border-radius:2px; }
.st-photo-open { position:absolute; right:23px; top:23px; z-index:2; width:43px; height:43px; border-radius:50%; background:#f0f3e2ed; color:#20391e; display:flex; align-items:center; justify-content:center; font-size:27px; transition:background .2s,width .3s,border-radius .3s; direction:rtl; gap:12px; }
.st-photo-open>span { display:none; font-size:10px; white-space:nowrap; }
.st-photo:hover .st-photo-open,.st-photo:focus-visible .st-photo-open { width:144px; border-radius:3px; background:#d8f58b; }
.st-photo:hover .st-photo-open>span,.st-photo:focus-visible .st-photo-open>span { display:inline; }
.st-photo-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; position:absolute; bottom:25px; left:25px; right:25px; z-index:2; color:#edf5df; font-size:11px; direction:rtl; }
.st-photo-bottom [dir=ltr] { font:10px Arial,sans-serif; letter-spacing:2px; }
.st-frames { display:grid; grid-template-columns:1.12fr repeat(3,1fr); gap:12px; margin-top:14px; align-items:stretch; direction:rtl; }
.st-frames-label { align-self:center; padding-inline:1px 20px; font-size:17px; line-height:1.4; color:#60764d; }
.st-frames-label b { font-weight:400; color:#273f21; }
.st-frame { display:block; position:relative; padding:0; aspect-ratio:1.45; min-width:0; overflow:hidden; border-radius:2px; background:#30452b; border:2px solid transparent; outline-offset:3px; }
.st-frame img { width:100%; height:100%; object-fit:cover; object-position:50% 75%; opacity:.7; transition:opacity .25s,transform .4s; }
.st-frame[aria-pressed=true] { border-color:#304c24; }
.st-frame[aria-pressed=true] img,.st-frame:hover img { opacity:1; }
.st-frame:hover img { transform:scale(1.06); }
.st-frame>span { position:absolute; bottom:7px; left:8px; font:8px Arial,sans-serif; letter-spacing:1px; color:#fff; text-shadow:0 1px 5px #000; }
.st-copy { direction:rtl; text-align:right; padding-top:16px; min-width:0; }
.st-copy h3 { font-size:clamp(36px,3.3vw,52px); font-weight:500; letter-spacing:-.04em; line-height:1.13; margin:23px 0 23px; }
.st-description { color:#556f4d; font-size:15px; line-height:1.95; max-width:420px; }
.st-project-note { margin-top:28px; padding-top:25px; border-top:1px solid var(--st-rule); }
.st-project-note>span { font-size:10px; color:#5e7054; }
.st-project-note h4 { font:400 22px/1.3 Arial,sans-serif; letter-spacing:-.5px; margin:9px 0 12px; }
.st-project-note p { font-size:12px; line-height:1.85; color:#5e7054; max-width:370px; }
.st-project-note>a { display:inline-flex; align-items:center; gap:25px; color:#39572d; font-size:11px; border-bottom:1px solid #78956466; margin-top:15px; padding-bottom:7px; min-height:35px; }
.st-project-note>a:hover { border-color:#283f21; }
.st-project-note>a span { font-size:17px; }
.st-consult { display:flex; justify-content:space-between; align-items:center; width:100%; gap:25px; background:#223b24; color:#edf5df; padding:16px 20px; min-height:54px; font-size:12px; border-radius:3px; margin-top:27px; }
.st-consult:hover { background:#344f2e; transform:translateY(-2px); }
.st-consult>span { font-size:23px; line-height:1; color:#d8f58b; }
.st-film { display:grid; grid-template-columns:100px 1fr; direction:ltr; margin-top:28px; gap:20px; align-items:center; padding:0; color:#243e1f; }
.st-film-photo { display:block; position:relative; aspect-ratio:1.08; border-radius:3px; overflow:hidden; background:#293f25; }
.st-film-photo>img { width:100%; height:100%; object-fit:cover; object-position:50% 35%; filter:brightness(.77); transition:transform .5s,filter .3s; }
.st-film-photo>span { position:absolute; inset:0; display:grid; place-items:center; color:#edf5df; font-size:12px; }
.st-film:hover img { transform:scale(1.045); filter:brightness(.95); }
.st-film-copy { display:flex; flex-direction:column; direction:rtl; gap:7px; }
.st-film-copy small { color:#5e7054; font-size:9px; }
.st-film-copy b { font-size:16px; font-weight:400; letter-spacing:-.2px; }
.st-film-copy>span { display:flex; align-items:center; gap:25px; font-size:10px; margin-top:3px; color:#5e7054; }
.st-film-copy i { font-style:normal; font-size:17px; }
.st-section-bottom { margin-top:42px; border-top:1px solid var(--st-rule); padding-top:25px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#5e7054; }
.st-section-bottom>span { font:8px Arial,sans-serif; letter-spacing:2px; direction:ltr; }
.st-section-bottom>a { display:flex; align-items:center; gap:30px; font-size:11px; color:#3d5832; padding-block:8px; }
.st-section-bottom>a>span { font-size:17px; }
.st-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
@media(prefers-reduced-motion:no-preference) { .st-panel:not([hidden]) .st-copy { animation:st-reveal .4s ease both; } .st-panel:not([hidden]) .st-visual { animation:st-reveal .5s ease both; } }
@keyframes st-reveal { from { opacity:.3; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:1150px) {
  .st-stories { padding-block:85px; }
  .st-panel { gap:38px; grid-template-columns:1.2fr 1fr; }
  .st-photo { aspect-ratio:.8; }
  .st-tab { padding-inline:20px; gap:17px; }
  .st-tab b { font-size:21px; }
  .st-tab small { font-size:7px; letter-spacing:1px; }
  .st-copy { padding-top:9px; }
  .st-copy h3 { font-size:39px; }
  .st-description { font-size:13px; }
  .st-project-note { margin-top:23px; padding-top:22px; }
  .st-project-note h4 { font-size:21px; }
  .st-project-note p { font-size:11px; }
  .st-film { grid-template-columns:85px 1fr; gap:17px; margin-top:25px; }
  .st-film-copy b { font-size:15px; }
  .st-frames { gap:8px; }
  .st-frames-label { padding-inline-end:10px; font-size:15px; }
}
@media(max-width:900px) and (min-width:761px) {
  .st-panel { gap:30px; }
  .st-copy h3 { font-size:34px; }
  .st-description { font-size:12px; }
  .st-intro { font-size:15px; }
  .st-tab { gap:14px; padding-inline:15px; }
  .st-tab small { letter-spacing:.6px; font-size:6px; }
  .st-tab-arrow { font-size:23px; width:25px; }
  .st-photo { aspect-ratio:.68; }
  .st-photo-label { left:15px; top:18px; padding:8px; font-size:6px; letter-spacing:1.2px; }
  .st-photo-open { right:15px; top:15px; width:35px; height:35px; font-size:23px; }
  .st-film { grid-template-columns:75px 1fr; }
  .st-film-copy b { font-size:14px; }
  .st-consult { padding-inline:15px; font-size:11px; }
}
@media(max-width:760px) {
  .st-stories { padding:73px var(--gutter,22px) 58px; }
  .st-heading { display:block; margin-bottom:30px; }
  .st-heading h2 { font-size:clamp(42px,10vw,59px); margin-top:18px; }
  .st-eyebrow { font-size:8px; letter-spacing:1.8px; }
  .st-intro { margin-top:23px; font-size:14px; line-height:1.9; max-width:none; }
  .st-intro>span { margin-top:8px; font-size:11px; }
  .st-tabs { margin-bottom:27px; }
  .st-tab { display:grid; grid-template-columns:auto 1fr; padding:15px 12px 18px; gap:10px 7px; align-items:center; }
  .st-tab:first-child { padding-inline-start:0; }
  .st-tab:last-child { padding-inline-end:0; }
  .st-tab-number { grid-row:1; grid-column:1; font-size:8px; padding-top:0; align-self:center; }
  .st-tab>span:nth-child(2) { grid-row:2; grid-column:1 / -1; }
  .st-tab b { font-size:17px; letter-spacing:-.3px; }
  .st-tab small { display:none; }
  .st-tab-arrow { grid-row:1; grid-column:2; font-size:21px; width:20px; height:20px; margin-inline-start:auto; }
  .st-panel { display:flex; flex-direction:column; gap:30px; }
  .st-visual { width:100%; }
  .st-photo { aspect-ratio:1.07; }
  .st-photo-label { left:17px; top:18px; padding:8px 10px; font-size:6px; letter-spacing:1.2px; }
  .st-photo-open { right:16px; top:16px; width:39px; height:39px; font-size:24px; }
  .st-photo-bottom { bottom:19px; left:19px; right:19px; font-size:10px; }
  .st-photo-bottom [dir=ltr] { font-size:8px; letter-spacing:1.3px; }
  .st-frames { grid-template-columns:.95fr repeat(3,1fr); gap:9px; margin-top:11px; }
  .st-frames-label { padding-inline-end:6px; font-size:14px; }
  .st-frame { aspect-ratio:1.2; min-height:49px; }
  .st-frame>span { font-size:7px; left:6px; bottom:5px; }
  .st-copy { padding-top:0; width:100%; }
  .st-copy h3 { font-size:clamp(36px,8.7vw,47px); margin-top:17px; margin-bottom:19px; line-height:1.13; }
  .st-description { font-size:14px; line-height:1.95; max-width:none; }
  .st-project-note { margin-top:25px; padding-top:24px; }
  .st-project-note h4 { font-size:22px; }
  .st-project-note>span { font-size:10px; }
  .st-project-note p { font-size:12px; line-height:1.9; max-width:none; }
  .st-project-note>a { margin-top:10px; min-height:44px; padding-block:8px; font-size:11px; }
  .st-consult { font-size:12px; padding:17px 19px; min-height:55px; margin-top:24px; }
  .st-film { grid-template-columns:96px 1fr; gap:20px; margin-top:25px; padding-top:23px; border-top:1px solid var(--st-rule); }
  .st-film-copy small { font-size:9px; }
  .st-film-copy b { font-size:17px; }
  .st-film-copy>span { font-size:11px; }
  .st-section-bottom { display:flex; flex-direction:column-reverse; align-items:flex-start; gap:17px; margin-top:34px; padding-top:22px; }
  .st-section-bottom>span { font-size:6px; letter-spacing:1.8px; }
  .st-section-bottom>a { min-height:44px; font-size:12px; gap:45px; }
}
@media(max-width:380px) {
  .st-tab { gap:6px; padding-inline:9px; }
  .st-tab b { font-size:15px; }
  .st-tab-arrow { font-size:19px; width:17px; }
  .st-tab-number { font-size:7px; }
  .st-copy h3 { font-size:34px; }
  .st-description { font-size:13px; }
  .st-frames { gap:7px; }
  .st-frames-label { font-size:12px; }
  .st-film { grid-template-columns:87px 1fr; gap:17px; }
}
@media(prefers-reduced-motion:reduce) { .st-stories *, .st-stories *::before, .st-stories *::after { animation:none!important; transition:none!important; } .st-photo:hover img,.st-frame:hover img,.st-film:hover img,.st-consult:hover { transform:none; } }
@media(prefers-contrast:more) { .st-stories { --st-rule:#465b397d; --st-muted:#485c3e; } .st-intro>span,.st-tab small,.st-project-note>span,.st-project-note p,.st-film-copy small,.st-section-bottom { color:#435d36; } }