/* Source-led project surfaces; approved collage geometry remains in collage.css. */
.editorial-words{font-weight:700;overflow:visible}
.case-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:0;border:0;text-align:left;background:#edf0ed;color:#202420;isolation:isolate}
.case-scene{position:absolute;inset:0 0 24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.case-tile img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:none!important;mix-blend-mode:normal!important;transform:none!important;rotate:none!important}
.case-label{position:absolute;inset:auto 0 0;min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 7px;background:#fff;font:10px/1.2 Arial,sans-serif;color:#202420;z-index:2}
.case-label strong{font-weight:500}.case-label>span{font-size:13px}
.case-tile:focus-visible,.lab-brief:focus-visible,.lab-motion:focus-visible,.lab-process:focus-visible{outline:2px solid #d93620;outline-offset:-3px}
.case-tile:hover .case-label{color:#bd321e}
.case-daakesh{background:#071c2c}.case-rawaf{background:#ded6c6}.case-sawa{background:#124e4e}.case-compagen{background:#111316}.case-tour{background:#e3ebf0}.case-gistec{background:#091421}
.case-cover .case-scene{inset:0 0 24px}.case-cover img{object-fit:cover}
.case-web .case-scene{padding:5%}.case-web img{height:auto;max-height:100%;box-shadow:0 6px 16px #0003}
.case-device{height:89%;max-width:82%;aspect-ratio:390/844;display:block;position:relative;overflow:hidden;border:3px solid #171b1b;border-radius:12px;background:#fff;box-shadow:0 9px 18px #0003;animation:case-device-float 9s ease-in-out infinite alternate paused}
.case-device img{object-fit:cover;object-position:top}
.case-daakesh.case-phone .case-device{aspect-ratio:375/844}.case-daakesh.case-phone .case-device img{height:auto;min-height:100%}
.case-sequence img{position:absolute;inset:0}.case-sequence .sequence-next{opacity:0;animation:case-screen-sequence 7s ease-in-out infinite paused}
.case-shield{background:#f2e8eb}.case-shield .case-scene{padding:3% 12%}.case-shield img{object-position:top}
.case-simplexity,.case-research{padding:9%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:31px}
.case-simplexity{background:#f3f169;color:#193b31}.case-simplexity>strong{font-size:3.25cqw;line-height:.96;letter-spacing:-.055em;font-weight:600}
.case-topic{font:500 1.05cqw/1.3 Arial;letter-spacing:.03em}
.case-research{background:#ededeb;color:#272927}.case-research>strong{font-size:3.9cqw;line-height:.97;letter-spacing:-.045em}
.case-simplexity .case-label{background:#f3f169;color:#193b31}.case-research .case-label{background:#ededeb}
/* The creative edition has its own imagery and material language. */
.creative-image{background:#102426}.creative-image .case-scene{inset:0}.creative-image img{object-fit:cover}
.creative-image .case-label{background:linear-gradient(transparent,#081414db);color:#fff;padding-top:20px}
.creative-bloom img{object-position:52% 50%}.creative-forest img{object-position:50% 50%}.creative-gateway img{object-position:58% 50%}
.lab-edition,.lab-brief,.lab-dimensional,.lab-motion,.lab-manifesto,.lab-type,.lab-process{width:100%;height:100%;padding:9%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-align:left;direction:ltr}
.lab-edition{background:#d93824;color:#fff6e8}.lab-edition small{font:500 1.1cqw/1.2 Arial;letter-spacing:.04em}.lab-edition strong{font:600 6.4cqw/.87 Arial;letter-spacing:-.065em}.lab-edition em{font-style:normal;color:#ffd1bc}
.lab-brief{background:#102c2b;color:#eaf3ed}.lab-brief small,.lab-process small{font:500 1.02cqw/1.2 Arial;letter-spacing:.04em}.lab-brief>strong{font:500 3.8cqw/.99 Arial;letter-spacing:-.05em}.lab-brief em{font-style:normal;color:#b7d2bb}.lab-brief>span,.lab-process>span{font:500 1.05cqw/1.2 Arial;letter-spacing:.04em}
.lab-dimensional{background:#fff;color:#252925;padding:4%;justify-content:center}.lab-dimensional>span{font:500 .9cqw/1.2 Arial;letter-spacing:.08em}.lab-dimensional>strong{font:700 11.4cqw/.88 Arial;letter-spacing:-.075em}.lab-dimensional strong span{color:#d93824}
.lab-motion{background:#dde6db;color:#284735;padding:10%}.lab-motion>span:first-child{font:500 1cqw/1.2 Arial;letter-spacing:.06em}.lab-motion>strong{font:600 4.2cqw/1 Arial;letter-spacing:-.06em}.lab-motion>small{display:flex;justify-content:space-between;font:500 1.15cqw/1.2 Arial}.lab-motion b{font-size:1.8cqw;font-weight:400}
.motion-track{height:4.5cqw;width:100%;position:relative;display:block;border-bottom:1px solid #748d7955}.motion-track i{display:block;width:3.5cqw;height:3.5cqw;border-radius:50%;background:#d93824;position:absolute;left:0;bottom:6px;animation:motion-study 2.8s cubic-bezier(.65,0,.35,1) infinite alternate paused}
[data-motion-study="1"] .motion-track i{animation-name:motion-spring;animation-timing-function:cubic-bezier(.22,1.6,.55,1);background:#284735}
[data-motion-study="2"] .motion-track i{animation-name:motion-study;animation-timing-function:linear;background:#aa7429}
.lab-manifesto{background:#efeae0;color:#31342a;padding:12%}.lab-manifesto small{font:500 .95cqw/1.3 Arial;letter-spacing:.035em}.lab-manifesto strong{font:600 3.65cqw/.98 Arial;letter-spacing:-.055em}
.lab-type{padding:4% 0;background:white;justify-content:center}.lab-type strong{font:700 8.4cqw/.88 Arial;letter-spacing:-.075em}.lab-type strong span{color:#d93824}.lab-type small{font:500 1cqw/1.3 Arial;letter-spacing:.1em;margin-top:8%}
.lab-process{background:#fff;color:#242622;padding:5% 0 5% 9%}.lab-process small{color:#927951}.lab-process strong{font:500 4.85cqw/.97 Arial;letter-spacing:-.055em}.lab-process em{color:#c93d28;font-style:normal}
.visual-composition[data-stage=projects]:not([data-wave]) [data-face=projects] .case-device,.visual-composition[data-stage=projects]:not([data-wave]) [data-face=projects] .sequence-next,.visual-composition[data-stage=play]:not([data-wave]) [data-face=play] .motion-track i{animation-play-state:running}
body[data-view=work] .visual-composition *,body.motion-paused .visual-composition *{animation-play-state:paused!important}
@keyframes case-device-float{from{transform:translateY(3%)}to{transform:translateY(-3%)}}
@keyframes case-screen-sequence{0%,35%,100%{opacity:0}48%,85%{opacity:1}}
@keyframes motion-study{0%,10%{left:0}90%,100%{left:calc(100% - 3.5cqw)}}
@keyframes motion-spring{0%,10%{left:0;transform:scale(1)}65%{left:calc(100% - 3.5cqw);transform:scale(.9,1.1)}85%,100%{left:calc(100% - 3.5cqw);transform:scale(1)}}
/* Larger, source-faithful case presentations. */
.gallery{height:clamp(360px,48vh,600px);grid-template-columns:5% 1fr 5%;gap:12px}.active-project{border-radius:4px}.side-preview{border-radius:4px}.project-meta,.gallery-bottom{padding-inline:calc(5% + 12px)}
.project-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4%;overflow:hidden;background:#f0f0ec;isolation:isolate}
.tone-navy{background:#071c2c}.tone-sand{background:#ddd5c5}.tone-tour{background:#e3ebf0}.tone-teal{background:#125154}.tone-ink{background:#111b1c}.tone-green{background:#f2f2bd}.tone-paper{background:#f4f3ed}
.project-cover-image{width:100%;height:100%;object-fit:contain}.visual-concept .project-cover-image{object-fit:cover}.visual-browser .project-cover-image{width:90%;height:84%;object-fit:contain;filter:drop-shadow(0 12px 18px #0002)}.visual-research .project-cover-image{width:94%;height:86%;object-fit:contain}
.showcase-device{height:84%;aspect-ratio:393/852;overflow:hidden;background:white;border:5px solid #202323;border-radius:23px;box-shadow:0 18px 24px #122a3523;flex:none;transform:translateY(-3%)}.showcase-device.device-1{transform:translateY(3%)}.showcase-device img{width:100%;height:100%;object-fit:cover}
.stage-caption{position:absolute;left:20px;bottom:15px;max-width:calc(100% - 40px);display:flex;align-items:center;gap:12px;padding:7px 10px;background:#fffffff0;color:#232723;font:500 11px/1.3 Arial;border-radius:2px}.stage-caption small{font-size:10px;color:#656d66}
.visual-concept .stage-caption{background:#0b2022b8;color:#fff}.visual-concept .stage-caption small{color:#dae5dd}
.preview-art .stage-caption{display:none}.preview-art .project-stage{width:500%;left:-200%}
.project-case-dialog{max-width:1120px;padding:36px 44px}.project-case-dialog .detail-title{max-width:85%;font-size:clamp(38px,4vw,60px);line-height:1.04}.project-case-dialog .detail-copy{max-width:850px}
.case-detail-cover{margin:30px 0 35px;overflow:hidden;background:#f3f3f0;border-radius:3px;display:flex;justify-content:center}.case-detail-cover img{width:100%;height:auto;max-height:650px;object-fit:contain}
.case-reasoning{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:30px 0}.case-reasoning h3{font-size:20px;font-weight:500;letter-spacing:-.035em;margin:0 0 14px}.case-reasoning p{font-size:16px;line-height:1.7;color:#666;margin:0}
.case-detail-screens{display:flex;justify-content:center;align-items:flex-start;gap:28px;padding:38px 24px;margin:30px 0;background:#f1f2ef;overflow:hidden}.case-detail-screens img{max-height:780px;width:auto;max-width:47%;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 12px 26px #26322b17}.case-detail-screens img:only-child{max-width:70%;max-height:none;width:360px}
.project-case-dialog .detail-list{max-width:880px}.project-case-dialog .detail-action{margin-inline-end:12px}
.case-creative-brief{margin-top:36px;padding-top:28px;border-top:1px solid #ddd}.creative-prompt-fields textarea{min-height:230px;max-height:420px;text-align:left;direction:ltr}.case-project-film{margin:30px 0}.case-project-film video{display:block;width:100%;max-height:620px;background:#171717}.case-project-film figcaption{color:#666;font-size:13px;line-height:1.6;margin-top:12px}
@media(max-width:1150px){.gallery{height:clamp(330px,48vh,540px)}}
@media(max-width:800px){.case-label{font-size:7px;min-height:18px;padding:4px}.case-label>span{font-size:9px}.case-scene{bottom:18px}.case-cover .case-scene{bottom:18px}.case-device{border-width:2px;border-radius:8px}.case-simplexity,.case-research{padding-bottom:22px}.gallery{height:360px;grid-template-columns:3% 1fr 3%;gap:7px}.project-meta,.gallery-bottom{padding-inline:calc(3% + 7px)}.stage-caption{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:10px;padding:5px 7px}.stage-caption small{display:none}.showcase-device{height:auto;width:40%;border-width:3px;border-radius:14px}.project-case-dialog{padding:24px 20px}.case-reasoning{grid-template-columns:1fr;gap:25px;padding:24px 0}.case-detail-screens{gap:14px;padding:24px 14px}.case-detail-screens img:only-child{max-width:100%}.case-detail-cover{margin:25px -5px}.project-case-dialog .detail-title{font-size:39px}.creative-image .case-label{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.case-device,.case-sequence .sequence-next,.motion-track i{animation:none!important}.case-sequence .sequence-next{opacity:0}.motion-track i{left:40%}}

/* Explicit small-slot type prevents inherited Studio typography from leaking. */
.piece-swatch .case-topic{font:500 1.05cqw/1.25 Arial;letter-spacing:.015em}
.piece-swatch .case-label{font:500 10px/1.2 Arial;letter-spacing:0}
.piece-swatch .case-label>span{font:400 13px/1 Arial;letter-spacing:0}
.case-research>strong{font-size:3.2cqw}.case-simplexity>strong{font-size:3.3cqw}
.case-shield .case-scene{padding:0}.case-shield img{position:absolute;top:0;left:-10.25%;width:120.5%;height:auto;object-fit:initial}
.case-detail-film{margin:30px 0}.case-detail-film video{display:block;width:100%;max-height:620px;background:#171717}
@media(max-width:800px){.piece-swatch .case-label{font-size:7px}.piece-swatch .case-label>span{font-size:9px}}