/* Quiet posters, motion only on deliberate hover. */
.voice-media:after{background:linear-gradient(180deg,transparent 25%,#100f1140 43%,#100f11bf 64%,#100f11f2 84%,#100f11fc 100%)}
.voice-copy .voice-outcome{color:#fff;text-shadow:0 2px 18px #0008}
.faq-list summary{grid-template-columns:minmax(0,1fr) 26px}
.faq-answer{padding-inline-start:0}
@media(max-width:760px){.faq-list summary{grid-template-columns:minmax(0,1fr) 20px}.faq-answer{padding-inline-start:0}}

/* A held finale recedes before the real portfolio section enters. */
@media(prefers-reduced-motion:no-preference){
 body:not(.motion-paused) .decision-journey{height:760svh}
 body:not(.motion-paused) .decision-gallery{opacity:calc(1 - var(--method-exit,0));transform:translateY(calc(var(--field-travel,0)*-4svh - var(--method-exit,0)*10svh)) scale(calc(1 - var(--method-exit,0)*.18));transform-origin:50% 55%}
 body:not(.motion-paused) .decision-finale{opacity:calc(var(--finale,0)*(1 - var(--method-exit,0)));transform:translateY(calc(var(--method-exit,0)*-7svh)) scale(calc(1 - var(--method-exit,0)*.04));transform-origin:right center}
 body:not(.motion-paused) .decision-track{opacity:calc(1 - var(--method-exit,0))}
 body:not(.motion-paused) .work{position:relative;z-index:2;margin-top:-14svh;background:#171618}
 body:not(.motion-paused) .work>.section-heading{opacity:var(--work-enter,1);transform:translateY(calc((1 - var(--work-enter,1))*44px));will-change:transform,opacity}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 body:not(.motion-paused) .decision-journey{height:180svh}
 body:not(.motion-paused) .decision-gallery{transform:translateY(calc(var(--field-travel,0)*1svh - var(--method-exit,0)*6svh)) scale(calc(1 - var(--method-exit,0)*.2))}
}

.work-media[data-film="kobi-main-v33"]>img,.work-media[data-film="kobi-main-v33"]>video{object-position:center 28%}

/* Keep the mobile chapter visible until the controlled exit reaches the portfolio. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 body:not(.motion-paused) .decision-stage{position:sticky;top:0}
 body:not(.motion-paused) .decision-mobile-steps{overflow:clip;-webkit-overflow-scrolling:auto}
 body.method-scroll-locked:not(.method-scroll-zoomed) .decision-mobile-steps{touch-action:pan-x pinch-zoom;overscroll-behavior-y:contain}
}

/* Mobile method: one centered composition, sized to the available reading space. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 body:not(.motion-paused) .decision-stage{
  --method-gallery-width:min(90vw,44svh);
  --method-copy-top:49svh;
 }
 body:not(.motion-paused) .decision-gallery{
  top:13svh;left:calc((100% - var(--method-gallery-width))/2);
  width:var(--method-gallery-width);height:30svh;
 }
 body:not(.motion-paused) .decision-stage>.decision-intro,
 body:not(.motion-paused) .decision-stage>.decision-copy,
 body:not(.motion-paused) .decision-stage>.decision-finale{
  top:var(--method-copy-top);left:6%;right:6%;width:88%;text-align:center;
 }
 body:not(.motion-paused) .decision-intro h2{
  position:absolute;top:calc(5svh - var(--method-copy-top));left:0;right:0;
  justify-content:center;gap:11px;margin:0;
  font-size:clamp(24px,6.5vw,29px);line-height:1.15;
 }
 body:not(.motion-paused) .decision-intro h2:before{width:20px;background:#e35460}
 body:not(.motion-paused) .method-promise p{margin:0 0 clamp(15px,2.8svh,25px);letter-spacing:0}
 body:not(.motion-paused) .method-promise p>span{
  font-size:clamp(19px,5.25vw,23px);line-height:1.25;letter-spacing:0;
  color:#cdc7cb;margin-bottom:5px;
 }
 body:not(.motion-paused) .method-promise strong{
  font-size:clamp(27px,7.6vw,34px);line-height:1.12;letter-spacing:-.015em;
 }
 body:not(.motion-paused) .method-promise small{font-size:.68em;line-height:1.2}
 body:not(.motion-paused) .method-promise p[data-line="1"] small{display:block;margin-top:5px;color:#cdc7cb}
 body:not(.motion-paused) .method-promise p[data-line="2"] strong{
  font-size:clamp(36px,10vw,45px);line-height:1.06;letter-spacing:-.025em;
 }
 body:not(.motion-paused) .decision-copy article{text-align:center}
 body:not(.motion-paused) .decision-copy h3{
  font-size:clamp(31px,8.7vw,40px);line-height:1.12;letter-spacing:-.02em;
  margin:0 0 clamp(18px,3svh,28px);
 }
 body:not(.motion-paused) .decision-copy p{
  max-width:355px;margin:0 auto;font-size:clamp(18px,4.9vw,22px);line-height:1.52;
 }
 body:not(.motion-paused) .barrier-intro{margin-bottom:10px}
 body:not(.motion-paused) .decision-finale{transform-origin:center center}
 body:not(.motion-paused) .decision-finale h2{
  font-size:clamp(45px,12.8vw,59px);line-height:1.08;letter-spacing:-.03em;
 }
 body:not(.motion-paused) .decision-track{left:9%;right:9%;bottom:3.5svh;font-size:10px;gap:16px}
}