/* Preserve the Figma composition while allowing its content to reflow. */
.case-root{height:auto}
.case-root .case-header{width:calc(100% - 96px);margin:0 48px;padding:56px 0 24px;flex-shrink:0}
.case-header .brand,.case-header .resume{font-weight:700}
.case-root .case-footer{width:calc(100% - 96px);margin:0 48px;border-top:1px solid var(--rule);flex-shrink:0}
.case-root div{max-width:100%}
.case-root [data-node-id="187:12995"],.case-root [data-node-id="187:12996"],.case-root [data-node-id="187:13035"]{width:100%}
.case-root [data-layout="metadata"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,430px)}
.case-root [data-layout="metadata"]>div{width:100%;min-width:0;align-self:stretch}
.case-root .tbc-methods-text{width:100%;min-width:0;line-height:20px;white-space:normal}
.case-root [data-layout="gallery-four"]{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.case-root [data-layout="gallery-pair"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.case-root [data-layout^="gallery"] [data-layout="screen"]{width:100%;height:auto;aspect-ratio:289/240}
.case-root [data-layout="gallery-pair"] [data-layout="screen"]{aspect-ratio:607/450}
@media(max-width:1300px){
  .case-root{padding-inline:16px}
  .case-root [data-layout="metadata"]{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,35%)}
  .case-root [data-layout="metadata"] p{white-space:normal}
}
@media(max-width:1000px){
  .case-root{padding-inline:0}
  .case-root main{padding-inline:40px}
  .case-root .case-header,.case-root .case-footer{margin-inline:40px;width:calc(100% - 80px)}
  .case-root [data-layout="metadata"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-root [data-layout="metadata"]>div{align-self:stretch;border-top:1px solid var(--rule);border-right:0;min-height:110px}
  .case-root [data-layout="metadata"]>div:nth-child(odd){border-right:1px solid var(--rule)}
  .case-root [data-layout="cards-four"],.case-root [data-layout="gallery-four"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .case-root [data-layout="cards-four"]>div,.case-root [data-layout="cards-three"]>div{width:100%;height:auto;min-width:0}
  .case-root [data-layout="row"]{gap:24px}
}
@media(max-width:760px){
  .case-root{gap:40px}
  .case-root main{padding-inline:24px}
  .case-root .case-header,.case-root .case-footer{margin-inline:24px;width:calc(100% - 48px)}
  .case-root .case-header{padding-top:30px;padding-bottom:18px}
  .case-root [data-node-id]{max-width:100%;white-space:normal;height:auto;min-height:0}
  .case-root [data-layout="row"],.case-root [data-layout="cards-three"],.case-root [data-layout="cards-two"]{display:flex;flex-direction:column;gap:16px}
  .case-root [data-layout="row"],.case-root [data-layout="row"]>*,.case-root [data-layout="cards-three"]>*,.case-root [data-layout="cards-two"]>*{flex:none;width:100%;min-width:0;height:auto}
  .case-root [data-layout="row"]>div{padding-right:0}
  .case-root [data-node-id="187:12746"],.case-root [data-node-id="187:12754"]{gap:0}
  .case-root .tbc-63,.case-root [data-node-id="187:13094"]>div{width:100%;padding-right:0}
  .case-root .tbc-64,.case-root [data-node-id="187:13096"]{width:100%}
  .case-root [data-node-id="187:12822"]{gap:0;padding-bottom:18px}
  .case-root [data-node-id="187:12822"]>div{border-left:0;border-right:0;border-bottom:1px solid #dbdbd6;padding:20px 0}
  .case-root [data-node-id="187:12822"]>div:first-child{border-top:1px solid #dbdbd6}
  .case-root [data-node-id="187:12760"]>div{justify-content:flex-start;gap:12px}
  .case-root [data-node-id="187:12860"]{gap:20px}
  .case-root [data-node-id="187:12860"]>[data-layout="row"]{gap:0;border:1px solid #dbdbd6;border-radius:12px;overflow:hidden;padding:0}
  .case-root [data-node-id="187:12860"]>[data-layout="row"]>div{background:transparent;border:0;border-radius:0;padding:24px}
  .case-root [data-node-id="187:12860"]>[data-layout="row"]>div+div{background:#f2f2f0;border-top:1px solid #dbdbd6;padding:24px;margin:0}
  .case-root [data-node-id="187:12867"],.case-root [data-node-id="187:12880"]{gap:0}
  .case-root [data-node-id="187:12951"]>[data-layout="row"]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
  .case-root [data-node-id="187:12951"]>[data-layout="row"] div,.case-root [data-node-id="187:12951"]>[data-layout="row"] p{flex:none;width:100%;height:auto;min-height:0}
  .case-root [data-node-id="187:13355"] [data-node-id]{flex:none;height:auto;min-height:0}
  .case-root [data-node-id="243:926"],.case-root [data-node-id="187:13363"]{justify-content:flex-start;gap:20px}
  .case-root [data-layout="cards-four"],.case-root [data-layout="gallery-four"],.case-root [data-layout="gallery-pair"]{display:grid;grid-template-columns:1fr;gap:24px}
  .case-root [data-layout^="cards"]>div{width:100%}
  .case-root [data-layout="metadata"]{grid-template-columns:1fr 1fr}
  .case-root [data-layout="metadata"] [data-layout="row"]{gap:0}
  .case-root [data-layout="metadata"]>div{padding-inline:12px}
  .case-root h1{font-size:34px;line-height:42px}
  .case-root h2,.case-root h3{font-size:28px;line-height:38px}
  .case-root [data-node-id="187:12703"] p{white-space:normal}
  .case-root [data-node-id="187:12822"]{padding-right:0}
  .case-root [data-node-id="187:12867"],.case-root [data-node-id="187:12880"]{line-height:29px}
}
.case-root .bubble-pending{opacity:.25;transform:translateY(8px)}
@media(prefers-reduced-motion:reduce){.case-root *{scroll-behavior:auto}.case-root .bubble-pending{transform:none}}