.outcomes-toggle{font:inherit;color:inherit;border:0;background:none;padding:0;text-align:left}
.outcomes-toggle:disabled{opacity:1;-webkit-text-fill-color:currentColor}
@media(max-width:800px){
  .case-outcomes h4{margin:0}
  .outcomes-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;cursor:pointer;border-top:1px solid #35203930}
  .outcomes-toggle:after{content:'+';font-size:22px;font-weight:400;opacity:.65}
  .outcomes-toggle[aria-expanded=true]:after{content:'−'}
  .outcomes-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
  .case-outcomes ul:not([hidden]){margin-top:12px}
  html:not(.night-view) #lead .tl-head h2,html:not(.night-view) #lead .tl-stop .yr{color:#fff8f4}
  html:not(.night-view) #lead .hl{color:#ffd5ba}
}

/* Preserve the immersive opening even when system motion is reduced. */
.intro-motion-control{position:fixed;left:50%;transform:translateX(-50%);bottom:max(40px,env(safe-area-inset-bottom));z-index:12;padding:8px 16px;border:1px solid #63465d55;border-radius:30px;background:#fffaf230;color:#63465d;font:13px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.intro-motion-control[hidden]{display:none}
.night-view .intro-motion-control{color:#fff8f4;border-color:#fff8f466;background:#170f2730}

/* Dynamic viewport coverage avoids a hard canvas edge when Safari's toolbar hides. */
@media(max-width:899px){
  #light-scene,#light-dust{height:100lvh!important}
  #light-scene,.light-fallback{opacity:var(--mobile-beam-opacity,1)}
}

@media(max-width:800px){
  .night-view body::before{background:var(--sound-mobile-gradient)}
  .night-view #sound-spectrum,.night-view #sound-spectrum .spectrum-description,.night-view #sound-spectrum .spectrum-close{color:#fff8f4}
  .night-view .spectrum-labels text{fill:#fff8f4}
  .night-view .spectrum-references{border-color:#fff8f455}
  .night-view #sound-experience{color:#302032}
  .night-view #sound-experience .hl{color:#79392d}
}

@media(max-width:800px){
  html:not(.night-view) #craft .spec-head{color:#fff8f4}
  html:not(.night-view) #craft .spec-head .hl{color:#ffd5ba}
}
/* Touch browsers can retain hover after a tap; keep the other cards readable. */
@media(hover:none){#craft .spec-stack:hover .spec-card{opacity:1;filter:none}}

/* Warm the mobile highlights without tinting the white fairy dust. */
@media(max-width:800px){
  html:not(.night-view) .hero .wrap:before{background:radial-gradient(ellipse,#e8d8c180,transparent 73%)}
  html:not(.night-view) .hero .sub{text-shadow:0 1px 14px #e8d8c1}
}

/* Muted cream glass rather than a white overlay in the phone case studies. */
@media(max-width:800px){
  html:not(.night-view) #work .pcard{background:rgba(226,207,184,.78);border-color:rgba(114,84,89,.24);box-shadow:0 12px 35px #5137460d}
}

/* Desktop beams also yield to the dark leadership/contact sunset. */
html:not(.night-view) #light-scene,html:not(.night-view) .light-fallback{opacity:var(--mobile-beam-opacity,1)}