/* Compact case preview. All page styles are scoped to cases. */
.cases-page,.case-detail-page{padding-top:82px;padding-bottom:22px;color:var(--ink,#252329)}
.cases-heading{padding:0 0 15px}
.cases-heading .eyebrow,.case-detail-heading .eyebrow{display:block;color:#8b789c;font-size:9px;letter-spacing:.15em;margin-bottom:6px;line-height:1.4}
.cases-heading h1{font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-.045em;margin:0}
.cases-heading h1 span{color:#86679f}
.cases-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #dcd6e4;padding:12px 0}
.cases-toolbar>h2{display:flex;align-items:center;gap:10px;flex:none;font-size:13px;font-weight:500;margin:0}
.cases-toolbar>h2>span{font-size:9px;color:#9886a5;border-left:1px solid #d6cddd;padding-left:10px;font-weight:400}
.cases-toolbar .catalog-search{display:flex;align-items:center;gap:11px;margin:0;flex:0 1 535px;min-width:0}
.cases-toolbar .catalog-search-field{flex:1;min-width:0;min-height:36px;background:#ffffffb8;border:1px solid #e4dfe9;border-radius:8px;box-shadow:none}
.cases-toolbar .catalog-search input{font-size:12px;padding:8px 0;background:transparent;min-width:0}
.cases-toolbar .catalog-search-count{font-size:9px;white-space:nowrap;color:#8a7f94;margin:0}
.cases-grid.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.cases-grid .case-card{display:block;position:relative;padding:0;min-width:0;min-height:0;aspect-ratio:auto;background:#fff9;border:1px solid #dfd9e6;border-radius:11px;box-shadow:0 2px 8px #5d406004;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.cases-grid .case-card:hover{transform:translateY(-2px);border-color:#b9a3cb;box-shadow:0 7px 18px #65456f0c}
.cases-grid .case-card:focus-visible,.case-next:focus-visible{outline:2px solid #8b68a9;outline-offset:3px}
.case-card[hidden]{display:none!important}
.case-card-art{height:108px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f0e8f7,#e9e1f1)}
.case-tone-2{background:linear-gradient(135deg,#e9f0ec,#dce9e4)}
.case-tone-3{background:linear-gradient(135deg,#f5eee8,#ecdfd3)}
.case-tone-4{background:linear-gradient(135deg,#edf1f8,#e1e8f2)}
.case-tone-5{background:linear-gradient(135deg,#f4f0e4,#eae3ca)}
.case-tone-6{background:linear-gradient(135deg,#f3eaf1,#e8dce9)}
.case-layout-1 .case-card-art:after,.case-layout-4 .case-card-art:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent #fffd #d5c9df66;filter:drop-shadow(-1px -1px 1px #907a9d0c)}
.cases-grid .case-layout-2,.cases-grid .case-layout-5{border-radius:21px 21px 11px 11px}
.case-layout-2 .case-card-art,.case-layout-5 .case-card-art{height:96px;margin:6px;border-radius:15px}
.case-layout-3 .case-card-art,.case-layout-6 .case-card-art{background-image:radial-gradient(#a58b9823 .6px,transparent .6px),linear-gradient(135deg,#f5eee8,#ecdfd3);background-size:8px 8px,auto}
.case-layout-6 .case-card-art{background-image:radial-gradient(#ab89ab25 .6px,transparent .6px),linear-gradient(135deg,#f3eaf1,#e8dce9)}
.case-artwork{display:block;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.case-card:hover .case-artwork{transform:scale(1.04)}
.case-art-number{position:absolute;top:10px;left:12px;font-size:8px;letter-spacing:.12em;color:#9983a7;z-index:1}
.case-art-word{position:absolute;bottom:8px;right:11px;font-size:6px;letter-spacing:.12em;color:#9b89a7;z-index:1}
.case-card-art>.case-status{position:absolute;right:10px;top:9px;padding:2px 6px;background:#fffc;border:1px solid #fff9;border-radius:20px;font-size:8px;z-index:1;color:#83778c}
.case-card-copy{padding:11px 14px 10px}
.case-card-topline h2{font-size:18px;letter-spacing:-.025em;line-height:1.35;font-weight:600;margin:0;overflow-wrap:anywhere}
.case-status{display:inline-flex;align-items:center;gap:5px;color:#92829f;font-size:10px;line-height:1.6}
.case-status i{width:3px;height:3px;border-radius:50%;background:#b7a1c7}
.case-card-action{display:flex;align-items:center;justify-content:space-between;color:#8b7698;font-size:10px;line-height:1.6;margin-top:7px}
.case-card-action svg{width:15px;height:15px;transition:transform .2s}
.case-card:hover .case-card-action svg{transform:translateX(3px)}
.cases-page .catalog-empty{border:1px dashed #d8cce3;background:#f8f4fa;padding:28px 20px;border-radius:10px;margin:0;text-align:center}
.cases-page .catalog-empty h2{font-size:20px}
.cases-page .catalog-empty p{font-size:12px;color:#8b8093}
.case-detail-page>.back-link{margin-bottom:0;font-size:10px;color:#8a7e92;line-height:1.6}
.case-detail-heading{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:25px;padding:14px 0 17px}
.case-detail-heading h1{font-size:32px;letter-spacing:-.045em;font-weight:600;line-height:1.2;margin:0}
.case-detail-heading .eyebrow{margin-bottom:5px;font-size:8px}
.case-detail-heading>div:last-child{max-width:485px;justify-self:end}
.case-detail-heading p{font-size:12px;color:#8b8192;line-height:1.7;margin:6px 0 0}
.case-detail-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:25px;align-items:stretch}
.case-detail-art{position:relative;overflow:hidden;height:208px;border:1px solid #dfd5e8;border-radius:11px;background-color:#eee7f4}
.case-detail-art .case-artwork{max-width:590px;margin:auto}
.case-detail-art .case-art-number{top:15px;left:16px}
.case-detail-art .case-art-word{bottom:13px;right:16px}
.case-detail-sections{display:grid;grid-template-rows:repeat(3,1fr);gap:0;min-width:0}
.case-detail-sections section{display:grid;grid-template-columns:20px minmax(100px,130px) minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid #dcd5e4;padding:11px 0;min-width:0}
.case-detail-sections .eyebrow{font-size:8px;color:#b4a4bf;margin:0}
.case-detail-sections h2{font-size:15px;line-height:1.5;margin:0;font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere}
.case-detail-sections p{font-size:11px;color:#a091a9;line-height:1.7;margin:0}
.case-section-line{display:none}
.case-detail-end{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #dcd5e4;margin-top:17px;padding:14px 0 0}
.case-detail-end>.text-link{font-size:10px}
.case-next{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center;text-decoration:none;color:#6f527f;min-width:165px}
.case-next>span{font-size:8px;color:#aa99b5;grid-column:1;line-height:1.8}
.case-next strong{grid-column:1;font-size:16px;font-weight:500}
.case-next svg{grid-column:2;grid-row:1/3;width:20px;height:20px}
@media(min-width:1000px) and (max-height:680px){
 .cases-page,.case-detail-page{padding-top:74px;padding-bottom:16px}
 .cases-heading{padding-bottom:11px}
 .cases-heading h1{font-size:32px}
 .cases-toolbar{padding-block:9px}
 .case-card-art{height:89px}
 .case-layout-2 .case-card-art,.case-layout-5 .case-card-art{height:77px}
 .case-detail-art{height:180px}
}
@media(min-width:768px) and (max-width:999px){
 .cases-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-detail-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:20px}
 .case-detail-sections section{grid-template-columns:16px minmax(0,1fr);gap:3px 10px}
 .case-detail-sections p{grid-column:2}
}
@media(max-width:767px){
 .cases-page,.case-detail-page{padding-top:76px;padding-bottom:18px}
 .cases-heading{padding-bottom:13px}
 .cases-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.045em}
 .cases-heading .eyebrow{font-size:8px;margin-bottom:5px}
 .cases-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0 12px}
 .cases-toolbar>h2{font-size:11px}
 .cases-toolbar>h2>span{font-size:8px}
 .cases-toolbar .catalog-search{flex:1 0 100%;gap:9px;flex-direction:row}
 .cases-toolbar .catalog-search-field{min-height:38px}
 .cases-toolbar .catalog-search input{font-size:16px;padding-block:7px}
 .cases-toolbar .catalog-search-count{font-size:8px}
 .cases-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .case-card-art{height:82px}
 .case-layout-2 .case-card-art,.case-layout-5 .case-card-art{height:70px;margin:6px;border-radius:12px}
 .case-card-copy{padding:10px 10px 9px}
 .case-card-topline h2{font-size:16px;line-height:1.3}
 .case-card-action{font-size:9px;margin-top:6px}
 .case-art-number{top:8px;left:9px;font-size:7px}
 .case-art-word{display:none}
 .case-card-art>.case-status{top:7px;right:6px;font-size:7px;padding:1px 4px;gap:3px}
 .case-detail-heading{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 0 15px}
 .case-detail-heading h1{font-size:29px}
 .case-detail-heading>div:last-child{justify-self:start}
 .case-detail-heading p{font-size:11px;margin-top:4px}
 .case-detail-body{display:block}
 .case-detail-art{height:142px;margin-bottom:13px}
 .case-detail-sections section{grid-template-columns:16px minmax(0,1fr);gap:2px 9px;padding:9px 0}
 .case-detail-sections h2{font-size:14px}
 .case-detail-sections p{grid-column:2;font-size:10px}
 .case-detail-end{align-items:flex-start;gap:20px;margin-top:12px;padding-top:12px}
 .case-detail-end>.text-link{font-size:9px;max-width:45%}
 .case-next{min-width:0;column-gap:10px}
 .case-next strong{font-size:14px}
 .case-next svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.cases-grid .case-card,.case-artwork,.case-card-action svg{transition:none}}