/* /projects/somiklinikken/: clinic case study, on top of essay.css (scene: somi-scene.js). SOMI's own rose palette is kept. */
:root{--rose:#D9A79A;--nude:#F1E3DA}
#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
.essay section{padding:16vh 0}
.chap.chapter-now{display:block}
.chap{margin:0;color:var(--muted);font-size:.88rem;text-align:right}
.meter{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--rose),var(--accent));z-index:1100}
.kicker{margin:0 0 1rem;color:var(--rose);font-size:.92rem;font-weight:500}
.essay h1 em{display:block;margin-top:.3em;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.52em;letter-spacing:-.005em;color:var(--nude)}
.essay .dek{font-family:var(--sans);font-style:normal;margin:0 0 1.4rem;font-size:1.1rem;line-height:1.6;color:#DED8CD;max-width:33rem}
.did{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.did li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;color:var(--muted)}
.label{display:flex;align-items:baseline;gap:10px;margin:0 0 .7rem;color:var(--rose);font-size:.92rem;font-weight:500;font-variant-numeric:tabular-nums}
.label span{color:var(--muted);font-weight:400}
.qs{list-style:none;margin:1.2rem 0;padding:0;display:grid;gap:8px}
.essay .qs li{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;font-family:var(--serif);font-style:italic;font-size:1.18rem;color:var(--nude)}
.qs li b{flex:none;font-family:var(--display);font-style:normal;font-size:.8rem;font-weight:500;color:var(--rose);font-variant-numeric:tabular-nums}
.five{list-style:none;margin:1.2rem 0;padding:0;border-top:1px solid var(--line)}
.essay .five li{display:grid;grid-template-columns:7rem 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.essay .five b{font-weight:500}
.essay .five span{color:var(--muted);font-size:.95rem;line-height:1.5}
.fixlist{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.essay .fixlist li{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:.95rem}
.fixlist li::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--rose);background:radial-gradient(circle at 35% 35%, #fff 0 15%, var(--nude) 30%, var(--rose) 100%)}
.img{margin:1.2rem 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#14161B;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.img img{width:100%;height:100%;object-fit:cover;display:block}
.words{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}
.words span{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--nude)}
.words span:not(:last-child)::after{content:"·";margin-left:10px;color:var(--rose);font-style:normal}
.cats{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.essay .cats li{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,250,240,.03)}
.cats li.hl{border-color:var(--rose);background:rgba(217,167,154,.08)}
.cats li.soon h3::after{content:"kommer snart";margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:.7rem;font-weight:500;color:var(--muted);vertical-align:2px}
.essay .cats p{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted)}
.chain{list-style:none;margin:1.2rem 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chain li{display:flex;align-items:center;gap:8px;font-size:.95rem}
.chain li span{padding:9px 14px;border:1px solid var(--line);border-radius:999px}
.chain li:last-child span{border-color:var(--rose);color:var(--ink)}
.chain li:not(:last-child)::after{content:"";width:14px;height:1px;background:var(--rose)}
.seo{list-style:none;margin:1.2rem 0;padding:0;border-top:1px solid var(--line)}
.essay .seo li{display:grid;grid-template-columns:7.5rem 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.essay .seo b{font-weight:500}
.essay .seo span{color:var(--muted);font-size:.95rem;line-height:1.5}
.grow{list-style:none;margin:1.2rem 0;padding:0;display:flex;flex-direction:column-reverse;gap:6px}
.essay .grow li{padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,250,240,.03)}
.grow li:first-child{border-color:var(--rose);background:rgba(217,167,154,.08)}
.essay .grow span{color:var(--muted);font-size:.9rem}
.essay .final h2{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.03em}
.essay .final h2 span{display:block}
.essay .final h2 span:nth-child(2){color:var(--nude);font-family:var(--serif);font-style:italic;font-weight:400}
.essay .final h2 span:nth-child(3){color:var(--rose)}
@media (max-width:820px){
  .fixlist,.cats{grid-template-columns:1fr}
  .five li,.seo li{grid-template-columns:1fr;gap:4px}
}