.concept-studio{--concept-bg:#0c0f14;--concept-card:#171d20;--concept-line:#354247;--concept-text:#f4f7f4;--concept-muted:#aebcbd;--concept-accent:#34c77b;--concept-paper:#fff;--concept-ink:#243036;background:var(--concept-bg);min-height:100vh;color:var(--concept-text);font-family:Manrope,system-ui,sans-serif}.concept-studio *{box-sizing:border-box}.concept-inner{max-width:1320px;margin:auto;padding:28px 32px 80px}.concept-header{border-bottom:1px solid var(--concept-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:22px;display:grid}.concept-header strong{min-width:0;font-size:19px}.concept-header strong span{color:var(--concept-muted);margin-left:12px;font-size:12px;font-weight:500}.concept-header small{color:var(--concept-accent);text-align:right;font-size:11px;font-weight:800}.concept-intro{padding:55px 0 48px}.concept-intro>span{color:var(--concept-accent);font-size:11px;font-weight:800}.concept-intro h1{letter-spacing:0;margin:14px 0 16px;font-size:clamp(36px,4.3vw,64px);font-weight:700;line-height:1.08}.concept-intro p{max-width:650px;color:var(--concept-muted);margin:0;font-size:15px;line-height:1.7}.finalist-list{gap:64px;display:grid}.finalist{border-top:1px solid var(--concept-line);padding-top:22px}.finalist-heading{align-items:baseline;gap:28px;padding-bottom:22px;display:flex}.finalist-number{min-width:84px;color:var(--concept-accent);font-size:12px;font-weight:800}.finalist-heading h2{margin:0;font-size:30px;line-height:1.1}.finalist-heading p{color:var(--concept-muted);margin:6px 0 0;font-size:13px}.finalist-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:20px;display:grid}.finalist-artworks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.finalist-frame{aspect-ratio:1;border:1px solid var(--concept-line);place-items:center;min-width:0;margin:0;display:grid;position:relative;overflow:hidden}.finalist-frame img{object-fit:contain;width:82%;height:82%}.finalist-frame figcaption{letter-spacing:.08em;font-size:10px;font-weight:800;position:absolute;bottom:15px;left:16px}.finalist-checker{background-color:#242b2e;background-image:linear-gradient(45deg,#384145 25%,#0000 25%),linear-gradient(-45deg,#384145 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#384145 75%),linear-gradient(-45deg,#0000 75%,#384145 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px}.finalist-checker figcaption{color:var(--concept-ink);background:var(--concept-paper);padding:6px 8px}.finalist-white{background:var(--concept-paper);color:var(--concept-ink)}.finalist-context{background:var(--concept-card);border:1px solid var(--concept-line);flex-direction:column;justify-content:center;min-width:0;padding:20px;display:flex}.finalist-lockup{align-items:center;gap:12px;min-width:0;height:75px;display:flex}.finalist-lockup img{object-fit:contain;flex-shrink:0;width:66px;height:66px}.finalist-lockup strong{white-space:nowrap;font-size:clamp(21px,2.2vw,30px);line-height:1}.finalist-lockup strong span{color:var(--concept-accent)}.context-caption{color:var(--concept-muted);letter-spacing:.08em;margin:8px 0 18px;font-size:10px;font-weight:800}.browser-preview{min-width:0;color:var(--concept-ink);background:#e9ecee;border-radius:7px 7px 0 0;padding:7px 7px 0}.browser-tab{background:var(--concept-paper);border-radius:8px 8px 0 0;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:7px;max-width:240px;height:35px;padding:0 10px;font-size:10px;display:grid}.browser-tab img{object-fit:contain;width:18px;height:18px}.browser-tab span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-toolbar{border-top:1px solid #d7dcdf;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:43px;padding:0 8px;font-size:11px;display:grid}.browser-address{background:var(--concept-paper);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;min-width:0;padding:5px 12px;overflow:hidden}.browser-address span{margin-right:8px}.phone-preview{width:116px;min-height:100px;color:var(--concept-ink);background:#e5e9e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.phone-app-icon{background:var(--concept-paper);border-radius:14px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 3px 10px #0002}.phone-app-icon img{object-fit:contain;width:54px;height:54px}.phone-preview>span{font-size:10px;font-weight:700}.finalist-context>.context-caption:last-child{margin-bottom:0}.concept-footer{border-top:1px solid var(--concept-line);color:var(--concept-muted);margin-top:64px;padding-top:18px;font-size:12px;line-height:1.7}@media (width<=900px){.finalist-layout{grid-template-columns:1fr}.finalist-context{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:4px 12px;display:grid}.finalist-context>.context-caption{grid-row:2}}@media (width<=650px){.concept-inner{padding:20px 14px 60px}.concept-header strong span{display:none}.concept-header small{max-width:140px}.concept-intro{padding:36px 0 34px}.finalist-list{gap:45px}.finalist-heading{gap:10px}.finalist-number{min-width:65px}.finalist-heading h2{font-size:24px}.finalist-artworks{gap:8px}.finalist-frame figcaption{font-size:8px;bottom:8px;left:7px}.finalist-context{gap:0;padding:14px;display:flex}.finalist-lockup,.browser-preview{width:100%}.context-caption{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.concept-studio *,.concept-studio :before,.concept-studio :after{transition:none!important;animation:none!important}}
