/* Approved case records show the published before/after derivatives together. */
.records-archive--before-after .story-heading{padding:40px 44px 44px;margin-bottom:34px;border-radius:4px 4px 18px 4px}
.records-archive--before-after .story-heading h1{font-family:var(--serif,Georgia,serif);font-size:clamp(38px,5vw,64px);margin:10px 0 17px}
.records-archive--before-after .story-back{margin-bottom:20px}
.story-case-controls{margin:0 0 32px;min-width:0}
.story-case-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid #dcd6ca}
.story-case-filters button{font:14px/1.5 var(--sans,sans-serif);min-height:44px;border:1px solid #dcd6ca;border-radius:24px;padding:10px 19px;background:#fffefa;color:#635f57;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.story-case-filters button[aria-pressed=true]{background:#34352f;border-color:#34352f;color:#fffdf7}
.story-case-filters button:disabled{cursor:default;opacity:.65}
.story-case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 0}
.story-case-search{display:flex;gap:18px;align-items:center;flex:0 1 430px;min-width:0;font:12px/1.6 var(--sans,sans-serif);color:#777168}
.story-case-search>span{white-space:nowrap}
.story-case-search input{min-width:0;width:100%;min-height:44px;border:1px solid #dcd6ca;border-radius:9px;padding:11px 14px;background:#fffefa;font:14px/1.5 var(--sans,sans-serif);color:#34352f}
.story-case-count{margin:0;font:13px/1.6 var(--sans,sans-serif);color:#777168;white-space:nowrap}
.story-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;align-items:start}
.story-case-pair-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;padding:5px;background:#e7e1d7;border:1px solid #ded8cc;border-radius:10px;overflow:hidden}
.story-case-pair-cover>div{position:relative;min-width:0;background:#fffdf8}
.story-case-pair-cover .story-image{margin:0}
.story-case-pair-cover .story-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fffdf8}
.story-case-pair-label{position:absolute;top:7px;left:7px;z-index:1;padding:4px 8px;border-radius:3px;background:#fffdf4e8;color:#4c4439;font:11px/1.5 var(--sans,sans-serif)}
.story-case-pair-cover--stacked{grid-template-columns:minmax(0,1fr)}
.story-case-pair-cover--stacked .story-image img{aspect-ratio:5/2;object-fit:contain}
.story-case-empty-record{max-width:1080px;padding:24px;border:1px solid var(--line,#d9d3c8);border-radius:10px;background:#fffdf81f}
.story-case-empty-record>.story-format-label{margin:0 0 22px}
@media(max-width:600px){.story-case-empty-record{padding:16px}.story-case-pair-label{top:5px;left:5px;padding:3px 6px;font-size:10px}}
.story-case-card{min-width:0;text-decoration:none;color:#34352f;display:block}
.story-case-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;aspect-ratio:4/3;border:1px solid #e0d9cb;border-radius:7px;overflow:hidden;background:#ede8de;text-align:center;padding:28px;isolation:isolate}
.story-case-cover--type:before{content:'';position:absolute;inset:10px;border:1px solid #c8bdad;z-index:-1;border-radius:3px}
.story-case-cover--type:after{content:'BEFORE / AFTER';font:10px/1.6 var(--sans,sans-serif);letter-spacing:.15em;color:#8a7c69;order:3}
.story-case-cover--type strong{font:400 clamp(22px,2.2vw,32px)/1.5 var(--serif,Georgia,serif);max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
.story-case-cover--type>span:not(.story-case-brand){font:12px/1.65 var(--sans,sans-serif);color:#70685b;max-width:100%;overflow-wrap:anywhere}
.story-case-cover .story-case-brand{font:400 27px/1.1 Georgia,serif;letter-spacing:-.04em;color:#5d594e;margin-bottom:5px}
.story-case-cover.story-image{padding:0;background:#fffefa}
.story-case-cover img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;background:#fffefa}
.story-case-card-copy{padding:20px 2px 19px;border-bottom:1px solid #ded8cc;min-width:0}
.story-case-card-copy .story-case-treatment{font:12px/1.7 var(--sans,sans-serif);color:#8d7964;margin:0 0 7px}
.story-case-card h2{font:400 clamp(19px,1.8vw,25px)/1.5 var(--serif,Georgia,serif);letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:anywhere;word-break:keep-all}
.story-case-card-copy>p:not(.story-case-treatment){font:13px/1.8 var(--sans,sans-serif);color:#777168;margin:0 0 12px}
.story-case-read{display:flex;align-items:center;justify-content:space-between;font:12px/1.8 var(--sans,sans-serif);padding-top:10px;color:#59584e}
.story-case-read>span{font-size:19px;transition:transform .22s}
.story-case-card:hover .story-case-read>span{transform:translate(3px,-3px)}
.story-case-lock-label{display:inline-flex;gap:7px;align-items:center;font:12px/1.8 var(--sans,sans-serif);color:#817768}
.story-case-lock-label:before{content:'';width:8px;height:8px;border:1px solid currentColor;border-radius:2px;background:transparent}
.story-case-locked{padding:clamp(32px,5vw,64px);background:#eee9df;border:1px solid #ddd4c6;border-radius:9px;text-align:center;max-width:850px;margin:0 auto}
.story-case-locked h2{font:400 30px/1.5 var(--serif,Georgia,serif);margin:0 0 16px}
.story-case-locked p{font:15px/1.85 var(--sans,sans-serif);color:#766e62;margin:0 0 24px}
.story-case-locked button{min-height:44px;background:#34352f;color:#fffefa;border:0;border-radius:24px;padding:11px 24px;font:14px/1.6 var(--sans,sans-serif);opacity:.6}
.story-case-empty{padding:45px 20px;text-align:center;font:15px/1.8 var(--sans,sans-serif);color:#777168}
.story-case-gallery [hidden],[data-case-empty][hidden]{display:none!important}
.story-case-images{max-width:900px;margin:0 auto 55px;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.story-case-images--side-by-side{max-width:1100px;grid-template-columns:repeat(2,minmax(0,1fr))}
.story-case-image{min-width:0}
.story-case-image img{width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
.story-case-image figcaption{font:13px/1.8 var(--sans,sans-serif);padding-top:10px}
.story-comparison--stacked{max-width:900px;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:36px}
.story-detail--case .story-heading{max-width:900px;margin-inline:auto}
.story-case-note{max-width:900px;margin:20px auto 38px;color:#777168;font:13px/1.8 var(--sans,sans-serif)}
.story-card--case .story-case-pair-cover{align-self:start}
.story-case-filters button:focus-visible,.story-case-search input:focus-visible,.story-case-card:focus-visible{outline:2px solid #8c775c;outline-offset:4px}
@media(max-width:1000px){.story-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.story-case-cover--type strong{font-size:26px}}
@media(max-width:600px){.records-archive--before-after .story-heading{padding:28px 24px 32px;margin-bottom:25px}.records-archive--before-after .story-heading h1{font-size:38px}.story-case-filters{gap:7px;padding-bottom:19px}.story-case-filters button{font-size:12px;padding:9px 14px;min-height:42px}.story-case-toolbar{gap:16px;align-items:flex-end}.story-case-search{display:block}.story-case-search>span{display:block;margin-bottom:7px}.story-case-search input{font-size:14px}.story-case-count{padding-bottom:12px;font-size:12px}.story-case-gallery{gap:28px 16px}.story-case-cover{padding:18px;gap:9px}.story-case-cover--type strong{font-size:20px}.story-case-cover--type>span:not(.story-case-brand){font-size:11px}.story-case-cover .story-case-brand{font-size:23px}.story-case-card h2{font-size:20px}.story-case-card-copy{padding-top:14px}.story-case-images{gap:23px}.story-case-locked h2{font-size:26px}}
@media(max-width:440px){.story-case-gallery{grid-template-columns:minmax(0,1fr)}.story-case-cover{aspect-ratio:4/3}.story-case-cover--type strong{font-size:28px}.story-case-images--side-by-side{gap:13px}.story-case-image figcaption{font-size:12px;line-height:1.7}.story-case-cover--type:after{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-case-filters button,.story-case-read>span{transition:none}}