/* Project-specific editorial previews. Visual samples, not live application data. */
.project-grid{gap:22px}.project-grid.two{gap:22px}.project{border-radius:18px;padding:24px;min-height:570px;box-shadow:0 4px 12px #00000008;transition:transform .3s,box-shadow .3s}.project[data-design-id="card-editorial-3"]:hover{transform:translateY(-7px);box-shadow:0 20px 40px #00000020}.project:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.project-world{background:#edf0f8;color:#122440}.project-stock{background:#e9f1ed;color:#163a2b}.project-go{background:#eeeaf5;color:#36224e}.project-motion{background:#e9ecfc;color:#253ba4}.project-menu{background:#f3e6d7;color:#522a18}.project-game{background:#eee3d5;color:#6e251d}.project-meta{font-size:12px;letter-spacing:.02em;font-weight:600;opacity:.8}.project-copy{margin-top:32px}.project-copy p{font-size:12px}.project-copy h3{font-size:30px;margin-bottom:12px}.project-copy>span{font-size:16px;opacity:.8;line-height:1.7}.visit,.project-menu .visit{border-color:currentColor;display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:.85}.visit strong{font-size:14px}.case-preview{position:relative;margin-top:24px;height:250px;flex-shrink:0;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px #00000018;transition:transform .4s}.project:hover .case-preview{transform:translateY(-3px)}.preview-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #ffffff20;font-size:9px;letter-spacing:.08em}.mini-brand{font-weight:900}.association{background:#132846;color:#f4f5f9}.association-heading{font-size:26px;font-weight:800;line-height:1.2;padding:22px 20px 16px;letter-spacing:-.04em}.mini-nav{display:flex;gap:18px;padding:0 20px 14px;color:#e5c598;font-size:11px}.rank-row{margin:0 20px;padding:9px 0;display:flex;gap:12px;border-top:1px solid #ffffff1f;font-size:9px}.rank-row>span{color:#e5c598}.rank-row b{font-weight:600}.rank-row i{margin-left:auto;font-style:normal;color:#e5c598}.market{background:#102b22;color:#edf7f0}.market-heading{font-size:21px;font-weight:800;padding:18px 18px 0}.chart-grid{height:120px;padding:10px 20px}.chart-grid svg{width:100%;height:100%}.market-tabs{padding:12px 18px;display:flex;gap:17px;font-size:10px;color:#93edbb;border-top:1px solid #ffffff15}.workspace{background:#fbfaff;color:#34274a}.workspace .preview-bar{border-color:#e6e1ef}.workspace-body{display:flex;height:206px}.mini-sidebar{width:58px;background:#312347;color:#c3b6d9;padding:16px 7px;display:flex;flex-direction:column;gap:16px;font-size:9px;align-items:center}.mini-sidebar b{font-size:19px;color:#fff}.mini-sidebar .selected{background:#685080;color:white;padding:4px 8px;border-radius:4px}.mini-dashboard{padding:16px 12px;flex:1}.dashboard-heading{font-size:15px;font-weight:800}.dashboard-tiles{display:flex;gap:6px;margin:10px 0;font-size:8px}.dashboard-tiles>span{background:#eee8f6;border:1px solid #e4dced;padding:8px;flex:1;border-radius:5px}.dashboard-tiles b{display:block;margin-top:4px;color:#755294;font-size:13px}.dashboard-row{display:flex;gap:7px;padding:8px 0;border-bottom:1px solid #eee8f4;font-size:8px;align-items:center}.dashboard-row i{width:5px;height:5px;background:#a28ab8;border-radius:50%}.dashboard-row b{margin-left:auto;color:#8b789a}.atelier{background:#242dca;color:#fff}.atelier-heading{font-size:42px;font-weight:900;letter-spacing:-.065em;padding:20px 20px 12px}.atelier-heading em{font-style:normal;color:#edff7a}.component-samples{display:flex;gap:10px;padding:0 20px;align-items:stretch}.component-samples>div{min-height:66px;flex:1;border:1px solid #ffffff50;border-radius:8px;display:flex;align-items:center;justify-content:center}.sample-button{font-size:11px;font-weight:800;background:#edff7a;color:#222bba;box-shadow:4px 4px 0 #0b146f;transform:rotate(-4deg)}.sample-type{font-size:28px;flex-direction:column}.sample-type span{font-size:6px;letter-spacing:.12em}.sample-bars{flex-direction:column;gap:6px}.sample-bars i{height:5px;width:55%;background:#edff7a;transition:width .4s}.sample-bars i:nth-child(2){width:35%}.sample-bars i:nth-child(3){width:70%}.project:hover .sample-bars i{width:75%}.atelier-styles{display:flex;gap:8px;padding:20px;font-size:9px}.atelier-styles span{border:1px solid #ffffff30;padding:4px 8px;border-radius:20px}.menu-preview{background:#fff7eb;color:#783e2b}.menu-preview .preview-bar{border-color:#dfcfba}.menu-heading{font-size:24px;font-weight:800;padding:22px 20px 16px;letter-spacing:-.04em}.menu-list{padding:0 20px;width:72%}.menu-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid #dfcfba;padding:12px 0;font-size:11px}.menu-list span{font-size:9px;color:#a38b76}.menu-list i{font-size:7px;font-style:normal;margin-left:auto;color:#a38b76}.menu-stamp{position:absolute;right:20px;bottom:26px;border:2px solid #b34226;border-radius:50%;width:64px;height:64px;display:grid;place-content:center;text-align:center;font-size:11px;color:#b34226;transform:rotate(-13deg)}.project-wide{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto 1fr auto;column-gap:60px;min-height:520px}.project-wide .case-preview{grid-column:1;grid-row:2;height:320px;align-self:center}.project-wide .project-copy{grid-column:2;grid-row:2;align-self:center;max-width:370px}.project-wide .project-copy h3{font-size:42px}.chess-preview{background:#9f2b24;color:#f7e5c5}.chess-kicker{padding:22px;font-size:10px;letter-spacing:.14em}.chess-title{padding:0 22px;font-size:30px;line-height:1.15;font-weight:800}.chess-preview .pieces{position:absolute;right:20px;top:80px;gap:12px;transform:rotate(-8deg)}.chess-preview .pieces i{width:75px;height:75px;font-size:35px}.chess-preview .pieces strong{font-size:10px}.chess-modes{position:absolute;bottom:20px;left:22px;display:flex;gap:9px;font-size:10px}.chess-modes span{border:1px solid #ffffff40;border-radius:4px;padding:6px 9px}.online{color:#6e251d}.online i{background:#527343}.category-title small{font-size:12px}.project-grid.two .case-preview{height:270px}.project-grid.two .project{min-height:575px}.project-grid.two .preview-bar{padding:18px 20px}.project-grid.two .atelier-heading{font-size:50px}.project-grid.two .menu-heading{font-size:30px}.project-grid.two .menu-list{width:78%}
@media(max-width:1100px) and (min-width:781px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-go{grid-column:1/-1;min-height:480px}.project-go .case-preview{max-width:460px}.project-wide{column-gap:30px}.chess-preview .pieces{top:140px}.project-wide .project-copy h3{font-size:36px}}
@media(max-width:780px){.project-grid,.project-grid.two{gap:18px;grid-template-columns:1fr}.project,.project-grid.two .project{min-height:530px;padding:20px;border-radius:14px}.case-preview,.project-grid.two .case-preview{height:250px;margin-top:20px}.project-copy{margin-top:28px}.project-wide{display:flex;gap:0;min-height:650px}.project-wide .case-preview{width:100%;height:300px;align-self:stretch}.project-wide .project-copy{align-self:stretch;max-width:none}.project-wide .project-copy h3{font-size:32px}.chess-preview .pieces{top:145px;right:20px}.chess-title{font-size:27px}.project-grid.two .atelier-heading{font-size:42px}.project-grid.two .menu-heading{font-size:24px}.project-grid.two .menu-list{width:72%}.visit>span{font-size:11px}.visit strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.project,.case-preview,.sample-bars i{transition:none}.project[data-design-id="card-editorial-3"]:hover,.project:hover .case-preview{transform:none}}