/* Dana Baranes — cinematic photography experience layer */
:root{--experience-ink:#171713;--experience-cream:#f4efe7;--experience-olive:#6b603c}
.experience-grain{position:fixed;inset:-50%;z-index:9990;width:200%;height:200%;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:experienceGrain .22s steps(2) infinite;mix-blend-mode:multiply}
.experience-viewfinder{position:fixed;inset:12px;z-index:9989;pointer-events:none;opacity:.24;transition:opacity .4s}.experience-viewfinder i{position:absolute;width:22px;height:22px;border-color:var(--experience-olive);border-style:solid}.experience-viewfinder i:nth-child(1){top:0;right:0;border-width:1px 1px 0 0}.experience-viewfinder i:nth-child(2){top:0;left:0;border-width:1px 0 0 1px}.experience-viewfinder i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.experience-viewfinder i:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}
.camera-page-transition{position:fixed;inset:0;z-index:100000;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .06s}.camera-page-transition:before{content:"";position:absolute;left:var(--transition-x,50%);top:var(--transition-y,50%);width:12px;height:12px;border-radius:50%;background:var(--experience-ink);transform:translate(-50%,-50%) scale(0);box-shadow:0 0 0 1px rgba(255,255,255,.12);transition:transform .42s cubic-bezier(.7,0,.25,1)}.camera-page-transition:after{content:"FOCUS / FRAME / FEEL";position:absolute;left:50%;top:50%;color:rgba(255,255,255,.6);font:500 9px/1 'Noto Sans Hebrew',sans-serif;letter-spacing:.25em;direction:ltr;opacity:0;transform:translate(-50%,-50%);transition:opacity .18s .18s}.camera-page-transition.is-active{opacity:1}.camera-page-transition.is-active:before{transform:translate(-50%,-50%) scale(260)}.camera-page-transition.is-active:after{opacity:1}
.cinematic-frame{position:relative;isolation:isolate}.cinematic-frame>.develop-curtain{position:absolute;inset:-1px;z-index:8;background:var(--reveal-color,var(--page-bg,var(--cream,var(--experience-cream))));pointer-events:none;transform:scaleX(1);transform-origin:left;transition:transform 1.05s cubic-bezier(.77,0,.18,1)}.cinematic-frame.is-developed>.develop-curtain{transform:scaleX(0)}
.cinematic-frame>.focus-outline{position:absolute;inset:10px;z-index:7;border:1px solid rgba(255,255,255,.58);opacity:0;pointer-events:none;transform:scale(.97);transition:opacity .35s,transform .45s}.cinematic-frame:hover>.focus-outline,.cinematic-frame:focus-within>.focus-outline{opacity:1;transform:none}
.cinematic-frame img{will-change:transform,filter}
.focus-readout{position:absolute;right:14px;bottom:14px;z-index:9;display:flex;gap:5px;align-items:center;padding:6px 8px;background:rgba(18,17,14,.54);color:#fff;font:500 8px/1 'Noto Sans Hebrew',sans-serif;letter-spacing:.12em;opacity:0;pointer-events:none;backdrop-filter:blur(7px);transform:translateY(5px);transition:.3s}.focus-readout:before{content:"";width:5px;height:5px;border:1px solid #fff;border-radius:50%}.cinematic-frame:hover .focus-readout{opacity:1;transform:none}
.magnetic-ui{will-change:translate;transition:translate .22s ease-out}
.next-project{position:relative;display:grid;grid-template-columns:1fr minmax(320px,.72fr);min-height:68dvh;overflow:hidden;background:var(--experience-ink);color:#fff;text-decoration:none;isolation:isolate}.next-project__copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,10vw,150px) clamp(24px,9vw,140px)}.next-project__copy span{margin-bottom:20px;color:#bfb4a2;font:600 10px/1 'Noto Sans Hebrew',sans-serif;letter-spacing:.2em}.next-project__copy strong{max-width:9ch;color:#fff;font:500 clamp(64px,9vw,140px)/.88 'IBM Plex Sans Hebrew','Noto Sans Hebrew',sans-serif;letter-spacing:-.055em}.next-project__copy i{display:grid;width:80px;height:80px;margin-top:40px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;font-style:normal;font-size:26px;transition:transform .4s,background .4s,color .4s}.next-project__image{position:relative;overflow:hidden}.next-project__image:before{content:"";position:absolute;inset:0;background-image:var(--next-image);background-position:center;background-size:cover;filter:saturate(.62);transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .7s}.next-project__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--experience-ink),transparent 40%)}.next-project:hover .next-project__image:before{filter:saturate(1);transform:scale(1)}.next-project:hover .next-project__copy i{background:#fff;color:var(--experience-ink);transform:translate(-8px,8px)}
@keyframes experienceGrain{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,1%,0)}100%{transform:translate3d(-2%,-1%,0)}}
@media(max-width:600px){.experience-viewfinder{inset:7px;opacity:.16}.experience-viewfinder i{width:15px;height:15px}.experience-grain{opacity:.022}.focus-readout,.focus-outline{display:none}.camera-page-transition:after{display:none}}
@media(prefers-reduced-motion:reduce){.experience-grain{animation:none}.develop-curtain{display:none}.camera-page-transition:before{transition-duration:.1s}.magnetic-ui{translate:none!important}}
@media(max-width:600px){.next-project{grid-template-columns:1fr;min-height:72svh}.next-project__copy{min-height:52svh;padding:70px 20px}.next-project__copy strong{font-size:58px;line-height:.95}.next-project__copy i{width:62px;height:62px;margin-top:28px}.next-project__image{position:absolute;inset:0;z-index:-1;opacity:.34}.next-project__image:after{background:linear-gradient(to bottom,var(--experience-ink) 8%,rgba(23,23,19,.72),var(--experience-ink) 94%)}}

/* Compact page epilogue — a closing beat, not another full-screen chapter. */
.inner-page .next-project{
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
  min-height:clamp(310px,38dvh,420px);
}
.inner-page .next-project__copy{padding:clamp(42px,5vw,68px) clamp(24px,7vw,100px)}
.inner-page .next-project__copy span{margin-bottom:12px}
.inner-page .next-project__copy strong{font-size:clamp(46px,5.6vw,78px);line-height:.94}
.inner-page .next-project__copy i{width:52px;height:52px;margin-top:24px;font-size:19px}

@media(max-width:600px){
  .inner-page .next-project{min-height:360px}
  .inner-page .next-project__copy{min-height:360px;padding:46px 20px}
  .inner-page .next-project__copy strong{font-size:clamp(42px,12vw,54px)}
  .inner-page .next-project__copy i{width:48px;height:48px;margin-top:20px}
}

/* About-page epilogue — compact, light and clearly separate from the footer. */
.about-page .next-project{
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  min-height:clamp(250px,30dvh,330px);
  background:#ded3c4;
  color:#28251f;
}
.about-page .next-project__copy{padding:clamp(34px,4.5vw,58px) clamp(24px,7vw,96px)}
.about-page .next-project__copy>span{margin-bottom:10px;color:#746b5c}
.about-page .next-project__copy strong{color:#28251f;font-size:clamp(42px,5vw,66px);line-height:.95}
.about-page .next-project__copy i{width:48px;height:48px;margin-top:20px;border-color:rgba(40,37,31,.38);color:#28251f;font-size:18px}
.about-page .next-project__image:before{filter:saturate(.72) brightness(1.04)}
.about-page .next-project__image:after{background:linear-gradient(90deg,#ded3c4,rgba(222,211,196,.16) 52%,transparent)}
.about-page .next-project:hover .next-project__copy i{background:#28251f;color:#f6f0e7}

@media(max-width:600px){
  .about-page .next-project{grid-template-columns:1fr;min-height:300px}
  .about-page .next-project__copy{min-height:300px;padding:38px 20px}
  .about-page .next-project__copy strong{font-size:clamp(40px,12vw,50px)}
  .about-page .next-project__image{opacity:.22}
  .about-page .next-project__image:after{background:linear-gradient(to bottom,rgba(222,211,196,.72),#ded3c4 92%)}
}

/* The same sand-coloured closing chapter on home and every service page. */
.inner-page .next-project,
.home-reimagined .next-project{
  min-height:clamp(250px,30dvh,330px);
  background:linear-gradient(135deg,rgba(var(--page-accent-rgb,107,96,60),.12),#ded3c4 70%);
  color:#28251f;
}
.inner-page .next-project__copy,.home-reimagined .next-project__copy{padding:clamp(34px,4.5vw,58px) clamp(24px,7vw,96px)}
.inner-page .next-project__copy>span,.home-reimagined .next-project__copy>span{margin-bottom:10px;color:#746b5c}
.inner-page .next-project__copy strong,.home-reimagined .next-project__copy strong{color:#28251f;font-size:clamp(42px,5vw,66px);line-height:.95}
.inner-page .next-project__copy i,.home-reimagined .next-project__copy i{width:48px;height:48px;margin-top:20px;border-color:rgba(40,37,31,.38);color:#28251f;font-size:18px}
.inner-page .next-project__image:after,.home-reimagined .next-project__image:after{background:linear-gradient(90deg,#ded3c4,rgba(222,211,196,.16) 52%,transparent)}
.inner-page .next-project:hover .next-project__copy i,.home-reimagined .next-project:hover .next-project__copy i{background:#28251f;color:#f6f0e7}

@media(max-width:600px){
  .inner-page .next-project,.home-reimagined .next-project{min-height:300px}
  .inner-page .next-project__copy,.home-reimagined .next-project__copy{min-height:300px;padding:38px 20px}
  .inner-page .next-project__copy strong,.home-reimagined .next-project__copy strong{font-size:clamp(40px,12vw,50px)}
  .inner-page .next-project__image,.home-reimagined .next-project__image{opacity:.22}
  .inner-page .next-project__image:after,.home-reimagined .next-project__image:after{background:linear-gradient(to bottom,rgba(222,211,196,.72),#ded3c4 92%)}
}

/* Final ending lock — identical chapter transition on every page type. */
.inner-page .next-project,
.home-reimagined .next-project,
.about-page .next-project{
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;
  min-height:clamp(250px,30dvh,330px)!important;
  background:#ded3c4!important;
  color:#28251f!important;
}
.inner-page .next-project__copy,.home-reimagined .next-project__copy,.about-page .next-project__copy{padding:clamp(34px,4.5vw,58px) clamp(24px,7vw,96px)!important}
.inner-page .next-project__copy strong,.home-reimagined .next-project__copy strong,.about-page .next-project__copy strong{color:#28251f!important;font-size:clamp(42px,5vw,66px)!important;line-height:.95!important}
.inner-page .next-project__image:after,.home-reimagined .next-project__image:after,.about-page .next-project__image:after{background:linear-gradient(90deg,#ded3c4,rgba(222,211,196,.16) 52%,transparent)!important}

@media(max-width:600px){
  .inner-page .next-project,.home-reimagined .next-project,.about-page .next-project{grid-template-columns:1fr!important;min-height:300px!important}
  .inner-page .next-project__copy,.home-reimagined .next-project__copy,.about-page .next-project__copy{min-height:300px!important;padding:38px 20px!important}
  .inner-page .next-project__image:after,.home-reimagined .next-project__image:after,.about-page .next-project__image:after{background:linear-gradient(to bottom,rgba(222,211,196,.72),#ded3c4 92%)!important}
}

/* Next chapter uses the site's camera-focus language instead of an arrow. */
.next-project__copy i{
  position:relative;
  font-size:0!important;
  background:radial-gradient(circle,#28251f 0 2px,transparent 2.5px)!important;
}
.next-project__copy i:before,.next-project__copy i:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:currentColor;
  opacity:.48;
  transform:translate(-50%,-50%);
}
.next-project__copy i:before{width:calc(100% + 12px);height:1px}
.next-project__copy i:after{width:1px;height:calc(100% + 12px)}
.next-project:hover .next-project__copy i{background-color:transparent!important;color:#28251f!important;transform:rotate(90deg) scale(.9)}
@media(max-width:600px){
  .next-project__copy i{width:42px!important;height:42px!important;margin-top:18px!important}
  .next-project:hover .next-project__copy i{transform:none!important}
}