/* Original project imagery, framed as editorial device compositions. */
.public-project{background:#ebeef1;container-type:inline-size;perspective:1400px;isolation:isolate}.public-device-shadow{position:absolute;left:14%;right:10%;height:13%;bottom:9%;background:#1b203a30;border-radius:50%;filter:blur(23px)}.public-laptop{position:absolute;width:84%;left:8%;top:11%;transform:rotateX(5deg) rotateY(-8deg) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1)}.public-laptop-screen{padding:.7cqw .7cqw 1.1cqw;background:linear-gradient(120deg,#5c5d66,#202127 50%,#3d3e45);border-radius:1.9cqw 1.9cqw .5cqw .5cqw;box-shadow:0 0 0 1px #ffffff55,inset 0 0 0 1px #fff2;overflow:hidden}.public-browser{height:2.5cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw;background:#fafafa;color:#797980;border-radius:1cqw 1cqw 0 0;padding:0 1.5cqw;font-size:.65cqw}.public-browser>span:first-child{display:flex;gap:.3cqw}.public-browser i{display:block;width:.4cqw;height:.4cqw;border-radius:50%;background:#d0d0d7}.public-browser i:first-child{background:#e8a9a5}.public-browser i:nth-child(2){background:#e6c793}.public-browser i:nth-child(3){background:#a2c5b0}.public-browser b{font-weight:500}.public-screen-content{position:relative;aspect-ratio:1.72;background:#fff;overflow:hidden}.public-screen-content img{width:100%;height:100%;object-fit:cover}.public-screen-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;align-items:start;background:linear-gradient(transparent 30%,#0009);padding:4cqw;color:white}.public-screen-title>span{font-size:.85cqw;margin-bottom:1.2cqw;font-weight:550}.public-screen-title strong{font-size:4.2cqw;line-height:1.05;letter-spacing:-.06em;font-weight:650}.public-laptop-base{position:relative;margin-left:-7%;width:114%;height:1.8cqw;border-radius:0 0 45% 45%/0 0 90% 90%;background:linear-gradient(#e0e1e5 8%,#aaaeb8 44%,#727683 92%);box-shadow:0 1cqw 1.3cqw #12162626}.public-laptop-base>i{position:absolute;top:0;left:42%;right:42%;height:.5cqw;border-radius:0 0 1cqw 1cqw;background:linear-gradient(90deg,#969ba4,#d0d2d8 20%,#d0d2d8 80%,#969ba4)}.public-art-label{position:absolute;left:6%;right:6%;bottom:3.5%;text-align:center;font-size:9px;color:#74747c;line-height:1.4}.theme-drive{background:radial-gradient(ellipse at 70% 20%,#dedbd5,#b8b9be)}.theme-heritage{background:#ebe8e1}.theme-bama{background:radial-gradient(ellipse at 70% 20%,#f3e7d5,#c6bcb1)}.theme-finance{background:#e5e8e3}.theme-publsy{background:#f2e7e0}.theme-aurank{background:#e2e9dc}.theme-neon{background:radial-gradient(ellipse at 50% 20%,#352663,#12151f)}.theme-neon .public-art-label{color:#a19ab5}.theme-dream{background:#e3e5e9}.theme-palace{background:#eedbc4}.theme-gym{background:#292b2e}.theme-gym .public-art-label{color:#ababaf}.theme-motiflow{background:#ede8f7}.media-screen .public-screen-content{aspect-ratio:1.6}.media-screen .public-screen-content img,.media-logo .public-screen-content img,.media-poster .public-screen-content img{object-fit:contain}.media-logo .public-screen-content{background:#fff;padding:6cqw 9cqw}.media-poster .public-screen-content{background:#f6f6f9}.public-project.media-logo .public-laptop{top:12%}.work-card:hover .public-laptop{transform:rotateX(0) rotateY(-3deg) rotateZ(-1deg)}.project-spotlight .public-laptop{width:78%;left:11%;top:9%}.project-spotlight .public-art-label{font-size:10px;bottom:3%}.project-spotlight .public-screen-title strong{font-size:4cqw}.project-spotlight .public-device-shadow{bottom:5%}.case-hero-grid .public-laptop{width:88%;left:6%;top:16%}.work-card .public-laptop{top:16%}.pv-real-screen{display:block;width:100%;height:100%;object-fit:contain;background:#f5f7f1}.device-scene--hero .product-desktop{aspect-ratio:1.52}.device-scene--hero .pv-demo-label{font-size:9px;white-space:normal;width:85%;text-align:center;line-height:1.5}
@media(max-width:800px){.project-spotlight .public-laptop{width:85%;left:7.5%;top:15%}.public-art-label{font-size:8px}.device-scene--hero .pv-demo-label{font-size:8px}}
@media(max-width:540px){.project-spotlight .public-laptop{width:91%;left:4.5%;top:22%}.project-spotlight .public-art-label{font-size:8px;bottom:8%;left:10%;right:10%}.project-spotlight .public-screen-title strong{font-size:5cqw}.public-screen-title>span{font-size:1.3cqw}.public-laptop-screen{padding:1cqw;border-radius:2.2cqw}.public-browser{height:4cqw;font-size:1.2cqw}.public-browser i{width:.8cqw;height:.8cqw}.public-laptop-base{height:2.5cqw}.case-hero-grid .public-laptop{top:19%}.public-art-label{font-size:7px;bottom:6%}.work-card .public-laptop{top:18%}.device-scene--hero .pv-demo-label{width:70%;font-size:7px;bottom:0}}
@media(prefers-reduced-motion:reduce){.public-laptop{transition:none}.work-card:hover .public-laptop{transform:rotateX(5deg) rotateY(-8deg) rotateZ(-2deg)}}
/* Generated device photographs are already complete compositions: never crop them. */
.showcase-art.generated-project,.project-spotlight .showcase-art.generated-project,.work-card .showcase-art.generated-project{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:16/10;height:auto;min-width:0;background:#f5f5f7}
.generated-project>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.generated-project>.generated-label{display:block;padding:6px 14px 10px;text-align:center;font-size:10px;line-height:1.4;color:#66666e}
.case-hero-grid .showcase-art.generated-project{height:440px;aspect-ratio:auto}
@media(max-width:800px){.case-hero-grid .showcase-art.generated-project{height:auto;aspect-ratio:16/10}.generated-project>.generated-label{font-size:9px;padding:5px 12px 8px}}