body.premium-site .project-design{margin:48px 0 32px;padding-top:32px;border-top:1px solid var(--premium-line,#3b3e48);scroll-margin-top:100px}body.premium-site .project-design h2{margin:0 0 14px;color:var(--premium-ink,#f5f5f6);font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.03em}body.premium-site .project-design-intro{max-width:70ch;margin:0 0 24px;color:var(--premium-muted,#b8bdc7);line-height:1.65}body.premium-site .project-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.premium-site .project-design-color{overflow:hidden;min-width:0;border:1px solid var(--premium-line,#3b3e48);border-radius:12px;background:var(--dark-surface,#282b35)}body.premium-site .project-design-swatch{height:72px;background:var(--project-color);border-bottom:1px solid #ffffff18}body.premium-site .project-design-copy{padding:22px}body.premium-site .project-design-color h3{margin:0 0 20px;color:var(--premium-ink,#f5f5f6);font-size:20px;line-height:1.25}body.premium-site .project-design-color dl{margin:0;display:grid;gap:18px}body.premium-site .project-design-color dt{margin:0 0 6px;color:var(--premium-ink,#f5f5f6);font-size:13px;font-weight:650;line-height:1.4}body.premium-site .project-design-color dd{margin:0;color:var(--premium-muted,#b8bdc7);font-size:15px;line-height:1.65}body.premium-site .project-design-jump{display:inline-flex;margin:0 0 18px;font-size:14px;color:var(--premium-ink,#f5f5f6);text-underline-offset:5px}@media(max-width:760px){body.premium-site .project-design-grid{grid-template-columns:minmax(0,1fr)}body.premium-site .project-design{margin-top:32px;padding-top:24px}body.premium-site .project-design-copy{padding:20px}body.premium-site .project-design-swatch{height:56px}}

/* Shared explanations and spacing for project presentations. */
body.premium-site .project-story-nav{display:flex;flex-wrap:wrap;gap:12px;margin:38px 0 0}
body.premium-site .project-story-nav a{padding:10px 14px;border:1px solid var(--premium-line);border-radius:8px;color:var(--premium-ink);text-decoration:none;font-size:13px;line-height:1.4}
body.premium-site .project-story-nav a:hover{border-color:var(--premium-lime)}
body.premium-site .project-story{margin:48px 0 32px;padding-top:32px;border-top:1px solid var(--premium-line);scroll-margin-top:100px}
body.premium-site .project-story h2{margin:0 0 24px;font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.03em;color:var(--premium-ink)}
body.premium-site .project-story h3{margin:0 0 12px;font-size:20px;line-height:1.3;color:var(--premium-ink)}
body.premium-site .project-story p{margin:0;color:var(--premium-muted);font-size:15px;line-height:1.75}
body.premium-site .project-story blockquote{max-width:36ch;margin:0 0 28px;padding:0 0 0 20px;border-left:3px solid var(--premium-lime);font-size:clamp(22px,2.6vw,30px);line-height:1.4;color:var(--premium-ink)}
body.premium-site .project-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.premium-site .project-story-grid>article{padding:24px;border:1px solid var(--premium-line);border-radius:12px;background:var(--dark-surface)}
body.premium-site .project-story-steps{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}
body.premium-site .project-story-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--premium-line);border-radius:12px;background:var(--dark-surface)}
body.premium-site .project-story-steps li>span{font-size:14px;font-weight:650;color:var(--premium-lime)}
body.premium-site .project-design-jump{margin-right:16px}
body.premium-site .real-project-site-link{width:auto;min-height:32px;padding:0;border:0;border-radius:0;background:none;color:var(--premium-lime);font-size:14px;line-height:1.6;gap:7px;text-decoration:underline;text-underline-offset:4px;box-shadow:none}
body.premium-site .real-project-site-link:hover{background:none;border:0;color:var(--premium-ink)}
body.premium-site .real-project-site-link .ui-arrow{width:15px;height:15px}
body.premium-site .project-design-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
body.premium-site .project-design-actions>a{margin:0}
body.premium-site .pj-palettes{gap:20px!important;align-items:stretch}
body.premium-site .pj-color{min-width:0;background:var(--dark-surface)}
body.premium-site .pj-color-title{padding:22px 22px 18px!important}
body.premium-site .pj-color-title h3{margin:0 0 8px!important;line-height:1.25}
body.premium-site .pj-color dl{display:grid;gap:18px;margin:0;padding:0 22px 24px}
body.premium-site .pj-color dt{margin:0 0 6px;font-size:13px!important;font-weight:650;line-height:1.4;color:var(--premium-ink)!important}
body.premium-site .pj-color dd{margin:0;font-size:15px!important;line-height:1.65}
body.premium-site .pj-note{margin-top:24px!important}
@media(max-width:1100px){body.premium-site .pj-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.premium-site .project-story-grid{grid-template-columns:minmax(0,1fr)}body.premium-site .project-story{margin-top:32px;padding-top:24px}body.premium-site .project-story-grid>article,body.premium-site .project-story-steps li{padding:20px}}
@media(max-width:620px){body.premium-site .pj-palettes{grid-template-columns:minmax(0,1fr)!important}body.premium-site .pj-color-title{padding:20px 20px 16px!important}body.premium-site .pj-color dl{padding:0 20px 20px}}