/* Complete project details: original content on black, glossy toys and dark glass. */
.project-dialog,.standalone-case{background:#050505}
#case-content{width:100%;max-width:1660px;margin:0 auto;padding:0 clamp(18px,3vw,52px) 85px;position:relative;z-index:3}
.case-detail{--glass-rim:#d5b1dc;position:relative}
.case-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(12px,2.5vw,44px);align-items:start}
.case-detail .case-media{position:relative;min-width:0;margin:0}
.case-detail .case-hero{margin-top:4px}
.case-detail .case-image{display:grid;place-items:center;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1.39;grid-column:auto;margin:0;padding:0;background:none;border:0;overflow:visible;cursor:zoom-in;isolation:isolate;touch-action:manipulation}
.case-detail .case-image::before{content:'';position:absolute;z-index:-1;left:14%;right:14%;bottom:0;height:19%;border-radius:50%;background:radial-gradient(ellipse,#b781de30,transparent 67%);filter:blur(13px);pointer-events:none}
.case-detail .case-hero .case-image::before{left:8%;right:8%;background:radial-gradient(ellipse at 28% 50%,#ff3ea439,transparent 64%),radial-gradient(ellipse at 75% 50%,#ff902f42,transparent 64%);height:22%;bottom:-1%}
.case-detail .case-image>img,.case-detail .case-image>picture{display:block;position:absolute;inset:8.5% 6%;min-height:0;min-width:0;width:88%;height:83%;object-fit:contain;border:clamp(12px,2vw,26px) solid #b784db;border-radius:24% 23% 25% 22%;background:#0c0911;box-shadow:inset 1px 3px 8px #ffffff70,0 0 16px #c086e526;transition:opacity .2s}
.case-detail .case-image>picture img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13%}
.case-detail .case-image[data-toy=hero]>:is(img,picture){border-color:#f35c9b;border-radius:28% 25% 23% 27%;box-shadow:0 4px 16px #ff6c622c,inset 1px 3px 8px #fff8}
.case-detail .case-image[data-toy=lime]>:is(img,picture){border-color:#d1e663}
.case-detail .case-image[data-toy=lilac]>:is(img,picture){border-color:#d5a0e7}
.toy-renderer-ready .case-detail .case-image>:is(img,picture){opacity:0}
.case-detail .case-image:focus-visible{outline:2px solid #f5caf2;outline-offset:-18px;border-radius:25%}
.case-detail .case-media>figcaption{position:relative;text-align:center;line-height:1.6;color:#c9bbd0;font-size:12px;margin:-5px 12px 8px}
.case-detail .case-media>figcaption a{text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px}
/* The SVG is only a glass surface. All words and links remain sharp native HTML. */
.case-detail .case-glass{position:relative;isolation:isolate;min-width:0;width:100%;padding:clamp(44px,4.3vw,72px) clamp(30px,3.4vw,56px) clamp(78px,6.5vw,112px);margin:18px 0 22px;background:none;transform:none;box-shadow:none;color:#f1edf3}
.case-detail .case-glass::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/detail-glass.svg') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 13px 22px #a65ca11a)}
.case-detail .case-glass::after{content:'';position:absolute;z-index:-2;bottom:-11px;left:18%;right:13%;height:40px;background:radial-gradient(ellipse,#a77ea329,transparent 68%);filter:blur(13px);pointer-events:none}
.case-detail .case-glass:is(:hover,:focus-visible,.note-hit){transform:none;box-shadow:none}
.case-detail .case-heading{margin:0 0 20px;max-width:none;pointer-events:auto}
.case-detail .case-heading .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.12em;color:#bfb1c9}
.case-detail .case-heading :is(h1,h2){font-size:clamp(30px,3.5vw,58px);line-height:1.02;letter-spacing:-.055em;font-weight:550;margin:13px 0 13px;color:#faf7fc;overflow-wrap:normal;text-wrap:balance}
.case-detail .case-heading .case-role{font-size:11px;line-height:1.6;letter-spacing:.01em;color:#cbb9ce;margin:0}
.case-detail .case-deck{font-size:clamp(16px,1.35vw,21px);line-height:1.4;letter-spacing:-.025em;margin:0 0 22px;color:#f3eaf7;text-wrap:pretty}
.case-detail .case-source-prose{font-size:clamp(13px,.98vw,16px);line-height:1.65;color:#d5cdd9;overflow-wrap:anywhere}
.case-detail .case-source-prose:empty{display:none}
.case-detail .case-source-prose :is(h2,h3,h4){margin:0 0 13px;font-size:14px;line-height:1.45;letter-spacing:-.015em;font-weight:500;color:#f1e6f5}
.case-detail .case-source-prose p{margin:0 0 18px}
.case-detail .case-source-prose p:last-child{margin-bottom:0}
.case-detail .case-source-prose a{color:#ead7f0;text-decoration:underline;text-decoration-color:#bfa4c36e;text-decoration-thickness:1px;text-underline-offset:3px}
.case-detail .case-source-prose a:hover{color:#fff;text-decoration-color:#f0c6fa}
.case-detail .case-project-note{font-size:12px;line-height:1.6;color:#c6b4cd;margin:20px 0 0}
.case-detail .case-project-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 23px;margin-top:23px;font-size:12px;line-height:1.5}
.case-detail .case-project-links a{min-height:35px;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #b197b568}
.case-detail .case-project-links a:hover{color:#f6cafa;border-bottom-color:#eeb8f3}
.case-detail .case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(12px,2.1vw,36px);margin:10px 0 45px}
.case-detail .case-gallery .case-image{aspect-ratio:1.39}
.case-detail .case-films{max-width:1120px;margin:70px auto 0;display:grid;gap:48px}
.case-detail .case-video{padding:0;margin:0;width:100%;grid-column:auto}
.case-detail .case-video iframe,.case-detail .case-video>video{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:none;border:1px solid #ffffff24;border-radius:22px;background:#100d13;box-shadow:0 12px 45px #b17bca0d}
.case-detail .case-video figcaption{margin:16px 2px 0;font-size:12px;color:#ccb7d7}
.case-detail .case-video figcaption a{text-decoration:underline;text-decoration-color:#c7aedb60;text-underline-offset:4px}
.case-detail .case-video-warning{font-size:12px;color:#b6a5c1;line-height:1.6;margin:12px 2px 0}
.case-full{display:flex;justify-content:flex-end;margin:50px 4px 0}
.case-full a{width:auto;height:auto;border-radius:0;border:0;border-bottom:1px solid #ffffff30;font-size:12px;min-height:40px;padding:10px 0}
.case-toolbar{max-width:1760px;margin:0 auto;padding-right:clamp(18px,3vw,52px);padding-left:clamp(18px,3vw,52px)}
.case-toolbar a{pointer-events:auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff18;background:#1f1823b3;backdrop-filter:blur(12px);font-size:20px;color:#e9daef}
.case-toolbar a:hover{background:#56375e}
.standalone-case .case-toolbar{position:sticky;z-index:30;top:0}
.case-footer{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:75px 4px 0;padding:30px 0 0;border-top:1px solid #ffffff17;color:#bfaac9;font-size:12px}
.next-project{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.next-project small{font-size:9px;letter-spacing:.13em}
.next-project strong{font-size:20px;font-weight:500;letter-spacing:-.035em;color:#f2e5f7}
@media(min-width:1500px){.case-detail .case-source-prose{font-size:15px}.case-detail .case-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:1000px) and (min-width:761px){.case-top{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:6px}.case-detail .case-glass{padding:47px 30px 84px}.case-detail .case-heading :is(h1,h2){font-size:36px}.case-detail .case-source-prose{font-size:13px}}
@media(max-width:760px){
 #case-content{padding:0 14px 55px}
 .case-top{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .case-detail .case-hero{width:100%;margin:-7px 0 0}
 .case-detail .case-image{aspect-ratio:1.4}
 .case-detail .case-glass{margin:0 2px 28px;width:calc(100% - 4px);padding:48px clamp(28px,8.5vw,54px) 84px}
 .case-detail .case-heading{margin-bottom:19px}
 .case-detail .case-heading :is(h1,h2){font-size:clamp(34px,8.2vw,50px);line-height:1.03;margin-top:14px}
 .case-detail .case-deck{font-size:18px;line-height:1.45}
 .case-detail .case-source-prose{font-size:14px;line-height:1.7}
 .case-detail .case-project-links{font-size:12px;gap:8px 20px}
 .case-detail .case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 5px;margin:0 0 25px}
 .case-detail .case-gallery .case-image{aspect-ratio:1.25}
 .case-detail .case-films{margin:35px 5px 0;gap:35px}
 .case-detail .case-video iframe,.case-detail .case-video>video{border-radius:12px}
 .case-toolbar{height:68px;padding:12px 18px}
 .case-toolbar a{width:37px;height:37px}
 .case-footer{margin:55px 5px 0}
 .next-project strong{font-size:18px}
}
@media(max-width:430px){.case-detail .case-gallery{grid-template-columns:1fr;gap:7px}.case-detail .case-gallery .case-image{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.case-detail .case-image>:is(img,picture){transition:none}}
/* Match the renderer when a browser falls back to the native image. */
.case-detail .case-image[data-media-fit=cover]>img,.case-detail .case-image[data-media-fit=cover]>picture img{object-fit:cover}

/* Permanent breathing room: focus never moves the surrounding story. */
.case-detail .case-image{width:82%;margin-inline:auto}
.case-top{gap:clamp(38px,5vw,90px);padding-top:28px}
.case-detail .case-gallery{gap:clamp(46px,6vw,100px);margin-top:64px;grid-template-columns:repeat(2,minmax(0,1fr))}
.case-detail .case-hero{padding-block:24px 40px}
.case-detail .case-gallery .case-media{padding-block:24px}
@media(max-width:760px){
 .case-top{gap:28px;padding-top:14px}
 .case-detail .case-hero{padding-block:18px 28px}
 .case-detail .case-gallery{grid-template-columns:1fr;gap:42px;margin-top:30px}
 .case-detail .case-image{width:84%}
}

/* Lead with real films and readable descriptions, in fixed soft-toy frames. */
.case-video-first{max-width:1240px;margin-inline:auto}
.case-video-first .case-primary{margin:8px auto 0;max-width:1120px;width:100%;gap:32px}
.case-video-first .case-film-frame,.case-video-first .case-primary-image{display:block;position:relative;padding:clamp(12px,2.1vw,27px);border:1px solid #e5baff85;border-radius:clamp(28px,4.5vw,62px);background:radial-gradient(ellipse at 17% 0%,#efd4ff 0%,#bb87e2 19%,#9162b2 55%,#d798d0 100%);box-shadow:inset 3px 5px 8px #fff9,inset -4px -7px 13px #49235480,0 15px 40px #9b5ad01a;transform:none!important;transition:none;isolation:isolate}
.case-video-first .case-film-frame:before,.case-video-first .case-primary-image:before{content:'';position:absolute;inset:5px;border-radius:inherit;border-top:2px solid #fff8;pointer-events:none}
.case-video-first .case-film-frame iframe,.case-video-first .case-film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;border:1px solid #3b244c;border-radius:clamp(14px,2.7vw,36px);background:#08070a;box-shadow:0 0 0 1px #fff3,0 2px 5px #0005}
.case-video-first .case-video figcaption{margin:12px 5px 0}
.case-video-first .case-top{display:block;padding-top:0;max-width:1020px;margin:32px auto 0}
.case-video-first .case-glass{margin:0;padding:clamp(26px,4vw,48px) clamp(23px,4vw,50px);border-radius:35px;background:linear-gradient(135deg,#33233d99,#161018cc);border:1px solid #c59dd635;box-shadow:inset 0 1px #ffffff0a}
.case-video-first .case-glass:before,.case-video-first .case-glass:after{display:none}
.case-video-first .case-heading :is(h1,h2){font-size:clamp(34px,4.7vw,64px);margin-top:10px}
.case-video-first .case-deck{font-size:clamp(21px,2.2vw,29px);line-height:1.4;letter-spacing:-.025em}
.case-video-first .case-source-prose{font-size:clamp(16px,1.35vw,19px);line-height:1.7;max-width:900px}
.case-video-first .case-primary-visual{max-width:900px;margin:8px auto 0}
.case-video-first .case-primary-image{cursor:zoom-in;overflow:hidden}
.case-video-first .case-primary-image img,.case-video-first .case-primary-image picture{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;aspect-ratio:16/9;background:#08070a;border-radius:clamp(14px,2.7vw,36px)}
.case-video-first .case-primary-image picture img{height:100%}
.case-video-first .case-primary-image:focus-visible{outline:3px solid #fff;outline-offset:5px}
.case-video-first .case-gallery{margin-top:40px}
@media(max-width:760px){
 .case-video-first .case-primary,.case-video-first .case-primary-visual{margin-top:5px}
 .case-video-first .case-film-frame,.case-video-first .case-primary-image{padding:11px;border-radius:27px}
 .case-video-first .case-film-frame iframe,.case-video-first .case-film-frame video,.case-video-first .case-primary-image img,.case-video-first .case-primary-image picture{border-radius:17px}
 .case-video-first .case-top{margin-top:25px}
 .case-video-first .case-glass{width:100%;margin:0;padding:27px 22px;border-radius:27px}
 .case-video-first .case-heading :is(h1,h2){font-size:36px}
 .case-video-first .case-deck{font-size:22px}
 .case-video-first .case-source-prose{font-size:16px;line-height:1.65}
}
.case-video-first .case-supporting-visual{max-width:660px;margin:40px auto 0}
/* Keep the primary player and the beginning of its story visible together. */
@media(min-width:761px){
 .case-video-first .case-primary,.case-video-first .case-primary-visual{max-width:min(1040px,calc(92svh + 40px))}
}

/* Image-only magnification: permanent gutters keep every neighbor stationary. */
.case-detail .case-image{transform:scale(1);transition:transform .32s cubic-bezier(.2,.8,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){.case-detail .case-image:hover{transform:scale(1.28);z-index:5}}
.case-detail .case-image:focus-visible{transform:scale(1.28);z-index:5}
@media(prefers-reduced-motion:reduce){.case-detail .case-image{transition:none}}

/* One quiet, tactile way back. The project itself owns the rest of the page. */
.case-toolbar .case-back{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:auto;min-width:108px;min-height:46px;height:46px;padding:0 22px;border-radius:25px;border:1px solid #ead1ffb0;background:linear-gradient(150deg,#d2b4ed 0%,#ab7acb 42%,#79528f 100%);color:#170d20;font-size:14px;font-weight:700;letter-spacing:.015em;box-shadow:inset 1px 3px 4px #ffffff8f,inset -1px -3px 5px #54316a66,0 6px 15px #0005;transition:filter .18s,transform .18s;text-decoration:none}
.case-toolbar .case-back span:first-child{font-size:24px;font-weight:400;line-height:1}
.case-toolbar .case-back:hover{background:linear-gradient(150deg,#e5cafb,#ba8ed8 42%,#9566ae);filter:brightness(1.06);transform:translateY(-1px)}
.case-toolbar .case-back:focus-visible{outline:3px solid #fff;outline-offset:4px}
.case-toolbar .case-back:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.case-toolbar .case-back{transition:none}.case-toolbar .case-back:hover,.case-toolbar .case-back:active{transform:none}}

/* Project photos expand within a compressed rim, rather than growing the chrome. */
.case-detail .case-image>:is(img,picture){transition:inset .32s,width .32s,height .32s,border-width .32s,border-radius .32s,opacity .2s}
@media(hover:hover) and (pointer:fine){.case-detail .case-image:hover>:is(img,picture){inset:3% 2%;width:96%;height:94%;border-width:6px;border-radius:9%}}
.case-detail .case-image:focus-visible>:is(img,picture){inset:3% 2%;width:96%;height:94%;border-width:6px;border-radius:9%}
@media(prefers-reduced-motion:reduce){.case-detail .case-image>:is(img,picture){transition:none}}
/* Soft Jelly project navigation: Back left, Previous / Next right. */
.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.case-pager{display:flex;align-items:center;gap:17px;margin-left:auto}
.case-toolbar .case-back{min-width:110px;height:54px;min-height:54px;padding:0 24px;border-radius:32px;font-family:Arial,sans-serif;font-size:17px;color:#27182f;background:linear-gradient(#f6e6ff,#d6b0ed 35%,#b783d0 68%,#805297);border:1px solid #eedafa;box-shadow:inset 0 3px 5px #ffffff9c,inset 0 -3px 5px #62316a55,0 7px 16px #0007;transition:transform .3s ease,filter .3s ease;transform-origin:center}
.case-toolbar .case-back span[aria-hidden]{font-size:27px;transition:transform .3s ease}
@keyframes soft-jelly-nav{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-4px) scale(1.085,1.025)}55%{transform:translateY(-4px) scale(1.04,1.07)}78%{transform:translateY(-4px) scale(1.067,1.043)}100%{transform:translateY(-4px) scale(1.06,1.05)}}
@media(hover:hover) and (pointer:fine){.case-toolbar .case-back:hover{background:linear-gradient(#f6e6ff,#d6b0ed 35%,#b783d0 68%,#805297);animation:soft-jelly-nav .55s both;filter:brightness(1.12)}.case-toolbar .case-back:hover span[aria-hidden]{transform:translateX(-5px)}.case-pager .case-back:last-child:hover span[aria-hidden]{transform:translateX(5px)}}
.case-toolbar .case-back:active{transform:scale(.96,1.02);filter:brightness(1.12)}
@media(max-width:600px){.case-toolbar{padding:12px;gap:8px}.case-pager{gap:8px}.case-toolbar .case-back{min-width:0;min-height:46px;height:46px;padding:0 13px;font-size:13px;gap:7px}.case-toolbar .case-back span[aria-hidden]{font-size:21px}}
@media(prefers-reduced-motion:reduce){.case-toolbar .case-back,.case-toolbar .case-back span[aria-hidden]{transition:none}.case-toolbar .case-back:hover,.case-toolbar .case-back:active{animation:none;transform:none}.case-toolbar .case-back:hover span[aria-hidden]{transform:none}}
.case-toolbar .case-back span:not([aria-hidden]){font-size:inherit}

/* One renderer-driven enlargement, with no second CSS zoom. */
.toy-renderer-ready .case-detail .case-image:is(:hover,:focus-visible){transform:none}
.image-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:72px 76px 28px;background:#08060df5;overflow:hidden}
.image-dialog[open]{display:flex;align-items:center;justify-content:center}
.image-dialog #expanded-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none}
.image-step{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #e6cff2;background:linear-gradient(#eed9ff,#ac7ec6);color:#27182f;font-size:25px;cursor:pointer;z-index:2}
.image-step[hidden]{display:none}.image-prev{left:16px}.image-next{right:16px}
.image-step:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:600px){.image-dialog{padding:70px 10px 84px}.image-step{top:auto;bottom:18px;transform:none}.image-prev{left:calc(50% - 60px)}.image-next{right:calc(50% - 60px)}}

.case-video-first[data-project-id="adhtv"] :is(.case-deck,.case-source-prose){font-size:clamp(16px,1.35vw,19px);line-height:1.7;letter-spacing:normal;color:#d5cdd9}

.case-video-first[data-project-id="dcnyc"] :is(.case-deck,.case-source-prose){font-size:clamp(16px,1.35vw,19px);line-height:1.7;letter-spacing:normal;color:#d5cdd9}
.case-video-first .case-screenshot img{aspect-ratio:auto;max-height:none;width:100%;height:auto;object-fit:contain}

.case-detail[data-project-id="jamfetti"] .case-deck,.case-detail[data-project-id="jamfetti"] .case-source-prose p{font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:inherit}.case-try{display:inline-flex;margin-top:20px;text-decoration:none}

.case-visit-poster{display:block;width:min(220px,40%);margin:16px auto 0;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0005}.case-visit-poster img{display:block;width:100%;height:auto}.case-visit-poster:focus-visible{outline:3px solid #cab8ff;outline-offset:5px}

.case-jamfetti-recording{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px}.case-jamfetti-recording .case-film-frame{aspect-ratio:1}.case-jamfetti-recording .case-visit-poster{width:100%;margin:0;border:10px solid #d3bddb;box-shadow:inset 0 1px 2px #fff8,0 16px 40px #0005}.case-detail[data-project-id="hemingway"] .case-deck,.case-detail[data-project-id="hemingway"] .case-source-prose p{font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:inherit}@media(max-width:650px){.case-jamfetti-recording{grid-template-columns:1fr}.case-jamfetti-recording .case-visit-poster{width:min(100%,360px);margin:auto}}

.case-video-first .case-jamfetti-recording .case-film-frame video{aspect-ratio:1}

.case-detail .case-try{padding:16px 32px;border:1px solid #f3dcff;border-radius:999px;color:#27182f;background:linear-gradient(#f6e6ff,#d6b0ed 45%,#b783d0 75%,#805297);box-shadow:inset 0 2px 3px #fff9,0 5px 15px #0004;font-weight:700;min-height:48px;align-items:center}.case-detail .case-try:hover{filter:brightness(1.1)}.case-detail .case-try:focus-visible{outline:3px solid white;outline-offset:5px}

.case-detail[data-project-id="hemingway"] .case-primary-visual{width:min(100%,760px)}.case-detail[data-project-id="hemingway"] .case-primary-visual .case-film-frame video{aspect-ratio:80/53}.case-detail[data-project-id="hemingway"] .case-primary-visual .case-film-frame{padding:14px;border-radius:30px}.case-detail[data-project-id="hemingway"] .case-primary-visual .case-film-frame video{border-radius:18px}@media(min-width:700px){.case-detail[data-project-id="hemingway"] .case-primary-visual{width:min(760px,60svh)}}

.case-video-first .case-deck,.case-video-first .case-source-prose p{font-size:clamp(16px,1.35vw,19px);font-weight:400;line-height:1.7;color:inherit}

.case-jamfetti-recording{grid-template-columns:1fr}.case-jamfetti-recording .case-film-frame,.case-video-first .case-jamfetti-recording .case-film-frame video{aspect-ratio:16/9}.case-jamfetti-recording .case-visit-poster{width:min(100%,420px);margin:auto;aspect-ratio:16/9}

.case-jamfetti-recording .case-film-frame{position:relative}
.case-video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(76px,9vw,116px);aspect-ratio:1;border-radius:50%;border:2px solid #fff9;background:linear-gradient(145deg,#fff1ff,#d5b5e9 52%,#9871b8);color:#35203f;box-shadow:inset 0 3px 6px #fffd,0 8px 30px #0007;cursor:pointer;font:38px/1 sans-serif}
.case-video-play span{margin-left:6px}.case-video-play[hidden]{display:none}.case-video-play:focus-visible{outline:4px solid white;outline-offset:6px}.case-video-play:hover{filter:brightness(1.1)}

body:has(#project-dialog[open]) > .toy-scene-canvas,body:has(#image-dialog[open]) > .toy-scene-canvas,#project-dialog:has(~ #image-dialog[open]) > .toy-scene-canvas{visibility:hidden!important}
.case-detail[data-project-id="dcnyc"] .case-primary-image img{object-fit:cover;aspect-ratio:1150/687;object-position:center}

.case-detail[data-project-id="dcnyc"] .case-primary-image{cursor:pointer}