/* Phone case-study foundation. Desktop case-study geometry above is unchanged. */
.case76-mobile-actions{display:none}
@media screen and (max-width:720px), screen and (max-width:1000px) and (max-height:700px) and (pointer:coarse){
  .case76-play{display:none!important}

  html .case76 .case76-pager{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important}
  html .case76 .case76-pager a,html .case76 .case76-pager button{min-width:0!important;min-height:72px!important;padding:12px 10px!important;display:grid!important;gap:8px!important;text-align:left!important;border:1px solid var(--line)!important;border-radius:14px!important}
  html .case76 .case76-pager :is(a,button)::before,html .case76 .case76-pager :is(a,button)::after{display:none!important}
  html .case76 .case76-pager strong{font-size:1rem!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  html{scroll-padding-top:64px!important}body.case-study-page{font-size:16px!important;overflow-x:hidden!important;background:linear-gradient(180deg,var(--paper),var(--paper-2))!important}
  body.case-study-page::before{background-size:96px 96px,96px 96px,192px 192px!important;opacity:.1!important;mask-image:none!important}body.case-study-page::after{display:none!important}
  .case76-topbar{height:54px!important;padding:0 12px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.case76-topbar__title{display:none!important}.case76-topbar__brand{min-width:0!important;gap:7px!important}.case76-topbar__mark{width:28px!important;height:28px!important}.case76-topbar__brand span{font-size:9px!important;white-space:nowrap!important}.case76-topbar__return{font-size:10px!important;white-space:nowrap!important}
  .case76{width:calc(100% - 24px)!important;max-width:none!important;margin:0 auto!important;padding:20px 0 90px!important}.case76-story-shell,.case76-frame{width:100%!important;min-width:0!important}.case76-rail{display:none!important}
  .case76-chapter{width:100%!important;padding:44px 0!important;scroll-margin-top:64px!important}.case76-chapter--hero{padding:18px 0 48px!important;overflow:visible!important}.case76-chapter:not(.case76-chapter--hero)::before,.case76-chapter:not(.case76-chapter--hero)::after,.case76-chapter--hero::after{display:none!important}.case76-chapter+.case76-chapter{border-top:1px solid color-mix(in srgb,var(--project) 14%,var(--line))!important}
  .case76-hero{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:28px!important;align-items:start!important}.case76-hero-copy{min-width:0!important;gap:16px!important}.case76-meta{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:7px 12px!important;padding-bottom:12px!important}.case76-meta span,.case76-meta small{font-size:9px!important;line-height:1.35!important;letter-spacing:.09em!important;text-align:left!important}
  .case76 h1{font-size:clamp(3.15rem,15vw,4.9rem)!important;line-height:.94!important;letter-spacing:-.045em!important;gap:5px!important;overflow:visible!important}.case76 h1 span{max-width:100%!important;padding:0!important;overflow-wrap:anywhere!important}.case76 h1 em{max-width:100%!important;font-size:.48em!important;line-height:1.05!important;transform:none!important;overflow-wrap:anywhere!important}.case76-deck{max-width:100%!important;font-size:1rem!important;line-height:1.65!important}.case76-tags{gap:6px 12px!important}.case76-tags span{padding:7px 0!important;font-size:9px!important;line-height:1.2!important}
  .case76-project-tiles{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:4px!important}.case76-project-tiles span{min-width:0!important;min-height:62px!important;padding:9px 10px!important;transform:none!important}.case76-project-tiles b{font-size:1.08rem!important}
  .case76-hero-art{width:100%!important;max-width:none!important;margin:0!important}.case76-hero-art::before,.case76-hero-art::after{display:none!important}.case76-hero-art img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;border-radius:20px!important;padding:0!important}.case76-hero-art.is-contain img{padding:12px!important}.case76-hero-art figcaption{margin:10px 2px 0!important;flex-wrap:wrap!important;gap:6px 10px!important;font-size:8px!important;line-height:1.3!important}
  .case76-heading{width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:8px!important;margin:0 0 28px!important;padding:0!important}.case76-heading::before{position:static!important;grid-column:1!important;grid-row:auto!important;font-size:3rem!important;line-height:.8!important;margin:0 0 2px!important}.case76-heading::after,.case76-keyword{display:none!important}.case76-heading>span,.case76-heading h2,.case76-heading>p{grid-column:1!important;grid-row:auto!important;min-width:0!important;max-width:100%!important}.case76-heading>span{font-size:9px!important;letter-spacing:.1em!important}.case76-heading h2{font-size:clamp(2.2rem,10.5vw,3.3rem)!important;line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important}.case76-heading>p{font-size:1rem!important;line-height:1.68!important;color:var(--ink-2)!important}
  .case76-context{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}.case76-context-copy article{grid-template-columns:36px minmax(0,1fr)!important;column-gap:12px!important;padding:20px 0!important}.case76-context-copy article::before{font-size:1.7rem!important}.case76-context-copy small{font-size:9px!important}.case76-context-copy p{font-size:.96rem!important;line-height:1.68!important}.case76-context aside{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;padding:0!important}
  .case76-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.case76-metrics article{min-width:0!important;min-height:124px!important;padding:17px 11px!important;border-bottom:1px solid color-mix(in srgb,var(--project) 15%,var(--line))!important}.case76-metrics article:nth-child(odd){border-right:1px solid color-mix(in srgb,var(--project) 15%,var(--line))!important}.case76-metrics article:nth-last-child(-n+2){border-bottom:0!important}.case76-metrics strong{font-size:clamp(2.8rem,13vw,3.9rem)!important;line-height:.78!important}.case76-metrics span{font-size:.74rem!important;margin-top:10px!important}
  .case76-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;border:0!important}.case76-facts article{min-width:0!important;min-height:100px!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--project) 14%,var(--line))!important;border-radius:14px!important}.case76-facts small{font-size:8px!important}.case76-facts strong{font-size:.8rem!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .case76-flow{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.case76-flow article{min-width:0!important;min-height:180px!important;padding:16px!important;border:1px solid color-mix(in srgb,var(--project) 14%,var(--line))!important;border-radius:16px!important;transform:none!important}.case76-flow h3{font-size:1.15rem!important;line-height:1.05!important}.case76-flow p{font-size:.79rem!important;line-height:1.5!important}
  .case76-media{display:grid!important;grid-template-columns:1fr!important;gap:34px!important}.case76-media-card{min-width:0!important;margin:0!important;transform:none!important}.case76-media-shell{width:100%!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:18px!important;overflow:hidden!important}.case76-media-shell img,.case76-media-shell video{width:100%!important;height:100%!important;object-fit:contain!important}.case76-media-copy{grid-template-columns:1fr!important;gap:9px!important;padding-top:14px!important}.case76-media-copy small,.case76-media-copy h3,.case76-media-copy p{grid-column:1!important;grid-row:auto!important}.case76-media-copy small{writing-mode:horizontal-tb!important;rotate:0deg!important;justify-self:start!important}.case76-media-copy h3{font-size:1.65rem!important}.case76-media-copy p{font-size:.9rem!important;line-height:1.62!important}
  .case76-placeholder-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.case76-placeholder-grid>*{min-width:0!important}.case76-construction-panel{min-height:300px!important;padding:24px 18px!important}.case76-culture-stage{grid-template-columns:1fr!important;gap:28px!important}.case76-culture-abstract{justify-self:start!important;max-width:100%!important}
  .case76-doc{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:13px 13px 14px 16px!important}.case76-doc::before{width:42px!important;height:42px!important;border-radius:11px!important}.case76-doc a{grid-column:2!important;justify-self:start!important;min-height:36px!important;margin-top:5px!important}
  .case76-pager{width:100%!important;grid-template-columns:1fr!important;margin-top:34px!important;padding:0!important}.case76-pager a,.case76-pager button{min-height:68px!important;text-align:left!important;padding:12px 14px 12px 52px!important}.case76-pager a:last-child,.case76-pager button:last-child{min-height:68px!important;text-align:right!important;padding:12px 52px 12px 14px!important;border-left:0!important;border-top:1px solid color-mix(in srgb,var(--project) 13%,var(--line))!important}.case76-pager a::before,.case76-pager button::before{left:10px!important}.case76-pager a:last-child::after,.case76-pager button:last-child::after{right:10px!important}
  .case76-footer{padding:22px 14px 84px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;font-size:10px!important}
  .case76-mobile-actions{position:fixed!important;z-index:80!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;display:flex!important;gap:6px!important;padding:5px!important;border:1px solid color-mix(in srgb,var(--project) 20%,var(--line))!important;border-radius:16px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;box-shadow:0 12px 34px rgb(0 0 0/.24)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.case76-mobile-actions a{min-width:48px!important;height:40px!important;padding:0 12px!important;display:grid!important;place-items:center!important;border-radius:11px!important;color:var(--ink)!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important;letter-spacing:.04em!important}.case76-mobile-actions a:first-child{background:color-mix(in srgb,var(--project) 10%,transparent)!important}.case76-mobile-actions a:last-child{background:var(--project)!important;color:#101114!important}
}