.dev2-showcase{width:min(1040px,84vw);margin:0;text-align:left;color:#f6f6f2}
.dev2-showcase-stage{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:22px;isolation:isolate;background:#c6d5d5}
.dev2-project-slide{position:absolute;inset:0;margin:0;overflow:hidden;background:var(--project-color)}
.dev2-project-slide[hidden],.dev2-project-captions [hidden]{display:none}
.dev2-project-composition{position:absolute;inset:0}
.dev2-project-shot{position:absolute;left:7%;top:10%;width:64%;aspect-ratio:var(--shot-aspect,16/10);overflow:hidden;border-radius:8px;box-shadow:0 22px 55px -20px #0008;transform:rotate(-3deg);background:#fff}
.dev2-project-shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.dev2-project-shot:nth-child(2){left:45%;top:39%;width:48%;transform:rotate(3deg)}
.dev2-project-shot:nth-child(3){left:77%;top:13%;width:18%;transform:rotate(5deg)}
.dev2-project-shot.is-portrait{aspect-ratio:390/844}
.dev2-project-shot:nth-child(2).is-portrait{left:72%;top:19%;width:20%}
.dev2-project-slide[data-count="3"] .dev2-project-shot:first-child{width:59%;left:6%;top:9%}
.dev2-project-slide[data-count="3"] .dev2-project-shot:nth-child(2):not(.is-portrait){width:46%;left:30%;top:42%}
.dev2-project-slide[data-count="4"] .dev2-project-shot:first-child{width:61%;left:6%;top:17%}
.dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(2){width:19%;left:65%;top:7%;transform:rotate(4deg)}
.dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(3){width:16%;left:80%;top:33%;transform:rotate(7deg)}
.dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(4){width:15%;left:52%;top:44%;transform:rotate(-5deg)}
.dev2-showcase-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;min-height:112px;padding-top:26px}
.dev2-project-captions{max-width:650px}
.dev2-project-captions h3{font:400 clamp(20px,2.1vw,28px)/1.15 'Dev2 Cabinet',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 9px}
.dev2-project-captions p{font:400 clamp(14px,1.25vw,17px)/1.5 'Dev2 Cabinet',Arial,sans-serif;letter-spacing:0;color:#92928e;margin:0;max-width:58ch}
.dev2-showcase-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.dev2-showcase-count{font:11px/1 var(--font-mono,monospace);letter-spacing:.08em;color:#999;margin-right:14px;white-space:nowrap}
.dev2-showcase-controls button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff35;border-radius:50%;padding:0;background:transparent;color:inherit;font-size:20px;cursor:pointer;transition:background .2s,transform .2s}
.dev2-showcase-controls button:hover{background:#ffffff15;transform:translateY(-2px)}
.dev2-showcase-controls button:focus-visible{outline:2px solid #c9ff6b;outline-offset:4px}
.dev2-showcase-play{display:none}
[data-project-play][aria-pressed="true"] .dev2-showcase-pause{display:none}
[data-project-play][aria-pressed="true"] .dev2-showcase-play{display:block}
@media(max-width:700px){
 .dev2-showcase{width:100%}
 .dev2-showcase-stage{aspect-ratio:4/3;border-radius:14px}
 .dev2-project-shot{top:13%;left:5%;width:70%;border-radius:5px;box-shadow:0 14px 30px -12px #0008}
 .dev2-project-shot:nth-child(2){left:33%;top:44%;width:61%}
 .dev2-project-shot:nth-child(2).is-portrait{left:72%;top:27%;width:23%}
 .dev2-project-shot:nth-child(3){left:76%;top:13%;width:20%}
 .dev2-project-slide[data-count="3"] .dev2-project-shot:first-child{width:69%;left:4%;top:12%}
 .dev2-project-slide[data-count="3"] .dev2-project-shot:nth-child(2):not(.is-portrait){width:56%;left:18%;top:43%}
 .dev2-project-slide[data-count="4"] .dev2-project-shot:first-child{width:72%;left:4%;top:23%}
 .dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(2){width:23%;left:65%;top:8%}
 .dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(3){width:18%;left:78%;top:37%}
 .dev2-project-slide[data-count="4"] .dev2-project-shot:nth-child(4){width:18%;left:48%;top:42%}
 .dev2-showcase-footer{flex-direction:column;gap:20px;padding-top:22px;min-height:196px}
 .dev2-project-captions{min-height:90px}
 .dev2-showcase-controls{width:100%;justify-content:flex-end}
 .dev2-showcase-count{margin-right:auto}
}

/* The delivery and its authoring form retain their original screen proportions. */
.dev2-project-slide[data-project="transfer-"] .dev2-project-shot:first-child{left:5%;top:9%;width:58%}
.dev2-project-slide[data-project="transfer-"] .dev2-project-shot:nth-child(2):not(.is-portrait){left:24%;top:39%;width:47%}
.dev2-project-slide[data-project="transfer-"] .dev2-project-shot:nth-child(3){left:78%;top:12%;width:18%}
@media(max-width:700px){
 .dev2-project-slide[data-project="transfer-"] .dev2-project-shot:first-child{left:4%;top:12%;width:69%}
 .dev2-project-slide[data-project="transfer-"] .dev2-project-shot:nth-child(2):not(.is-portrait){left:12%;top:40%;width:58%}
 .dev2-project-slide[data-project="transfer-"] .dev2-project-shot:nth-child(3){left:73%;top:18%;width:23%}
}

.dev2-project-slide[data-count="1"] .dev2-project-shot:first-child{width:70%;left:15%;top:11%;transform:rotate(-2deg)}
@media(max-width:700px){.dev2-showcase{width:min(92%,520px)}}

.dev2-project-anchor{width:min(1040px,84vw);max-width:100%;scroll-margin-top:110px}
.dev2-project-anchor .dev2-showcase{width:100%}