.kado-case{--kado-paper:#eeeee7;--kado-ink:#20231f}
.kado-case section[id],.kado-case [id="print-designs"]{scroll-margin-top:105px}
.kado-jump{display:flex;flex-wrap:wrap;gap:12px 27px;margin-top:28px;font-size:13px;color:var(--grey)}
.kado-jump a{padding:5px 0;border-bottom:1px solid var(--line)}
.kado-jump a:hover{color:var(--white);border-color:var(--accent)}
.kado-artwork{display:block;position:relative;overflow:hidden;background:var(--kado-ink);border-radius:5px}
.kado-artwork img{display:block;width:100%;height:auto}
.kado-artwork:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.kado-image-action{position:absolute;right:14px;bottom:14px;padding:10px 14px;background:#191c19e8;color:#f5f1e9;border:1px solid #eee8db38;border-radius:30px;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.kado-artwork:hover .kado-image-action,.kado-artwork:focus-visible .kado-image-action{opacity:1;transform:none}
.kado-opening .kado-artwork{border-radius:9px}
.kado-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.kado-section-heading>p{max-width:33ch;font-size:17px;line-height:1.6;color:var(--grey)}
.kado-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 23px;margin-top:42px}
.kado-gallery .kado-artwork{aspect-ratio:4/5}
.kado-gallery .kado-artwork img{width:100%;height:100%;object-fit:contain}
.kado-case .kado-piece figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:11px;color:var(--grey)}
.kado-piece figcaption span:last-child{color:var(--accent);font-size:10px;white-space:nowrap}
.kado-print-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--fc-gap);align-items:center}
.kado-print-story .fc-copy{max-width:42ch}
.kado-print-story .forme-prototype-link{color:var(--accent)}
.kado-print-gallery{margin-top:65px}
.kado-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:58px 0 0}
.kado-deliverables>div{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column-reverse;align-items:start;gap:12px}
.kado-deliverables dd{margin:0;font-size:clamp(50px,6vw,84px);line-height:1;letter-spacing:-.06em;font-weight:200;color:var(--white)}
.kado-deliverables>div:first-child dd{color:var(--accent)}
.kado-deliverables dt{font-size:15px;color:var(--grey)}
.kado-viewer{box-sizing:border-box;color:#eeeee7;background:#20231f;border:1px solid #666b60;border-radius:8px;width:min(94vw,1360px);max-width:94vw;max-height:92dvh;overflow:auto;padding:62px 28px 28px;overscroll-behavior:contain}
.kado-viewer::backdrop{background:#080a08ed;backdrop-filter:blur(8px)}
.kado-viewer button{border:1px solid #eeeee744;background:transparent;color:inherit;border-radius:30px;padding:11px 16px;font:inherit;cursor:pointer;min-height:44px}
.kado-viewer button:hover{background:#eeeee710;border-color:#eeeee7}
.kado-viewer :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.kado-close{position:absolute;right:24px;top:11px;font-size:13px!important}
.kado-viewer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.kado-viewer-grid>img{display:block;width:100%;height:auto;max-height:76dvh;object-fit:contain}
.kado-viewer-copy{padding:10px 15px 10px 0;min-width:0}
.kado-viewer-copy .eyebrow{font-size:11px;color:#c9b2a0;margin:0 0 16px}
.kado-viewer-copy h2{font:400 clamp(28px,2.8vw,42px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 30px}
.kado-viewer-copy h3{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.1em;color:#b6bbae;margin:24px 0 9px}
.kado-viewer-copy p{font-size:15px;line-height:1.65;margin:0;white-space:pre-line}
.kado-viewer-copy .kado-stage{font:11px/1.5 monospace;margin-top:24px;color:#c9b2a0}
.kado-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:30px 0 22px;font-size:12px}
.kado-viewer-copy>a{display:inline-block;color:#eeeee7;font-size:13px;text-decoration:underline;text-underline-offset:5px;padding-bottom:7px}
@media(max-width:1000px){.kado-piece figcaption{flex-direction:column}.kado-print-story{gap:38px}.kado-viewer-grid{grid-template-columns:1.15fr 1fr;gap:25px}}
@media(max-width:800px){.kado-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.kado-print-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.kado-section-heading{align-items:start}.kado-viewer-grid{grid-template-columns:1fr}.kado-viewer-grid>img{max-height:62dvh}.kado-viewer-copy{padding:0 6px}.kado-print-story{grid-template-columns:1fr}.kado-print-story .fc-copy{max-width:55ch}.kado-print-story>figure{max-width:700px;width:100%;margin:auto}.kado-viewer-copy h2{font-size:32px}}
@media(max-width:600px){.kado-case .forme-title{font-size:clamp(56px,13vw,76px);max-width:none}.kado-jump{gap:10px 20px;font-size:12px}.kado-section-heading{display:block}.kado-section-heading>p{margin-top:22px;max-width:36ch;font-size:16px}.kado-gallery{grid-template-columns:1fr;gap:30px;margin-top:30px}.kado-case .kado-piece figcaption{flex-direction:row;font-size:12px}.kado-print-gallery{margin-top:36px}.kado-deliverables{gap:17px;margin-top:38px}.kado-deliverables dt{font-size:12px}.kado-deliverables dd{font-size:53px}.kado-decisions{gap:26px}.kado-viewer{width:94vw;padding:61px 15px 25px}.kado-close{right:14px}.kado-viewer-copy p{font-size:14px}.kado-image-action{right:10px;bottom:10px;font-size:10px}.kado-viewer-nav button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.kado-image-action{transition:none}}

/* Phone: the section jump links were 30px of thumb, and the two caption
   labels sat at 10px. See the note in forme-case.css. */
@media(max-width:600px){
  .kado-jump a{min-height:44px;display:inline-flex;align-items:center}
  .kado-case .kado-piece figcaption span:last-child{font-size:11.5px}
  .kado-image-action{font-size:11.5px}
}