/* Starry uses the same editorial rhythm and restrained cards as sibling cases. */
.case-modal-detail.aligned-case.starry-case { --case-accent:#00a737; }
.case-modal-detail.aligned-case.starry-case :is(h1,h2,h3,p,b,strong,span,small) { font-family:var(--font-sans); }
.case-modal-detail.aligned-case.starry-case .starry-hero-subtitle { width:100%; max-width:none; color:var(--case-text); font-family:var(--font-sans); font-weight:500; line-height:1.35; text-wrap:pretty; }
.case-modal-detail.aligned-case.starry-case .starry-cover { padding-top:0; }
.case-modal-detail.aligned-case.starry-case .starry-video-frame { margin:0; overflow:hidden; border:1px solid var(--case-line); border-radius:14px; }
.case-modal-detail.aligned-case.starry-case .starry-video-frame video { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-section { padding-top:104px; padding-bottom:104px; }
.case-modal-detail.aligned-case.starry-case .sr-heading { margin-bottom:36px; }
.case-modal-detail.aligned-case.starry-case .sr-heading h2 { max-width:780px; font-size:clamp(30px,3vw,42px); line-height:1.3; }
.case-modal-detail.aligned-case.starry-case .sr-heading p { max-width:700px; font-size:15px; line-height:1.95; }
.case-modal-detail.aligned-case.starry-case .sr-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:100%; margin:0; }
.case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child) { grid-template-columns:repeat(6,minmax(0,1fr)); }
.case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child)>article { grid-column:span 2; }
.case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child)>article:nth-child(n+4) { grid-column:span 3; }
.case-modal-detail.aligned-case.starry-case .sr-feature-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.case-modal-detail.aligned-case.starry-case .sr-feature-cards>article { justify-content:flex-start; min-height:210px; }
.case-modal-detail.aligned-case.starry-case .sr-cards.sr-goal-cards>article { justify-content:flex-start; }
.case-modal-detail.aligned-case.starry-case .sr-cards article { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; min-width:0; padding:25px 28px; border:1px solid var(--case-line); border-radius:16px; background:var(--case-panel); }
.case-modal-detail.aligned-case.starry-case .sr-cards article>svg { display:block; width:30px; height:30px; margin:0 0 4px; color:#6f6f76; fill:currentColor; flex:0 0 auto; }
.case-modal-detail.aligned-case.starry-case .sr-cards strong { color:var(--case-text); font-size:clamp(18px,2vw,25px); font-weight:600; line-height:1.4; letter-spacing:-.02em; }
.case-modal-detail.aligned-case.starry-case .sr-cards span { max-width:330px; color:var(--case-muted); font-size:13px; line-height:1.8; }
.case-modal-detail.aligned-case.starry-case .sr-thesis { margin-top:52px; max-width:740px; }
.case-modal-detail.aligned-case.starry-case .sr-thesis>span { color:var(--case-muted); font-size:12px; }
.case-modal-detail.aligned-case.starry-case .sr-thesis p { margin:13px 0 0; color:var(--case-text); font-size:clamp(25px,3vw,36px); line-height:1.5; font-weight:550; letter-spacing:-.03em; }
.case-modal-detail.aligned-case.starry-case .sr-product-lines { display:grid; gap:0; max-width:840px; margin-top:42px; }
.case-modal-detail.aligned-case.starry-case .sr-product-lines p { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; margin:0; padding:18px 0; border-bottom:1px solid var(--case-line); font-size:13px; line-height:1.8; }
.case-modal-detail.aligned-case.starry-case .sr-product-lines b { color:var(--case-text); font-weight:550; }
.case-modal-detail.aligned-case.starry-case .sr-product-lines span { color:var(--case-muted); }
.case-modal-detail.aligned-case.starry-case .sr-collab-visual { margin:48px 0 0; overflow:hidden; border-radius:16px; background:#0d0d12; }
.case-modal-detail.aligned-case.starry-case .sr-collab-visual img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-editing-keyword-wall { margin:48px 0 0; overflow:hidden; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-editing-keyword-wall img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-figma-ai-architecture { margin:48px 0 0; overflow:hidden; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-figma-ai-architecture img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-system-visual { margin:48px 0 0; overflow:hidden; border:0; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-system-visual img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-growth-visual { max-width:920px; margin:48px auto 0; overflow:hidden; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-growth-visual img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-mg-ops-visual { margin:48px 0 0; overflow:hidden; border:0 !important; outline:0; border-radius:16px; background:#0C0C12; box-shadow:none; }
.case-modal-detail.aligned-case.starry-case .sr-mg-ops-visual img { display:block; width:100%; height:auto; border:0; outline:0; box-shadow:none; }
.case-modal-detail.aligned-case.starry-case .sr-project-results-visual { max-width:920px; margin:48px auto 0; overflow:hidden; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-project-results-visual img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-delivery-timeline { margin:48px 0 0; overflow:hidden; border-radius:16px; background:#0C0C12; }
.case-modal-detail.aligned-case.starry-case .sr-delivery-timeline img { display:block; width:100%; height:auto; }
.case-modal-detail.aligned-case.starry-case .sr-agent-demo { width:100%; aspect-ratio:16/10; margin:48px 0 0; overflow:hidden; border:1px solid var(--case-line); border-radius:16px; background:#f4f4f3; }
.case-modal-detail.aligned-case.starry-case .sr-agent-demo iframe { display:block; width:100%; height:100%; border:0; }
.case-modal-detail.aligned-case.starry-case .sr-placeholder { display:flex; align-items:center; justify-content:center; min-height:280px; margin:48px 0 0; padding:48px; border:1px dashed rgba(255,255,255,.25); border-radius:16px; background:transparent; }
.case-modal-detail.aligned-case.starry-case .sr-placeholder>div { width:100%; max-width:540px; }
.case-modal-detail.aligned-case.starry-case .sr-placeholder span { display:block; margin-bottom:14px; color:#85858f; font-size:11px; }
.case-modal-detail.aligned-case.starry-case .sr-placeholder b { display:block; color:#c4c4cc; font-size:17px; font-weight:500; line-height:1.6; }
.case-modal-detail.aligned-case.starry-case .sr-placeholder p { margin:12px 0 0; color:#85858f; font-size:13px; line-height:1.9; }
.case-modal-detail.aligned-case.starry-case .sr-note { max-width:700px; margin-top:48px; }
.case-modal-detail.aligned-case.starry-case .sr-note h3 { margin:0 0 15px; color:var(--case-text); font-size:22px; font-weight:550; line-height:1.5; letter-spacing:-.02em; }
.case-modal-detail.aligned-case.starry-case .sr-note p { margin:0; color:var(--case-muted); font-size:14px; line-height:1.95; }
.case-modal-detail.aligned-case.starry-case .sr-tool-flow { margin-top:32px; padding:0; border:0; outline:0; border-radius:0; background:transparent; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop { display:grid; grid-template-columns:minmax(0,1fr) 32px minmax(0,1.5fr) 32px minmax(0,1fr); align-items:stretch; gap:12px; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article { display:flex; flex-direction:column; justify-content:flex-start; gap:10px; min-width:0; padding:20px 22px; border-radius:16px; background:#14151C; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article>span { display:flex; align-items:center; gap:10px; color:#9DA2B0; font-size:12px; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article>span::before { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:#20232D; color:#AAB2C0; font-size:10px; font-weight:650; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article:first-child>span::before { content:"01"; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article:nth-child(3)>span { color:#42C99A; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article:nth-child(3)>span::before { content:"02"; background:#17352D; color:#42C99A; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop article:last-child>span::before { content:"03"; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop p { margin:0; padding-top:12px; border-top:1px solid #2B2F39; color:#AEB3C0; font-size:13px; line-height:1.8; }
.case-modal-detail.aligned-case.starry-case .sr-tool-loop p strong { color:#F3F4F7; font-size:inherit; font-weight:650; }
.case-modal-detail.aligned-case.starry-case .sr-tool-arrow { display:flex; align-items:center; justify-content:center; color:#5B6370; font-size:20px; }
.case-modal-detail.aligned-case.starry-case .sr-end { display:flex; justify-content:center; margin:38px 0 0; font-size:14px; }
.case-modal-detail.aligned-case.starry-case .sr-end a { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 24px; border:1px solid #fff; border-radius:999px; background:#fff; color:#0C0C12; font-weight:600; text-decoration:none; transition:background-color .2s ease, transform .2s ease; }
.case-modal-detail.aligned-case.starry-case .sr-end a:hover { background:#e9ebef; transform:translateY(-1px); }
.case-modal-detail.aligned-case.starry-case .sr-end a:focus-visible { outline:2px solid var(--case-accent); outline-offset:4px; }
@media(max-width:760px) {
 .case-modal-detail.aligned-case.starry-case .sr-section { padding-top:66px; padding-bottom:66px; }
 .case-modal-detail.aligned-case.starry-case .sr-heading { margin-bottom:28px; }
 .case-modal-detail.aligned-case.starry-case .sr-heading h2 { font-size:28px; }
 .case-modal-detail.aligned-case.starry-case .sr-heading p { font-size:14px; }
 .case-modal-detail.aligned-case.starry-case .sr-cards { gap:12px; }
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(3):last-child),
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .case-modal-detail.aligned-case.starry-case .sr-feature-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child)>article { grid-column:auto; }
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child)>article:nth-child(n+4) { grid-column:auto; }
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(odd):last-child)>article:last-child { grid-column:1/-1; }
 .case-modal-detail.aligned-case.starry-case .sr-cards article { padding:20px; gap:9px; }
 .case-modal-detail.aligned-case.starry-case .sr-cards strong { font-size:19px; }
 .case-modal-detail.aligned-case.starry-case .sr-cards span { font-size:12px; }
 .case-modal-detail.aligned-case.starry-case .sr-agent-demo { margin-top:34px; }
 .case-modal-detail.aligned-case.starry-case .sr-mg-ops-visual { margin-top:34px; }
 .case-modal-detail.aligned-case.starry-case .sr-placeholder { min-height:240px; margin-top:34px; padding:28px; }
 .case-modal-detail.aligned-case.starry-case .sr-note { margin-top:36px; }
 .case-modal-detail.aligned-case.starry-case .sr-tool-flow { margin-top:24px; padding:0; }
 .case-modal-detail.aligned-case.starry-case .sr-tool-loop { grid-template-columns:1fr; gap:8px; }
 .case-modal-detail.aligned-case.starry-case .sr-tool-loop article { padding:15px 18px; }
 .case-modal-detail.aligned-case.starry-case .sr-tool-arrow { min-height:16px; font-size:16px; transform:rotate(90deg); }
 .case-modal-detail.aligned-case.starry-case .sr-product-lines p { grid-template-columns:1fr; gap:7px; }
}
@media(max-width:480px) {
 .case-modal-detail.aligned-case.starry-case .sr-cards,
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(3):last-child),
 .case-modal-detail.aligned-case.starry-case .sr-cards:has(>article:nth-child(5):last-child),
 .case-modal-detail.aligned-case.starry-case .sr-feature-cards { grid-template-columns:1fr; }
}