/* Project case studies use live text and individual images, inside a Safari-style window. */
.case-window .case-reader{width:100%;min-width:0;flex:1}.case-article{width:100%}
.view-switch .full-project-button{background:#2775ed;color:#fff;font-weight:700;padding:9px 15px;box-shadow:0 3px 10px #2775ed33;white-space:nowrap}.view-switch .full-project-button:hover{background:#115dcc;transform:translateY(-1px)}
.case-window .window-body{overflow:hidden;background:#080a0b}.case-window:fullscreen{width:100vw!important;height:100dvh!important;inset:0!important;border-radius:0}.case-window:fullscreen .window-body{height:calc(100dvh - 38px)}
.case-reader{height:100%;display:flex;flex-direction:column;color:#f5f5f5;background:#080a0b;container-type:inline-size}.case-browser-toolbar{flex:none;display:flex;align-items:center;gap:12px;background:#e7e7e9;color:#323237;padding:9px 14px}.case-browser-toolbar button{border:0;border-radius:5px;background:#fafafa;color:#333;padding:6px 11px;cursor:pointer}.case-address{margin:auto;text-align:center;font-size:12px;background:#f6f6f8;padding:7px 20px;border-radius:6px;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-back{font-size:24px;line-height:18px}.case-chapters{flex:none;display:flex;gap:5px;align-items:center;padding:8px 16px;background:#181a1c;border-bottom:1px solid #ffffff26;overflow:auto}.case-chapters button{flex:none;cursor:pointer;background:transparent;border:0;color:#cecece;border-radius:4px;padding:8px 12px;font:inherit;font-size:12px}.case-chapters button:hover,.case-chapters button:focus-visible{background:#ffffff20;color:white}.case-chapters .case-photos{margin-left:auto;color:#bad7ff}.case-status:empty{display:none}.case-status{font-size:12px;padding:6px 16px;background:#333}.case-article{overflow:auto;flex:1;min-height:0;scroll-behavior:smooth}.case-article section[id]{scroll-margin-top:0}.case-article p{line-height:1.55}.case-article button{cursor:pointer;font:inherit}.case-hero{position:relative;isolation:isolate;min-height:850px;padding:45px 3.4% 36px;display:flex;flex-direction:column;justify-content:flex-end;background:#071b22}.case-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.case-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020909f2 5%,#041215b5 45%,#0002 100%);z-index:-1}.case-hero-tiles{min-height:280px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.case-photo-tile{background:none;border:none;color:white;width:150px;font-size:13px!important;text-shadow:0 2px 4px #000}.case-photo-tile img{width:120px;height:82px;object-fit:cover;border:3px solid #fff;border-radius:4px;transition:transform .2s}.case-photo-tile:hover img{transform:scale(1.07)}.case-photo-tile span{display:block;margin-top:7px}.case-photo-tile:nth-child(2){margin-top:100px;margin-right:auto}.case-panel{background:#202223ec;border:1px solid #ffffff20;border-radius:9px;overflow:hidden;box-shadow:0 14px 28px #0003}.case-panel-bar{color:#aaa;background:#ffffff04;border-bottom:1px solid #ffffff12;font-size:11px;padding:6px 12px}.case-panel>p,.case-panel>h3{padding:14px 16px;margin:0}.case-hero>.case-panel{align-self:flex-end;width:min(380px,70%);margin-bottom:24px;text-align:right;font-style:italic;font-size:15px}.case-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #fff8;font-size:19px}.case-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:4%;padding-top:28px}.case-intro h1{font-size:clamp(38px,6cqw,90px);line-height:1.03;letter-spacing:-.045em;font-weight:850;margin:0 0 25px;white-space:pre-line}.case-subtitle{font-size:clamp(16px,2cqw,27px);white-space:pre-line;margin:0}.case-intro-copy{border-left:1px solid #ffffff70;padding-left:6%;font-size:clamp(14px,1.25cqw,18px)}.case-intro-copy p{margin:0 0 16px}.case-family{display:grid;grid-template-columns:1fr 1fr;gap:3%;padding:55px 3% 45px;background:#030303}.case-collage{position:relative;min-height:820px}.case-label{position:relative;background:#fafafa;color:#080808;padding:3px 9px;display:table;font-weight:850;letter-spacing:-.035em;line-height:1.05;white-space:pre-line;z-index:3}.case-family-label{font-size:clamp(24px,3cqw,42px);margin:0 0 0 auto}.case-collage>.case-panel{position:relative;width:88%;margin-top:-5px;z-index:2}.case-family-copy{padding:16px}.case-family-copy h3{font-size:24px;margin:0 0 18px}.case-family-copy h4{font-size:18px;font-weight:500;margin:0 0 7px}.case-family-copy p{font-size:15px;margin:0}.case-archive-photo{position:absolute;padding:0;border:2px solid #ddd;border-radius:4px;background:#111;width:32%;box-shadow:0 8px 20px #0007}.case-archive-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.3) saturate(.6)}.case-archive-photo:hover{z-index:5;transform:scale(1.06)}.photo-0{left:-6%;top:39%;height:22%}.photo-1{left:30%;top:51%;height:19%}.photo-2{left:66%;top:33%;height:22%}.photo-3{left:1%;top:65%;height:18%}.photo-4{left:61%;top:69%;height:28%}.photo-5{left:33%;top:77%;height:19%}.photo-6{left:4%;top:86%;height:13%}.photo-7{left:34%;top:33%;width:25%;height:14%}.photo-8{left:63%;top:53%;height:17%}.case-history-label{position:absolute;top:48%;left:10%;font-size:clamp(23px,3.4cqw,48px);white-space:nowrap}.case-century-label{position:absolute;bottom:2%;right:-3%;font-size:clamp(28px,3.5cqw,48px)}.case-family-research{display:flex;flex-direction:column;gap:24px}.case-research-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-research-columns h3{font-size:clamp(18px,2cqw,29px);line-height:1.15;margin:0 0 14px}.case-research-columns p{font-size:clamp(13px,1.15cqw,16px);margin:0;color:#ddd}.case-family-research>.case-panel h3{font-size:20px;line-height:1.3}.case-matrix{flex:1;display:grid;grid-template-columns:1fr 1fr;background:#17191a;border:1px solid #666;position:relative}.case-theme-card{color:#ddd;background:linear-gradient(145deg,#ffffff0a,#ffffff01);border:1px solid #ffffff20;padding:25px 18px;text-align:left}.case-theme-card:hover{background:#ffffff15}.case-theme-card h4{display:table;color:#111;background:#eee;margin:0 0 15px;padding:4px;font-size:17px}.case-theme-card small{font-size:11px;color:#a9b8c0}.case-theme-card p{font-size:13px}.case-explore{font-size:11px;color:#a8cdf3}.case-culture{padding:60px 4%;border-top:1px solid #ffffff30;background:#080b0d}.case-kicker{letter-spacing:.17em;font-size:11px;color:#94acbd}.case-culture h2{font-size:clamp(32px,4.8cqw,68px);letter-spacing:-.035em;line-height:1.1;white-space:pre-line;margin:22px 0}.case-lead{max-width:780px;font-size:18px;color:#cad3d9}.case-method{font-size:12px;color:#8e9ca5;max-width:850px}.case-load-atlas{display:block;width:100%;padding:60px 20px;background:radial-gradient(ellipse at center,#183144,#080b0d);border:1px solid #607583;color:#dceffc;margin:30px 0;font-size:23px!important;border-radius:10px}.culture-embed{width:100%;height:1050px;border:1px solid #ffffff20;margin-top:25px;background:#050606;display:block}.case-sources{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;margin-top:22px;color:#9baab4}.case-sources a{color:#bbd1df}.case-originals{padding:24px 4%;border-top:1px solid #333;display:flex;gap:14px;align-items:center;font-size:12px;color:#aaa}.case-originals button{color:#ddd;border:1px solid #666;padding:8px;background:none;border-radius:5px}.case-generic{padding:55px 7% 30px;max-width:1050px}.case-generic h1{font-size:clamp(32px,5cqw,70px);line-height:1.1;letter-spacing:-.04em}.case-generic p{font-size:17px;white-space:pre-line;color:#ccc}.case-document{display:inline-block;padding:12px 18px;background:#286fde;color:#fff;margin:10px 10px 0 0;border-radius:6px}.case-image-story{padding:20px 7% 70px;display:grid;gap:28px}.case-image-story button{padding:0;background:none;border:0;color:#aaa;text-align:left}.case-image-story img{width:100%;height:auto;max-height:1000px;object-fit:contain;background:#141414}.case-image-story span{display:block;margin-top:10px;font-size:12px}
@container (max-width:800px){.case-hero{min-height:0;padding:28px 5%}.case-hero-tiles{min-height:220px;gap:12px}.case-photo-tile{width:100px;font-size:11px!important}.case-photo-tile img{width:90px;height:65px}.case-photo-tile:nth-child(2){margin-top:80px}.case-intro{grid-template-columns:1fr;gap:28px}.case-intro h1{font-size:64px}.case-intro-copy{border-left:0;border-top:1px solid #ffffff60;padding:22px 0 0;font-size:15px}.case-meta{font-size:14px}.case-family{grid-template-columns:1fr;padding:36px 5%;gap:40px}.case-collage{min-height:800px}.case-family-label{font-size:34px}.case-family-copy h3{font-size:23px}.case-history-label{font-size:34px;left:4%}.case-century-label{font-size:40px}.case-research-columns h3{font-size:23px}.case-research-columns p{font-size:15px}.case-theme-card{padding:24px 15px}.case-culture h2{font-size:42px}.case-lead{font-size:16px}.culture-embed{height:1700px}.case-browser-toolbar{gap:6px;padding:8px}.case-address{font-size:10px;padding:8px;width:auto;flex:1}.case-browser-toolbar button{font-size:11px}.case-originals{flex-wrap:wrap}}
@container (max-width:480px){.case-hero-tiles{min-height:220px}.case-photo-tile{width:80px}.case-photo-tile img{width:75px;height:55px}.case-intro h1{font-size:48px}.case-hero>.case-panel{width:90%;font-size:13px}.case-collage{min-height:790px}.case-family-label{font-size:27px}.case-family-copy h3{font-size:20px}.case-family-copy p{font-size:13px}.case-history-label{font-size:25px}.case-century-label{font-size:33px}.case-research-columns{grid-template-columns:1fr}.case-matrix{grid-template-columns:1fr}.case-culture h2{font-size:32px}.culture-embed{height:2100px}.case-chapters{padding:7px}.case-chapters button{font-size:11px;padding:7px}.case-chapters .case-photos{margin-left:0}.case-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-article{scroll-behavior:auto}.case-photo-tile img{transition:none}}

/* Full-screen reading: reveal native-style controls from the top edge. */
.case-fullscreen-edge{display:none}
.case-window.case-immersive{width:100vw!important;height:100dvh!important;inset:0!important;position:fixed!important;border-radius:0!important;border:0;max-width:none!important;max-height:none!important}
.case-window.case-immersive>.window-body{height:100dvh!important;max-height:none!important}
.case-window.case-immersive>.window-titlebar{position:absolute;inset:0 0 auto;height:32px;min-height:32px;z-index:30;transform:translateY(-100%);transition:transform .2s ease;background:rgba(232,233,236,.95);backdrop-filter:blur(20px)}
.case-window.case-immersive.case-controls-visible>.window-titlebar{transform:translateY(0)}
.case-immersive .case-browser-toolbar,.case-immersive>.window-resize{display:none}
.case-immersive .case-fullscreen-edge{display:block;position:absolute;top:0;left:0;right:0;height:7px;z-index:31}
.case-immersive .case-chapters{min-height:32px;padding:0 18px;gap:12px;flex-shrink:0}
.case-immersive .case-chapters button{padding:7px 10px;font-size:12px}
.case-immersive .case-reader{height:100dvh}
@media(prefers-reduced-motion:reduce){.case-window.case-immersive>.window-titlebar{transition:none}}
/* Hide desktop chrome even when the host cannot enter native fullscreen. */
body:has(.case-window.case-immersive:not([hidden]):not(.closing):not(.minimizing))>.menubar,
body:has(.case-window.case-immersive:not([hidden]):not(.closing):not(.minimizing))>.dock-container,
body:has(.case-window.case-immersive:not([hidden]):not(.closing):not(.minimizing)) .mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}
.case-window.case-immersive{z-index:20000!important;margin:0!important}

/* One Safari toolbar, with window controls and address on the same row. */
.case-window>.case-unified-bar{height:42px;min-height:42px;padding:0 14px;gap:16px;justify-content:flex-start}
.case-unified-bar>.traffic-lights{position:static;flex-shrink:0}
.case-unified-bar>.case-back{background:#fafafa;border-radius:4px;padding:2px 10px;font-size:22px;line-height:25px}
.case-unified-bar>.case-address{width:auto;max-width:70%;flex:1;margin:auto;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.case-window.case-immersive>.case-unified-bar{height:42px;min-height:42px}
/* The archive extends behind the foreground panels across the whole spread. */
.case-family{position:relative;isolation:isolate;overflow:hidden;min-height:1100px;grid-template-columns:1fr 1fr;gap:3%;padding:45px 3% 50px}
.case-family-photos{position:absolute;inset:0;z-index:0;pointer-events:none}
.case-family-photos .case-archive-photo{pointer-events:auto;margin:0;transition:filter .2s;box-shadow:0 4px 12px #0004}
.case-family-photos .case-archive-photo:hover{transform:none;z-index:1;filter:brightness(1.12)}
.case-family-photos img{filter:grayscale(.8) sepia(.3);object-fit:cover}
.case-family>.case-collage,.case-family>.case-family-research{position:relative;z-index:2;pointer-events:none}
.case-collage>.case-panel,.case-family-research>.case-panel,.case-research-columns,.quadrant-chart{pointer-events:auto}
.case-collage{min-height:1000px}
.case-collage>.case-panel{width:83%;background:#202020f2}
.case-history-label{top:40%;left:27%;z-index:4}
.case-century-label{bottom:4%;right:0;z-index:4}
.case-research-columns{background:#030303ed;padding:0 0 20px}
.case-family-research{gap:22px}
.case-family-research>.case-panel{background:#202020f5}
.quadrant-chart{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:110px 65px;padding:85px 25px 95px;min-height:760px;background:#202020de;backdrop-filter:blur(3px);border:0;position:relative;font-size:13px}
.quadrant{display:flex;flex-direction:column;align-items:stretch;text-align:left;color:#eee;padding:0;background:none;min-width:0}
.quadrant:hover{background:#ffffff08}
.quadrant h4{align-self:center;text-align:center;max-width:90%;margin:0 0 24px;line-height:1.05;font-size:clamp(12px,1.2cqw,20px);color:#222;background:#eee;padding:2px 4px}
.quadrant-2 h4,.quadrant-3 h4{order:2;margin:25px 0 0}
.quadrant-comparison{display:grid;grid-template-columns:44% 56%;width:100%}
.quadrant-comparison>div+div{border-left:1px solid #b8b8b8}
.quadrant-comparison h5{font-size:clamp(9px,.85cqw,14px);margin:0;padding:6px 5px;border-bottom:1px solid #bbb;text-align:center;white-space:nowrap}
.quadrant-comparison p{font-size:clamp(10px,.94cqw,15px);line-height:1.25;white-space:pre-line;margin:0;padding:12px 6px}
.quadrant-keywords{font-size:12px;margin:20px 0 0;font-weight:600}
.quadrant-axis{position:absolute;pointer-events:none;background:#ddd}
.axis-horizontal{left:16%;right:16%;top:50%;height:1px}
.axis-vertical{top:11%;bottom:10%;left:50%;width:1px}
.axis-horizontal:before,.axis-horizontal:after,.axis-vertical:before,.axis-vertical:after{position:absolute;color:#ddd;font-size:18px;line-height:10px}
.axis-horizontal:before{content:'‹';left:-2px;top:-5px}.axis-horizontal:after{content:'›';right:-2px;top:-5px}.axis-vertical:before{content:'↑';top:-5px;left:-5px}.axis-vertical:after{content:'↓';bottom:-4px;left:-5px}
.quadrant-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:pre-line;background:#eee;color:#222;text-align:center;line-height:1;padding:4px;font-size:clamp(13px,1.3cqw,21px)}
.axis-label{position:absolute;text-align:center;font-size:clamp(10px,1.1cqw,17px);line-height:1.2;white-space:pre-line;max-width:22%}.axis-label strong,.axis-label small{display:block}.axis-label small{font-size:10px;margin-top:4px;font-weight:400}.axis-top{top:24px;left:25%;max-width:50%;width:50%;display:flex;flex-direction:column-reverse;gap:4px}.axis-bottom{bottom:25px;left:20%;max-width:60%;width:60%}.axis-left{left:10px;top:50%;transform:translateY(-50%);text-align:left;max-width:17%}.axis-right{right:10px;top:50%;transform:translateY(-50%);text-align:right;max-width:17%}
@container(max-width:800px){.case-family{grid-template-columns:1fr}.case-collage{min-height:880px}.case-family-research{pointer-events:auto}.quadrant-chart{min-height:760px;gap:105px 48px;padding:80px 18px 85px}.quadrant-comparison p{font-size:12px}.quadrant-comparison h5{font-size:10px}.quadrant h4{font-size:16px}.case-history-label{left:10%;font-size:32px}.case-family-photos{bottom:auto;height:1050px}.case-unified-bar>.case-address{max-width:none}}
@container(max-width:480px){.quadrant-chart{padding:65px 10px 70px;gap:110px 28px;min-height:810px}.quadrant-comparison{grid-template-columns:1fr}.quadrant-comparison>div+div{border-left:0}.quadrant-comparison h5{font-size:8px}.quadrant-comparison p{font-size:10px;padding:6px 3px}.quadrant h4{font-size:12px;margin-bottom:12px}.quadrant-2 h4,.quadrant-3 h4{margin-top:12px;margin-bottom:0}.quadrant-keywords{font-size:9px;margin-top:8px}.axis-label{font-size:9px}.axis-label small{font-size:8px}.quadrant-center{font-size:11px}.case-collage{min-height:780px}.case-history-label{left:0;font-size:25px}.case-window>.case-unified-bar{gap:9px;padding:0 10px}}

.case-family-photos .photo-0{left:-2%;top:35%;width:16%;height:22%;}
.case-family-photos .photo-1{left:23%;top:45%;width:15%;height:17%;}
.case-family-photos .photo-2{left:35%;top:25%;width:16%;height:22%;}
.case-family-photos .photo-3{left:7%;top:61%;width:15%;height:18%;}
.case-family-photos .photo-4{left:39%;top:67%;width:19%;height:28%;}
.case-family-photos .photo-5{left:21%;top:79%;width:16%;height:18%;}
.case-family-photos .photo-6{left:0%;top:88%;width:15%;height:17%;}
.case-family-photos .photo-7{left:33%;top:10%;width:10%;height:18%;}
.case-family-photos .photo-8{left:49%;top:49%;width:16%;height:17%;}
.case-family-photos .photo-9{left:18%;top:34%;width:17%;height:17%;}
.case-family-photos .photo-10{left:4%;top:47%;width:18%;height:15%;}
.case-family-photos .photo-11{left:32%;top:57%;width:18%;height:21%;}
.case-family-photos .photo-12{left:13%;top:73%;width:16%;height:17%;}
.case-family-photos .photo-13{left:43%;top:85%;width:19%;height:19%;}
.case-family-photos .photo-14{left:59%;top:76%;width:17%;height:22%;}
.case-family-photos .photo-15{left:76%;top:81%;width:20%;height:22%;}
.case-family-photos .photo-16{left:86%;top:58%;width:17%;height:22%;}
.case-family-photos .photo-17{left:62%;top:49%;width:18%;height:23%;}
.case-family-photos .photo-18{left:73%;top:34%;width:18%;height:21%;}
.case-family-photos .photo-19{left:88%;top:34%;width:15%;height:25%;}
.case-family-photos .photo-20{left:26%;top:27%;width:11%;height:16%;}
.case-family-photos .photo-21{left:19%;top:20%;width:10%;height:13%;}
.case-family-photos .photo-22{left:14%;top:16%;width:9%;height:11%;}
.case-family-photos .photo-23{left:3%;top:26%;width:12%;height:15%;}
.case-family-photos .photo-24{left:0%;top:72%;width:12%;height:19%;}
.case-family-photos .photo-25{left:30%;top:87%;width:12%;height:12%;}
.case-family-photos .photo-26{left:51%;top:32%;width:12%;height:19%;}
.case-family-photos .photo-27{left:69%;top:63%;width:12%;height:20%;}
.case-family-photos .photo-28{left:90%;top:84%;width:13%;height:18%;}
.case-family-photos .photo-29{left:55%;top:87%;width:12%;height:14%;}
.case-family-photos .photo-30{left:40%;top:44%;width:13%;height:14%;}
/* Avoid repainting a live backdrop through large scrolling panels. */
.quadrant-chart{backdrop-filter:none;background:#202020f2}
.case-family{contain:paint}

.case-chapters{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.case-chapters button{flex-shrink:0}
.case-planned-chapter{padding:65px 5% 55px;background:#090b0c;border-top:1px solid #333}
.case-planned-chapter h2{white-space:pre-line;font-size:clamp(32px,4.3cqw,66px);letter-spacing:-.035em;line-height:1.06;margin:22px 0}
.case-chapter-question{max-width:790px;font-size:clamp(16px,1.5cqw,22px);line-height:1.5;color:#c2ccd2}
.case-chapter-flow{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:35px 0;border-block:1px solid #333;counter-reset:step}
.case-chapter-flow li{padding:18px 24px 18px 0;margin-right:22px;color:#c8d3da;font-size:12px;counter-increment:step}.case-chapter-flow li:before{content:counter(step,decimal-leading-zero) ' / ';color:#788892}
.case-material-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-material-slot{padding:24px;min-height:245px;border:1px dashed #48535a;background:#ffffff03}.case-slot-number{font-size:35px;color:#62717a}.case-material-slot h3{font-size:19px;line-height:1.2}.case-material-slot p{font-size:14px;line-height:1.6;color:#aebac2}.case-pending-note{font-size:11px;color:#9eabb3}
.case-next-chapter{display:block;margin:30px 0 0 auto;color:#cce0ee;padding:10px 0;font-size:13px}
.case-story-bridge{margin-top:40px;padding:24px;border:1px dashed #48535a;max-width:900px}.case-story-bridge h3{font-size:24px;margin:12px 0}.case-story-bridge p{line-height:1.6;color:#aebac2}
@container(max-width:800px){.case-material-slots{grid-template-columns:1fr}.case-material-slot{min-height:0}.case-planned-chapter{padding:40px 5%}.case-chapter-flow li{padding:12px 12px 12px 0;margin-right:8px}}

.case-story-bridge{max-width:none;border:0;border-top:1px solid #394047;padding:35px 0 0}
.case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.case-story-card{display:grid;grid-template-columns:30% 1fr;gap:20px;padding:20px;background:#141819;border:1px solid #343c40;align-items:start}
.case-story-image{padding:0;width:100%;background:#080909;cursor:zoom-in}.case-story-image img{display:block;width:100%;height:210px;object-fit:contain}
.case-story-copy h4{font-size:22px;line-height:1.2;margin:10px 0}.case-story-copy p{font-size:13px}.case-story-copy .case-story-chinese{font-size:16px;color:#e6e7e4}.case-story-tags{display:flex;flex-wrap:wrap;gap:6px}.case-story-tags button{font-size:9px;color:#c7d9e1;padding:6px;border:1px solid #4a5c66;border-radius:3px}.case-story-copy details{margin-top:18px;font-size:12px}.case-story-copy summary{cursor:pointer;color:#c7d9e1}.case-story-copy small{display:block;line-height:1.6;color:#94a2ab}.case-story-copy a{display:block;margin-top:10px;color:#b1d2e4}
@container(max-width:800px){.case-story-grid{grid-template-columns:1fr}}
@container(max-width:480px){.case-story-card{padding:14px;gap:12px;grid-template-columns:27% 1fr}.case-story-image img{height:150px}.case-story-copy h4{font-size:18px}}

.case-story-placeholder{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #4a5357;color:#819098;background:#0e1112;cursor:default;font-size:10px;letter-spacing:.08em;text-align:center}.case-story-placeholder small{font-size:10px;letter-spacing:0}