/* A plaster plane lifts away; completion leaves only the next solid surface. */
.section-threshold {
  --threshold-from:#e6e1d6;
  --threshold-to:#48423c;
  --sweep-left:100%;
  --sweep-right:100%;
  --accent-opacity:0;
  position:relative;
  height:clamp(96px,9vw,136px);
  overflow:hidden;
  isolation:isolate;
  pointer-events:none;
  background:var(--threshold-to);
}
.threshold-to-approach {
  --threshold-from:#48423c;
  --threshold-to:#efeee7;
}
.threshold-opening,.section-threshold::before { display:none; }
.section-threshold[data-threshold-state='ready'] .threshold-opening,
.section-threshold[data-threshold-state='running'] .threshold-opening {
  display:block;
  position:absolute;
  inset:-2px 0;
  background:var(--threshold-from);
  clip-path:polygon(0 0,100% 0,100% var(--sweep-right),0 var(--sweep-left));
}
.section-threshold[data-threshold-state='running']::before {
  content:'';
  display:block;
  position:absolute;
  inset:-2px 0;
  background:#b68c70;
  opacity:var(--accent-opacity);
  clip-path:polygon(0 0,100% 0,100% calc(var(--sweep-right) + 8%),0 calc(var(--sweep-left) + 8%));
}
html[data-motion='reduced'] .threshold-opening,
html[data-motion='reduced'] .section-threshold::before,
html[data-motion='paused'] .threshold-opening,
html[data-motion='paused'] .section-threshold::before { display:none!important; }
@media (prefers-reduced-motion:reduce) {
  .threshold-opening,.section-threshold::before { display:none!important; }
}
.motion-toggle {
  display:inline-flex; align-items:center; gap:9px; min-height:48px; padding:10px 0;
  font:500 15px/1.4 var(--sans); background:transparent; color:inherit;
}
.motion-toggle::before { content:''; width:9px; height:11px; border-left:2px solid currentColor; border-right:2px solid currentColor; box-sizing:border-box; }
.motion-toggle[aria-pressed='true']::before { width:0; height:0; border:5px solid transparent; border-left:8px solid currentColor; border-right:0; }
.motion-toggle[aria-disabled='true'] { cursor:default; }
.motion-toggle[aria-disabled='true']::before { width:10px; height:10px; border:1px solid currentColor; }
.motion-toggle:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media (max-width:700px) { .section-threshold { height:80px; } }
@media (prefers-reduced-motion:no-preference) {
  .material-choice { transition:color .25s ease,background-color .25s ease; }
  .material-choice img { transition:transform .4s cubic-bezier(.2,.7,.3,1),outline-offset .3s ease; }
  .detail-icon::after { transition:transform .35s ease; }
  html[data-motion='paused'] *,html[data-motion='paused'] *::before,html[data-motion='paused'] *::after { animation-play-state:paused!important; transition:none!important; }
  html[data-motion='paused'] { scroll-behavior:auto; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } }
@media print { .section-threshold,.motion-toggle { display:none; } }