#project-modal{--project-unit:var(--ui-scale,1);box-sizing:border-box;width:min(1040px,92vw);max-width:none;max-height:88dvh;margin:auto;padding:0;border:1px solid #ffffff35;border-radius:20px;background:rgba(13,24,32,.72);color:#edf2f4;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 24px 100px #0008;overflow:auto;scrollbar-width:none}#project-modal::-webkit-scrollbar{display:none}#project-modal::backdrop{background:#02080c85;backdrop-filter:blur(8px)}.project-glass{padding:24px;font-family:inherit}.project-top{display:flex;align-items:flex-start;gap:24px;justify-content:space-between;margin-bottom:20px}.project-eyebrow{color:#eeb47a;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px}.project-top h1{font-size:clamp(22px,2vw,30px);line-height:1.25;margin:0;max-width:720px}.project-actions{display:flex;gap:8px;flex:none}.project-actions button,.project-external,.project-back{display:grid;place-items:center;background:#ffffff07;border:1px solid #ffffff30;color:inherit;border-radius:10px;width:36px;height:36px;cursor:pointer;text-decoration:none}.project-actions button{font-size:24px}.project-external svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.project-back{width:auto;padding:0 14px;white-space:nowrap;font-size:14px}.project-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px;align-items:start}.project-media{min-width:0}.project-screen{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#050a0d;display:grid;place-items:center}.project-screen iframe,.project-screen video,.project-cover{position:absolute;width:100%;height:100%;inset:0;border:0;object-fit:contain}.project-cover{object-fit:cover}.project-screen-portrait{aspect-ratio:9/16;max-height:55dvh;width:auto;margin:auto}.project-screen-portrait:has(iframe){width:min(100%,31dvh)}.project-play{z-index:1;display:flex;align-items:center;gap:8px;border-radius:30px;border:1px solid #eeb47a77;background:#07121dd9;backdrop-filter:blur(12px);color:#fff;padding:12px 18px;cursor:pointer;font:inherit;font-size:14px}.project-play svg{width:18px;fill:#eeb47a}.project-story{font-size:15px;line-height:1.65;color:#b8c5ce;max-height:52dvh;overflow:auto;scrollbar-width:none}.project-story::-webkit-scrollbar{display:none}.project-story p{margin:0 0 16px}.project-story .project-client{color:#eeb47a;font-size:14px}.project-video-list{display:flex;gap:10px;overflow-x:auto;margin-top:12px;padding-bottom:3px;scrollbar-width:none}.project-video-list button{flex:0 0 94px;padding:4px;background:#ffffff05;border:1px solid #ffffff25;border-radius:8px;color:#bfccd3;cursor:pointer}.project-video-list button[aria-pressed=true]{border-color:#eeb47a;color:#eeb47a}.project-video-list img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block}.project-video-list span{font-size:12px;display:block;padding:5px 0 2px}.project-page{background:#080f14;color:#edf2f4}.project-page-wrap{width:min(1180px,90%);margin:110px auto 60px}.project-page .project-glass{background:#ffffff08;border:1px solid #ffffff25;border-radius:20px;backdrop-filter:blur(22px)}.project-page .project-story{max-height:none;overflow:visible}.project-page .project-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.project-page .project-top h1{font-size:clamp(26px,3vw,40px)}.project-loading{display:flex;align-items:center;justify-content:space-between}#project-modal button:focus-visible,#project-modal a:focus-visible{outline:2px solid #eeb47a;outline-offset:3px}@media(max-width:750px){.project-glass{padding:16px}.project-top{gap:12px;margin-bottom:16px}.project-top h1{font-size:22px}.project-layout,.project-page .project-layout{grid-template-columns:1fr;gap:18px}.project-story{max-height:none;font-size:15px}.project-page-wrap{margin-top:80px}.project-eyebrow{font-size:11px}.project-actions{gap:5px}.project-actions button,.project-external{width:32px;height:32px}}

.project-screen-portrait{width:min(100%,31dvh)}

.project-share-wrap{position:relative}.project-share svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.project-share-panel{position:absolute;right:0;top:44px;z-index:5;width:190px;padding:12px;border:1px solid #ffffff30;border-radius:12px;background:#0d1c28f5;backdrop-filter:blur(20px);box-shadow:0 12px 35px #0007}.project-share-panel[hidden]{display:none}.project-share-panel p{font-size:12px;color:#eeb47a;margin:0 0 8px}.project-share-panel a,.project-share-panel .project-copy-link{display:block;width:100%;height:auto;text-align:left;padding:9px 10px;border:0;border-radius:6px;font-size:14px;background:transparent;color:#edf2f4;text-decoration:none;cursor:pointer}.project-share-panel a:hover,.project-share-panel button:hover{background:#ffffff10}.project-share-panel .project-copy-link{margin-top:6px;border-top:1px solid #ffffff20;border-radius:0}.project-share-panel .project-share-status{margin:8px 0 0}.project-share-panel input{width:100%;font-size:12px;color:#fff;background:#142736;border:1px solid #ffffff40;padding:6px}