/* Through the Diamonds — photographs lead; the guides stay within the story. */
.fd-case .fd-section{padding-block:82px}
.fd-case .fd-heading{column-gap:8%;row-gap:18px;margin-bottom:38px}
.fd-case .fd-heading h2{font-size:clamp(38px,3.5vw,48px);line-height:1.09;max-width:680px}
.fd-case .fd-heading>p:not(.fd-kicker){font-size:13px;line-height:1.75;max-width:430px}
.fd-case .fd-intro>p{font-size:clamp(25px,2.25vw,32px);max-width:680px}
.fd-case .fd-photo img,.fd-case .fd-lightbox img{filter:brightness(var(--fd-brightness,1)) contrast(var(--fd-contrast,1))}
.fd-case .fd-photo figcaption{font-size:10px;line-height:1.65;margin-top:11px}

/* The overview gives the reader one clear entry point before the photographs. */
.fd-case .fd-overview{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:8%;align-items:start}
.fd-case .fd-overview h2{font-size:clamp(32px,3vw,42px);line-height:1.12;letter-spacing:-.035em}
.fd-case .fd-overview h3{font-size:26px;line-height:1.18;letter-spacing:-.025em;margin-bottom:15px}
.fd-case .fd-overview p:not(.fd-kicker){font-size:14px;line-height:1.75;max-width:610px;color:var(--fd-muted)}
.fd-case .fd-overview .fd-kicker{margin-bottom:15px;color:var(--fd-red)}
.fd-case .fd-overview p+p{margin-top:14px}

/* Full-width photographs alternate with level, lightly cropped landscape pairs. */
.fd-case .fd-product-gallery,.fd-case .fd-playtest-gallery{display:grid;gap:28px}
.fd-case .fd-product-gallery>.fd-photo,.fd-case .fd-playtest-gallery>.fd-photo{width:100%}
.fd-case .fd-product-gallery>.fd-photo .fd-image>img,.fd-case .fd-playtest-gallery>.fd-photo .fd-image>img{width:100%;height:auto;max-height:none;object-fit:contain}
.fd-case .fd-product-gallery .fd-pair,.fd-case .fd-playtest-gallery .fd-pair{gap:24px;align-items:start}
.fd-case .fd-product-gallery .fd-pair .fd-image,.fd-case .fd-playtest-gallery .fd-pair .fd-image{aspect-ratio:3/2}
.fd-case .fd-product-gallery .fd-pair .fd-image>img,.fd-case .fd-playtest-gallery .fd-pair .fd-image>img{width:100%;height:100%;object-fit:cover;object-position:var(--fd-position,center)}
.fd-case .fd-product-gallery .fd-pair>.fd-photo+.fd-photo,.fd-case .fd-playtest-gallery .fd-pair>.fd-photo+.fd-photo{margin-top:0}
.fd-case .fd-product-gallery+.fd-note,.fd-case .fd-playtest-gallery+.fd-note{margin-top:19px}

/* Research and the decisions it led to are brief, parallel notes. */
.fd-case .fd-process-summary,.fd-case .fd-compact-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:38px 0 0}
.fd-case .fd-process-summary>li,.fd-case .fd-process-summary>article,.fd-case .fd-process-summary>div,.fd-case .fd-compact-findings>li,.fd-case .fd-compact-findings>article,.fd-case .fd-compact-findings>div{border-top:1px solid var(--fd-rule);padding-top:19px}
.fd-case .fd-process-summary h3,.fd-case .fd-compact-findings h3{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin:10px 0 11px}
.fd-case .fd-process-summary p:not(.fd-kicker),.fd-case .fd-compact-findings p:not(.fd-kicker){font-size:13px;line-height:1.75;color:var(--fd-muted);max-width:370px}
.fd-case .fd-process-summary .fd-kicker,.fd-case .fd-compact-findings .fd-kicker{font-size:9px;color:var(--fd-blue)}
.fd-case .fd-iteration-copy h3{font-size:28px;line-height:1.15}
.fd-case .fd-iteration-copy p:not(.fd-kicker){font-size:13px;line-height:1.75}
.fd-case .fd-iteration-row+.fd-iteration-row{margin-top:42px}
.fd-case .fd-iteration-copy .fd-change{margin-top:17px;padding-top:15px}

/* Each stage pairs a short instruction with a large, distinct workshop view. */
.fd-case .fd-stage-panel,.fd-case .fd-step-panel{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:6%;align-items:start;padding-top:30px;border-top:1px solid #d5dade}
.fd-case .fd-step-copy h3{font-size:clamp(28px,2.5vw,34px);line-height:1.14;margin-bottom:17px;letter-spacing:-.03em}
.fd-case .fd-step-copy>p:not(.fd-kicker){font-size:13px;line-height:1.75;max-width:360px}
.fd-case .fd-stage-output{gap:9px;margin-top:25px;padding-top:17px}
.fd-case .fd-stage-output>.fd-kicker{font-size:8px;letter-spacing:.06em}
.fd-case .fd-stage-output>p{font-size:13px;line-height:1.6}
.fd-case .fd-stage-panel>.fd-photo .fd-image,.fd-case .fd-step-panel>.fd-photo .fd-image{background:transparent}
.fd-case .fd-stage-panel>.fd-photo img,.fd-case .fd-step-panel>.fd-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
.fd-case .fd-journey-tabs button>strong{font-size:25px}
.fd-case .fd-journey-tabs button>.fd-kicker{font-size:8px}
.fd-case .fd-framework-note{margin-top:24px;max-width:670px;font-size:10px;line-height:1.7}

/* The two complete guidebooks can be read in place, with a direct PDF link. */
.fd-case .fd-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:54px;padding-top:33px;border-top:1px solid var(--fd-rule)}
.fd-case .fd-guide{min-width:0}
.fd-case .fd-guide-top{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:26px;align-items:center}
.fd-case .fd-guide-top>img,.fd-case .fd-guide-cover,.fd-case .fd-guide-top>.fd-photo{display:block;width:100%;height:auto;max-height:265px;object-fit:contain;object-position:top center}
.fd-case .fd-guide-top>.fd-photo img{width:100%;height:auto;max-height:265px;object-fit:contain}
.fd-case .fd-guide-copy>.fd-kicker{color:var(--fd-blue);font-size:8px;margin-bottom:12px}
.fd-case .fd-guide:nth-child(2) .fd-guide-copy>.fd-kicker{color:var(--fd-red)}
.fd-case .fd-guide-copy h3{font-size:28px;line-height:1.12;letter-spacing:-.03em;margin:0 0 13px}
.fd-case .fd-guide-copy p:not(.fd-kicker){font-size:13px;line-height:1.7;color:var(--fd-muted);max-width:340px}
.fd-case .fd-guide-read{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:10px 0;font-size:11px;line-height:1.5;border-bottom:1px solid currentColor;color:var(--fd-ink);text-align:left;cursor:pointer}
.fd-case .fd-guide-read:hover,.fd-case .fd-guide-read[aria-expanded=true]{color:var(--fd-blue)}
.fd-case .fd-guide:nth-child(2) .fd-guide-read:hover,.fd-case .fd-guide:nth-child(2) .fd-guide-read[aria-expanded=true]{color:var(--fd-red)}
.fd-case .fd-guide-reader{margin-top:36px;background:#fff;border:1px solid var(--fd-rule);scroll-margin-top:80px}
.fd-case .fd-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 21px;border-bottom:1px solid var(--fd-rule)}
.fd-case .fd-reader-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;min-width:0}
.fd-case .fd-reader-toolbar h3,.fd-case .fd-reader-toolbar strong{font-family:var(--font-site);font-size:21px;line-height:1.2;font-weight:400;letter-spacing:-.02em}
.fd-case .fd-reader-toolbar .fd-kicker,.fd-case .fd-reader-toolbar small{font-family:var(--fd-mono);font-size:9px;line-height:1.6;color:var(--fd-muted)}
.fd-case .fd-reader-toolbar button,.fd-case .fd-reader-toolbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:34px;padding:6px 0;font-size:10px;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer;border-bottom:1px solid transparent}
.fd-case .fd-reader-toolbar button:hover,.fd-case .fd-reader-toolbar a:hover{color:var(--fd-blue);border-bottom-color:currentColor}
.fd-case .fd-pdf-frame{display:block;width:100%;height:min(78vh,900px);min-height:500px;border:0;background:#efefec}
.fd-case .fd-reader-note{font-size:10px;line-height:1.7;color:var(--fd-muted);padding:13px 21px;border-top:1px solid var(--fd-rule)}

/* The ending gives the packed object and graduation exhibition room to breathe. */
.fd-case .fd-packaging{background:#f1f1ed}
.fd-case .fd-packaging .fd-photo .fd-image>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.fd-case .fd-packaging .fd-photo+.fd-photo{margin-top:30px}
.fd-case .fd-exhibition{padding-bottom:0;background:var(--fd-paper)}
.fd-case .fd-exhibition .fd-wide{width:100%;max-width:none;margin-inline:0}
.fd-case .fd-exhibition .fd-wide .fd-image>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.fd-case .fd-exhibition .fd-wide figcaption{width:88%;max-width:1360px;margin:14px auto 0}
.fd-case .fd-exhibit-caption{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding-block:24px 54px}
.fd-case .fd-exhibit-caption p{font-size:11px;line-height:1.7;color:var(--fd-muted);max-width:620px}
.fd-case .fd-exhibit-caption .fd-kicker{font-size:9px;flex:none;color:var(--fd-ink)}

@media(max-width:1100px){
 .fd-case .fd-section{padding-block:70px}
 .fd-case .fd-heading h2{font-size:40px}
 .fd-case .fd-guides{gap:28px}
 .fd-case .fd-guide-top{grid-template-columns:minmax(0,.33fr) minmax(0,.67fr);gap:19px}
 .fd-case .fd-guide-copy h3{font-size:25px}
 .fd-case .fd-guide-copy p:not(.fd-kicker){font-size:12px}
 .fd-case .fd-process-summary,.fd-case .fd-compact-findings{gap:26px}
 .fd-case .fd-stage-panel,.fd-case .fd-step-panel{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:5%}
 .fd-case .fd-step-copy h3{font-size:29px}
 .fd-case .fd-exhibition{padding-bottom:0}
}
@media(max-width:700px){
 .fd-case .fd-section{padding-block:55px}
 .fd-case .fd-heading{gap:17px;margin-bottom:28px}
 .fd-case .fd-heading h2{font-size:32px;line-height:1.1}
 .fd-case .fd-heading>p:not(.fd-kicker){font-size:13px;line-height:1.7}
 .fd-case .fd-overview{grid-template-columns:1fr;gap:22px}
 .fd-case .fd-overview h2{font-size:30px}
 .fd-case .fd-overview p:not(.fd-kicker){font-size:13px}
 .fd-case .fd-product-gallery,.fd-case .fd-playtest-gallery{gap:23px}
 .fd-case .fd-product-gallery .fd-pair,.fd-case .fd-playtest-gallery .fd-pair{grid-template-columns:1fr;gap:23px}
 .fd-case .fd-product-gallery .fd-pair .fd-image,.fd-case .fd-playtest-gallery .fd-pair .fd-image{aspect-ratio:auto}
 .fd-case .fd-product-gallery .fd-pair .fd-image>img,.fd-case .fd-playtest-gallery .fd-pair .fd-image>img{height:auto;object-fit:contain}
 .fd-case .fd-photo figcaption{font-size:10px;margin-top:9px}
 .fd-case .fd-process-summary,.fd-case .fd-compact-findings{grid-template-columns:1fr;gap:23px;margin-top:28px}
 .fd-case .fd-process-summary>li,.fd-case .fd-process-summary>article,.fd-case .fd-process-summary>div,.fd-case .fd-compact-findings>li,.fd-case .fd-compact-findings>article,.fd-case .fd-compact-findings>div{padding-top:17px}
 .fd-case .fd-process-summary h3,.fd-case .fd-compact-findings h3{font-size:23px;margin:8px 0 10px}
 .fd-case .fd-process-summary p:not(.fd-kicker),.fd-case .fd-compact-findings p:not(.fd-kicker){font-size:12px;max-width:none}
 .fd-case .fd-iteration-copy h3{font-size:27px}
 .fd-case .fd-iteration-copy p:not(.fd-kicker){font-size:12px}
 .fd-case .fd-stage-panel,.fd-case .fd-step-panel{grid-template-columns:1fr;gap:25px;padding-top:25px}
 .fd-case .fd-step-copy h3{font-size:28px;margin-bottom:13px}
 .fd-case .fd-step-copy>p:not(.fd-kicker){font-size:13px;max-width:none}
 .fd-case .fd-stage-output{margin-top:19px;padding-top:15px}
 .fd-case .fd-stage-output>p{font-size:12px}
 .fd-case .fd-journey-tabs button>strong{font-size:22px}
 .fd-case .fd-journey-tabs button>.fd-kicker{font-size:7px}
 .fd-case .fd-framework-note{font-size:9px;margin-top:22px}
 .fd-case .fd-guides{grid-template-columns:1fr;gap:28px;margin-top:37px;padding-top:28px}
 .fd-case .fd-guide+.fd-guide{border-top:1px solid var(--fd-rule);padding-top:28px}
 .fd-case .fd-guide-top{grid-template-columns:minmax(0,.31fr) minmax(0,.69fr);gap:24px}
 .fd-case .fd-guide-top>img,.fd-case .fd-guide-cover,.fd-case .fd-guide-top>.fd-photo,.fd-case .fd-guide-top>.fd-photo img{max-height:240px}
 .fd-case .fd-guide-copy h3{font-size:26px;max-width:240px}
 .fd-case .fd-guide-copy>.fd-kicker{font-size:8px;margin-bottom:9px}
 .fd-case .fd-guide-copy p:not(.fd-kicker){font-size:12px;line-height:1.7}
 .fd-case .fd-guide-read{font-size:10px;margin-top:13px;padding-block:8px}
 .fd-case .fd-guide-reader{margin-top:27px;scroll-margin-top:68px}
 .fd-case .fd-reader-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:15px}
 .fd-case .fd-reader-toolbar>div{gap:6px 15px}
 .fd-case .fd-reader-toolbar h3,.fd-case .fd-reader-toolbar strong{font-size:20px}
 .fd-case .fd-reader-toolbar button,.fd-case .fd-reader-toolbar a{font-size:10px;min-height:32px}
 .fd-case .fd-pdf-frame{height:550px;min-height:0}
 .fd-case .fd-reader-note{padding:12px 15px;font-size:9px}
 .fd-case .fd-packaging .fd-photo+.fd-photo{margin-top:23px}
 .fd-case .fd-exhibition{padding-bottom:0}
 .fd-case .fd-exhibit-caption{display:block;padding-block:18px 35px}
 .fd-case .fd-exhibit-caption p{font-size:10px}
 .fd-case .fd-exhibit-caption .fd-kicker{font-size:8px;margin-bottom:9px}
}
@media(prefers-reduced-motion:reduce){
 .fd-case .fd-guide-reader{scroll-behavior:auto}
}

/* Compact artwork disclosure and photographic chapter transitions. */
.fd-case .fd-board-detail{border-block:1px solid var(--fd-rule);margin:38px 0 52px}
.fd-case .fd-board-detail summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;font-size:12px;cursor:pointer;list-style:none}
.fd-case .fd-board-detail summary::-webkit-details-marker{display:none}
.fd-case .fd-board-detail summary span{font-size:22px;color:var(--fd-red)}
.fd-case .fd-board-detail[open] summary span{transform:rotate(45deg)}
.fd-case .fd-board-detail .fd-photo{padding-bottom:24px}
.fd-case .fd-playtest-heading{margin:65px 0 27px;padding-top:32px;border-top:1px solid var(--fd-rule)}
.fd-case .fd-playtest-heading .fd-kicker{color:var(--fd-red);margin-bottom:15px}
.fd-case .fd-playtest-heading h3{font-size:32px;line-height:1.15;letter-spacing:-.03em}
.fd-case .fd-guide:first-child .fd-guide-copy>.fd-kicker{color:var(--fd-red)}
.fd-case .fd-guide:nth-child(2) .fd-guide-copy>.fd-kicker{color:var(--fd-blue)}
.fd-case .fd-packaging-photo{width:76%;max-width:1050px;margin-inline:auto}
@media(max-width:700px){
 .fd-case .fd-board-detail{margin:28px 0 30px}
 .fd-case .fd-board-detail summary{font-size:11px}
 .fd-case .fd-playtest-heading{margin-top:42px;padding-top:24px}
 .fd-case .fd-playtest-heading h3{font-size:28px}
 .fd-case .fd-packaging-photo{width:100%}
}

/* A native-independent reader renders every page of the two complete PDFs. */
.fd-case .fd-page-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px;border-bottom:1px solid var(--fd-rule);background:#fafaf8}
.fd-case .fd-page-controls button,.fd-case .fd-page-controls label,.fd-case .fd-page-status{font-size:11px;line-height:1.5}
.fd-case .fd-page-controls button{padding:7px 4px;cursor:pointer}
.fd-case .fd-page-controls button:disabled{opacity:.3;cursor:default}
.fd-case .fd-page-controls select{margin-left:5px;border:1px solid #c7cbc8;border-radius:0;background:white;color:var(--fd-ink);font:inherit;padding:4px 8px}
.fd-case .fd-page-status{font-family:var(--fd-mono);color:var(--fd-muted);font-size:9px}
.fd-case .fd-guide-pages{background:#ededea;padding:22px;outline-offset:-3px}
.fd-case .fd-guide-pages .fd-image{height:min(75vh,900px);width:100%;display:flex;justify-content:center}
.fd-case .fd-guide-pages .fd-image>img{height:100%;width:auto;max-width:100%;object-fit:contain;background:white}
.fd-case .fd-guide-pages .fd-enlarge{opacity:1;right:16px;bottom:16px}
.fd-case .fd-document-caption{text-align:center;font-size:10px;color:var(--fd-muted);margin-top:12px}
.fd-case .fd-guide-pages:focus-visible{outline:2px solid var(--fd-blue)}
@media(max-width:700px){
 .fd-case .fd-page-controls{gap:14px;padding:10px 12px;justify-content:space-between}
 .fd-case .fd-page-controls button,.fd-case .fd-page-controls label{font-size:10px}
 .fd-case .fd-guide-pages{padding:14px}
 .fd-case .fd-guide-pages .fd-image{height:auto;min-height:0}
 .fd-case .fd-guide-pages .fd-image>img{height:auto;width:100%;display:block}
}
.fd-case .fd-guide:first-child .fd-guide-read:hover,.fd-case .fd-guide:first-child .fd-guide-read[aria-expanded=true]{color:var(--fd-red)}
.fd-case .fd-guide:nth-child(2) .fd-guide-read:hover,.fd-case .fd-guide:nth-child(2) .fd-guide-read[aria-expanded=true]{color:var(--fd-blue)}
