/* Cuisinart case study. Project images come from Heather's supplied work. */
.cuis-photo-card{padding:0;background:#e9e0cf;color:#fff}
.cuis-photo-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.cuis-card-label{position:absolute;left:24px;top:24px;padding:14px 18px;background:#f5f1e9ed;color:var(--ink);font:28px/1.1 var(--serif)}
.cuis-card-label>span{display:block;margin-top:7px;font:8px/1.4 var(--sans);letter-spacing:1.1px;text-transform:uppercase}
.cuis-photo-card .art-arrow{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.cuis-intro{grid-template-columns:.9fr 1.15fr;gap:65px;padding-block:70px 50px}
.cuis-intro .case-heading h1{font-size:clamp(45px,4.7vw,66px)}
.cuisinart-page h2 em,.cuis-intro .case-heading h1 em{color:#6c795b}
.cuis-hero{margin:0;min-width:0}
.cuis-hero img{width:100%;height:auto;display:block}
.cuis-hero figcaption{font-size:9px;line-height:1.8;color:var(--muted);margin-top:12px;letter-spacing:.3px}
.cuis-facts{margin-bottom:0}
.cuis-story{gap:75px}
.cuis-story h2{font-size:46px}
.cuis-story-copy p+p{margin-top:18px}
.cuis-planning{background:#e9e5db}
.cuisinart-page .section-top{gap:35px}
.cuisinart-page .section-top h2{font-size:46px}
.cuisinart-page .section-intro{max-width:320px;line-height:1.85}
.cuis-planning-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:-5px 0 40px}
.cuis-planning-intro p,.cuis-retail-intro{font-size:14px;line-height:1.9;color:var(--muted)}
.cuis-prepro-grid,.cuis-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cuis-prepro-grid figure,.cuis-photo-grid figure,.cuis-howto-grid figure,.cuis-details-grid figure{margin:0;min-width:0}
.cuis-image-button{display:block;position:relative;width:100%;padding:0;background:transparent;text-align:left;overflow:hidden}
.cuis-image-button img{display:block;width:100%;height:auto;transition:filter .2s}
.cuis-image-button:hover img{filter:brightness(.95)}
.cuis-enlarge{position:absolute;bottom:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f5f1e9ed;color:var(--ink);font-size:17px;box-shadow:0 1px 10px #0001}
.cuis-prepro-grid .cuis-image-button img{aspect-ratio:1.72;object-fit:cover}
.cuis-prepro-grid figcaption{margin-top:21px}
.cuis-prepro-grid figcaption>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#6d725e}
.cuis-prepro-grid h3,.cuis-photo-grid h3{font:27px/1.2 var(--serif);margin:12px 0}
.cuis-prepro-grid p{font-size:13px;line-height:1.85;color:var(--muted);max-width:460px}
.cuis-source-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:30px}
.cuis-photo-grid figcaption{margin-top:19px}
.cuis-photo-grid h3{margin:0 0 9px}
.cuis-photo-grid p{font-size:10px;line-height:1.75;color:var(--muted)}
.cuis-retail{background:#e0e4d8}
.cuis-retail-intro{max-width:720px;margin-top:-7px;margin-bottom:30px}
.cuis-tabs{display:flex;gap:0;border-bottom:1px solid #b9c0ad;margin-bottom:28px}
.cuis-tabs button{background:transparent;padding:16px 24px 16px 0;margin-right:30px;color:#69735b;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:22px}
.cuis-tabs button>span{font:16px var(--serif);font-style:italic;color:#6d775c}
.cuis-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.cuis-product-panel[hidden]{display:none}
.cuis-product-panel:focus-visible{outline-offset:8px}
.cuis-product-caption{font:23px/1.4 var(--serif);margin-bottom:24px;display:flex;gap:20px;justify-content:space-between;align-items:center}
.cuis-product-caption>span{font:9px var(--sans);letter-spacing:1px;color:var(--muted)}
.cuis-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cuis-tile-grid .cuis-enlarge{width:25px;height:25px;font-size:14px;right:8px;bottom:8px;opacity:0;transition:opacity .2s}
.cuis-tile-grid .cuis-image-button:hover .cuis-enlarge,.cuis-tile-grid .cuis-image-button:focus-visible .cuis-enlarge{opacity:1}
.cuis-howto-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center;padding:35px;background:#e9e5db}
.cuis-mobile-example{max-width:290px;justify-self:center}
.cuis-howto-grid figcaption,.cuis-details-grid figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:14px;letter-spacing:.3px}
.cuis-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;max-width:1040px;margin-inline:auto}
.cuis-contribution{background:#e7e7db}
.cuis-takeaway{text-align:center;background:#eeebe2}
.cuis-takeaway .wrap{max-width:990px}
.cuis-takeaway .eyebrow{margin-bottom:22px}
.cuis-takeaway h2{font-size:47px}
.cuis-takeaway p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:680px;margin:25px auto 0}
.cuis-takeaway .case-credits{justify-content:center;flex-wrap:wrap;gap:12px 25px;font-size:9px;line-height:1.8;margin-top:35px}
#cuis-viewer{width:min(1160px,calc(100% - 40px));max-height:94vh}
.cuis-viewer-shell{padding:22px 30px 25px}
.cuis-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}
.cuis-viewer-top h2{font:24px/1.3 var(--serif);letter-spacing:0}
.cuis-viewer-close{display:flex;align-items:center;gap:16px;background:transparent;padding:6px 0;font-size:11px;flex-shrink:0}
.cuis-viewer-close span{font-size:26px}
.cuis-viewer-image{background:#e7e3d9;display:flex;justify-content:center}
.cuis-viewer-image img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}
#cuis-viewer-caption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}
.cuis-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.cuis-viewer-controls button{background:transparent;padding:7px 0;font-size:12px}
.cuis-viewer-controls a{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px}
@media(max-width:1100px){.cuis-intro{gap:40px}.cuis-intro .case-heading h1{font-size:53px}.cuis-story{gap:50px}.cuisinart-page .section-top h2,.cuis-story h2{font-size:41px}.cuis-prepro-grid,.cuis-photo-grid{gap:25px}.cuis-howto-grid{gap:30px;padding:28px}.cuis-tile-grid{gap:14px}}
@media(max-width:850px){.cuis-intro{grid-template-columns:1fr 1fr;gap:30px}.cuis-intro .case-heading h1{font-size:45px;letter-spacing:-1.2px}.cuis-intro .case-heading>p:not(.eyebrow){font-size:13px}.cuis-intro .case-heading .eyebrow{font-size:9px}.cuis-planning-intro{gap:35px}.cuis-planning-intro p,.cuis-retail-intro{font-size:13px}.cuis-prepro-grid h3,.cuis-photo-grid h3{font-size:24px}.cuis-prepro-grid p{font-size:12px}.cuis-tile-grid{grid-template-columns:repeat(2,1fr);gap:20px}.cuis-howto-grid{gap:24px;padding:24px}.cuis-takeaway h2{font-size:40px}}
@media(max-width:620px){.cuis-card-label{left:20px;top:20px;padding:12px 15px;font-size:27px}.cuis-card-label>span{font-size:7px}.cuis-intro{grid-template-columns:1fr;gap:30px;padding-block:42px 32px}.cuis-intro .case-heading h1{font-size:49px;letter-spacing:-1.4px}.cuis-intro .case-heading>p:not(.eyebrow){font-size:14px}.cuis-hero figcaption{font-size:8px}.cuis-facts{gap:20px 15px}.cuis-story{grid-template-columns:1fr;gap:25px}.cuis-story h2,.cuisinart-page .section-top h2{font-size:37px}.cuis-planning-intro{grid-template-columns:1fr;gap:16px;margin:0 0 30px}.cuis-prepro-grid,.cuis-photo-grid{grid-template-columns:1fr;gap:35px}.cuis-prepro-grid h3,.cuis-photo-grid h3{font-size:27px}.cuis-prepro-grid p{font-size:13px}.cuis-prepro-grid figcaption{margin-top:18px}.cuis-prepro-grid figcaption>span{font-size:8px}.cuis-source-note{font-size:9px;margin-top:23px}.cuis-photo-grid p{font-size:10px}.cuis-tabs button{font-size:12px;padding-right:8px;margin-right:25px;gap:15px}.cuis-tabs button>span{font-size:14px}.cuis-product-caption{display:block;font-size:22px;margin-bottom:20px}.cuis-product-caption>span{display:block;font-size:8px;margin-top:7px}.cuis-tile-grid{gap:12px}.cuis-howto-grid{grid-template-columns:1fr;gap:30px;padding:18px}.cuis-mobile-example{max-width:260px}.cuis-howto-grid figcaption,.cuis-details-grid figcaption{font-size:9px}.cuis-details-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.cuis-takeaway h2{font-size:37px}.cuis-takeaway p:not(.eyebrow){font-size:14px}.cuis-takeaway .case-credits{font-size:9px;gap:10px}.cuis-takeaway .case-credits>span{display:block}#cuis-viewer{width:calc(100% - 24px);max-height:94vh}.cuis-viewer-shell{padding:15px 16px 20px}.cuis-viewer-top{gap:15px;margin-bottom:14px}.cuis-viewer-top h2{font-size:20px}.cuis-viewer-close{font-size:10px;gap:8px}.cuis-viewer-image img{max-height:64vh}#cuis-viewer-caption{font-size:10px}.cuis-viewer-controls{gap:10px;flex-wrap:wrap}.cuis-viewer-controls button{font-size:11px}.cuis-viewer-controls a{font-size:9px;order:3;width:max-content;margin-inline:auto}}